Fix Lit dependency duplication and update mini-lit to 0.2.0

- 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.

packages/web-ui/src/tools/artifacts/ArtifactPill.ts

@@ -1,4 +1,5 @@
-import { html, icon, type TemplateResult } from "@mariozechner/mini-lit";
+import { icon } from "@mariozechner/mini-lit";
+import { html, type TemplateResult } from "lit";
 import { FileCode2 } from "lucide";
 import type { ArtifactsPanel } from "./artifacts.js";
 

packages/web-ui/src/tools/artifacts/DocxArtifact.ts

@@ -1,4 +1,4 @@
-import { DownloadButton } from "@mariozechner/mini-lit";
+import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
 import { renderAsync } from "docx-preview";
 import { html, type TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";

packages/web-ui/src/tools/artifacts/ExcelArtifact.ts

@@ -1,4 +1,4 @@
-import { DownloadButton } from "@mariozechner/mini-lit";
+import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
 import { html, type TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import * as XLSX from "xlsx";

packages/web-ui/src/tools/artifacts/GenericArtifact.ts

@@ -1,4 +1,4 @@
-import { DownloadButton } from "@mariozechner/mini-lit";
+import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
 import { html, type TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { i18n } from "../../utils/i18n.js";

packages/web-ui/src/tools/artifacts/HtmlArtifact.ts

@@ -1,4 +1,3 @@
-import { Button, CopyButton, DownloadButton, icon, PreviewCodeToggle } from "@mariozechner/mini-lit";
 import hljs from "highlight.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
@@ -13,6 +12,11 @@ import "../../components/SandboxedIframe.js";
 import { ArtifactElement } from "./ArtifactElement.js";
 import type { Console } from "./Console.js";
 import "./Console.js";
+import { icon } from "@mariozechner/mini-lit";
+import { Button } from "@mariozechner/mini-lit/dist/Button.js";
+import { CopyButton } from "@mariozechner/mini-lit/dist/CopyButton.js";
+import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
+import { PreviewCodeToggle } from "@mariozechner/mini-lit/dist/PreviewCodeToggle.js";
 
 @customElement("html-artifact")
 export class HtmlArtifact extends ArtifactElement {

packages/web-ui/src/tools/artifacts/ImageArtifact.ts

@@ -1,4 +1,4 @@
-import { DownloadButton } from "@mariozechner/mini-lit";
+import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
 import { html, type TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { i18n } from "../../utils/i18n.js";

packages/web-ui/src/tools/artifacts/MarkdownArtifact.ts

@@ -1,10 +1,12 @@
-import { CopyButton, DownloadButton, PreviewCodeToggle } from "@mariozechner/mini-lit";
 import hljs from "highlight.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { i18n } from "../../utils/i18n.js";
 import "@mariozechner/mini-lit/dist/MarkdownBlock.js";
+import { CopyButton } from "@mariozechner/mini-lit/dist/CopyButton.js";
+import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
+import { PreviewCodeToggle } from "@mariozechner/mini-lit/dist/PreviewCodeToggle.js";
 import { ArtifactElement } from "./ArtifactElement.js";
 
 @customElement("markdown-artifact")

packages/web-ui/src/tools/artifacts/PdfArtifact.ts

@@ -1,4 +1,4 @@
-import { DownloadButton } from "@mariozechner/mini-lit";
+import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
 import { html, type TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import * as pdfjsLib from "pdfjs-dist";

packages/web-ui/src/tools/artifacts/SvgArtifact.ts

@@ -1,4 +1,6 @@
-import { CopyButton, DownloadButton, PreviewCodeToggle } from "@mariozechner/mini-lit";
+import { CopyButton } from "@mariozechner/mini-lit/dist/CopyButton.js";
+import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
+import { PreviewCodeToggle } from "@mariozechner/mini-lit/dist/PreviewCodeToggle.js";
 import hljs from "highlight.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";

packages/web-ui/src/tools/artifacts/TextArtifact.ts

@@ -1,4 +1,5 @@
-import { CopyButton, DownloadButton } from "@mariozechner/mini-lit";
+import { CopyButton } from "@mariozechner/mini-lit/dist/CopyButton.js";
+import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
 import hljs from "highlight.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";

packages/web-ui/src/tools/artifacts/artifacts-tool-renderer.ts

@@ -1,9 +1,10 @@
-import { Diff, html, type TemplateResult } from "@mariozechner/mini-lit";
 import "@mariozechner/mini-lit/dist/CodeBlock.js";
 import type { ToolResultMessage } from "@mariozechner/pi-ai";
 import { createRef, ref } from "lit/directives/ref.js";
 import { FileCode2 } from "lucide";
 import "../../components/ConsoleBlock.js";
+import { Diff } from "@mariozechner/mini-lit/dist/Diff.js";
+import { html, type TemplateResult } from "lit";
 import { i18n } from "../../utils/i18n.js";
 import { renderCollapsibleHeader, renderHeader } from "../renderer-registry.js";
 import type { ToolRenderer, ToolRenderResult } from "../types.js";

packages/web-ui/src/tools/artifacts/artifacts.ts

@@ -1,5 +1,6 @@
-import { Button, icon } from "@mariozechner/mini-lit";
+import { icon } from "@mariozechner/mini-lit";
 import "@mariozechner/mini-lit/dist/MarkdownBlock.js";
+import { Button } from "@mariozechner/mini-lit/dist/Button.js";
 import { type AgentTool, type Message, StringEnum, type ToolCall } from "@mariozechner/pi-ai";
 import { type Static, Type } from "@sinclair/typebox";
 import { html, LitElement, type TemplateResult } from "lit";

packages/web-ui/src/tools/extract-document.ts

@@ -1,6 +1,6 @@
-import { html } from "@mariozechner/mini-lit";
 import type { AgentTool, ToolResultMessage } from "@mariozechner/pi-ai";
 import { type Static, Type } from "@sinclair/typebox";
+import { html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
 import { FileText } from "lucide";
 import { EXTRACT_DOCUMENT_DESCRIPTION } from "../prompts/prompts.js";

packages/web-ui/src/tools/javascript-repl.ts

@@ -1,6 +1,7 @@
-import { html, i18n } from "@mariozechner/mini-lit";
+import { i18n } from "@mariozechner/mini-lit";
 import type { AgentTool, ToolResultMessage } from "@mariozechner/pi-ai";
 import { type Static, Type } from "@sinclair/typebox";
+import { html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
 import { Code } from "lucide";
 import { type SandboxFile, SandboxIframe, type SandboxResult } from "../components/SandboxedIframe.js";

packages/web-ui/src/tools/renderer-registry.ts

@@ -1,4 +1,5 @@
-import { html, icon, type TemplateResult } from "@mariozechner/mini-lit";
+import { icon } from "@mariozechner/mini-lit";
+import { html, type TemplateResult } from "lit";
 import type { Ref } from "lit/directives/ref.js";
 import { ref } from "lit/directives/ref.js";
 import { ChevronsUpDown, ChevronUp, Loader } from "lucide";

packages/web-ui/src/tools/renderers/BashRenderer.ts

@@ -1,5 +1,5 @@
-import { html } from "@mariozechner/mini-lit";
 import type { ToolResultMessage } from "@mariozechner/pi-ai";
+import { html } from "lit";
 import { SquareTerminal } from "lucide";
 import { i18n } from "../../utils/i18n.js";
 import { renderHeader } from "../renderer-registry.js";

packages/web-ui/src/tools/renderers/CalculateRenderer.ts

@@ -1,5 +1,5 @@
-import { html } from "@mariozechner/mini-lit";
 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";

packages/web-ui/src/tools/renderers/DefaultRenderer.ts

@@ -1,5 +1,5 @@
-import { html } from "@mariozechner/mini-lit";
 import type { ToolResultMessage } from "@mariozechner/pi-ai";
+import { html } from "lit";
 import { Code } from "lucide";
 import { i18n } from "../../utils/i18n.js";
 import { renderHeader } from "../renderer-registry.js";

packages/web-ui/src/tools/renderers/GetCurrentTimeRenderer.ts

@@ -1,5 +1,5 @@
-import { html } from "@mariozechner/mini-lit";
 import type { ToolResultMessage } from "@mariozechner/pi-ai";
+import { html } from "lit";
 import { Clock } from "lucide";
 import { i18n } from "../../utils/i18n.js";
 import { renderHeader } from "../renderer-registry.js";