test(kilo-ui): add expanded reasoning story; fix i18n trailing newlines

This commit is contained in:
Igor Šćekić
2026-03-04 16:56:15 +01:00
parent b9cfd98925
commit bd0df2941d
15 changed files with 32 additions and 14 deletions
+1 -1
View File
@@ -14,4 +14,4 @@ export const dict = {
// Reasoning block label
"ui.reasoning.label": "الاستدلال",
}
}
+1 -1
View File
@@ -14,4 +14,4 @@ export const dict = {
// Reasoning block label
"ui.reasoning.label": "Raciocínio",
}
}
+1 -1
View File
@@ -19,4 +19,4 @@ export const dict = {
// Reasoning block label
"ui.reasoning.label": "Rezonovanje",
}
}
+1 -1
View File
@@ -14,4 +14,4 @@ export const dict = {
// Reasoning block label
"ui.reasoning.label": "Ræsonnement",
}
}
+1 -1
View File
@@ -14,4 +14,4 @@ export const dict = {
// Reasoning block label
"ui.reasoning.label": "Razonamiento",
}
}
+1 -1
View File
@@ -14,4 +14,4 @@ export const dict = {
// Reasoning block label
"ui.reasoning.label": "Raisonnement",
}
}
+1 -1
View File
@@ -13,4 +13,4 @@ export const dict = {
// Reasoning block label
"ui.reasoning.label": "推論",
}
}
+1 -1
View File
@@ -13,4 +13,4 @@ export const dict = {
// Reasoning block label
"ui.reasoning.label": "추론",
}
}
+1 -1
View File
@@ -14,4 +14,4 @@ export const dict = {
// Reasoning block label
"ui.reasoning.label": "Resonnement",
}
}
+1 -1
View File
@@ -14,4 +14,4 @@ export const dict = {
// Reasoning block label
"ui.reasoning.label": "Rozumowanie",
}
}
+1 -1
View File
@@ -14,4 +14,4 @@ export const dict = {
// Reasoning block label
"ui.reasoning.label": "Рассуждение",
}
}
+1 -1
View File
@@ -14,4 +14,4 @@ export const dict = {
// Reasoning block label
"ui.reasoning.label": "การให้เหตุผล",
}
}
+1 -1
View File
@@ -12,4 +12,4 @@ export const dict = {
// Reasoning block label
"ui.reasoning.label": "推理",
}
}
+1 -1
View File
@@ -12,4 +12,4 @@ export const dict = {
// Reasoning block label
"ui.reasoning.label": "推理",
}
}
@@ -206,6 +206,24 @@ export const WithReasoningCollapsed: Story = {
),
}
export const WithReasoningExpanded: Story = {
name: "WithReasoning (expanded)",
render: () => {
// Use a wrapper to render with the collapsible open by default
const expandedReasoningPart = { ...reasoningPart, id: "part-reasoning-expanded" }
return (
<AllProviders>
<AssistantMessageDisplay message={mockAssistantMessage} parts={[expandedReasoningPart, textPart]} />
</AllProviders>
)
},
play: async ({ canvasElement }: { canvasElement: HTMLElement }) => {
// Click the collapsible trigger to expand it
const trigger = canvasElement.querySelector("[data-slot='reasoning-header']")?.closest("button")
if (trigger) trigger.click()
},
}
export const MessageSwitch: Story = {
render: () => (
<AllProviders>