opensource/kilocode
3
0
Fork 0
mirror of https://github.com/Kilo-Org/kilocode.git synced 2026-09-24 16:02:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update session stories for new structure in app.tsx

Browse Source
This commit is contained in:
Kevin van Dijk
2026-03-09 20:04:16 +01:00
parent cc20158bb4
commit b4846bbc0a
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/kilo-ui/src/stories/session-review.stories.tsx
+4 -4
View File
@@ -1,18 +1,18 @@
/** @jsxImportSource solid-js */
import type { Meta, StoryObj } from "storybook-solidjs-vite"
import { SessionReview } from "@opencode-ai/ui/session-review"
import { DiffComponentProvider } from "@kilocode/kilo-ui/context/diff"
import { Diff } from "@kilocode/kilo-ui/diff"
import { FileComponentProvider } from "@kilocode/kilo-ui/context/file"
import { File } from "@kilocode/kilo-ui/file"
const meta: Meta = {
title: "Components/SessionReview",
decorators: [
(Story) => (
<DiffComponentProvider component={Diff}>
<FileComponentProvider component={File}>
<div style={{ width: "800px", "min-height": "300px" }}>
<Story />
</div>
</DiffComponentProvider>
</FileComponentProvider>
),
],
parameters: { layout: "padded" },
packages/kilo-ui/src/stories/session-turn.stories.tsx
+7 -7
View File
@@ -2,10 +2,10 @@
import type { Meta, StoryObj } from "storybook-solidjs-vite"
import { SessionTurn } from "@opencode-ai/ui/session-turn"
import { DataProvider } from "@opencode-ai/ui/context/data"
import { DiffComponentProvider } from "@kilocode/kilo-ui/context/diff"
import { FileComponentProvider } from "@kilocode/kilo-ui/context/file"
import { DialogProvider } from "@opencode-ai/ui/context/dialog"
import { MarkedProvider } from "@opencode-ai/ui/context/marked"
import { Diff } from "@kilocode/kilo-ui/diff"
import { File } from "@kilocode/kilo-ui/file"
import type { UserMessage, AssistantMessage, TextPart, ToolPart } from "@kilocode/sdk/v2"
const SESSION_ID = "session-turn-story-001"
@@ -151,11 +151,11 @@ const workingData = {
function Providers(props: { data: any; children: any }) {
return (
<DataProvider data={props.data} directory="/project">
<DiffComponentProvider component={Diff}>
<FileComponentProvider component={File}>
<DialogProvider>
<MarkedProvider>{props.children}</MarkedProvider>
</DialogProvider>
</DiffComponentProvider>
</FileComponentProvider>
</DataProvider>
)
}
@@ -172,7 +172,7 @@ export const Default: Story = {
render: () => (
<Providers data={baseData}>
<div style={{ width: "700px" }}>
<SessionTurn sessionID={SESSION_ID} messageID={USER_MSG_ID} lastUserMessageID={USER_MSG_ID} />
<SessionTurn sessionID={SESSION_ID} messageID={USER_MSG_ID} />
</div>
</Providers>
),
@@ -182,7 +182,7 @@ export const Working: Story = {
render: () => (
<Providers data={workingData}>
<div style={{ width: "700px" }}>
<SessionTurn sessionID={SESSION_ID_2} messageID={USER_MSG_ID_2} lastUserMessageID={USER_MSG_ID_2} />
<SessionTurn sessionID={SESSION_ID_2} messageID={USER_MSG_ID_2} />
</div>
</Providers>
),
@@ -192,7 +192,7 @@ export const WithStepsExpanded: Story = {
render: () => (
<Providers data={baseData}>
<div style={{ width: "700px" }}>
<SessionTurn sessionID={SESSION_ID} messageID={USER_MSG_ID} lastUserMessageID={USER_MSG_ID} stepsExpanded />
<SessionTurn sessionID={SESSION_ID} messageID={USER_MSG_ID} stepsExpanded />
</div>
</Providers>
),