e533aebacd
- Move lit from dependencies to peerDependencies in web-ui to prevent multiple Lit instances being loaded - Update mini-lit from 0.1.8/0.1.10 to 0.2.0 in root package.json and web-ui/package.json - Install @tailwindcss/vite in web-ui/example - Run biome formatting fixes across codebase This resolves HMR custom element re-registration errors caused by duplicate Lit registries.
59 lines
1.9 KiB
TypeScript
59 lines
1.9 KiB
TypeScript
import type { ToolResultMessage } from "@mariozechner/pi-ai";
|
|
import { html } from "lit";
|
|
import { Calculator } from "lucide";
|
|
import { i18n } from "../../utils/i18n.js";
|
|
import { renderHeader } from "../renderer-registry.js";
|
|
import type { ToolRenderer, ToolRenderResult } from "../types.js";
|
|
|
|
interface CalculateParams {
|
|
expression: string;
|
|
}
|
|
|
|
// Calculate tool has undefined details (only uses output)
|
|
export class CalculateRenderer implements ToolRenderer<CalculateParams, undefined> {
|
|
render(params: CalculateParams | undefined, result: ToolResultMessage<undefined> | undefined): ToolRenderResult {
|
|
const state = result ? (result.isError ? "error" : "complete") : "inprogress";
|
|
|
|
// Full params + full result
|
|
if (result && params?.expression) {
|
|
const output =
|
|
result.content
|
|
?.filter((c) => c.type === "text")
|
|
.map((c: any) => c.text)
|
|
.join("\n") || "";
|
|
|
|
// Error: show expression in header, error below
|
|
if (result.isError) {
|
|
return {
|
|
content: html`
|
|
<div class="space-y-3">
|
|
${renderHeader(state, Calculator, params.expression)}
|
|
<div class="text-sm text-destructive">${output}</div>
|
|
</div>
|
|
`,
|
|
isCustom: false,
|
|
};
|
|
}
|
|
|
|
// Success: show expression = result in header
|
|
return { content: renderHeader(state, Calculator, `${params.expression} = ${output}`), isCustom: false };
|
|
}
|
|
|
|
// Full params, no result: just show header with expression in it
|
|
if (params?.expression) {
|
|
return {
|
|
content: renderHeader(state, Calculator, `${i18n("Calculating")} ${params.expression}`),
|
|
isCustom: false,
|
|
};
|
|
}
|
|
|
|
// Partial params (empty expression), no result
|
|
if (params && !params.expression) {
|
|
return { content: renderHeader(state, Calculator, i18n("Writing expression...")), isCustom: false };
|
|
}
|
|
|
|
// No params, no result
|
|
return { content: renderHeader(state, Calculator, i18n("Waiting for expression...")), isCustom: false };
|
|
}
|
|
}
|