Mario Zechner
8ec9805112
- Extract ArtifactsToolRenderer from ArtifactsPanel into standalone renderer - Fix ChatPanel to register ArtifactsToolRenderer instead of panel - Implement command-specific rendering logic (create/update/rewrite/get/logs/delete) - Create reusable Console component with copy button and autoscroll toggle - Replace custom console implementation with ExpandableSection and Console - Fix Lit reactivity for HtmlArtifact logs using spread operator - Add Lucide icons (FileCode2, ChevronsDown, Lock) for UI consistency - Follow skill.ts patterns with renderHeader and state handling - Add i18n strings for all artifact actions and console features
38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
import { html, type TemplateResult } from "@mariozechner/mini-lit";
|
|
import type { ToolResultMessage } from "@mariozechner/pi-ai";
|
|
import { i18n } from "../../utils/i18n.js";
|
|
import type { ToolRenderer } from "../types.js";
|
|
|
|
export class DefaultRenderer implements ToolRenderer {
|
|
render(params: any | undefined, result: ToolResultMessage | undefined, isStreaming?: boolean): TemplateResult {
|
|
// Show result if available
|
|
if (result) {
|
|
const text = result.output || i18n("(no output)");
|
|
return html`<div class="text-sm text-muted-foreground whitespace-pre-wrap font-mono">${text}</div>`;
|
|
}
|
|
|
|
// Show params
|
|
if (params) {
|
|
let text: string;
|
|
try {
|
|
text = JSON.stringify(JSON.parse(params), null, 2);
|
|
} catch {
|
|
try {
|
|
text = JSON.stringify(params, null, 2);
|
|
} catch {
|
|
text = String(params);
|
|
}
|
|
}
|
|
|
|
if (isStreaming && (!text || text === "{}" || text === "null")) {
|
|
return html`<div class="text-sm text-muted-foreground">${i18n("Preparing tool parameters...")}</div>`;
|
|
}
|
|
|
|
return html`<console-block .content=${text}></console-block>`;
|
|
}
|
|
|
|
// No params or result yet
|
|
return html`<div class="text-sm text-muted-foreground">${i18n("Preparing tool...")}</div>`;
|
|
}
|
|
}
|