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/components/AgentInterface.ts

@@ -1,6 +1,5 @@
-import { html } from "@mariozechner/mini-lit";
 import type { ToolResultMessage, Usage } from "@mariozechner/pi-ai";
-import { LitElement } from "lit";
+import { html, LitElement } from "lit";
 import { customElement, property, query } from "lit/decorators.js";
 import { ModelSelector } from "../dialogs/ModelSelector.js";
 import type { MessageEditor } from "./MessageEditor.js";

packages/web-ui/src/components/AttachmentTile.ts

@@ -1,6 +1,7 @@
-import { html, icon } from "@mariozechner/mini-lit";
+import { icon } from "@mariozechner/mini-lit/dist/icons.js";
 import { LitElement } from "lit";
 import { customElement, property } from "lit/decorators.js";
+import { html } from "lit/html.js";
 import { FileSpreadsheet, FileText, X } from "lucide";
 import { AttachmentOverlay } from "../dialogs/AttachmentOverlay.js";
 import type { Attachment } from "../utils/attachment-utils.js";

packages/web-ui/src/components/ConsoleBlock.ts

@@ -1,6 +1,7 @@
-import { html, icon } from "@mariozechner/mini-lit";
+import { icon } from "@mariozechner/mini-lit";
 import { LitElement } from "lit";
 import { property, state } from "lit/decorators.js";
+import { html } from "lit/html.js";
 import { Check, Copy } from "lucide";
 import { i18n } from "../utils/i18n.js";
 

packages/web-ui/src/components/CustomProviderCard.ts

@@ -1,5 +1,6 @@
-import { Button, html, i18n, type TemplateResult } from "@mariozechner/mini-lit";
-import { LitElement } from "lit";
+import { i18n } from "@mariozechner/mini-lit";
+import { Button } from "@mariozechner/mini-lit/dist/Button.js";
+import { html, LitElement, type TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import type { CustomProvider } from "../storage/stores/custom-providers-store.js";
 

packages/web-ui/src/components/Input.ts

@@ -1,4 +1,5 @@
-import { type BaseComponentProps, fc, html } from "@mariozechner/mini-lit";
+import { type BaseComponentProps, fc } from "@mariozechner/mini-lit/dist/mini.js";
+import { html } from "lit";
 import { type Ref, ref } from "lit/directives/ref.js";
 import { i18n } from "../utils/i18n.js";
 

packages/web-ui/src/components/MessageEditor.ts

@@ -1,12 +1,14 @@
-import { Button, html, icon, Select, type SelectOption } from "@mariozechner/mini-lit";
+import { icon } from "@mariozechner/mini-lit";
+import { Button } from "@mariozechner/mini-lit/dist/Button.js";
+import { Select, type SelectOption } from "@mariozechner/mini-lit/dist/Select.js";
 import type { Model } from "@mariozechner/pi-ai";
-import { LitElement } from "lit";
+import { html, LitElement } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import { Brain, Loader2, Paperclip, Send, Sparkles, Square } from "lucide";
-import "./AttachmentTile.js";
 import { type Attachment, loadAttachment } from "../utils/attachment-utils.js";
 import { i18n } from "../utils/i18n.js";
+import "./AttachmentTile.js";
 
 @customElement("message-editor")
 export class MessageEditor extends LitElement {

packages/web-ui/src/components/MessageList.ts

@@ -1,10 +1,9 @@
-import { html } from "@mariozechner/mini-lit";
 import type {
 	AgentTool,
 	AssistantMessage as AssistantMessageType,
 	ToolResultMessage as ToolResultMessageType,
 } from "@mariozechner/pi-ai";
-import { LitElement, type TemplateResult } from "lit";
+import { html, LitElement, type TemplateResult } from "lit";
 import { property } from "lit/decorators.js";
 import { repeat } from "lit/directives/repeat.js";
 import type { AppMessage } from "./Messages.js";

packages/web-ui/src/components/Messages.ts

@@ -1,4 +1,3 @@
-import { html } from "@mariozechner/mini-lit";
 import type {
 	AgentTool,
 	AssistantMessage as AssistantMessageType,
@@ -6,7 +5,7 @@ import type {
 	ToolResultMessage as ToolResultMessageType,
 	UserMessage as UserMessageType,
 } from "@mariozechner/pi-ai";
-import { LitElement, type TemplateResult } from "lit";
+import { html, LitElement, type TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { renderTool } from "../tools/index.js";
 import type { Attachment } from "../utils/attachment-utils.js";

packages/web-ui/src/components/ProviderKeyInput.ts

@@ -1,9 +1,12 @@
-import { Badge, Button, html, Input, i18n } from "@mariozechner/mini-lit";
+import { i18n } from "@mariozechner/mini-lit";
+import { Badge } from "@mariozechner/mini-lit/dist/Badge.js";
+import { Button } from "@mariozechner/mini-lit/dist/Button.js";
 import { type Context, complete, getModel } from "@mariozechner/pi-ai";
-import { LitElement } from "lit";
+import { html, LitElement } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { getAppStorage } from "../storage/app-storage.js";
 import { applyProxyIfNeeded } from "../utils/proxy-utils.js";
+import { Input } from "./Input.js";
 
 // Test models for each provider
 const TEST_MODELS: Record<string, string> = {

packages/web-ui/src/components/StreamingMessageContainer.ts

@@ -1,6 +1,5 @@
-import { html } from "@mariozechner/mini-lit";
 import type { AgentTool, Message, ToolResultMessage } from "@mariozechner/pi-ai";
-import { LitElement } from "lit";
+import { html, LitElement } from "lit";
 import { property, state } from "lit/decorators.js";
 
 export class StreamingMessageContainer extends LitElement {