diff --git a/desktop/chat.html b/desktop/chat.html
index 9aa48966..8bd81a4e 100644
--- a/desktop/chat.html
+++ b/desktop/chat.html
@@ -20,6 +20,9 @@
     <meta name="apple-mobile-web-app-title" content="taOS talk" />
     <link rel="apple-touch-icon" href="/static/icon-180.png" />
 
+    <!-- iOS splash screens (reuse 512 icon on #1a1b2e background; iOS scales it) -->
+    <link rel="apple-touch-startup-image" href="/static/icon-512.png" />
+
     <meta name="mobile-web-app-capable" content="yes" />
 
     <style>
diff --git a/desktop/src/ChatStandalone.tsx b/desktop/src/ChatStandalone.tsx
index cfeb316b..f3898a15 100644
--- a/desktop/src/ChatStandalone.tsx
+++ b/desktop/src/ChatStandalone.tsx
@@ -1,4 +1,5 @@
 import { Suspense, lazy } from "react";
+import { InstallPromptBanner } from "./shell/InstallPromptBanner";
 
 const MessagesApp = lazy(() => import("./apps/MessagesApp").then((m) => ({ default: m.MessagesApp })));
 
@@ -8,6 +9,7 @@ export function ChatStandalone() {
       className="h-screen w-screen flex flex-col overflow-hidden"
       style={{ backgroundColor: "#1a1b2e", paddingTop: "env(safe-area-inset-top, 0px)" }}
     >
+      <InstallPromptBanner />
       <Suspense fallback={
         <div className="flex items-center justify-center h-full" style={{ color: "rgba(255,255,255,0.4)" }}>
           Loading…
diff --git a/desktop/src/apps/MessagesApp.tsx b/desktop/src/apps/MessagesApp.tsx
index dc7b10ad..3e1aa3e1 100644
--- a/desktop/src/apps/MessagesApp.tsx
+++ b/desktop/src/apps/MessagesApp.tsx
@@ -29,6 +29,7 @@ import {
 } from "@/components/ui";
 import { MobileSplitView } from "@/components/mobile/MobileSplitView";
 import { useIsMobile } from "@/hooks/use-is-mobile";
+import { useVisualViewport } from "@/hooks/use-visual-viewport";
 import { resolveAgentEmoji } from "@/lib/agent-emoji";
 import { ChannelSettingsPanel } from "./chat/ChannelSettingsPanel";
 import { AgentContextMenu } from "./chat/AgentContextMenu";
@@ -44,6 +45,7 @@ import { uploadDiskFile, attachmentFromPath, type AttachmentRecord } from "@/lib
 import { useThreadPanel } from "@/lib/use-thread-panel";
 import { openFilePicker } from "@/shell/file-picker-api";
 import { MessageOverflowMenu } from "./chat/MessageOverflowMenu";
+import { BottomSheet } from "@/shell/BottomSheet";
 import { MessageEditor } from "./chat/MessageEditor";
 import { MessageTombstone } from "./chat/MessageTombstone";
 import { PinBadge } from "./chat/PinBadge";
@@ -204,6 +206,7 @@ const EMOJI_PICKER = ["👍", "❤️", "😂", "🎉", "🤔", "👀", "🚀",
 
 export function MessagesApp({ windowId: _windowId, title }: { windowId: string; title?: string }) {
   const isMobile = useIsMobile();
+  const { keyboardInset } = useVisualViewport();
 
   const [channels, setChannels] = useState<Channel[]>([]);
   const [archivedChannels, setArchivedChannels] = useState<Channel[]>([]);
@@ -1295,6 +1298,7 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
             ref={messageListRef}
             onScroll={handleScroll}
             className="flex-1 overflow-y-auto px-4 py-3 space-y-0.5"
+            style={isMobile && keyboardInset > 0 ? { paddingBottom: `${keyboardInset + 60}px` } : undefined}
             onDragOver={(e) => e.preventDefault()}
             onDrop={(e) => {
               e.preventDefault();
@@ -1456,8 +1460,8 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
                     </div>
                   )}
 
-                  {/* hover actions */}
-                  {hoveredMessageId === msg.id && (
+                  {/* hover actions — always visible on mobile (no hover available), hover-gated on desktop */}
+                  {(isMobile || hoveredMessageId === msg.id) && (
                     <div className="absolute top-0 right-2 -translate-y-1/2 z-10">
                       <MessageHoverActions
                         onReact={() => setShowEmoji(showEmoji === msg.id ? null : msg.id)}
@@ -1550,7 +1554,14 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
           />
 
           {/* input area */}
-          <div className="px-4 py-3 border-t border-white/[0.06] shrink-0">
+          <div
+            className="px-4 py-3 border-t border-white/[0.06] shrink-0"
+            style={
+              isMobile
+                ? { paddingBottom: `max(env(safe-area-inset-bottom), ${keyboardInset}px)` }
+                : undefined
+            }
+          >
             <div className="relative">
               {showSlash && (
                 <SlashMenu
@@ -1684,21 +1695,31 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
       {overflowMenu && (() => {
         const msg = messages.find((m) => m.id === overflowMenu.messageId);
         if (!msg) return null;
+        const menu = (
+          <MessageOverflowMenu
+            isOwn={msg.author_id === currentUserId}
+            isHuman={true} /* desktop UI viewer is always human */
+            isPinned={pinnedMessages.some((p) => p.id === msg.id)}
+            onEdit={() => handleEdit(msg.id)}
+            onDelete={() => handleDelete(msg.id)}
+            onCopyLink={() => handleCopyLink(msg.id)}
+            onPin={() => handlePin(msg)}
+            onMarkUnread={() => handleMarkUnread(msg.id)}
+            onClose={() => setOverflowMenu(null)}
+          />
+        );
+        if (isMobile) {
+          return (
+            <BottomSheet open={true} onClose={() => setOverflowMenu(null)}>
+              {menu}
+            </BottomSheet>
+          );
+        }
         return (
           <>
             <div className="fixed inset-0 z-40" onClick={() => setOverflowMenu(null)} />
             <div className="fixed z-50" style={{ top: overflowMenu.y, left: overflowMenu.x }}>
-              <MessageOverflowMenu
-                isOwn={msg.author_id === currentUserId}
-                isHuman={true} /* desktop UI viewer is always human */
-                isPinned={pinnedMessages.some((p) => p.id === msg.id)}
-                onEdit={() => handleEdit(msg.id)}
-                onDelete={() => handleDelete(msg.id)}
-                onCopyLink={() => handleCopyLink(msg.id)}
-                onPin={() => handlePin(msg)}
-                onMarkUnread={() => handleMarkUnread(msg.id)}
-                onClose={() => setOverflowMenu(null)}
-              />
+              {menu}
             </div>
           </>
         );
@@ -1727,6 +1748,7 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
           channelId={openThread.channelId}
           parentId={openThread.parentId}
           onClose={closeThread}
+          isFullscreen={isMobile}
           onSend={async (content, attachments) => {
             const r = await fetch("/api/chat/messages", {
               method: "POST",
diff --git a/desktop/src/apps/chat/ThreadPanel.tsx b/desktop/src/apps/chat/ThreadPanel.tsx
index f7bb3f9b..84ddcc46 100644
--- a/desktop/src/apps/chat/ThreadPanel.tsx
+++ b/desktop/src/apps/chat/ThreadPanel.tsx
@@ -14,11 +14,13 @@ export function ThreadPanel({
   parentId,
   onClose,
   onSend,
+  isFullscreen = false,
 }: {
   channelId: string;
   parentId: string;
   onClose: () => void;
   onSend: (content: string, attachments: AttachmentRecord[]) => Promise<void>;
+  isFullscreen?: boolean;
 }) {
   const [parent, setParent] = useState<Msg | null>(null);
   const [msgs, setMsgs] = useState<Msg[]>([]);
@@ -80,17 +82,22 @@ export function ThreadPanel({
 
   return (
     <div
-      className="fixed top-0 right-0 h-full w-[360px] bg-shell-surface border-l border-white/10 flex flex-col z-40"
+      className={
+        isFullscreen
+          ? "fixed inset-0 z-50 bg-shell-surface flex flex-col"
+          : "fixed top-0 right-0 h-full w-[360px] bg-shell-surface border-l border-white/10 flex flex-col z-40"
+      }
       role="complementary"
       aria-label="Thread panel"
+      style={isFullscreen ? { paddingTop: "env(safe-area-inset-top, 0px)" } : undefined}
     >
       <div className="flex items-center justify-between px-4 py-3 border-b border-white/10">
         <span className="font-semibold text-sm">Thread</span>
         <button
-          aria-label="Close thread"
+          aria-label={isFullscreen ? "Back" : "Close thread"}
           onClick={onClose}
           className="p-1 hover:bg-white/5 rounded"
-        >✕</button>
+        >{isFullscreen ? "◀" : "✕"}</button>
       </div>
 
       <div className="flex-1 overflow-y-auto px-4 py-3 flex flex-col gap-3">
diff --git a/desktop/src/hooks/__tests__/use-visual-viewport.test.ts b/desktop/src/hooks/__tests__/use-visual-viewport.test.ts
new file mode 100644
index 00000000..239a7618
--- /dev/null
+++ b/desktop/src/hooks/__tests__/use-visual-viewport.test.ts
@@ -0,0 +1,52 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import { renderHook, act } from "@testing-library/react";
+import { useVisualViewport } from "../use-visual-viewport";
+
+describe("useVisualViewport", () => {
+  const listeners = new Map<string, Set<() => void>>();
+  let vv: { height: number; offsetTop: number; addEventListener: (t: string, l: () => void) => void; removeEventListener: (t: string, l: () => void) => void };
+
+  beforeEach(() => {
+    listeners.clear();
+    vv = {
+      height: 800,
+      offsetTop: 0,
+      addEventListener: (t, l) => {
+        if (!listeners.has(t)) listeners.set(t, new Set());
+        listeners.get(t)!.add(l);
+      },
+      removeEventListener: (t, l) => listeners.get(t)?.delete(l),
+    };
+    Object.defineProperty(window, "visualViewport", { value: vv, configurable: true });
+    Object.defineProperty(window, "innerHeight", { value: 800, configurable: true });
+  });
+
+  afterEach(() => {
+    // @ts-expect-error test cleanup
+    delete window.visualViewport;
+  });
+
+  it("returns height + keyboardInset=0 when viewport matches window", () => {
+    const { result } = renderHook(() => useVisualViewport());
+    expect(result.current.height).toBe(800);
+    expect(result.current.keyboardInset).toBe(0);
+  });
+
+  it("computes keyboardInset when viewport shrinks (keyboard open)", () => {
+    const { result } = renderHook(() => useVisualViewport());
+    act(() => {
+      vv.height = 500;
+      listeners.get("resize")?.forEach((l) => l());
+    });
+    expect(result.current.keyboardInset).toBe(300);
+  });
+
+  it("returns fallback when visualViewport is undefined", () => {
+    // @ts-expect-error delete VV
+    delete window.visualViewport;
+    Object.defineProperty(window, "innerHeight", { value: 600, configurable: true });
+    const { result } = renderHook(() => useVisualViewport());
+    expect(result.current.height).toBe(600);
+    expect(result.current.keyboardInset).toBe(0);
+  });
+});
diff --git a/desktop/src/hooks/use-visual-viewport.ts b/desktop/src/hooks/use-visual-viewport.ts
new file mode 100644
index 00000000..10e338f8
--- /dev/null
+++ b/desktop/src/hooks/use-visual-viewport.ts
@@ -0,0 +1,33 @@
+import { useEffect, useState } from "react";
+
+export interface VisualViewportState {
+  height: number;
+  keyboardInset: number;
+}
+
+function read(): VisualViewportState {
+  if (typeof window === "undefined") return { height: 0, keyboardInset: 0 };
+  const vv = window.visualViewport;
+  if (!vv) return { height: window.innerHeight, keyboardInset: 0 };
+  const inset = Math.max(0, window.innerHeight - vv.height - vv.offsetTop);
+  return { height: vv.height, keyboardInset: inset };
+}
+
+export function useVisualViewport(): VisualViewportState {
+  const [state, setState] = useState<VisualViewportState>(read);
+
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const vv = window.visualViewport;
+    if (!vv) return;
+    const update = () => setState(read());
+    vv.addEventListener("resize", update);
+    vv.addEventListener("scroll", update);
+    return () => {
+      vv.removeEventListener("resize", update);
+      vv.removeEventListener("scroll", update);
+    };
+  }, []);
+
+  return state;
+}
diff --git a/desktop/src/shell/BottomSheet.tsx b/desktop/src/shell/BottomSheet.tsx
new file mode 100644
index 00000000..ea87f69f
--- /dev/null
+++ b/desktop/src/shell/BottomSheet.tsx
@@ -0,0 +1,131 @@
+import { useEffect, useRef, useState } from "react";
+
+export interface BottomSheetProps {
+  open: boolean;
+  onClose: () => void;
+  children: React.ReactNode;
+  labelledBy?: string;
+  dragHandle?: boolean;
+}
+
+const DISMISS_THRESHOLD_PX = 80;
+
+export function BottomSheet({
+  open, onClose, children, labelledBy, dragHandle = true,
+}: BottomSheetProps) {
+  const sheetRef = useRef<HTMLDivElement>(null);
+  const [dragY, setDragY] = useState(0);
+
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === "Escape") { e.preventDefault(); onClose(); }
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [open, onClose]);
+
+  useEffect(() => {
+    if (!open) return;
+    const previouslyFocused = document.activeElement as HTMLElement | null;
+    const first = sheetRef.current?.querySelector<HTMLElement>(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    first?.focus();
+    return () => {
+      previouslyFocused?.focus?.();
+    };
+  }, [open]);
+
+  // Tab-cycling focus trap: keep focus inside the sheet while open.
+  useEffect(() => {
+    if (!open) return;
+    const onKeyDown = (e: KeyboardEvent) => {
+      if (e.key !== "Tab") return;
+      const root = sheetRef.current;
+      if (!root) return;
+      const focusables = Array.from(
+        root.querySelectorAll<HTMLElement>(
+          'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+        )
+      ).filter((el) => !el.hasAttribute("disabled"));
+      if (focusables.length === 0) return;
+      const first = focusables[0]!;
+      const last = focusables[focusables.length - 1]!;
+      const active = document.activeElement as HTMLElement | null;
+      if (e.shiftKey && active === first) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && active === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [open]);
+
+  if (!open) return null;
+
+  const onPointerDown = (e: React.PointerEvent<HTMLDivElement>) => {
+    const startY = e.clientY;
+    const el = e.currentTarget;
+    el.setPointerCapture(e.pointerId);
+    const onMove = (ev: PointerEvent) => {
+      const dy = Math.max(0, ev.clientY - startY);
+      setDragY(dy);
+    };
+    const onUp = (ev: PointerEvent) => {
+      const dy = Math.max(0, ev.clientY - startY);
+      el.releasePointerCapture(e.pointerId);
+      el.removeEventListener("pointermove", onMove);
+      el.removeEventListener("pointerup", onUp);
+      el.removeEventListener("pointercancel", onCancel);
+      if (dy > DISMISS_THRESHOLD_PX) onClose();
+      setDragY(0);
+    };
+    const onCancel = () => {
+      el.releasePointerCapture(e.pointerId);
+      el.removeEventListener("pointermove", onMove);
+      el.removeEventListener("pointerup", onUp);
+      el.removeEventListener("pointercancel", onCancel);
+      setDragY(0);
+    };
+    el.addEventListener("pointermove", onMove);
+    el.addEventListener("pointerup", onUp);
+    el.addEventListener("pointercancel", onCancel);
+  };
+
+  return (
+    <>
+      <div
+        data-testid="bottom-sheet-backdrop"
+        className="fixed inset-0 z-50 bg-black/60"
+        onClick={onClose}
+      />
+      <div
+        ref={sheetRef}
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby={labelledBy}
+        className="fixed bottom-0 inset-x-0 z-50 bg-shell-surface rounded-t-xl border-t border-white/10 shadow-2xl max-h-[85vh] overflow-y-auto"
+        style={{
+          paddingBottom: "env(safe-area-inset-bottom, 0px)",
+          transform: `translateY(${dragY}px)`,
+          transition: dragY === 0 ? "transform 0.2s ease-out" : "none",
+        }}
+      >
+        {dragHandle && (
+          <div
+            data-testid="bottom-sheet-handle"
+            onPointerDown={onPointerDown}
+            className="flex justify-center py-2 cursor-grab active:cursor-grabbing touch-none"
+          >
+            <div className="w-10 h-1 bg-white/20 rounded-full" />
+          </div>
+        )}
+        {children}
+      </div>
+    </>
+  );
+}
diff --git a/desktop/src/shell/InstallPromptBanner.tsx b/desktop/src/shell/InstallPromptBanner.tsx
new file mode 100644
index 00000000..e29ba37b
--- /dev/null
+++ b/desktop/src/shell/InstallPromptBanner.tsx
@@ -0,0 +1,68 @@
+import { useEffect, useState } from "react";
+import { useIsMobile } from "@/hooks/use-is-mobile";
+
+interface BeforeInstallPromptEvent extends Event {
+  prompt: () => Promise<{ outcome: "accepted" | "dismissed" }>;
+  userChoice: Promise<{ outcome: "accepted" | "dismissed" }>;
+}
+
+const DISMISS_MS = 30 * 24 * 60 * 60 * 1000;
+const KEY = "taos-install-dismissed";
+
+export function InstallPromptBanner() {
+  const isMobile = useIsMobile();
+  const [event, setEvent] = useState<BeforeInstallPromptEvent | null>(null);
+  const [dismissed, setDismissed] = useState(false);
+
+  useEffect(() => {
+    const onPrompt = (e: Event) => {
+      e.preventDefault();
+      setEvent(e as BeforeInstallPromptEvent);
+    };
+    window.addEventListener("beforeinstallprompt", onPrompt);
+    return () => window.removeEventListener("beforeinstallprompt", onPrompt);
+  }, []);
+
+  if (!isMobile || !event || dismissed) return null;
+
+  if (typeof window !== "undefined") {
+    const mql = window.matchMedia("(display-mode: standalone)");
+    if (mql.matches) return null;
+  }
+
+  const prev = localStorage.getItem(KEY);
+  if (prev && Date.now() - Number(prev) < DISMISS_MS) return null;
+
+  const install = async () => {
+    try {
+      await event.prompt();
+      await event.userChoice;
+    } catch {
+      /* ignore */
+    }
+    setEvent(null);
+  };
+
+  const notNow = () => {
+    localStorage.setItem(KEY, String(Date.now()));
+    setDismissed(true);
+  };
+
+  return (
+    <div
+      role="region"
+      aria-label="Install prompt"
+      className="flex items-center gap-3 px-4 py-2 bg-sky-500/20 border-b border-sky-500/30 text-sm"
+    >
+      <span className="flex-1">Install taOS talk for quick access</span>
+      <button
+        onClick={install}
+        className="px-3 py-1 bg-sky-500/40 text-sky-100 rounded hover:bg-sky-500/60"
+      >Install</button>
+      <button
+        onClick={notNow}
+        className="px-2 py-1 opacity-70 hover:opacity-100"
+      >Not now</button>
+    </div>
+  );
+}
diff --git a/desktop/src/shell/__tests__/BottomSheet.test.tsx b/desktop/src/shell/__tests__/BottomSheet.test.tsx
new file mode 100644
index 00000000..f0ce2c3f
--- /dev/null
+++ b/desktop/src/shell/__tests__/BottomSheet.test.tsx
@@ -0,0 +1,63 @@
+import { describe, it, expect, vi } from "vitest";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { BottomSheet } from "../BottomSheet";
+
+describe("BottomSheet", () => {
+  it("renders nothing when closed", () => {
+    const { container } = render(
+      <BottomSheet open={false} onClose={vi.fn()}>
+        <div>content</div>
+      </BottomSheet>
+    );
+    expect(container.firstChild).toBeNull();
+  });
+
+  it("renders children when open", () => {
+    render(
+      <BottomSheet open={true} onClose={vi.fn()}>
+        <div>hello sheet</div>
+      </BottomSheet>
+    );
+    expect(screen.getByText("hello sheet")).toBeInTheDocument();
+  });
+
+  it("Escape key calls onClose", () => {
+    const onClose = vi.fn();
+    render(
+      <BottomSheet open={true} onClose={onClose}>
+        <div>x</div>
+      </BottomSheet>
+    );
+    fireEvent.keyDown(document, { key: "Escape" });
+    expect(onClose).toHaveBeenCalled();
+  });
+
+  it("backdrop click calls onClose", () => {
+    const onClose = vi.fn();
+    render(
+      <BottomSheet open={true} onClose={onClose}>
+        <div>x</div>
+      </BottomSheet>
+    );
+    fireEvent.click(screen.getByTestId("bottom-sheet-backdrop"));
+    expect(onClose).toHaveBeenCalled();
+  });
+
+  it("drag handle renders by default", () => {
+    render(
+      <BottomSheet open={true} onClose={vi.fn()}>
+        <div>x</div>
+      </BottomSheet>
+    );
+    expect(screen.getByTestId("bottom-sheet-handle")).toBeInTheDocument();
+  });
+
+  it("dragHandle=false hides the handle", () => {
+    render(
+      <BottomSheet open={true} onClose={vi.fn()} dragHandle={false}>
+        <div>x</div>
+      </BottomSheet>
+    );
+    expect(screen.queryByTestId("bottom-sheet-handle")).toBeNull();
+  });
+});
diff --git a/desktop/src/shell/__tests__/InstallPromptBanner.test.tsx b/desktop/src/shell/__tests__/InstallPromptBanner.test.tsx
new file mode 100644
index 00000000..6d2d3f3d
--- /dev/null
+++ b/desktop/src/shell/__tests__/InstallPromptBanner.test.tsx
@@ -0,0 +1,75 @@
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import { render, screen, fireEvent, act } from "@testing-library/react";
+import { InstallPromptBanner } from "../InstallPromptBanner";
+
+const fireBeforeInstallPrompt = (prompt: () => Promise<{outcome: string}>) => {
+  const event = new Event("beforeinstallprompt") as Event & {
+    prompt: () => Promise<{outcome: string}>;
+    userChoice: Promise<{outcome: string}>;
+  };
+  // @ts-expect-error test wiring
+  event.prompt = prompt;
+  // @ts-expect-error test wiring
+  event.userChoice = Promise.resolve({ outcome: "accepted" });
+  window.dispatchEvent(event);
+};
+
+describe("InstallPromptBanner", () => {
+  beforeEach(() => {
+    localStorage.clear();
+    Object.defineProperty(window, "matchMedia", {
+      value: (q: string) => ({
+        matches: q.includes("max-width") ? true : false,
+        addEventListener: () => {},
+        removeEventListener: () => {},
+      }),
+      configurable: true,
+    });
+    Object.defineProperty(window, "innerWidth", { value: 400, configurable: true });
+  });
+
+  it("renders nothing until beforeinstallprompt fires", () => {
+    const { container } = render(<InstallPromptBanner />);
+    expect(container.firstChild).toBeNull();
+  });
+
+  it("renders after beforeinstallprompt and install click calls prompt()", async () => {
+    const promptSpy = vi.fn(() => Promise.resolve({ outcome: "accepted" }));
+    render(<InstallPromptBanner />);
+    await act(async () => {
+      fireBeforeInstallPrompt(promptSpy);
+    });
+    expect(screen.getByRole("region", { name: /install/i })).toBeInTheDocument();
+    fireEvent.click(screen.getByRole("button", { name: /^install$/i }));
+    expect(promptSpy).toHaveBeenCalled();
+  });
+
+  it("Not now click writes dismissal timestamp and hides", async () => {
+    render(<InstallPromptBanner />);
+    await act(async () => {
+      fireBeforeInstallPrompt(vi.fn(() => Promise.resolve({ outcome: "accepted" })));
+    });
+    fireEvent.click(screen.getByRole("button", { name: /not now/i }));
+    expect(localStorage.getItem("taos-install-dismissed")).not.toBeNull();
+    expect(screen.queryByRole("region", { name: /install/i })).toBeNull();
+  });
+
+  it("stays hidden when recently dismissed", async () => {
+    localStorage.setItem("taos-install-dismissed", String(Date.now()));
+    render(<InstallPromptBanner />);
+    await act(async () => {
+      fireBeforeInstallPrompt(vi.fn(() => Promise.resolve({ outcome: "accepted" })));
+    });
+    expect(screen.queryByRole("region", { name: /install/i })).toBeNull();
+  });
+
+  it("reappears after 30 days", async () => {
+    const thirtyOneDaysAgo = Date.now() - 31 * 24 * 60 * 60 * 1000;
+    localStorage.setItem("taos-install-dismissed", String(thirtyOneDaysAgo));
+    render(<InstallPromptBanner />);
+    await act(async () => {
+      fireBeforeInstallPrompt(vi.fn(() => Promise.resolve({ outcome: "accepted" })));
+    });
+    expect(screen.getByRole("region", { name: /install/i })).toBeInTheDocument();
+  });
+});
diff --git a/desktop/tsconfig.tsbuildinfo b/desktop/tsconfig.tsbuildinfo
index b52813ef..48b404de 100644
--- a/desktop/tsconfig.tsbuildinfo
+++ b/desktop/tsconfig.tsbuildinfo
@@ -1 +1 @@
-{"root":["./src/app.tsx","./src/chatstandalone.tsx","./src/chat-main.tsx","./src/main.tsx","./src/apps/activityapp.tsx","./src/apps/agentbrowsersapp.tsx","./src/apps/agentmessagespanel.tsx","./src/apps/agentskillspanel.tsx","./src/apps/agentsapp.tsx","./src/apps/browserapp.tsx","./src/apps/calculatorapp.tsx","./src/apps/calendarapp.tsx","./src/apps/channelsapp.tsx","./src/apps/chessapp.tsx","./src/apps/clusterapp.tsx","./src/apps/contactsapp.tsx","./src/apps/crosswordsapp.tsx","./src/apps/filesapp.tsx","./src/apps/githubapp.tsx","./src/apps/imageviewerapp.tsx","./src/apps/imagesapp.tsx","./src/apps/importapp.tsx","./src/apps/libraryapp.tsx","./src/apps/mcpapp.tsx","./src/apps/mediaplayerapp.tsx","./src/apps/memoryapp.tsx","./src/apps/messagesapp.tsx","./src/apps/modelsapp.tsx","./src/apps/placeholderapp.tsx","./src/apps/providersapp.tsx","./src/apps/redditapp.tsx","./src/apps/secretsapp.tsx","./src/apps/settingsapp.tsx","./src/apps/storeapp.tsx","./src/apps/tasksapp.tsx","./src/apps/terminalapp.tsx","./src/apps/texteditorapp.tsx","./src/apps/weatherapp.tsx","./src/apps/wordleapp.tsx","./src/apps/xapp.tsx","./src/apps/youtubeapp.tsx","./src/apps/chat/agentcontextmenu.tsx","./src/apps/chat/attachmentgallery.tsx","./src/apps/chat/attachmentlightbox.tsx","./src/apps/chat/attachmentsbar.tsx","./src/apps/chat/channelsettingspanel.tsx","./src/apps/chat/messageeditor.tsx","./src/apps/chat/messagehoveractions.tsx","./src/apps/chat/messageoverflowmenu.tsx","./src/apps/chat/messagetombstone.tsx","./src/apps/chat/pinbadge.tsx","./src/apps/chat/pinrequestaffordance.tsx","./src/apps/chat/pinnedmessagespopover.tsx","./src/apps/chat/slashmenu.tsx","./src/apps/chat/threadindicator.tsx","./src/apps/chat/threadpanel.tsx","./src/apps/chat/typingfooter.tsx","./src/components/contextmenu.tsx","./src/components/desktop.tsx","./src/components/dock.tsx","./src/components/dockicon.tsx","./src/components/emojipicker.tsx","./src/components/launchpad.tsx","./src/components/launchpadicon.tsx","./src/components/logingate.tsx","./src/components/loginscreen.tsx","./src/components/migrationbanner.tsx","./src/components/modelbrowser.tsx","./src/components/modelpickerflow.tsx","./src/components/modelpickermodal.tsx","./src/components/notificationcentre.tsx","./src/components/notificationtoast.tsx","./src/components/onboardingscreen.tsx","./src/components/searchpalette.tsx","./src/components/snapoverlay.tsx","./src/components/statusindicators.tsx","./src/components/topbar.tsx","./src/components/wallpaperpicker.tsx","./src/components/widgetlayer.tsx","./src/components/window.tsx","./src/components/windowcontent.tsx","./src/components/agent-settings/frameworktab.tsx","./src/components/agent-settings/memorytab.tsx","./src/components/agent-settings/personatab.tsx","./src/components/memory/agentmemorytable.tsx","./src/components/memory/dashboard.tsx","./src/components/memory/memorysettings.tsx","./src/components/memory/pipelinecontrol.tsx","./src/components/memory/schemaformrenderer.tsx","./src/components/memory/sessionbrowser.tsx","./src/components/memory/sessiondetail.tsx","./src/components/mobile/cardswitcher.tsx","./src/components/mobile/mobileapp.tsx","./src/components/mobile/mobileappwindow.tsx","./src/components/mobile/mobilebottomnav.tsx","./src/components/mobile/mobiledock.tsx","./src/components/mobile/mobilehomepages.tsx","./src/components/mobile/mobilelist.tsx","./src/components/mobile/mobilesplitview.tsx","./src/components/mobile/mobiletopbar.tsx","./src/components/mobile/pillbar.tsx","./src/components/persona-picker/personablank.tsx","./src/components/persona-picker/personabrowse.tsx","./src/components/persona-picker/personacreate.tsx","./src/components/persona-picker/personapicker.tsx","./src/components/persona-picker/types.ts","./src/components/ui/button.tsx","./src/components/ui/card.tsx","./src/components/ui/index.ts","./src/components/ui/input.tsx","./src/components/ui/label.tsx","./src/components/ui/switch.tsx","./src/components/ui/tabs.tsx","./src/components/ui/textarea.tsx","./src/components/ui/toolbar.tsx","./src/components/widgets/agentstatuswidget.tsx","./src/components/widgets/clockwidget.tsx","./src/components/widgets/greetingwidget.tsx","./src/components/widgets/quicknoteswidget.tsx","./src/components/widgets/systemstatswidget.tsx","./src/components/widgets/weatherwidget.tsx","./src/hooks/use-clock.ts","./src/hooks/use-device-mode.ts","./src/hooks/use-focus-trap.ts","./src/hooks/use-is-mobile.ts","./src/hooks/use-list-nav.ts","./src/hooks/use-server-preference.ts","./src/hooks/use-session-persistence.ts","./src/hooks/use-shortcut-registry.tsx","./src/hooks/use-snap-zones.ts","./src/hooks/use-widget-size.ts","./src/lib/agent-browsers.ts","./src/lib/agent-emoji.ts","./src/lib/channel-admin-api.ts","./src/lib/chat-attachments-api.ts","./src/lib/chat-messages-api.ts","./src/lib/cluster.ts","./src/lib/framework-api.ts","./src/lib/github.ts","./src/lib/hw-detect.ts","./src/lib/knowledge.ts","./src/lib/memory.ts","./src/lib/models.ts","./src/lib/personas-api.ts","./src/lib/reddit.ts","./src/lib/slug.ts","./src/lib/use-thread-panel.ts","./src/lib/use-typing-emitter.ts","./src/lib/utils.ts","./src/lib/x-monitor.ts","./src/lib/youtube.ts","./src/registry/app-registry.ts","./src/shell/filepicker.tsx","./src/shell/vfsbrowser.tsx","./src/shell/file-picker-api.ts","./src/stores/dock-store.ts","./src/stores/mobile-home-store.ts","./src/stores/notification-store.ts","./src/stores/process-store.ts","./src/stores/theme-store.ts","./src/stores/widget-store.ts","./src/types/pell.d.ts","./src/types/plyr.d.ts","./src/types/react-grid-layout.d.ts"],"version":"5.9.3"}
\ No newline at end of file
+{"root":["./src/app.tsx","./src/chatstandalone.tsx","./src/chat-main.tsx","./src/main.tsx","./src/apps/activityapp.tsx","./src/apps/agentbrowsersapp.tsx","./src/apps/agentmessagespanel.tsx","./src/apps/agentskillspanel.tsx","./src/apps/agentsapp.tsx","./src/apps/browserapp.tsx","./src/apps/calculatorapp.tsx","./src/apps/calendarapp.tsx","./src/apps/channelsapp.tsx","./src/apps/chessapp.tsx","./src/apps/clusterapp.tsx","./src/apps/contactsapp.tsx","./src/apps/crosswordsapp.tsx","./src/apps/filesapp.tsx","./src/apps/githubapp.tsx","./src/apps/imageviewerapp.tsx","./src/apps/imagesapp.tsx","./src/apps/importapp.tsx","./src/apps/libraryapp.tsx","./src/apps/mcpapp.tsx","./src/apps/mediaplayerapp.tsx","./src/apps/memoryapp.tsx","./src/apps/messagesapp.tsx","./src/apps/modelsapp.tsx","./src/apps/placeholderapp.tsx","./src/apps/providersapp.tsx","./src/apps/redditapp.tsx","./src/apps/secretsapp.tsx","./src/apps/settingsapp.tsx","./src/apps/storeapp.tsx","./src/apps/tasksapp.tsx","./src/apps/terminalapp.tsx","./src/apps/texteditorapp.tsx","./src/apps/weatherapp.tsx","./src/apps/wordleapp.tsx","./src/apps/xapp.tsx","./src/apps/youtubeapp.tsx","./src/apps/chat/agentcontextmenu.tsx","./src/apps/chat/attachmentgallery.tsx","./src/apps/chat/attachmentlightbox.tsx","./src/apps/chat/attachmentsbar.tsx","./src/apps/chat/channelsettingspanel.tsx","./src/apps/chat/messageeditor.tsx","./src/apps/chat/messagehoveractions.tsx","./src/apps/chat/messageoverflowmenu.tsx","./src/apps/chat/messagetombstone.tsx","./src/apps/chat/pinbadge.tsx","./src/apps/chat/pinrequestaffordance.tsx","./src/apps/chat/pinnedmessagespopover.tsx","./src/apps/chat/slashmenu.tsx","./src/apps/chat/threadindicator.tsx","./src/apps/chat/threadpanel.tsx","./src/apps/chat/typingfooter.tsx","./src/components/contextmenu.tsx","./src/components/desktop.tsx","./src/components/dock.tsx","./src/components/dockicon.tsx","./src/components/emojipicker.tsx","./src/components/launchpad.tsx","./src/components/launchpadicon.tsx","./src/components/logingate.tsx","./src/components/loginscreen.tsx","./src/components/migrationbanner.tsx","./src/components/modelbrowser.tsx","./src/components/modelpickerflow.tsx","./src/components/modelpickermodal.tsx","./src/components/notificationcentre.tsx","./src/components/notificationtoast.tsx","./src/components/onboardingscreen.tsx","./src/components/searchpalette.tsx","./src/components/snapoverlay.tsx","./src/components/statusindicators.tsx","./src/components/topbar.tsx","./src/components/wallpaperpicker.tsx","./src/components/widgetlayer.tsx","./src/components/window.tsx","./src/components/windowcontent.tsx","./src/components/agent-settings/frameworktab.tsx","./src/components/agent-settings/memorytab.tsx","./src/components/agent-settings/personatab.tsx","./src/components/memory/agentmemorytable.tsx","./src/components/memory/dashboard.tsx","./src/components/memory/memorysettings.tsx","./src/components/memory/pipelinecontrol.tsx","./src/components/memory/schemaformrenderer.tsx","./src/components/memory/sessionbrowser.tsx","./src/components/memory/sessiondetail.tsx","./src/components/mobile/cardswitcher.tsx","./src/components/mobile/mobileapp.tsx","./src/components/mobile/mobileappwindow.tsx","./src/components/mobile/mobilebottomnav.tsx","./src/components/mobile/mobiledock.tsx","./src/components/mobile/mobilehomepages.tsx","./src/components/mobile/mobilelist.tsx","./src/components/mobile/mobilesplitview.tsx","./src/components/mobile/mobiletopbar.tsx","./src/components/mobile/pillbar.tsx","./src/components/persona-picker/personablank.tsx","./src/components/persona-picker/personabrowse.tsx","./src/components/persona-picker/personacreate.tsx","./src/components/persona-picker/personapicker.tsx","./src/components/persona-picker/types.ts","./src/components/ui/button.tsx","./src/components/ui/card.tsx","./src/components/ui/index.ts","./src/components/ui/input.tsx","./src/components/ui/label.tsx","./src/components/ui/switch.tsx","./src/components/ui/tabs.tsx","./src/components/ui/textarea.tsx","./src/components/ui/toolbar.tsx","./src/components/widgets/agentstatuswidget.tsx","./src/components/widgets/clockwidget.tsx","./src/components/widgets/greetingwidget.tsx","./src/components/widgets/quicknoteswidget.tsx","./src/components/widgets/systemstatswidget.tsx","./src/components/widgets/weatherwidget.tsx","./src/hooks/use-clock.ts","./src/hooks/use-device-mode.ts","./src/hooks/use-focus-trap.ts","./src/hooks/use-is-mobile.ts","./src/hooks/use-list-nav.ts","./src/hooks/use-server-preference.ts","./src/hooks/use-session-persistence.ts","./src/hooks/use-shortcut-registry.tsx","./src/hooks/use-snap-zones.ts","./src/hooks/use-visual-viewport.ts","./src/hooks/use-widget-size.ts","./src/lib/agent-browsers.ts","./src/lib/agent-emoji.ts","./src/lib/channel-admin-api.ts","./src/lib/chat-attachments-api.ts","./src/lib/chat-messages-api.ts","./src/lib/cluster.ts","./src/lib/framework-api.ts","./src/lib/github.ts","./src/lib/hw-detect.ts","./src/lib/knowledge.ts","./src/lib/memory.ts","./src/lib/models.ts","./src/lib/personas-api.ts","./src/lib/reddit.ts","./src/lib/slug.ts","./src/lib/use-thread-panel.ts","./src/lib/use-typing-emitter.ts","./src/lib/utils.ts","./src/lib/x-monitor.ts","./src/lib/youtube.ts","./src/registry/app-registry.ts","./src/shell/bottomsheet.tsx","./src/shell/filepicker.tsx","./src/shell/installpromptbanner.tsx","./src/shell/vfsbrowser.tsx","./src/shell/file-picker-api.ts","./src/stores/dock-store.ts","./src/stores/mobile-home-store.ts","./src/stores/notification-store.ts","./src/stores/process-store.ts","./src/stores/theme-store.ts","./src/stores/widget-store.ts","./src/types/pell.d.ts","./src/types/plyr.d.ts","./src/types/react-grid-layout.d.ts"],"version":"5.9.3"}
\ No newline at end of file
diff --git a/desktop/vitest.setup.ts b/desktop/vitest.setup.ts
index d0de870d..65f3d5b7 100644
--- a/desktop/vitest.setup.ts
+++ b/desktop/vitest.setup.ts
@@ -1 +1,19 @@
 import "@testing-library/jest-dom";
+
+// Node.js 25+ ships a built-in localStorage stub that is broken when
+// --localstorage-file is not provided (all methods are undefined).
+// Polyfill it with an in-memory implementation so tests can call
+// localStorage.clear(), setItem(), getItem(), etc.
+if (typeof localStorage === "undefined" || typeof localStorage.clear !== "function") {
+  const store = new Map<string, string>();
+  const impl = {
+    get length() { return store.size; },
+    key(index: number) { return [...store.keys()][index] ?? null; },
+    getItem(key: string) { return store.has(key) ? store.get(key)! : null; },
+    setItem(key: string, value: string) { store.set(key, String(value)); },
+    removeItem(key: string) { store.delete(key); },
+    clear() { store.clear(); },
+  };
+  Object.defineProperty(globalThis, "localStorage", { value: impl, configurable: true, writable: true });
+  Object.defineProperty(globalThis, "sessionStorage", { value: { ...impl, clear() { store.clear(); } }, configurable: true, writable: true });
+}
diff --git a/docs/superpowers/plans/2026-04-20-messages-pwa-phase-1.md b/docs/superpowers/plans/2026-04-20-messages-pwa-phase-1.md
new file mode 100644
index 00000000..fd5116bb
--- /dev/null
+++ b/docs/superpowers/plans/2026-04-20-messages-pwa-phase-1.md
@@ -0,0 +1,970 @@
+# Messages PWA Phase 1 — Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task.
+
+**Goal:** Ship the mobile PWA experience for taOS talk — full-screen thread takeover, bottom sheet overflow menu, keyboard-aware composer, install prompt.
+
+**Architecture:** Additive mobile behaviors gated on `useIsMobile()`. New shell primitives (`BottomSheet`, `InstallPromptBanner`) + new hook (`use-visual-viewport`). ThreadPanel gains an `isFullscreen` prop. No backend changes.
+
+**Tech Stack:** React + TypeScript + Tailwind + Vitest (desktop); Playwright mobile-viewport E2E.
+
+---
+
+## File structure
+
+### New
+- `desktop/src/hooks/use-visual-viewport.ts`
+- `desktop/src/hooks/__tests__/use-visual-viewport.test.ts`
+- `desktop/src/shell/BottomSheet.tsx`
+- `desktop/src/shell/__tests__/BottomSheet.test.tsx`
+- `desktop/src/shell/InstallPromptBanner.tsx`
+- `desktop/src/shell/__tests__/InstallPromptBanner.test.tsx`
+- `tests/e2e/test_messages_pwa.py`
+
+### Modified
+- `desktop/src/apps/chat/ThreadPanel.tsx` — add `isFullscreen` prop.
+- `desktop/src/apps/MessagesApp.tsx` — mobile conditionals: thread takeover, bottom-sheet overflow, keyboard-aware composer.
+- `desktop/src/ChatStandalone.tsx` — mount `<InstallPromptBanner>`.
+- `desktop/chat.html` — iOS splash meta tags.
+
+---
+
+## Task 1: `use-visual-viewport` hook
+
+**Files:**
+- Create: `desktop/src/hooks/use-visual-viewport.ts`
+- Create: `desktop/src/hooks/__tests__/use-visual-viewport.test.ts`
+
+- [ ] **Step 1: Write failing test**
+
+```typescript
+// desktop/src/hooks/__tests__/use-visual-viewport.test.ts
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import { renderHook, act } from "@testing-library/react";
+import { useVisualViewport } from "../use-visual-viewport";
+
+describe("useVisualViewport", () => {
+  const listeners = new Map<string, Set<() => void>>();
+  let vv: { height: number; offsetTop: number; addEventListener: (t: string, l: () => void) => void; removeEventListener: (t: string, l: () => void) => void };
+
+  beforeEach(() => {
+    listeners.clear();
+    vv = {
+      height: 800,
+      offsetTop: 0,
+      addEventListener: (t, l) => {
+        if (!listeners.has(t)) listeners.set(t, new Set());
+        listeners.get(t)!.add(l);
+      },
+      removeEventListener: (t, l) => listeners.get(t)?.delete(l),
+    };
+    Object.defineProperty(window, "visualViewport", { value: vv, configurable: true });
+    Object.defineProperty(window, "innerHeight", { value: 800, configurable: true });
+  });
+
+  afterEach(() => {
+    // @ts-expect-error test cleanup
+    delete window.visualViewport;
+  });
+
+  it("returns height + keyboardInset=0 when viewport matches window", () => {
+    const { result } = renderHook(() => useVisualViewport());
+    expect(result.current.height).toBe(800);
+    expect(result.current.keyboardInset).toBe(0);
+  });
+
+  it("computes keyboardInset when viewport shrinks (keyboard open)", () => {
+    const { result } = renderHook(() => useVisualViewport());
+    act(() => {
+      vv.height = 500;
+      listeners.get("resize")?.forEach((l) => l());
+    });
+    expect(result.current.keyboardInset).toBe(300);
+  });
+
+  it("returns fallback when visualViewport is undefined", () => {
+    // @ts-expect-error delete VV
+    delete window.visualViewport;
+    Object.defineProperty(window, "innerHeight", { value: 600, configurable: true });
+    const { result } = renderHook(() => useVisualViewport());
+    expect(result.current.height).toBe(600);
+    expect(result.current.keyboardInset).toBe(0);
+  });
+});
+```
+
+- [ ] **Step 2: Run test**
+
+Run: `cd desktop && npm test -- --run use-visual-viewport`
+Expected: FAIL (module missing).
+
+- [ ] **Step 3: Implement**
+
+```typescript
+// desktop/src/hooks/use-visual-viewport.ts
+import { useEffect, useState } from "react";
+
+export interface VisualViewportState {
+  height: number;
+  keyboardInset: number;
+}
+
+function read(): VisualViewportState {
+  if (typeof window === "undefined") return { height: 0, keyboardInset: 0 };
+  const vv = window.visualViewport;
+  if (!vv) return { height: window.innerHeight, keyboardInset: 0 };
+  const inset = Math.max(0, window.innerHeight - vv.height - vv.offsetTop);
+  return { height: vv.height, keyboardInset: inset };
+}
+
+export function useVisualViewport(): VisualViewportState {
+  const [state, setState] = useState<VisualViewportState>(read);
+
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const vv = window.visualViewport;
+    if (!vv) return;
+    const update = () => setState(read());
+    vv.addEventListener("resize", update);
+    vv.addEventListener("scroll", update);
+    return () => {
+      vv.removeEventListener("resize", update);
+      vv.removeEventListener("scroll", update);
+    };
+  }, []);
+
+  return state;
+}
+```
+
+- [ ] **Step 4: Run test**
+
+Run: `cd desktop && npm test -- --run use-visual-viewport`
+Expected: 3 pass.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add desktop/src/hooks/use-visual-viewport.ts desktop/src/hooks/__tests__/use-visual-viewport.test.ts
+git commit -m "feat(desktop): use-visual-viewport hook for keyboard-aware mobile UI"
+```
+
+---
+
+## Task 2: `BottomSheet` shell primitive
+
+**Files:**
+- Create: `desktop/src/shell/BottomSheet.tsx`
+- Create: `desktop/src/shell/__tests__/BottomSheet.test.tsx`
+
+- [ ] **Step 1: Write failing tests**
+
+```tsx
+// desktop/src/shell/__tests__/BottomSheet.test.tsx
+import { describe, it, expect, vi } from "vitest";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { BottomSheet } from "../BottomSheet";
+
+describe("BottomSheet", () => {
+  it("renders nothing when closed", () => {
+    const { container } = render(
+      <BottomSheet open={false} onClose={vi.fn()}>
+        <div>content</div>
+      </BottomSheet>
+    );
+    expect(container.firstChild).toBeNull();
+  });
+
+  it("renders children when open", () => {
+    render(
+      <BottomSheet open={true} onClose={vi.fn()}>
+        <div>hello sheet</div>
+      </BottomSheet>
+    );
+    expect(screen.getByText("hello sheet")).toBeInTheDocument();
+  });
+
+  it("Escape key calls onClose", () => {
+    const onClose = vi.fn();
+    render(
+      <BottomSheet open={true} onClose={onClose}>
+        <div>x</div>
+      </BottomSheet>
+    );
+    fireEvent.keyDown(document, { key: "Escape" });
+    expect(onClose).toHaveBeenCalled();
+  });
+
+  it("backdrop click calls onClose", () => {
+    const onClose = vi.fn();
+    render(
+      <BottomSheet open={true} onClose={onClose}>
+        <div>x</div>
+      </BottomSheet>
+    );
+    fireEvent.click(screen.getByTestId("bottom-sheet-backdrop"));
+    expect(onClose).toHaveBeenCalled();
+  });
+
+  it("drag handle renders by default", () => {
+    render(
+      <BottomSheet open={true} onClose={vi.fn()}>
+        <div>x</div>
+      </BottomSheet>
+    );
+    expect(screen.getByTestId("bottom-sheet-handle")).toBeInTheDocument();
+  });
+
+  it("dragHandle=false hides the handle", () => {
+    render(
+      <BottomSheet open={true} onClose={vi.fn()} dragHandle={false}>
+        <div>x</div>
+      </BottomSheet>
+    );
+    expect(screen.queryByTestId("bottom-sheet-handle")).toBeNull();
+  });
+});
+```
+
+- [ ] **Step 2: Run tests**
+
+Run: `cd desktop && npm test -- --run BottomSheet`
+Expected: FAIL.
+
+- [ ] **Step 3: Implement**
+
+```tsx
+// desktop/src/shell/BottomSheet.tsx
+import { useEffect, useRef, useState } from "react";
+
+export interface BottomSheetProps {
+  open: boolean;
+  onClose: () => void;
+  children: React.ReactNode;
+  labelledBy?: string;
+  dragHandle?: boolean;
+}
+
+const DISMISS_THRESHOLD_PX = 80;
+
+export function BottomSheet({
+  open, onClose, children, labelledBy, dragHandle = true,
+}: BottomSheetProps) {
+  const sheetRef = useRef<HTMLDivElement>(null);
+  const [dragY, setDragY] = useState(0);
+
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === "Escape") { e.preventDefault(); onClose(); }
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [open, onClose]);
+
+  useEffect(() => {
+    // Focus first focusable element when opening
+    if (!open) return;
+    const first = sheetRef.current?.querySelector<HTMLElement>(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    first?.focus();
+  }, [open]);
+
+  if (!open) return null;
+
+  const onPointerDown = (e: React.PointerEvent<HTMLDivElement>) => {
+    const startY = e.clientY;
+    const el = e.currentTarget;
+    el.setPointerCapture(e.pointerId);
+    const onMove = (ev: PointerEvent) => {
+      const dy = Math.max(0, ev.clientY - startY);
+      setDragY(dy);
+    };
+    const onUp = (ev: PointerEvent) => {
+      const dy = Math.max(0, ev.clientY - startY);
+      el.releasePointerCapture(e.pointerId);
+      el.removeEventListener("pointermove", onMove);
+      el.removeEventListener("pointerup", onUp);
+      el.removeEventListener("pointercancel", onCancel);
+      if (dy > DISMISS_THRESHOLD_PX) onClose();
+      setDragY(0);
+    };
+    const onCancel = () => {
+      el.releasePointerCapture(e.pointerId);
+      el.removeEventListener("pointermove", onMove);
+      el.removeEventListener("pointerup", onUp);
+      el.removeEventListener("pointercancel", onCancel);
+      setDragY(0);
+    };
+    el.addEventListener("pointermove", onMove);
+    el.addEventListener("pointerup", onUp);
+    el.addEventListener("pointercancel", onCancel);
+  };
+
+  return (
+    <>
+      <div
+        data-testid="bottom-sheet-backdrop"
+        className="fixed inset-0 z-50 bg-black/60"
+        onClick={onClose}
+      />
+      <div
+        ref={sheetRef}
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby={labelledBy}
+        className="fixed bottom-0 inset-x-0 z-50 bg-shell-surface rounded-t-xl border-t border-white/10 shadow-2xl max-h-[85vh] overflow-y-auto"
+        style={{
+          paddingBottom: "env(safe-area-inset-bottom, 0px)",
+          transform: `translateY(${dragY}px)`,
+          transition: dragY === 0 ? "transform 0.2s ease-out" : "none",
+        }}
+      >
+        {dragHandle && (
+          <div
+            data-testid="bottom-sheet-handle"
+            onPointerDown={onPointerDown}
+            className="flex justify-center py-2 cursor-grab active:cursor-grabbing touch-none"
+          >
+            <div className="w-10 h-1 bg-white/20 rounded-full" />
+          </div>
+        )}
+        {children}
+      </div>
+    </>
+  );
+}
+```
+
+- [ ] **Step 4: Run tests**
+
+Run: `cd desktop && npm test -- --run BottomSheet`
+Expected: 6 pass.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add desktop/src/shell/BottomSheet.tsx desktop/src/shell/__tests__/BottomSheet.test.tsx
+git commit -m "feat(desktop): BottomSheet shell primitive with drag-to-dismiss"
+```
+
+---
+
+## Task 3: `InstallPromptBanner`
+
+**Files:**
+- Create: `desktop/src/shell/InstallPromptBanner.tsx`
+- Create: `desktop/src/shell/__tests__/InstallPromptBanner.test.tsx`
+
+- [ ] **Step 1: Write failing tests**
+
+```tsx
+// desktop/src/shell/__tests__/InstallPromptBanner.test.tsx
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import { render, screen, fireEvent, act } from "@testing-library/react";
+import { InstallPromptBanner } from "../InstallPromptBanner";
+
+const fireBeforeInstallPrompt = (prompt: () => Promise<{outcome: string}>) => {
+  const event = new Event("beforeinstallprompt") as Event & {
+    prompt: () => Promise<{outcome: string}>;
+    userChoice: Promise<{outcome: string}>;
+  };
+  // @ts-expect-error test wiring
+  event.prompt = prompt;
+  // @ts-expect-error test wiring
+  event.userChoice = Promise.resolve({ outcome: "accepted" });
+  window.dispatchEvent(event);
+};
+
+describe("InstallPromptBanner", () => {
+  beforeEach(() => {
+    localStorage.clear();
+    // fake mobile + not standalone
+    Object.defineProperty(window, "matchMedia", {
+      value: (q: string) => ({
+        matches: q.includes("max-width") ? true : false,
+        addEventListener: () => {},
+        removeEventListener: () => {},
+      }),
+      configurable: true,
+    });
+    Object.defineProperty(window, "innerWidth", { value: 400, configurable: true });
+  });
+
+  it("renders nothing until beforeinstallprompt fires", () => {
+    const { container } = render(<InstallPromptBanner />);
+    expect(container.firstChild).toBeNull();
+  });
+
+  it("renders after beforeinstallprompt and install click calls prompt()", async () => {
+    const promptSpy = vi.fn(() => Promise.resolve({ outcome: "accepted" }));
+    render(<InstallPromptBanner />);
+    await act(async () => {
+      fireBeforeInstallPrompt(promptSpy);
+    });
+    expect(screen.getByRole("region", { name: /install/i })).toBeInTheDocument();
+    fireEvent.click(screen.getByRole("button", { name: /install/i }));
+    expect(promptSpy).toHaveBeenCalled();
+  });
+
+  it("Not now click writes dismissal timestamp and hides", async () => {
+    render(<InstallPromptBanner />);
+    await act(async () => {
+      fireBeforeInstallPrompt(vi.fn(() => Promise.resolve({ outcome: "accepted" })));
+    });
+    fireEvent.click(screen.getByRole("button", { name: /not now/i }));
+    expect(localStorage.getItem("taos-install-dismissed")).not.toBeNull();
+    expect(screen.queryByRole("region", { name: /install/i })).toBeNull();
+  });
+
+  it("stays hidden when recently dismissed", async () => {
+    localStorage.setItem("taos-install-dismissed", String(Date.now()));
+    render(<InstallPromptBanner />);
+    await act(async () => {
+      fireBeforeInstallPrompt(vi.fn(() => Promise.resolve({ outcome: "accepted" })));
+    });
+    expect(screen.queryByRole("region", { name: /install/i })).toBeNull();
+  });
+
+  it("reappears after 30 days", async () => {
+    const thirtyOneDaysAgo = Date.now() - 31 * 24 * 60 * 60 * 1000;
+    localStorage.setItem("taos-install-dismissed", String(thirtyOneDaysAgo));
+    render(<InstallPromptBanner />);
+    await act(async () => {
+      fireBeforeInstallPrompt(vi.fn(() => Promise.resolve({ outcome: "accepted" })));
+    });
+    expect(screen.getByRole("region", { name: /install/i })).toBeInTheDocument();
+  });
+});
+```
+
+- [ ] **Step 2: Run tests**
+
+Run: `cd desktop && npm test -- --run InstallPromptBanner`
+Expected: FAIL.
+
+- [ ] **Step 3: Implement**
+
+```tsx
+// desktop/src/shell/InstallPromptBanner.tsx
+import { useEffect, useState } from "react";
+import { useIsMobile } from "@/hooks/use-is-mobile";
+
+interface BeforeInstallPromptEvent extends Event {
+  prompt: () => Promise<{ outcome: "accepted" | "dismissed" }>;
+  userChoice: Promise<{ outcome: "accepted" | "dismissed" }>;
+}
+
+const DISMISS_MS = 30 * 24 * 60 * 60 * 1000;
+const KEY = "taos-install-dismissed";
+
+export function InstallPromptBanner() {
+  const isMobile = useIsMobile();
+  const [event, setEvent] = useState<BeforeInstallPromptEvent | null>(null);
+  const [dismissed, setDismissed] = useState(false);
+
+  useEffect(() => {
+    const onPrompt = (e: Event) => {
+      e.preventDefault();
+      setEvent(e as BeforeInstallPromptEvent);
+    };
+    window.addEventListener("beforeinstallprompt", onPrompt);
+    return () => window.removeEventListener("beforeinstallprompt", onPrompt);
+  }, []);
+
+  if (!isMobile || !event || dismissed) return null;
+
+  // Already installed?
+  if (typeof window !== "undefined") {
+    const mql = window.matchMedia("(display-mode: standalone)");
+    if (mql.matches) return null;
+  }
+
+  // Recently dismissed?
+  const prev = localStorage.getItem(KEY);
+  if (prev && Date.now() - Number(prev) < DISMISS_MS) return null;
+
+  const install = async () => {
+    try {
+      await event.prompt();
+      await event.userChoice;
+    } catch {
+      /* ignore */
+    }
+    setEvent(null);
+  };
+
+  const notNow = () => {
+    localStorage.setItem(KEY, String(Date.now()));
+    setDismissed(true);
+  };
+
+  return (
+    <div
+      role="region"
+      aria-label="Install prompt"
+      className="flex items-center gap-3 px-4 py-2 bg-sky-500/20 border-b border-sky-500/30 text-sm"
+    >
+      <span className="flex-1">Install taOS talk for quick access</span>
+      <button
+        onClick={install}
+        className="px-3 py-1 bg-sky-500/40 text-sky-100 rounded hover:bg-sky-500/60"
+      >Install</button>
+      <button
+        onClick={notNow}
+        className="px-2 py-1 opacity-70 hover:opacity-100"
+      >Not now</button>
+    </div>
+  );
+}
+```
+
+- [ ] **Step 4: Run tests**
+
+Run: `cd desktop && npm test -- --run InstallPromptBanner`
+Expected: 5 pass.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add desktop/src/shell/InstallPromptBanner.tsx desktop/src/shell/__tests__/InstallPromptBanner.test.tsx
+git commit -m "feat(desktop): InstallPromptBanner with 30-day dismissal suppression"
+```
+
+---
+
+## Task 4: ThreadPanel `isFullscreen` prop
+
+**Files:**
+- Modify: `desktop/src/apps/chat/ThreadPanel.tsx`
+
+Add an `isFullscreen?: boolean` prop. When true, render as full-screen takeover instead of right-side slide-over.
+
+- [ ] **Step 1: Update the component**
+
+In `ThreadPanel.tsx`, change the signature:
+
+```tsx
+export function ThreadPanel({
+  channelId,
+  parentId,
+  onClose,
+  onSend,
+  isFullscreen = false,
+}: {
+  channelId: string;
+  parentId: string;
+  onClose: () => void;
+  onSend: (content: string, attachments: AttachmentRecord[]) => Promise<void>;
+  isFullscreen?: boolean;
+}) {
+```
+
+Swap the outer `<div>` className so that when `isFullscreen`, the panel is full-screen instead of right-side:
+
+```tsx
+<div
+  className={
+    isFullscreen
+      ? "fixed inset-0 z-50 bg-shell-surface flex flex-col"
+      : "fixed top-0 right-0 h-full w-[360px] bg-shell-surface border-l border-white/10 flex flex-col z-40"
+  }
+  role="complementary"
+  aria-label="Thread panel"
+  style={isFullscreen ? { paddingTop: "env(safe-area-inset-top, 0px)" } : undefined}
+>
+```
+
+Update the close button's aria-label on fullscreen mode — render "◀" with aria-label="Back" when fullscreen, keep "✕" / "Close thread" when side-panel:
+
+```tsx
+<button
+  aria-label={isFullscreen ? "Back" : "Close thread"}
+  onClick={onClose}
+  className="p-1 hover:bg-white/5 rounded"
+>{isFullscreen ? "◀" : "✕"}</button>
+```
+
+- [ ] **Step 2: Build passes**
+
+Run: `cd desktop && npm run build`
+Expected: clean.
+
+- [ ] **Step 3: Run existing tests**
+
+Run: `cd desktop && npm test -- --run ThreadPanel`
+Expected: pass (no tests for ThreadPanel — just don't break anything else).
+
+- [ ] **Step 4: Commit**
+
+```bash
+git add desktop/src/apps/chat/ThreadPanel.tsx
+git commit -m "feat(desktop): ThreadPanel isFullscreen prop for mobile takeover"
+```
+
+---
+
+## Task 5: MessagesApp — mobile thread takeover
+
+**Files:**
+- Modify: `desktop/src/apps/MessagesApp.tsx`
+
+- [ ] **Step 1: Pass `isFullscreen` when mobile**
+
+Find the `<ThreadPanel` mount (around line 1718 — search for `<ThreadPanel`). Add `isFullscreen={isMobile}`:
+
+```tsx
+{openThread && (
+  <ThreadPanel
+    channelId={openThread.channelId}
+    parentId={openThread.parentId}
+    onClose={closeThread}
+    isFullscreen={isMobile}
+    onSend={async (content, attachments) => { /* unchanged */ }}
+  />
+)}
+```
+
+- [ ] **Step 2: Build + full test**
+
+Run: `cd desktop && npm run build && npm test -- --run`
+Expected: build clean, no new test failures.
+
+- [ ] **Step 3: Commit**
+
+```bash
+git add desktop/src/apps/MessagesApp.tsx
+git commit -m "feat(desktop): mobile thread takeover when viewport is < 768px"
+```
+
+---
+
+## Task 6: MessagesApp — overflow menu bottom-sheet
+
+**Files:**
+- Modify: `desktop/src/apps/MessagesApp.tsx`
+
+- [ ] **Step 1: Add import**
+
+Near the other imports:
+
+```tsx
+import { BottomSheet } from "@/shell/BottomSheet";
+```
+
+- [ ] **Step 2: Split overflow menu render by isMobile**
+
+Find the overflow menu mount (search for `overflowMenu && (() =>`). Replace the current block with:
+
+```tsx
+{overflowMenu && (() => {
+  const msg = messages.find((m) => m.id === overflowMenu.messageId);
+  if (!msg) return null;
+  const menu = (
+    <MessageOverflowMenu
+      isOwn={msg.author_id === currentUserId}
+      isHuman={true}
+      isPinned={pinnedMessages.some((p) => p.id === msg.id)}
+      onEdit={() => handleEdit(msg.id)}
+      onDelete={() => handleDelete(msg.id)}
+      onCopyLink={() => handleCopyLink(msg.id)}
+      onPin={() => handlePin(msg)}
+      onMarkUnread={() => handleMarkUnread(msg.id)}
+      onClose={() => setOverflowMenu(null)}
+    />
+  );
+  if (isMobile) {
+    return (
+      <BottomSheet open={true} onClose={() => setOverflowMenu(null)}>
+        {menu}
+      </BottomSheet>
+    );
+  }
+  return (
+    <>
+      <div className="fixed inset-0 z-40" onClick={() => setOverflowMenu(null)} />
+      <div className="fixed z-50" style={{ top: overflowMenu.y, left: overflowMenu.x }}>
+        {menu}
+      </div>
+    </>
+  );
+})()}
+```
+
+- [ ] **Step 3: Build + test**
+
+Run: `cd desktop && npm run build && npm test -- --run`
+Expected: clean.
+
+- [ ] **Step 4: Commit**
+
+```bash
+git add desktop/src/apps/MessagesApp.tsx
+git commit -m "feat(desktop): mobile overflow menu renders in bottom sheet"
+```
+
+---
+
+## Task 7: MessagesApp — keyboard-aware composer
+
+**Files:**
+- Modify: `desktop/src/apps/MessagesApp.tsx`
+
+- [ ] **Step 1: Add import + state**
+
+Near the other imports:
+
+```tsx
+import { useVisualViewport } from "@/hooks/use-visual-viewport";
+```
+
+Inside the component, near other hooks:
+
+```tsx
+const { keyboardInset } = useVisualViewport();
+```
+
+- [ ] **Step 2: Apply to composer + message list**
+
+Find the composer outer div (the one with `px-4 py-3 border-t ...` containing the Textarea + Send button). Add an inline style that only applies on mobile:
+
+```tsx
+<div
+  className="px-4 py-3 border-t border-white/[0.06] shrink-0"
+  style={
+    isMobile
+      ? { paddingBottom: `max(env(safe-area-inset-bottom), ${keyboardInset}px)` }
+      : undefined
+  }
+>
+```
+
+Find the message list scroll container (`<div ref={messageListRef} onScroll={handleScroll} className="flex-1 overflow-y-auto px-4 py-3 space-y-0.5">`). Add padding-bottom so messages don't scroll under the composer when the keyboard is up:
+
+```tsx
+<div
+  ref={messageListRef}
+  onScroll={handleScroll}
+  className="flex-1 overflow-y-auto px-4 py-3 space-y-0.5"
+  style={isMobile && keyboardInset > 0 ? { paddingBottom: `${keyboardInset + 60}px` } : undefined}
+>
+```
+
+- [ ] **Step 3: Build + test**
+
+Run: `cd desktop && npm run build && npm test -- --run`
+Expected: clean.
+
+- [ ] **Step 4: Commit**
+
+```bash
+git add desktop/src/apps/MessagesApp.tsx
+git commit -m "feat(desktop): keyboard-aware composer padding on mobile"
+```
+
+---
+
+## Task 8: ChatStandalone — mount InstallPromptBanner
+
+**Files:**
+- Modify: `desktop/src/ChatStandalone.tsx`
+
+- [ ] **Step 1: Update**
+
+```tsx
+// desktop/src/ChatStandalone.tsx
+import { Suspense, lazy } from "react";
+import { InstallPromptBanner } from "./shell/InstallPromptBanner";
+
+const MessagesApp = lazy(() => import("./apps/MessagesApp").then((m) => ({ default: m.MessagesApp })));
+
+export function ChatStandalone() {
+  return (
+    <div
+      className="h-screen w-screen flex flex-col overflow-hidden"
+      style={{ backgroundColor: "#1a1b2e", paddingTop: "env(safe-area-inset-top, 0px)" }}
+    >
+      <InstallPromptBanner />
+      <Suspense fallback={
+        <div className="flex items-center justify-center h-full" style={{ color: "rgba(255,255,255,0.4)" }}>
+          Loading…
+        </div>
+      }>
+        <MessagesApp windowId="standalone-chat" title="taOS talk" />
+      </Suspense>
+    </div>
+  );
+}
+```
+
+- [ ] **Step 2: Build**
+
+Run: `cd desktop && npm run build`
+Expected: clean.
+
+- [ ] **Step 3: Commit**
+
+```bash
+git add desktop/src/ChatStandalone.tsx
+git commit -m "feat(desktop): mount InstallPromptBanner in ChatStandalone"
+```
+
+---
+
+## Task 9: chat.html — iOS splash meta tags
+
+**Files:**
+- Modify: `desktop/chat.html`
+
+- [ ] **Step 1: Add splash meta tags**
+
+In `desktop/chat.html`, in the `<head>` section right after the existing `apple-touch-icon` line, add:
+
+```html
+<!-- iOS splash screens (reuse 512 icon on #1a1b2e background; iOS scales it) -->
+<link rel="apple-touch-startup-image" href="/static/icon-512.png" />
+```
+
+(Device-specific splash images are a future polish; the generic startup-image works on all iPhones and shows the icon centered.)
+
+- [ ] **Step 2: Rebuild bundle (chat.html changes are picked up at build time)**
+
+Run: `cd desktop && npm run build`
+Expected: clean. Verify `/static/desktop/chat.html` contains the new meta tag.
+
+- [ ] **Step 3: Commit**
+
+```bash
+git add desktop/chat.html
+git commit -m "feat(pwa): iOS splash startup image for taOS talk PWA"
+```
+
+---
+
+## Task 10: Rebuild desktop bundle (final)
+
+- [ ] **Step 1: Build**
+
+```bash
+cd desktop && npm run build
+```
+
+- [ ] **Step 2: Commit rebuilt assets**
+
+```bash
+cd /Volumes/NVMe/Users/jay/Development/tinyagentos
+git add -A static/desktop desktop/tsconfig.tsbuildinfo
+git commit -m "build: rebuild desktop bundle for Messages PWA Phase 1"
+```
+
+---
+
+## Task 11: Playwright mobile E2E
+
+**Files:**
+- Create: `tests/e2e/test_messages_pwa.py`
+
+- [ ] **Step 1: Write env-gated mobile-viewport tests**
+
+```python
+"""Messages PWA mobile-viewport E2E.
+
+Requires TAOS_E2E_URL set; skipped locally.
+"""
+import os
+import re
+
+import pytest
+from playwright.sync_api import Page, expect
+
+pytestmark = [
+    pytest.mark.e2e,
+    pytest.mark.skipif(
+        not os.environ.get("TAOS_E2E_URL"),
+        reason="TAOS_E2E_URL required",
+    ),
+]
+URL = os.environ.get("TAOS_E2E_URL", "")
+
+
+MOBILE_VIEWPORT = {"width": 375, "height": 667}
+
+
+@pytest.fixture
+def mobile_page(page: Page):
+    page.set_viewport_size(MOBILE_VIEWPORT)
+    return page
+
+
+def test_mobile_thread_takeover(mobile_page: Page):
+    mobile_page.goto(f"{URL}/chat-pwa")
+    mobile_page.get_by_text("roundtable").first.click()
+    # Pick a message and open thread
+    first = mobile_page.locator("[data-message-id]").first
+    first.tap()  # mobile tap
+    mobile_page.get_by_role("button", name=re.compile("Reply in thread", re.I)).click()
+    # Expect full-screen takeover — thread panel covers most of the viewport
+    panel = mobile_page.get_by_role("complementary", name=re.compile("Thread", re.I))
+    expect(panel).to_be_visible()
+    box = panel.bounding_box()
+    assert box is not None
+    assert box["width"] >= 300  # takes the full width on 375px viewport
+    # Back button returns
+    mobile_page.get_by_role("button", name=re.compile("Back", re.I)).click()
+    expect(panel).not_to_be_visible()
+
+
+def test_mobile_overflow_bottom_sheet(mobile_page: Page):
+    mobile_page.goto(f"{URL}/chat-pwa")
+    mobile_page.get_by_text("roundtable").first.click()
+    first = mobile_page.locator("[data-message-id]").first
+    first.tap()
+    mobile_page.get_by_role("button", name="More").click()
+    # Bottom sheet shows the menu
+    sheet_backdrop = mobile_page.get_by_test_id("bottom-sheet-backdrop")
+    expect(sheet_backdrop).to_be_visible()
+    # Menu items visible
+    expect(mobile_page.get_by_role("menuitem", name=re.compile("Copy link", re.I))).to_be_visible()
+
+
+def test_install_banner_hidden_when_no_event(mobile_page: Page):
+    mobile_page.goto(f"{URL}/chat-pwa")
+    # beforeinstallprompt is not emulated here; banner should not be visible.
+    expect(mobile_page.get_by_role("region", name=re.compile("Install", re.I))).not_to_be_visible()
+```
+
+- [ ] **Step 2: Confirm it skips locally**
+
+Run: `PYTHONPATH=. pytest tests/e2e/test_messages_pwa.py -v`
+Expected: 3 SKIPPED (no `TAOS_E2E_URL`).
+
+- [ ] **Step 3: Commit**
+
+```bash
+git add tests/e2e/test_messages_pwa.py
+git commit -m "test(e2e): Messages PWA mobile viewport — thread takeover, bottom sheet, install banner"
+```
+
+---
+
+## Final verification
+
+- [ ] **Full test suite**
+
+```bash
+PYTHONPATH=. pytest tests/ -x -q --ignore=tests/e2e
+cd desktop && npm test -- --run
+cd desktop && npm run build
+```
+
+Expected: all pass / clean (3 pre-existing snap-zones failures acceptable).
+
+- [ ] **Open PR**
+
+```bash
+git push -u origin feat/messages-pwa
+gh pr create --base master \
+  --title "Messages PWA Phase 1 — mobile UX + install prompt" \
+  --body-file docs/superpowers/specs/2026-04-20-messages-pwa-phase-1-design.md
+```
diff --git a/docs/superpowers/specs/2026-04-20-messages-pwa-phase-1-design.md b/docs/superpowers/specs/2026-04-20-messages-pwa-phase-1-design.md
new file mode 100644
index 00000000..3bd9c951
--- /dev/null
+++ b/docs/superpowers/specs/2026-04-20-messages-pwa-phase-1-design.md
@@ -0,0 +1,186 @@
+# Messages PWA Phase 1 — design
+
+**Status:** Approved 2026-04-20.
+
+## Goal
+
+Make taOS talk feel native on phones. Stack nav, full-screen thread takeover, bottom sheet actions, keyboard-aware composer, install-to-home-screen prompt. Everything runs from the existing `/chat-pwa` PWA entry; desktop behavior is preserved.
+
+## Non-goals (deferred to later phases)
+
+- Service worker, offline shell caching, stale-while-revalidate. **Phase 2.**
+- Push notifications.
+- Pull-to-refresh.
+- Native app store distribution.
+- iOS App Clip / Android Instant App.
+
+## Baseline — what already exists
+
+- `desktop/chat.html` — dedicated PWA entry with manifest, favicon, Apple meta tags.
+- `desktop/src/chat-main.tsx` → `ChatStandalone.tsx` → lazy `MessagesApp`.
+- `static/manifest-chat.json` — valid PWA manifest (`display: standalone`, 192/512 icons with `any maskable`).
+- `tinyagentos/routes/desktop.py:189` — serves `/chat-pwa` + SPA fallback at `/chat-pwa/{rest:path}`.
+- `desktop/src/hooks/use-is-mobile.ts` — `<768px` breakpoint (Tailwind `md`).
+- `desktop/src/components/mobile/MobileSplitView.tsx` — stack nav for channel list → message view.
+
+## Decisions
+
+1. **Mobile breakpoint:** `useIsMobile()` (< 768px). Reuse existing hook.
+2. **Thread panel on mobile:** full-screen takeover (stack nav).
+3. **Overflow menu on mobile:** bottom sheet.
+4. **Channel nav on mobile:** existing `MobileSplitView` stack pattern. No bottom tabs.
+5. **Install prompt:** auto-banner on first mobile visit, dismissible, 30-day suppression.
+
+## Architecture
+
+### New shell primitives
+
+**`desktop/src/shell/BottomSheet.tsx`**
+- Modal dialog sliding up from the bottom.
+- Props: `{open, onClose, children, labelledBy?, dragHandle?: boolean = true}`.
+- Backdrop: `bg-black/60` covering full viewport, click = `onClose`.
+- Sheet: `fixed bottom-0 inset-x-0`, `max-h-[85vh]`, safe-area inset padding on bottom.
+- Drag handle: 40×4px pill at top. Pointer events move the sheet; release past 80px threshold triggers `onClose`; release under threshold snaps back.
+- Esc key closes (listener scoped to the sheet).
+- `role="dialog"`, `aria-modal="true"`, `aria-labelledby` when provided.
+- Focus trap: first focusable element gets focus on open; Tab cycles inside the sheet.
+
+**`desktop/src/shell/InstallPromptBanner.tsx`**
+- Top banner ("Install taOS talk for quick access • Install / Not now").
+- Only renders when:
+  - `useIsMobile()` is true (it's a phone-size viewport), AND
+  - A `beforeinstallprompt` event has fired (browser considers install possible), AND
+  - `window.matchMedia("(display-mode: standalone)")` is false (not already installed), AND
+  - `localStorage["taos-install-dismissed"]` is not set, or older than 30 days.
+- Install click → `event.prompt()`, await `event.userChoice`, hide regardless of outcome.
+- "Not now" click → set `localStorage["taos-install-dismissed"] = String(Date.now())`, hide.
+- Uses `role="region"` with `aria-label="Install prompt"`.
+
+**`desktop/src/hooks/use-visual-viewport.ts`**
+- Returns `{height: number, keyboardInset: number}`.
+- Subscribes to `window.visualViewport.resize` and `scroll` events.
+- `keyboardInset = max(0, window.innerHeight - visualViewport.height - visualViewport.offsetTop)`.
+- SSR-safe fallback: returns `{height: window.innerHeight || 0, keyboardInset: 0}`.
+
+### Mobile-conditional changes in MessagesApp
+
+All changes gated on `const isMobile = useIsMobile();`.
+
+**ThreadPanel (mobile):**
+- When `openThread && isMobile`, render `<ThreadPanel>` as a full-screen takeover: `fixed inset-0 z-50 bg-shell-surface flex flex-col`.
+- Header gets a back button (`◀`) that calls `closeThread()`. Channel name + thread author shown.
+- The rest of the MessagesApp UI (channel header, message list, composer) is hidden while the takeover is up.
+- When desktop, keeps existing right-side slide-over (unchanged).
+
+To avoid touching `ThreadPanel` internals, wrap in a `<MobileThreadTakeover>` that reuses `ThreadPanel`'s body but swaps the outer chrome. Alternative: pass an `isFullscreen` prop to ThreadPanel. **Choose:** `isFullscreen` prop — one file, cleaner diff.
+
+**MessageOverflowMenu (mobile):**
+- When `overflowMenu && isMobile`, render the menu inside `<BottomSheet>`.
+- Menu items keep their role="menuitem" and keyboard nav.
+- Row height increases to `py-3` for thumb-size targets.
+- Desktop path unchanged (dropdown anchored at cursor).
+
+**Composer (mobile keyboard handling):**
+- The composer row (`<div className="px-4 py-3 border-t ...">`) gets `style={{ paddingBottom: \`max(env(safe-area-inset-bottom), ${keyboardInset}px)\` }}`.
+- `keyboardInset` from `use-visual-viewport`. When keyboard is up, composer floats above it; when down, respects the home-bar safe area.
+- The message list bottom padding adds the same value so content doesn't scroll under the composer.
+- Only applied on mobile — desktop stays with its current padding.
+
+### ChatStandalone / chat.html updates
+
+**`desktop/chat.html`** — add iOS splash screen meta tags:
+```html
+<link rel="apple-touch-startup-image" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/static/splash-iphone-15-pro-max.png" />
+<link rel="apple-touch-startup-image" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/static/splash-iphone-15-pro.png" />
+<link rel="apple-touch-startup-image" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/static/splash-iphone-14-plus.png" />
+<link rel="apple-touch-startup-image" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/static/splash-iphone-14.png" />
+```
+
+Splash images generated from the 1024×1024 icon, centered on the app background color `#1a1b2e`. Plan includes the generation step.
+
+**`desktop/src/ChatStandalone.tsx`:**
+- Mount `<InstallPromptBanner>` inside the root div, above `<Suspense>`.
+- Confirm `paddingTop: "env(safe-area-inset-top, 0px)"` is present (already is).
+
+### Backend
+
+No backend changes needed for Phase 1.
+
+## Install prompt — detailed flow
+
+```
+App mounts → isMobile=true
+         → useEffect: listen for `beforeinstallprompt`, call preventDefault,
+           stash event in state
+         → if dismissedAt < now - 30 days and standalone=false and stashedEvent
+           → render banner
+
+User clicks Install
+         → event.prompt()
+         → await event.userChoice  (resolved with { outcome: "accepted" | "dismissed" })
+         → clear stashed event (browsers drop it anyway after use)
+         → hide banner
+
+User clicks Not now
+         → localStorage["taos-install-dismissed"] = Date.now().toString()
+         → hide banner
+
+Later mounts within 30 days
+         → banner suppressed
+
+After 30 days
+         → if event fires again, banner reappears
+```
+
+## Safe-area inset audit
+
+Root container already uses `paddingTop: env(safe-area-inset-top, 0px)` in `ChatStandalone`. Additional inset usage:
+- Composer: `paddingBottom: max(env(safe-area-inset-bottom), keyboardInset)`.
+- Mobile thread takeover: `paddingTop: env(safe-area-inset-top)` on the takeover header.
+- Bottom sheet: `paddingBottom: env(safe-area-inset-bottom)`.
+
+## Error handling
+
+- **`beforeinstallprompt` never fires** (iOS Safari, Firefox Android): banner never shows. No error, no console noise.
+- **`event.prompt()` rejects** (already shown, or fires too fast): catch, dismiss state, move on.
+- **`visualViewport` undefined** (rare on older Android WebViews): hook returns `{height: window.innerHeight, keyboardInset: 0}`; composer uses safe-area-bottom fallback only.
+- **BottomSheet drag-to-dismiss on a pointer that cancels** (finger leaves screen): `pointercancel` listener snaps back.
+- **Thread takeover opened on desktop then resized to mobile**: existing Phase 2b-1 thread panel already uses mobile-conditional rendering at open time; on resize, we accept a single re-render to swap layout (no cross-layout transition animation).
+
+## Testing
+
+**vitest (component):**
+- `BottomSheet.test.tsx`:
+  - renders children and drag handle
+  - backdrop click calls onClose
+  - Esc key calls onClose
+  - pointer drag past threshold calls onClose
+  - `open={false}` renders nothing
+- `InstallPromptBanner.test.tsx`:
+  - returns null when standalone matches
+  - returns null when no `beforeinstallprompt` event stashed
+  - returns null when `taos-install-dismissed` is recent
+  - clicking Install calls `event.prompt()`
+  - clicking Not now writes localStorage and hides
+  - after 30 days elapsed, reappears when event fires again
+- `use-visual-viewport.test.ts`:
+  - returns `{height, keyboardInset: 0}` when keyboard is down
+  - returns `keyboardInset > 0` when viewport shrinks
+
+**Playwright mobile-viewport E2E** (gated on `TAOS_E2E_URL`):
+- Sets viewport to 375×667 (iPhone SE).
+- Thread takeover: hover/tap message → Reply in thread → assert full-screen takeover, back button returns to channel.
+- Overflow bottom sheet: tap `⋯` → assert bottom sheet visible → tap Cancel / swipe dismiss → sheet closes.
+- Install banner: on fresh localStorage, emulate `beforeinstallprompt` → assert banner visible → tap Not now → assert hidden.
+
+## Rollout
+
+Single PR off `feat/messages-pwa` (branched from master). Self-contained — no backend changes, no schema migration, no bundle breakage risk.
+
+Backward compatibility: all changes are additive under `isMobile` conditionals; desktop behavior is unchanged.
+
+## Out of scope (future phases)
+
+- **Phase 2:** Service worker + offline shell caching (Workbox or hand-rolled). Stale-while-revalidate for bundles. Offline fallback screen.
+- **Phase 3:** Push notifications (requires VAPID keys + backend subscription endpoint).
+- **Later:** Pull-to-refresh on channel list, swipe-to-reply gesture, native share sheet integration, voice message recording.
diff --git a/static/desktop/assets/MCPApp-CuhZ0WpF.js b/static/desktop/assets/MCPApp-Cq-bUfV5.js
similarity index 99%
rename from static/desktop/assets/MCPApp-CuhZ0WpF.js
rename to static/desktop/assets/MCPApp-Cq-bUfV5.js
index 9ba821f2..ddd0e0f7 100644
--- a/static/desktop/assets/MCPApp-CuhZ0WpF.js
+++ b/static/desktop/assets/MCPApp-Cq-bUfV5.js
@@ -1,2 +1,2 @@
-import{r as l,j as e}from"./vendor-react-l6srOxy7.js";import{B as k,C as T,I as E,T as Q,L as R,S as ee}from"./toolbar-UW6q5pkx.js";import{M as te}from"./MobileSplitView-CtNEF6zb.js";import{a as se,b as ae,g as le}from"./main-DJzY8MYL.js";import{ao as I,V as $,al as ne,a5 as ie,aN as re,R as ce,y as M,g as O,aG as oe,X as U,f as D,aw as de,r as xe}from"./vendor-icons-wm645Jsx.js";import"./vendor-radix-BhM7AEEG.js";import"./vendor-layout-B-pp9n1f.js";import"./tokens-BMxhf1g-.js";import"./vendor-codemirror-CL2HhW7v.js";const he={running:"bg-emerald-500",stopped:"bg-zinc-500",failed:"bg-red-500",installing:"bg-amber-500"},F={running:"bg-emerald-500/20 text-emerald-400",stopped:"bg-zinc-500/20 text-zinc-400",failed:"bg-red-500/20 text-red-400",installing:"bg-amber-500/20 text-amber-400"},P={running:"Running",stopped:"Stopped",failed:"Failed",installing:"Installing"},me={stdio:"bg-blue-500/20 text-blue-300",sse:"bg-violet-500/20 text-violet-300",ws:"bg-teal-500/20 text-teal-300"},pe=["running","installing","failed","stopped"];function ue(t){const n={running:[],stopped:[],failed:[],installing:[]};for(const o of t)n[o.status].push(o);return n}function G(t){return new Date(t*1e3).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit"})}function fe({server:t,attachments:n,onConfirm:o,onClose:i,loading:p}){const[m,r]=l.useState(""),b=n.length>=3,u=!b||m===t.id,g=l.useRef(null);l.useEffect(()=>{var h;(h=g.current)==null||h.focus()},[]);const f=n.map(h=>h.scope_kind==="all"?"all agents":h.scope_kind==="agent"?`agent: ${h.scope_id}`:`group: ${h.scope_id}`);return e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm",role:"dialog","aria-modal":"true","aria-label":`Uninstall ${t.name}`,children:e.jsxs("div",{className:"bg-[#1a1a2e] border border-white/10 rounded-2xl p-6 w-full max-w-md shadow-2xl",children:[e.jsxs("div",{className:"flex items-start gap-3 mb-4",children:[e.jsx("div",{className:"p-2 rounded-lg bg-red-500/15 mt-0.5",children:e.jsx(xe,{size:20,className:"text-red-400","aria-hidden":!0})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("h2",{className:"text-base font-semibold text-shell-text",children:["Uninstall ",t.name,"?"]}),e.jsxs("p",{className:"text-xs text-shell-text-secondary mt-0.5",children:["v",t.version]})]}),e.jsx("button",{onClick:i,className:"text-shell-text-secondary hover:text-shell-text transition-colors","aria-label":"Close",children:e.jsx(U,{size:16})})]}),e.jsxs("div",{className:"space-y-2 mb-4",children:[n.length>0&&e.jsxs("div",{className:"text-sm text-shell-text-secondary bg-white/[0.03] rounded-lg px-3 py-2.5 border border-white/[0.06]",children:[e.jsxs("span",{className:"font-medium text-red-400",children:[n.length," attachment",n.length!==1?"s":""]})," will be revoked:"," ",e.jsx("span",{className:"text-shell-text",children:f.join(", ")})]}),e.jsx("p",{className:"text-xs text-shell-text-secondary",children:"This will stop the server process, remove all attachments, delete env secrets, and remove files from disk. This cannot be undone."})]}),b&&e.jsxs("div",{className:"mb-4",children:[e.jsxs(R,{htmlFor:"uninstall-confirm-input",className:"text-xs mb-1.5 block text-shell-text-secondary",children:["Type ",e.jsx("span",{className:"font-mono font-semibold text-shell-text",children:t.id})," to confirm"]}),e.jsx(E,{ref:g,id:"uninstall-confirm-input",value:m,onChange:h=>r(h.target.value),placeholder:t.id,className:"font-mono","aria-label":`Type ${t.id} to confirm uninstall`})]}),e.jsxs("div",{className:"flex gap-2 justify-end",children:[e.jsx(k,{variant:"outline",size:"sm",onClick:i,disabled:p,children:"Cancel"}),e.jsxs(k,{variant:"destructive",size:"sm",onClick:o,disabled:!u||p,"aria-label":`Confirm uninstall ${t.name}`,children:[p?e.jsx($,{size:14,className:"animate-spin mr-1"}):e.jsx(M,{size:14,className:"mr-1"}),"Uninstall"]})]})]})})}function je({serverId:t,agents:n,groups:o,capabilities:i,onSaved:p,onClose:m}){const[r,b]=l.useState("all"),[u,g]=l.useState(""),[f,h]=l.useState(""),[N,j]=l.useState(!0),[d,y]=l.useState(new Set),[S,s]=l.useState([]),[x,v]=l.useState(!1),[c,A]=l.useState(null),z=i.filter(a=>a.type==="tool"),_=n.filter(a=>(a.display_name||a.name).toLowerCase().includes(u.toLowerCase())),B=o.filter(a=>a.name.toLowerCase().includes(u.toLowerCase()));function V(a){y(w=>{const C=new Set(w);return C.has(a)?C.delete(a):C.add(a),C})}function H(){s(a=>[...a,""])}function K(a,w){s(C=>C.map((L,Z)=>Z===a?w:L))}function W(a){s(w=>w.filter((C,L)=>L!==a))}async function q(){if(r!=="all"&&!f){A("Select a specific agent or group.");return}v(!0),A(null);try{const a={scope_kind:r,scope_id:r==="all"?void 0:f,allowed_tools:N?[]:Array.from(d),allowed_resources:S.filter(C=>C.trim())},w=await fetch(`/api/mcp/servers/${encodeURIComponent(t)}/permissions`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)});if(!w.ok){const C=await w.json().catch(()=>({detail:"Failed to attach"}));A(C.detail??"Failed to attach"),v(!1);return}p()}catch{A("Network error"),v(!1)}}const X=r==="all"?"all agents":r==="agent"?f?`${f}`:"the selected agent":f?`group ${f}`:"the selected group",Y=N?"all tools":d.size===0?"no tools (unrestricted within this attachment)":`${d.size} tool${d.size!==1?"s":""}`,J=N?[]:z.filter(a=>!d.has(a.name));return e.jsx("div",{className:"fixed inset-0 z-50 flex items-end sm:items-center justify-center bg-black/60 backdrop-blur-sm",role:"dialog","aria-modal":"true","aria-label":"Attach permission",children:e.jsxs("div",{className:"bg-[#1a1a2e] border border-white/10 rounded-t-2xl sm:rounded-2xl p-5 w-full max-w-lg shadow-2xl max-h-[90vh] flex flex-col overflow-hidden",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 shrink-0",children:[e.jsx("h2",{className:"text-base font-semibold text-shell-text",children:"Attach Permission"}),e.jsx("button",{onClick:m,className:"text-shell-text-secondary hover:text-shell-text transition-colors","aria-label":"Close",children:e.jsx(U,{size:16})})]}),e.jsxs("div",{className:"overflow-y-auto flex-1 min-h-0 space-y-5 pr-1",children:[e.jsxs("div",{children:[e.jsx(R,{className:"text-xs mb-2 block text-shell-text-secondary",children:"Scope"}),e.jsx("div",{className:"flex gap-1 p-1 bg-white/[0.04] rounded-lg",children:["all","agent","group"].map(a=>e.jsx("button",{onClick:()=>{b(a),h(""),g("")},className:`flex-1 py-1.5 rounded-md text-xs font-medium transition-colors ${r===a?"bg-white/[0.1] text-shell-text shadow-sm":"text-shell-text-secondary hover:text-shell-text"}`,"aria-pressed":r===a,children:a==="all"?"All agents":a==="agent"?"Specific agent":"Specific group"},a))})]}),(r==="agent"||r==="group")&&e.jsxs("div",{children:[e.jsx(R,{className:"text-xs mb-2 block text-shell-text-secondary",children:r==="agent"?"Select agent":"Select group"}),e.jsx(E,{placeholder:`Search ${r}s...`,value:u,onChange:a=>g(a.target.value),className:"mb-2","aria-label":`Search ${r}s`}),e.jsxs("div",{className:"max-h-32 overflow-y-auto space-y-1",children:[(r==="agent"?_:B).map(a=>{const w="name"in a?a.name:a.id,C="display_name"in a&&a.display_name?a.display_name:("name"in a,a.name);return e.jsx("button",{onClick:()=>h(w),className:`w-full text-left px-3 py-2 rounded-lg text-sm transition-colors ${f===w?"bg-accent/20 text-accent-foreground border border-accent/30":"hover:bg-white/[0.06] text-shell-text-secondary"}`,"aria-pressed":f===w,children:C},w)}),(r==="agent"?_:B).length===0&&e.jsx("p",{className:"text-xs text-shell-text-secondary text-center py-2",children:"No results"})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx(R,{className:"text-xs text-shell-text-secondary",children:"Tools"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-shell-text-secondary",children:"Unrestricted"}),e.jsx(ee,{checked:N,onCheckedChange:j,"aria-label":"Allow all tools (unrestricted)"})]})]}),!N&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex gap-2 mb-2",children:[e.jsx("button",{className:"text-xs text-accent hover:underline",onClick:()=>y(new Set(z.map(a=>a.name))),"aria-label":"Select all tools",children:"Select all"}),e.jsx("span",{className:"text-shell-text-secondary text-xs",children:"/"}),e.jsx("button",{className:"text-xs text-accent hover:underline",onClick:()=>y(new Set),"aria-label":"Select no tools",children:"None"})]}),e.jsxs("div",{className:"space-y-1 max-h-40 overflow-y-auto",children:[z.length===0&&e.jsx("p",{className:"text-xs text-shell-text-secondary py-2 text-center",children:"No tools discovered yet. Attach will be unrestricted within scope."}),z.map(a=>e.jsxs("label",{className:"flex items-start gap-2.5 p-2 rounded-lg hover:bg-white/[0.04] cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:d.has(a.name),onChange:()=>V(a.name),className:"mt-0.5 accent-blue-500","aria-label":`Allow tool ${a.name}`}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:"text-xs font-medium font-mono text-shell-text",children:a.name}),a.description&&e.jsx("p",{className:"text-[11px] text-shell-text-secondary truncate",children:a.description})]})]},a.name))]})]}),N&&e.jsx("p",{className:"text-xs text-shell-text-secondary",children:"All tools are allowed within this scope."})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx(R,{className:"text-xs text-shell-text-secondary",children:"Resource patterns"}),e.jsxs("button",{onClick:H,className:"text-xs text-accent hover:underline flex items-center gap-1","aria-label":"Add resource pattern",children:[e.jsx(O,{size:12}),"Add pattern"]})]}),S.length===0&&e.jsx("p",{className:"text-xs text-shell-text-secondary",children:"No patterns — all resources unrestricted."}),e.jsx("div",{className:"space-y-1.5",children:S.map((a,w)=>e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx(E,{value:a,onChange:C=>K(w,C.target.value),placeholder:"/workspace/* or https://api.github.com/*",className:"font-mono text-xs","aria-label":`Resource pattern ${w+1}`}),e.jsx("button",{onClick:()=>W(w),className:"text-shell-text-secondary hover:text-red-400 transition-colors shrink-0","aria-label":`Remove pattern ${w+1}`,children:e.jsx(U,{size:14})})]},w))})]}),e.jsx("div",{className:"bg-blue-500/[0.07] border border-blue-500/20 rounded-lg p-3",children:e.jsxs("p",{className:"text-xs text-blue-200 leading-relaxed",children:[e.jsx("span",{className:"font-semibold",children:X})," will be able to call:"," ",e.jsx("span",{className:"font-medium",children:Y}),".",J.length>0&&e.jsxs(e.Fragment,{children:[" ","It will NOT be able to call:"," ",e.jsx("span",{className:"font-medium",children:J.map(a=>a.name).join(", ")}),"."]}),S.filter(a=>a.trim()).length>0&&e.jsxs(e.Fragment,{children:[" ","Resource access restricted to ",S.filter(a=>a.trim()).length," pattern",S.filter(a=>a.trim()).length!==1?"s":"","."]})]})})]}),c&&e.jsx("p",{className:"text-xs text-red-400 mt-2 shrink-0",children:c}),e.jsxs("div",{className:"flex gap-2 justify-end mt-4 shrink-0",children:[e.jsx(k,{variant:"outline",size:"sm",onClick:m,disabled:x,children:"Cancel"}),e.jsxs(k,{size:"sm",onClick:q,disabled:x,"aria-label":"Save attachment",children:[x?e.jsx($,{size:14,className:"animate-spin mr-1"}):null,"Attach"]})]})]})})}function ge({server:t,selected:n,onSelect:o}){return e.jsxs("button",{onClick:o,className:`w-full text-left flex items-center gap-3 px-4 py-3 transition-colors hover:bg-white/[0.05] ${n?"bg-white/[0.07]":""}`,"aria-pressed":n,"aria-label":`${t.name}, ${P[t.status]}`,children:[e.jsxs("div",{className:"relative shrink-0",children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-white/[0.06] flex items-center justify-center",children:e.jsx(I,{size:15,className:"text-shell-text-secondary","aria-hidden":!0})}),e.jsx("span",{className:`absolute -bottom-0.5 -right-0.5 w-2.5 h-2.5 rounded-full border-2 border-[#0f0f1e] ${he[t.status]}`,"aria-label":`Status: ${P[t.status]}`})]}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsx("span",{className:"text-sm font-medium text-shell-text truncate",children:t.name}),e.jsx("span",{className:`shrink-0 text-[10px] px-1.5 py-0.5 rounded font-medium ${me[t.transport]??"bg-zinc-500/20 text-zinc-300"}`,children:t.transport})]}),e.jsxs("div",{className:"flex items-center gap-2 mt-0.5 text-[11px] text-shell-text-secondary",children:[t.last_started_at&&e.jsxs("span",{children:["Started ",G(t.last_started_at)]}),t.pid&&e.jsxs("span",{children:["PID ",t.pid]})]})]})]})}function be({servers:t,loading:n,selectedId:o,onSelect:i,onOpenStore:p}){const m=ue(t);return n?e.jsx("div",{className:"flex items-center justify-center h-32",children:e.jsx($,{size:20,className:"animate-spin text-shell-text-secondary"})}):t.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center gap-4 h-40 px-6 text-center",children:[e.jsx(I,{size:32,className:"text-shell-text-tertiary opacity-40","aria-hidden":!0}),e.jsx("p",{className:"text-sm text-shell-text-secondary",children:"No MCP servers installed"}),e.jsxs(k,{size:"sm",variant:"outline",onClick:p,"aria-label":"Browse MCP servers in Store",children:[e.jsx(ne,{size:14,className:"mr-1.5"}),"Browse MCP servers in Store"]})]}):e.jsx("div",{children:pe.map(r=>{const b=m[r];return b.length===0?null:e.jsxs("div",{children:[e.jsx("div",{className:"px-4 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-shell-text-tertiary border-b border-white/[0.04]",children:P[r]}),b.map(u=>e.jsx(ge,{server:u,selected:o===u.id,onSelect:()=>i(u.id)},u.id))]},r)})})}function ve({server:t,capabilities:n,attachments:o,onAction:i,onUninstall:p}){const m=n.filter(r=>r.type==="tool").length;return e.jsxs("div",{className:"p-4 space-y-5 overflow-y-auto h-full",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx("span",{className:`text-xs px-2 py-1 rounded-full font-medium ${F[t.status]}`,children:P[t.status]}),t.pid&&e.jsxs("span",{className:"text-xs text-shell-text-secondary",children:["PID ",t.pid]}),e.jsx("div",{className:"flex-1"}),t.status!=="running"&&e.jsxs(k,{size:"sm",variant:"outline",onClick:()=>i("start"),"aria-label":"Start server",children:[e.jsx(ie,{size:13,className:"mr-1"}),"Start"]}),t.status==="running"&&e.jsxs(k,{size:"sm",variant:"outline",onClick:()=>i("stop"),"aria-label":"Stop server",children:[e.jsx(re,{size:13,className:"mr-1"}),"Stop"]}),e.jsxs(k,{size:"sm",variant:"outline",onClick:()=>i("restart"),"aria-label":"Restart server",children:[e.jsx(ce,{size:13,className:"mr-1"}),"Restart"]})]}),e.jsxs("div",{className:"space-y-2",children:[t.description&&e.jsx("p",{className:"text-sm text-shell-text-secondary",children:t.description}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs(T,{className:"px-3 py-2.5",children:[e.jsx("div",{className:"text-[10px] text-shell-text-tertiary uppercase tracking-wide",children:"Version"}),e.jsx("div",{className:"text-sm font-mono font-medium",children:t.version})]}),e.jsxs(T,{className:"px-3 py-2.5",children:[e.jsx("div",{className:"text-[10px] text-shell-text-tertiary uppercase tracking-wide",children:"Transport"}),e.jsx("div",{className:"text-sm font-medium",children:t.transport})]}),e.jsxs(T,{className:"px-3 py-2.5",children:[e.jsx("div",{className:"text-[10px] text-shell-text-tertiary uppercase tracking-wide",children:"Tools"}),e.jsx("div",{className:"text-sm font-medium",children:m})]}),e.jsxs(T,{className:"px-3 py-2.5",children:[e.jsx("div",{className:"text-[10px] text-shell-text-tertiary uppercase tracking-wide",children:"Attachments"}),e.jsx("div",{className:"text-sm font-medium",children:o.length})]})]}),t.last_error&&e.jsxs("div",{className:"bg-red-500/10 border border-red-500/20 rounded-lg px-3 py-2",children:[e.jsx("p",{className:"text-xs font-medium text-red-400 mb-0.5",children:"Last error"}),e.jsx("pre",{className:"text-[11px] text-red-300 whitespace-pre-wrap font-mono",children:t.last_error})]})]}),e.jsx("div",{className:"pt-2 border-t border-white/[0.06]",children:e.jsxs(k,{variant:"destructive",size:"sm",onClick:p,"aria-label":`Uninstall ${t.name}`,children:[e.jsx(M,{size:13,className:"mr-1.5"}),"Uninstall"]})})]})}function Ne({serverId:t,attachments:n,onRefresh:o}){const[i,p]=l.useState(!1),[m,r]=l.useState([]),[b,u]=l.useState([]),[g,f]=l.useState([]),[h,N]=l.useState(null);l.useEffect(()=>{fetch("/api/agents",{headers:{Accept:"application/json"}}).then(s=>s.json()).then(s=>r(Array.isArray(s)?s:s.agents??[])).catch(()=>{}),fetch("/api/relationships/groups",{headers:{Accept:"application/json"}}).then(s=>s.json()).then(s=>u(Array.isArray(s)?s:[])).catch(()=>{}),fetch(`/api/mcp/servers/${encodeURIComponent(t)}/capabilities`,{headers:{Accept:"application/json"}}).then(s=>s.json()).then(s=>f(Array.isArray(s)?s:s.capabilities??[])).catch(()=>{})},[t]);async function j(s){await fetch(`/api/mcp/servers/${encodeURIComponent(t)}/permissions/${s}`,{method:"DELETE"}),o()}function d(s){return s.scope_kind==="all"?"All agents":s.scope_kind==="agent"?`Agent: ${s.scope_id}`:`Group: ${s.scope_id}`}function y(s){return s.allowed_tools.length===0?"all tools":`${s.allowed_tools.length} tool${s.allowed_tools.length!==1?"s":""}`}function S(s){return s.allowed_resources.length===0?"no restriction":`${s.allowed_resources.length} pattern${s.allowed_resources.length!==1?"s":""}`}return e.jsxs("div",{className:"p-4 flex flex-col gap-4 overflow-y-auto h-full",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("p",{className:"text-xs text-shell-text-secondary",children:n.length===0?"No attachments. Server is unreachable to all agents.":`${n.length} attachment${n.length!==1?"s":""}`}),e.jsxs(k,{size:"sm",variant:"outline",onClick:()=>p(!0),"aria-label":"Add attachment",children:[e.jsx(O,{size:13,className:"mr-1"}),"Attach"]})]}),n.length===0&&e.jsxs("div",{className:"flex flex-col items-center justify-center py-10 gap-2 text-center",children:[e.jsx(I,{size:28,className:"text-shell-text-tertiary opacity-40","aria-hidden":!0}),e.jsx("p",{className:"text-sm text-shell-text-secondary",children:"Zero-access by default"}),e.jsx("p",{className:"text-xs text-shell-text-secondary max-w-xs",children:"Attach this server to an agent or group to grant access. Tool and resource restrictions are optional."})]}),e.jsx("div",{className:"space-y-2",children:n.map(s=>e.jsxs(T,{className:"overflow-hidden",children:[e.jsxs("div",{className:"flex items-center gap-3 px-3 py-2.5",children:[e.jsx("div",{className:"flex-1 min-w-0 space-y-1",children:e.jsxs("div",{className:"flex items-center gap-1.5 flex-wrap",children:[e.jsx("span",{className:"text-xs font-medium text-shell-text",children:d(s)}),e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-white/[0.06] text-shell-text-secondary",children:y(s)}),e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-white/[0.06] text-shell-text-secondary",children:S(s)})]})}),(s.allowed_tools.length>0||s.allowed_resources.length>0)&&e.jsx("button",{onClick:()=>N(h===s.id?null:s.id),className:"text-shell-text-secondary hover:text-shell-text transition-colors","aria-label":h===s.id?"Collapse details":"Expand details","aria-expanded":h===s.id,children:e.jsx(oe,{size:14,className:`transition-transform ${h===s.id?"rotate-180":""}`})}),e.jsx("button",{onClick:()=>j(s.id),className:"text-shell-text-secondary hover:text-red-400 transition-colors","aria-label":`Remove attachment for ${d(s)}`,children:e.jsx(U,{size:14})})]}),h===s.id&&e.jsxs("div",{className:"px-3 pb-2.5 space-y-2 border-t border-white/[0.06] pt-2",children:[s.allowed_tools.length>0&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] text-shell-text-tertiary uppercase tracking-wide mb-1",children:"Allowed tools"}),e.jsx("div",{className:"flex flex-wrap gap-1",children:s.allowed_tools.map(x=>e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-blue-500/15 text-blue-300 font-mono",children:x},x))})]}),s.allowed_resources.length>0&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] text-shell-text-tertiary uppercase tracking-wide mb-1",children:"Resource patterns"}),e.jsx("div",{className:"flex flex-wrap gap-1",children:s.allowed_resources.map((x,v)=>e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-violet-500/15 text-violet-300 font-mono",children:x},v))})]})]})]},s.id))}),i&&e.jsx(je,{serverId:t,agents:m,groups:b,capabilities:g,onSaved:()=>{p(!1),o()},onClose:()=>p(!1)})]})}function ye({serverId:t}){const[n,o]=l.useState([]),[i,p]=l.useState(!0),[m,r]=l.useState(!1),[b,u]=l.useState(null),[g,f]=l.useState(!1);l.useEffect(()=>{p(!0),fetch(`/api/mcp/servers/${encodeURIComponent(t)}/env`,{headers:{Accept:"application/json"}}).then(s=>s.json()).then(s=>{o(Object.entries(s??{}).map(([v,c])=>({key:v,value:c,revealed:!1})))}).catch(()=>o([])).finally(()=>p(!1))},[t]);function h(){o(s=>[...s,{key:"",value:"",revealed:!0}])}function N(s,x){o(v=>v.map((c,A)=>A===s?{...c,key:x}:c))}function j(s,x){o(v=>v.map((c,A)=>A===s?{...c,value:x}:c))}function d(s){o(x=>x.filter((v,c)=>c!==s))}function y(s){o(x=>x.map((v,c)=>c===s?{...v,revealed:!v.revealed}:v))}async function S(){r(!0),u(null),f(!1);const s={};for(const x of n)x.key.trim()&&(s[x.key.trim()]=x.value);try{const x=await fetch(`/api/mcp/servers/${encodeURIComponent(t)}/env`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});if(x.ok)f(!0),setTimeout(()=>f(!1),2e3);else{const v=await x.json().catch(()=>({detail:"Save failed"}));u(v.detail??"Save failed")}}catch{u("Network error")}r(!1)}return i?e.jsx("div",{className:"flex items-center justify-center h-24",children:e.jsx($,{size:18,className:"animate-spin text-shell-text-secondary"})}):e.jsxs("div",{className:"p-4 flex flex-col gap-4 overflow-y-auto h-full",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("p",{className:"text-xs text-shell-text-secondary",children:"Environment variables are stored as secrets."}),e.jsxs("button",{onClick:h,className:"text-xs text-accent hover:underline flex items-center gap-1","aria-label":"Add environment variable",children:[e.jsx(O,{size:12}),"Add"]})]}),e.jsx("div",{className:"space-y-2",children:n.map((s,x)=>e.jsxs("div",{className:"flex gap-2 items-center",children:[e.jsx(E,{value:s.key,onChange:v=>N(x,v.target.value),placeholder:"KEY",className:"font-mono text-xs w-36 shrink-0","aria-label":`Environment variable name ${x+1}`}),e.jsxs("div",{className:"flex-1 relative",children:[e.jsx(E,{type:s.revealed?"text":"password",value:s.value,onChange:v=>j(x,v.target.value),placeholder:"value",className:"font-mono text-xs pr-8","aria-label":`Environment variable value ${x+1}`}),e.jsx("button",{onClick:()=>y(x),className:"absolute right-2 top-1/2 -translate-y-1/2 text-shell-text-tertiary hover:text-shell-text transition-colors","aria-label":s.revealed?"Hide value":"Reveal value",children:s.revealed?e.jsx("span",{className:"text-[10px]",children:"hide"}):e.jsx("span",{className:"text-[10px]",children:"show"})})]}),e.jsx("button",{onClick:()=>d(x),className:"text-shell-text-secondary hover:text-red-400 transition-colors shrink-0","aria-label":`Remove variable ${s.key||x+1}`,children:e.jsx(U,{size:14})})]},x))}),b&&e.jsx("p",{className:"text-xs text-red-400",children:b}),e.jsxs(k,{size:"sm",onClick:S,disabled:m,className:"self-start","aria-label":"Save environment variables",children:[g?e.jsx(D,{size:13,className:"mr-1 text-emerald-400"}):m?e.jsx($,{size:13,className:"animate-spin mr-1"}):null,g?"Saved":"Save"]})]})}function we({serverId:t}){const[n,o]=l.useState(""),[i,p]=l.useState(!0),[m,r]=l.useState(!1),[b,u]=l.useState(null),[g,f]=l.useState(!1);l.useEffect(()=>{p(!0),fetch(`/api/mcp/servers/${encodeURIComponent(t)}/config`,{headers:{Accept:"application/json"}}).then(j=>j.json()).then(j=>o(JSON.stringify(j,null,2))).catch(()=>o("{}")).finally(()=>p(!1))},[t]);let h=!0;try{JSON.parse(n)}catch{h=!1}async function N(){if(h){r(!0),u(null),f(!1);try{const j=JSON.parse(n),d=await fetch(`/api/mcp/servers/${encodeURIComponent(t)}/config`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(j)});if(d.ok)f(!0),setTimeout(()=>f(!1),2e3);else{const y=await d.json().catch(()=>({detail:"Save failed"}));u(y.detail??"Save failed")}}catch{u("Network error")}r(!1)}}return i?e.jsx("div",{className:"flex items-center justify-center h-24",children:e.jsx($,{size:18,className:"animate-spin text-shell-text-secondary"})}):e.jsxs("div",{className:"p-4 flex flex-col gap-3 h-full overflow-hidden",children:[e.jsx("p",{className:"text-xs text-shell-text-secondary shrink-0",children:"JSON configuration overrides for this server."}),e.jsx(Q,{value:n,onChange:j=>o(j.target.value),className:`flex-1 font-mono text-xs resize-none ${h?"":"border-red-500/50"}`,"aria-label":"Server configuration JSON","aria-invalid":!h,spellCheck:!1}),!h&&e.jsx("p",{className:"text-xs text-red-400 shrink-0",children:"Invalid JSON"}),b&&e.jsx("p",{className:"text-xs text-red-400 shrink-0",children:b}),e.jsxs(k,{size:"sm",onClick:N,disabled:!h||m,className:"self-start shrink-0","aria-label":"Save configuration",children:[g?e.jsx(D,{size:13,className:"mr-1 text-emerald-400"}):m?e.jsx($,{size:13,className:"animate-spin mr-1"}):null,g?"Saved":"Save"]})]})}function Se({serverId:t}){const[n,o]=l.useState([]),[i,p]=l.useState(!1),[m,r]=l.useState(!1),[b,u]=l.useState(!1),g=l.useRef(null),f=l.useRef(!1),h=l.useRef(null);f.current=m,l.useEffect(()=>{const d=new EventSource(`/api/mcp/servers/${encodeURIComponent(t)}/logs/stream`);return h.current=d,d.onopen=()=>p(!0),d.onerror=()=>p(!1),d.onmessage=y=>{f.current||o(S=>[...S.slice(-500),y.data])},()=>{d.close(),h.current=null}},[t]),l.useEffect(()=>{!m&&g.current&&(g.current.scrollTop=g.current.scrollHeight)},[n,m]);function N(){const d=g.current;if(!d)return;const y=d.scrollHeight-d.scrollTop-d.clientHeight<40;!y&&!f.current&&r(!0),y&&f.current&&r(!1)}async function j(){await navigator.clipboard.writeText(n.join(`
+import{r as l,j as e}from"./vendor-react-l6srOxy7.js";import{B as k,C as T,I as E,T as Q,L as R,S as ee}from"./toolbar-UW6q5pkx.js";import{M as te}from"./MobileSplitView-CtNEF6zb.js";import{a as se,b as ae,g as le}from"./main-BzBv0_mH.js";import{ao as I,V as $,al as ne,a5 as ie,aN as re,R as ce,y as M,g as O,aG as oe,X as U,f as D,aw as de,r as xe}from"./vendor-icons-wm645Jsx.js";import"./vendor-radix-BhM7AEEG.js";import"./vendor-layout-B-pp9n1f.js";import"./tokens-C63es8oZ.js";import"./vendor-codemirror-CL2HhW7v.js";const he={running:"bg-emerald-500",stopped:"bg-zinc-500",failed:"bg-red-500",installing:"bg-amber-500"},F={running:"bg-emerald-500/20 text-emerald-400",stopped:"bg-zinc-500/20 text-zinc-400",failed:"bg-red-500/20 text-red-400",installing:"bg-amber-500/20 text-amber-400"},P={running:"Running",stopped:"Stopped",failed:"Failed",installing:"Installing"},me={stdio:"bg-blue-500/20 text-blue-300",sse:"bg-violet-500/20 text-violet-300",ws:"bg-teal-500/20 text-teal-300"},pe=["running","installing","failed","stopped"];function ue(t){const n={running:[],stopped:[],failed:[],installing:[]};for(const o of t)n[o.status].push(o);return n}function G(t){return new Date(t*1e3).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit"})}function fe({server:t,attachments:n,onConfirm:o,onClose:i,loading:p}){const[m,r]=l.useState(""),b=n.length>=3,u=!b||m===t.id,g=l.useRef(null);l.useEffect(()=>{var h;(h=g.current)==null||h.focus()},[]);const f=n.map(h=>h.scope_kind==="all"?"all agents":h.scope_kind==="agent"?`agent: ${h.scope_id}`:`group: ${h.scope_id}`);return e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm",role:"dialog","aria-modal":"true","aria-label":`Uninstall ${t.name}`,children:e.jsxs("div",{className:"bg-[#1a1a2e] border border-white/10 rounded-2xl p-6 w-full max-w-md shadow-2xl",children:[e.jsxs("div",{className:"flex items-start gap-3 mb-4",children:[e.jsx("div",{className:"p-2 rounded-lg bg-red-500/15 mt-0.5",children:e.jsx(xe,{size:20,className:"text-red-400","aria-hidden":!0})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("h2",{className:"text-base font-semibold text-shell-text",children:["Uninstall ",t.name,"?"]}),e.jsxs("p",{className:"text-xs text-shell-text-secondary mt-0.5",children:["v",t.version]})]}),e.jsx("button",{onClick:i,className:"text-shell-text-secondary hover:text-shell-text transition-colors","aria-label":"Close",children:e.jsx(U,{size:16})})]}),e.jsxs("div",{className:"space-y-2 mb-4",children:[n.length>0&&e.jsxs("div",{className:"text-sm text-shell-text-secondary bg-white/[0.03] rounded-lg px-3 py-2.5 border border-white/[0.06]",children:[e.jsxs("span",{className:"font-medium text-red-400",children:[n.length," attachment",n.length!==1?"s":""]})," will be revoked:"," ",e.jsx("span",{className:"text-shell-text",children:f.join(", ")})]}),e.jsx("p",{className:"text-xs text-shell-text-secondary",children:"This will stop the server process, remove all attachments, delete env secrets, and remove files from disk. This cannot be undone."})]}),b&&e.jsxs("div",{className:"mb-4",children:[e.jsxs(R,{htmlFor:"uninstall-confirm-input",className:"text-xs mb-1.5 block text-shell-text-secondary",children:["Type ",e.jsx("span",{className:"font-mono font-semibold text-shell-text",children:t.id})," to confirm"]}),e.jsx(E,{ref:g,id:"uninstall-confirm-input",value:m,onChange:h=>r(h.target.value),placeholder:t.id,className:"font-mono","aria-label":`Type ${t.id} to confirm uninstall`})]}),e.jsxs("div",{className:"flex gap-2 justify-end",children:[e.jsx(k,{variant:"outline",size:"sm",onClick:i,disabled:p,children:"Cancel"}),e.jsxs(k,{variant:"destructive",size:"sm",onClick:o,disabled:!u||p,"aria-label":`Confirm uninstall ${t.name}`,children:[p?e.jsx($,{size:14,className:"animate-spin mr-1"}):e.jsx(M,{size:14,className:"mr-1"}),"Uninstall"]})]})]})})}function je({serverId:t,agents:n,groups:o,capabilities:i,onSaved:p,onClose:m}){const[r,b]=l.useState("all"),[u,g]=l.useState(""),[f,h]=l.useState(""),[N,j]=l.useState(!0),[d,y]=l.useState(new Set),[S,s]=l.useState([]),[x,v]=l.useState(!1),[c,A]=l.useState(null),z=i.filter(a=>a.type==="tool"),_=n.filter(a=>(a.display_name||a.name).toLowerCase().includes(u.toLowerCase())),B=o.filter(a=>a.name.toLowerCase().includes(u.toLowerCase()));function V(a){y(w=>{const C=new Set(w);return C.has(a)?C.delete(a):C.add(a),C})}function H(){s(a=>[...a,""])}function K(a,w){s(C=>C.map((L,Z)=>Z===a?w:L))}function W(a){s(w=>w.filter((C,L)=>L!==a))}async function q(){if(r!=="all"&&!f){A("Select a specific agent or group.");return}v(!0),A(null);try{const a={scope_kind:r,scope_id:r==="all"?void 0:f,allowed_tools:N?[]:Array.from(d),allowed_resources:S.filter(C=>C.trim())},w=await fetch(`/api/mcp/servers/${encodeURIComponent(t)}/permissions`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)});if(!w.ok){const C=await w.json().catch(()=>({detail:"Failed to attach"}));A(C.detail??"Failed to attach"),v(!1);return}p()}catch{A("Network error"),v(!1)}}const X=r==="all"?"all agents":r==="agent"?f?`${f}`:"the selected agent":f?`group ${f}`:"the selected group",Y=N?"all tools":d.size===0?"no tools (unrestricted within this attachment)":`${d.size} tool${d.size!==1?"s":""}`,J=N?[]:z.filter(a=>!d.has(a.name));return e.jsx("div",{className:"fixed inset-0 z-50 flex items-end sm:items-center justify-center bg-black/60 backdrop-blur-sm",role:"dialog","aria-modal":"true","aria-label":"Attach permission",children:e.jsxs("div",{className:"bg-[#1a1a2e] border border-white/10 rounded-t-2xl sm:rounded-2xl p-5 w-full max-w-lg shadow-2xl max-h-[90vh] flex flex-col overflow-hidden",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 shrink-0",children:[e.jsx("h2",{className:"text-base font-semibold text-shell-text",children:"Attach Permission"}),e.jsx("button",{onClick:m,className:"text-shell-text-secondary hover:text-shell-text transition-colors","aria-label":"Close",children:e.jsx(U,{size:16})})]}),e.jsxs("div",{className:"overflow-y-auto flex-1 min-h-0 space-y-5 pr-1",children:[e.jsxs("div",{children:[e.jsx(R,{className:"text-xs mb-2 block text-shell-text-secondary",children:"Scope"}),e.jsx("div",{className:"flex gap-1 p-1 bg-white/[0.04] rounded-lg",children:["all","agent","group"].map(a=>e.jsx("button",{onClick:()=>{b(a),h(""),g("")},className:`flex-1 py-1.5 rounded-md text-xs font-medium transition-colors ${r===a?"bg-white/[0.1] text-shell-text shadow-sm":"text-shell-text-secondary hover:text-shell-text"}`,"aria-pressed":r===a,children:a==="all"?"All agents":a==="agent"?"Specific agent":"Specific group"},a))})]}),(r==="agent"||r==="group")&&e.jsxs("div",{children:[e.jsx(R,{className:"text-xs mb-2 block text-shell-text-secondary",children:r==="agent"?"Select agent":"Select group"}),e.jsx(E,{placeholder:`Search ${r}s...`,value:u,onChange:a=>g(a.target.value),className:"mb-2","aria-label":`Search ${r}s`}),e.jsxs("div",{className:"max-h-32 overflow-y-auto space-y-1",children:[(r==="agent"?_:B).map(a=>{const w="name"in a?a.name:a.id,C="display_name"in a&&a.display_name?a.display_name:("name"in a,a.name);return e.jsx("button",{onClick:()=>h(w),className:`w-full text-left px-3 py-2 rounded-lg text-sm transition-colors ${f===w?"bg-accent/20 text-accent-foreground border border-accent/30":"hover:bg-white/[0.06] text-shell-text-secondary"}`,"aria-pressed":f===w,children:C},w)}),(r==="agent"?_:B).length===0&&e.jsx("p",{className:"text-xs text-shell-text-secondary text-center py-2",children:"No results"})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx(R,{className:"text-xs text-shell-text-secondary",children:"Tools"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-shell-text-secondary",children:"Unrestricted"}),e.jsx(ee,{checked:N,onCheckedChange:j,"aria-label":"Allow all tools (unrestricted)"})]})]}),!N&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex gap-2 mb-2",children:[e.jsx("button",{className:"text-xs text-accent hover:underline",onClick:()=>y(new Set(z.map(a=>a.name))),"aria-label":"Select all tools",children:"Select all"}),e.jsx("span",{className:"text-shell-text-secondary text-xs",children:"/"}),e.jsx("button",{className:"text-xs text-accent hover:underline",onClick:()=>y(new Set),"aria-label":"Select no tools",children:"None"})]}),e.jsxs("div",{className:"space-y-1 max-h-40 overflow-y-auto",children:[z.length===0&&e.jsx("p",{className:"text-xs text-shell-text-secondary py-2 text-center",children:"No tools discovered yet. Attach will be unrestricted within scope."}),z.map(a=>e.jsxs("label",{className:"flex items-start gap-2.5 p-2 rounded-lg hover:bg-white/[0.04] cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:d.has(a.name),onChange:()=>V(a.name),className:"mt-0.5 accent-blue-500","aria-label":`Allow tool ${a.name}`}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:"text-xs font-medium font-mono text-shell-text",children:a.name}),a.description&&e.jsx("p",{className:"text-[11px] text-shell-text-secondary truncate",children:a.description})]})]},a.name))]})]}),N&&e.jsx("p",{className:"text-xs text-shell-text-secondary",children:"All tools are allowed within this scope."})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx(R,{className:"text-xs text-shell-text-secondary",children:"Resource patterns"}),e.jsxs("button",{onClick:H,className:"text-xs text-accent hover:underline flex items-center gap-1","aria-label":"Add resource pattern",children:[e.jsx(O,{size:12}),"Add pattern"]})]}),S.length===0&&e.jsx("p",{className:"text-xs text-shell-text-secondary",children:"No patterns — all resources unrestricted."}),e.jsx("div",{className:"space-y-1.5",children:S.map((a,w)=>e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx(E,{value:a,onChange:C=>K(w,C.target.value),placeholder:"/workspace/* or https://api.github.com/*",className:"font-mono text-xs","aria-label":`Resource pattern ${w+1}`}),e.jsx("button",{onClick:()=>W(w),className:"text-shell-text-secondary hover:text-red-400 transition-colors shrink-0","aria-label":`Remove pattern ${w+1}`,children:e.jsx(U,{size:14})})]},w))})]}),e.jsx("div",{className:"bg-blue-500/[0.07] border border-blue-500/20 rounded-lg p-3",children:e.jsxs("p",{className:"text-xs text-blue-200 leading-relaxed",children:[e.jsx("span",{className:"font-semibold",children:X})," will be able to call:"," ",e.jsx("span",{className:"font-medium",children:Y}),".",J.length>0&&e.jsxs(e.Fragment,{children:[" ","It will NOT be able to call:"," ",e.jsx("span",{className:"font-medium",children:J.map(a=>a.name).join(", ")}),"."]}),S.filter(a=>a.trim()).length>0&&e.jsxs(e.Fragment,{children:[" ","Resource access restricted to ",S.filter(a=>a.trim()).length," pattern",S.filter(a=>a.trim()).length!==1?"s":"","."]})]})})]}),c&&e.jsx("p",{className:"text-xs text-red-400 mt-2 shrink-0",children:c}),e.jsxs("div",{className:"flex gap-2 justify-end mt-4 shrink-0",children:[e.jsx(k,{variant:"outline",size:"sm",onClick:m,disabled:x,children:"Cancel"}),e.jsxs(k,{size:"sm",onClick:q,disabled:x,"aria-label":"Save attachment",children:[x?e.jsx($,{size:14,className:"animate-spin mr-1"}):null,"Attach"]})]})]})})}function ge({server:t,selected:n,onSelect:o}){return e.jsxs("button",{onClick:o,className:`w-full text-left flex items-center gap-3 px-4 py-3 transition-colors hover:bg-white/[0.05] ${n?"bg-white/[0.07]":""}`,"aria-pressed":n,"aria-label":`${t.name}, ${P[t.status]}`,children:[e.jsxs("div",{className:"relative shrink-0",children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-white/[0.06] flex items-center justify-center",children:e.jsx(I,{size:15,className:"text-shell-text-secondary","aria-hidden":!0})}),e.jsx("span",{className:`absolute -bottom-0.5 -right-0.5 w-2.5 h-2.5 rounded-full border-2 border-[#0f0f1e] ${he[t.status]}`,"aria-label":`Status: ${P[t.status]}`})]}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsx("span",{className:"text-sm font-medium text-shell-text truncate",children:t.name}),e.jsx("span",{className:`shrink-0 text-[10px] px-1.5 py-0.5 rounded font-medium ${me[t.transport]??"bg-zinc-500/20 text-zinc-300"}`,children:t.transport})]}),e.jsxs("div",{className:"flex items-center gap-2 mt-0.5 text-[11px] text-shell-text-secondary",children:[t.last_started_at&&e.jsxs("span",{children:["Started ",G(t.last_started_at)]}),t.pid&&e.jsxs("span",{children:["PID ",t.pid]})]})]})]})}function be({servers:t,loading:n,selectedId:o,onSelect:i,onOpenStore:p}){const m=ue(t);return n?e.jsx("div",{className:"flex items-center justify-center h-32",children:e.jsx($,{size:20,className:"animate-spin text-shell-text-secondary"})}):t.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center gap-4 h-40 px-6 text-center",children:[e.jsx(I,{size:32,className:"text-shell-text-tertiary opacity-40","aria-hidden":!0}),e.jsx("p",{className:"text-sm text-shell-text-secondary",children:"No MCP servers installed"}),e.jsxs(k,{size:"sm",variant:"outline",onClick:p,"aria-label":"Browse MCP servers in Store",children:[e.jsx(ne,{size:14,className:"mr-1.5"}),"Browse MCP servers in Store"]})]}):e.jsx("div",{children:pe.map(r=>{const b=m[r];return b.length===0?null:e.jsxs("div",{children:[e.jsx("div",{className:"px-4 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-shell-text-tertiary border-b border-white/[0.04]",children:P[r]}),b.map(u=>e.jsx(ge,{server:u,selected:o===u.id,onSelect:()=>i(u.id)},u.id))]},r)})})}function ve({server:t,capabilities:n,attachments:o,onAction:i,onUninstall:p}){const m=n.filter(r=>r.type==="tool").length;return e.jsxs("div",{className:"p-4 space-y-5 overflow-y-auto h-full",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx("span",{className:`text-xs px-2 py-1 rounded-full font-medium ${F[t.status]}`,children:P[t.status]}),t.pid&&e.jsxs("span",{className:"text-xs text-shell-text-secondary",children:["PID ",t.pid]}),e.jsx("div",{className:"flex-1"}),t.status!=="running"&&e.jsxs(k,{size:"sm",variant:"outline",onClick:()=>i("start"),"aria-label":"Start server",children:[e.jsx(ie,{size:13,className:"mr-1"}),"Start"]}),t.status==="running"&&e.jsxs(k,{size:"sm",variant:"outline",onClick:()=>i("stop"),"aria-label":"Stop server",children:[e.jsx(re,{size:13,className:"mr-1"}),"Stop"]}),e.jsxs(k,{size:"sm",variant:"outline",onClick:()=>i("restart"),"aria-label":"Restart server",children:[e.jsx(ce,{size:13,className:"mr-1"}),"Restart"]})]}),e.jsxs("div",{className:"space-y-2",children:[t.description&&e.jsx("p",{className:"text-sm text-shell-text-secondary",children:t.description}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs(T,{className:"px-3 py-2.5",children:[e.jsx("div",{className:"text-[10px] text-shell-text-tertiary uppercase tracking-wide",children:"Version"}),e.jsx("div",{className:"text-sm font-mono font-medium",children:t.version})]}),e.jsxs(T,{className:"px-3 py-2.5",children:[e.jsx("div",{className:"text-[10px] text-shell-text-tertiary uppercase tracking-wide",children:"Transport"}),e.jsx("div",{className:"text-sm font-medium",children:t.transport})]}),e.jsxs(T,{className:"px-3 py-2.5",children:[e.jsx("div",{className:"text-[10px] text-shell-text-tertiary uppercase tracking-wide",children:"Tools"}),e.jsx("div",{className:"text-sm font-medium",children:m})]}),e.jsxs(T,{className:"px-3 py-2.5",children:[e.jsx("div",{className:"text-[10px] text-shell-text-tertiary uppercase tracking-wide",children:"Attachments"}),e.jsx("div",{className:"text-sm font-medium",children:o.length})]})]}),t.last_error&&e.jsxs("div",{className:"bg-red-500/10 border border-red-500/20 rounded-lg px-3 py-2",children:[e.jsx("p",{className:"text-xs font-medium text-red-400 mb-0.5",children:"Last error"}),e.jsx("pre",{className:"text-[11px] text-red-300 whitespace-pre-wrap font-mono",children:t.last_error})]})]}),e.jsx("div",{className:"pt-2 border-t border-white/[0.06]",children:e.jsxs(k,{variant:"destructive",size:"sm",onClick:p,"aria-label":`Uninstall ${t.name}`,children:[e.jsx(M,{size:13,className:"mr-1.5"}),"Uninstall"]})})]})}function Ne({serverId:t,attachments:n,onRefresh:o}){const[i,p]=l.useState(!1),[m,r]=l.useState([]),[b,u]=l.useState([]),[g,f]=l.useState([]),[h,N]=l.useState(null);l.useEffect(()=>{fetch("/api/agents",{headers:{Accept:"application/json"}}).then(s=>s.json()).then(s=>r(Array.isArray(s)?s:s.agents??[])).catch(()=>{}),fetch("/api/relationships/groups",{headers:{Accept:"application/json"}}).then(s=>s.json()).then(s=>u(Array.isArray(s)?s:[])).catch(()=>{}),fetch(`/api/mcp/servers/${encodeURIComponent(t)}/capabilities`,{headers:{Accept:"application/json"}}).then(s=>s.json()).then(s=>f(Array.isArray(s)?s:s.capabilities??[])).catch(()=>{})},[t]);async function j(s){await fetch(`/api/mcp/servers/${encodeURIComponent(t)}/permissions/${s}`,{method:"DELETE"}),o()}function d(s){return s.scope_kind==="all"?"All agents":s.scope_kind==="agent"?`Agent: ${s.scope_id}`:`Group: ${s.scope_id}`}function y(s){return s.allowed_tools.length===0?"all tools":`${s.allowed_tools.length} tool${s.allowed_tools.length!==1?"s":""}`}function S(s){return s.allowed_resources.length===0?"no restriction":`${s.allowed_resources.length} pattern${s.allowed_resources.length!==1?"s":""}`}return e.jsxs("div",{className:"p-4 flex flex-col gap-4 overflow-y-auto h-full",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("p",{className:"text-xs text-shell-text-secondary",children:n.length===0?"No attachments. Server is unreachable to all agents.":`${n.length} attachment${n.length!==1?"s":""}`}),e.jsxs(k,{size:"sm",variant:"outline",onClick:()=>p(!0),"aria-label":"Add attachment",children:[e.jsx(O,{size:13,className:"mr-1"}),"Attach"]})]}),n.length===0&&e.jsxs("div",{className:"flex flex-col items-center justify-center py-10 gap-2 text-center",children:[e.jsx(I,{size:28,className:"text-shell-text-tertiary opacity-40","aria-hidden":!0}),e.jsx("p",{className:"text-sm text-shell-text-secondary",children:"Zero-access by default"}),e.jsx("p",{className:"text-xs text-shell-text-secondary max-w-xs",children:"Attach this server to an agent or group to grant access. Tool and resource restrictions are optional."})]}),e.jsx("div",{className:"space-y-2",children:n.map(s=>e.jsxs(T,{className:"overflow-hidden",children:[e.jsxs("div",{className:"flex items-center gap-3 px-3 py-2.5",children:[e.jsx("div",{className:"flex-1 min-w-0 space-y-1",children:e.jsxs("div",{className:"flex items-center gap-1.5 flex-wrap",children:[e.jsx("span",{className:"text-xs font-medium text-shell-text",children:d(s)}),e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-white/[0.06] text-shell-text-secondary",children:y(s)}),e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-white/[0.06] text-shell-text-secondary",children:S(s)})]})}),(s.allowed_tools.length>0||s.allowed_resources.length>0)&&e.jsx("button",{onClick:()=>N(h===s.id?null:s.id),className:"text-shell-text-secondary hover:text-shell-text transition-colors","aria-label":h===s.id?"Collapse details":"Expand details","aria-expanded":h===s.id,children:e.jsx(oe,{size:14,className:`transition-transform ${h===s.id?"rotate-180":""}`})}),e.jsx("button",{onClick:()=>j(s.id),className:"text-shell-text-secondary hover:text-red-400 transition-colors","aria-label":`Remove attachment for ${d(s)}`,children:e.jsx(U,{size:14})})]}),h===s.id&&e.jsxs("div",{className:"px-3 pb-2.5 space-y-2 border-t border-white/[0.06] pt-2",children:[s.allowed_tools.length>0&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] text-shell-text-tertiary uppercase tracking-wide mb-1",children:"Allowed tools"}),e.jsx("div",{className:"flex flex-wrap gap-1",children:s.allowed_tools.map(x=>e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-blue-500/15 text-blue-300 font-mono",children:x},x))})]}),s.allowed_resources.length>0&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] text-shell-text-tertiary uppercase tracking-wide mb-1",children:"Resource patterns"}),e.jsx("div",{className:"flex flex-wrap gap-1",children:s.allowed_resources.map((x,v)=>e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-violet-500/15 text-violet-300 font-mono",children:x},v))})]})]})]},s.id))}),i&&e.jsx(je,{serverId:t,agents:m,groups:b,capabilities:g,onSaved:()=>{p(!1),o()},onClose:()=>p(!1)})]})}function ye({serverId:t}){const[n,o]=l.useState([]),[i,p]=l.useState(!0),[m,r]=l.useState(!1),[b,u]=l.useState(null),[g,f]=l.useState(!1);l.useEffect(()=>{p(!0),fetch(`/api/mcp/servers/${encodeURIComponent(t)}/env`,{headers:{Accept:"application/json"}}).then(s=>s.json()).then(s=>{o(Object.entries(s??{}).map(([v,c])=>({key:v,value:c,revealed:!1})))}).catch(()=>o([])).finally(()=>p(!1))},[t]);function h(){o(s=>[...s,{key:"",value:"",revealed:!0}])}function N(s,x){o(v=>v.map((c,A)=>A===s?{...c,key:x}:c))}function j(s,x){o(v=>v.map((c,A)=>A===s?{...c,value:x}:c))}function d(s){o(x=>x.filter((v,c)=>c!==s))}function y(s){o(x=>x.map((v,c)=>c===s?{...v,revealed:!v.revealed}:v))}async function S(){r(!0),u(null),f(!1);const s={};for(const x of n)x.key.trim()&&(s[x.key.trim()]=x.value);try{const x=await fetch(`/api/mcp/servers/${encodeURIComponent(t)}/env`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});if(x.ok)f(!0),setTimeout(()=>f(!1),2e3);else{const v=await x.json().catch(()=>({detail:"Save failed"}));u(v.detail??"Save failed")}}catch{u("Network error")}r(!1)}return i?e.jsx("div",{className:"flex items-center justify-center h-24",children:e.jsx($,{size:18,className:"animate-spin text-shell-text-secondary"})}):e.jsxs("div",{className:"p-4 flex flex-col gap-4 overflow-y-auto h-full",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("p",{className:"text-xs text-shell-text-secondary",children:"Environment variables are stored as secrets."}),e.jsxs("button",{onClick:h,className:"text-xs text-accent hover:underline flex items-center gap-1","aria-label":"Add environment variable",children:[e.jsx(O,{size:12}),"Add"]})]}),e.jsx("div",{className:"space-y-2",children:n.map((s,x)=>e.jsxs("div",{className:"flex gap-2 items-center",children:[e.jsx(E,{value:s.key,onChange:v=>N(x,v.target.value),placeholder:"KEY",className:"font-mono text-xs w-36 shrink-0","aria-label":`Environment variable name ${x+1}`}),e.jsxs("div",{className:"flex-1 relative",children:[e.jsx(E,{type:s.revealed?"text":"password",value:s.value,onChange:v=>j(x,v.target.value),placeholder:"value",className:"font-mono text-xs pr-8","aria-label":`Environment variable value ${x+1}`}),e.jsx("button",{onClick:()=>y(x),className:"absolute right-2 top-1/2 -translate-y-1/2 text-shell-text-tertiary hover:text-shell-text transition-colors","aria-label":s.revealed?"Hide value":"Reveal value",children:s.revealed?e.jsx("span",{className:"text-[10px]",children:"hide"}):e.jsx("span",{className:"text-[10px]",children:"show"})})]}),e.jsx("button",{onClick:()=>d(x),className:"text-shell-text-secondary hover:text-red-400 transition-colors shrink-0","aria-label":`Remove variable ${s.key||x+1}`,children:e.jsx(U,{size:14})})]},x))}),b&&e.jsx("p",{className:"text-xs text-red-400",children:b}),e.jsxs(k,{size:"sm",onClick:S,disabled:m,className:"self-start","aria-label":"Save environment variables",children:[g?e.jsx(D,{size:13,className:"mr-1 text-emerald-400"}):m?e.jsx($,{size:13,className:"animate-spin mr-1"}):null,g?"Saved":"Save"]})]})}function we({serverId:t}){const[n,o]=l.useState(""),[i,p]=l.useState(!0),[m,r]=l.useState(!1),[b,u]=l.useState(null),[g,f]=l.useState(!1);l.useEffect(()=>{p(!0),fetch(`/api/mcp/servers/${encodeURIComponent(t)}/config`,{headers:{Accept:"application/json"}}).then(j=>j.json()).then(j=>o(JSON.stringify(j,null,2))).catch(()=>o("{}")).finally(()=>p(!1))},[t]);let h=!0;try{JSON.parse(n)}catch{h=!1}async function N(){if(h){r(!0),u(null),f(!1);try{const j=JSON.parse(n),d=await fetch(`/api/mcp/servers/${encodeURIComponent(t)}/config`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(j)});if(d.ok)f(!0),setTimeout(()=>f(!1),2e3);else{const y=await d.json().catch(()=>({detail:"Save failed"}));u(y.detail??"Save failed")}}catch{u("Network error")}r(!1)}}return i?e.jsx("div",{className:"flex items-center justify-center h-24",children:e.jsx($,{size:18,className:"animate-spin text-shell-text-secondary"})}):e.jsxs("div",{className:"p-4 flex flex-col gap-3 h-full overflow-hidden",children:[e.jsx("p",{className:"text-xs text-shell-text-secondary shrink-0",children:"JSON configuration overrides for this server."}),e.jsx(Q,{value:n,onChange:j=>o(j.target.value),className:`flex-1 font-mono text-xs resize-none ${h?"":"border-red-500/50"}`,"aria-label":"Server configuration JSON","aria-invalid":!h,spellCheck:!1}),!h&&e.jsx("p",{className:"text-xs text-red-400 shrink-0",children:"Invalid JSON"}),b&&e.jsx("p",{className:"text-xs text-red-400 shrink-0",children:b}),e.jsxs(k,{size:"sm",onClick:N,disabled:!h||m,className:"self-start shrink-0","aria-label":"Save configuration",children:[g?e.jsx(D,{size:13,className:"mr-1 text-emerald-400"}):m?e.jsx($,{size:13,className:"animate-spin mr-1"}):null,g?"Saved":"Save"]})]})}function Se({serverId:t}){const[n,o]=l.useState([]),[i,p]=l.useState(!1),[m,r]=l.useState(!1),[b,u]=l.useState(!1),g=l.useRef(null),f=l.useRef(!1),h=l.useRef(null);f.current=m,l.useEffect(()=>{const d=new EventSource(`/api/mcp/servers/${encodeURIComponent(t)}/logs/stream`);return h.current=d,d.onopen=()=>p(!0),d.onerror=()=>p(!1),d.onmessage=y=>{f.current||o(S=>[...S.slice(-500),y.data])},()=>{d.close(),h.current=null}},[t]),l.useEffect(()=>{!m&&g.current&&(g.current.scrollTop=g.current.scrollHeight)},[n,m]);function N(){const d=g.current;if(!d)return;const y=d.scrollHeight-d.scrollTop-d.clientHeight<40;!y&&!f.current&&r(!0),y&&f.current&&r(!1)}async function j(){await navigator.clipboard.writeText(n.join(`
 `)),u(!0),setTimeout(()=>u(!1),1500)}return e.jsxs("div",{className:"flex flex-col h-full overflow-hidden",children:[e.jsxs("div",{className:"flex items-center gap-3 px-4 py-2 border-b border-white/[0.06] shrink-0",children:[e.jsx("span",{className:`w-2 h-2 rounded-full ${i?"bg-emerald-500":"bg-zinc-500"}`,"aria-label":i?"Connected":"Disconnected"}),e.jsx("span",{className:"text-xs text-shell-text-secondary",children:i?"Live":"Disconnected"}),m&&e.jsx("span",{className:"text-xs text-amber-400",children:"Paused — scroll to bottom to resume"}),e.jsx("div",{className:"flex-1"}),e.jsx(k,{size:"sm",variant:"ghost",onClick:j,"aria-label":"Copy all logs",children:b?e.jsx(D,{size:13}):e.jsx(de,{size:13})})]}),e.jsxs("div",{ref:g,onScroll:N,className:"flex-1 overflow-y-auto p-4 font-mono text-[11px] leading-relaxed text-shell-text-secondary whitespace-pre-wrap",role:"log","aria-label":"Server logs","aria-live":"polite",children:[n.length===0&&e.jsx("span",{className:"text-shell-text-tertiary",children:"Waiting for log lines..."}),n.map((d,y)=>{const S=/error|exception|traceback/i.test(d);return e.jsx("div",{className:S?"text-red-400":"",children:d},y)})]})]})}function Ce({serverId:t}){const[n,o]=l.useState([]);return l.useEffect(()=>{function i(){fetch(`/api/mcp/servers/${encodeURIComponent(t)}/used-by`,{headers:{Accept:"application/json"}}).then(m=>m.json()).then(m=>o(Array.isArray(m)?m:[])).catch(()=>{})}i();const p=setInterval(i,3e3);return()=>clearInterval(p)},[t]),e.jsx("div",{className:"p-4 overflow-y-auto h-full",children:n.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center gap-2 py-12 text-center",children:[e.jsx("p",{className:"text-sm text-shell-text-secondary",children:"No agents currently calling this server"}),e.jsx("p",{className:"text-xs text-shell-text-tertiary",children:"Updates every 3 seconds"})]}):e.jsx("div",{className:"space-y-2",children:n.map((i,p)=>e.jsxs(T,{className:"px-3 py-2.5 flex items-center gap-3",children:[e.jsx("span",{className:"w-2 h-2 rounded-full bg-emerald-500 shrink-0","aria-label":"Active"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-sm font-medium text-shell-text",children:i.agent_name}),i.tool&&e.jsx("p",{className:"text-xs text-shell-text-secondary font-mono",children:i.tool})]}),i.started_at&&e.jsx("span",{className:"text-xs text-shell-text-secondary",children:G(i.started_at)})]},p))})})}function ke({server:t,onRefreshList:n,onDeselect:o}){const[i,p]=l.useState("overview"),[m,r]=l.useState([]),[b,u]=l.useState([]),[g,f]=l.useState(null),[h,N]=l.useState(!1),[j,d]=l.useState(!1),y=ae(c=>c.addNotification);function S(){fetch(`/api/mcp/servers/${encodeURIComponent(t.id)}/permissions`,{headers:{Accept:"application/json"}}).then(c=>c.json()).then(c=>u(Array.isArray(c)?c:[])).catch(()=>{})}l.useEffect(()=>{S(),fetch(`/api/mcp/servers/${encodeURIComponent(t.id)}/capabilities`,{headers:{Accept:"application/json"}}).then(c=>c.json()).then(c=>r(Array.isArray(c)?c:c.capabilities??[])).catch(()=>{})},[t.id]);async function s(c){f(c);try{await fetch(`/api/mcp/servers/${encodeURIComponent(t.id)}/${c}`,{method:"POST"}),n()}catch{y({source:"mcp",title:"Action failed",body:`Failed to ${c} ${t.name}`,level:"error"})}f(null)}async function x(){d(!0);try{const A=await(await fetch(`/api/mcp/servers/${encodeURIComponent(t.id)}`,{method:"DELETE"})).json().catch(()=>({})),z=A.agents_affected??b.length,_=A.secrets_dropped??0;y({source:"mcp",title:`Removed ${t.name}`,body:`${z} agent${z!==1?"s":""} lost access, ${_} secret${_!==1?"s":""} dropped.`,level:"info"}),N(!1),o(),n()}catch{y({source:"mcp",title:"Uninstall failed",body:`Could not uninstall ${t.name}`,level:"error"})}d(!1)}const v=[{id:"overview",label:"Overview"},{id:"permissions",label:"Permissions"},{id:"env",label:"Env"},{id:"config",label:"Config"},{id:"logs",label:"Logs"},{id:"used-by",label:"Used by"}];return e.jsxs("div",{className:"flex flex-col h-full overflow-hidden",children:[e.jsxs("div",{className:"shrink-0 px-4 py-3 border-b border-white/[0.06] flex items-center gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-white/[0.06] flex items-center justify-center shrink-0",children:e.jsx(I,{size:15,className:"text-shell-text-secondary","aria-hidden":!0})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h2",{className:"text-sm font-semibold text-shell-text truncate",children:t.name}),e.jsxs("p",{className:"text-[11px] text-shell-text-secondary",children:["v",t.version]})]}),e.jsx("span",{className:`text-[10px] px-2 py-0.5 rounded-full font-medium ${F[t.status]}`,children:P[t.status]}),g&&e.jsx($,{size:14,className:"animate-spin text-shell-text-secondary shrink-0","aria-label":"Loading"})]}),e.jsx("div",{className:"shrink-0 border-b border-white/[0.06] overflow-x-auto",children:e.jsx("div",{className:"flex min-w-max px-2",role:"tablist","aria-label":"Server detail tabs",children:v.map(c=>e.jsx("button",{role:"tab","aria-selected":i===c.id,onClick:()=>p(c.id),className:`px-3 py-2.5 text-xs font-medium whitespace-nowrap transition-colors border-b-2 ${i===c.id?"border-accent text-shell-text":"border-transparent text-shell-text-secondary hover:text-shell-text"}`,children:c.label},c.id))})}),e.jsxs("div",{className:"flex-1 min-h-0 overflow-hidden",children:[i==="overview"&&e.jsx(ve,{server:t,capabilities:m,attachments:b,onAction:s,onUninstall:()=>N(!0)}),i==="permissions"&&e.jsx(Ne,{serverId:t.id,attachments:b,onRefresh:S}),i==="env"&&e.jsx(ye,{serverId:t.id}),i==="config"&&e.jsx(we,{serverId:t.id}),i==="logs"&&e.jsx(Se,{serverId:t.id}),i==="used-by"&&e.jsx(Ce,{serverId:t.id})]}),h&&e.jsx(fe,{server:t,attachments:b,loading:j,onConfirm:x,onClose:()=>N(!1)})]})}function Ie({windowId:t}){const[n,o]=l.useState([]),[i,p]=l.useState(!0),[m,r]=l.useState(null),b=se(j=>j.openWindow),u=l.useCallback(async()=>{try{const j=await fetch("/api/mcp/servers",{headers:{Accept:"application/json"}});if(j.ok){const d=await j.json();o(Array.isArray(d)?d:d.servers??[])}}catch{}finally{p(!1)}},[]);l.useEffect(()=>{u();const j=setInterval(u,1e4);return()=>clearInterval(j)},[u]);const g=n.find(j=>j.id===m)??null;function f(){const j=le("store");j&&b("store",j.defaultSize)}const h=e.jsx(be,{servers:n,loading:i,selectedId:m,onSelect:r,onOpenStore:f}),N=g?e.jsx(ke,{server:g,onRefreshList:u,onDeselect:()=>r(null)}):null;return e.jsx(te,{list:h,detail:N,selectedId:m,onBack:()=>r(null),listTitle:"MCP",detailTitle:(g==null?void 0:g.name)??""})}export{Ie as MCPApp};
diff --git a/static/desktop/assets/MessagesApp-BG8aIEeG.js b/static/desktop/assets/MessagesApp-BG8aIEeG.js
new file mode 100644
index 00000000..8d85d3cb
--- /dev/null
+++ b/static/desktop/assets/MessagesApp-BG8aIEeG.js
@@ -0,0 +1 @@
+import{r as l,j as e,p as Zt,b as es}from"./vendor-react-l6srOxy7.js";import{B as U,r as it,T as ts,L as ee,I as xe,C as ss,a as ns,b as as,c as rs}from"./toolbar-UW6q5pkx.js";import{M as is}from"./MobileSplitView-CtNEF6zb.js";import{u as ls}from"./use-is-mobile-v5lglusa.js";import{W as fe,z as lt,D as $e,E as oe,R as ot,y as ct,G as dt,J as ht,U as Te,K as ut,v as pt,N as mt,X as ge,O as os,Q as cs,g as xt}from"./vendor-icons-wm645Jsx.js";import"./vendor-radix-BhM7AEEG.js";import"./vendor-layout-B-pp9n1f.js";function ft(){if(typeof window>"u")return{height:0,keyboardInset:0};const s=window.visualViewport;if(!s)return{height:window.innerHeight,keyboardInset:0};const a=Math.max(0,window.innerHeight-s.height-s.offsetTop);return{height:s.height,keyboardInset:a}}function ds(){const[s,a]=l.useState(ft);return l.useEffect(()=>{if(typeof window>"u")return;const i=window.visualViewport;if(!i)return;const o=()=>a(ft());return i.addEventListener("resize",o),i.addEventListener("scroll",o),()=>{i.removeEventListener("resize",o),i.removeEventListener("scroll",o)}},[]),s}async function hs(s){try{return await s.json()}catch{return null}}async function de(s){if(s.ok)return;const a=await hs(s);throw new Error((a==null?void 0:a.error)||`HTTP ${s.status}`)}async function us(s,a){const i=await fetch(`/api/chat/channels/${encodeURIComponent(s)}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)});await de(i)}async function ps(s,a){const i=await fetch(`/api/chat/channels/${encodeURIComponent(s)}/members`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"add",slug:a})});await de(i)}async function wt(s,a){const i=await fetch(`/api/chat/channels/${encodeURIComponent(s)}/members`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"remove",slug:a})});await de(i)}async function jt(s,a){const i=await fetch(`/api/chat/channels/${encodeURIComponent(s)}/muted`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"add",slug:a})});await de(i)}async function vt(s,a){const i=await fetch(`/api/chat/channels/${encodeURIComponent(s)}/muted`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"remove",slug:a})});await de(i)}function ms({channel:s,knownAgents:a,onClose:i,onChanged:o}){const[d,f]=l.useState(s.name),[h,w]=l.useState(s.topic||""),[k,b]=l.useState(s.settings.response_mode??"quiet"),[j,x]=l.useState(s.settings.max_hops??3),[S,T]=l.useState(s.settings.cooldown_seconds??5),[m,E]=l.useState(null);l.useEffect(()=>{f(s.name),w(s.topic||""),b(s.settings.response_mode??"quiet"),x(s.settings.max_hops??3),T(s.settings.cooldown_seconds??5)},[s]);const _=async(u,z)=>{E(null);try{await us(s.id,u),o()}catch(V){z(),E(V instanceof Error?V.message:"failed")}},C=s.members||[],p=s.settings.muted||[],A=a.map(u=>u.name).filter(u=>!C.includes(u)),N=C.filter(u=>u!=="user"&&!p.includes(u));return e.jsxs("aside",{role:"complementary","aria-label":"Channel settings",className:"fixed top-0 right-0 h-full w-[360px] bg-shell-surface border-l border-white/10 shadow-xl flex flex-col z-40",children:[e.jsxs("header",{className:"flex items-center justify-between px-4 py-3 border-b border-white/10",children:[e.jsx("h2",{className:"text-sm font-semibold",children:"Channel settings"}),e.jsx("button",{onClick:i,"aria-label":"Close",className:"text-lg leading-none",children:"×"})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto px-4 py-4 flex flex-col gap-5 text-sm",children:[e.jsxs("section",{"aria-label":"Overview",className:"flex flex-col gap-3",children:[e.jsx("h3",{className:"text-xs uppercase tracking-wider text-shell-text-tertiary",children:"Overview"}),e.jsxs("label",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"text-xs text-shell-text-secondary",children:"Name"}),e.jsx("input",{value:d,maxLength:100,onChange:u=>f(u.target.value),onBlur:()=>d!==s.name&&_({name:d},()=>f(s.name)),className:"bg-white/5 border border-white/10 rounded px-2 py-1.5 text-sm"})]}),e.jsxs("label",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"text-xs text-shell-text-secondary",children:"Topic"}),e.jsx("textarea",{value:h,maxLength:500,rows:3,onChange:u=>w(u.target.value),onBlur:()=>h!==(s.topic||"")&&_({topic:h},()=>w(s.topic||"")),className:"bg-white/5 border border-white/10 rounded px-2 py-1.5 text-sm resize-none"})]}),e.jsxs("div",{className:"text-[11px] text-shell-text-tertiary",children:["Type: ",e.jsx("span",{className:"uppercase tracking-wide",children:s.type})]})]}),e.jsxs("section",{"aria-label":"Members",className:"flex flex-col gap-2",children:[e.jsx("h3",{className:"text-xs uppercase tracking-wider text-shell-text-tertiary",children:"Members"}),e.jsx("ul",{className:"flex flex-col gap-1",children:C.map(u=>e.jsxs("li",{className:"flex items-center justify-between px-2 py-1 rounded hover:bg-white/5",children:[e.jsxs("span",{children:["@",u]}),u!=="user"&&e.jsx("button",{className:"text-xs text-red-300 hover:text-red-200",onClick:async()=>{try{await wt(s.id,u),o()}catch(z){E(z instanceof Error?z.message:"failed")}},children:"Remove"})]},u))}),A.length>0&&e.jsx(gt,{label:"Add agent",options:A,onPick:async u=>{try{await ps(s.id,u),o()}catch(z){E(z instanceof Error?z.message:"failed")}}})]}),e.jsxs("section",{"aria-label":"Moderation",className:"flex flex-col gap-3",children:[e.jsx("h3",{className:"text-xs uppercase tracking-wider text-shell-text-tertiary",children:"Moderation"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-shell-text-secondary",children:"Mode:"}),e.jsx("button",{className:`px-2 py-1 rounded text-xs ${k==="quiet"?"bg-sky-500/30 text-sky-200":"bg-white/5"}`,onClick:()=>_({response_mode:"quiet"},()=>b(k)),children:"quiet"}),e.jsx("button",{className:`px-2 py-1 rounded text-xs ${k==="lively"?"bg-emerald-500/30 text-emerald-200":"bg-white/5"}`,onClick:()=>_({response_mode:"lively"},()=>b(k)),children:"lively"})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"text-xs text-shell-text-secondary",children:"Muted"}),e.jsxs("div",{className:"flex flex-wrap gap-1",children:[p.map(u=>e.jsxs("span",{className:"inline-flex items-center gap-1 bg-white/5 rounded px-2 py-0.5 text-xs",children:["@",u,e.jsx("button",{"aria-label":`Unmute ${u}`,onClick:async()=>{try{await vt(s.id,u),o()}catch(z){E(z instanceof Error?z.message:"failed")}},children:"×"})]},u)),p.length===0&&e.jsx("span",{className:"text-[11px] text-shell-text-tertiary",children:"none"})]}),N.length>0&&e.jsx(gt,{label:"Mute agent",options:N,onPick:async u=>{try{await jt(s.id,u),o()}catch(z){E(z instanceof Error?z.message:"failed")}}})]})]}),e.jsxs("section",{"aria-label":"Advanced",className:"flex flex-col gap-3",children:[e.jsx("h3",{className:"text-xs uppercase tracking-wider text-shell-text-tertiary",children:"Advanced"}),e.jsxs("label",{className:"flex flex-col gap-1",children:[e.jsxs("span",{className:"text-xs text-shell-text-secondary",children:["Max hops: ",j]}),e.jsx("input",{type:"range",min:1,max:10,value:j,onChange:u=>x(Number(u.target.value)),onMouseUp:()=>_({max_hops:j},()=>x(s.settings.max_hops??3))})]}),e.jsxs("label",{className:"flex flex-col gap-1",children:[e.jsxs("span",{className:"text-xs text-shell-text-secondary",children:["Cooldown: ",S,"s"]}),e.jsx("input",{type:"range",min:0,max:60,value:S,onChange:u=>T(Number(u.target.value)),onMouseUp:()=>_({cooldown_seconds:S},()=>T(s.settings.cooldown_seconds??5))})]})]}),m&&e.jsx("div",{role:"alert",className:"text-xs text-red-300 bg-red-500/10 border border-red-500/30 rounded px-2 py-1",children:m})]})]})}function gt({label:s,options:a,onPick:i}){return e.jsxs("select",{"aria-label":s,defaultValue:"",onChange:o=>{o.target.value&&(i(o.target.value),o.target.value="")},className:"bg-white/5 border border-white/10 rounded px-2 py-1 text-xs",children:[e.jsxs("option",{value:"",disabled:!0,children:[s,"…"]}),a.map(o=>e.jsxs("option",{value:o,children:["@",o]},o))]})}function xs({slug:s,channelId:a,channelType:i,isMuted:o,x:d,y:f,onClose:h,onDm:w,onViewInfo:k,onJumpToSettings:b}){const j=l.useRef(null);l.useEffect(()=>{const m=_=>{j.current&&!j.current.contains(_.target)&&h()},E=_=>{_.key==="Escape"&&h()};return document.addEventListener("mousedown",m),document.addEventListener("keydown",E),()=>{document.removeEventListener("mousedown",m),document.removeEventListener("keydown",E)}},[h]);const x=i==="dm",S=async()=>{if(a)try{o?await vt(a,s):await jt(a,s)}finally{h()}},T=async()=>{if(a)try{await wt(a,s)}finally{h()}};return e.jsxs("div",{ref:j,role:"menu","aria-label":`Actions for @${s}`,className:"fixed z-50 min-w-[200px] bg-shell-surface border border-white/10 rounded-lg shadow-xl py-1 text-sm",style:{top:f,left:d},children:[e.jsxs(ce,{onClick:()=>{w==null||w(s),h()},children:["DM @",s]}),a&&!x&&e.jsxs(ce,{onClick:S,children:[o?"Unmute":"Mute"," in this channel"]}),a&&!x&&e.jsx(ce,{onClick:T,children:"Remove from channel"}),e.jsx("div",{className:"my-1 h-px bg-white/10"}),e.jsx(ce,{onClick:()=>{k==null||k(s),h()},children:"View agent info"}),e.jsx(ce,{onClick:()=>{b==null||b(s),h()},children:"Jump to agent settings"})]})}function ce({onClick:s,children:a}){return e.jsx("button",{role:"menuitem",onClick:s,className:"w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none",children:a})}function fs({commands:s,queryAfterSlash:a,members:i,onPick:o,onClose:d}){const[f,h]=l.useState(0),w=l.useMemo(()=>gs(s,i,a),[s,i,a]),k=w.filter(b=>b.kind==="cmd");return l.useEffect(()=>{h(0)},[a]),l.useEffect(()=>{const b=j=>{if(j.key==="Escape"){j.preventDefault(),d();return}if(j.key==="ArrowDown"){j.preventDefault(),h(x=>Math.min(k.length-1,x+1));return}if(j.key==="ArrowUp"){j.preventDefault(),h(x=>Math.max(0,x-1));return}if(j.key==="Enter"){j.preventDefault();const x=k[f];x&&o(x.slug,x.cmd.name)}};return document.addEventListener("keydown",b,!0),()=>document.removeEventListener("keydown",b,!0)},[k,f,o,d]),k.length===0&&w.length===0?null:e.jsx("div",{role:"listbox","aria-label":"Slash commands",className:"absolute bottom-full left-0 mb-2 w-full max-w-md bg-shell-surface border border-white/10 rounded-lg shadow-xl max-h-60 overflow-y-auto text-sm",children:w.length===0?e.jsx("div",{className:"px-3 py-2 text-xs text-shell-text-tertiary",children:"(no commands available)"}):w.map(b=>{if(b.kind==="header")return e.jsxs("div",{className:"px-3 py-1 text-[11px] uppercase tracking-wider text-shell-text-tertiary bg-white/5",children:["@",b.slug]},`h-${b.slug}`);const j=k.indexOf(b),x=j===f;return e.jsxs("button",{role:"option","aria-selected":x,onMouseEnter:()=>h(j),onClick:()=>o(b.slug,b.cmd.name),className:`w-full text-left px-3 py-1.5 flex items-center justify-between gap-3 ${x?"bg-white/10":"hover:bg-white/5"}`,children:[e.jsxs("span",{className:"font-mono text-[13px]",children:["/",b.cmd.name]}),e.jsx("span",{className:"text-xs text-shell-text-tertiary truncate",children:b.cmd.description})]},`${b.slug}-${b.cmd.name}`)})})}function gs(s,a,i){const o=i.toLowerCase(),d=a.filter(w=>w!=="user"&&s[w]),f=d.length===1,h=[];for(const w of d){const k=(s[w]||[]).filter(b=>bs(w,b,o));if(k.length!==0){f||h.push({kind:"header",slug:w});for(const b of k)h.push({kind:"cmd",slug:w,cmd:b})}}return h}function bs(s,a,i){if(!i)return!0;const o=`${s} ${a.name} ${a.description}`.toLowerCase();let d=0;for(const f of i.split(/\s+/).join("")){const h=o.indexOf(f,d);if(h===-1)return!1;d=h+1}return!0}function ys({humans:s,agents:a,selfId:i="user"}){const o=s.filter(k=>k!==i),d=o.length>0,f=a.length>0;if(!d&&!f)return null;const h=ws(o),w=js(a);return e.jsxs("div",{"aria-live":"polite",className:"px-4 pt-1 text-xs text-shell-text-tertiary flex flex-col gap-0.5",children:[h&&e.jsx("span",{children:h}),w&&e.jsx("span",{className:"italic",children:w})]})}function ws(s){return s.length===0?null:s.length===1?`${s[0]} is typing…`:s.length===2?`${s[0]} and ${s[1]} are typing…`:`${s[0]} and ${s.length-1} others are typing…`}function js(s){return s.length===0?null:s.map(a=>`${a} is thinking…`).join(" · ")}function vs(s,a,i=1e3){const o=l.useRef(0);return l.useCallback(()=>{if(!s)return;const d=Date.now();d-o.current<i||(o.current=d,fetch(`/api/chat/channels/${encodeURIComponent(s)}/typing`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({author_id:a})}).catch(()=>{}))},[s,a,i])}function ks({onReact:s,onReplyInThread:a,onOverflow:i}){return e.jsxs("div",{role:"toolbar","aria-label":"Message actions",className:"inline-flex items-center gap-0.5 bg-shell-surface border border-white/10 rounded-md shadow-sm px-1",children:[e.jsx("button",{"aria-label":"Add reaction",onClick:s,className:"p-1 hover:bg-white/5",children:"😀"}),e.jsx("button",{"aria-label":"Reply in thread",onClick:a,className:"p-1 hover:bg-white/5",children:"💬"}),e.jsx("button",{"aria-label":"More",onClick:i,className:"p-1 hover:bg-white/5",children:"⋯"})]})}function Ns({replyCount:s,lastReplyAt:a,onOpen:i}){if(s===0)return null;const o=a?`💬 ${s} repl${s===1?"y":"ies"} · last reply ${Ss(a)}`:`💬 ${s} repl${s===1?"y":"ies"}`;return e.jsx("button",{onClick:i,className:"mt-1 px-2 py-0.5 text-xs text-sky-200 hover:bg-white/5 rounded","aria-label":"Open thread",children:o})}function Ss(s){const a=Date.now()/1e3,i=Math.max(0,a-s);return i<60?"just now":i<3600?`${Math.floor(i/60)}m ago`:i<86400?`${Math.floor(i/3600)}h ago`:`${Math.floor(i/86400)}d ago`}function Cs({channelId:s,parentId:a,onClose:i,onSend:o,isFullscreen:d=!1}){const[f,h]=l.useState(null),[w,k]=l.useState([]),[b,j]=l.useState(""),[x,S]=l.useState(null),[T,m]=l.useState(null),[E,_]=l.useState(!1),C=l.useRef(null);l.useEffect(()=>{const N=new AbortController;return S(null),fetch(`/api/chat/messages/${a}`,{signal:N.signal}).then(u=>{if(!u.ok)throw new Error(`parent fetch failed (${u.status})`);return u.json()}).then(u=>h(u)).catch(u=>{u.name!=="AbortError"&&S("couldn't load this thread")}),()=>N.abort()},[a]),l.useEffect(()=>{const N=new AbortController;return fetch(`/api/chat/channels/${s}/threads/${a}/messages`,{signal:N.signal}).then(u=>u.ok?u.json():{messages:[]}).then(u=>k(u.messages||[])).catch(u=>{u.name!=="AbortError"&&S("couldn't load this thread")}),()=>N.abort()},[s,a]);async function p(){const N=b.trim();if(!(!N||E)){_(!0),m(null);try{await o(N,[]),j("")}catch(u){m(u.message||"couldn't send reply")}finally{_(!1)}}}function A(N){N.key==="Enter"&&!N.shiftKey&&(N.preventDefault(),p())}return e.jsxs("div",{className:d?"fixed inset-0 z-50 bg-shell-surface flex flex-col":"fixed top-0 right-0 h-full w-[360px] bg-shell-surface border-l border-white/10 flex flex-col z-40",role:"complementary","aria-label":"Thread panel",style:d?{paddingTop:"env(safe-area-inset-top, 0px)"}:void 0,children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-white/10",children:[e.jsx("span",{className:"font-semibold text-sm",children:"Thread"}),e.jsx("button",{"aria-label":d?"Back":"Close thread",onClick:i,className:"p-1 hover:bg-white/5 rounded",children:d?"◀":"✕"})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto px-4 py-3 flex flex-col gap-3",children:[f&&e.jsxs("div",{className:"pb-3 border-b border-white/10",children:[e.jsx("div",{className:"text-xs text-white/50 mb-1",children:f.author_id}),e.jsx("div",{className:"text-sm",children:f.content})]}),w.map(N=>e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-white/50 mb-0.5",children:N.author_id}),e.jsx("div",{className:"text-sm",children:N.content})]},N.id)),x&&e.jsx("div",{role:"alert",className:"text-xs text-red-300",children:x})]}),e.jsxs("div",{className:"px-4 py-3 border-t border-white/10",children:[T&&e.jsx("div",{role:"alert",className:"text-xs text-red-300 mb-2",children:T}),e.jsx("textarea",{ref:C,value:b,onChange:N=>j(N.target.value),onKeyDown:A,placeholder:"Reply in thread…","aria-label":"Thread reply",rows:2,disabled:E,className:"w-full bg-white/5 rounded px-3 py-2 text-sm resize-none outline-none border border-white/10 focus:border-sky-400 disabled:opacity-50"})]})]})}function Es({items:s,onRemove:a,onRetry:i}){return s.length===0?null:e.jsx("div",{"aria-label":"Pending attachments",className:"px-4 py-2 border-t border-white/10 flex gap-2 flex-wrap",children:s.map(o=>e.jsxs("div",{className:"flex items-center gap-2 bg-white/5 rounded px-2 py-1 text-xs max-w-[220px]",children:[e.jsx("span",{className:"truncate",children:o.filename}),e.jsxs("span",{className:"opacity-50",children:[Math.max(1,Math.round(o.size/1024))," KB"]}),o.uploading&&e.jsx("span",{className:"opacity-70",children:"…"}),o.error&&e.jsx("button",{"aria-label":"Retry upload",onClick:()=>i(o.id),className:"text-red-300",children:"retry"}),e.jsx("button",{"aria-label":`Remove ${o.filename}`,onClick:()=>a(o.id),className:"opacity-70 hover:opacity-100",children:"×"})]},o.id))})}function _s({images:s,startIndex:a,onClose:i}){const[o,d]=l.useState(a);l.useEffect(()=>{const h=w=>{w.key==="Escape"&&i(),w.key==="ArrowLeft"&&d(k=>Math.max(0,k-1)),w.key==="ArrowRight"&&d(k=>Math.min(s.length-1,k+1))};return document.addEventListener("keydown",h),()=>document.removeEventListener("keydown",h)},[s.length,i]);const f=s[o];return e.jsxs("div",{role:"dialog","aria-label":"Image viewer",className:"fixed inset-0 z-50 bg-black/80 flex items-center justify-center",onClick:i,children:[e.jsx("img",{src:f.url,alt:f.filename,className:"max-w-[90vw] max-h-[90vh]",onClick:h=>h.stopPropagation()}),e.jsxs("div",{className:"absolute top-4 right-4 flex gap-2",children:[e.jsx("a",{href:f.url,download:f.filename,onClick:h=>h.stopPropagation(),className:"bg-white/10 hover:bg-white/20 rounded px-3 py-1 text-sm",children:"Download"}),e.jsx("button",{onClick:i,className:"bg-white/10 hover:bg-white/20 rounded px-3 py-1 text-sm",children:"Close"})]}),s.length>1&&e.jsxs("div",{className:"absolute bottom-4 text-white/70 text-xs",children:[o+1," / ",s.length]})]})}function $s({attachments:s}){const[a,i]=l.useState(null);if(!(s!=null&&s.length))return null;const o=s.filter(h=>{var w;return(w=h.mime_type)==null?void 0:w.startsWith("image/")}),d=s.filter(h=>{var w;return!((w=h.mime_type)!=null&&w.startsWith("image/"))}),f=o.length>1?"grid grid-cols-2 gap-1 max-w-md":"";return e.jsxs("div",{className:"flex flex-col gap-2 mt-1",children:[o.length>0&&e.jsx("div",{className:f,children:o.slice(0,4).map((h,w)=>e.jsxs("button",{onClick:()=>i(w),className:"relative block",children:[e.jsx("img",{src:h.url,alt:h.filename,className:o.length===1?"max-w-[560px] max-h-[400px] rounded":"object-cover w-full h-32 rounded"}),o.length>4&&w===3&&e.jsxs("span",{className:"absolute inset-0 bg-black/60 flex items-center justify-center text-white",children:["+",o.length-4," more"]})]},h.url))}),d.length>0&&e.jsx("div",{className:"flex flex-col gap-1",children:d.map(h=>e.jsxs("a",{href:h.url,target:"_blank",rel:"noreferrer",className:"flex items-center gap-2 bg-white/5 hover:bg-white/10 rounded px-2 py-1 text-sm max-w-sm",children:[e.jsx("span",{"aria-hidden":!0,children:"📄"}),e.jsx("span",{className:"truncate",children:h.filename}),e.jsxs("span",{className:"ml-auto text-xs opacity-60",children:[Math.max(1,Math.round(h.size/1024))," KB"]})]},h.url))}),a!==null&&e.jsx(_s,{images:o,startIndex:a,onClose:()=>i(null)})]})}async function kt(s){if(s.ok)return;let a=null;try{a=await s.json()}catch{}throw new Error((a==null?void 0:a.error)||`HTTP ${s.status}`)}async function Ae(s,a){const i=new FormData;i.append("file",s),a&&i.append("channel_id",a);const o=await fetch("/api/chat/upload",{method:"POST",body:i});await kt(o);const d=await o.json();return{filename:d.filename,mime_type:d.mime_type||d.content_type||"application/octet-stream",size:d.size,url:d.url,source:"disk"}}async function Ts(s){const a=await fetch("/api/chat/attachments/from-path",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});return await kt(a),a.json()}function As(){const[s,a]=l.useState(null);return{openThread:s,openThreadFor:(i,o)=>a({channelId:i,parentId:o}),closeThread:()=>a(null)}}function Ms(s,a){const i=a?`?path=${encodeURIComponent(a)}`:"";if(s==="/workspaces/user")return`/api/workspace/files${i}`;if(s.startsWith("/workspaces/agent/")){const o=s.slice(18);return`/api/agents/${encodeURIComponent(o)}/workspace/files${i}`}return`/api/workspace/files${i}`}function bt({root:s,onSelect:a,multi:i=!1}){const[o,d]=l.useState(""),[f,h]=l.useState([]),[w,k]=l.useState(new Set),[b,j]=l.useState(!1),[x,S]=l.useState(null);l.useEffect(()=>{let C=!1;return j(!0),S(null),fetch(Ms(s,o)).then(async p=>{if(!p.ok)throw new Error(`HTTP ${p.status}`);return p.json()}).then(p=>{if(C)return;const N=(Array.isArray(p)?p:[]).map(u=>({name:u.name,type:u.is_dir?"folder":"file",size:u.size,modified:u.modified?new Date(u.modified*1e3).toISOString():void 0}));N.sort((u,z)=>u.type!==z.type?u.type==="folder"?-1:1:u.name.localeCompare(z.name)),h(N)}).catch(p=>{C||(S(p instanceof Error?p.message:"Failed to load"),h([]))}).finally(()=>{C||j(!1)}),()=>{C=!0}},[s,o]);function T(C){const p=o?`${o}/${C}`:C;return`${s}/${p}`}function m(C){d(p=>p?`${p}/${C}`:C),k(new Set)}function E(C){const p=T(C);if(!i){a(p);return}k(A=>{const N=new Set(A);return N.has(p)?N.delete(p):N.add(p),a(Array.from(N)),N})}function _(){d(C=>{const p=C.split("/").filter(Boolean);return p.pop(),p.join("/")}),k(new Set)}return e.jsxs("div",{className:"vfs-browser",role:"region","aria-label":"File browser",children:[o&&e.jsx("button",{onClick:_,"aria-label":"Go up one folder",style:{marginBottom:4},children:"↑ .."}),b&&e.jsx("p",{children:"Loading…"}),x&&e.jsxs("p",{role:"alert",children:["Error: ",x]}),!b&&!x&&f.length===0&&e.jsx("p",{children:"Empty folder"}),e.jsx("ul",{style:{listStyle:"none",padding:0,margin:0},children:f.map(C=>{const p=T(C.name),A=w.has(p);return e.jsx("li",{children:e.jsxs("button",{onClick:()=>C.type==="folder"?m(C.name):E(C.name),"aria-selected":i?A:void 0,style:{fontWeight:A?"bold":void 0},children:[C.type==="folder"?"📁 ":"📄 ",C.name]})},C.name)})})]})}function zs({sources:s,accept:a,multi:i=!1,onPick:o,onCancel:d}){const[f,h]=l.useState(s[0]??"disk"),[w,k]=l.useState([]),[b,j]=l.useState([]),[x,S]=l.useState(null),T=l.useRef(null);l.useEffect(()=>{s.includes("agent-workspace")&&fetch("/api/agents").then(p=>p.json()).then(p=>j(Array.isArray(p)?p:[])).catch(()=>{})},[s]),l.useEffect(()=>{const p=A=>{A.key==="Escape"&&(A.preventDefault(),d())};return document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)},[d]);const m=p=>{if(!p)return;const A=[];for(const N of Array.from(p))A.push({source:"disk",file:N});k(N=>i?[...N,...A]:A)},E=p=>{const N=(Array.isArray(p)?p:[p]).map(u=>({source:"workspace",path:u}));k(u=>i?[...u.filter(z=>z.source!=="workspace"),...N]:N)},_=p=>{if(!x)return;const N=(Array.isArray(p)?p:[p]).map(u=>({source:"agent-workspace",slug:x,path:u}));k(u=>i?[...u.filter(z=>z.source!=="agent-workspace"),...N]:N)},C=()=>o(w);return e.jsx("div",{role:"dialog","aria-modal":"true","aria-label":"Pick a file",className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60",children:e.jsxs("div",{className:"bg-shell-surface border border-white/10 rounded-xl w-[720px] h-[540px] flex flex-col overflow-hidden",children:[e.jsxs("div",{role:"tablist",className:"flex border-b border-white/10",children:[s.includes("disk")&&e.jsx("button",{role:"tab","aria-selected":f==="disk",className:`px-4 py-2 text-sm ${f==="disk"?"border-b-2 border-sky-400":"opacity-70"}`,onClick:()=>h("disk"),children:"Disk"}),s.includes("workspace")&&e.jsx("button",{role:"tab","aria-selected":f==="workspace",className:`px-4 py-2 text-sm ${f==="workspace"?"border-b-2 border-sky-400":"opacity-70"}`,onClick:()=>h("workspace"),children:"My workspace"}),s.includes("agent-workspace")&&e.jsx("button",{role:"tab","aria-selected":f==="agent-workspace",className:`px-4 py-2 text-sm ${f==="agent-workspace"?"border-b-2 border-sky-400":"opacity-70"}`,onClick:()=>h("agent-workspace"),children:"Agent workspaces"})]}),e.jsxs("div",{className:"flex-1 overflow-hidden",children:[f==="disk"&&e.jsxs("div",{className:"p-6 flex items-center justify-center",children:[e.jsx("input",{ref:T,type:"file",className:"hidden",multiple:i,accept:a,onChange:p=>m(p.target.files)}),e.jsx("button",{onClick:()=>{var p;return(p=T.current)==null?void 0:p.click()},className:"px-4 py-2 bg-sky-500/20 text-sky-200 rounded",children:"Choose files from disk"}),w.filter(p=>p.source==="disk").length>0&&e.jsxs("div",{className:"ml-6 text-xs text-shell-text-tertiary",children:[w.length," file(s) queued"]})]}),f==="workspace"&&e.jsx(bt,{root:"/workspaces/user",onSelect:E,multi:i}),f==="agent-workspace"&&e.jsxs("div",{className:"h-full flex flex-col",children:[e.jsx("div",{className:"p-2 border-b border-white/10",children:e.jsxs("select",{value:x??"",onChange:p=>S(p.target.value||null),className:"bg-white/5 border border-white/10 rounded px-2 py-1 text-sm",children:[e.jsx("option",{value:"",children:"Pick an agent…"}),b.map(p=>e.jsxs("option",{value:p.name,children:["@",p.name]},p.name))]})}),x&&e.jsx(bt,{root:`/workspaces/agent/${x}`,onSelect:_,multi:i})]})]}),e.jsxs("div",{className:"border-t border-white/10 p-2 flex items-center justify-end gap-2 text-sm",children:[e.jsxs("span",{className:"opacity-60 mr-auto",children:[w.length," selected"]}),e.jsx("button",{onClick:d,className:"px-3 py-1 opacity-70 hover:opacity-100",children:"Cancel"}),e.jsxs("button",{onClick:C,disabled:w.length===0,className:"px-3 py-1 bg-sky-500/30 text-sky-200 rounded disabled:opacity-40",children:["Select (",w.length,")"]})]})]})})}function Ps(s){return new Promise(a=>{const i=document.createElement("div");document.body.appendChild(i);const o=Zt.createRoot(i),d=()=>{o.unmount(),i.remove()};o.render(es.createElement(zs,{sources:s.sources,accept:s.accept,multi:s.multi,onPick:f=>{d(),a(f)},onCancel:()=>{d(),a([])}}))})}function Rs({isOwn:s,isHuman:a,isPinned:i=!1,onEdit:o,onDelete:d,onCopyLink:f,onPin:h,onMarkUnread:w,onClose:k}){const b=l.useRef(null);l.useEffect(()=>{var S;const x=(S=b.current)==null?void 0:S.querySelector('[role="menuitem"]');x==null||x.focus()},[]);const j=x=>{var E,_,C,p,A;const S=Array.from(((E=b.current)==null?void 0:E.querySelectorAll('[role="menuitem"]'))||[]),T=document.activeElement,m=T?S.indexOf(T):-1;x.key==="ArrowDown"?(x.preventDefault(),(_=S[Math.min(S.length-1,m+1)])==null||_.focus()):x.key==="ArrowUp"?(x.preventDefault(),(C=S[Math.max(0,m-1)])==null||C.focus()):x.key==="Home"?(x.preventDefault(),(p=S[0])==null||p.focus()):x.key==="End"?(x.preventDefault(),(A=S[S.length-1])==null||A.focus()):x.key==="Escape"&&(x.preventDefault(),k==null||k())};return e.jsxs("div",{ref:b,role:"menu","aria-label":"Message overflow menu",onKeyDown:j,className:"bg-shell-surface border border-white/10 rounded-md shadow-lg py-1 min-w-[160px] text-sm",children:[s&&e.jsx("button",{role:"menuitem",onClick:o,className:"block w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none",children:"Edit"}),s&&e.jsx("button",{role:"menuitem",onClick:d,className:"block w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none text-red-300",children:"Delete"}),e.jsx("button",{role:"menuitem",onClick:f,className:"block w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none",children:"Copy link"}),a&&e.jsx("button",{role:"menuitem",onClick:h,className:"block w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none",children:i?"Unpin":"Pin"}),e.jsx("button",{role:"menuitem",onClick:w,className:"block w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none",children:"Mark unread"})]})}const Ds=80;function Os({open:s,onClose:a,children:i,labelledBy:o,dragHandle:d=!0}){const f=l.useRef(null),[h,w]=l.useState(0);if(l.useEffect(()=>{if(!s)return;const b=j=>{j.key==="Escape"&&(j.preventDefault(),a())};return document.addEventListener("keydown",b),()=>document.removeEventListener("keydown",b)},[s,a]),l.useEffect(()=>{var x;if(!s)return;const b=document.activeElement,j=(x=f.current)==null?void 0:x.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');return j==null||j.focus(),()=>{var S;(S=b==null?void 0:b.focus)==null||S.call(b)}},[s]),l.useEffect(()=>{if(!s)return;const b=j=>{if(j.key!=="Tab")return;const x=f.current;if(!x)return;const S=Array.from(x.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(_=>!_.hasAttribute("disabled"));if(S.length===0)return;const T=S[0],m=S[S.length-1],E=document.activeElement;j.shiftKey&&E===T?(j.preventDefault(),m.focus()):!j.shiftKey&&E===m&&(j.preventDefault(),T.focus())};return document.addEventListener("keydown",b),()=>document.removeEventListener("keydown",b)},[s]),!s)return null;const k=b=>{const j=b.clientY,x=b.currentTarget;x.setPointerCapture(b.pointerId);const S=E=>{const _=Math.max(0,E.clientY-j);w(_)},T=E=>{const _=Math.max(0,E.clientY-j);x.releasePointerCapture(b.pointerId),x.removeEventListener("pointermove",S),x.removeEventListener("pointerup",T),x.removeEventListener("pointercancel",m),_>Ds&&a(),w(0)},m=()=>{x.releasePointerCapture(b.pointerId),x.removeEventListener("pointermove",S),x.removeEventListener("pointerup",T),x.removeEventListener("pointercancel",m),w(0)};x.addEventListener("pointermove",S),x.addEventListener("pointerup",T),x.addEventListener("pointercancel",m)};return e.jsxs(e.Fragment,{children:[e.jsx("div",{"data-testid":"bottom-sheet-backdrop",className:"fixed inset-0 z-50 bg-black/60",onClick:a}),e.jsxs("div",{ref:f,role:"dialog","aria-modal":"true","aria-labelledby":o,className:"fixed bottom-0 inset-x-0 z-50 bg-shell-surface rounded-t-xl border-t border-white/10 shadow-2xl max-h-[85vh] overflow-y-auto",style:{paddingBottom:"env(safe-area-inset-bottom, 0px)",transform:`translateY(${h}px)`,transition:h===0?"transform 0.2s ease-out":"none"},children:[d&&e.jsx("div",{"data-testid":"bottom-sheet-handle",onPointerDown:k,className:"flex justify-center py-2 cursor-grab active:cursor-grabbing touch-none",children:e.jsx("div",{className:"w-10 h-1 bg-white/20 rounded-full"})}),i]})]})}function Ls({initial:s,onSave:a,onCancel:i}){const[o,d]=l.useState(s);return e.jsx("textarea",{autoFocus:!0,value:o,onChange:f=>d(f.target.value),onKeyDown:f=>{if(f.key==="Escape")f.preventDefault(),i();else if(f.key==="Enter"&&!f.shiftKey){f.preventDefault();const h=o.trim();h?a(h):i()}},"aria-label":"Edit message",rows:1,className:"w-full bg-white/5 border border-white/10 rounded px-2 py-1 text-sm"})}function Is(){return e.jsx("span",{className:"text-white/40 italic text-sm",children:"This message was deleted"})}function Us({count:s,onClick:a}){return s===0?null:e.jsxs("button",{onClick:a,className:"ml-1 px-1.5 py-0.5 text-xs bg-white/5 hover:bg-white/10 rounded opacity-70 hover:opacity-100","aria-label":`Pinned messages (${s})`,children:["📌 ",s]})}function Fs({pins:s,onJumpTo:a,onClose:i}){return e.jsxs("div",{role:"dialog","aria-label":"Pinned messages",className:"absolute top-full right-0 mt-1 w-[320px] max-h-[400px] overflow-y-auto bg-shell-surface border border-white/10 rounded-md shadow-lg z-40",children:[e.jsxs("header",{className:"flex items-center justify-between px-3 py-2 border-b border-white/10",children:[e.jsxs("span",{className:"text-xs font-semibold",children:["Pinned (",s.length,")"]}),e.jsx("button",{onClick:i,"aria-label":"Close",className:"text-sm opacity-70 hover:opacity-100",children:"×"})]}),s.length===0?e.jsx("div",{className:"p-4 text-sm text-white/50",children:"No pinned messages yet."}):e.jsx("ul",{className:"divide-y divide-white/5",children:s.map(o=>e.jsxs("li",{className:"p-2 text-sm",children:[e.jsxs("div",{className:"text-xs opacity-60 mb-0.5",children:["@",o.author_id]}),e.jsx("div",{className:"line-clamp-2",children:o.content}),e.jsx("button",{onClick:()=>a(o.id),className:"mt-1 text-xs text-sky-300 hover:text-sky-200",children:"Jump to →"})]},o.id))})]})}function Bs({authorId:s,onApprove:a}){return e.jsxs("div",{className:"mt-1 flex items-center gap-2 text-xs",children:[e.jsxs("span",{className:"text-white/60",children:["@",s," wants to pin this"]}),e.jsx("button",{onClick:a,className:"px-2 py-0.5 bg-sky-500/20 text-sky-200 rounded hover:bg-sky-500/30","aria-label":`Pin this message from ${s}`,children:"📌 Pin this"})]})}async function te(s){if(s.ok)return;let a=null;try{a=await s.json()}catch{}throw new Error((a==null?void 0:a.error)||`HTTP ${s.status}`)}async function yt(s){const a=await fetch(`/api/chat/messages/${s}/pin`,{method:"POST"});await te(a)}async function Hs(s){const a=await fetch(`/api/chat/messages/${s}/pin`,{method:"DELETE"});await te(a)}async function Me(s){const a=await fetch(`/api/chat/channels/${s}/pins`);return await te(a),(await a.json()).pins||[]}async function Js(s,a){const i=await fetch(`/api/chat/messages/${s}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({content:a})});return await te(i),i.json()}async function Ws(s){const a=await fetch(`/api/chat/messages/${s}`,{method:"DELETE"});await te(a)}async function Ks(s,a){const i=await fetch(`/api/chat/channels/${s}/read-cursor/rewind`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({before_message_id:a})});await te(i)}function qs(s,a,i,o){return a==="user"||i.some(d=>d.name===s)?"active":o.some(d=>{var f;return d.archived_slug===s||((f=d.original)==null?void 0:f.name)===s})?"archived":"removed"}function Vs(s){const a=Date.now()-new Date(s).getTime(),i=Math.floor(a/6e4);if(i<1)return"now";if(i<60)return`${i}m ago`;const o=Math.floor(i/60);if(o<24)return`${o}h ago`;const d=Math.floor(o/24);return d<7?`${d}d ago`:new Date(s).toLocaleDateString()}function Ys(s){const a=[],i=/(\*\*(.+?)\*\*|\*(.+?)\*|`(.+?)`)/g;let o=0,d,f=0;for(;(d=i.exec(s))!==null;)d.index>o&&a.push(s.slice(o,d.index)),d[2]?a.push(e.jsx("strong",{className:"font-semibold",children:d[2]},f++)):d[3]?a.push(e.jsx("em",{className:"italic",children:d[3]},f++)):d[4]&&a.push(e.jsx("code",{className:"bg-white/10 px-1.5 py-0.5 rounded text-[13px] font-mono",children:d[4]},f++)),o=d.index+d[0].length;return o<s.length&&a.push(s.slice(o)),a}const Gs=["👍","❤️","😂","🎉","🤔","👀","🚀","✅"];function rn({windowId:s,title:a}){var Ze,et,tt;const i=ls(),{keyboardInset:o}=ds(),[d,f]=l.useState([]),[h,w]=l.useState([]),[k,b]=l.useState(!1),[j,x]=l.useState([]),[S,T]=l.useState([]),[m,E]=l.useState(null),[_,C]=l.useState([]),[p,A]=l.useState({}),[N,u]=l.useState(""),[z,V]=l.useState("disconnected"),[Nt,Y]=l.useState(!1),[ze,Pe]=l.useState(null),[be,ye]=l.useState(null),[O,W]=l.useState({name:"",type:"topic",description:""}),[se,Re]=l.useState(null),[St,we]=l.useState(!1),[K,ne]=l.useState(null),[H,De]=l.useState(null),[Ct,Et]=l.useState({}),[_t,je]=l.useState([]),[$t,ae]=l.useState([]),[Oe,D]=l.useState(null),[Tt,Le]=l.useState(null),[G,L]=l.useState([]),[he,B]=l.useState(null),[At,ve]=l.useState(null),[Mt,ke]=l.useState(!1),[ue,re]=l.useState([]),[zt,Pt]=l.useState(null),{openThread:ie,openThreadFor:Rt,closeThread:Ie}=As(),R=l.useRef(null),Ue=l.useRef(null),Fe=l.useRef(null),I=l.useRef(null),Ne=l.useRef(null),Se=l.useRef(0),X=l.useRef(!0),Ce=l.useRef(1e3),q=l.useRef(null),Q=l.useCallback(async()=>{try{const[t,n]=await Promise.all([fetch("/api/chat/channels"),fetch("/api/chat/unread")]);if(t.ok){const r=await t.json();f(r.channels??[])}if(n.ok){const r=await n.json();A(r.unread??{})}}catch{}},[]),le=l.useCallback(async()=>{try{const t=await fetch("/api/chat/channels?archived=true");if(t.ok){const n=await t.json();w(n.channels??[])}}catch{}},[]),pe=l.useCallback(async()=>{try{const[t,n]=await Promise.all([fetch("/api/agents"),fetch("/api/agents/archived")]);if(t.ok&&(t.headers.get("content-type")??"").includes("application/json")){const c=await t.json();Array.isArray(c)&&x(c)}if(n.ok&&(n.headers.get("content-type")??"").includes("application/json")){const c=await n.json();Array.isArray(c)&&T(c)}}catch{}},[]),Be=l.useCallback(async t=>{try{const n=await fetch(`/api/chat/channels/${t}/messages?limit=50`);if(n.ok){const r=await n.json();C(r.messages??[]),X.current=!0}}catch{}},[]),He=l.useCallback(async t=>{try{await fetch(`/api/chat/channels/${t}/mark-read`,{method:"POST"}),A(n=>{const r={...n};return delete r[t],r})}catch{}},[]),Ee=l.useCallback(()=>{if(R.current&&R.current.readyState<=1)return;V("connecting");const t=window.location.protocol==="https:"?"wss:":"ws:",n=new WebSocket(`${t}//${window.location.host}/ws/chat`);n.onopen=()=>{V("connected"),Ce.current=1e3,q.current&&n.send(JSON.stringify({type:"join",channel_id:q.current}))},n.onmessage=r=>{try{const c=JSON.parse(r.data);if(c.type==="typing"&&c.kind==="human"){je(g=>g.includes(c.slug)?g:[...g,c.slug]),setTimeout(()=>je(g=>g.filter(y=>y!==c.slug)),3500);return}if(c.type==="thinking"){c.state==="start"?ae(g=>g.includes(c.slug)?g:[...g,c.slug]):ae(g=>g.filter(y=>y!==c.slug));return}switch(c.type){case"message":C(g=>g.some(y=>y.id===c.id)?g:[...g,c]),c.channel_id!==q.current&&A(g=>({...g,[c.channel_id]:(g[c.channel_id]??0)+1}));break;case"message_delta":C(g=>g.map(y=>y.id===c.message_id?{...y,content:y.content+(c.delta??""),state:"streaming"}:y));break;case"message_state":C(g=>g.map(y=>y.id===c.message_id?{...y,state:c.state}:y));break;case"typing":if((c.user_type??"user")!=="agent")break;ae(g=>g.includes(c.user_id)?g:[...g,c.user_id]),setTimeout(()=>{ae(g=>g.filter(y=>y!==c.user_id))},5e3);break;case"reaction_update":C(g=>g.map(y=>y.id===c.message_id?{...y,reactions:c.reactions}:y));break;case"message_edit":C(g=>g.map(y=>y.id===c.message_id?{...y,...c.content!==void 0&&{content:c.content},...c.edited_at!==void 0&&{edited_at:c.edited_at},...c.metadata!==void 0&&{metadata:c.metadata}}:y));break;case"message_delete":C(g=>g.map(y=>y.id===c.message_id?{...y,deleted_at:c.deleted_at??Date.now()/1e3}:y));break}}catch{}},n.onclose=()=>{V("disconnected"),R.current=null;const r=Ce.current;Ce.current=Math.min(r*2,3e4),setTimeout(Ee,r)},n.onerror=()=>{n.close()},R.current=n},[]);l.useEffect(()=>(Q(),le(),pe(),Ee(),()=>{R.current&&(R.current.onclose=null,R.current.close())}),[Q,le,pe,Ee]),l.useEffect(()=>{fetch("/api/auth/me").then(t=>t.ok?t.json():null).then(t=>{t!=null&&t.id&&Pt(t.id)}).catch(()=>{})},[]),l.useEffect(()=>{let t=!1;const n=async r=>{const c=r.detail;if(c!=null&&c.channelId&&!t&&(E(c.channelId),c.prefillPromptName))try{const g=await fetch(`/api/admin-prompts/${encodeURIComponent(c.prefillPromptName)}`,{headers:{Accept:"application/json"}});if(t)return;if(g.ok&&(g.headers.get("content-type")??"").includes("application/json")){const $=await g.json();if(t)return;u($.body??""),Re({promptName:c.prefillPromptName,agentName:c.prefillAgent}),setTimeout(()=>{var P;t||(P=I.current)==null||P.focus()},150)}}catch{}};return window.addEventListener("taos:open-messages",n),()=>{t=!0,window.removeEventListener("taos:open-messages",n)}},[]),l.useEffect(()=>{var t,n;m&&(q.current&&q.current!==m&&((t=R.current)==null?void 0:t.readyState)===1&&R.current.send(JSON.stringify({type:"leave",channel_id:q.current})),q.current=m,((n=R.current)==null?void 0:n.readyState)===1&&R.current.send(JSON.stringify({type:"join",channel_id:m})),Be(m),He(m),je([]),ae([]))},[m,Be,He]);const Je=l.useRef(null);l.useEffect(()=>{if(!m||_.length===0)return;const n=new URLSearchParams(window.location.search).get("msg");if(!n||!/^[a-zA-Z0-9_-]{1,64}$/.test(n))return;const r=`${m}:${n}`;if(Je.current===r)return;const c=document.querySelector(`[data-message-id="${n}"]`);c&&(Je.current=r,c.scrollIntoView({behavior:"smooth",block:"center"}),c.classList.add("data-highlight"),setTimeout(()=>c.classList.remove("data-highlight"),2e3))},[m,_.length]),l.useEffect(()=>{if(!m){re([]);return}Me(m).then(t=>re(t)).catch(()=>re([]))},[m]),l.useEffect(()=>{let t=!0;return fetch("/api/frameworks/slash-commands").then(n=>n.json()).then(n=>{t&&Et(n||{})}).catch(()=>{}),()=>{t=!1}},[m]),l.useEffect(()=>{var t;X.current&&((t=Ue.current)==null||t.scrollIntoView({behavior:"smooth"}))},[_]);const Dt=()=>{const t=Fe.current;if(!t)return;const n=t.scrollHeight-t.scrollTop-t.clientHeight<60;X.current=n},Ot=vs(m,"user"),We=N.startsWith("/"),Lt=We&&N.slice(1).split(/\s/,1)[0]||"",It=()=>{Ie(),we(!0)},Ke=(t,n)=>{we(!1),Rt(t,n)},qe=async()=>{const t=N.trim();if(!t&&G.length===0||!m)return;if(G.some(r=>r.uploading)){D("waiting for uploads to finish…");return}const n=G.filter(r=>r.record&&!r.error).map(r=>r.record);if(n.length>0)try{const r=await fetch("/api/chat/messages",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({channel_id:m,author_id:"user",author_type:"user",content:t,content_type:"text",attachments:n})});if(!r.ok){const c=await r.json().catch(()=>({}));D(c.error||"couldn't send message");return}u(""),L([]),I.current&&(I.current.style.height="auto"),X.current=!0;return}catch(r){D(r.message||"send failed");return}if(t){if(t.startsWith("/"))try{const r=await fetch("/api/chat/messages",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({channel_id:m,content:t})});if(r.status===400){const c=await r.json().catch(()=>({}));D(c.error||"couldn't send message");return}if(r.ok&&(await r.json().catch(()=>({}))).handled){D(null),u(""),X.current=!0,I.current&&(I.current.style.height="auto");return}}catch{}if(D(null),R.current&&R.current.readyState===1)R.current.send(JSON.stringify({type:"message",channel_id:m,content:t}));else try{const r=await fetch("/api/chat/messages",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({channel_id:m,author_id:"user",author_type:"user",content:t,content_type:"text"})});if(!r.ok){const c=await r.json().catch(()=>({}));D(c.error||"couldn't send message");return}}catch(r){D(r.message||"send failed");return}u(""),X.current=!0,I.current&&(I.current.style.height="auto")}},Ut=t=>{var r;u(t),I.current&&(I.current.style.height="auto",I.current.style.height=Math.min(I.current.scrollHeight,120)+"px");const n=Date.now();m&&((r=R.current)==null?void 0:r.readyState)===1&&n-Se.current>3e3&&(R.current.send(JSON.stringify({type:"typing",channel_id:m})),Se.current=n),Ne.current&&clearTimeout(Ne.current),Ne.current=setTimeout(()=>{Se.current=0},4e3),Ot()},Ft=t=>{t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),qe())},Bt=async()=>{const t=await Ps({sources:["disk","workspace","agent-workspace"],multi:!0});for(const n of t){const r=Math.random().toString(36).slice(2),c=n.source==="disk"?n.file.name:n.path.split("/").pop()||"",g=n.source==="disk"?n.file.size:0;L(y=>[...y,{id:r,filename:c,size:g,uploading:!0}]);try{const y=n.source==="disk"?await Ae(n.file,m??void 0):await Ts({path:n.path,source:n.source,slug:n.source==="agent-workspace"?n.slug:void 0});L($=>$.map(P=>P.id===r?{...P,record:y,uploading:!1}:P))}catch(y){L($=>$.map(P=>P.id===r?{...P,uploading:!1,error:y.message}:P))}}},Ve=(t,n)=>{var r;((r=R.current)==null?void 0:r.readyState)===1&&R.current.send(JSON.stringify({type:"reaction",message_id:t,emoji:n})),Pe(null)},Ye=async()=>{if(O.name.trim())try{const t=await fetch("/api/chat/channels",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:O.name.trim(),type:O.type,description:O.description.trim()||void 0})});if(t.ok){const n=await t.json();f(r=>[...r,n]),E(n.id),Y(!1),W({name:"",type:"topic",description:""})}}catch{}},Ge=l.useCallback(async(t,n)=>{var c,g,y,$;const r=(g=(c=h.find(P=>P.id===t))==null?void 0:c.settings)==null?void 0:g.archived_agent_id;if(r){const P=S.find(F=>F.id===r);if(P){if(!window.confirm(`Restore agent "${((y=P.original)==null?void 0:y.display_name)||(($=P.original)==null?void 0:$.name)||P.archived_slug}"?`))return;try{const F=await fetch(`/api/agents/archived/${r}/restore`,{method:"POST"});if(!F.ok){const me=await F.json().catch(()=>({}));window.alert(`Restore failed: ${me.error??F.status}`);return}await Q(),await le(),await pe()}catch(F){window.alert(`Network error: ${String(F)}`)}}else window.alert("Agent entry missing — delete only.")}else window.alert(`Cannot restore channel "${n}": no associated agent found.`)},[h,S,Q,le,pe]),Xe=l.useCallback(async t=>{if(window.confirm("Permanently delete this chat? All messages are erased. This cannot be undone."))try{const n=await fetch(`/api/chat/channels/${t}`,{method:"DELETE"});if(!n.ok){const r=await n.json().catch(()=>({}));window.alert(`Delete failed: ${r.error??n.status}`);return}w(r=>r.filter(c=>c.id!==t)),m===t&&E(null)}catch(n){window.alert(`Network error: ${String(n)}`)}},[m,le]),Ht=t=>{ve(t),B(null)},Jt=async(t,n)=>{try{await Js(t,n),ve(null)}catch(r){D(r.message)}},Wt=async t=>{if(B(null),!!window.confirm("Delete this message?"))try{await Ws(t)}catch(n){D(n.message)}},Kt=async t=>{if(B(null),!m)return;const n=`${window.location.origin}/chat/${m}?msg=${t}`;try{await navigator.clipboard.writeText(n)}catch{}},qt=async t=>{B(null);const n=ue.some(r=>r.id===t.id);try{if(n?await Hs(t.id):await yt(t.id),m){const r=await Me(m);re(r)}}catch(r){D(r.message)}},Vt=async t=>{if(B(null),!!m)try{await Ks(m,t)}catch(n){D(n.message)}},Yt=async t=>{try{if(await yt(t),m){const n=await Me(m);re(n)}}catch(n){D(n.message)}},_e={dm:d.filter(t=>t.type==="dm"),topic:d.filter(t=>t.type==="topic"),group:d.filter(t=>t.type==="group")},v=[...d,...h].find(t=>t.id===m),J=((Ze=v==null?void 0:v.settings)==null?void 0:Ze.archived)===!0,Qe=[{label:"Direct Messages",icon:e.jsx(ut,{size:13}),items:_e.dm},{label:"Topics",icon:e.jsx(ht,{size:13}),items:_e.topic},{label:"Groups",icon:e.jsx(Te,{size:13}),items:_e.group}],Gt=i?e.jsxs("div",{style:{padding:"8px 0 16px"},children:[e.jsx("div",{style:{padding:"0 20px 8px",fontSize:11,display:"flex",alignItems:"center",gap:6},children:z==="connected"?e.jsxs(e.Fragment,{children:[e.jsx(fe,{size:11,style:{color:"#34d399"}}),e.jsx("span",{style:{color:"rgba(52,211,153,0.8)"},children:"Connected"})]}):z==="connecting"?e.jsxs(e.Fragment,{children:[e.jsx(fe,{size:11,style:{color:"#fbbf24"}}),e.jsx("span",{style:{color:"rgba(251,191,36,0.8)"},children:"Connecting…"})]}):e.jsxs(e.Fragment,{children:[e.jsx(lt,{size:11,style:{color:"#f87171"}}),e.jsx("span",{style:{color:"rgba(248,113,113,0.8)"},children:"Offline"})]})}),Qe.map(t=>e.jsxs("div",{style:{marginBottom:20},children:[e.jsxs("div",{style:{fontSize:12,textTransform:"uppercase",letterSpacing:.5,color:"rgba(255,255,255,0.45)",padding:"0 20px 6px",fontWeight:600,display:"flex",alignItems:"center",gap:6},children:[t.icon," ",t.label]}),t.items.length===0?e.jsx("div",{style:{padding:"0 20px",fontSize:12,color:"rgba(255,255,255,0.2)",fontStyle:"italic"},children:"None yet"}):e.jsx("div",{style:{margin:"0 12px",borderRadius:16,background:"rgba(255,255,255,0.05)",border:"1px solid rgba(255,255,255,0.08)",overflow:"hidden"},children:t.items.map((n,r,c)=>e.jsxs("button",{type:"button",onClick:()=>E(n.id),"aria-label":`Channel ${n.name}`,style:{display:"flex",alignItems:"center",gap:10,width:"100%",padding:"14px 16px",background:m===n.id?"rgba(59,130,246,0.15)":"none",border:"none",borderBottom:r===c.length-1?"none":"1px solid rgba(255,255,255,0.06)",cursor:"pointer",color:"inherit",textAlign:"left"},children:[e.jsx("span",{style:{flex:1,fontSize:15,fontWeight:400,color:"rgba(255,255,255,0.9)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:n.name}),(p[n.id]??0)>0&&e.jsx("span",{style:{background:"#3b82f6",color:"#fff",fontSize:10,fontWeight:700,borderRadius:9999,minWidth:18,height:18,display:"flex",alignItems:"center",justifyContent:"center",padding:"0 4px"},children:p[n.id]}),e.jsx($e,{size:16,style:{color:"rgba(255,255,255,0.25)",flexShrink:0}})]},n.id))})]},t.label)),h.length>0&&e.jsxs("div",{style:{marginBottom:20},children:[e.jsxs("button",{type:"button",onClick:()=>b(t=>!t),"aria-expanded":k,"aria-controls":"archived-channels-mobile",style:{fontSize:12,textTransform:"uppercase",letterSpacing:.5,color:"rgba(255,255,255,0.35)",padding:"0 20px 6px",fontWeight:600,display:"flex",alignItems:"center",gap:6,background:"none",border:"none",cursor:"pointer",width:"100%"},children:[e.jsx($e,{size:12,style:{transition:"transform 0.15s",transform:k?"rotate(90deg)":"none",color:"rgba(255,255,255,0.3)"},"aria-hidden":"true"}),e.jsx(oe,{size:12,"aria-hidden":"true"}),"Archived (",h.length,")"]}),e.jsx("div",{id:"archived-channels-mobile",style:{display:k?"block":"none"},children:e.jsx("div",{style:{margin:"0 12px",borderRadius:16,background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.06)",overflow:"hidden"},children:h.map((t,n,r)=>{var y;const c=(y=t.settings)==null?void 0:y.archived_agent_id,g=c?S.some($=>$.id===c):!1;return e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,borderBottom:n===r.length-1?"none":"1px solid rgba(255,255,255,0.04)",opacity:.6},children:[e.jsxs("button",{type:"button",onClick:()=>E(t.id),"aria-label":`Archived channel ${t.name}`,style:{flex:1,display:"flex",alignItems:"center",gap:8,padding:"12px 8px 12px 16px",background:m===t.id?"rgba(59,130,246,0.12)":"none",border:"none",cursor:"pointer",color:"inherit",textAlign:"left",minWidth:0},children:[e.jsx(oe,{size:11,"aria-hidden":"true",style:{color:"rgba(255,255,255,0.4)",flexShrink:0}}),e.jsx("span",{style:{flex:1,fontSize:14,color:"rgba(255,255,255,0.7)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.name})]}),e.jsxs("div",{style:{display:"flex",gap:2,paddingRight:8},children:[e.jsx("button",{type:"button",onClick:()=>Ge(t.id,t.name),disabled:!g,"aria-label":`Restore archived channel ${t.name}`,title:g?"Restore agent":"Agent entry missing — delete only",style:{background:"none",border:"none",cursor:g?"pointer":"not-allowed",color:g?"rgba(52,211,153,0.7)":"rgba(255,255,255,0.2)",padding:"6px"},children:e.jsx(ot,{size:13,"aria-hidden":"true"})}),e.jsx("button",{type:"button",onClick:()=>Xe(t.id),"aria-label":`Permanently delete archived channel ${t.name}`,title:"Delete permanently",style:{background:"none",border:"none",cursor:"pointer",color:"rgba(248,113,113,0.7)",padding:"6px"},children:e.jsx(ct,{size:13,"aria-hidden":"true"})})]})]},t.id)})})})]})]}):e.jsxs("div",{className:"w-full flex flex-col h-full",children:[e.jsx("div",{className:"px-3 py-1.5 text-[11px] flex items-center gap-1.5",children:z==="connected"?e.jsxs(e.Fragment,{children:[e.jsx(fe,{size:11,className:"text-emerald-400"}),e.jsx("span",{className:"text-emerald-400/80",children:"Connected"})]}):z==="connecting"?e.jsxs(e.Fragment,{children:[e.jsx(fe,{size:11,className:"text-amber-400 animate-pulse"}),e.jsx("span",{className:"text-amber-400/80",children:"Connecting..."})]}):e.jsxs(e.Fragment,{children:[e.jsx(lt,{size:11,className:"text-red-400"}),e.jsx("span",{className:"text-red-400/80",children:"Offline"})]})}),e.jsxs("div",{className:"flex-1 overflow-y-auto py-1",children:[Qe.map(t=>e.jsxs("div",{children:[e.jsxs("div",{className:"px-3 pt-3 pb-1 text-[10px] font-semibold uppercase tracking-wider text-white/30 flex items-center gap-1.5",children:[t.icon," ",t.label]}),t.items.length===0&&e.jsx("div",{className:"px-3 py-1 text-[11px] text-white/20 italic",children:"None yet"}),t.items.map(n=>e.jsxs(U,{variant:m===n.id?"secondary":"ghost",onClick:()=>E(n.id),className:"w-full justify-start h-auto py-1.5 px-3 text-[13px] rounded-none font-normal","aria-label":`Channel ${n.name}`,children:[e.jsx("span",{className:"truncate flex-1 text-left",children:n.name}),(p[n.id]??0)>0&&e.jsx("span",{className:"shrink-0 bg-blue-500 text-white text-[10px] font-bold rounded-full min-w-[18px] h-[18px] flex items-center justify-center px-1",children:p[n.id]})]},n.id))]},t.label)),h.length>0&&e.jsxs("div",{className:"mt-2",children:[e.jsxs("button",{type:"button",onClick:()=>b(t=>!t),className:"flex items-center gap-1.5 px-3 pt-2 pb-1 text-[10px] font-semibold uppercase tracking-wider text-white/25 hover:text-white/40 transition-colors w-full text-left","aria-expanded":k,"aria-controls":"archived-channels-desktop",children:[e.jsx($e,{size:11,className:`transition-transform ${k?"rotate-90":""}`,"aria-hidden":"true"}),e.jsx(oe,{size:11,"aria-hidden":"true"}),"Archived (",h.length,")"]}),e.jsx("div",{id:"archived-channels-desktop",className:k?"":"hidden",children:h.map(t=>{var c;const n=(c=t.settings)==null?void 0:c.archived_agent_id,r=n?S.some(g=>g.id===n):!1;return e.jsxs("div",{className:"group relative flex items-center opacity-60 hover:opacity-80 transition-opacity",children:[e.jsxs(U,{variant:m===t.id?"secondary":"ghost",onClick:()=>E(t.id),className:"flex-1 justify-start h-auto py-1.5 pl-3 pr-1 text-[13px] rounded-none font-normal min-w-0","aria-label":`Archived channel ${t.name}`,children:[e.jsx(oe,{size:11,className:"shrink-0 mr-1.5 text-white/40","aria-hidden":"true"}),e.jsx("span",{className:"truncate flex-1 text-left",children:t.name})]}),e.jsxs("div",{className:"hidden group-hover:flex items-center shrink-0 pr-1",children:[e.jsx("button",{type:"button",onClick:()=>Ge(t.id,t.name),disabled:!r,"aria-label":`Restore archived channel ${t.name}`,title:r?"Restore agent":"Agent entry missing — delete only",className:`p-1 rounded transition-colors ${r?"text-white/30 hover:text-emerald-400 hover:bg-emerald-500/10 cursor-pointer":"text-white/15 cursor-not-allowed"}`,children:e.jsx(ot,{size:12,"aria-hidden":"true"})}),e.jsx("button",{type:"button",onClick:()=>Xe(t.id),"aria-label":`Permanently delete archived channel ${t.name}`,title:"Delete permanently",className:"p-1 rounded text-white/30 hover:text-red-400 hover:bg-red-500/10 transition-colors cursor-pointer",children:e.jsx(ct,{size:12,"aria-hidden":"true"})})]})]},t.id)})})]})]})]}),Xt=e.jsx("div",{className:"flex-1 flex flex-col min-w-0 h-full",children:m?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"px-4 py-2.5 border-b border-white/[0.06] flex items-center gap-3 shrink-0",children:[(v==null?void 0:v.type)==="topic"?e.jsx(ht,{size:16,className:"text-white/40"}):(v==null?void 0:v.type)==="group"?e.jsx(Te,{size:16,className:"text-white/40"}):e.jsx(ut,{size:16,className:"text-white/40"}),(()=>{if((v==null?void 0:v.type)!=="dm")return null;const t=(v.members??[]).find(r=>r!=="user");if(!t)return null;const n=j.find(r=>r.name===t);return n?e.jsx("span",{className:"text-base leading-none shrink-0","aria-hidden":"true",children:it(n.emoji,n.framework)}):null})(),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"text-sm font-medium truncate flex items-center gap-1",children:[(v==null?void 0:v.name)??"Unknown",v&&v.type!=="dm"&&e.jsx("button",{"aria-label":"Channel settings",onClick:It,className:"ml-1 opacity-60 hover:opacity-100",children:"ⓘ"}),e.jsx("a",{"aria-label":"Open chat guide",href:"https://github.com/jaylfc/tinyagentos/blob/master/docs/chat-guide.md",target:"_blank",rel:"noreferrer",className:"ml-1 opacity-60 hover:opacity-100 text-[12px]",children:"?"}),e.jsxs("div",{className:"relative",children:[e.jsx(Us,{count:ue.length,onClick:()=>ke(t=>!t)}),Mt&&e.jsx(Fs,{pins:ue,onJumpTo:t=>{ke(!1);const n=document.querySelector(`[data-message-id="${t}"]`);n&&(n.scrollIntoView({behavior:"smooth",block:"center"}),n.classList.add("data-highlight"),setTimeout(()=>n.classList.remove("data-highlight"),2e3))},onClose:()=>ke(!1)})]})]}),(v==null?void 0:v.description)&&e.jsx("div",{className:"text-[11px] text-white/35 truncate",children:v.description})]}),(v==null?void 0:v.members)&&e.jsxs("div",{className:"text-[11px] text-white/30 flex items-center gap-1",children:[e.jsx(Te,{size:12})," ",v.members.length]})]}),e.jsxs("div",{ref:Fe,onScroll:Dt,className:"flex-1 overflow-y-auto px-4 py-3 space-y-0.5",style:i&&o>0?{paddingBottom:`${o+60}px`}:void 0,onDragOver:t=>t.preventDefault(),onDrop:t=>{t.preventDefault();for(const n of Array.from(t.dataTransfer.files)){const r=Math.random().toString(36).slice(2);L(c=>[...c,{id:r,filename:n.name,size:n.size,uploading:!0}]),Ae(n,m??void 0).then(c=>L(g=>g.map(y=>y.id===r?{...y,record:c,uploading:!1}:y))).catch(c=>L(g=>g.map(y=>y.id===r?{...y,uploading:!1,error:c.message}:y)))}},children:[_.length===0&&e.jsx("div",{className:"flex items-center justify-center h-full text-white/20 text-sm",children:"No messages yet. Say something!"}),_.map((t,n)=>{var F,me,st,nt;const r=t.author_type==="agent",c=n>0?_[n-1]:void 0,g=!c||c.author_id!==t.author_id,y=qs(t.author_id,t.author_type,j,S),$=r&&y!=="active",P=y==="archived"?"Agent no longer active":y==="removed"?"Agent removed":void 0;return e.jsxs("div",{"data-message-id":t.id,className:`group relative px-3 py-1 rounded-md transition-colors hover:bg-white/[0.03] ${r&&!$?"bg-blue-500/[0.04]":""} ${g?"mt-3":""}`,onMouseEnter:()=>Le(t.id),onMouseLeave:()=>Le(M=>M===t.id?null:M),children:[g&&e.jsxs("div",{className:"flex items-center gap-2 mb-0.5",onContextMenu:M=>{t.author_type==="agent"&&(M.preventDefault(),ne({slug:t.author_id,x:M.clientX,y:M.clientY}))},children:[r&&!$&&(()=>{const M=j.find(Z=>Z.name===t.author_id);return M?e.jsx("span",{className:"text-[14px] leading-none","aria-hidden":"true",children:it(M.emoji,M.framework)}):null})(),e.jsx("span",{className:`text-[13px] font-semibold ${$?"line-through text-white/35":r?"text-blue-400":"text-white/90"}`,style:$?{opacity:.55}:void 0,title:P,children:t.author_id}),r&&!$&&e.jsxs("span",{className:"text-[10px] bg-blue-500/20 text-blue-300 px-1.5 py-0.5 rounded font-medium flex items-center gap-0.5",children:[e.jsx(pt,{size:10,"aria-hidden":"true"})," Agent"]}),$&&e.jsxs("span",{className:"text-[10px] bg-zinc-500/20 text-zinc-500 px-1.5 py-0.5 rounded font-medium flex items-center gap-0.5",children:[e.jsx(pt,{size:10,"aria-hidden":"true"}),y==="archived"?"inactive":"removed"]}),e.jsx("span",{className:`text-[11px] ${$?"text-white/15":"text-white/25"}`,children:Vs(t.created_at)}),t.edited_at&&e.jsx("span",{className:"text-[10px] text-white/20",children:"(edited)"})]}),t.deleted_at?e.jsx(Is,{}):At===t.id?e.jsx(Ls,{initial:t.content,onSave:M=>Jt(t.id,M),onCancel:()=>ve(null)}):e.jsxs("div",{className:`text-[13px] leading-relaxed whitespace-pre-wrap break-words ${$?"text-white/45":"text-white/80"}`,children:[Ys(t.content),t.state==="pending"&&e.jsx("span",{className:"ml-1 text-white/30",children:"..."}),t.state==="streaming"&&e.jsxs("span",{className:"ml-1 inline-flex gap-0.5",children:[e.jsx("span",{className:"w-1 h-1 bg-blue-400 rounded-full animate-bounce [animation-delay:0ms]"}),e.jsx("span",{className:"w-1 h-1 bg-blue-400 rounded-full animate-bounce [animation-delay:150ms]"}),e.jsx("span",{className:"w-1 h-1 bg-blue-400 rounded-full animate-bounce [animation-delay:300ms]"})]}),t.state==="error"&&e.jsx("span",{className:"ml-1 text-red-400 text-[11px]",children:"(error)"})]}),((F=t.metadata)==null?void 0:F.pin_requested)&&t.author_type==="agent"&&e.jsx(Bs,{authorId:t.author_id,onApprove:()=>Yt(t.id)}),t.content_type==="canvas"&&(((me=t.metadata)==null?void 0:me.canvas_url)||((st=t.metadata)==null?void 0:st.canvas_id))&&e.jsx("div",{className:"mt-2",children:e.jsxs(U,{size:"sm",variant:"outline",onClick:()=>{var Z,at,rt;const M=((Z=t.metadata)==null?void 0:Z.canvas_url)??`/canvas/${(at=t.metadata)==null?void 0:at.canvas_id}`;ye({url:M,title:(rt=t.metadata)==null?void 0:rt.canvas_title})},className:"h-7 px-2.5 text-[12px] gap-1.5 bg-white/[0.04] border-white/10 hover:bg-white/[0.08]","aria-label":"View canvas",children:[e.jsx(mt,{size:13}),"View Canvas",(nt=t.metadata)!=null&&nt.canvas_title?`: ${t.metadata.canvas_title}`:""]})}),t.reactions&&Object.keys(t.reactions).length>0&&e.jsx("div",{className:"flex flex-wrap gap-1 mt-1",children:Object.entries(t.reactions).map(([M,Z])=>e.jsxs("button",{onClick:()=>Ve(t.id,M),className:"text-[12px] bg-white/[0.06] hover:bg-white/10 border border-white/[0.06] rounded-full px-2 py-0.5 flex items-center gap-1 transition-colors",children:[e.jsx("span",{children:M}),e.jsx("span",{className:"text-white/40",children:Z.length})]},M))}),(i||Tt===t.id)&&e.jsx("div",{className:"absolute top-0 right-2 -translate-y-1/2 z-10",children:e.jsx(ks,{onReact:()=>Pe(ze===t.id?null:t.id),onReplyInThread:()=>Ke(t.channel_id??m??"",t.id),onOverflow:M=>{M.preventDefault(),B({messageId:t.id,x:M.clientX,y:M.clientY})}})}),e.jsx($s,{attachments:t.attachments||[]}),typeof t.reply_count=="number"&&t.reply_count>0&&e.jsx(Ns,{replyCount:t.reply_count,lastReplyAt:t.last_reply_at??null,onOpen:()=>Ke(t.channel_id??m??"",t.id)}),ze===t.id&&e.jsx("div",{className:"absolute right-2 top-5 bg-zinc-800 border border-white/10 rounded-lg shadow-xl p-2 flex gap-1 z-10",children:Gs.map(M=>e.jsx("button",{onClick:()=>Ve(t.id,M),className:"text-lg hover:bg-white/10 rounded p-0.5 transition-colors",children:M},M))})]},t.id)}),e.jsx("div",{ref:Ue})]}),e.jsx(ys,{humans:_t,agents:$t,selfId:"user"}),J&&e.jsxs("div",{className:"mx-4 mb-2 px-3 py-2 rounded-lg bg-amber-500/10 border border-amber-500/20 text-[12px] text-amber-400/80 flex items-center gap-2 shrink-0",role:"status",children:[e.jsx(oe,{size:13,"aria-hidden":"true"}),"This chat is archived. The agent is no longer active."]}),se&&e.jsxs("div",{className:"mx-4 mb-1 px-3 py-2 rounded-lg bg-blue-500/10 border border-blue-500/20 text-[12px] text-blue-300/90 flex items-center gap-2 shrink-0",role:"status","aria-label":`Composer prefilled from prompt: ${se.promptName}`,children:[e.jsxs("span",{className:"flex-1 truncate",children:["Prefilled from: ",se.promptName,se.agentName?` for ${se.agentName}`:""," — edit and send"]}),e.jsx("button",{onClick:()=>{Re(null),u("")},className:"shrink-0 p-0.5 rounded hover:bg-white/10 transition-colors","aria-label":"Dismiss prefill",children:e.jsx(ge,{size:12,"aria-hidden":"true"})})]}),Oe&&e.jsx("div",{role:"alert",className:"text-xs text-red-300 bg-red-500/10 border border-red-500/30 rounded px-3 py-1 mx-4",children:Oe}),e.jsx(Es,{items:G,onRemove:t=>L(n=>n.filter(r=>r.id!==t)),onRetry:t=>{L(n=>n.map(r=>r.id===t?{...r,uploading:!1,error:"retry not yet supported — remove and re-add"}:r))}}),e.jsx("div",{className:"px-4 py-3 border-t border-white/[0.06] shrink-0",style:i?{paddingBottom:`max(env(safe-area-inset-bottom), ${o}px)`}:void 0,children:e.jsxs("div",{className:"relative",children:[We&&e.jsx(fs,{commands:Ct,queryAfterSlash:Lt,members:(v==null?void 0:v.members)||[],onPick:(t,n)=>{u(`@${t} /${n} `)},onClose:()=>{}}),e.jsxs("div",{className:`flex items-end gap-2 rounded-xl border px-2 py-1.5 ${J?"bg-white/[0.02] border-white/[0.04] opacity-50":"bg-white/[0.06] border-white/[0.08]"}`,children:[e.jsx(U,{variant:"ghost",size:"icon",onClick:Bt,className:"h-8 w-8 shrink-0 mb-0.5","aria-label":"Upload file",disabled:J,children:e.jsx(os,{size:16})}),e.jsx(ts,{ref:I,value:N,onChange:t=>!J&&Ut(t.target.value),onKeyDown:t=>!J&&Ft(t),onPaste:t=>{if(!t.clipboardData)return;const n=Array.from(t.clipboardData.files).filter(r=>r.type.startsWith("image/"));if(n.length!==0){t.preventDefault();for(const r of n){const c=Math.random().toString(36).slice(2);L(g=>[...g,{id:c,filename:r.name||"pasted.png",size:r.size,uploading:!0}]),Ae(r,m??void 0).then(g=>L(y=>y.map($=>$.id===c?{...$,record:g,uploading:!1}:$))).catch(g=>L(y=>y.map($=>$.id===c?{...$,uploading:!1,error:g.message}:$)))}}},placeholder:J?"This chat is archived":`Message #${(v==null?void 0:v.name)??""}...`,rows:1,disabled:J,className:"flex-1 bg-transparent border-0 px-1 py-1.5 min-h-0 text-[13px] focus-visible:ring-0 focus-visible:border-0 max-h-[120px] disabled:cursor-not-allowed","aria-label":"Message input"}),e.jsx(U,{size:"icon",onClick:qe,disabled:!N.trim()&&G.length===0||J||G.some(t=>t.uploading),className:"h-8 w-8 shrink-0 mb-0.5","aria-label":"Send message",children:e.jsx(cs,{size:15})})]})]})})]}):e.jsx("div",{className:"flex-1 flex items-center justify-center text-white/20",children:e.jsxs("div",{className:"text-center",children:[e.jsx(dt,{size:48,className:"mx-auto mb-3 opacity-30"}),e.jsx("p",{className:"text-sm",children:"Select a channel to start chatting"})]})})}),Qt=!i||m===null;return e.jsxs("div",{className:"flex flex-col h-full bg-shell-base text-white overflow-hidden",children:[Qt&&e.jsx("div",{className:"relative flex items-center px-3 py-2.5 border-b border-white/[0.06] shrink-0",children:a?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none",children:e.jsx("span",{className:"text-sm font-semibold text-white/90",children:a})}),e.jsx("div",{className:"ml-auto",children:e.jsx(U,{variant:"ghost",size:"icon",onClick:()=>Y(!0),className:"h-7 w-7","aria-label":"New channel",children:e.jsx(xt,{size:15})})})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm font-medium text-white/80",children:[e.jsx(dt,{size:15}),!i&&"Messages"]}),e.jsx(U,{variant:"ghost",size:"icon",onClick:()=>Y(!0),className:"h-7 w-7 ml-auto","aria-label":"New channel",children:e.jsx(xt,{size:15})})]})}),e.jsx("div",{className:"flex-1 min-h-0 overflow-hidden",children:e.jsx(is,{selectedId:m,onBack:()=>E(null),listTitle:"Messages",detailTitle:v==null?void 0:v.name,listWidth:240,list:Gt,detail:Xt})}),he&&(()=>{const t=_.find(r=>r.id===he.messageId);if(!t)return null;const n=e.jsx(Rs,{isOwn:t.author_id===zt,isHuman:!0,isPinned:ue.some(r=>r.id===t.id),onEdit:()=>Ht(t.id),onDelete:()=>Wt(t.id),onCopyLink:()=>Kt(t.id),onPin:()=>qt(t),onMarkUnread:()=>Vt(t.id),onClose:()=>B(null)});return i?e.jsx(Os,{open:!0,onClose:()=>B(null),children:n}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-40",onClick:()=>B(null)}),e.jsx("div",{className:"fixed z-50",style:{top:he.y,left:he.x},children:n})]})})(),St&&v&&e.jsx(ms,{channel:{id:v.id,name:v.name,type:v.type,topic:v.topic??"",members:v.members??[],settings:v.settings??{}},knownAgents:j.map(t=>({name:t.name})),onClose:()=>we(!1),onChanged:()=>{Q()}}),ie&&e.jsx(Cs,{channelId:ie.channelId,parentId:ie.parentId,onClose:Ie,isFullscreen:i,onSend:async(t,n)=>{const r=await fetch("/api/chat/messages",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({channel_id:ie.channelId,author_id:"user",author_type:"user",content:t,content_type:"text",thread_id:ie.parentId,attachments:n})});if(!r.ok){const c=await r.json().catch(()=>({}));throw new Error(c.error||`HTTP ${r.status}`)}}}),K&&e.jsx(xs,{slug:K.slug,channelId:m??void 0,channelType:v==null?void 0:v.type,isMuted:((tt=(et=v==null?void 0:v.settings)==null?void 0:et.muted)==null?void 0:tt.includes(K.slug))??!1,x:K.x,y:K.y,onClose:()=>ne(null),onDm:async t=>{const n=d.find(r=>r.type==="dm"&&(r.members||[]).length===2&&(r.members||[]).includes("user")&&(r.members||[]).includes(t));if(n)E(n.id);else{const r=await fetch("/api/chat/channels",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:t,type:"dm",members:["user",t],description:"",topic:""})});if(r.ok){const c=await r.json();await Q(),E(c.id)}}ne(null)},onViewInfo:t=>{const n=j.find(r=>r.name===t);n&&De({slug:t,framework:n.framework||"unknown",model:n.model||"unknown",status:n.status||"unknown",x:K.x,y:K.y}),ne(null)},onJumpToSettings:t=>{window.dispatchEvent(new CustomEvent("taos:open-agent",{detail:{slug:t}})),ne(null)}}),H&&e.jsxs("div",{role:"dialog","aria-label":`Agent info for @${H.slug}`,className:"fixed z-50 bg-shell-surface border border-white/10 rounded-lg shadow-xl p-3 text-xs min-w-[200px]",style:{top:H.y,left:H.x},onMouseLeave:()=>De(null),children:[e.jsxs("div",{className:"font-semibold text-sm mb-1",children:["@",H.slug]}),e.jsxs("div",{className:"opacity-70",children:["Framework: ",H.framework]}),e.jsxs("div",{className:"opacity-70",children:["Model: ",H.model]}),e.jsxs("div",{className:"opacity-70",children:["Status: ",H.status]})]}),be&&e.jsx("div",{className:"fixed inset-0 z-[10002] flex items-center justify-center bg-black/60 backdrop-blur-sm",onClick:()=>ye(null),role:"dialog","aria-modal":"true","aria-label":"Canvas viewer",children:e.jsxs("div",{className:"w-[90vw] h-[85vh] max-w-5xl rounded-xl border border-white/10 overflow-hidden bg-zinc-900 flex flex-col",onClick:t=>t.stopPropagation(),children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-2 border-b border-white/10 shrink-0",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm text-white/80",children:[e.jsx(mt,{size:14}),e.jsx("span",{children:be.title??"Canvas"})]}),e.jsx(U,{variant:"ghost",size:"icon",onClick:()=>ye(null),className:"h-7 w-7","aria-label":"Close canvas viewer",children:e.jsx(ge,{size:14})})]}),e.jsx("iframe",{src:be.url,className:"flex-1 w-full border-none bg-white",title:"Canvas"})]})}),Nt&&(i?e.jsx("div",{className:"fixed inset-0 z-50",onClick:()=>Y(!1),role:"dialog","aria-modal":"true","aria-label":"New channel",children:e.jsxs("div",{className:"absolute bottom-0 left-0 right-0 bg-zinc-900 border-t border-white/[0.08] rounded-t-2xl p-4 space-y-3",onClick:t=>t.stopPropagation(),children:[e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsx("span",{className:"text-sm font-semibold",children:"New Channel"}),e.jsx(U,{variant:"ghost",size:"icon",onClick:()=>Y(!1),className:"h-7 w-7","aria-label":"Close",children:e.jsx(ge,{size:15})})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(ee,{htmlFor:"new-channel-name-mobile",className:"block uppercase tracking-wider",children:"Name"}),e.jsx(xe,{id:"new-channel-name-mobile",value:O.name,onChange:t=>W(n=>({...n,name:t.target.value})),placeholder:"general","aria-label":"Channel name"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(ee,{htmlFor:"new-channel-type-mobile",className:"block uppercase tracking-wider",children:"Type"}),e.jsxs("select",{id:"new-channel-type-mobile",value:O.type,onChange:t=>W(n=>({...n,type:t.target.value})),className:"w-full bg-white/[0.06] border border-white/10 rounded-lg px-3 py-2 text-sm text-white outline-none focus:border-blue-500/50","aria-label":"Channel type",children:[e.jsx("option",{value:"topic",children:"Topic"}),e.jsx("option",{value:"group",children:"Group"})]})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(ee,{htmlFor:"new-channel-description-mobile",className:"block uppercase tracking-wider",children:"Description"}),e.jsx(xe,{id:"new-channel-description-mobile",value:O.description,onChange:t=>W(n=>({...n,description:t.target.value})),placeholder:"What's this channel about?","aria-label":"Channel description"})]}),e.jsx(U,{onClick:Ye,disabled:!O.name.trim(),className:"w-full",children:"Create Channel"})]})}):e.jsx("div",{className:"absolute inset-0 bg-black/60 flex items-center justify-center z-50 p-4",children:e.jsxs(ss,{className:"w-full max-w-[380px] max-h-full flex flex-col shadow-2xl bg-zinc-900",children:[e.jsxs(ns,{className:"flex flex-row items-center justify-between gap-2 p-0 px-4 py-3 border-b border-white/[0.06]",children:[e.jsx(as,{className:"text-sm font-medium",children:"New Channel"}),e.jsx(U,{variant:"ghost",size:"icon",onClick:()=>Y(!1),className:"h-7 w-7","aria-label":"Close",children:e.jsx(ge,{size:15})})]}),e.jsxs(rs,{className:"p-4 pt-4 space-y-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(ee,{htmlFor:"new-channel-name",className:"block uppercase tracking-wider",children:"Name"}),e.jsx(xe,{id:"new-channel-name",value:O.name,onChange:t=>W(n=>({...n,name:t.target.value})),placeholder:"general","aria-label":"Channel name"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(ee,{htmlFor:"new-channel-type",className:"block uppercase tracking-wider",children:"Type"}),e.jsxs("select",{id:"new-channel-type",value:O.type,onChange:t=>W(n=>({...n,type:t.target.value})),className:"w-full bg-white/[0.06] border border-white/10 rounded-lg px-3 py-2 text-sm text-white outline-none focus:border-blue-500/50","aria-label":"Channel type",children:[e.jsx("option",{value:"topic",children:"Topic"}),e.jsx("option",{value:"group",children:"Group"})]})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(ee,{htmlFor:"new-channel-description",className:"block uppercase tracking-wider",children:"Description"}),e.jsx(xe,{id:"new-channel-description",value:O.description,onChange:t=>W(n=>({...n,description:t.target.value})),placeholder:"What's this channel about?","aria-label":"Channel description"})]}),e.jsx(U,{onClick:Ye,disabled:!O.name.trim(),className:"w-full",children:"Create Channel"})]})]})}))]})}export{rn as MessagesApp,qs as resolveAuthorDisplayState};
diff --git a/static/desktop/assets/MessagesApp-BkrxHSyC.js b/static/desktop/assets/MessagesApp-BkrxHSyC.js
deleted file mode 100644
index 3a0ed8db..00000000
--- a/static/desktop/assets/MessagesApp-BkrxHSyC.js
+++ /dev/null
@@ -1 +0,0 @@
-import{r as o,j as e,p as Xt,b as Yt}from"./vendor-react-l6srOxy7.js";import{B as F,r as rt,T as Zt,L as Z,I as xe,C as es,a as ts,b as ss,c as ns}from"./toolbar-UW6q5pkx.js";import{M as as}from"./MobileSplitView-CtNEF6zb.js";import{u as is}from"./use-is-mobile-v5lglusa.js";import{W as fe,z as lt,D as Te,E as le,R as ot,y as ct,G as dt,J as ht,U as Ee,K as ut,v as pt,N as mt,X as ge,O as rs,Q as ls,g as xt}from"./vendor-icons-wm645Jsx.js";import"./vendor-radix-BhM7AEEG.js";import"./vendor-layout-B-pp9n1f.js";async function os(s){try{return await s.json()}catch{return null}}async function ce(s){if(s.ok)return;const a=await os(s);throw new Error((a==null?void 0:a.error)||`HTTP ${s.status}`)}async function cs(s,a){const r=await fetch(`/api/chat/channels/${encodeURIComponent(s)}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)});await ce(r)}async function ds(s,a){const r=await fetch(`/api/chat/channels/${encodeURIComponent(s)}/members`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"add",slug:a})});await ce(r)}async function yt(s,a){const r=await fetch(`/api/chat/channels/${encodeURIComponent(s)}/members`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"remove",slug:a})});await ce(r)}async function wt(s,a){const r=await fetch(`/api/chat/channels/${encodeURIComponent(s)}/muted`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"add",slug:a})});await ce(r)}async function jt(s,a){const r=await fetch(`/api/chat/channels/${encodeURIComponent(s)}/muted`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"remove",slug:a})});await ce(r)}function hs({channel:s,knownAgents:a,onClose:r,onChanged:l}){const[d,u]=o.useState(s.name),[p,g]=o.useState(s.topic||""),[k,v]=o.useState(s.settings.response_mode??"quiet"),[S,y]=o.useState(s.settings.max_hops??3),[E,m]=o.useState(s.settings.cooldown_seconds??5),[A,_]=o.useState(null);o.useEffect(()=>{u(s.name),g(s.topic||""),v(s.settings.response_mode??"quiet"),y(s.settings.max_hops??3),m(s.settings.cooldown_seconds??5)},[s]);const $=async(b,z)=>{_(null);try{await cs(s.id,b),l()}catch(de){z(),_(de instanceof Error?de.message:"failed")}},C=s.members||[],h=s.settings.muted||[],N=a.map(b=>b.name).filter(b=>!C.includes(b)),j=C.filter(b=>b!=="user"&&!h.includes(b));return e.jsxs("aside",{role:"complementary","aria-label":"Channel settings",className:"fixed top-0 right-0 h-full w-[360px] bg-shell-surface border-l border-white/10 shadow-xl flex flex-col z-40",children:[e.jsxs("header",{className:"flex items-center justify-between px-4 py-3 border-b border-white/10",children:[e.jsx("h2",{className:"text-sm font-semibold",children:"Channel settings"}),e.jsx("button",{onClick:r,"aria-label":"Close",className:"text-lg leading-none",children:"×"})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto px-4 py-4 flex flex-col gap-5 text-sm",children:[e.jsxs("section",{"aria-label":"Overview",className:"flex flex-col gap-3",children:[e.jsx("h3",{className:"text-xs uppercase tracking-wider text-shell-text-tertiary",children:"Overview"}),e.jsxs("label",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"text-xs text-shell-text-secondary",children:"Name"}),e.jsx("input",{value:d,maxLength:100,onChange:b=>u(b.target.value),onBlur:()=>d!==s.name&&$({name:d},()=>u(s.name)),className:"bg-white/5 border border-white/10 rounded px-2 py-1.5 text-sm"})]}),e.jsxs("label",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"text-xs text-shell-text-secondary",children:"Topic"}),e.jsx("textarea",{value:p,maxLength:500,rows:3,onChange:b=>g(b.target.value),onBlur:()=>p!==(s.topic||"")&&$({topic:p},()=>g(s.topic||"")),className:"bg-white/5 border border-white/10 rounded px-2 py-1.5 text-sm resize-none"})]}),e.jsxs("div",{className:"text-[11px] text-shell-text-tertiary",children:["Type: ",e.jsx("span",{className:"uppercase tracking-wide",children:s.type})]})]}),e.jsxs("section",{"aria-label":"Members",className:"flex flex-col gap-2",children:[e.jsx("h3",{className:"text-xs uppercase tracking-wider text-shell-text-tertiary",children:"Members"}),e.jsx("ul",{className:"flex flex-col gap-1",children:C.map(b=>e.jsxs("li",{className:"flex items-center justify-between px-2 py-1 rounded hover:bg-white/5",children:[e.jsxs("span",{children:["@",b]}),b!=="user"&&e.jsx("button",{className:"text-xs text-red-300 hover:text-red-200",onClick:async()=>{try{await yt(s.id,b),l()}catch(z){_(z instanceof Error?z.message:"failed")}},children:"Remove"})]},b))}),N.length>0&&e.jsx(ft,{label:"Add agent",options:N,onPick:async b=>{try{await ds(s.id,b),l()}catch(z){_(z instanceof Error?z.message:"failed")}}})]}),e.jsxs("section",{"aria-label":"Moderation",className:"flex flex-col gap-3",children:[e.jsx("h3",{className:"text-xs uppercase tracking-wider text-shell-text-tertiary",children:"Moderation"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-shell-text-secondary",children:"Mode:"}),e.jsx("button",{className:`px-2 py-1 rounded text-xs ${k==="quiet"?"bg-sky-500/30 text-sky-200":"bg-white/5"}`,onClick:()=>$({response_mode:"quiet"},()=>v(k)),children:"quiet"}),e.jsx("button",{className:`px-2 py-1 rounded text-xs ${k==="lively"?"bg-emerald-500/30 text-emerald-200":"bg-white/5"}`,onClick:()=>$({response_mode:"lively"},()=>v(k)),children:"lively"})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"text-xs text-shell-text-secondary",children:"Muted"}),e.jsxs("div",{className:"flex flex-wrap gap-1",children:[h.map(b=>e.jsxs("span",{className:"inline-flex items-center gap-1 bg-white/5 rounded px-2 py-0.5 text-xs",children:["@",b,e.jsx("button",{"aria-label":`Unmute ${b}`,onClick:async()=>{try{await jt(s.id,b),l()}catch(z){_(z instanceof Error?z.message:"failed")}},children:"×"})]},b)),h.length===0&&e.jsx("span",{className:"text-[11px] text-shell-text-tertiary",children:"none"})]}),j.length>0&&e.jsx(ft,{label:"Mute agent",options:j,onPick:async b=>{try{await wt(s.id,b),l()}catch(z){_(z instanceof Error?z.message:"failed")}}})]})]}),e.jsxs("section",{"aria-label":"Advanced",className:"flex flex-col gap-3",children:[e.jsx("h3",{className:"text-xs uppercase tracking-wider text-shell-text-tertiary",children:"Advanced"}),e.jsxs("label",{className:"flex flex-col gap-1",children:[e.jsxs("span",{className:"text-xs text-shell-text-secondary",children:["Max hops: ",S]}),e.jsx("input",{type:"range",min:1,max:10,value:S,onChange:b=>y(Number(b.target.value)),onMouseUp:()=>$({max_hops:S},()=>y(s.settings.max_hops??3))})]}),e.jsxs("label",{className:"flex flex-col gap-1",children:[e.jsxs("span",{className:"text-xs text-shell-text-secondary",children:["Cooldown: ",E,"s"]}),e.jsx("input",{type:"range",min:0,max:60,value:E,onChange:b=>m(Number(b.target.value)),onMouseUp:()=>$({cooldown_seconds:E},()=>m(s.settings.cooldown_seconds??5))})]})]}),A&&e.jsx("div",{role:"alert",className:"text-xs text-red-300 bg-red-500/10 border border-red-500/30 rounded px-2 py-1",children:A})]})]})}function ft({label:s,options:a,onPick:r}){return e.jsxs("select",{"aria-label":s,defaultValue:"",onChange:l=>{l.target.value&&(r(l.target.value),l.target.value="")},className:"bg-white/5 border border-white/10 rounded px-2 py-1 text-xs",children:[e.jsxs("option",{value:"",disabled:!0,children:[s,"…"]}),a.map(l=>e.jsxs("option",{value:l,children:["@",l]},l))]})}function us({slug:s,channelId:a,channelType:r,isMuted:l,x:d,y:u,onClose:p,onDm:g,onViewInfo:k,onJumpToSettings:v}){const S=o.useRef(null);o.useEffect(()=>{const A=$=>{S.current&&!S.current.contains($.target)&&p()},_=$=>{$.key==="Escape"&&p()};return document.addEventListener("mousedown",A),document.addEventListener("keydown",_),()=>{document.removeEventListener("mousedown",A),document.removeEventListener("keydown",_)}},[p]);const y=r==="dm",E=async()=>{if(a)try{l?await jt(a,s):await wt(a,s)}finally{p()}},m=async()=>{if(a)try{await yt(a,s)}finally{p()}};return e.jsxs("div",{ref:S,role:"menu","aria-label":`Actions for @${s}`,className:"fixed z-50 min-w-[200px] bg-shell-surface border border-white/10 rounded-lg shadow-xl py-1 text-sm",style:{top:u,left:d},children:[e.jsxs(oe,{onClick:()=>{g==null||g(s),p()},children:["DM @",s]}),a&&!y&&e.jsxs(oe,{onClick:E,children:[l?"Unmute":"Mute"," in this channel"]}),a&&!y&&e.jsx(oe,{onClick:m,children:"Remove from channel"}),e.jsx("div",{className:"my-1 h-px bg-white/10"}),e.jsx(oe,{onClick:()=>{k==null||k(s),p()},children:"View agent info"}),e.jsx(oe,{onClick:()=>{v==null||v(s),p()},children:"Jump to agent settings"})]})}function oe({onClick:s,children:a}){return e.jsx("button",{role:"menuitem",onClick:s,className:"w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none",children:a})}function ps({commands:s,queryAfterSlash:a,members:r,onPick:l,onClose:d}){const[u,p]=o.useState(0),g=o.useMemo(()=>ms(s,r,a),[s,r,a]),k=g.filter(v=>v.kind==="cmd");return o.useEffect(()=>{p(0)},[a]),o.useEffect(()=>{const v=S=>{if(S.key==="Escape"){S.preventDefault(),d();return}if(S.key==="ArrowDown"){S.preventDefault(),p(y=>Math.min(k.length-1,y+1));return}if(S.key==="ArrowUp"){S.preventDefault(),p(y=>Math.max(0,y-1));return}if(S.key==="Enter"){S.preventDefault();const y=k[u];y&&l(y.slug,y.cmd.name)}};return document.addEventListener("keydown",v,!0),()=>document.removeEventListener("keydown",v,!0)},[k,u,l,d]),k.length===0&&g.length===0?null:e.jsx("div",{role:"listbox","aria-label":"Slash commands",className:"absolute bottom-full left-0 mb-2 w-full max-w-md bg-shell-surface border border-white/10 rounded-lg shadow-xl max-h-60 overflow-y-auto text-sm",children:g.length===0?e.jsx("div",{className:"px-3 py-2 text-xs text-shell-text-tertiary",children:"(no commands available)"}):g.map(v=>{if(v.kind==="header")return e.jsxs("div",{className:"px-3 py-1 text-[11px] uppercase tracking-wider text-shell-text-tertiary bg-white/5",children:["@",v.slug]},`h-${v.slug}`);const S=k.indexOf(v),y=S===u;return e.jsxs("button",{role:"option","aria-selected":y,onMouseEnter:()=>p(S),onClick:()=>l(v.slug,v.cmd.name),className:`w-full text-left px-3 py-1.5 flex items-center justify-between gap-3 ${y?"bg-white/10":"hover:bg-white/5"}`,children:[e.jsxs("span",{className:"font-mono text-[13px]",children:["/",v.cmd.name]}),e.jsx("span",{className:"text-xs text-shell-text-tertiary truncate",children:v.cmd.description})]},`${v.slug}-${v.cmd.name}`)})})}function ms(s,a,r){const l=r.toLowerCase(),d=a.filter(g=>g!=="user"&&s[g]),u=d.length===1,p=[];for(const g of d){const k=(s[g]||[]).filter(v=>xs(g,v,l));if(k.length!==0){u||p.push({kind:"header",slug:g});for(const v of k)p.push({kind:"cmd",slug:g,cmd:v})}}return p}function xs(s,a,r){if(!r)return!0;const l=`${s} ${a.name} ${a.description}`.toLowerCase();let d=0;for(const u of r.split(/\s+/).join("")){const p=l.indexOf(u,d);if(p===-1)return!1;d=p+1}return!0}function fs({humans:s,agents:a,selfId:r="user"}){const l=s.filter(k=>k!==r),d=l.length>0,u=a.length>0;if(!d&&!u)return null;const p=gs(l),g=bs(a);return e.jsxs("div",{"aria-live":"polite",className:"px-4 pt-1 text-xs text-shell-text-tertiary flex flex-col gap-0.5",children:[p&&e.jsx("span",{children:p}),g&&e.jsx("span",{className:"italic",children:g})]})}function gs(s){return s.length===0?null:s.length===1?`${s[0]} is typing…`:s.length===2?`${s[0]} and ${s[1]} are typing…`:`${s[0]} and ${s.length-1} others are typing…`}function bs(s){return s.length===0?null:s.map(a=>`${a} is thinking…`).join(" · ")}function ys(s,a,r=1e3){const l=o.useRef(0);return o.useCallback(()=>{if(!s)return;const d=Date.now();d-l.current<r||(l.current=d,fetch(`/api/chat/channels/${encodeURIComponent(s)}/typing`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({author_id:a})}).catch(()=>{}))},[s,a,r])}function ws({onReact:s,onReplyInThread:a,onOverflow:r}){return e.jsxs("div",{role:"toolbar","aria-label":"Message actions",className:"inline-flex items-center gap-0.5 bg-shell-surface border border-white/10 rounded-md shadow-sm px-1",children:[e.jsx("button",{"aria-label":"Add reaction",onClick:s,className:"p-1 hover:bg-white/5",children:"😀"}),e.jsx("button",{"aria-label":"Reply in thread",onClick:a,className:"p-1 hover:bg-white/5",children:"💬"}),e.jsx("button",{"aria-label":"More",onClick:r,className:"p-1 hover:bg-white/5",children:"⋯"})]})}function js({replyCount:s,lastReplyAt:a,onOpen:r}){if(s===0)return null;const l=a?`💬 ${s} repl${s===1?"y":"ies"} · last reply ${vs(a)}`:`💬 ${s} repl${s===1?"y":"ies"}`;return e.jsx("button",{onClick:r,className:"mt-1 px-2 py-0.5 text-xs text-sky-200 hover:bg-white/5 rounded","aria-label":"Open thread",children:l})}function vs(s){const a=Date.now()/1e3,r=Math.max(0,a-s);return r<60?"just now":r<3600?`${Math.floor(r/60)}m ago`:r<86400?`${Math.floor(r/3600)}h ago`:`${Math.floor(r/86400)}d ago`}function Ns({channelId:s,parentId:a,onClose:r,onSend:l}){const[d,u]=o.useState(null),[p,g]=o.useState([]),[k,v]=o.useState(""),[S,y]=o.useState(null),[E,m]=o.useState(null),[A,_]=o.useState(!1),$=o.useRef(null);o.useEffect(()=>{const N=new AbortController;return y(null),fetch(`/api/chat/messages/${a}`,{signal:N.signal}).then(j=>{if(!j.ok)throw new Error(`parent fetch failed (${j.status})`);return j.json()}).then(j=>u(j)).catch(j=>{j.name!=="AbortError"&&y("couldn't load this thread")}),()=>N.abort()},[a]),o.useEffect(()=>{const N=new AbortController;return fetch(`/api/chat/channels/${s}/threads/${a}/messages`,{signal:N.signal}).then(j=>j.ok?j.json():{messages:[]}).then(j=>g(j.messages||[])).catch(j=>{j.name!=="AbortError"&&y("couldn't load this thread")}),()=>N.abort()},[s,a]);async function C(){const N=k.trim();if(!(!N||A)){_(!0),m(null);try{await l(N,[]),v("")}catch(j){m(j.message||"couldn't send reply")}finally{_(!1)}}}function h(N){N.key==="Enter"&&!N.shiftKey&&(N.preventDefault(),C())}return e.jsxs("div",{className:"fixed top-0 right-0 h-full w-[360px] bg-shell-surface border-l border-white/10 flex flex-col z-40",role:"complementary","aria-label":"Thread panel",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-white/10",children:[e.jsx("span",{className:"font-semibold text-sm",children:"Thread"}),e.jsx("button",{"aria-label":"Close thread",onClick:r,className:"p-1 hover:bg-white/5 rounded",children:"✕"})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto px-4 py-3 flex flex-col gap-3",children:[d&&e.jsxs("div",{className:"pb-3 border-b border-white/10",children:[e.jsx("div",{className:"text-xs text-white/50 mb-1",children:d.author_id}),e.jsx("div",{className:"text-sm",children:d.content})]}),p.map(N=>e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-white/50 mb-0.5",children:N.author_id}),e.jsx("div",{className:"text-sm",children:N.content})]},N.id)),S&&e.jsx("div",{role:"alert",className:"text-xs text-red-300",children:S})]}),e.jsxs("div",{className:"px-4 py-3 border-t border-white/10",children:[E&&e.jsx("div",{role:"alert",className:"text-xs text-red-300 mb-2",children:E}),e.jsx("textarea",{ref:$,value:k,onChange:N=>v(N.target.value),onKeyDown:h,placeholder:"Reply in thread…","aria-label":"Thread reply",rows:2,disabled:A,className:"w-full bg-white/5 rounded px-3 py-2 text-sm resize-none outline-none border border-white/10 focus:border-sky-400 disabled:opacity-50"})]})]})}function ks({items:s,onRemove:a,onRetry:r}){return s.length===0?null:e.jsx("div",{"aria-label":"Pending attachments",className:"px-4 py-2 border-t border-white/10 flex gap-2 flex-wrap",children:s.map(l=>e.jsxs("div",{className:"flex items-center gap-2 bg-white/5 rounded px-2 py-1 text-xs max-w-[220px]",children:[e.jsx("span",{className:"truncate",children:l.filename}),e.jsxs("span",{className:"opacity-50",children:[Math.max(1,Math.round(l.size/1024))," KB"]}),l.uploading&&e.jsx("span",{className:"opacity-70",children:"…"}),l.error&&e.jsx("button",{"aria-label":"Retry upload",onClick:()=>r(l.id),className:"text-red-300",children:"retry"}),e.jsx("button",{"aria-label":`Remove ${l.filename}`,onClick:()=>a(l.id),className:"opacity-70 hover:opacity-100",children:"×"})]},l.id))})}function Cs({images:s,startIndex:a,onClose:r}){const[l,d]=o.useState(a);o.useEffect(()=>{const p=g=>{g.key==="Escape"&&r(),g.key==="ArrowLeft"&&d(k=>Math.max(0,k-1)),g.key==="ArrowRight"&&d(k=>Math.min(s.length-1,k+1))};return document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)},[s.length,r]);const u=s[l];return e.jsxs("div",{role:"dialog","aria-label":"Image viewer",className:"fixed inset-0 z-50 bg-black/80 flex items-center justify-center",onClick:r,children:[e.jsx("img",{src:u.url,alt:u.filename,className:"max-w-[90vw] max-h-[90vh]",onClick:p=>p.stopPropagation()}),e.jsxs("div",{className:"absolute top-4 right-4 flex gap-2",children:[e.jsx("a",{href:u.url,download:u.filename,onClick:p=>p.stopPropagation(),className:"bg-white/10 hover:bg-white/20 rounded px-3 py-1 text-sm",children:"Download"}),e.jsx("button",{onClick:r,className:"bg-white/10 hover:bg-white/20 rounded px-3 py-1 text-sm",children:"Close"})]}),s.length>1&&e.jsxs("div",{className:"absolute bottom-4 text-white/70 text-xs",children:[l+1," / ",s.length]})]})}function Ss({attachments:s}){const[a,r]=o.useState(null);if(!(s!=null&&s.length))return null;const l=s.filter(p=>{var g;return(g=p.mime_type)==null?void 0:g.startsWith("image/")}),d=s.filter(p=>{var g;return!((g=p.mime_type)!=null&&g.startsWith("image/"))}),u=l.length>1?"grid grid-cols-2 gap-1 max-w-md":"";return e.jsxs("div",{className:"flex flex-col gap-2 mt-1",children:[l.length>0&&e.jsx("div",{className:u,children:l.slice(0,4).map((p,g)=>e.jsxs("button",{onClick:()=>r(g),className:"relative block",children:[e.jsx("img",{src:p.url,alt:p.filename,className:l.length===1?"max-w-[560px] max-h-[400px] rounded":"object-cover w-full h-32 rounded"}),l.length>4&&g===3&&e.jsxs("span",{className:"absolute inset-0 bg-black/60 flex items-center justify-center text-white",children:["+",l.length-4," more"]})]},p.url))}),d.length>0&&e.jsx("div",{className:"flex flex-col gap-1",children:d.map(p=>e.jsxs("a",{href:p.url,target:"_blank",rel:"noreferrer",className:"flex items-center gap-2 bg-white/5 hover:bg-white/10 rounded px-2 py-1 text-sm max-w-sm",children:[e.jsx("span",{"aria-hidden":!0,children:"📄"}),e.jsx("span",{className:"truncate",children:p.filename}),e.jsxs("span",{className:"ml-auto text-xs opacity-60",children:[Math.max(1,Math.round(p.size/1024))," KB"]})]},p.url))}),a!==null&&e.jsx(Cs,{images:l,startIndex:a,onClose:()=>r(null)})]})}async function vt(s){if(s.ok)return;let a=null;try{a=await s.json()}catch{}throw new Error((a==null?void 0:a.error)||`HTTP ${s.status}`)}async function Ae(s,a){const r=new FormData;r.append("file",s),a&&r.append("channel_id",a);const l=await fetch("/api/chat/upload",{method:"POST",body:r});await vt(l);const d=await l.json();return{filename:d.filename,mime_type:d.mime_type||d.content_type||"application/octet-stream",size:d.size,url:d.url,source:"disk"}}async function _s(s){const a=await fetch("/api/chat/attachments/from-path",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});return await vt(a),a.json()}function $s(){const[s,a]=o.useState(null);return{openThread:s,openThreadFor:(r,l)=>a({channelId:r,parentId:l}),closeThread:()=>a(null)}}function Ts(s,a){const r=a?`?path=${encodeURIComponent(a)}`:"";if(s==="/workspaces/user")return`/api/workspace/files${r}`;if(s.startsWith("/workspaces/agent/")){const l=s.slice(18);return`/api/agents/${encodeURIComponent(l)}/workspace/files${r}`}return`/api/workspace/files${r}`}function gt({root:s,onSelect:a,multi:r=!1}){const[l,d]=o.useState(""),[u,p]=o.useState([]),[g,k]=o.useState(new Set),[v,S]=o.useState(!1),[y,E]=o.useState(null);o.useEffect(()=>{let C=!1;return S(!0),E(null),fetch(Ts(s,l)).then(async h=>{if(!h.ok)throw new Error(`HTTP ${h.status}`);return h.json()}).then(h=>{if(C)return;const j=(Array.isArray(h)?h:[]).map(b=>({name:b.name,type:b.is_dir?"folder":"file",size:b.size,modified:b.modified?new Date(b.modified*1e3).toISOString():void 0}));j.sort((b,z)=>b.type!==z.type?b.type==="folder"?-1:1:b.name.localeCompare(z.name)),p(j)}).catch(h=>{C||(E(h instanceof Error?h.message:"Failed to load"),p([]))}).finally(()=>{C||S(!1)}),()=>{C=!0}},[s,l]);function m(C){const h=l?`${l}/${C}`:C;return`${s}/${h}`}function A(C){d(h=>h?`${h}/${C}`:C),k(new Set)}function _(C){const h=m(C);if(!r){a(h);return}k(N=>{const j=new Set(N);return j.has(h)?j.delete(h):j.add(h),a(Array.from(j)),j})}function $(){d(C=>{const h=C.split("/").filter(Boolean);return h.pop(),h.join("/")}),k(new Set)}return e.jsxs("div",{className:"vfs-browser",role:"region","aria-label":"File browser",children:[l&&e.jsx("button",{onClick:$,"aria-label":"Go up one folder",style:{marginBottom:4},children:"↑ .."}),v&&e.jsx("p",{children:"Loading…"}),y&&e.jsxs("p",{role:"alert",children:["Error: ",y]}),!v&&!y&&u.length===0&&e.jsx("p",{children:"Empty folder"}),e.jsx("ul",{style:{listStyle:"none",padding:0,margin:0},children:u.map(C=>{const h=m(C.name),N=g.has(h);return e.jsx("li",{children:e.jsxs("button",{onClick:()=>C.type==="folder"?A(C.name):_(C.name),"aria-selected":r?N:void 0,style:{fontWeight:N?"bold":void 0},children:[C.type==="folder"?"📁 ":"📄 ",C.name]})},C.name)})})]})}function Es({sources:s,accept:a,multi:r=!1,onPick:l,onCancel:d}){const[u,p]=o.useState(s[0]??"disk"),[g,k]=o.useState([]),[v,S]=o.useState([]),[y,E]=o.useState(null),m=o.useRef(null);o.useEffect(()=>{s.includes("agent-workspace")&&fetch("/api/agents").then(h=>h.json()).then(h=>S(Array.isArray(h)?h:[])).catch(()=>{})},[s]),o.useEffect(()=>{const h=N=>{N.key==="Escape"&&(N.preventDefault(),d())};return document.addEventListener("keydown",h),()=>document.removeEventListener("keydown",h)},[d]);const A=h=>{if(!h)return;const N=[];for(const j of Array.from(h))N.push({source:"disk",file:j});k(j=>r?[...j,...N]:N)},_=h=>{const j=(Array.isArray(h)?h:[h]).map(b=>({source:"workspace",path:b}));k(b=>r?[...b.filter(z=>z.source!=="workspace"),...j]:j)},$=h=>{if(!y)return;const j=(Array.isArray(h)?h:[h]).map(b=>({source:"agent-workspace",slug:y,path:b}));k(b=>r?[...b.filter(z=>z.source!=="agent-workspace"),...j]:j)},C=()=>l(g);return e.jsx("div",{role:"dialog","aria-modal":"true","aria-label":"Pick a file",className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60",children:e.jsxs("div",{className:"bg-shell-surface border border-white/10 rounded-xl w-[720px] h-[540px] flex flex-col overflow-hidden",children:[e.jsxs("div",{role:"tablist",className:"flex border-b border-white/10",children:[s.includes("disk")&&e.jsx("button",{role:"tab","aria-selected":u==="disk",className:`px-4 py-2 text-sm ${u==="disk"?"border-b-2 border-sky-400":"opacity-70"}`,onClick:()=>p("disk"),children:"Disk"}),s.includes("workspace")&&e.jsx("button",{role:"tab","aria-selected":u==="workspace",className:`px-4 py-2 text-sm ${u==="workspace"?"border-b-2 border-sky-400":"opacity-70"}`,onClick:()=>p("workspace"),children:"My workspace"}),s.includes("agent-workspace")&&e.jsx("button",{role:"tab","aria-selected":u==="agent-workspace",className:`px-4 py-2 text-sm ${u==="agent-workspace"?"border-b-2 border-sky-400":"opacity-70"}`,onClick:()=>p("agent-workspace"),children:"Agent workspaces"})]}),e.jsxs("div",{className:"flex-1 overflow-hidden",children:[u==="disk"&&e.jsxs("div",{className:"p-6 flex items-center justify-center",children:[e.jsx("input",{ref:m,type:"file",className:"hidden",multiple:r,accept:a,onChange:h=>A(h.target.files)}),e.jsx("button",{onClick:()=>{var h;return(h=m.current)==null?void 0:h.click()},className:"px-4 py-2 bg-sky-500/20 text-sky-200 rounded",children:"Choose files from disk"}),g.filter(h=>h.source==="disk").length>0&&e.jsxs("div",{className:"ml-6 text-xs text-shell-text-tertiary",children:[g.length," file(s) queued"]})]}),u==="workspace"&&e.jsx(gt,{root:"/workspaces/user",onSelect:_,multi:r}),u==="agent-workspace"&&e.jsxs("div",{className:"h-full flex flex-col",children:[e.jsx("div",{className:"p-2 border-b border-white/10",children:e.jsxs("select",{value:y??"",onChange:h=>E(h.target.value||null),className:"bg-white/5 border border-white/10 rounded px-2 py-1 text-sm",children:[e.jsx("option",{value:"",children:"Pick an agent…"}),v.map(h=>e.jsxs("option",{value:h.name,children:["@",h.name]},h.name))]})}),y&&e.jsx(gt,{root:`/workspaces/agent/${y}`,onSelect:$,multi:r})]})]}),e.jsxs("div",{className:"border-t border-white/10 p-2 flex items-center justify-end gap-2 text-sm",children:[e.jsxs("span",{className:"opacity-60 mr-auto",children:[g.length," selected"]}),e.jsx("button",{onClick:d,className:"px-3 py-1 opacity-70 hover:opacity-100",children:"Cancel"}),e.jsxs("button",{onClick:C,disabled:g.length===0,className:"px-3 py-1 bg-sky-500/30 text-sky-200 rounded disabled:opacity-40",children:["Select (",g.length,")"]})]})]})})}function As(s){return new Promise(a=>{const r=document.createElement("div");document.body.appendChild(r);const l=Xt.createRoot(r),d=()=>{l.unmount(),r.remove()};l.render(Yt.createElement(Es,{sources:s.sources,accept:s.accept,multi:s.multi,onPick:u=>{d(),a(u)},onCancel:()=>{d(),a([])}}))})}function Ms({isOwn:s,isHuman:a,isPinned:r=!1,onEdit:l,onDelete:d,onCopyLink:u,onPin:p,onMarkUnread:g,onClose:k}){const v=o.useRef(null);o.useEffect(()=>{var E;const y=(E=v.current)==null?void 0:E.querySelector('[role="menuitem"]');y==null||y.focus()},[]);const S=y=>{var _,$,C,h,N;const E=Array.from(((_=v.current)==null?void 0:_.querySelectorAll('[role="menuitem"]'))||[]),m=document.activeElement,A=m?E.indexOf(m):-1;y.key==="ArrowDown"?(y.preventDefault(),($=E[Math.min(E.length-1,A+1)])==null||$.focus()):y.key==="ArrowUp"?(y.preventDefault(),(C=E[Math.max(0,A-1)])==null||C.focus()):y.key==="Home"?(y.preventDefault(),(h=E[0])==null||h.focus()):y.key==="End"?(y.preventDefault(),(N=E[E.length-1])==null||N.focus()):y.key==="Escape"&&(y.preventDefault(),k==null||k())};return e.jsxs("div",{ref:v,role:"menu","aria-label":"Message overflow menu",onKeyDown:S,className:"bg-shell-surface border border-white/10 rounded-md shadow-lg py-1 min-w-[160px] text-sm",children:[s&&e.jsx("button",{role:"menuitem",onClick:l,className:"block w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none",children:"Edit"}),s&&e.jsx("button",{role:"menuitem",onClick:d,className:"block w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none text-red-300",children:"Delete"}),e.jsx("button",{role:"menuitem",onClick:u,className:"block w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none",children:"Copy link"}),a&&e.jsx("button",{role:"menuitem",onClick:p,className:"block w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none",children:r?"Unpin":"Pin"}),e.jsx("button",{role:"menuitem",onClick:g,className:"block w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none",children:"Mark unread"})]})}function zs({initial:s,onSave:a,onCancel:r}){const[l,d]=o.useState(s);return e.jsx("textarea",{autoFocus:!0,value:l,onChange:u=>d(u.target.value),onKeyDown:u=>{if(u.key==="Escape")u.preventDefault(),r();else if(u.key==="Enter"&&!u.shiftKey){u.preventDefault();const p=l.trim();p?a(p):r()}},"aria-label":"Edit message",rows:1,className:"w-full bg-white/5 border border-white/10 rounded px-2 py-1 text-sm"})}function Ps(){return e.jsx("span",{className:"text-white/40 italic text-sm",children:"This message was deleted"})}function Rs({count:s,onClick:a}){return s===0?null:e.jsxs("button",{onClick:a,className:"ml-1 px-1.5 py-0.5 text-xs bg-white/5 hover:bg-white/10 rounded opacity-70 hover:opacity-100","aria-label":`Pinned messages (${s})`,children:["📌 ",s]})}function Os({pins:s,onJumpTo:a,onClose:r}){return e.jsxs("div",{role:"dialog","aria-label":"Pinned messages",className:"absolute top-full right-0 mt-1 w-[320px] max-h-[400px] overflow-y-auto bg-shell-surface border border-white/10 rounded-md shadow-lg z-40",children:[e.jsxs("header",{className:"flex items-center justify-between px-3 py-2 border-b border-white/10",children:[e.jsxs("span",{className:"text-xs font-semibold",children:["Pinned (",s.length,")"]}),e.jsx("button",{onClick:r,"aria-label":"Close",className:"text-sm opacity-70 hover:opacity-100",children:"×"})]}),s.length===0?e.jsx("div",{className:"p-4 text-sm text-white/50",children:"No pinned messages yet."}):e.jsx("ul",{className:"divide-y divide-white/5",children:s.map(l=>e.jsxs("li",{className:"p-2 text-sm",children:[e.jsxs("div",{className:"text-xs opacity-60 mb-0.5",children:["@",l.author_id]}),e.jsx("div",{className:"line-clamp-2",children:l.content}),e.jsx("button",{onClick:()=>a(l.id),className:"mt-1 text-xs text-sky-300 hover:text-sky-200",children:"Jump to →"})]},l.id))})]})}function Ds({authorId:s,onApprove:a}){return e.jsxs("div",{className:"mt-1 flex items-center gap-2 text-xs",children:[e.jsxs("span",{className:"text-white/60",children:["@",s," wants to pin this"]}),e.jsx("button",{onClick:a,className:"px-2 py-0.5 bg-sky-500/20 text-sky-200 rounded hover:bg-sky-500/30","aria-label":`Pin this message from ${s}`,children:"📌 Pin this"})]})}async function ee(s){if(s.ok)return;let a=null;try{a=await s.json()}catch{}throw new Error((a==null?void 0:a.error)||`HTTP ${s.status}`)}async function bt(s){const a=await fetch(`/api/chat/messages/${s}/pin`,{method:"POST"});await ee(a)}async function Ls(s){const a=await fetch(`/api/chat/messages/${s}/pin`,{method:"DELETE"});await ee(a)}async function Me(s){const a=await fetch(`/api/chat/channels/${s}/pins`);return await ee(a),(await a.json()).pins||[]}async function Is(s,a){const r=await fetch(`/api/chat/messages/${s}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({content:a})});return await ee(r),r.json()}async function Fs(s){const a=await fetch(`/api/chat/messages/${s}`,{method:"DELETE"});await ee(a)}async function Us(s,a){const r=await fetch(`/api/chat/channels/${s}/read-cursor/rewind`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({before_message_id:a})});await ee(r)}function Js(s,a,r,l){return a==="user"||r.some(d=>d.name===s)?"active":l.some(d=>{var u;return d.archived_slug===s||((u=d.original)==null?void 0:u.name)===s})?"archived":"removed"}function Ws(s){const a=Date.now()-new Date(s).getTime(),r=Math.floor(a/6e4);if(r<1)return"now";if(r<60)return`${r}m ago`;const l=Math.floor(r/60);if(l<24)return`${l}h ago`;const d=Math.floor(l/24);return d<7?`${d}d ago`:new Date(s).toLocaleDateString()}function Hs(s){const a=[],r=/(\*\*(.+?)\*\*|\*(.+?)\*|`(.+?)`)/g;let l=0,d,u=0;for(;(d=r.exec(s))!==null;)d.index>l&&a.push(s.slice(l,d.index)),d[2]?a.push(e.jsx("strong",{className:"font-semibold",children:d[2]},u++)):d[3]?a.push(e.jsx("em",{className:"italic",children:d[3]},u++)):d[4]&&a.push(e.jsx("code",{className:"bg-white/10 px-1.5 py-0.5 rounded text-[13px] font-mono",children:d[4]},u++)),l=d.index+d[0].length;return l<s.length&&a.push(s.slice(l)),a}const Bs=["👍","❤️","😂","🎉","🤔","👀","🚀","✅"];function en({windowId:s,title:a}){var Ze,et,tt;const r=is(),[l,d]=o.useState([]),[u,p]=o.useState([]),[g,k]=o.useState(!1),[v,S]=o.useState([]),[y,E]=o.useState([]),[m,A]=o.useState(null),[_,$]=o.useState([]),[C,h]=o.useState({}),[N,j]=o.useState(""),[b,z]=o.useState("disconnected"),[de,V]=o.useState(!1),[ze,Pe]=o.useState(null),[be,ye]=o.useState(null),[D,B]=o.useState({name:"",type:"topic",description:""}),[te,Re]=o.useState(null),[Nt,we]=o.useState(!1),[K,se]=o.useState(null),[J,Oe]=o.useState(null),[kt,Ct]=o.useState({}),[St,je]=o.useState([]),[_t,ne]=o.useState([]),[De,O]=o.useState(null),[$t,Le]=o.useState(null),[G,L]=o.useState([]),[he,W]=o.useState(null),[Tt,ve]=o.useState(null),[Et,Ne]=o.useState(!1),[ue,ae]=o.useState([]),[At,Mt]=o.useState(null),{openThread:ie,openThreadFor:zt,closeThread:Ie}=$s(),R=o.useRef(null),Fe=o.useRef(null),Ue=o.useRef(null),I=o.useRef(null),ke=o.useRef(null),Ce=o.useRef(0),Q=o.useRef(!0),Se=o.useRef(1e3),q=o.useRef(null),X=o.useCallback(async()=>{try{const[t,n]=await Promise.all([fetch("/api/chat/channels"),fetch("/api/chat/unread")]);if(t.ok){const i=await t.json();d(i.channels??[])}if(n.ok){const i=await n.json();h(i.unread??{})}}catch{}},[]),re=o.useCallback(async()=>{try{const t=await fetch("/api/chat/channels?archived=true");if(t.ok){const n=await t.json();p(n.channels??[])}}catch{}},[]),pe=o.useCallback(async()=>{try{const[t,n]=await Promise.all([fetch("/api/agents"),fetch("/api/agents/archived")]);if(t.ok&&(t.headers.get("content-type")??"").includes("application/json")){const c=await t.json();Array.isArray(c)&&S(c)}if(n.ok&&(n.headers.get("content-type")??"").includes("application/json")){const c=await n.json();Array.isArray(c)&&E(c)}}catch{}},[]),Je=o.useCallback(async t=>{try{const n=await fetch(`/api/chat/channels/${t}/messages?limit=50`);if(n.ok){const i=await n.json();$(i.messages??[]),Q.current=!0}}catch{}},[]),We=o.useCallback(async t=>{try{await fetch(`/api/chat/channels/${t}/mark-read`,{method:"POST"}),h(n=>{const i={...n};return delete i[t],i})}catch{}},[]),_e=o.useCallback(()=>{if(R.current&&R.current.readyState<=1)return;z("connecting");const t=window.location.protocol==="https:"?"wss:":"ws:",n=new WebSocket(`${t}//${window.location.host}/ws/chat`);n.onopen=()=>{z("connected"),Se.current=1e3,q.current&&n.send(JSON.stringify({type:"join",channel_id:q.current}))},n.onmessage=i=>{try{const c=JSON.parse(i.data);if(c.type==="typing"&&c.kind==="human"){je(x=>x.includes(c.slug)?x:[...x,c.slug]),setTimeout(()=>je(x=>x.filter(f=>f!==c.slug)),3500);return}if(c.type==="thinking"){c.state==="start"?ne(x=>x.includes(c.slug)?x:[...x,c.slug]):ne(x=>x.filter(f=>f!==c.slug));return}switch(c.type){case"message":$(x=>x.some(f=>f.id===c.id)?x:[...x,c]),c.channel_id!==q.current&&h(x=>({...x,[c.channel_id]:(x[c.channel_id]??0)+1}));break;case"message_delta":$(x=>x.map(f=>f.id===c.message_id?{...f,content:f.content+(c.delta??""),state:"streaming"}:f));break;case"message_state":$(x=>x.map(f=>f.id===c.message_id?{...f,state:c.state}:f));break;case"typing":if((c.user_type??"user")!=="agent")break;ne(x=>x.includes(c.user_id)?x:[...x,c.user_id]),setTimeout(()=>{ne(x=>x.filter(f=>f!==c.user_id))},5e3);break;case"reaction_update":$(x=>x.map(f=>f.id===c.message_id?{...f,reactions:c.reactions}:f));break;case"message_edit":$(x=>x.map(f=>f.id===c.message_id?{...f,...c.content!==void 0&&{content:c.content},...c.edited_at!==void 0&&{edited_at:c.edited_at},...c.metadata!==void 0&&{metadata:c.metadata}}:f));break;case"message_delete":$(x=>x.map(f=>f.id===c.message_id?{...f,deleted_at:c.deleted_at??Date.now()/1e3}:f));break}}catch{}},n.onclose=()=>{z("disconnected"),R.current=null;const i=Se.current;Se.current=Math.min(i*2,3e4),setTimeout(_e,i)},n.onerror=()=>{n.close()},R.current=n},[]);o.useEffect(()=>(X(),re(),pe(),_e(),()=>{R.current&&(R.current.onclose=null,R.current.close())}),[X,re,pe,_e]),o.useEffect(()=>{fetch("/api/auth/me").then(t=>t.ok?t.json():null).then(t=>{t!=null&&t.id&&Mt(t.id)}).catch(()=>{})},[]),o.useEffect(()=>{let t=!1;const n=async i=>{const c=i.detail;if(c!=null&&c.channelId&&!t&&(A(c.channelId),c.prefillPromptName))try{const x=await fetch(`/api/admin-prompts/${encodeURIComponent(c.prefillPromptName)}`,{headers:{Accept:"application/json"}});if(t)return;if(x.ok&&(x.headers.get("content-type")??"").includes("application/json")){const T=await x.json();if(t)return;j(T.body??""),Re({promptName:c.prefillPromptName,agentName:c.prefillAgent}),setTimeout(()=>{var P;t||(P=I.current)==null||P.focus()},150)}}catch{}};return window.addEventListener("taos:open-messages",n),()=>{t=!0,window.removeEventListener("taos:open-messages",n)}},[]),o.useEffect(()=>{var t,n;m&&(q.current&&q.current!==m&&((t=R.current)==null?void 0:t.readyState)===1&&R.current.send(JSON.stringify({type:"leave",channel_id:q.current})),q.current=m,((n=R.current)==null?void 0:n.readyState)===1&&R.current.send(JSON.stringify({type:"join",channel_id:m})),Je(m),We(m),je([]),ne([]))},[m,Je,We]);const He=o.useRef(null);o.useEffect(()=>{if(!m||_.length===0)return;const n=new URLSearchParams(window.location.search).get("msg");if(!n||!/^[a-zA-Z0-9_-]{1,64}$/.test(n))return;const i=`${m}:${n}`;if(He.current===i)return;const c=document.querySelector(`[data-message-id="${n}"]`);c&&(He.current=i,c.scrollIntoView({behavior:"smooth",block:"center"}),c.classList.add("data-highlight"),setTimeout(()=>c.classList.remove("data-highlight"),2e3))},[m,_.length]),o.useEffect(()=>{if(!m){ae([]);return}Me(m).then(t=>ae(t)).catch(()=>ae([]))},[m]),o.useEffect(()=>{let t=!0;return fetch("/api/frameworks/slash-commands").then(n=>n.json()).then(n=>{t&&Ct(n||{})}).catch(()=>{}),()=>{t=!1}},[m]),o.useEffect(()=>{var t;Q.current&&((t=Fe.current)==null||t.scrollIntoView({behavior:"smooth"}))},[_]);const Pt=()=>{const t=Ue.current;if(!t)return;const n=t.scrollHeight-t.scrollTop-t.clientHeight<60;Q.current=n},Rt=ys(m,"user"),Be=N.startsWith("/"),Ot=Be&&N.slice(1).split(/\s/,1)[0]||"",Dt=()=>{Ie(),we(!0)},Ke=(t,n)=>{we(!1),zt(t,n)},qe=async()=>{const t=N.trim();if(!t&&G.length===0||!m)return;if(G.some(i=>i.uploading)){O("waiting for uploads to finish…");return}const n=G.filter(i=>i.record&&!i.error).map(i=>i.record);if(n.length>0)try{const i=await fetch("/api/chat/messages",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({channel_id:m,author_id:"user",author_type:"user",content:t,content_type:"text",attachments:n})});if(!i.ok){const c=await i.json().catch(()=>({}));O(c.error||"couldn't send message");return}j(""),L([]),I.current&&(I.current.style.height="auto"),Q.current=!0;return}catch(i){O(i.message||"send failed");return}if(t){if(t.startsWith("/"))try{const i=await fetch("/api/chat/messages",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({channel_id:m,content:t})});if(i.status===400){const c=await i.json().catch(()=>({}));O(c.error||"couldn't send message");return}if(i.ok&&(await i.json().catch(()=>({}))).handled){O(null),j(""),Q.current=!0,I.current&&(I.current.style.height="auto");return}}catch{}if(O(null),R.current&&R.current.readyState===1)R.current.send(JSON.stringify({type:"message",channel_id:m,content:t}));else try{const i=await fetch("/api/chat/messages",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({channel_id:m,author_id:"user",author_type:"user",content:t,content_type:"text"})});if(!i.ok){const c=await i.json().catch(()=>({}));O(c.error||"couldn't send message");return}}catch(i){O(i.message||"send failed");return}j(""),Q.current=!0,I.current&&(I.current.style.height="auto")}},Lt=t=>{var i;j(t),I.current&&(I.current.style.height="auto",I.current.style.height=Math.min(I.current.scrollHeight,120)+"px");const n=Date.now();m&&((i=R.current)==null?void 0:i.readyState)===1&&n-Ce.current>3e3&&(R.current.send(JSON.stringify({type:"typing",channel_id:m})),Ce.current=n),ke.current&&clearTimeout(ke.current),ke.current=setTimeout(()=>{Ce.current=0},4e3),Rt()},It=t=>{t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),qe())},Ft=async()=>{const t=await As({sources:["disk","workspace","agent-workspace"],multi:!0});for(const n of t){const i=Math.random().toString(36).slice(2),c=n.source==="disk"?n.file.name:n.path.split("/").pop()||"",x=n.source==="disk"?n.file.size:0;L(f=>[...f,{id:i,filename:c,size:x,uploading:!0}]);try{const f=n.source==="disk"?await Ae(n.file,m??void 0):await _s({path:n.path,source:n.source,slug:n.source==="agent-workspace"?n.slug:void 0});L(T=>T.map(P=>P.id===i?{...P,record:f,uploading:!1}:P))}catch(f){L(T=>T.map(P=>P.id===i?{...P,uploading:!1,error:f.message}:P))}}},Ve=(t,n)=>{var i;((i=R.current)==null?void 0:i.readyState)===1&&R.current.send(JSON.stringify({type:"reaction",message_id:t,emoji:n})),Pe(null)},Ge=async()=>{if(D.name.trim())try{const t=await fetch("/api/chat/channels",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:D.name.trim(),type:D.type,description:D.description.trim()||void 0})});if(t.ok){const n=await t.json();d(i=>[...i,n]),A(n.id),V(!1),B({name:"",type:"topic",description:""})}}catch{}},Qe=o.useCallback(async(t,n)=>{var c,x,f,T;const i=(x=(c=u.find(P=>P.id===t))==null?void 0:c.settings)==null?void 0:x.archived_agent_id;if(i){const P=y.find(U=>U.id===i);if(P){if(!window.confirm(`Restore agent "${((f=P.original)==null?void 0:f.display_name)||((T=P.original)==null?void 0:T.name)||P.archived_slug}"?`))return;try{const U=await fetch(`/api/agents/archived/${i}/restore`,{method:"POST"});if(!U.ok){const me=await U.json().catch(()=>({}));window.alert(`Restore failed: ${me.error??U.status}`);return}await X(),await re(),await pe()}catch(U){window.alert(`Network error: ${String(U)}`)}}else window.alert("Agent entry missing — delete only.")}else window.alert(`Cannot restore channel "${n}": no associated agent found.`)},[u,y,X,re,pe]),Xe=o.useCallback(async t=>{if(window.confirm("Permanently delete this chat? All messages are erased. This cannot be undone."))try{const n=await fetch(`/api/chat/channels/${t}`,{method:"DELETE"});if(!n.ok){const i=await n.json().catch(()=>({}));window.alert(`Delete failed: ${i.error??n.status}`);return}p(i=>i.filter(c=>c.id!==t)),m===t&&A(null)}catch(n){window.alert(`Network error: ${String(n)}`)}},[m,re]),Ut=t=>{ve(t),W(null)},Jt=async(t,n)=>{try{await Is(t,n),ve(null)}catch(i){O(i.message)}},Wt=async t=>{if(W(null),!!window.confirm("Delete this message?"))try{await Fs(t)}catch(n){O(n.message)}},Ht=async t=>{if(W(null),!m)return;const n=`${window.location.origin}/chat/${m}?msg=${t}`;try{await navigator.clipboard.writeText(n)}catch{}},Bt=async t=>{W(null);const n=ue.some(i=>i.id===t.id);try{if(n?await Ls(t.id):await bt(t.id),m){const i=await Me(m);ae(i)}}catch(i){O(i.message)}},Kt=async t=>{if(W(null),!!m)try{await Us(m,t)}catch(n){O(n.message)}},qt=async t=>{try{if(await bt(t),m){const n=await Me(m);ae(n)}}catch(n){O(n.message)}},$e={dm:l.filter(t=>t.type==="dm"),topic:l.filter(t=>t.type==="topic"),group:l.filter(t=>t.type==="group")},w=[...l,...u].find(t=>t.id===m),H=((Ze=w==null?void 0:w.settings)==null?void 0:Ze.archived)===!0,Ye=[{label:"Direct Messages",icon:e.jsx(ut,{size:13}),items:$e.dm},{label:"Topics",icon:e.jsx(ht,{size:13}),items:$e.topic},{label:"Groups",icon:e.jsx(Ee,{size:13}),items:$e.group}],Vt=r?e.jsxs("div",{style:{padding:"8px 0 16px"},children:[e.jsx("div",{style:{padding:"0 20px 8px",fontSize:11,display:"flex",alignItems:"center",gap:6},children:b==="connected"?e.jsxs(e.Fragment,{children:[e.jsx(fe,{size:11,style:{color:"#34d399"}}),e.jsx("span",{style:{color:"rgba(52,211,153,0.8)"},children:"Connected"})]}):b==="connecting"?e.jsxs(e.Fragment,{children:[e.jsx(fe,{size:11,style:{color:"#fbbf24"}}),e.jsx("span",{style:{color:"rgba(251,191,36,0.8)"},children:"Connecting…"})]}):e.jsxs(e.Fragment,{children:[e.jsx(lt,{size:11,style:{color:"#f87171"}}),e.jsx("span",{style:{color:"rgba(248,113,113,0.8)"},children:"Offline"})]})}),Ye.map(t=>e.jsxs("div",{style:{marginBottom:20},children:[e.jsxs("div",{style:{fontSize:12,textTransform:"uppercase",letterSpacing:.5,color:"rgba(255,255,255,0.45)",padding:"0 20px 6px",fontWeight:600,display:"flex",alignItems:"center",gap:6},children:[t.icon," ",t.label]}),t.items.length===0?e.jsx("div",{style:{padding:"0 20px",fontSize:12,color:"rgba(255,255,255,0.2)",fontStyle:"italic"},children:"None yet"}):e.jsx("div",{style:{margin:"0 12px",borderRadius:16,background:"rgba(255,255,255,0.05)",border:"1px solid rgba(255,255,255,0.08)",overflow:"hidden"},children:t.items.map((n,i,c)=>e.jsxs("button",{type:"button",onClick:()=>A(n.id),"aria-label":`Channel ${n.name}`,style:{display:"flex",alignItems:"center",gap:10,width:"100%",padding:"14px 16px",background:m===n.id?"rgba(59,130,246,0.15)":"none",border:"none",borderBottom:i===c.length-1?"none":"1px solid rgba(255,255,255,0.06)",cursor:"pointer",color:"inherit",textAlign:"left"},children:[e.jsx("span",{style:{flex:1,fontSize:15,fontWeight:400,color:"rgba(255,255,255,0.9)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:n.name}),(C[n.id]??0)>0&&e.jsx("span",{style:{background:"#3b82f6",color:"#fff",fontSize:10,fontWeight:700,borderRadius:9999,minWidth:18,height:18,display:"flex",alignItems:"center",justifyContent:"center",padding:"0 4px"},children:C[n.id]}),e.jsx(Te,{size:16,style:{color:"rgba(255,255,255,0.25)",flexShrink:0}})]},n.id))})]},t.label)),u.length>0&&e.jsxs("div",{style:{marginBottom:20},children:[e.jsxs("button",{type:"button",onClick:()=>k(t=>!t),"aria-expanded":g,"aria-controls":"archived-channels-mobile",style:{fontSize:12,textTransform:"uppercase",letterSpacing:.5,color:"rgba(255,255,255,0.35)",padding:"0 20px 6px",fontWeight:600,display:"flex",alignItems:"center",gap:6,background:"none",border:"none",cursor:"pointer",width:"100%"},children:[e.jsx(Te,{size:12,style:{transition:"transform 0.15s",transform:g?"rotate(90deg)":"none",color:"rgba(255,255,255,0.3)"},"aria-hidden":"true"}),e.jsx(le,{size:12,"aria-hidden":"true"}),"Archived (",u.length,")"]}),e.jsx("div",{id:"archived-channels-mobile",style:{display:g?"block":"none"},children:e.jsx("div",{style:{margin:"0 12px",borderRadius:16,background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.06)",overflow:"hidden"},children:u.map((t,n,i)=>{var f;const c=(f=t.settings)==null?void 0:f.archived_agent_id,x=c?y.some(T=>T.id===c):!1;return e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,borderBottom:n===i.length-1?"none":"1px solid rgba(255,255,255,0.04)",opacity:.6},children:[e.jsxs("button",{type:"button",onClick:()=>A(t.id),"aria-label":`Archived channel ${t.name}`,style:{flex:1,display:"flex",alignItems:"center",gap:8,padding:"12px 8px 12px 16px",background:m===t.id?"rgba(59,130,246,0.12)":"none",border:"none",cursor:"pointer",color:"inherit",textAlign:"left",minWidth:0},children:[e.jsx(le,{size:11,"aria-hidden":"true",style:{color:"rgba(255,255,255,0.4)",flexShrink:0}}),e.jsx("span",{style:{flex:1,fontSize:14,color:"rgba(255,255,255,0.7)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.name})]}),e.jsxs("div",{style:{display:"flex",gap:2,paddingRight:8},children:[e.jsx("button",{type:"button",onClick:()=>Qe(t.id,t.name),disabled:!x,"aria-label":`Restore archived channel ${t.name}`,title:x?"Restore agent":"Agent entry missing — delete only",style:{background:"none",border:"none",cursor:x?"pointer":"not-allowed",color:x?"rgba(52,211,153,0.7)":"rgba(255,255,255,0.2)",padding:"6px"},children:e.jsx(ot,{size:13,"aria-hidden":"true"})}),e.jsx("button",{type:"button",onClick:()=>Xe(t.id),"aria-label":`Permanently delete archived channel ${t.name}`,title:"Delete permanently",style:{background:"none",border:"none",cursor:"pointer",color:"rgba(248,113,113,0.7)",padding:"6px"},children:e.jsx(ct,{size:13,"aria-hidden":"true"})})]})]},t.id)})})})]})]}):e.jsxs("div",{className:"w-full flex flex-col h-full",children:[e.jsx("div",{className:"px-3 py-1.5 text-[11px] flex items-center gap-1.5",children:b==="connected"?e.jsxs(e.Fragment,{children:[e.jsx(fe,{size:11,className:"text-emerald-400"}),e.jsx("span",{className:"text-emerald-400/80",children:"Connected"})]}):b==="connecting"?e.jsxs(e.Fragment,{children:[e.jsx(fe,{size:11,className:"text-amber-400 animate-pulse"}),e.jsx("span",{className:"text-amber-400/80",children:"Connecting..."})]}):e.jsxs(e.Fragment,{children:[e.jsx(lt,{size:11,className:"text-red-400"}),e.jsx("span",{className:"text-red-400/80",children:"Offline"})]})}),e.jsxs("div",{className:"flex-1 overflow-y-auto py-1",children:[Ye.map(t=>e.jsxs("div",{children:[e.jsxs("div",{className:"px-3 pt-3 pb-1 text-[10px] font-semibold uppercase tracking-wider text-white/30 flex items-center gap-1.5",children:[t.icon," ",t.label]}),t.items.length===0&&e.jsx("div",{className:"px-3 py-1 text-[11px] text-white/20 italic",children:"None yet"}),t.items.map(n=>e.jsxs(F,{variant:m===n.id?"secondary":"ghost",onClick:()=>A(n.id),className:"w-full justify-start h-auto py-1.5 px-3 text-[13px] rounded-none font-normal","aria-label":`Channel ${n.name}`,children:[e.jsx("span",{className:"truncate flex-1 text-left",children:n.name}),(C[n.id]??0)>0&&e.jsx("span",{className:"shrink-0 bg-blue-500 text-white text-[10px] font-bold rounded-full min-w-[18px] h-[18px] flex items-center justify-center px-1",children:C[n.id]})]},n.id))]},t.label)),u.length>0&&e.jsxs("div",{className:"mt-2",children:[e.jsxs("button",{type:"button",onClick:()=>k(t=>!t),className:"flex items-center gap-1.5 px-3 pt-2 pb-1 text-[10px] font-semibold uppercase tracking-wider text-white/25 hover:text-white/40 transition-colors w-full text-left","aria-expanded":g,"aria-controls":"archived-channels-desktop",children:[e.jsx(Te,{size:11,className:`transition-transform ${g?"rotate-90":""}`,"aria-hidden":"true"}),e.jsx(le,{size:11,"aria-hidden":"true"}),"Archived (",u.length,")"]}),e.jsx("div",{id:"archived-channels-desktop",className:g?"":"hidden",children:u.map(t=>{var c;const n=(c=t.settings)==null?void 0:c.archived_agent_id,i=n?y.some(x=>x.id===n):!1;return e.jsxs("div",{className:"group relative flex items-center opacity-60 hover:opacity-80 transition-opacity",children:[e.jsxs(F,{variant:m===t.id?"secondary":"ghost",onClick:()=>A(t.id),className:"flex-1 justify-start h-auto py-1.5 pl-3 pr-1 text-[13px] rounded-none font-normal min-w-0","aria-label":`Archived channel ${t.name}`,children:[e.jsx(le,{size:11,className:"shrink-0 mr-1.5 text-white/40","aria-hidden":"true"}),e.jsx("span",{className:"truncate flex-1 text-left",children:t.name})]}),e.jsxs("div",{className:"hidden group-hover:flex items-center shrink-0 pr-1",children:[e.jsx("button",{type:"button",onClick:()=>Qe(t.id,t.name),disabled:!i,"aria-label":`Restore archived channel ${t.name}`,title:i?"Restore agent":"Agent entry missing — delete only",className:`p-1 rounded transition-colors ${i?"text-white/30 hover:text-emerald-400 hover:bg-emerald-500/10 cursor-pointer":"text-white/15 cursor-not-allowed"}`,children:e.jsx(ot,{size:12,"aria-hidden":"true"})}),e.jsx("button",{type:"button",onClick:()=>Xe(t.id),"aria-label":`Permanently delete archived channel ${t.name}`,title:"Delete permanently",className:"p-1 rounded text-white/30 hover:text-red-400 hover:bg-red-500/10 transition-colors cursor-pointer",children:e.jsx(ct,{size:12,"aria-hidden":"true"})})]})]},t.id)})})]})]})]}),Gt=e.jsx("div",{className:"flex-1 flex flex-col min-w-0 h-full",children:m?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"px-4 py-2.5 border-b border-white/[0.06] flex items-center gap-3 shrink-0",children:[(w==null?void 0:w.type)==="topic"?e.jsx(ht,{size:16,className:"text-white/40"}):(w==null?void 0:w.type)==="group"?e.jsx(Ee,{size:16,className:"text-white/40"}):e.jsx(ut,{size:16,className:"text-white/40"}),(()=>{if((w==null?void 0:w.type)!=="dm")return null;const t=(w.members??[]).find(i=>i!=="user");if(!t)return null;const n=v.find(i=>i.name===t);return n?e.jsx("span",{className:"text-base leading-none shrink-0","aria-hidden":"true",children:rt(n.emoji,n.framework)}):null})(),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"text-sm font-medium truncate flex items-center gap-1",children:[(w==null?void 0:w.name)??"Unknown",w&&w.type!=="dm"&&e.jsx("button",{"aria-label":"Channel settings",onClick:Dt,className:"ml-1 opacity-60 hover:opacity-100",children:"ⓘ"}),e.jsx("a",{"aria-label":"Open chat guide",href:"https://github.com/jaylfc/tinyagentos/blob/master/docs/chat-guide.md",target:"_blank",rel:"noreferrer",className:"ml-1 opacity-60 hover:opacity-100 text-[12px]",children:"?"}),e.jsxs("div",{className:"relative",children:[e.jsx(Rs,{count:ue.length,onClick:()=>Ne(t=>!t)}),Et&&e.jsx(Os,{pins:ue,onJumpTo:t=>{Ne(!1);const n=document.querySelector(`[data-message-id="${t}"]`);n&&(n.scrollIntoView({behavior:"smooth",block:"center"}),n.classList.add("data-highlight"),setTimeout(()=>n.classList.remove("data-highlight"),2e3))},onClose:()=>Ne(!1)})]})]}),(w==null?void 0:w.description)&&e.jsx("div",{className:"text-[11px] text-white/35 truncate",children:w.description})]}),(w==null?void 0:w.members)&&e.jsxs("div",{className:"text-[11px] text-white/30 flex items-center gap-1",children:[e.jsx(Ee,{size:12})," ",w.members.length]})]}),e.jsxs("div",{ref:Ue,onScroll:Pt,className:"flex-1 overflow-y-auto px-4 py-3 space-y-0.5",onDragOver:t=>t.preventDefault(),onDrop:t=>{t.preventDefault();for(const n of Array.from(t.dataTransfer.files)){const i=Math.random().toString(36).slice(2);L(c=>[...c,{id:i,filename:n.name,size:n.size,uploading:!0}]),Ae(n,m??void 0).then(c=>L(x=>x.map(f=>f.id===i?{...f,record:c,uploading:!1}:f))).catch(c=>L(x=>x.map(f=>f.id===i?{...f,uploading:!1,error:c.message}:f)))}},children:[_.length===0&&e.jsx("div",{className:"flex items-center justify-center h-full text-white/20 text-sm",children:"No messages yet. Say something!"}),_.map((t,n)=>{var U,me,st,nt;const i=t.author_type==="agent",c=n>0?_[n-1]:void 0,x=!c||c.author_id!==t.author_id,f=Js(t.author_id,t.author_type,v,y),T=i&&f!=="active",P=f==="archived"?"Agent no longer active":f==="removed"?"Agent removed":void 0;return e.jsxs("div",{"data-message-id":t.id,className:`group relative px-3 py-1 rounded-md transition-colors hover:bg-white/[0.03] ${i&&!T?"bg-blue-500/[0.04]":""} ${x?"mt-3":""}`,onMouseEnter:()=>Le(t.id),onMouseLeave:()=>Le(M=>M===t.id?null:M),children:[x&&e.jsxs("div",{className:"flex items-center gap-2 mb-0.5",onContextMenu:M=>{t.author_type==="agent"&&(M.preventDefault(),se({slug:t.author_id,x:M.clientX,y:M.clientY}))},children:[i&&!T&&(()=>{const M=v.find(Y=>Y.name===t.author_id);return M?e.jsx("span",{className:"text-[14px] leading-none","aria-hidden":"true",children:rt(M.emoji,M.framework)}):null})(),e.jsx("span",{className:`text-[13px] font-semibold ${T?"line-through text-white/35":i?"text-blue-400":"text-white/90"}`,style:T?{opacity:.55}:void 0,title:P,children:t.author_id}),i&&!T&&e.jsxs("span",{className:"text-[10px] bg-blue-500/20 text-blue-300 px-1.5 py-0.5 rounded font-medium flex items-center gap-0.5",children:[e.jsx(pt,{size:10,"aria-hidden":"true"})," Agent"]}),T&&e.jsxs("span",{className:"text-[10px] bg-zinc-500/20 text-zinc-500 px-1.5 py-0.5 rounded font-medium flex items-center gap-0.5",children:[e.jsx(pt,{size:10,"aria-hidden":"true"}),f==="archived"?"inactive":"removed"]}),e.jsx("span",{className:`text-[11px] ${T?"text-white/15":"text-white/25"}`,children:Ws(t.created_at)}),t.edited_at&&e.jsx("span",{className:"text-[10px] text-white/20",children:"(edited)"})]}),t.deleted_at?e.jsx(Ps,{}):Tt===t.id?e.jsx(zs,{initial:t.content,onSave:M=>Jt(t.id,M),onCancel:()=>ve(null)}):e.jsxs("div",{className:`text-[13px] leading-relaxed whitespace-pre-wrap break-words ${T?"text-white/45":"text-white/80"}`,children:[Hs(t.content),t.state==="pending"&&e.jsx("span",{className:"ml-1 text-white/30",children:"..."}),t.state==="streaming"&&e.jsxs("span",{className:"ml-1 inline-flex gap-0.5",children:[e.jsx("span",{className:"w-1 h-1 bg-blue-400 rounded-full animate-bounce [animation-delay:0ms]"}),e.jsx("span",{className:"w-1 h-1 bg-blue-400 rounded-full animate-bounce [animation-delay:150ms]"}),e.jsx("span",{className:"w-1 h-1 bg-blue-400 rounded-full animate-bounce [animation-delay:300ms]"})]}),t.state==="error"&&e.jsx("span",{className:"ml-1 text-red-400 text-[11px]",children:"(error)"})]}),((U=t.metadata)==null?void 0:U.pin_requested)&&t.author_type==="agent"&&e.jsx(Ds,{authorId:t.author_id,onApprove:()=>qt(t.id)}),t.content_type==="canvas"&&(((me=t.metadata)==null?void 0:me.canvas_url)||((st=t.metadata)==null?void 0:st.canvas_id))&&e.jsx("div",{className:"mt-2",children:e.jsxs(F,{size:"sm",variant:"outline",onClick:()=>{var Y,at,it;const M=((Y=t.metadata)==null?void 0:Y.canvas_url)??`/canvas/${(at=t.metadata)==null?void 0:at.canvas_id}`;ye({url:M,title:(it=t.metadata)==null?void 0:it.canvas_title})},className:"h-7 px-2.5 text-[12px] gap-1.5 bg-white/[0.04] border-white/10 hover:bg-white/[0.08]","aria-label":"View canvas",children:[e.jsx(mt,{size:13}),"View Canvas",(nt=t.metadata)!=null&&nt.canvas_title?`: ${t.metadata.canvas_title}`:""]})}),t.reactions&&Object.keys(t.reactions).length>0&&e.jsx("div",{className:"flex flex-wrap gap-1 mt-1",children:Object.entries(t.reactions).map(([M,Y])=>e.jsxs("button",{onClick:()=>Ve(t.id,M),className:"text-[12px] bg-white/[0.06] hover:bg-white/10 border border-white/[0.06] rounded-full px-2 py-0.5 flex items-center gap-1 transition-colors",children:[e.jsx("span",{children:M}),e.jsx("span",{className:"text-white/40",children:Y.length})]},M))}),$t===t.id&&e.jsx("div",{className:"absolute top-0 right-2 -translate-y-1/2 z-10",children:e.jsx(ws,{onReact:()=>Pe(ze===t.id?null:t.id),onReplyInThread:()=>Ke(t.channel_id??m??"",t.id),onOverflow:M=>{M.preventDefault(),W({messageId:t.id,x:M.clientX,y:M.clientY})}})}),e.jsx(Ss,{attachments:t.attachments||[]}),typeof t.reply_count=="number"&&t.reply_count>0&&e.jsx(js,{replyCount:t.reply_count,lastReplyAt:t.last_reply_at??null,onOpen:()=>Ke(t.channel_id??m??"",t.id)}),ze===t.id&&e.jsx("div",{className:"absolute right-2 top-5 bg-zinc-800 border border-white/10 rounded-lg shadow-xl p-2 flex gap-1 z-10",children:Bs.map(M=>e.jsx("button",{onClick:()=>Ve(t.id,M),className:"text-lg hover:bg-white/10 rounded p-0.5 transition-colors",children:M},M))})]},t.id)}),e.jsx("div",{ref:Fe})]}),e.jsx(fs,{humans:St,agents:_t,selfId:"user"}),H&&e.jsxs("div",{className:"mx-4 mb-2 px-3 py-2 rounded-lg bg-amber-500/10 border border-amber-500/20 text-[12px] text-amber-400/80 flex items-center gap-2 shrink-0",role:"status",children:[e.jsx(le,{size:13,"aria-hidden":"true"}),"This chat is archived. The agent is no longer active."]}),te&&e.jsxs("div",{className:"mx-4 mb-1 px-3 py-2 rounded-lg bg-blue-500/10 border border-blue-500/20 text-[12px] text-blue-300/90 flex items-center gap-2 shrink-0",role:"status","aria-label":`Composer prefilled from prompt: ${te.promptName}`,children:[e.jsxs("span",{className:"flex-1 truncate",children:["Prefilled from: ",te.promptName,te.agentName?` for ${te.agentName}`:""," — edit and send"]}),e.jsx("button",{onClick:()=>{Re(null),j("")},className:"shrink-0 p-0.5 rounded hover:bg-white/10 transition-colors","aria-label":"Dismiss prefill",children:e.jsx(ge,{size:12,"aria-hidden":"true"})})]}),De&&e.jsx("div",{role:"alert",className:"text-xs text-red-300 bg-red-500/10 border border-red-500/30 rounded px-3 py-1 mx-4",children:De}),e.jsx(ks,{items:G,onRemove:t=>L(n=>n.filter(i=>i.id!==t)),onRetry:t=>{L(n=>n.map(i=>i.id===t?{...i,uploading:!1,error:"retry not yet supported — remove and re-add"}:i))}}),e.jsx("div",{className:"px-4 py-3 border-t border-white/[0.06] shrink-0",children:e.jsxs("div",{className:"relative",children:[Be&&e.jsx(ps,{commands:kt,queryAfterSlash:Ot,members:(w==null?void 0:w.members)||[],onPick:(t,n)=>{j(`@${t} /${n} `)},onClose:()=>{}}),e.jsxs("div",{className:`flex items-end gap-2 rounded-xl border px-2 py-1.5 ${H?"bg-white/[0.02] border-white/[0.04] opacity-50":"bg-white/[0.06] border-white/[0.08]"}`,children:[e.jsx(F,{variant:"ghost",size:"icon",onClick:Ft,className:"h-8 w-8 shrink-0 mb-0.5","aria-label":"Upload file",disabled:H,children:e.jsx(rs,{size:16})}),e.jsx(Zt,{ref:I,value:N,onChange:t=>!H&&Lt(t.target.value),onKeyDown:t=>!H&&It(t),onPaste:t=>{if(!t.clipboardData)return;const n=Array.from(t.clipboardData.files).filter(i=>i.type.startsWith("image/"));if(n.length!==0){t.preventDefault();for(const i of n){const c=Math.random().toString(36).slice(2);L(x=>[...x,{id:c,filename:i.name||"pasted.png",size:i.size,uploading:!0}]),Ae(i,m??void 0).then(x=>L(f=>f.map(T=>T.id===c?{...T,record:x,uploading:!1}:T))).catch(x=>L(f=>f.map(T=>T.id===c?{...T,uploading:!1,error:x.message}:T)))}}},placeholder:H?"This chat is archived":`Message #${(w==null?void 0:w.name)??""}...`,rows:1,disabled:H,className:"flex-1 bg-transparent border-0 px-1 py-1.5 min-h-0 text-[13px] focus-visible:ring-0 focus-visible:border-0 max-h-[120px] disabled:cursor-not-allowed","aria-label":"Message input"}),e.jsx(F,{size:"icon",onClick:qe,disabled:!N.trim()&&G.length===0||H||G.some(t=>t.uploading),className:"h-8 w-8 shrink-0 mb-0.5","aria-label":"Send message",children:e.jsx(ls,{size:15})})]})]})})]}):e.jsx("div",{className:"flex-1 flex items-center justify-center text-white/20",children:e.jsxs("div",{className:"text-center",children:[e.jsx(dt,{size:48,className:"mx-auto mb-3 opacity-30"}),e.jsx("p",{className:"text-sm",children:"Select a channel to start chatting"})]})})}),Qt=!r||m===null;return e.jsxs("div",{className:"flex flex-col h-full bg-shell-base text-white overflow-hidden",children:[Qt&&e.jsx("div",{className:"relative flex items-center px-3 py-2.5 border-b border-white/[0.06] shrink-0",children:a?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none",children:e.jsx("span",{className:"text-sm font-semibold text-white/90",children:a})}),e.jsx("div",{className:"ml-auto",children:e.jsx(F,{variant:"ghost",size:"icon",onClick:()=>V(!0),className:"h-7 w-7","aria-label":"New channel",children:e.jsx(xt,{size:15})})})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm font-medium text-white/80",children:[e.jsx(dt,{size:15}),!r&&"Messages"]}),e.jsx(F,{variant:"ghost",size:"icon",onClick:()=>V(!0),className:"h-7 w-7 ml-auto","aria-label":"New channel",children:e.jsx(xt,{size:15})})]})}),e.jsx("div",{className:"flex-1 min-h-0 overflow-hidden",children:e.jsx(as,{selectedId:m,onBack:()=>A(null),listTitle:"Messages",detailTitle:w==null?void 0:w.name,listWidth:240,list:Vt,detail:Gt})}),he&&(()=>{const t=_.find(n=>n.id===he.messageId);return t?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-40",onClick:()=>W(null)}),e.jsx("div",{className:"fixed z-50",style:{top:he.y,left:he.x},children:e.jsx(Ms,{isOwn:t.author_id===At,isHuman:!0,isPinned:ue.some(n=>n.id===t.id),onEdit:()=>Ut(t.id),onDelete:()=>Wt(t.id),onCopyLink:()=>Ht(t.id),onPin:()=>Bt(t),onMarkUnread:()=>Kt(t.id),onClose:()=>W(null)})})]}):null})(),Nt&&w&&e.jsx(hs,{channel:{id:w.id,name:w.name,type:w.type,topic:w.topic??"",members:w.members??[],settings:w.settings??{}},knownAgents:v.map(t=>({name:t.name})),onClose:()=>we(!1),onChanged:()=>{X()}}),ie&&e.jsx(Ns,{channelId:ie.channelId,parentId:ie.parentId,onClose:Ie,onSend:async(t,n)=>{const i=await fetch("/api/chat/messages",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({channel_id:ie.channelId,author_id:"user",author_type:"user",content:t,content_type:"text",thread_id:ie.parentId,attachments:n})});if(!i.ok){const c=await i.json().catch(()=>({}));throw new Error(c.error||`HTTP ${i.status}`)}}}),K&&e.jsx(us,{slug:K.slug,channelId:m??void 0,channelType:w==null?void 0:w.type,isMuted:((tt=(et=w==null?void 0:w.settings)==null?void 0:et.muted)==null?void 0:tt.includes(K.slug))??!1,x:K.x,y:K.y,onClose:()=>se(null),onDm:async t=>{const n=l.find(i=>i.type==="dm"&&(i.members||[]).length===2&&(i.members||[]).includes("user")&&(i.members||[]).includes(t));if(n)A(n.id);else{const i=await fetch("/api/chat/channels",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:t,type:"dm",members:["user",t],description:"",topic:""})});if(i.ok){const c=await i.json();await X(),A(c.id)}}se(null)},onViewInfo:t=>{const n=v.find(i=>i.name===t);n&&Oe({slug:t,framework:n.framework||"unknown",model:n.model||"unknown",status:n.status||"unknown",x:K.x,y:K.y}),se(null)},onJumpToSettings:t=>{window.dispatchEvent(new CustomEvent("taos:open-agent",{detail:{slug:t}})),se(null)}}),J&&e.jsxs("div",{role:"dialog","aria-label":`Agent info for @${J.slug}`,className:"fixed z-50 bg-shell-surface border border-white/10 rounded-lg shadow-xl p-3 text-xs min-w-[200px]",style:{top:J.y,left:J.x},onMouseLeave:()=>Oe(null),children:[e.jsxs("div",{className:"font-semibold text-sm mb-1",children:["@",J.slug]}),e.jsxs("div",{className:"opacity-70",children:["Framework: ",J.framework]}),e.jsxs("div",{className:"opacity-70",children:["Model: ",J.model]}),e.jsxs("div",{className:"opacity-70",children:["Status: ",J.status]})]}),be&&e.jsx("div",{className:"fixed inset-0 z-[10002] flex items-center justify-center bg-black/60 backdrop-blur-sm",onClick:()=>ye(null),role:"dialog","aria-modal":"true","aria-label":"Canvas viewer",children:e.jsxs("div",{className:"w-[90vw] h-[85vh] max-w-5xl rounded-xl border border-white/10 overflow-hidden bg-zinc-900 flex flex-col",onClick:t=>t.stopPropagation(),children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-2 border-b border-white/10 shrink-0",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm text-white/80",children:[e.jsx(mt,{size:14}),e.jsx("span",{children:be.title??"Canvas"})]}),e.jsx(F,{variant:"ghost",size:"icon",onClick:()=>ye(null),className:"h-7 w-7","aria-label":"Close canvas viewer",children:e.jsx(ge,{size:14})})]}),e.jsx("iframe",{src:be.url,className:"flex-1 w-full border-none bg-white",title:"Canvas"})]})}),de&&(r?e.jsx("div",{className:"fixed inset-0 z-50",onClick:()=>V(!1),role:"dialog","aria-modal":"true","aria-label":"New channel",children:e.jsxs("div",{className:"absolute bottom-0 left-0 right-0 bg-zinc-900 border-t border-white/[0.08] rounded-t-2xl p-4 space-y-3",onClick:t=>t.stopPropagation(),children:[e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsx("span",{className:"text-sm font-semibold",children:"New Channel"}),e.jsx(F,{variant:"ghost",size:"icon",onClick:()=>V(!1),className:"h-7 w-7","aria-label":"Close",children:e.jsx(ge,{size:15})})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(Z,{htmlFor:"new-channel-name-mobile",className:"block uppercase tracking-wider",children:"Name"}),e.jsx(xe,{id:"new-channel-name-mobile",value:D.name,onChange:t=>B(n=>({...n,name:t.target.value})),placeholder:"general","aria-label":"Channel name"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(Z,{htmlFor:"new-channel-type-mobile",className:"block uppercase tracking-wider",children:"Type"}),e.jsxs("select",{id:"new-channel-type-mobile",value:D.type,onChange:t=>B(n=>({...n,type:t.target.value})),className:"w-full bg-white/[0.06] border border-white/10 rounded-lg px-3 py-2 text-sm text-white outline-none focus:border-blue-500/50","aria-label":"Channel type",children:[e.jsx("option",{value:"topic",children:"Topic"}),e.jsx("option",{value:"group",children:"Group"})]})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(Z,{htmlFor:"new-channel-description-mobile",className:"block uppercase tracking-wider",children:"Description"}),e.jsx(xe,{id:"new-channel-description-mobile",value:D.description,onChange:t=>B(n=>({...n,description:t.target.value})),placeholder:"What's this channel about?","aria-label":"Channel description"})]}),e.jsx(F,{onClick:Ge,disabled:!D.name.trim(),className:"w-full",children:"Create Channel"})]})}):e.jsx("div",{className:"absolute inset-0 bg-black/60 flex items-center justify-center z-50 p-4",children:e.jsxs(es,{className:"w-full max-w-[380px] max-h-full flex flex-col shadow-2xl bg-zinc-900",children:[e.jsxs(ts,{className:"flex flex-row items-center justify-between gap-2 p-0 px-4 py-3 border-b border-white/[0.06]",children:[e.jsx(ss,{className:"text-sm font-medium",children:"New Channel"}),e.jsx(F,{variant:"ghost",size:"icon",onClick:()=>V(!1),className:"h-7 w-7","aria-label":"Close",children:e.jsx(ge,{size:15})})]}),e.jsxs(ns,{className:"p-4 pt-4 space-y-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(Z,{htmlFor:"new-channel-name",className:"block uppercase tracking-wider",children:"Name"}),e.jsx(xe,{id:"new-channel-name",value:D.name,onChange:t=>B(n=>({...n,name:t.target.value})),placeholder:"general","aria-label":"Channel name"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(Z,{htmlFor:"new-channel-type",className:"block uppercase tracking-wider",children:"Type"}),e.jsxs("select",{id:"new-channel-type",value:D.type,onChange:t=>B(n=>({...n,type:t.target.value})),className:"w-full bg-white/[0.06] border border-white/10 rounded-lg px-3 py-2 text-sm text-white outline-none focus:border-blue-500/50","aria-label":"Channel type",children:[e.jsx("option",{value:"topic",children:"Topic"}),e.jsx("option",{value:"group",children:"Group"})]})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(Z,{htmlFor:"new-channel-description",className:"block uppercase tracking-wider",children:"Description"}),e.jsx(xe,{id:"new-channel-description",value:D.description,onChange:t=>B(n=>({...n,description:t.target.value})),placeholder:"What's this channel about?","aria-label":"Channel description"})]}),e.jsx(F,{onClick:Ge,disabled:!D.name.trim(),className:"w-full",children:"Create Channel"})]})]})}))]})}export{en as MessagesApp,Js as resolveAuthorDisplayState};
diff --git a/static/desktop/assets/ProvidersApp-J70w8LQ4.js b/static/desktop/assets/ProvidersApp-BY6yJVKl.js
similarity index 99%
rename from static/desktop/assets/ProvidersApp-J70w8LQ4.js
rename to static/desktop/assets/ProvidersApp-BY6yJVKl.js
index b7ae6541..a2f51832 100644
--- a/static/desktop/assets/ProvidersApp-J70w8LQ4.js
+++ b/static/desktop/assets/ProvidersApp-BY6yJVKl.js
@@ -1 +1 @@
-import{r as x,j as e}from"./vendor-react-l6srOxy7.js";import{B as g,C as F,c as U,L as O,I as D}from"./toolbar-UW6q5pkx.js";import{a as ne,g as ie}from"./main-DJzY8MYL.js";import{M as oe}from"./MobileSplitView-CtNEF6zb.js";import{u as H}from"./use-is-mobile-v5lglusa.js";import{j as q,a9 as W,g as V,ax as X,y as Q,f as ce,aw as de,ay as ae,X as xe}from"./vendor-icons-wm645Jsx.js";import"./vendor-radix-BhM7AEEG.js";import"./vendor-layout-B-pp9n1f.js";import"./tokens-BMxhf1g-.js";import"./vendor-codemirror-CL2HhW7v.js";const le=["openai","anthropic","openrouter","kilocode"],pe=["rkllama","ollama","llama-cpp","vllm","exo","mlx"],G={openai:"https://api.openai.com/v1",anthropic:"https://api.anthropic.com/v1",openrouter:"https://openrouter.ai/api/v1",kilocode:"https://api.kilo.ai/api/gateway",ollama:"http://localhost:11434",rkllama:"http://localhost:8080","llama-cpp":"http://localhost:8080",vllm:"http://localhost:8000"},Y={openai:{label:"OpenAI",description:"GPT-4o, o1, and more",url:"https://api.openai.com/v1",keyPlaceholder:"sk-..."},anthropic:{label:"Anthropic",description:"Claude Sonnet, Opus, Haiku",url:"https://api.anthropic.com/v1",keyPlaceholder:"sk-ant-..."},openrouter:{label:"OpenRouter",description:"300+ models via one API",url:"https://openrouter.ai/api/v1",keyPlaceholder:"sk-or-..."},kilocode:{label:"Kilo",description:"500+ models, smart routing",url:"https://api.kilo.ai/api/gateway",keyPlaceholder:"kilo-..."}},Z={ok:"bg-emerald-500/20 text-emerald-400",online:"bg-emerald-500/20 text-emerald-400",slow:"bg-amber-500/20 text-amber-400",error:"bg-red-500/20 text-red-400",unknown:"bg-zinc-500/20 text-zinc-400"},me={ok:"Online",online:"Online",slow:"Slow",error:"Error",unknown:"Unknown"},ee={local:"Local / On Device",network:"Network / Cluster",cloud:"Cloud"},he=["local","network","cloud"];function K(t){return le.includes(t)}function M({type:t}){const i=K(t);return e.jsx("span",{className:`text-[10px] px-1.5 py-0.5 rounded font-medium ${i?"bg-violet-500/20 text-violet-300":"bg-teal-500/20 text-teal-300"}`,children:t})}function J({status:t}){const i=Z[t]??Z.unknown,m=me[t]??"Unknown";return e.jsx("span",{className:`text-[10px] px-1.5 py-0.5 rounded-full font-medium ${i}`,children:m})}const te={running:"bg-emerald-500/20 text-emerald-400",stopped:"bg-zinc-500/20 text-zinc-400",error:"bg-red-500/20 text-red-400",starting:"bg-blue-500/20 text-blue-400",draining:"bg-amber-500/20 text-amber-400",stopping:"bg-amber-500/20 text-amber-400"},re={running:"Running",stopped:"Stopped",error:"Error",starting:"Starting…",draining:"Draining…",stopping:"Stopping…"};function ue({state:t}){const i=te[t]??te.stopped,m=re[t]??t,u=t==="starting"||t==="draining"||t==="stopping";return e.jsxs("span",{className:`text-[10px] px-1.5 py-0.5 rounded-full font-medium inline-flex items-center gap-1 ${i}`,children:[u&&e.jsx("svg",{className:"animate-spin",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none","aria-hidden":"true",children:e.jsx("circle",{cx:"4",cy:"4",r:"3",stroke:"currentColor",strokeWidth:"1.5",strokeDasharray:"10",strokeDashoffset:"5"})}),m]})}function se({name:t,platform:i}){const m=i?` · ${i}`:"";return e.jsxs("span",{className:"text-[10px] px-1.5 py-0.5 rounded-full font-medium bg-blue-500/20 text-blue-300 inline-flex items-center gap-1",title:`Backend on worker ${t}${m}`,children:[e.jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",children:e.jsx("circle",{cx:"4",cy:"4",r:"3",stroke:"currentColor",strokeWidth:"1.5"})}),t]})}function fe(t){var m;const i={local:[],network:[],cloud:[]};for(const u of t){const p=u.category??((m=u.source)!=null&&m.startsWith("worker:")?"network":le.includes(u.type)?"cloud":"local");i[p].push(u)}return i}function ge(t){return t?{name:t.name,type:t.type,url:t.url,apiKey:"",priority:String(t.priority??99)}:{name:"",type:"openai",url:G.openai,apiKey:"",priority:"99"}}function be({editing:t,onSave:i,onClose:m}){var z;const u=H(),p=!!t,[h,k]=x.useState(p?"config":"category"),[v,w]=x.useState(null),[r,f]=x.useState(()=>ge(t)),[b,j]=x.useState(null),[T,A]=x.useState(!1),[P,o]=x.useState(!1),[_,E]=x.useState(null),[R,$]=x.useState(!1);function L(s,n){f(l=>({...l,[s]:n})),j(null),$(!1)}function S(s){f(n=>({...n,type:s,url:G[s]??n.url})),j(null),$(!1)}function B(s){const n=Y[s];n&&(f(l=>({...l,type:s,url:n.url,name:l.name||s})),j(null),$(!1),k("config"))}function c(){if(h==="config"&&v==="cloud"){k("cloud-pick");return}if(h==="config"&&v==="local"){k("category");return}if(h==="config"&&v==="cluster"){k("cluster-info");return}if(h==="config"&&v===null){m();return}if(h==="cloud-pick"){k("category");return}if(h==="cluster-info"){k("category");return}}async function y(){A(!0),j(null),E(null);try{const n=await(await fetch("/api/providers/test",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({type:r.type,url:r.url})})).json();j(n)}catch(s){j({reachable:!1,error:s instanceof Error?s.message:"Network error"})}A(!1)}async function d(){if(!r.name.trim()){E("Name is required");return}o(!0),E(null);let s=t==null?void 0:t.api_key_secret;if(r.apiKey.trim()){const n=`provider-${r.name.trim()}-key`;try{await fetch("/api/secrets",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({name:n,value:r.apiKey.trim(),category:"api-key",description:`API key for ${r.name.trim()} provider`,agents:[]})}),s=n}catch{}}try{const n={name:r.name.trim(),type:r.type,url:r.url.trim(),priority:parseInt(r.priority)||99};s&&(n.api_key_secret=s),p&&await fetch(`/api/providers/${encodeURIComponent(t.name)}`,{method:"DELETE",headers:{Accept:"application/json"}});const l=await fetch("/api/providers",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(n)});if(!l.ok){let C=`Save failed (${l.status})`;try{const I=await l.json();I!=null&&I.error&&(C=String(I.error))}catch{}E(C),o(!1);return}i()}catch(n){E(n instanceof Error?n.message:"Network error"),o(!1)}}const a=(p||(b==null?void 0:b.reachable)===!0||R)&&r.name.trim().length>0,N=Y[r.type];return e.jsx("div",{className:u?"absolute inset-0 z-50 flex items-end bg-black/50 backdrop-blur-sm":"absolute inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm p-4",onClick:m,role:"dialog","aria-modal":"true","aria-label":p?"Edit provider":"Add provider",children:e.jsx(F,{className:u?"w-full max-h-[92%] overflow-y-auto bg-shell-surface shadow-2xl":"w-full max-w-md max-h-full overflow-y-auto bg-shell-surface shadow-2xl",style:u?{borderRadius:"20px 20px 0 0"}:void 0,onClick:s=>s.stopPropagation(),children:e.jsxs(U,{className:"p-5 space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[h!=="category"&&!p&&e.jsx("button",{onClick:c,className:"text-shell-text-tertiary hover:text-shell-text mr-1","aria-label":"Go back",children:"←"}),e.jsx(q,{size:16,className:"text-accent"}),e.jsx("h2",{className:"text-sm font-semibold",children:p?"Edit Provider":h==="category"?"Add Provider":h==="cloud-pick"?"Choose Cloud Provider":h==="cluster-info"?"Add Cluster Worker":"Configure Provider"})]}),e.jsx(g,{variant:"ghost",size:"icon",onClick:m,"aria-label":"Close form",className:"h-7 w-7",children:e.jsx(xe,{size:16})})]}),h==="category"&&e.jsx("div",{className:"grid grid-cols-3 gap-3",role:"group","aria-label":"Provider category",children:["local","cluster","cloud"].map(s=>{const l={local:{icon:"🖥️",label:"Local",desc:"On-device AI"},cluster:{icon:"🌐",label:"Cluster",desc:"Linked workers"},cloud:{icon:"☁️",label:"Cloud",desc:"Hosted APIs"}}[s];return e.jsxs("button",{onClick:()=>{w(s),s==="cloud"?k("cloud-pick"):s==="cluster"?k("cluster-info"):(f(C=>({...C,type:"rkllama",url:G.rkllama})),k("config"))},className:"flex flex-col items-center gap-1.5 rounded-xl border border-white/10 bg-white/5 p-4 hover:bg-white/10 hover:border-accent/40 transition-colors text-center","aria-label":`${l.label}: ${l.desc}`,children:[e.jsx("span",{className:"text-2xl","aria-hidden":"true",children:l.icon}),e.jsx("span",{className:"text-[12px] font-semibold text-shell-text",children:l.label}),e.jsx("span",{className:"text-[10px] text-shell-text-tertiary",children:l.desc})]},s)})}),h==="cloud-pick"&&e.jsx("div",{className:"grid grid-cols-2 gap-3",role:"group","aria-label":"Cloud provider",children:Object.entries(Y).map(([s,n])=>e.jsxs("button",{onClick:()=>B(s),className:"flex flex-col items-start gap-1 rounded-xl border border-white/10 bg-white/5 p-3.5 hover:bg-white/10 hover:border-accent/40 transition-colors text-left","aria-label":`${n.label}: ${n.description}`,children:[e.jsx("span",{className:"text-[13px] font-semibold text-shell-text",children:n.label}),e.jsx("span",{className:"text-[10px] text-shell-text-tertiary",children:n.description})]},s))}),h==="cluster-info"&&e.jsxs("div",{className:"space-y-3",children:[e.jsx("p",{className:"text-[12px] text-shell-text-secondary leading-relaxed",children:"Cluster workers auto-register when the taOS worker agent is installed and running on a remote machine. No manual entry needed — workers appear automatically in the Network section once connected."}),e.jsxs("div",{className:"rounded-lg bg-black/30 border border-white/10 p-3",children:[e.jsx("p",{className:"text-[10px] text-shell-text-tertiary mb-1.5 uppercase tracking-wide",children:"Install worker agent"}),e.jsx("code",{className:"text-[11px] text-shell-text font-mono block",children:"curl -fsSL https://get.tinyagentos.com/worker | bash"})]}),e.jsx("p",{className:"text-[10px] text-shell-text-tertiary",children:"Point the worker at this controller's address and it will appear here within a few seconds."}),e.jsx(g,{variant:"secondary",onClick:m,className:"w-full",children:"Close"})]}),h==="config"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(O,{htmlFor:"prov-name",children:"Name"}),e.jsx(D,{id:"prov-name",type:"text",value:r.name,onChange:s=>L("name",s.target.value),placeholder:N?N.label.toLowerCase():"my-provider",disabled:p,autoFocus:!p})]}),v==="cloud"&&N&&!p&&e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(O,{children:"API Endpoint"}),e.jsxs("div",{className:"flex items-center gap-2 rounded-lg border border-white/10 bg-white/5 px-3 py-2",children:[e.jsx(ae,{size:11,className:"text-shell-text-tertiary shrink-0"}),e.jsx("code",{className:"text-[11px] text-shell-text-tertiary font-mono truncate",children:N.url})]})]}),v==="local"&&!p&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(O,{htmlFor:"prov-type",children:"Type"}),e.jsx("select",{id:"prov-type",value:r.type,onChange:s=>S(s.target.value),className:"flex h-9 w-full rounded-lg border border-white/10 bg-shell-bg-deep px-3 py-1 text-sm text-shell-text focus-visible:outline-none focus-visible:border-accent/40 focus-visible:ring-2 focus-visible:ring-accent/20",children:pe.map(s=>e.jsx("option",{value:s,children:s},s))})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(O,{htmlFor:"prov-url",children:"URL"}),e.jsx(D,{id:"prov-url",type:"url",value:r.url,onChange:s=>L("url",s.target.value),placeholder:"http://localhost:8080"})]})]}),p&&e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(O,{htmlFor:"prov-url",children:"URL"}),e.jsx(D,{id:"prov-url",type:"url",value:r.url,onChange:s=>L("url",s.target.value),placeholder:"http://localhost:8080"})]}),K(r.type)&&e.jsxs("div",{className:"space-y-1.5",children:[e.jsxs(O,{htmlFor:"prov-apikey",children:["API Key",p&&" (leave blank to keep existing)"]}),e.jsx(D,{id:"prov-apikey",type:"password",value:r.apiKey,onChange:s=>L("apiKey",s.target.value),placeholder:p?"••••••••":(N==null?void 0:N.keyPlaceholder)??"sk-...",className:"font-mono"}),e.jsxs("p",{className:"text-[10px] text-shell-text-tertiary",children:["Saved as ",e.jsxs("code",{children:["provider-",r.name||"{name}","-key"]})]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(O,{htmlFor:"prov-priority",children:"Priority (lower wins)"}),e.jsx(D,{id:"prov-priority",type:"number",value:r.priority,onChange:s=>L("priority",s.target.value),placeholder:"99",min:0})]}),b&&e.jsx("div",{role:"status",className:`text-xs rounded-lg px-3 py-2 border ${b.reachable?"bg-emerald-500/10 border-emerald-500/20 text-emerald-300":"bg-red-500/10 border-red-500/20 text-red-300"}`,children:b.reachable?`Connected — ${b.response_ms??0} ms · ${((z=b.models)==null?void 0:z.length)??0} models found`:`Connection failed: ${b.error??"unknown error"}`}),_&&e.jsx("div",{role:"alert",className:"text-xs text-red-300 bg-red-500/10 border border-red-500/20 rounded px-2 py-1.5",children:_}),e.jsxs("div",{className:"flex items-center gap-2 pt-1 flex-wrap",children:[e.jsxs(g,{variant:"outline",size:"sm",onClick:y,disabled:T||!r.url.trim(),"aria-label":"Test provider connection",children:[e.jsx(W,{size:13,className:T?"animate-spin":""}),T?"Testing...":"Test connection"]}),e.jsx(g,{onClick:d,disabled:!a||P,"aria-label":p?"Update provider":"Save provider",children:P?"Saving...":p?"Update":"Save"}),e.jsx(g,{variant:"secondary",onClick:m,children:"Cancel"}),b&&!b.reachable&&!R&&e.jsx("button",{type:"button",onClick:()=>$(!0),className:"text-[11px] text-shell-text-tertiary underline hover:text-shell-text transition-colors ml-auto","aria-label":"Save anyway despite connection failure",children:"Save anyway"})]})]})]})})})}function ye({provider:t,onEdit:i,onDelete:m,onTestDone:u,onRefresh:p}){var a,N,z,s,n;const h=H(),[k,v]=x.useState(!1),[w,r]=x.useState(!1),[f,b]=x.useState(null),[j,T]=x.useState(!1),[A,P]=x.useState(t.keep_alive_minutes??10),o=t.lifecycle_state??"running",_=!((a=t.source)!=null&&a.startsWith("worker:")),E=o==="starting"||o==="draining"||o==="stopping",R=ne(l=>l.openWindow);function $(){const l=ie("secrets");l&&R("secrets",l.defaultSize)}async function L(l){try{await navigator.clipboard.writeText(l),v(!0),window.setTimeout(()=>v(!1),1200)}catch{}}async function S(){r(!0),b(null);try{const C=await(await fetch("/api/providers/test",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({type:t.type,url:t.url})})).json();b(C),u(C)}catch(l){const C={reachable:!1,error:l instanceof Error?l.message:"Network error"};b(C),u(C)}r(!1)}async function B(){T(!0);try{await fetch(`/api/providers/${encodeURIComponent(t.name)}/start`,{method:"POST"}),p()}finally{T(!1)}}async function c(l){T(!0);try{await fetch(`/api/providers/${encodeURIComponent(t.name)}/stop`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({force:l})}),p()}finally{T(!1)}}async function y(l){try{await fetch(`/api/providers/${encodeURIComponent(t.name)}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)})}catch{}p()}const d=t.models??[];return e.jsxs("div",{className:"flex flex-col h-full min-h-0 overflow-hidden",children:[!h&&e.jsxs("div",{className:"flex items-start justify-between gap-3 px-4 py-3 border-b border-white/5 shrink-0",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx("h2",{className:"text-sm font-semibold text-shell-text truncate",children:t.name}),e.jsx(M,{type:t.type}),e.jsx(J,{status:t.status}),_&&t.lifecycle_state&&e.jsx(ue,{state:o}),e.jsxs("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-white/5 text-shell-text-tertiary",children:["priority ",t.priority]})]}),t.response_ms>0&&e.jsxs("p",{className:"text-[11px] text-shell-text-tertiary mt-0.5",children:[t.response_ms," ms"]})]}),e.jsxs("div",{className:"flex items-center gap-1 shrink-0",children:[_&&t.auto_manage&&o==="stopped"&&e.jsx(g,{size:"sm",variant:"outline",onClick:B,disabled:j,"aria-label":`Start provider ${t.name}`,children:j?"Starting…":"Start"}),_&&t.auto_manage&&o==="running"&&e.jsx(g,{size:"sm",variant:"outline",onClick:()=>c(!1),disabled:j,"aria-label":`Stop provider ${t.name}`,children:"Stop"}),_&&t.auto_manage&&E&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-[11px] text-shell-text-tertiary px-2",children:re[o]}),e.jsx("button",{onClick:()=>c(!0),disabled:j,className:"text-[11px] text-red-400 hover:text-red-300 px-1","aria-label":`Force kill provider ${t.name}`,children:"Kill"})]}),e.jsxs(g,{size:"sm",variant:"outline",onClick:S,disabled:w,"aria-label":`Test connection for ${t.name}`,children:[e.jsx(W,{size:13,className:w?"animate-spin":""}),w?"Testing...":"Test"]}),(!_||o==="running"||!t.lifecycle_state)&&e.jsxs(e.Fragment,{children:[e.jsxs(g,{size:"sm",variant:"outline",onClick:i,"aria-label":`Edit provider ${t.name}`,children:[e.jsx(X,{size:13}),"Edit"]}),e.jsxs(g,{size:"sm",variant:"outline",onClick:m,className:"hover:bg-red-500/15 hover:text-red-300","aria-label":`Delete provider ${t.name}`,children:[e.jsx(Q,{size:13}),"Delete"]})]})]})]}),h&&e.jsxs("div",{className:"shrink-0 px-4 py-3 border-b border-white/5",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap mb-3",children:[e.jsx(M,{type:t.type}),e.jsx(J,{status:t.status}),e.jsxs("span",{className:"text-[11px] px-1.5 py-0.5 rounded bg-white/5 text-shell-text-tertiary",children:["priority ",t.priority]}),t.response_ms>0&&e.jsxs("span",{className:"text-[11px] text-shell-text-tertiary",children:[t.response_ms," ms"]})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs(g,{size:"sm",variant:"outline",onClick:S,disabled:w,className:"flex-1",children:[e.jsx(W,{size:13,className:w?"animate-spin":""}),w?"Testing...":"Test"]}),e.jsxs(g,{size:"sm",variant:"outline",onClick:i,className:"flex-1",children:[e.jsx(X,{size:13}),"Edit"]}),e.jsxs(g,{size:"sm",variant:"outline",onClick:m,className:"flex-1 hover:bg-red-500/15 hover:text-red-300",children:[e.jsx(Q,{size:13}),"Delete"]})]})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto p-4 space-y-3",children:[f&&e.jsx("div",{role:"status",className:`text-xs rounded-lg px-3 py-2 border ${f.reachable?"bg-emerald-500/10 border-emerald-500/20 text-emerald-300":"bg-red-500/10 border-red-500/20 text-red-300"}`,children:f.reachable?`Connected — ${f.response_ms??0} ms · ${((N=f.models)==null?void 0:N.length)??0} models found`:o==="stopping"||o==="draining"?"Provider is shutting down. Wait for it to stop before testing.":o==="stopped"&&(t.auto_manage??!1)?"Starting service…":o==="stopped"?"Service is stopped. Start it manually or enable Auto manage.":(z=f.error)!=null&&z.includes("Cannot connect")||(s=f.error)!=null&&s.includes("Connection refused")||(n=f.error)!=null&&n.includes("connect")?`Cannot reach ${t.url}. Check the service is running.`:`Connection failed: ${f.error??"unknown error"}`}),e.jsx(F,{className:"p-3",children:e.jsxs(U,{className:"p-0",children:[e.jsx("div",{className:"flex items-center gap-2 mb-1",children:e.jsx("span",{className:"text-[10px] uppercase tracking-wide text-shell-text-tertiary",children:"Base URL"})}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("code",{className:"text-xs text-shell-text flex-1 truncate font-mono",children:t.url}),e.jsx(g,{variant:"ghost",size:"icon",className:"h-6 w-6 shrink-0",onClick:()=>L(t.url),"aria-label":"Copy URL",children:k?e.jsx(ce,{size:12}):e.jsx(de,{size:12})})]})]})}),e.jsx(F,{className:"p-3",children:e.jsxs(U,{className:"p-0",children:[e.jsx("div",{className:"flex items-center gap-2 mb-1",children:e.jsx("span",{className:"text-[10px] uppercase tracking-wide text-shell-text-tertiary",children:"API Key"})}),t.api_key_secret?e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("code",{className:"text-xs text-shell-text-secondary font-mono flex-1",children:t.api_key_secret}),e.jsxs(g,{variant:"ghost",size:"sm",onClick:$,className:"h-6 text-[10px] gap-1","aria-label":"Open Secrets app to manage this key",children:[e.jsx(ae,{size:10}),"Manage"]})]}):e.jsx("p",{className:"text-xs text-shell-text-tertiary italic",children:K(t.type)?"No key configured":"Not required — local backend"})]})}),K(t.type)&&e.jsx(F,{className:"p-3",children:e.jsx(U,{className:"p-0",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-shell-text-secondary",children:"Enabled"}),!(t.enabled??!0)&&e.jsx("p",{className:"text-[11px] text-amber-400 mt-0.5",children:"Suspended — requests will be blocked"})]}),e.jsx("button",{role:"switch","aria-checked":t.enabled??!0,"aria-label":"Toggle provider enabled",onClick:()=>y({enabled:!(t.enabled??!0)}),className:`w-8 h-4 rounded-full transition-colors relative ${t.enabled??!0?"bg-emerald-500":"bg-zinc-600"}`,children:e.jsx("span",{className:`absolute top-0.5 w-3 h-3 rounded-full bg-white transition-transform ${t.enabled??!0?"translate-x-4":"translate-x-0.5"}`})})]})})}),e.jsx(F,{className:"p-3",children:e.jsxs(U,{className:"p-0",children:[e.jsx("div",{className:"flex items-center gap-2 mb-2",children:e.jsxs("span",{className:"text-[10px] uppercase tracking-wide text-shell-text-tertiary",children:["Models (",d.length,")"]})}),d.length===0?e.jsx("p",{className:"text-xs text-shell-text-tertiary italic",children:"No models loaded"}):e.jsx("div",{className:"flex flex-wrap gap-1",children:d.map((l,C)=>{const I=l.id??l.name??String(C);return e.jsx("span",{className:"text-[10px] px-2 py-0.5 rounded-full bg-violet-500/15 text-violet-200 font-medium",children:I},`m-${C}-${I}`)})})]})}),_&&!K(t.type)&&t.auto_manage!==void 0&&e.jsxs(F,{className:"p-0 overflow-hidden",children:[e.jsx("div",{className:"px-3 py-2 border-b border-white/5",children:e.jsx("span",{className:"text-[10px] font-medium text-shell-text-tertiary uppercase tracking-wider",children:"Lifecycle"})}),e.jsxs(U,{className:"p-3 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[12px] text-shell-text-secondary",children:"Enabled"}),e.jsx("button",{role:"switch","aria-checked":t.enabled??!0,"aria-label":"Toggle provider enabled",onClick:()=>y({enabled:!(t.enabled??!0)}),className:`w-8 h-4 rounded-full transition-colors relative ${t.enabled??!0?"bg-emerald-500":"bg-zinc-600"}`,children:e.jsx("span",{className:`absolute top-0.5 w-3 h-3 rounded-full bg-white transition-transform ${t.enabled??!0?"translate-x-4":"translate-x-0.5"}`})})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[12px] text-shell-text-secondary",children:"Auto manage"}),e.jsx("button",{role:"switch","aria-checked":t.auto_manage??!1,"aria-label":"Toggle auto manage",onClick:()=>y({auto_manage:!(t.auto_manage??!1)}),className:`w-8 h-4 rounded-full transition-colors relative ${t.auto_manage??!1?"bg-emerald-500":"bg-zinc-600"}`,children:e.jsx("span",{className:`absolute top-0.5 w-3 h-3 rounded-full bg-white transition-transform ${t.auto_manage??!1?"translate-x-4":"translate-x-0.5"}`})})]}),(t.auto_manage??!1)&&e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-shell-text-secondary",children:"Keep alive"}),e.jsx("p",{className:"text-[10px] text-shell-text-tertiary",children:(t.keep_alive_minutes??10)===0?"Always on":`Stop after ${t.keep_alive_minutes??10} min idle`})]}),e.jsx("input",{type:"number",min:0,max:60,value:A,onChange:l=>P(Number(l.target.value)),onBlur:l=>y({keep_alive_minutes:Number(l.target.value)}),className:"w-14 text-[12px] bg-white/5 border border-white/10 rounded px-2 py-1 text-right text-shell-text","aria-label":"Keep alive minutes (0 = always on)"})]})]})]})]})]})}function Le({windowId:t}){const i=H(),m=x.useRef(i);x.useEffect(()=>{m.current=i},[i]);const[u,p]=x.useState([]),[h,k]=x.useState(!0),[v,w]=x.useState(null),[r,f]=x.useState(!1),[b,j]=x.useState(null),[T,A]=x.useState(null),P=x.useCallback(c=>{A(c),window.setTimeout(()=>A(null),3e3)},[]),o=x.useCallback(async()=>{try{const c=await fetch("/api/providers",{headers:{Accept:"application/json"}});if(c.ok&&(c.headers.get("content-type")??"").includes("application/json")){const d=await c.json();Array.isArray(d)&&(p(d),w(a=>a&&d.some(N=>N.name===a)?a:m.current?null:d.length>0?d[0].name:null))}}catch{}k(!1)},[]);x.useEffect(()=>{o();const c=setInterval(o,3e4);return()=>clearInterval(c)},[o]);async function _(c){if(window.confirm(`Remove provider "${c}"?`))try{const y=await fetch(`/api/providers/${encodeURIComponent(c)}`,{method:"DELETE",headers:{Accept:"application/json"}});if(!y.ok){let d=`Delete failed (${y.status})`;try{const a=await y.json();a!=null&&a.error&&(d=String(a.error))}catch{}P(d);return}P(`Provider "${c}" removed`),w(null),o()}catch(y){P(y instanceof Error?y.message:"Network error")}}function E(){j(null),f(!0)}function R(c){j(c),f(!0)}function $(){f(!1),j(null),o()}function L(){f(!1),j(null)}const S=u.find(c=>c.name===v)??null,B=!i||v===null;return e.jsxs("div",{className:"flex flex-col h-full min-h-0 overflow-hidden bg-shell-bg text-shell-text select-none relative",children:[B&&e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-white/5 shrink-0",children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[e.jsx(q,{size:18,className:"text-accent shrink-0"}),e.jsx("h1",{className:"text-sm font-semibold",children:"Providers"}),e.jsxs("span",{className:"text-xs text-shell-text-tertiary",children:[u.length," configured"]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(g,{variant:"ghost",size:"icon",onClick:o,"aria-label":"Refresh provider list",children:e.jsx(W,{size:14})}),e.jsxs(g,{size:"sm",onClick:E,"aria-label":"Add provider",children:[e.jsx(V,{size:14}),i?"Add":"Add Provider"]})]})]}),e.jsx(oe,{selectedId:v,onBack:()=>w(null),listTitle:"Providers",detailTitle:S==null?void 0:S.name,list:e.jsx("div",{className:i?"py-2":"p-3 space-y-2","aria-label":"Provider list",children:h?e.jsx("div",{className:"text-[11px] text-shell-text-tertiary px-4 py-6 text-center",children:"Loading providers..."}):u.length===0?e.jsxs("div",{className:"flex flex-col items-center gap-2 py-10 text-center px-4",children:[e.jsx(q,{size:36,className:"opacity-20 text-shell-text-tertiary"}),e.jsx("p",{className:"text-[13px] text-shell-text-tertiary",children:"No providers configured yet."}),e.jsxs(g,{size:"sm",onClick:E,className:"mt-2",children:[e.jsx(V,{size:13}),"Add your first"]})]}):(()=>{const c=fe(u),y=he.filter(d=>c[d].length>0);return i?e.jsx("div",{style:{padding:"8px 0 16px"},children:y.map(d=>e.jsxs("div",{style:{marginBottom:20},children:[e.jsx("div",{style:{fontSize:12,textTransform:"uppercase",letterSpacing:.5,color:"rgba(255,255,255,0.45)",padding:"0 20px 6px",fontWeight:600},children:ee[d]}),e.jsx("div",{style:{margin:"0 12px",borderRadius:16,background:"rgba(255,255,255,0.05)",border:"1px solid rgba(255,255,255,0.08)",overflow:"hidden"},children:c[d].map((a,N,z)=>e.jsxs("button",{type:"button",onClick:()=>w(a.name),"aria-label":`Select provider ${a.name}`,style:{display:"flex",alignItems:"center",gap:10,width:"100%",padding:"14px 16px",background:"none",border:"none",borderBottom:N===z.length-1?"none":"1px solid rgba(255,255,255,0.06)",cursor:"pointer",color:"inherit",textAlign:"left"},children:[e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsxs("div",{style:{fontSize:15,fontWeight:600,color:"rgba(255,255,255,0.95)",display:"flex",alignItems:"center",gap:8,marginBottom:4},children:[e.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:a.name}),e.jsx(J,{status:a.status})]}),e.jsxs("div",{className:"flex items-center gap-1.5 flex-wrap",children:[e.jsx(M,{type:a.type}),a.worker_name&&e.jsx(se,{name:a.worker_name,platform:a.worker_platform}),e.jsxs("span",{className:"text-[11px] text-shell-text-tertiary",children:["priority ",a.priority]}),a.models.length>0&&e.jsxs("span",{className:"text-[11px] text-shell-text-tertiary",children:["· ",a.models.length," model",a.models.length!==1?"s":""]})]})]}),e.jsx("svg",{width:"8",height:"14",viewBox:"0 0 8 14",fill:"none",style:{color:"rgba(255,255,255,0.3)",flexShrink:0},children:e.jsx("path",{d:"M1 1L7 7L1 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]},a.name))})]},d))}):y.map(d=>e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-wider text-shell-text-tertiary font-semibold px-1 mb-1.5",children:ee[d]}),e.jsx("div",{className:"space-y-1.5",children:c[d].map(a=>e.jsxs("button",{type:"button",onClick:()=>w(a.name),"aria-pressed":v===a.name,"aria-label":`Select provider ${a.name}`,className:`w-full text-left p-2.5 rounded-lg border transition-colors ${v===a.name?"border-accent/50 bg-accent/10":"border-white/5 bg-white/[0.02] hover:bg-white/[0.04]"}`,children:[e.jsxs("div",{className:"flex items-center justify-between gap-1.5 mb-1",children:[e.jsx("span",{className:"text-[12px] font-semibold text-shell-text truncate",children:a.name}),e.jsx(J,{status:a.status})]}),e.jsxs("div",{className:"flex items-center gap-1.5 flex-wrap",children:[e.jsx(M,{type:a.type}),a.worker_name&&e.jsx(se,{name:a.worker_name,platform:a.worker_platform}),e.jsxs("span",{className:"text-[10px] text-shell-text-tertiary",children:["#",a.priority]}),a.models.length>0&&e.jsxs("span",{className:"text-[10px] text-shell-text-tertiary",children:[a.models.length," model",a.models.length!==1?"s":""]})]})]},a.name))})]},d))})()}),detail:S?e.jsx(ye,{provider:S,onEdit:()=>R(S),onDelete:()=>_(S.name),onTestDone:()=>o(),onRefresh:o}):i?null:e.jsx("div",{className:"flex items-center justify-center h-full text-shell-text-tertiary text-sm",children:h?"Loading...":u.length===0?"Add a provider to get started":"Select a provider"})}),r&&e.jsx(be,{editing:b,onSave:$,onClose:L}),T&&e.jsx("div",{role:"status","aria-live":"polite",className:"absolute bottom-4 left-1/2 -translate-x-1/2 px-3 py-2 rounded-lg bg-shell-surface border border-white/10 text-xs text-shell-text shadow-2xl",children:T})]})}export{Le as ProvidersApp};
+import{r as x,j as e}from"./vendor-react-l6srOxy7.js";import{B as g,C as F,c as U,L as O,I as D}from"./toolbar-UW6q5pkx.js";import{a as ne,g as ie}from"./main-BzBv0_mH.js";import{M as oe}from"./MobileSplitView-CtNEF6zb.js";import{u as H}from"./use-is-mobile-v5lglusa.js";import{j as q,a9 as W,g as V,ax as X,y as Q,f as ce,aw as de,ay as ae,X as xe}from"./vendor-icons-wm645Jsx.js";import"./vendor-radix-BhM7AEEG.js";import"./vendor-layout-B-pp9n1f.js";import"./tokens-C63es8oZ.js";import"./vendor-codemirror-CL2HhW7v.js";const le=["openai","anthropic","openrouter","kilocode"],pe=["rkllama","ollama","llama-cpp","vllm","exo","mlx"],G={openai:"https://api.openai.com/v1",anthropic:"https://api.anthropic.com/v1",openrouter:"https://openrouter.ai/api/v1",kilocode:"https://api.kilo.ai/api/gateway",ollama:"http://localhost:11434",rkllama:"http://localhost:8080","llama-cpp":"http://localhost:8080",vllm:"http://localhost:8000"},Y={openai:{label:"OpenAI",description:"GPT-4o, o1, and more",url:"https://api.openai.com/v1",keyPlaceholder:"sk-..."},anthropic:{label:"Anthropic",description:"Claude Sonnet, Opus, Haiku",url:"https://api.anthropic.com/v1",keyPlaceholder:"sk-ant-..."},openrouter:{label:"OpenRouter",description:"300+ models via one API",url:"https://openrouter.ai/api/v1",keyPlaceholder:"sk-or-..."},kilocode:{label:"Kilo",description:"500+ models, smart routing",url:"https://api.kilo.ai/api/gateway",keyPlaceholder:"kilo-..."}},Z={ok:"bg-emerald-500/20 text-emerald-400",online:"bg-emerald-500/20 text-emerald-400",slow:"bg-amber-500/20 text-amber-400",error:"bg-red-500/20 text-red-400",unknown:"bg-zinc-500/20 text-zinc-400"},me={ok:"Online",online:"Online",slow:"Slow",error:"Error",unknown:"Unknown"},ee={local:"Local / On Device",network:"Network / Cluster",cloud:"Cloud"},he=["local","network","cloud"];function K(t){return le.includes(t)}function M({type:t}){const i=K(t);return e.jsx("span",{className:`text-[10px] px-1.5 py-0.5 rounded font-medium ${i?"bg-violet-500/20 text-violet-300":"bg-teal-500/20 text-teal-300"}`,children:t})}function J({status:t}){const i=Z[t]??Z.unknown,m=me[t]??"Unknown";return e.jsx("span",{className:`text-[10px] px-1.5 py-0.5 rounded-full font-medium ${i}`,children:m})}const te={running:"bg-emerald-500/20 text-emerald-400",stopped:"bg-zinc-500/20 text-zinc-400",error:"bg-red-500/20 text-red-400",starting:"bg-blue-500/20 text-blue-400",draining:"bg-amber-500/20 text-amber-400",stopping:"bg-amber-500/20 text-amber-400"},re={running:"Running",stopped:"Stopped",error:"Error",starting:"Starting…",draining:"Draining…",stopping:"Stopping…"};function ue({state:t}){const i=te[t]??te.stopped,m=re[t]??t,u=t==="starting"||t==="draining"||t==="stopping";return e.jsxs("span",{className:`text-[10px] px-1.5 py-0.5 rounded-full font-medium inline-flex items-center gap-1 ${i}`,children:[u&&e.jsx("svg",{className:"animate-spin",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none","aria-hidden":"true",children:e.jsx("circle",{cx:"4",cy:"4",r:"3",stroke:"currentColor",strokeWidth:"1.5",strokeDasharray:"10",strokeDashoffset:"5"})}),m]})}function se({name:t,platform:i}){const m=i?` · ${i}`:"";return e.jsxs("span",{className:"text-[10px] px-1.5 py-0.5 rounded-full font-medium bg-blue-500/20 text-blue-300 inline-flex items-center gap-1",title:`Backend on worker ${t}${m}`,children:[e.jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",children:e.jsx("circle",{cx:"4",cy:"4",r:"3",stroke:"currentColor",strokeWidth:"1.5"})}),t]})}function fe(t){var m;const i={local:[],network:[],cloud:[]};for(const u of t){const p=u.category??((m=u.source)!=null&&m.startsWith("worker:")?"network":le.includes(u.type)?"cloud":"local");i[p].push(u)}return i}function ge(t){return t?{name:t.name,type:t.type,url:t.url,apiKey:"",priority:String(t.priority??99)}:{name:"",type:"openai",url:G.openai,apiKey:"",priority:"99"}}function be({editing:t,onSave:i,onClose:m}){var z;const u=H(),p=!!t,[h,k]=x.useState(p?"config":"category"),[v,w]=x.useState(null),[r,f]=x.useState(()=>ge(t)),[b,j]=x.useState(null),[T,A]=x.useState(!1),[P,o]=x.useState(!1),[_,E]=x.useState(null),[R,$]=x.useState(!1);function L(s,n){f(l=>({...l,[s]:n})),j(null),$(!1)}function S(s){f(n=>({...n,type:s,url:G[s]??n.url})),j(null),$(!1)}function B(s){const n=Y[s];n&&(f(l=>({...l,type:s,url:n.url,name:l.name||s})),j(null),$(!1),k("config"))}function c(){if(h==="config"&&v==="cloud"){k("cloud-pick");return}if(h==="config"&&v==="local"){k("category");return}if(h==="config"&&v==="cluster"){k("cluster-info");return}if(h==="config"&&v===null){m();return}if(h==="cloud-pick"){k("category");return}if(h==="cluster-info"){k("category");return}}async function y(){A(!0),j(null),E(null);try{const n=await(await fetch("/api/providers/test",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({type:r.type,url:r.url})})).json();j(n)}catch(s){j({reachable:!1,error:s instanceof Error?s.message:"Network error"})}A(!1)}async function d(){if(!r.name.trim()){E("Name is required");return}o(!0),E(null);let s=t==null?void 0:t.api_key_secret;if(r.apiKey.trim()){const n=`provider-${r.name.trim()}-key`;try{await fetch("/api/secrets",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({name:n,value:r.apiKey.trim(),category:"api-key",description:`API key for ${r.name.trim()} provider`,agents:[]})}),s=n}catch{}}try{const n={name:r.name.trim(),type:r.type,url:r.url.trim(),priority:parseInt(r.priority)||99};s&&(n.api_key_secret=s),p&&await fetch(`/api/providers/${encodeURIComponent(t.name)}`,{method:"DELETE",headers:{Accept:"application/json"}});const l=await fetch("/api/providers",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(n)});if(!l.ok){let C=`Save failed (${l.status})`;try{const I=await l.json();I!=null&&I.error&&(C=String(I.error))}catch{}E(C),o(!1);return}i()}catch(n){E(n instanceof Error?n.message:"Network error"),o(!1)}}const a=(p||(b==null?void 0:b.reachable)===!0||R)&&r.name.trim().length>0,N=Y[r.type];return e.jsx("div",{className:u?"absolute inset-0 z-50 flex items-end bg-black/50 backdrop-blur-sm":"absolute inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm p-4",onClick:m,role:"dialog","aria-modal":"true","aria-label":p?"Edit provider":"Add provider",children:e.jsx(F,{className:u?"w-full max-h-[92%] overflow-y-auto bg-shell-surface shadow-2xl":"w-full max-w-md max-h-full overflow-y-auto bg-shell-surface shadow-2xl",style:u?{borderRadius:"20px 20px 0 0"}:void 0,onClick:s=>s.stopPropagation(),children:e.jsxs(U,{className:"p-5 space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[h!=="category"&&!p&&e.jsx("button",{onClick:c,className:"text-shell-text-tertiary hover:text-shell-text mr-1","aria-label":"Go back",children:"←"}),e.jsx(q,{size:16,className:"text-accent"}),e.jsx("h2",{className:"text-sm font-semibold",children:p?"Edit Provider":h==="category"?"Add Provider":h==="cloud-pick"?"Choose Cloud Provider":h==="cluster-info"?"Add Cluster Worker":"Configure Provider"})]}),e.jsx(g,{variant:"ghost",size:"icon",onClick:m,"aria-label":"Close form",className:"h-7 w-7",children:e.jsx(xe,{size:16})})]}),h==="category"&&e.jsx("div",{className:"grid grid-cols-3 gap-3",role:"group","aria-label":"Provider category",children:["local","cluster","cloud"].map(s=>{const l={local:{icon:"🖥️",label:"Local",desc:"On-device AI"},cluster:{icon:"🌐",label:"Cluster",desc:"Linked workers"},cloud:{icon:"☁️",label:"Cloud",desc:"Hosted APIs"}}[s];return e.jsxs("button",{onClick:()=>{w(s),s==="cloud"?k("cloud-pick"):s==="cluster"?k("cluster-info"):(f(C=>({...C,type:"rkllama",url:G.rkllama})),k("config"))},className:"flex flex-col items-center gap-1.5 rounded-xl border border-white/10 bg-white/5 p-4 hover:bg-white/10 hover:border-accent/40 transition-colors text-center","aria-label":`${l.label}: ${l.desc}`,children:[e.jsx("span",{className:"text-2xl","aria-hidden":"true",children:l.icon}),e.jsx("span",{className:"text-[12px] font-semibold text-shell-text",children:l.label}),e.jsx("span",{className:"text-[10px] text-shell-text-tertiary",children:l.desc})]},s)})}),h==="cloud-pick"&&e.jsx("div",{className:"grid grid-cols-2 gap-3",role:"group","aria-label":"Cloud provider",children:Object.entries(Y).map(([s,n])=>e.jsxs("button",{onClick:()=>B(s),className:"flex flex-col items-start gap-1 rounded-xl border border-white/10 bg-white/5 p-3.5 hover:bg-white/10 hover:border-accent/40 transition-colors text-left","aria-label":`${n.label}: ${n.description}`,children:[e.jsx("span",{className:"text-[13px] font-semibold text-shell-text",children:n.label}),e.jsx("span",{className:"text-[10px] text-shell-text-tertiary",children:n.description})]},s))}),h==="cluster-info"&&e.jsxs("div",{className:"space-y-3",children:[e.jsx("p",{className:"text-[12px] text-shell-text-secondary leading-relaxed",children:"Cluster workers auto-register when the taOS worker agent is installed and running on a remote machine. No manual entry needed — workers appear automatically in the Network section once connected."}),e.jsxs("div",{className:"rounded-lg bg-black/30 border border-white/10 p-3",children:[e.jsx("p",{className:"text-[10px] text-shell-text-tertiary mb-1.5 uppercase tracking-wide",children:"Install worker agent"}),e.jsx("code",{className:"text-[11px] text-shell-text font-mono block",children:"curl -fsSL https://get.tinyagentos.com/worker | bash"})]}),e.jsx("p",{className:"text-[10px] text-shell-text-tertiary",children:"Point the worker at this controller's address and it will appear here within a few seconds."}),e.jsx(g,{variant:"secondary",onClick:m,className:"w-full",children:"Close"})]}),h==="config"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(O,{htmlFor:"prov-name",children:"Name"}),e.jsx(D,{id:"prov-name",type:"text",value:r.name,onChange:s=>L("name",s.target.value),placeholder:N?N.label.toLowerCase():"my-provider",disabled:p,autoFocus:!p})]}),v==="cloud"&&N&&!p&&e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(O,{children:"API Endpoint"}),e.jsxs("div",{className:"flex items-center gap-2 rounded-lg border border-white/10 bg-white/5 px-3 py-2",children:[e.jsx(ae,{size:11,className:"text-shell-text-tertiary shrink-0"}),e.jsx("code",{className:"text-[11px] text-shell-text-tertiary font-mono truncate",children:N.url})]})]}),v==="local"&&!p&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(O,{htmlFor:"prov-type",children:"Type"}),e.jsx("select",{id:"prov-type",value:r.type,onChange:s=>S(s.target.value),className:"flex h-9 w-full rounded-lg border border-white/10 bg-shell-bg-deep px-3 py-1 text-sm text-shell-text focus-visible:outline-none focus-visible:border-accent/40 focus-visible:ring-2 focus-visible:ring-accent/20",children:pe.map(s=>e.jsx("option",{value:s,children:s},s))})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(O,{htmlFor:"prov-url",children:"URL"}),e.jsx(D,{id:"prov-url",type:"url",value:r.url,onChange:s=>L("url",s.target.value),placeholder:"http://localhost:8080"})]})]}),p&&e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(O,{htmlFor:"prov-url",children:"URL"}),e.jsx(D,{id:"prov-url",type:"url",value:r.url,onChange:s=>L("url",s.target.value),placeholder:"http://localhost:8080"})]}),K(r.type)&&e.jsxs("div",{className:"space-y-1.5",children:[e.jsxs(O,{htmlFor:"prov-apikey",children:["API Key",p&&" (leave blank to keep existing)"]}),e.jsx(D,{id:"prov-apikey",type:"password",value:r.apiKey,onChange:s=>L("apiKey",s.target.value),placeholder:p?"••••••••":(N==null?void 0:N.keyPlaceholder)??"sk-...",className:"font-mono"}),e.jsxs("p",{className:"text-[10px] text-shell-text-tertiary",children:["Saved as ",e.jsxs("code",{children:["provider-",r.name||"{name}","-key"]})]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(O,{htmlFor:"prov-priority",children:"Priority (lower wins)"}),e.jsx(D,{id:"prov-priority",type:"number",value:r.priority,onChange:s=>L("priority",s.target.value),placeholder:"99",min:0})]}),b&&e.jsx("div",{role:"status",className:`text-xs rounded-lg px-3 py-2 border ${b.reachable?"bg-emerald-500/10 border-emerald-500/20 text-emerald-300":"bg-red-500/10 border-red-500/20 text-red-300"}`,children:b.reachable?`Connected — ${b.response_ms??0} ms · ${((z=b.models)==null?void 0:z.length)??0} models found`:`Connection failed: ${b.error??"unknown error"}`}),_&&e.jsx("div",{role:"alert",className:"text-xs text-red-300 bg-red-500/10 border border-red-500/20 rounded px-2 py-1.5",children:_}),e.jsxs("div",{className:"flex items-center gap-2 pt-1 flex-wrap",children:[e.jsxs(g,{variant:"outline",size:"sm",onClick:y,disabled:T||!r.url.trim(),"aria-label":"Test provider connection",children:[e.jsx(W,{size:13,className:T?"animate-spin":""}),T?"Testing...":"Test connection"]}),e.jsx(g,{onClick:d,disabled:!a||P,"aria-label":p?"Update provider":"Save provider",children:P?"Saving...":p?"Update":"Save"}),e.jsx(g,{variant:"secondary",onClick:m,children:"Cancel"}),b&&!b.reachable&&!R&&e.jsx("button",{type:"button",onClick:()=>$(!0),className:"text-[11px] text-shell-text-tertiary underline hover:text-shell-text transition-colors ml-auto","aria-label":"Save anyway despite connection failure",children:"Save anyway"})]})]})]})})})}function ye({provider:t,onEdit:i,onDelete:m,onTestDone:u,onRefresh:p}){var a,N,z,s,n;const h=H(),[k,v]=x.useState(!1),[w,r]=x.useState(!1),[f,b]=x.useState(null),[j,T]=x.useState(!1),[A,P]=x.useState(t.keep_alive_minutes??10),o=t.lifecycle_state??"running",_=!((a=t.source)!=null&&a.startsWith("worker:")),E=o==="starting"||o==="draining"||o==="stopping",R=ne(l=>l.openWindow);function $(){const l=ie("secrets");l&&R("secrets",l.defaultSize)}async function L(l){try{await navigator.clipboard.writeText(l),v(!0),window.setTimeout(()=>v(!1),1200)}catch{}}async function S(){r(!0),b(null);try{const C=await(await fetch("/api/providers/test",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({type:t.type,url:t.url})})).json();b(C),u(C)}catch(l){const C={reachable:!1,error:l instanceof Error?l.message:"Network error"};b(C),u(C)}r(!1)}async function B(){T(!0);try{await fetch(`/api/providers/${encodeURIComponent(t.name)}/start`,{method:"POST"}),p()}finally{T(!1)}}async function c(l){T(!0);try{await fetch(`/api/providers/${encodeURIComponent(t.name)}/stop`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({force:l})}),p()}finally{T(!1)}}async function y(l){try{await fetch(`/api/providers/${encodeURIComponent(t.name)}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)})}catch{}p()}const d=t.models??[];return e.jsxs("div",{className:"flex flex-col h-full min-h-0 overflow-hidden",children:[!h&&e.jsxs("div",{className:"flex items-start justify-between gap-3 px-4 py-3 border-b border-white/5 shrink-0",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx("h2",{className:"text-sm font-semibold text-shell-text truncate",children:t.name}),e.jsx(M,{type:t.type}),e.jsx(J,{status:t.status}),_&&t.lifecycle_state&&e.jsx(ue,{state:o}),e.jsxs("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-white/5 text-shell-text-tertiary",children:["priority ",t.priority]})]}),t.response_ms>0&&e.jsxs("p",{className:"text-[11px] text-shell-text-tertiary mt-0.5",children:[t.response_ms," ms"]})]}),e.jsxs("div",{className:"flex items-center gap-1 shrink-0",children:[_&&t.auto_manage&&o==="stopped"&&e.jsx(g,{size:"sm",variant:"outline",onClick:B,disabled:j,"aria-label":`Start provider ${t.name}`,children:j?"Starting…":"Start"}),_&&t.auto_manage&&o==="running"&&e.jsx(g,{size:"sm",variant:"outline",onClick:()=>c(!1),disabled:j,"aria-label":`Stop provider ${t.name}`,children:"Stop"}),_&&t.auto_manage&&E&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-[11px] text-shell-text-tertiary px-2",children:re[o]}),e.jsx("button",{onClick:()=>c(!0),disabled:j,className:"text-[11px] text-red-400 hover:text-red-300 px-1","aria-label":`Force kill provider ${t.name}`,children:"Kill"})]}),e.jsxs(g,{size:"sm",variant:"outline",onClick:S,disabled:w,"aria-label":`Test connection for ${t.name}`,children:[e.jsx(W,{size:13,className:w?"animate-spin":""}),w?"Testing...":"Test"]}),(!_||o==="running"||!t.lifecycle_state)&&e.jsxs(e.Fragment,{children:[e.jsxs(g,{size:"sm",variant:"outline",onClick:i,"aria-label":`Edit provider ${t.name}`,children:[e.jsx(X,{size:13}),"Edit"]}),e.jsxs(g,{size:"sm",variant:"outline",onClick:m,className:"hover:bg-red-500/15 hover:text-red-300","aria-label":`Delete provider ${t.name}`,children:[e.jsx(Q,{size:13}),"Delete"]})]})]})]}),h&&e.jsxs("div",{className:"shrink-0 px-4 py-3 border-b border-white/5",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap mb-3",children:[e.jsx(M,{type:t.type}),e.jsx(J,{status:t.status}),e.jsxs("span",{className:"text-[11px] px-1.5 py-0.5 rounded bg-white/5 text-shell-text-tertiary",children:["priority ",t.priority]}),t.response_ms>0&&e.jsxs("span",{className:"text-[11px] text-shell-text-tertiary",children:[t.response_ms," ms"]})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs(g,{size:"sm",variant:"outline",onClick:S,disabled:w,className:"flex-1",children:[e.jsx(W,{size:13,className:w?"animate-spin":""}),w?"Testing...":"Test"]}),e.jsxs(g,{size:"sm",variant:"outline",onClick:i,className:"flex-1",children:[e.jsx(X,{size:13}),"Edit"]}),e.jsxs(g,{size:"sm",variant:"outline",onClick:m,className:"flex-1 hover:bg-red-500/15 hover:text-red-300",children:[e.jsx(Q,{size:13}),"Delete"]})]})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto p-4 space-y-3",children:[f&&e.jsx("div",{role:"status",className:`text-xs rounded-lg px-3 py-2 border ${f.reachable?"bg-emerald-500/10 border-emerald-500/20 text-emerald-300":"bg-red-500/10 border-red-500/20 text-red-300"}`,children:f.reachable?`Connected — ${f.response_ms??0} ms · ${((N=f.models)==null?void 0:N.length)??0} models found`:o==="stopping"||o==="draining"?"Provider is shutting down. Wait for it to stop before testing.":o==="stopped"&&(t.auto_manage??!1)?"Starting service…":o==="stopped"?"Service is stopped. Start it manually or enable Auto manage.":(z=f.error)!=null&&z.includes("Cannot connect")||(s=f.error)!=null&&s.includes("Connection refused")||(n=f.error)!=null&&n.includes("connect")?`Cannot reach ${t.url}. Check the service is running.`:`Connection failed: ${f.error??"unknown error"}`}),e.jsx(F,{className:"p-3",children:e.jsxs(U,{className:"p-0",children:[e.jsx("div",{className:"flex items-center gap-2 mb-1",children:e.jsx("span",{className:"text-[10px] uppercase tracking-wide text-shell-text-tertiary",children:"Base URL"})}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("code",{className:"text-xs text-shell-text flex-1 truncate font-mono",children:t.url}),e.jsx(g,{variant:"ghost",size:"icon",className:"h-6 w-6 shrink-0",onClick:()=>L(t.url),"aria-label":"Copy URL",children:k?e.jsx(ce,{size:12}):e.jsx(de,{size:12})})]})]})}),e.jsx(F,{className:"p-3",children:e.jsxs(U,{className:"p-0",children:[e.jsx("div",{className:"flex items-center gap-2 mb-1",children:e.jsx("span",{className:"text-[10px] uppercase tracking-wide text-shell-text-tertiary",children:"API Key"})}),t.api_key_secret?e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("code",{className:"text-xs text-shell-text-secondary font-mono flex-1",children:t.api_key_secret}),e.jsxs(g,{variant:"ghost",size:"sm",onClick:$,className:"h-6 text-[10px] gap-1","aria-label":"Open Secrets app to manage this key",children:[e.jsx(ae,{size:10}),"Manage"]})]}):e.jsx("p",{className:"text-xs text-shell-text-tertiary italic",children:K(t.type)?"No key configured":"Not required — local backend"})]})}),K(t.type)&&e.jsx(F,{className:"p-3",children:e.jsx(U,{className:"p-0",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-shell-text-secondary",children:"Enabled"}),!(t.enabled??!0)&&e.jsx("p",{className:"text-[11px] text-amber-400 mt-0.5",children:"Suspended — requests will be blocked"})]}),e.jsx("button",{role:"switch","aria-checked":t.enabled??!0,"aria-label":"Toggle provider enabled",onClick:()=>y({enabled:!(t.enabled??!0)}),className:`w-8 h-4 rounded-full transition-colors relative ${t.enabled??!0?"bg-emerald-500":"bg-zinc-600"}`,children:e.jsx("span",{className:`absolute top-0.5 w-3 h-3 rounded-full bg-white transition-transform ${t.enabled??!0?"translate-x-4":"translate-x-0.5"}`})})]})})}),e.jsx(F,{className:"p-3",children:e.jsxs(U,{className:"p-0",children:[e.jsx("div",{className:"flex items-center gap-2 mb-2",children:e.jsxs("span",{className:"text-[10px] uppercase tracking-wide text-shell-text-tertiary",children:["Models (",d.length,")"]})}),d.length===0?e.jsx("p",{className:"text-xs text-shell-text-tertiary italic",children:"No models loaded"}):e.jsx("div",{className:"flex flex-wrap gap-1",children:d.map((l,C)=>{const I=l.id??l.name??String(C);return e.jsx("span",{className:"text-[10px] px-2 py-0.5 rounded-full bg-violet-500/15 text-violet-200 font-medium",children:I},`m-${C}-${I}`)})})]})}),_&&!K(t.type)&&t.auto_manage!==void 0&&e.jsxs(F,{className:"p-0 overflow-hidden",children:[e.jsx("div",{className:"px-3 py-2 border-b border-white/5",children:e.jsx("span",{className:"text-[10px] font-medium text-shell-text-tertiary uppercase tracking-wider",children:"Lifecycle"})}),e.jsxs(U,{className:"p-3 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[12px] text-shell-text-secondary",children:"Enabled"}),e.jsx("button",{role:"switch","aria-checked":t.enabled??!0,"aria-label":"Toggle provider enabled",onClick:()=>y({enabled:!(t.enabled??!0)}),className:`w-8 h-4 rounded-full transition-colors relative ${t.enabled??!0?"bg-emerald-500":"bg-zinc-600"}`,children:e.jsx("span",{className:`absolute top-0.5 w-3 h-3 rounded-full bg-white transition-transform ${t.enabled??!0?"translate-x-4":"translate-x-0.5"}`})})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[12px] text-shell-text-secondary",children:"Auto manage"}),e.jsx("button",{role:"switch","aria-checked":t.auto_manage??!1,"aria-label":"Toggle auto manage",onClick:()=>y({auto_manage:!(t.auto_manage??!1)}),className:`w-8 h-4 rounded-full transition-colors relative ${t.auto_manage??!1?"bg-emerald-500":"bg-zinc-600"}`,children:e.jsx("span",{className:`absolute top-0.5 w-3 h-3 rounded-full bg-white transition-transform ${t.auto_manage??!1?"translate-x-4":"translate-x-0.5"}`})})]}),(t.auto_manage??!1)&&e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-shell-text-secondary",children:"Keep alive"}),e.jsx("p",{className:"text-[10px] text-shell-text-tertiary",children:(t.keep_alive_minutes??10)===0?"Always on":`Stop after ${t.keep_alive_minutes??10} min idle`})]}),e.jsx("input",{type:"number",min:0,max:60,value:A,onChange:l=>P(Number(l.target.value)),onBlur:l=>y({keep_alive_minutes:Number(l.target.value)}),className:"w-14 text-[12px] bg-white/5 border border-white/10 rounded px-2 py-1 text-right text-shell-text","aria-label":"Keep alive minutes (0 = always on)"})]})]})]})]})]})}function Le({windowId:t}){const i=H(),m=x.useRef(i);x.useEffect(()=>{m.current=i},[i]);const[u,p]=x.useState([]),[h,k]=x.useState(!0),[v,w]=x.useState(null),[r,f]=x.useState(!1),[b,j]=x.useState(null),[T,A]=x.useState(null),P=x.useCallback(c=>{A(c),window.setTimeout(()=>A(null),3e3)},[]),o=x.useCallback(async()=>{try{const c=await fetch("/api/providers",{headers:{Accept:"application/json"}});if(c.ok&&(c.headers.get("content-type")??"").includes("application/json")){const d=await c.json();Array.isArray(d)&&(p(d),w(a=>a&&d.some(N=>N.name===a)?a:m.current?null:d.length>0?d[0].name:null))}}catch{}k(!1)},[]);x.useEffect(()=>{o();const c=setInterval(o,3e4);return()=>clearInterval(c)},[o]);async function _(c){if(window.confirm(`Remove provider "${c}"?`))try{const y=await fetch(`/api/providers/${encodeURIComponent(c)}`,{method:"DELETE",headers:{Accept:"application/json"}});if(!y.ok){let d=`Delete failed (${y.status})`;try{const a=await y.json();a!=null&&a.error&&(d=String(a.error))}catch{}P(d);return}P(`Provider "${c}" removed`),w(null),o()}catch(y){P(y instanceof Error?y.message:"Network error")}}function E(){j(null),f(!0)}function R(c){j(c),f(!0)}function $(){f(!1),j(null),o()}function L(){f(!1),j(null)}const S=u.find(c=>c.name===v)??null,B=!i||v===null;return e.jsxs("div",{className:"flex flex-col h-full min-h-0 overflow-hidden bg-shell-bg text-shell-text select-none relative",children:[B&&e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-white/5 shrink-0",children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[e.jsx(q,{size:18,className:"text-accent shrink-0"}),e.jsx("h1",{className:"text-sm font-semibold",children:"Providers"}),e.jsxs("span",{className:"text-xs text-shell-text-tertiary",children:[u.length," configured"]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(g,{variant:"ghost",size:"icon",onClick:o,"aria-label":"Refresh provider list",children:e.jsx(W,{size:14})}),e.jsxs(g,{size:"sm",onClick:E,"aria-label":"Add provider",children:[e.jsx(V,{size:14}),i?"Add":"Add Provider"]})]})]}),e.jsx(oe,{selectedId:v,onBack:()=>w(null),listTitle:"Providers",detailTitle:S==null?void 0:S.name,list:e.jsx("div",{className:i?"py-2":"p-3 space-y-2","aria-label":"Provider list",children:h?e.jsx("div",{className:"text-[11px] text-shell-text-tertiary px-4 py-6 text-center",children:"Loading providers..."}):u.length===0?e.jsxs("div",{className:"flex flex-col items-center gap-2 py-10 text-center px-4",children:[e.jsx(q,{size:36,className:"opacity-20 text-shell-text-tertiary"}),e.jsx("p",{className:"text-[13px] text-shell-text-tertiary",children:"No providers configured yet."}),e.jsxs(g,{size:"sm",onClick:E,className:"mt-2",children:[e.jsx(V,{size:13}),"Add your first"]})]}):(()=>{const c=fe(u),y=he.filter(d=>c[d].length>0);return i?e.jsx("div",{style:{padding:"8px 0 16px"},children:y.map(d=>e.jsxs("div",{style:{marginBottom:20},children:[e.jsx("div",{style:{fontSize:12,textTransform:"uppercase",letterSpacing:.5,color:"rgba(255,255,255,0.45)",padding:"0 20px 6px",fontWeight:600},children:ee[d]}),e.jsx("div",{style:{margin:"0 12px",borderRadius:16,background:"rgba(255,255,255,0.05)",border:"1px solid rgba(255,255,255,0.08)",overflow:"hidden"},children:c[d].map((a,N,z)=>e.jsxs("button",{type:"button",onClick:()=>w(a.name),"aria-label":`Select provider ${a.name}`,style:{display:"flex",alignItems:"center",gap:10,width:"100%",padding:"14px 16px",background:"none",border:"none",borderBottom:N===z.length-1?"none":"1px solid rgba(255,255,255,0.06)",cursor:"pointer",color:"inherit",textAlign:"left"},children:[e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsxs("div",{style:{fontSize:15,fontWeight:600,color:"rgba(255,255,255,0.95)",display:"flex",alignItems:"center",gap:8,marginBottom:4},children:[e.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:a.name}),e.jsx(J,{status:a.status})]}),e.jsxs("div",{className:"flex items-center gap-1.5 flex-wrap",children:[e.jsx(M,{type:a.type}),a.worker_name&&e.jsx(se,{name:a.worker_name,platform:a.worker_platform}),e.jsxs("span",{className:"text-[11px] text-shell-text-tertiary",children:["priority ",a.priority]}),a.models.length>0&&e.jsxs("span",{className:"text-[11px] text-shell-text-tertiary",children:["· ",a.models.length," model",a.models.length!==1?"s":""]})]})]}),e.jsx("svg",{width:"8",height:"14",viewBox:"0 0 8 14",fill:"none",style:{color:"rgba(255,255,255,0.3)",flexShrink:0},children:e.jsx("path",{d:"M1 1L7 7L1 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]},a.name))})]},d))}):y.map(d=>e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-wider text-shell-text-tertiary font-semibold px-1 mb-1.5",children:ee[d]}),e.jsx("div",{className:"space-y-1.5",children:c[d].map(a=>e.jsxs("button",{type:"button",onClick:()=>w(a.name),"aria-pressed":v===a.name,"aria-label":`Select provider ${a.name}`,className:`w-full text-left p-2.5 rounded-lg border transition-colors ${v===a.name?"border-accent/50 bg-accent/10":"border-white/5 bg-white/[0.02] hover:bg-white/[0.04]"}`,children:[e.jsxs("div",{className:"flex items-center justify-between gap-1.5 mb-1",children:[e.jsx("span",{className:"text-[12px] font-semibold text-shell-text truncate",children:a.name}),e.jsx(J,{status:a.status})]}),e.jsxs("div",{className:"flex items-center gap-1.5 flex-wrap",children:[e.jsx(M,{type:a.type}),a.worker_name&&e.jsx(se,{name:a.worker_name,platform:a.worker_platform}),e.jsxs("span",{className:"text-[10px] text-shell-text-tertiary",children:["#",a.priority]}),a.models.length>0&&e.jsxs("span",{className:"text-[10px] text-shell-text-tertiary",children:[a.models.length," model",a.models.length!==1?"s":""]})]})]},a.name))})]},d))})()}),detail:S?e.jsx(ye,{provider:S,onEdit:()=>R(S),onDelete:()=>_(S.name),onTestDone:()=>o(),onRefresh:o}):i?null:e.jsx("div",{className:"flex items-center justify-center h-full text-shell-text-tertiary text-sm",children:h?"Loading...":u.length===0?"Add a provider to get started":"Select a provider"})}),r&&e.jsx(be,{editing:b,onSave:$,onClose:L}),T&&e.jsx("div",{role:"status","aria-live":"polite",className:"absolute bottom-4 left-1/2 -translate-x-1/2 px-3 py-2 rounded-lg bg-shell-surface border border-white/10 text-xs text-shell-text shadow-2xl",children:T})]})}export{Le as ProvidersApp};
diff --git a/static/desktop/assets/SettingsApp-BIHnthmi.js b/static/desktop/assets/SettingsApp-F200Wg__.js
similarity index 99%
rename from static/desktop/assets/SettingsApp-BIHnthmi.js
rename to static/desktop/assets/SettingsApp-F200Wg__.js
index 03fc2788..018d83c1 100644
--- a/static/desktop/assets/SettingsApp-BIHnthmi.js
+++ b/static/desktop/assets/SettingsApp-F200Wg__.js
@@ -1,4 +1,4 @@
-import{r as s,j as e}from"./vendor-react-l6srOxy7.js";import{B as b,C as w,L as N,I as E,S as T,T as Z}from"./toolbar-UW6q5pkx.js";import{u as ee}from"./main-DJzY8MYL.js";import{t as te,a0 as se,an as ae,ac as K,a9 as P,as as V,at as le,au as ne,l as re,U as ce,$ as ie,r as F,f as D,av as Y,g as oe,y as de,c as xe,ab as me,aw as ue,X as he}from"./vendor-icons-wm645Jsx.js";import"./vendor-radix-BhM7AEEG.js";import"./vendor-layout-B-pp9n1f.js";import"./tokens-BMxhf1g-.js";import"./vendor-codemirror-CL2HhW7v.js";function pe(r,l,t=a=>a,x=a=>({value:a})){const a=`taos-pref:${r}`,[d,i]=s.useState(()=>{try{const p=localStorage.getItem(a);if(p!==null)return JSON.parse(p)}catch{}return l}),[n,c]=s.useState(!1),m=s.useRef(null);s.useEffect(()=>{let p=!1;return(async()=>{try{const o=await fetch(`/api/preferences/${encodeURIComponent(r)}`);if(!o.ok){c(!0);return}const j=await o.json();if(p)return;if(j&&typeof j=="object"&&Object.keys(j).length>0){const v=t(j);i(v);try{localStorage.setItem(a,JSON.stringify(v))}catch{}}c(!0)}catch{c(!0)}})(),()=>{p=!0}},[r]);const h=s.useCallback(p=>{i(o=>{const j=typeof p=="function"?p(o):p;try{localStorage.setItem(a,JSON.stringify(j))}catch{}return m.current!==null&&clearTimeout(m.current),m.current=setTimeout(()=>{m.current=null,fetch(`/api/preferences/${encodeURIComponent(r)}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(x(j))}).catch(()=>{})},500),j})},[a,x,r]);return[d,h,{loaded:n}]}const fe=[{id:"system",label:"System Info",icon:te},{id:"storage",label:"Storage",icon:se},{id:"memory",label:"Memory",icon:ae},{id:"backup",label:"Backup & Restore",icon:K},{id:"updates",label:"Updates",icon:P},{id:"advanced",label:"Advanced",icon:V},{id:"shortcuts",label:"Keyboard Shortcuts",icon:le},{id:"accessibility",label:"Accessibility",icon:ne},{id:"desktop",label:"Desktop & Dock",icon:re},{id:"users",label:"Users",icon:ce}],je={cpu:"Detecting...",ram:"Detecting...",npu:"Detecting...",gpu:"Detecting...",disk:"Detecting...",os:"Detecting..."},ye=[{label:"Models",size:"--",bytes:0,maxBytes:1},{label:"Data",size:"--",bytes:0,maxBytes:1},{label:"App Catalog",size:"--",bytes:0,maxBytes:1}];async function G(r,l){try{const t=await fetch(r,{headers:{Accept:"application/json"}});return!t.ok||!(t.headers.get("content-type")??"").includes("application/json")?l:await t.json()}catch{return l}}function be({value:r,max:l}){const t=l>0?Math.min(100,r/l*100):0;return e.jsx("div",{className:"h-2 w-full rounded-full bg-white/5",role:"progressbar","aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":100,children:e.jsx("div",{className:"h-full rounded-full bg-sky-500 transition-all",style:{width:`${t}%`}})})}function ge(){const[r,l]=s.useState(je),[t,x]=s.useState(!1),[a,d]=s.useState(!1),i=s.useCallback(async()=>{var m,h,p,o,j,v,k,S,g,R,_,I,y;x(!0);const c=await G("/api/system",null);if(c!=null&&c.hardware||c!=null&&c.resources){const u=c.hardware??{},U=c.resources??{},C=U.ram_total_mb??u.ram_mb??0,$=U.disk_total_gb??((m=u.disk)==null?void 0:m.total_gb)??0,A=((h=u.cpu)==null?void 0:h.model)??((p=u.cpu)==null?void 0:p.soc)??"Unknown",B=(o=u.cpu)!=null&&o.cores?` × ${u.cpu.cores}`:"",L=(j=u.cpu)!=null&&j.arch?` (${u.cpu.arch})`:"",f=((v=u.gpu)==null?void 0:v.model)||((k=u.gpu)==null?void 0:k.type)||"None",z=(S=u.gpu)!=null&&S.vram_mb&&u.gpu.vram_mb>0?` (${(u.gpu.vram_mb/1024).toFixed(1)} GB)`:"",M=(g=u.npu)!=null&&g.type&&u.npu.type!=="none"?u.npu.type:"None",q=(R=u.npu)!=null&&R.tops&&u.npu.tops>0?` · ${u.npu.tops} TOPS`:"",X=(_=u.disk)!=null&&_.type?` ${u.disk.type}`:"",J=[(I=u.os)==null?void 0:I.distro,(y=u.os)==null?void 0:y.version].filter(Boolean),Q=J.length>0?J.join(" "):"—";l({cpu:`${A}${B}${L}`,ram:C>=1024?`${(C/1024).toFixed(1)} GB`:C>0?`${C} MB`:"—",npu:`${M}${q}`,gpu:`${f}${z}`,disk:$>0?`${$} GB${X}`:"—",os:Q})}else l({cpu:"Unavailable",ram:"Unavailable",npu:"Unavailable",gpu:"Unavailable",disk:"Unavailable",os:"Unavailable"});x(!1)},[]);s.useEffect(()=>{i()},[i]);const n=[["CPU",r.cpu],["RAM",r.ram],["NPU",r.npu],["GPU",r.gpu],["Disk",r.disk],["OS",r.os]];return e.jsxs("section",{"aria-label":"System information",children:[e.jsx("h2",{className:"text-lg font-semibold mb-5",children:"System Information"}),e.jsx("div",{className:"rounded-2xl bg-white/[0.04] border border-white/[0.06] overflow-x-auto backdrop-blur-sm",children:e.jsx("table",{className:"w-full text-sm min-w-[360px]",children:e.jsx("tbody",{children:n.map(([c,m])=>e.jsxs("tr",{className:"border-b border-white/5 last:border-0",children:[e.jsx("td",{className:"px-5 py-3 text-shell-text-secondary font-medium w-32",children:c}),e.jsx("td",{className:"px-5 py-3",children:m})]},c))})})}),e.jsxs("div",{className:"mt-3 flex items-center gap-2 flex-wrap",children:[e.jsxs(b,{variant:"outline",size:"sm",onClick:i,disabled:t,children:[e.jsx(P,{size:14,className:t?"animate-spin":""}),"Re-detect Hardware"]}),e.jsxs(b,{variant:"outline",size:"sm",onClick:async()=>{d(!0);try{await fetch("/api/system/restart/prepare",{method:"POST"})}catch{}},"aria-label":"Restart taOS server",children:[e.jsx(P,{size:14}),"Restart Server"]})]}),e.jsx("p",{className:"mt-2 text-xs text-shell-text-tertiary",children:"Restart the server to apply settings changes that require a reload."}),a&&e.jsx(W,{onClose:()=>d(!1)})]})}function Ne(){const[r,l]=s.useState(ye);return s.useEffect(()=>{G("/api/settings/storage",null).then(t=>{t&&Array.isArray(t)?l(t):l([{label:"Models",size:"4.2 GB",bytes:4200,maxBytes:32e3},{label:"Data",size:"1.8 GB",bytes:1800,maxBytes:32e3},{label:"App Catalog",size:"320 MB",bytes:320,maxBytes:32e3}])})},[]),e.jsxs("section",{"aria-label":"Storage usage",children:[e.jsx("h2",{className:"text-lg font-semibold mb-5",children:"Storage Usage"}),e.jsx("div",{className:"space-y-3",children:r.map(t=>e.jsxs(w,{className:"p-4",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-sm font-medium",children:t.label}),e.jsx("span",{className:"text-sm text-shell-text-secondary tabular-nums",children:t.size})]}),e.jsx(be,{value:t.bytes,max:t.maxBytes})]},t.label))})]})}const ve=[{key:"capture_conversations",label:"Conversations",desc:"Messages you send to agents in the Message Hub"},{key:"capture_notes",label:"Notes",desc:"Notes from the Text Editor app"},{key:"capture_files",label:"File activity",desc:"Files you upload or open"},{key:"capture_searches",label:"Search queries",desc:"What you search for in global search"}];function we(){const[r,l]=s.useState(null),[t,x]=s.useState(null),[a,d]=s.useState(null);s.useEffect(()=>{fetch("/api/user-memory/settings").then(n=>n.ok?n.json():null).then(n=>{l(n||{})}).catch(()=>{l({}),d("Could not load memory settings.")}),fetch("/api/user-memory/stats").then(n=>n.ok?n.json():null).then(n=>{n&&x(n)}).catch(()=>{})},[]);const i=(n,c)=>{const m={...r||{},[n]:c};l(m),fetch("/api/user-memory/settings",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({[n]:c})}).then(h=>{h.ok?d(null):d(`Failed to save setting (${h.status})`)}).catch(()=>d("Could not reach backend."))};return r?e.jsxs("section",{"aria-label":"Memory capture settings",children:[e.jsx("h2",{className:"text-lg font-semibold mb-2",children:"Memory Capture"}),e.jsx("p",{className:"text-sm text-shell-text-tertiary mb-5",children:"Choose what activity gets saved to your personal memory index. All data stays on this device."}),a&&e.jsxs("p",{className:"mb-3 text-xs text-amber-400 flex items-center gap-1.5",children:[e.jsx(F,{size:12})," ",a]}),e.jsx("div",{className:"space-y-2",children:ve.map(n=>{const c=!!r[n.key],m=`capture-${String(n.key)}`;return e.jsxs(w,{className:"p-4 flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx(N,{htmlFor:m,className:"text-sm font-medium text-shell-text",children:n.label}),e.jsx("p",{className:"text-xs text-shell-text-tertiary mt-0.5",children:n.desc})]}),e.jsx(T,{id:m,checked:c,onCheckedChange:h=>i(n.key,h),"aria-label":`Capture ${n.label}`})]},String(n.key))})}),t&&e.jsxs(w,{className:"mt-6 p-4",children:[e.jsx("h3",{className:"text-sm font-medium mb-3",children:"Stored chunks"}),e.jsxs("div",{className:"text-xs text-shell-text-secondary mb-2 tabular-nums",children:["Total: ",t.total]}),Object.keys(t.collections||{}).length>0?e.jsx("ul",{className:"space-y-1 text-xs text-shell-text-tertiary",children:Object.entries(t.collections).map(([n,c])=>e.jsxs("li",{className:"flex justify-between tabular-nums",children:[e.jsx("span",{children:n}),e.jsx("span",{children:c})]},n))}):e.jsx("p",{className:"text-xs text-shell-text-tertiary",children:"No memories captured yet."})]})]}):e.jsxs("section",{"aria-label":"Memory capture settings",children:[e.jsx("h2",{className:"text-lg font-semibold mb-5",children:"Memory Capture"}),e.jsx("p",{className:"text-sm text-shell-text-tertiary",children:"Loading..."})]})}function ke(){const[r,l]=s.useState(null),[t,x]=s.useState(!1),a=async()=>{x(!0),l(null);try{const d=await fetch("/api/backup",{method:"POST"});d.ok?l("Backup created successfully."):l(`Backup failed (${d.status}). API may not be available yet.`)}catch{l("Could not reach backup endpoint. API not available yet.")}x(!1)};return e.jsxs("section",{"aria-label":"Backup and restore",children:[e.jsx("h2",{className:"text-lg font-semibold mb-5",children:"Backup & Restore"}),e.jsxs(w,{className:"p-4 space-y-4",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-medium mb-2",children:"Create Backup"}),e.jsx("p",{className:"text-xs text-shell-text-tertiary mb-3",children:"Export all agents, memory, and configuration as a backup archive."}),e.jsxs(b,{size:"sm",onClick:a,disabled:t,children:[e.jsx(K,{size:14,className:t?"animate-bounce":""}),t?"Creating...":"Create Backup"]}),r&&e.jsx("p",{className:`mt-2 text-xs ${r.includes("success")?"text-emerald-400":"text-amber-400"}`,children:r})]}),e.jsx("hr",{className:"border-white/5"}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-medium mb-2",children:"Restore from Backup"}),e.jsx("p",{className:"text-xs text-shell-text-tertiary mb-3",children:"Upload a previously created backup archive to restore."}),e.jsxs("label",{className:"flex flex-col items-center gap-2 p-6 rounded-lg border-2 border-dashed border-white/10 hover:border-white/20 transition-colors cursor-pointer",children:[e.jsx(me,{size:24,className:"text-shell-text-tertiary"}),e.jsx("span",{className:"text-xs text-shell-text-tertiary",children:"Click to select a backup file"}),e.jsx("input",{type:"file",accept:".tar.gz,.zip,.bak",className:"hidden","aria-label":"Upload backup file"})]})]})]})]})}function W({onClose:r}){const[l,t]=s.useState(null),[x,a]=s.useState(!1);s.useEffect(()=>{let n=!1,c=null,m=null,h=!1;const p=()=>{h||n||(h=!0,c&&clearInterval(c),m=setInterval(async()=>{if(!n)try{(await fetch("/api/settings/update-status")).ok&&(a(!0),m&&clearInterval(m),setTimeout(()=>{n||window.location.reload()},500))}catch{}},2e3))};return c=setInterval(async()=>{if(!n)try{const o=await fetch("/api/system/restart/status");if(o.ok){const j=await o.json();t(j),j.phase==="restarting"&&p()}}catch{p()}},1e3),()=>{n=!0,c&&clearInterval(c),m&&clearInterval(m)}},[]);const d=l?Object.entries(l.agents):[];function i(n){return n==="ready"?e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-emerald-500/20 text-emerald-300",children:"ready"}):n==="timeout"?e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-amber-500/20 text-amber-300",children:"timeout"}):n==="error"?e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-red-500/20 text-red-300",children:"error"}):e.jsxs("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-sky-500/20 text-sky-300 flex items-center gap-1",children:[e.jsx(P,{size:10,className:"animate-spin"}),n]})}return e.jsx("div",{role:"dialog","aria-modal":"true","aria-label":"Restart progress",className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60",children:e.jsxs("div",{className:"bg-shell-surface border border-white/10 rounded-xl p-6 w-full max-w-md shadow-xl space-y-4",children:[e.jsx("h3",{className:"text-base font-semibold",children:x?"Restarted — reloading…":d.length>0?"Preparing agents for restart":"Restarting server…"}),d.length>0&&e.jsx("ul",{className:"space-y-1","aria-label":"Agent preparation status",children:d.map(([n,c])=>e.jsxs("li",{className:"flex items-center justify-between text-sm",children:[e.jsx("span",{className:"text-shell-text-secondary",children:n}),i(c.status)]},n))}),(l==null?void 0:l.phase)==="restarting"&&!x&&e.jsx("p",{className:"text-xs text-shell-text-tertiary",children:"Waiting for server to come back…"}),!l&&e.jsxs("p",{className:"text-xs text-shell-text-tertiary flex items-center gap-1",children:[e.jsx(P,{size:12,className:"animate-spin"})," Connecting…"]}),e.jsx("div",{className:"flex justify-end",children:e.jsx(b,{variant:"outline",size:"sm",onClick:r,"aria-label":"Cancel restart progress dialog",children:"Cancel"})})]})})}function Se(){const[r,l]=s.useState(!1),[t,x]=s.useState(!1),[a,d]=s.useState(null),[i,n]=s.useState(null),[c,m]=s.useState({check_enabled:!0,auto_apply:!1,auto_restart:!1}),[h,p]=s.useState(null),[o,j]=s.useState(!1),[v,k]=s.useState(!1);s.useEffect(()=>{(async()=>{try{const y=await fetch("/api/preferences/auto-update");if(y.ok){const u=await y.json();u&&typeof u=="object"&&m({check_enabled:u.check_enabled??!0,auto_apply:u.auto_apply??!1,auto_restart:u.auto_restart??!1})}}catch{}try{const y=await fetch("/api/settings/update-check");y.ok&&d(await y.json())}catch{}try{const y=await fetch("/api/settings/update-status");y.ok&&p(await y.json())}catch{}})()},[]);const S=s.useCallback(async y=>{m(y);try{await fetch("/api/preferences/auto-update",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(y)})}catch{}},[]),g=async()=>{l(!0),n(null);try{const y=await fetch("/api/settings/update-check");if(y.ok){const u=await y.json();d(u),n(u.has_updates?"A new version is available.":"You are up to date.")}else n("Update check not available.")}catch{n("Could not reach update server.")}l(!1)},R=async()=>{x(!0),n(null);try{const y=await fetch("/api/settings/update",{method:"POST"});if(y.ok){const u=await y.json().catch(()=>({}));if(u.status==="restarting")j(!0);else{n(u.message??"Update applied. Restart the server to finish."),k(!0);const U=await fetch("/api/settings/update-check");U.ok&&d(await U.json());const C=await fetch("/api/settings/update-status");C.ok&&p(await C.json())}}else{const u=await y.json().catch(()=>({}));n(u.error??"Update failed.")}}catch{n("Could not apply update.")}x(!1)},_=async()=>{j(!0);try{await fetch("/api/system/restart/prepare",{method:"POST"})}catch{}},I=!!(h!=null&&h.pending_restart_sha);return e.jsxs("section",{"aria-label":"System updates",children:[e.jsx("h2",{className:"text-lg font-semibold mb-5",children:"Updates"}),I&&e.jsxs("div",{className:"mb-4 flex items-center justify-between gap-3 rounded-lg border border-amber-500/30 bg-amber-500/10 px-4 py-3",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm text-amber-200",children:[e.jsx(F,{size:16,className:"shrink-0"}),e.jsxs("span",{children:["Update pulled — restart to finish applying (",h.pending_restart_sha.slice(0,7),")"]})]}),e.jsx(b,{size:"sm",onClick:_,"aria-label":"Restart server to apply update",children:"Restart now"})]}),e.jsxs(w,{className:"p-4 space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-white/5 text-sky-400",children:e.jsx(xe,{size:20})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-sm font-medium",children:"taOS"}),a!=null&&a.has_updates&&a.new_commit?e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsxs("p",{className:"text-xs text-shell-text-tertiary tabular-nums",children:[e.jsx("span",{className:"text-white/40",children:"installed "}),a.current_commit]}),e.jsxs("p",{className:"text-xs text-amber-300/90 tabular-nums",children:[e.jsx("span",{className:"text-amber-300/50",children:"available "}),a.new_commit]})]}):e.jsx("p",{className:"text-xs text-shell-text-tertiary tabular-nums",children:(a==null?void 0:a.current_commit)??"v0.1.0-dev"})]}),(a==null?void 0:a.has_updates)&&e.jsx("span",{className:"text-[10px] px-2 py-1 rounded-full font-semibold bg-amber-500/20 text-amber-300",children:"Update available"})]}),e.jsxs("div",{className:"flex gap-2 flex-wrap",children:[e.jsxs(b,{variant:"outline",size:"sm",onClick:g,disabled:r,children:[e.jsx(P,{size:14,className:r?"animate-spin":""}),r?"Checking...":"Check Now"]}),v?e.jsx(b,{size:"sm",onClick:_,"aria-label":"Restart server to apply update",children:"Restart Now"}):a!=null&&a.has_updates?e.jsx(b,{size:"sm",onClick:R,disabled:t,children:t?"Installing...":"Install Update"}):null]}),i&&e.jsxs("div",{className:"flex items-start gap-2 text-xs",children:[i.includes("up to date")||i.includes("applied")?e.jsx(D,{size:14,className:"text-emerald-400 shrink-0 mt-0.5"}):e.jsx(F,{size:14,className:"text-amber-400 shrink-0 mt-0.5"}),e.jsx("span",{className:"text-shell-text-secondary",children:i})]}),e.jsxs("div",{className:"border-t border-white/5 pt-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx(N,{className:"text-sm",children:"Check for updates automatically"}),e.jsx("p",{className:"text-[11px] text-shell-text-tertiary mt-0.5",children:"Polls GitHub hourly and notifies when a new version is available."})]}),e.jsx(T,{checked:c.check_enabled??!0,onCheckedChange:y=>S({...c,check_enabled:y})})]}),e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx(N,{className:"text-sm",children:"Install updates automatically"}),e.jsx("p",{className:"text-[11px] text-shell-text-tertiary mt-0.5",children:"Pulls + installs new versions as soon as they're detected. You'll still need to restart the server manually."})]}),e.jsx(T,{checked:c.auto_apply??!1,onCheckedChange:y=>S({...c,auto_apply:y}),disabled:!(c.check_enabled??!0)})]}),e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx(N,{className:"text-sm",children:"Automatically restart after update"}),e.jsx("p",{className:"text-[11px] text-shell-text-tertiary mt-0.5",children:c.auto_restart?"Server will restart automatically once an update is pulled.":"We'll remind you every 6 hours when a restart is pending."})]}),e.jsx(T,{checked:c.auto_restart??!1,onCheckedChange:y=>S({...c,auto_restart:y}),"aria-label":"Automatically restart after update"})]})]})]}),o&&e.jsx(W,{onClose:()=>j(!1)})]})}function Ce(){const[r,l]=s.useState(`# taOS Configuration
+import{r as s,j as e}from"./vendor-react-l6srOxy7.js";import{B as b,C as w,L as N,I as E,S as T,T as Z}from"./toolbar-UW6q5pkx.js";import{u as ee}from"./main-BzBv0_mH.js";import{t as te,a0 as se,an as ae,ac as K,a9 as P,as as V,at as le,au as ne,l as re,U as ce,$ as ie,r as F,f as D,av as Y,g as oe,y as de,c as xe,ab as me,aw as ue,X as he}from"./vendor-icons-wm645Jsx.js";import"./vendor-radix-BhM7AEEG.js";import"./vendor-layout-B-pp9n1f.js";import"./tokens-C63es8oZ.js";import"./vendor-codemirror-CL2HhW7v.js";function pe(r,l,t=a=>a,x=a=>({value:a})){const a=`taos-pref:${r}`,[d,i]=s.useState(()=>{try{const p=localStorage.getItem(a);if(p!==null)return JSON.parse(p)}catch{}return l}),[n,c]=s.useState(!1),m=s.useRef(null);s.useEffect(()=>{let p=!1;return(async()=>{try{const o=await fetch(`/api/preferences/${encodeURIComponent(r)}`);if(!o.ok){c(!0);return}const j=await o.json();if(p)return;if(j&&typeof j=="object"&&Object.keys(j).length>0){const v=t(j);i(v);try{localStorage.setItem(a,JSON.stringify(v))}catch{}}c(!0)}catch{c(!0)}})(),()=>{p=!0}},[r]);const h=s.useCallback(p=>{i(o=>{const j=typeof p=="function"?p(o):p;try{localStorage.setItem(a,JSON.stringify(j))}catch{}return m.current!==null&&clearTimeout(m.current),m.current=setTimeout(()=>{m.current=null,fetch(`/api/preferences/${encodeURIComponent(r)}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(x(j))}).catch(()=>{})},500),j})},[a,x,r]);return[d,h,{loaded:n}]}const fe=[{id:"system",label:"System Info",icon:te},{id:"storage",label:"Storage",icon:se},{id:"memory",label:"Memory",icon:ae},{id:"backup",label:"Backup & Restore",icon:K},{id:"updates",label:"Updates",icon:P},{id:"advanced",label:"Advanced",icon:V},{id:"shortcuts",label:"Keyboard Shortcuts",icon:le},{id:"accessibility",label:"Accessibility",icon:ne},{id:"desktop",label:"Desktop & Dock",icon:re},{id:"users",label:"Users",icon:ce}],je={cpu:"Detecting...",ram:"Detecting...",npu:"Detecting...",gpu:"Detecting...",disk:"Detecting...",os:"Detecting..."},ye=[{label:"Models",size:"--",bytes:0,maxBytes:1},{label:"Data",size:"--",bytes:0,maxBytes:1},{label:"App Catalog",size:"--",bytes:0,maxBytes:1}];async function G(r,l){try{const t=await fetch(r,{headers:{Accept:"application/json"}});return!t.ok||!(t.headers.get("content-type")??"").includes("application/json")?l:await t.json()}catch{return l}}function be({value:r,max:l}){const t=l>0?Math.min(100,r/l*100):0;return e.jsx("div",{className:"h-2 w-full rounded-full bg-white/5",role:"progressbar","aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":100,children:e.jsx("div",{className:"h-full rounded-full bg-sky-500 transition-all",style:{width:`${t}%`}})})}function ge(){const[r,l]=s.useState(je),[t,x]=s.useState(!1),[a,d]=s.useState(!1),i=s.useCallback(async()=>{var m,h,p,o,j,v,k,S,g,R,_,I,y;x(!0);const c=await G("/api/system",null);if(c!=null&&c.hardware||c!=null&&c.resources){const u=c.hardware??{},U=c.resources??{},C=U.ram_total_mb??u.ram_mb??0,$=U.disk_total_gb??((m=u.disk)==null?void 0:m.total_gb)??0,A=((h=u.cpu)==null?void 0:h.model)??((p=u.cpu)==null?void 0:p.soc)??"Unknown",B=(o=u.cpu)!=null&&o.cores?` × ${u.cpu.cores}`:"",L=(j=u.cpu)!=null&&j.arch?` (${u.cpu.arch})`:"",f=((v=u.gpu)==null?void 0:v.model)||((k=u.gpu)==null?void 0:k.type)||"None",z=(S=u.gpu)!=null&&S.vram_mb&&u.gpu.vram_mb>0?` (${(u.gpu.vram_mb/1024).toFixed(1)} GB)`:"",M=(g=u.npu)!=null&&g.type&&u.npu.type!=="none"?u.npu.type:"None",q=(R=u.npu)!=null&&R.tops&&u.npu.tops>0?` · ${u.npu.tops} TOPS`:"",X=(_=u.disk)!=null&&_.type?` ${u.disk.type}`:"",J=[(I=u.os)==null?void 0:I.distro,(y=u.os)==null?void 0:y.version].filter(Boolean),Q=J.length>0?J.join(" "):"—";l({cpu:`${A}${B}${L}`,ram:C>=1024?`${(C/1024).toFixed(1)} GB`:C>0?`${C} MB`:"—",npu:`${M}${q}`,gpu:`${f}${z}`,disk:$>0?`${$} GB${X}`:"—",os:Q})}else l({cpu:"Unavailable",ram:"Unavailable",npu:"Unavailable",gpu:"Unavailable",disk:"Unavailable",os:"Unavailable"});x(!1)},[]);s.useEffect(()=>{i()},[i]);const n=[["CPU",r.cpu],["RAM",r.ram],["NPU",r.npu],["GPU",r.gpu],["Disk",r.disk],["OS",r.os]];return e.jsxs("section",{"aria-label":"System information",children:[e.jsx("h2",{className:"text-lg font-semibold mb-5",children:"System Information"}),e.jsx("div",{className:"rounded-2xl bg-white/[0.04] border border-white/[0.06] overflow-x-auto backdrop-blur-sm",children:e.jsx("table",{className:"w-full text-sm min-w-[360px]",children:e.jsx("tbody",{children:n.map(([c,m])=>e.jsxs("tr",{className:"border-b border-white/5 last:border-0",children:[e.jsx("td",{className:"px-5 py-3 text-shell-text-secondary font-medium w-32",children:c}),e.jsx("td",{className:"px-5 py-3",children:m})]},c))})})}),e.jsxs("div",{className:"mt-3 flex items-center gap-2 flex-wrap",children:[e.jsxs(b,{variant:"outline",size:"sm",onClick:i,disabled:t,children:[e.jsx(P,{size:14,className:t?"animate-spin":""}),"Re-detect Hardware"]}),e.jsxs(b,{variant:"outline",size:"sm",onClick:async()=>{d(!0);try{await fetch("/api/system/restart/prepare",{method:"POST"})}catch{}},"aria-label":"Restart taOS server",children:[e.jsx(P,{size:14}),"Restart Server"]})]}),e.jsx("p",{className:"mt-2 text-xs text-shell-text-tertiary",children:"Restart the server to apply settings changes that require a reload."}),a&&e.jsx(W,{onClose:()=>d(!1)})]})}function Ne(){const[r,l]=s.useState(ye);return s.useEffect(()=>{G("/api/settings/storage",null).then(t=>{t&&Array.isArray(t)?l(t):l([{label:"Models",size:"4.2 GB",bytes:4200,maxBytes:32e3},{label:"Data",size:"1.8 GB",bytes:1800,maxBytes:32e3},{label:"App Catalog",size:"320 MB",bytes:320,maxBytes:32e3}])})},[]),e.jsxs("section",{"aria-label":"Storage usage",children:[e.jsx("h2",{className:"text-lg font-semibold mb-5",children:"Storage Usage"}),e.jsx("div",{className:"space-y-3",children:r.map(t=>e.jsxs(w,{className:"p-4",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-sm font-medium",children:t.label}),e.jsx("span",{className:"text-sm text-shell-text-secondary tabular-nums",children:t.size})]}),e.jsx(be,{value:t.bytes,max:t.maxBytes})]},t.label))})]})}const ve=[{key:"capture_conversations",label:"Conversations",desc:"Messages you send to agents in the Message Hub"},{key:"capture_notes",label:"Notes",desc:"Notes from the Text Editor app"},{key:"capture_files",label:"File activity",desc:"Files you upload or open"},{key:"capture_searches",label:"Search queries",desc:"What you search for in global search"}];function we(){const[r,l]=s.useState(null),[t,x]=s.useState(null),[a,d]=s.useState(null);s.useEffect(()=>{fetch("/api/user-memory/settings").then(n=>n.ok?n.json():null).then(n=>{l(n||{})}).catch(()=>{l({}),d("Could not load memory settings.")}),fetch("/api/user-memory/stats").then(n=>n.ok?n.json():null).then(n=>{n&&x(n)}).catch(()=>{})},[]);const i=(n,c)=>{const m={...r||{},[n]:c};l(m),fetch("/api/user-memory/settings",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({[n]:c})}).then(h=>{h.ok?d(null):d(`Failed to save setting (${h.status})`)}).catch(()=>d("Could not reach backend."))};return r?e.jsxs("section",{"aria-label":"Memory capture settings",children:[e.jsx("h2",{className:"text-lg font-semibold mb-2",children:"Memory Capture"}),e.jsx("p",{className:"text-sm text-shell-text-tertiary mb-5",children:"Choose what activity gets saved to your personal memory index. All data stays on this device."}),a&&e.jsxs("p",{className:"mb-3 text-xs text-amber-400 flex items-center gap-1.5",children:[e.jsx(F,{size:12})," ",a]}),e.jsx("div",{className:"space-y-2",children:ve.map(n=>{const c=!!r[n.key],m=`capture-${String(n.key)}`;return e.jsxs(w,{className:"p-4 flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx(N,{htmlFor:m,className:"text-sm font-medium text-shell-text",children:n.label}),e.jsx("p",{className:"text-xs text-shell-text-tertiary mt-0.5",children:n.desc})]}),e.jsx(T,{id:m,checked:c,onCheckedChange:h=>i(n.key,h),"aria-label":`Capture ${n.label}`})]},String(n.key))})}),t&&e.jsxs(w,{className:"mt-6 p-4",children:[e.jsx("h3",{className:"text-sm font-medium mb-3",children:"Stored chunks"}),e.jsxs("div",{className:"text-xs text-shell-text-secondary mb-2 tabular-nums",children:["Total: ",t.total]}),Object.keys(t.collections||{}).length>0?e.jsx("ul",{className:"space-y-1 text-xs text-shell-text-tertiary",children:Object.entries(t.collections).map(([n,c])=>e.jsxs("li",{className:"flex justify-between tabular-nums",children:[e.jsx("span",{children:n}),e.jsx("span",{children:c})]},n))}):e.jsx("p",{className:"text-xs text-shell-text-tertiary",children:"No memories captured yet."})]})]}):e.jsxs("section",{"aria-label":"Memory capture settings",children:[e.jsx("h2",{className:"text-lg font-semibold mb-5",children:"Memory Capture"}),e.jsx("p",{className:"text-sm text-shell-text-tertiary",children:"Loading..."})]})}function ke(){const[r,l]=s.useState(null),[t,x]=s.useState(!1),a=async()=>{x(!0),l(null);try{const d=await fetch("/api/backup",{method:"POST"});d.ok?l("Backup created successfully."):l(`Backup failed (${d.status}). API may not be available yet.`)}catch{l("Could not reach backup endpoint. API not available yet.")}x(!1)};return e.jsxs("section",{"aria-label":"Backup and restore",children:[e.jsx("h2",{className:"text-lg font-semibold mb-5",children:"Backup & Restore"}),e.jsxs(w,{className:"p-4 space-y-4",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-medium mb-2",children:"Create Backup"}),e.jsx("p",{className:"text-xs text-shell-text-tertiary mb-3",children:"Export all agents, memory, and configuration as a backup archive."}),e.jsxs(b,{size:"sm",onClick:a,disabled:t,children:[e.jsx(K,{size:14,className:t?"animate-bounce":""}),t?"Creating...":"Create Backup"]}),r&&e.jsx("p",{className:`mt-2 text-xs ${r.includes("success")?"text-emerald-400":"text-amber-400"}`,children:r})]}),e.jsx("hr",{className:"border-white/5"}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-medium mb-2",children:"Restore from Backup"}),e.jsx("p",{className:"text-xs text-shell-text-tertiary mb-3",children:"Upload a previously created backup archive to restore."}),e.jsxs("label",{className:"flex flex-col items-center gap-2 p-6 rounded-lg border-2 border-dashed border-white/10 hover:border-white/20 transition-colors cursor-pointer",children:[e.jsx(me,{size:24,className:"text-shell-text-tertiary"}),e.jsx("span",{className:"text-xs text-shell-text-tertiary",children:"Click to select a backup file"}),e.jsx("input",{type:"file",accept:".tar.gz,.zip,.bak",className:"hidden","aria-label":"Upload backup file"})]})]})]})]})}function W({onClose:r}){const[l,t]=s.useState(null),[x,a]=s.useState(!1);s.useEffect(()=>{let n=!1,c=null,m=null,h=!1;const p=()=>{h||n||(h=!0,c&&clearInterval(c),m=setInterval(async()=>{if(!n)try{(await fetch("/api/settings/update-status")).ok&&(a(!0),m&&clearInterval(m),setTimeout(()=>{n||window.location.reload()},500))}catch{}},2e3))};return c=setInterval(async()=>{if(!n)try{const o=await fetch("/api/system/restart/status");if(o.ok){const j=await o.json();t(j),j.phase==="restarting"&&p()}}catch{p()}},1e3),()=>{n=!0,c&&clearInterval(c),m&&clearInterval(m)}},[]);const d=l?Object.entries(l.agents):[];function i(n){return n==="ready"?e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-emerald-500/20 text-emerald-300",children:"ready"}):n==="timeout"?e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-amber-500/20 text-amber-300",children:"timeout"}):n==="error"?e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-red-500/20 text-red-300",children:"error"}):e.jsxs("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-sky-500/20 text-sky-300 flex items-center gap-1",children:[e.jsx(P,{size:10,className:"animate-spin"}),n]})}return e.jsx("div",{role:"dialog","aria-modal":"true","aria-label":"Restart progress",className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60",children:e.jsxs("div",{className:"bg-shell-surface border border-white/10 rounded-xl p-6 w-full max-w-md shadow-xl space-y-4",children:[e.jsx("h3",{className:"text-base font-semibold",children:x?"Restarted — reloading…":d.length>0?"Preparing agents for restart":"Restarting server…"}),d.length>0&&e.jsx("ul",{className:"space-y-1","aria-label":"Agent preparation status",children:d.map(([n,c])=>e.jsxs("li",{className:"flex items-center justify-between text-sm",children:[e.jsx("span",{className:"text-shell-text-secondary",children:n}),i(c.status)]},n))}),(l==null?void 0:l.phase)==="restarting"&&!x&&e.jsx("p",{className:"text-xs text-shell-text-tertiary",children:"Waiting for server to come back…"}),!l&&e.jsxs("p",{className:"text-xs text-shell-text-tertiary flex items-center gap-1",children:[e.jsx(P,{size:12,className:"animate-spin"})," Connecting…"]}),e.jsx("div",{className:"flex justify-end",children:e.jsx(b,{variant:"outline",size:"sm",onClick:r,"aria-label":"Cancel restart progress dialog",children:"Cancel"})})]})})}function Se(){const[r,l]=s.useState(!1),[t,x]=s.useState(!1),[a,d]=s.useState(null),[i,n]=s.useState(null),[c,m]=s.useState({check_enabled:!0,auto_apply:!1,auto_restart:!1}),[h,p]=s.useState(null),[o,j]=s.useState(!1),[v,k]=s.useState(!1);s.useEffect(()=>{(async()=>{try{const y=await fetch("/api/preferences/auto-update");if(y.ok){const u=await y.json();u&&typeof u=="object"&&m({check_enabled:u.check_enabled??!0,auto_apply:u.auto_apply??!1,auto_restart:u.auto_restart??!1})}}catch{}try{const y=await fetch("/api/settings/update-check");y.ok&&d(await y.json())}catch{}try{const y=await fetch("/api/settings/update-status");y.ok&&p(await y.json())}catch{}})()},[]);const S=s.useCallback(async y=>{m(y);try{await fetch("/api/preferences/auto-update",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(y)})}catch{}},[]),g=async()=>{l(!0),n(null);try{const y=await fetch("/api/settings/update-check");if(y.ok){const u=await y.json();d(u),n(u.has_updates?"A new version is available.":"You are up to date.")}else n("Update check not available.")}catch{n("Could not reach update server.")}l(!1)},R=async()=>{x(!0),n(null);try{const y=await fetch("/api/settings/update",{method:"POST"});if(y.ok){const u=await y.json().catch(()=>({}));if(u.status==="restarting")j(!0);else{n(u.message??"Update applied. Restart the server to finish."),k(!0);const U=await fetch("/api/settings/update-check");U.ok&&d(await U.json());const C=await fetch("/api/settings/update-status");C.ok&&p(await C.json())}}else{const u=await y.json().catch(()=>({}));n(u.error??"Update failed.")}}catch{n("Could not apply update.")}x(!1)},_=async()=>{j(!0);try{await fetch("/api/system/restart/prepare",{method:"POST"})}catch{}},I=!!(h!=null&&h.pending_restart_sha);return e.jsxs("section",{"aria-label":"System updates",children:[e.jsx("h2",{className:"text-lg font-semibold mb-5",children:"Updates"}),I&&e.jsxs("div",{className:"mb-4 flex items-center justify-between gap-3 rounded-lg border border-amber-500/30 bg-amber-500/10 px-4 py-3",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm text-amber-200",children:[e.jsx(F,{size:16,className:"shrink-0"}),e.jsxs("span",{children:["Update pulled — restart to finish applying (",h.pending_restart_sha.slice(0,7),")"]})]}),e.jsx(b,{size:"sm",onClick:_,"aria-label":"Restart server to apply update",children:"Restart now"})]}),e.jsxs(w,{className:"p-4 space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-white/5 text-sky-400",children:e.jsx(xe,{size:20})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-sm font-medium",children:"taOS"}),a!=null&&a.has_updates&&a.new_commit?e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsxs("p",{className:"text-xs text-shell-text-tertiary tabular-nums",children:[e.jsx("span",{className:"text-white/40",children:"installed "}),a.current_commit]}),e.jsxs("p",{className:"text-xs text-amber-300/90 tabular-nums",children:[e.jsx("span",{className:"text-amber-300/50",children:"available "}),a.new_commit]})]}):e.jsx("p",{className:"text-xs text-shell-text-tertiary tabular-nums",children:(a==null?void 0:a.current_commit)??"v0.1.0-dev"})]}),(a==null?void 0:a.has_updates)&&e.jsx("span",{className:"text-[10px] px-2 py-1 rounded-full font-semibold bg-amber-500/20 text-amber-300",children:"Update available"})]}),e.jsxs("div",{className:"flex gap-2 flex-wrap",children:[e.jsxs(b,{variant:"outline",size:"sm",onClick:g,disabled:r,children:[e.jsx(P,{size:14,className:r?"animate-spin":""}),r?"Checking...":"Check Now"]}),v?e.jsx(b,{size:"sm",onClick:_,"aria-label":"Restart server to apply update",children:"Restart Now"}):a!=null&&a.has_updates?e.jsx(b,{size:"sm",onClick:R,disabled:t,children:t?"Installing...":"Install Update"}):null]}),i&&e.jsxs("div",{className:"flex items-start gap-2 text-xs",children:[i.includes("up to date")||i.includes("applied")?e.jsx(D,{size:14,className:"text-emerald-400 shrink-0 mt-0.5"}):e.jsx(F,{size:14,className:"text-amber-400 shrink-0 mt-0.5"}),e.jsx("span",{className:"text-shell-text-secondary",children:i})]}),e.jsxs("div",{className:"border-t border-white/5 pt-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx(N,{className:"text-sm",children:"Check for updates automatically"}),e.jsx("p",{className:"text-[11px] text-shell-text-tertiary mt-0.5",children:"Polls GitHub hourly and notifies when a new version is available."})]}),e.jsx(T,{checked:c.check_enabled??!0,onCheckedChange:y=>S({...c,check_enabled:y})})]}),e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx(N,{className:"text-sm",children:"Install updates automatically"}),e.jsx("p",{className:"text-[11px] text-shell-text-tertiary mt-0.5",children:"Pulls + installs new versions as soon as they're detected. You'll still need to restart the server manually."})]}),e.jsx(T,{checked:c.auto_apply??!1,onCheckedChange:y=>S({...c,auto_apply:y}),disabled:!(c.check_enabled??!0)})]}),e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx(N,{className:"text-sm",children:"Automatically restart after update"}),e.jsx("p",{className:"text-[11px] text-shell-text-tertiary mt-0.5",children:c.auto_restart?"Server will restart automatically once an update is pulled.":"We'll remind you every 6 hours when a restart is pending."})]}),e.jsx(T,{checked:c.auto_restart??!1,onCheckedChange:y=>S({...c,auto_restart:y}),"aria-label":"Automatically restart after update"})]})]})]}),o&&e.jsx(W,{onClose:()=>j(!1)})]})}function Ce(){const[r,l]=s.useState(`# taOS Configuration
 # Edit YAML below
 
 server:
diff --git a/static/desktop/assets/chat-BrDx525_.js b/static/desktop/assets/chat-BrDx525_.js
new file mode 100644
index 00000000..6e40aee4
--- /dev/null
+++ b/static/desktop/assets/chat-BrDx525_.js
@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/MessagesApp-BG8aIEeG.js","assets/vendor-react-l6srOxy7.js","assets/toolbar-UW6q5pkx.js","assets/vendor-radix-BhM7AEEG.js","assets/vendor-layout-B-pp9n1f.js","assets/vendor-layout-BfitWg9R.css","assets/MobileSplitView-CtNEF6zb.js","assets/vendor-icons-wm645Jsx.js","assets/use-is-mobile-v5lglusa.js"])))=>i.map(i=>d[i]);
+import"./tokens-C63es8oZ.js";import{r as t,j as e,p as u}from"./vendor-react-l6srOxy7.js";import{_ as f}from"./vendor-codemirror-CL2HhW7v.js";import{u as x}from"./use-is-mobile-v5lglusa.js";const h=720*60*60*1e3,i="taos-install-dismissed";function y(){const s=x(),[n,a]=t.useState(null),[c,d]=t.useState(!1);if(t.useEffect(()=>{const o=l=>{l.preventDefault(),a(l)};return window.addEventListener("beforeinstallprompt",o),()=>window.removeEventListener("beforeinstallprompt",o)},[]),!s||!n||c||typeof window<"u"&&window.matchMedia("(display-mode: standalone)").matches)return null;const r=localStorage.getItem(i);if(r&&Date.now()-Number(r)<h)return null;const p=async()=>{try{await n.prompt(),await n.userChoice}catch{}a(null)},m=()=>{localStorage.setItem(i,String(Date.now())),d(!0)};return e.jsxs("div",{role:"region","aria-label":"Install prompt",className:"flex items-center gap-3 px-4 py-2 bg-sky-500/20 border-b border-sky-500/30 text-sm",children:[e.jsx("span",{className:"flex-1",children:"Install taOS talk for quick access"}),e.jsx("button",{onClick:p,className:"px-3 py-1 bg-sky-500/40 text-sky-100 rounded hover:bg-sky-500/60",children:"Install"}),e.jsx("button",{onClick:m,className:"px-2 py-1 opacity-70 hover:opacity-100",children:"Not now"})]})}const b=t.lazy(()=>f(()=>import("./MessagesApp-BG8aIEeG.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8])).then(s=>({default:s.MessagesApp})));function w(){return e.jsxs("div",{className:"h-screen w-screen flex flex-col overflow-hidden",style:{backgroundColor:"#1a1b2e",paddingTop:"env(safe-area-inset-top, 0px)"},children:[e.jsx(y,{}),e.jsx(t.Suspense,{fallback:e.jsx("div",{className:"flex items-center justify-center h-full",style:{color:"rgba(255,255,255,0.4)"},children:"Loading…"}),children:e.jsx(b,{windowId:"standalone-chat",title:"taOS talk"})})]})}u.createRoot(document.getElementById("root")).render(e.jsx(t.StrictMode,{children:e.jsx(w,{})}));
diff --git a/static/desktop/assets/chat-D-JXvZwU.js b/static/desktop/assets/chat-D-JXvZwU.js
deleted file mode 100644
index 6886d5fa..00000000
--- a/static/desktop/assets/chat-D-JXvZwU.js
+++ /dev/null
@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/MessagesApp-BkrxHSyC.js","assets/vendor-react-l6srOxy7.js","assets/toolbar-UW6q5pkx.js","assets/vendor-radix-BhM7AEEG.js","assets/vendor-layout-B-pp9n1f.js","assets/vendor-layout-BfitWg9R.css","assets/MobileSplitView-CtNEF6zb.js","assets/vendor-icons-wm645Jsx.js","assets/use-is-mobile-v5lglusa.js"])))=>i.map(i=>d[i]);
-import"./tokens-BMxhf1g-.js";import{r as t,j as e,p as r}from"./vendor-react-l6srOxy7.js";import{_ as a}from"./vendor-codemirror-CL2HhW7v.js";const o=t.lazy(()=>a(()=>import("./MessagesApp-BkrxHSyC.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8])).then(s=>({default:s.MessagesApp})));function n(){return e.jsx("div",{className:"h-screen w-screen flex flex-col overflow-hidden",style:{backgroundColor:"#1a1b2e",paddingTop:"env(safe-area-inset-top, 0px)"},children:e.jsx(t.Suspense,{fallback:e.jsx("div",{className:"flex items-center justify-center h-full",style:{color:"rgba(255,255,255,0.4)"},children:"Loading…"}),children:e.jsx(o,{windowId:"standalone-chat",title:"taOS talk"})})})}r.createRoot(document.getElementById("root")).render(e.jsx(t.StrictMode,{children:e.jsx(n,{})}));
diff --git a/static/desktop/assets/main-DJzY8MYL.js b/static/desktop/assets/main-BzBv0_mH.js
similarity index 99%
rename from static/desktop/assets/main-DJzY8MYL.js
rename to static/desktop/assets/main-BzBv0_mH.js
index 221020e1..1f93b099 100644
--- a/static/desktop/assets/main-DJzY8MYL.js
+++ b/static/desktop/assets/main-BzBv0_mH.js
@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/MessagesApp-BkrxHSyC.js","assets/vendor-react-l6srOxy7.js","assets/toolbar-UW6q5pkx.js","assets/vendor-radix-BhM7AEEG.js","assets/vendor-layout-B-pp9n1f.js","assets/vendor-layout-BfitWg9R.css","assets/MobileSplitView-CtNEF6zb.js","assets/vendor-icons-wm645Jsx.js","assets/use-is-mobile-v5lglusa.js","assets/AgentsApp-1_BLyIy2.js","assets/framework-api-B6uX1y0T.js","assets/models-D8xGfVt0.js","assets/cluster-Ca85Gm-W.js","assets/FilesApp-Bm-rxwrE.js","assets/StoreApp-CNUGjBHW.js","assets/SettingsApp-BIHnthmi.js","assets/tokens-BMxhf1g-.js","assets/tokens-BrwHLUZg.css","assets/vendor-codemirror-CL2HhW7v.js","assets/ModelsApp-COpOwo4V.js","assets/ProvidersApp-J70w8LQ4.js","assets/ActivityApp-CG-PW6E_.js","assets/ClusterApp-DzgzEDRn.js","assets/MemoryApp-eDECkdBk.js","assets/MCPApp-CuhZ0WpF.js","assets/ChannelsApp-BMXzpUI6.js","assets/SecretsApp-C1umTVfg.js","assets/TasksApp-BLKBbvXY.js","assets/ImportApp-DBAV17Xb.js","assets/ImagesApp-DfCeUrhn.js","assets/LibraryApp-Cdo_EHou.js","assets/knowledge-ES9kK4zW.js","assets/RedditApp-BOuG46mh.js","assets/YouTubeApp-DPW-GRB6.js","assets/GitHubApp-IYMAlDty.js","assets/XApp-E7cm6999.js","assets/AgentBrowsersApp-CFn8GY-5.js","assets/CalculatorApp-Chexv_Sm.js","assets/vendor-mathjs-B2vxIMHs.js","assets/CalendarApp-DSaV9uPb.js","assets/ContactsApp-CmwPWf7s.js","assets/BrowserApp-FjtUA0FW.js","assets/MediaPlayerApp-CYFx0qCR.js","assets/vendor-plyr-CqS7_LjI.js","assets/vendor-plyr-vOeuwXUh.css","assets/TextEditorApp-US6Eef1_.js","assets/ImageViewerApp-D7vhXACc.js","assets/TerminalApp-BxZkz7_e.js","assets/vendor-xterm-BZOrcpYI.js","assets/vendor-xterm-6GBZ9nXN.css","assets/ChessApp--VzQGvct.js","assets/vendor-chess-4YJtV_R7.js","assets/WordleApp-3FSioJkg.js","assets/CrosswordsApp-C75aS7vj.js"])))=>i.map(i=>d[i]);
-import"./tokens-BMxhf1g-.js";import{r as o,b as D,j as e,p as gt}from"./vendor-react-l6srOxy7.js";import{R as xt,T as ft,P as bt,C as yt,I as Q,S as wt}from"./vendor-radix-BhM7AEEG.js";import{_ as z}from"./vendor-codemirror-CL2HhW7v.js";import{C as Ye,M as jt,a as vt,Z as kt,S as X,L as be,B as ae,P as St,b as Je,c as Ke,R as Ct,d as zt,e as Ce,f as Xe,H as Nt,X as P,g as Ze,h as _t,A as Tt,i as At,j as Et,F as It,I as Lt,k as Wt,l as Rt,m as Qe,n as G,o as H,p as Pt,q as Ot,r as Mt,T as Dt,s as Ft,t as $t,u as Ht,v as et,w as Ut,x as Bt,y as Vt}from"./vendor-icons-wm645Jsx.js";import{R as Gt,G as qt}from"./vendor-layout-B-pp9n1f.js";import{r as ze,B as Yt}from"./toolbar-UW6q5pkx.js";function Jt(){const[t,s]=o.useState(new Date);return o.useEffect(()=>{const r=setInterval(()=>s(new Date),3e4);return()=>clearInterval(r)},[]),t.toLocaleDateString("en-GB",{weekday:"short",day:"numeric",month:"short"})+"  "+t.toLocaleTimeString("en-GB",{hour:"2-digit",minute:"2-digit"})}const Ne=t=>{let s;const n=new Set,r=(d,f)=>{const m=typeof d=="function"?d(s):d;if(!Object.is(m,s)){const p=s;s=f??(typeof m!="object"||m===null)?m:Object.assign({},s,m),n.forEach(h=>h(s,p))}},i=()=>s,l={setState:r,getState:i,getInitialState:()=>g,subscribe:d=>(n.add(d),()=>n.delete(d))},g=s=t(r,i,l);return l},Kt=(t=>t?Ne(t):Ne),Xt=t=>t;function Zt(t,s=Xt){const n=D.useSyncExternalStore(t.subscribe,D.useCallback(()=>s(t.getState()),[t,s]),D.useCallback(()=>s(t.getInitialState()),[t,s]));return D.useDebugValue(n),n}const _e=t=>{const s=Kt(t),n=r=>Zt(s,r);return Object.assign(n,s),n},q=(t=>t?_e(t):_e),Qt={clock:{w:3,h:2,minW:2,minH:2},"agent-status":{w:4,h:3,minW:2,minH:2},"quick-notes":{w:4,h:4,minW:2,minH:2},"system-stats":{w:3,h:3,minW:2,minH:2},weather:{w:3,h:3,minW:2,minH:2}};let en=1;function tn(){return`widget-${Date.now()}-${en++}`}function nn(t,s,n){for(let i=0;i<100;i++)for(let a=0;a<=12-s;a++)if(!t.some(l=>a<l.x+l.w&&a+s>l.x&&i<l.y+l.h&&i+n>l.y))return{x:a,y:i};return{x:0,y:0}}const ye="widgets",tt=`taos-pref:${ye}`,sn=500,rn=[{id:"default-clock",type:"clock",x:0,y:0,w:3,h:2},{id:"default-agents",type:"agent-status",x:3,y:0,w:4,h:3}];function an(){try{const t=localStorage.getItem(tt);if(!t)return null;const s=JSON.parse(t);return Array.isArray(s==null?void 0:s.widgets)&&typeof(s==null?void 0:s.showWidgets)=="boolean"?s:null}catch{return null}}function nt(t){try{localStorage.setItem(tt,JSON.stringify(t))}catch{}}const U=an(),R=q((t,s)=>({widgets:(U==null?void 0:U.widgets)??rn,showWidgets:(U==null?void 0:U.showWidgets)??!0,hydrated:!1,addWidget(n){const r=Qt[n]??{w:3,h:2},i=nn(s().widgets,r.w,r.h),a={id:tn(),type:n,x:i.x,y:i.y,w:r.w,h:r.h,minW:r.minW,minH:r.minH};t(u=>({widgets:[...u.widgets,a]}))},removeWidget(n){t(r=>({widgets:r.widgets.filter(i=>i.id!==n)}))},updateLayout(n){t(r=>({widgets:r.widgets.map(i=>{const a=n.find(u=>u.id===i.id);return a?{...i,x:a.x,y:a.y,w:a.w,h:a.h}:i})}))},toggleWidgets(){t(n=>({showWidgets:!n.showWidgets}))}}));function on(t,s){if(!t||!Array.isArray(s.widgets)||t.showWidgets!==s.showWidgets||t.widgets.length!==s.widgets.length)return!1;for(let n=0;n<t.widgets.length;n++){const r=t.widgets[n],i=s.widgets[n];if(!r||!i||r.id!==i.id||r.type!==i.type||r.x!==i.x||r.y!==i.y||r.w!==i.w||r.h!==i.h)return!1}return!0}(async()=>{try{const t=await fetch(`/api/preferences/${ye}`);if(!t.ok){R.setState({hydrated:!0});return}const s=await t.json();if(s&&Array.isArray(s.widgets)&&typeof s.showWidgets=="boolean"){const r={widgets:s.widgets,showWidgets:s.showWidgets},i={widgets:R.getState().widgets,showWidgets:R.getState().showWidgets};on(i,r)?R.setState({hydrated:!0}):R.setState({widgets:r.widgets,showWidgets:r.showWidgets,hydrated:!0}),nt(r)}else R.setState({hydrated:!0})}catch{R.setState({hydrated:!0})}})();let ee=null;R.subscribe(t=>{if(!t.hydrated)return;const s={widgets:t.widgets,showWidgets:t.showWidgets};nt(s),ee!==null&&clearTimeout(ee),ee=setTimeout(()=>{ee=null,fetch(`/api/preferences/${ye}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)}).catch(()=>{})},sn)});let ln=0;const F=q((t,s)=>({notifications:[],centreOpen:!1,addNotification(n){const r=`notif-${++ln}`,i={...n,id:r,read:!1,timestamp:Date.now()};return t(a=>({notifications:[i,...a.notifications].slice(0,100)})),r},markRead(n){t(r=>({notifications:r.notifications.map(i=>i.id===n?{...i,read:!0}:i)}))},markAllRead(){t(n=>({notifications:n.notifications.map(r=>({...r,read:!0}))}))},dismiss(n){t(r=>({notifications:r.notifications.filter(i=>i.id!==n)}))},clearAll(){t({notifications:[]})},toggleCentre(){t(n=>({centreOpen:!n.centreOpen}))},closeCentre(){t({centreOpen:!1})},unreadCount(){return s().notifications.filter(n=>!n.read).length}}));let cn=0;const _=q((t,s)=>({windows:[],nextZIndex:1,openWindow(n,r,i){const a=s().windows.find(f=>f.appId===n);if(a)return s().focusWindow(a.id),a.id;const u=`win-${++cn}`,l=s().nextZIndex,g=s().windows.length%8*30,d={id:u,appId:n,position:{x:80+g,y:60+g},size:r,zIndex:l,minimized:!1,maximized:!1,snapped:null,focused:!0,props:i};return t(f=>({windows:f.windows.map(m=>({...m,focused:!1})).concat(d),nextZIndex:l+1})),u},closeWindow(n){t(r=>({windows:r.windows.filter(i=>i.id!==n)}))},focusWindow(n){const r=s().nextZIndex;t(i=>({windows:i.windows.map(a=>({...a,focused:a.id===n,zIndex:a.id===n?r:a.zIndex})),nextZIndex:r+1}))},minimizeWindow(n){t(r=>({windows:r.windows.map(i=>i.id===n?{...i,minimized:!0,focused:!1}:i)}))},restoreWindow(n){const r=s().nextZIndex;t(i=>({windows:i.windows.map(a=>a.id===n?{...a,minimized:!1,focused:!0,zIndex:r}:{...a,focused:!1}),nextZIndex:r+1}))},maximizeWindow(n){t(r=>({windows:r.windows.map(i=>i.id===n?{...i,maximized:!i.maximized}:i)}))},updatePosition(n,r,i){t(a=>({windows:a.windows.map(u=>u.id===n?{...u,position:{x:r,y:i}}:u)}))},updateSize(n,r,i){t(a=>({windows:a.windows.map(u=>u.id===n?{...u,size:{w:r,h:i}}:u)}))},snapWindow(n,r){t(i=>({windows:i.windows.map(a=>a.id===n?{...a,snapped:r}:a)}))},runningAppIds(){return s().windows.map(n=>n.appId)}})),st=[{id:"messages",name:"Messages",icon:"message-circle",category:"platform",component:()=>z(()=>import("./MessagesApp-BkrxHSyC.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8])).then(t=>({default:t.MessagesApp})),defaultSize:{w:900,h:600},minSize:{w:400,h:300},singleton:!0,pinned:!0,launchpadOrder:1},{id:"agents",name:"Agents",icon:"bot",category:"platform",component:()=>z(()=>import("./AgentsApp-1_BLyIy2.js"),__vite__mapDeps([9,1,10,7,2,3,4,5,11,12])).then(t=>({default:t.AgentsApp})),defaultSize:{w:1e3,h:650},minSize:{w:500,h:400},singleton:!0,pinned:!0,launchpadOrder:2},{id:"files",name:"Files",icon:"folder",category:"platform",component:()=>z(()=>import("./FilesApp-Bm-rxwrE.js"),__vite__mapDeps([13,1,2,3,4,5,6,7,8])).then(t=>({default:t.FilesApp})),defaultSize:{w:900,h:550},minSize:{w:400,h:300},singleton:!0,pinned:!0,launchpadOrder:3},{id:"store",name:"Store",icon:"shopping-bag",category:"platform",component:()=>z(()=>import("./StoreApp-CNUGjBHW.js"),__vite__mapDeps([14,1,2,3,4,5,10,7])).then(t=>({default:t.StoreApp})),defaultSize:{w:1e3,h:700},minSize:{w:600,h:400},singleton:!0,pinned:!0,launchpadOrder:4},{id:"settings",name:"Settings",icon:"settings",category:"platform",component:()=>z(()=>import("./SettingsApp-BIHnthmi.js"),__vite__mapDeps([15,1,2,3,4,5,7,16,17,18])).then(t=>({default:t.SettingsApp})),defaultSize:{w:800,h:550},minSize:{w:500,h:400},singleton:!0,pinned:!0,launchpadOrder:5},{id:"models",name:"Models",icon:"brain",category:"platform",component:()=>z(()=>import("./ModelsApp-COpOwo4V.js"),__vite__mapDeps([19,1,2,3,4,5,11,7])).then(t=>({default:t.ModelsApp})),defaultSize:{w:900,h:600},minSize:{w:500,h:400},singleton:!0,pinned:!1,launchpadOrder:6},{id:"providers",name:"Providers",icon:"cloud",category:"platform",component:()=>z(()=>import("./ProvidersApp-J70w8LQ4.js"),__vite__mapDeps([20,1,2,3,4,5,6,7,8,16,17,18])).then(t=>({default:t.ProvidersApp})),defaultSize:{w:950,h:640},minSize:{w:600,h:400},singleton:!0,pinned:!1,launchpadOrder:6.5},{id:"dashboard",name:"Activity",icon:"activity",category:"platform",component:()=>z(()=>import("./ActivityApp-CG-PW6E_.js"),__vite__mapDeps([21,1,2,3,4,5,12,7])).then(t=>({default:t.ActivityApp})),defaultSize:{w:1100,h:720},minSize:{w:600,h:400},singleton:!0,pinned:!1,launchpadOrder:7},{id:"cluster",name:"Cluster",icon:"network",category:"platform",component:()=>z(()=>import("./ClusterApp-DzgzEDRn.js"),__vite__mapDeps([22,1,2,3,4,5,12,7])).then(t=>({default:t.ClusterApp})),defaultSize:{w:1e3,h:680},minSize:{w:600,h:400},singleton:!0,pinned:!1,launchpadOrder:7.5},{id:"memory",name:"Memory",icon:"database",category:"platform",component:()=>z(()=>import("./MemoryApp-eDECkdBk.js"),__vite__mapDeps([23,1,2,3,4,5,7])).then(t=>({default:t.MemoryApp})),defaultSize:{w:850,h:550},minSize:{w:450,h:350},singleton:!0,pinned:!1,launchpadOrder:8},{id:"mcp",name:"MCP",icon:"plug",category:"platform",component:()=>z(()=>import("./MCPApp-CuhZ0WpF.js"),__vite__mapDeps([24,1,2,3,4,5,6,7,16,17,18])).then(t=>({default:t.MCPApp})),defaultSize:{w:1e3,h:680},minSize:{w:600,h:400},singleton:!0,pinned:!1,launchpadOrder:9.5},{id:"channels",name:"Channels",icon:"radio",category:"platform",component:()=>z(()=>import("./ChannelsApp-BMXzpUI6.js"),__vite__mapDeps([25,1,2,3,4,5,6,7,8])).then(t=>({default:t.ChannelsApp})),defaultSize:{w:800,h:500},minSize:{w:450,h:350},singleton:!0,pinned:!1,launchpadOrder:9},{id:"secrets",name:"Secrets",icon:"key-round",category:"platform",component:()=>z(()=>import("./SecretsApp-C1umTVfg.js"),__vite__mapDeps([26,1,2,3,4,5,7])).then(t=>({default:t.SecretsApp})),defaultSize:{w:750,h:500},minSize:{w:400,h:300},singleton:!0,pinned:!1,launchpadOrder:10},{id:"tasks",name:"Tasks",icon:"calendar-clock",category:"platform",component:()=>z(()=>import("./TasksApp-BLKBbvXY.js"),__vite__mapDeps([27,1,2,3,4,5,7])).then(t=>({default:t.TasksApp})),defaultSize:{w:800,h:500},minSize:{w:450,h:350},singleton:!0,pinned:!1,launchpadOrder:11},{id:"import",name:"Import",icon:"upload",category:"platform",component:()=>z(()=>import("./ImportApp-DBAV17Xb.js"),__vite__mapDeps([28,1,2,3,4,5,7])).then(t=>({default:t.ImportApp})),defaultSize:{w:700,h:450},minSize:{w:400,h:300},singleton:!0,pinned:!1,launchpadOrder:12},{id:"images",name:"Images",icon:"image",category:"platform",component:()=>z(()=>import("./ImagesApp-DfCeUrhn.js"),__vite__mapDeps([29,1,2,3,4,5,11,7])).then(t=>({default:t.ImagesApp})),defaultSize:{w:900,h:600},minSize:{w:500,h:400},singleton:!0,pinned:!1,launchpadOrder:13},{id:"library",name:"Library",icon:"book-open",category:"platform",component:()=>z(()=>import("./LibraryApp-Cdo_EHou.js"),__vite__mapDeps([30,1,6,7,8,2,3,4,5,31])).then(t=>({default:t.LibraryApp})),defaultSize:{w:1e3,h:650},minSize:{w:550,h:400},singleton:!0,pinned:!0,launchpadOrder:13.5},{id:"reddit",name:"Reddit",icon:"scroll-text",category:"platform",component:()=>z(()=>import("./RedditApp-BOuG46mh.js"),__vite__mapDeps([32,1,2,3,4,5,31,6,7,8])).then(t=>({default:t.RedditApp})),defaultSize:{w:1e3,h:650},minSize:{w:550,h:400},singleton:!0,pinned:!1,launchpadOrder:14},{id:"youtube-library",name:"YouTube",icon:"play-circle",category:"platform",component:()=>z(()=>import("./YouTubeApp-DPW-GRB6.js"),__vite__mapDeps([33,1,2,3,4,5,31,7])).then(t=>({default:t.YouTubeApp})),defaultSize:{w:1050,h:700},minSize:{w:600,h:450},singleton:!0,pinned:!1,launchpadOrder:14.5},{id:"github-browser",name:"GitHub",icon:"github",category:"platform",component:()=>z(()=>import("./GitHubApp-IYMAlDty.js"),__vite__mapDeps([34,1,2,3,4,5,6,7,8])).then(t=>({default:t.GitHubApp})),defaultSize:{w:1e3,h:650},minSize:{w:550,h:400},singleton:!0,pinned:!1,launchpadOrder:15},{id:"x-monitor",name:"X",icon:"at-sign",category:"platform",component:()=>z(()=>import("./XApp-E7cm6999.js"),__vite__mapDeps([35,1,2,3,4,5,7])).then(t=>({default:t.XApp})),defaultSize:{w:1e3,h:650},minSize:{w:550,h:400},singleton:!0,pinned:!1,launchpadOrder:15.5},{id:"agent-browsers",name:"Browsers",icon:"globe",category:"platform",component:()=>z(()=>import("./AgentBrowsersApp-CFn8GY-5.js"),__vite__mapDeps([36,1,2,3,4,5,7])).then(t=>({default:t.AgentBrowsersApp})),defaultSize:{w:1e3,h:650},minSize:{w:550,h:400},singleton:!0,pinned:!1,launchpadOrder:16},{id:"weather",name:"Weather",icon:"cloud",category:"os",component:()=>z(()=>Promise.resolve().then(()=>Sn),void 0).then(t=>({default:t.WeatherApp})),defaultSize:{w:800,h:600},minSize:{w:400,h:400},singleton:!0,pinned:!1,launchpadOrder:19},{id:"calculator",name:"Calculator",icon:"calculator",category:"os",component:()=>z(()=>import("./CalculatorApp-Chexv_Sm.js"),__vite__mapDeps([37,1,2,3,4,5,38])).then(t=>({default:t.CalculatorApp})),defaultSize:{w:320,h:480},minSize:{w:280,h:400},singleton:!0,pinned:!1,launchpadOrder:20},{id:"calendar",name:"Calendar",icon:"calendar",category:"os",component:()=>z(()=>import("./CalendarApp-DSaV9uPb.js"),__vite__mapDeps([39,1,7])).then(t=>({default:t.CalendarApp})),defaultSize:{w:900,h:600},minSize:{w:600,h:400},singleton:!0,pinned:!1,launchpadOrder:21},{id:"contacts",name:"Contacts",icon:"contact",category:"os",component:()=>z(()=>import("./ContactsApp-CmwPWf7s.js"),__vite__mapDeps([40,1,2,3,4,5,6,7,8])).then(t=>({default:t.ContactsApp})),defaultSize:{w:700,h:500},minSize:{w:400,h:300},singleton:!0,pinned:!1,launchpadOrder:22},{id:"browser",name:"Browser",icon:"globe",category:"os",component:()=>z(()=>import("./BrowserApp-FjtUA0FW.js"),__vite__mapDeps([41,1,2,3,4,5,7])).then(t=>({default:t.BrowserApp})),defaultSize:{w:1024,h:700},minSize:{w:600,h:400},singleton:!1,pinned:!1,launchpadOrder:23},{id:"media-player",name:"Media Player",icon:"play-circle",category:"os",component:()=>z(()=>import("./MediaPlayerApp-CYFx0qCR.js"),__vite__mapDeps([42,1,43,44])).then(t=>({default:t.MediaPlayerApp})),defaultSize:{w:800,h:500},minSize:{w:400,h:300},singleton:!1,pinned:!1,launchpadOrder:24},{id:"text-editor",name:"Text Editor",icon:"file-text",category:"os",component:()=>z(()=>import("./TextEditorApp-US6Eef1_.js").then(t=>t.T),__vite__mapDeps([45,1,18,7])).then(t=>({default:t.TextEditorApp})),defaultSize:{w:800,h:550},minSize:{w:400,h:300},singleton:!1,pinned:!1,launchpadOrder:25},{id:"image-viewer",name:"Image Viewer",icon:"eye",category:"os",component:()=>z(()=>import("./ImageViewerApp-D7vhXACc.js"),__vite__mapDeps([46,1,7])).then(t=>({default:t.ImageViewerApp})),defaultSize:{w:800,h:600},minSize:{w:400,h:300},singleton:!1,pinned:!1,launchpadOrder:26},{id:"terminal",name:"Terminal",icon:"terminal",category:"os",component:()=>z(()=>import("./TerminalApp-BxZkz7_e.js"),__vite__mapDeps([47,1,48,49,2,3,4,5])).then(t=>({default:t.TerminalApp})),defaultSize:{w:800,h:500},minSize:{w:400,h:250},singleton:!1,pinned:!1,launchpadOrder:27},{id:"chess",name:"Chess",icon:"crown",category:"game",component:()=>z(()=>import("./ChessApp--VzQGvct.js"),__vite__mapDeps([50,1,51])).then(t=>({default:t.ChessApp})),defaultSize:{w:700,h:700},minSize:{w:500,h:500},singleton:!0,pinned:!1,launchpadOrder:40},{id:"wordle",name:"Wordle",icon:"spell-check",category:"game",component:()=>z(()=>import("./WordleApp-3FSioJkg.js"),__vite__mapDeps([52,1])).then(t=>({default:t.WordleApp})),defaultSize:{w:500,h:650},minSize:{w:400,h:550},singleton:!0,pinned:!1,launchpadOrder:41},{id:"crosswords",name:"Crosswords",icon:"grid-3x3",category:"game",component:()=>z(()=>import("./CrosswordsApp-C75aS7vj.js"),__vite__mapDeps([53,1])).then(t=>({default:t.CrosswordsApp})),defaultSize:{w:700,h:600},minSize:{w:500,h:450},singleton:!0,pinned:!1,launchpadOrder:42}];function L(t){return st.find(s=>s.id===t)}function rt(){return[...st].sort((t,s)=>t.launchpadOrder-s.launchpadOrder)}function te({icon:t,label:s,value:n,colour:r}){return e.jsxs("div",{className:"flex items-center gap-1 px-1.5 py-0.5 rounded hover:bg-white/5 transition-colors",title:`${s}: ${n!==null?`${Math.round(n)}%`:"—"}`,"aria-label":`${s} usage ${n!==null?`${Math.round(n)} percent`:"unknown"}`,children:[e.jsx("span",{className:"text-shell-text-tertiary",children:t}),e.jsx("div",{className:"relative w-6 h-1 rounded-full bg-white/10 overflow-hidden",children:n!==null&&e.jsx("div",{className:"absolute inset-y-0 left-0 transition-all rounded-full",style:{width:`${Math.min(100,Math.max(0,n))}%`,backgroundColor:r}})})]})}function ne(t){return t===null?"rgba(255,255,255,0.2)":t<50?"#43e97b":t<80?"#febc2e":"#ff5f57"}function it({compact:t=!1}){const[s,n]=o.useState(null),r=_(a=>a.openWindow);o.useEffect(()=>{let a=!1;const u=async()=>{var g,d,f;try{const m=await fetch("/api/system",{headers:{Accept:"application/json"}});if(!m.ok||!(m.headers.get("content-type")??"").includes("application/json"))return;const h=await m.json();if(a)return;const c=h.resources??h,x=h.hardware??h,y=(g=x==null?void 0:x.gpu)==null?void 0:g.type,w=(d=x==null?void 0:x.npu)==null?void 0:d.type;n({cpu_pct:c.cpu_percent??c.cpu_pct??null,ram_pct:c.ram_percent??c.ram_pct??null,ram_mb:c.ram_used_mb??null,vram_pct:c.vram_percent??c.vram_pct??null,vram_mb:c.vram_used_mb??null,vram_total_mb:((f=x==null?void 0:x.gpu)==null?void 0:f.vram_mb)??null,npu_pct:c.npu_percent??c.npu_pct??null,has_gpu:!!(y&&y!=="none"),has_npu:!!(w&&w!=="none")})}catch{}};u();const l=setInterval(u,3e3);return()=>{a=!0,clearInterval(l)}},[]);const i=()=>{const a=L("dashboard");a&&r("dashboard",a.defaultSize)};return s?e.jsxs("button",{onClick:i,className:`flex items-center gap-0.5 ${t?"":"px-1"}`,"aria-label":"Open Dashboard",children:[e.jsx(te,{icon:e.jsx(Ye,{size:11}),label:"CPU",value:s.cpu_pct??null,colour:ne(s.cpu_pct??null)}),e.jsx(te,{icon:e.jsx(jt,{size:11}),label:"RAM",value:s.ram_pct??null,colour:ne(s.ram_pct??null)}),s.has_gpu&&e.jsx(te,{icon:e.jsx(vt,{size:11}),label:"VRAM",value:s.vram_pct??null,colour:ne(s.vram_pct??null)}),s.has_npu&&e.jsx(te,{icon:e.jsx(kt,{size:11}),label:"NPU",value:s.npu_pct??null,colour:ne(s.npu_pct??null)})]}):null}function dn(){const t=_(a=>a.openWindow),s=async()=>{await fetch("/auth/lock",{method:"POST",credentials:"include"}).catch(()=>{}),window.location.reload()},n=()=>{t("settings",{w:760,h:520})},r=()=>{t("settings",{w:760,h:520})},i="flex items-center gap-2.5 w-full px-3 py-2 text-sm rounded-md text-shell-text-secondary hover:bg-shell-surface-hover hover:text-shell-text outline-none focus:bg-shell-surface-hover focus:text-shell-text cursor-pointer select-none transition-colors";return e.jsxs(xt,{children:[e.jsx(ft,{asChild:!0,children:e.jsx("button",{className:"p-1 rounded hover:bg-shell-surface-hover transition-colors text-shell-text-secondary","aria-label":"Power menu",title:"Power",children:e.jsx(St,{size:14})})}),e.jsx(bt,{children:e.jsxs(yt,{align:"end",sideOffset:6,className:"z-50 min-w-[180px] rounded-xl border border-white/10 bg-shell-surface p-1.5 shadow-2xl backdrop-blur-xl",style:{backgroundColor:"rgba(28,26,44,0.96)"},onEscapeKeyDown:()=>{},children:[e.jsxs(Q,{className:i,onSelect:s,children:[e.jsx(Je,{size:14}),e.jsx("span",{className:"flex-1",children:"Lock taOS"}),e.jsx("kbd",{className:"text-[10px] opacity-40 font-mono",children:"⌘L"})]}),e.jsxs(Q,{className:i,onSelect:n,children:[e.jsx(Ke,{size:14}),e.jsx("span",{className:"flex-1",children:"Settings"})]}),e.jsx(wt,{className:"my-1 h-px bg-white/10"}),e.jsxs(Q,{className:i,onSelect:r,children:[e.jsx(Ct,{size:14}),e.jsx("span",{className:"flex-1",children:"Restart server"})]}),e.jsxs(Q,{className:i,onSelect:s,children:[e.jsx(zt,{size:14}),e.jsx("span",{className:"flex-1",children:"Sign out"})]})]})})]})}function un({onSearchOpen:t}){const s=Jt(),{showWidgets:n,toggleWidgets:r}=R(),i=F(u=>u.notifications.filter(l=>!l.read).length),a=F(u=>u.toggleCentre);return e.jsxs("div",{className:"relative flex items-center px-4 shrink-0 select-none",style:{height:"var(--spacing-topbar-h)",backgroundColor:"var(--color-topbar-bg)",borderBottom:"1px solid var(--color-shell-border)"},children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("img",{src:"/static/taos-logo.png",alt:"taOS",className:"h-4 w-auto"}),e.jsx("span",{className:"text-xs font-medium text-shell-text-secondary",children:"taOS"})]}),e.jsxs("button",{onClick:t,className:"absolute left-1/2 -translate-x-1/2 flex items-center gap-2 px-3 py-1 rounded-md bg-shell-surface-hover text-shell-text-tertiary text-xs hover:bg-shell-surface-active transition-colors","aria-label":"Search",children:[e.jsx(X,{size:12}),e.jsx("span",{children:"Search"}),e.jsx("kbd",{className:"ml-2 text-[10px] opacity-50",children:"Ctrl+Space"})]}),e.jsxs("div",{className:"flex items-center gap-3 ml-auto",children:[e.jsx(it,{}),e.jsx("span",{className:"text-xs text-shell-text-tertiary",children:s}),e.jsx(dn,{}),e.jsx("button",{onClick:r,className:`p-1 rounded transition-colors ${n?"text-accent bg-accent/10":"text-shell-text-secondary hover:bg-shell-surface-hover"}`,"aria-label":"Toggle widgets",title:"Toggle widgets",children:e.jsx(be,{size:14})}),e.jsxs("button",{onClick:a,className:"relative p-1 rounded hover:bg-shell-surface-hover transition-colors","aria-label":`Notifications${i>0?` (${i} unread)`:""}`,children:[e.jsx(ae,{size:14,className:"text-shell-text-secondary"}),i>0&&e.jsx("span",{className:"absolute top-0 right-0 w-1.5 h-1.5 bg-red-500 rounded-full"})]})]})]})}const B=[{id:"default",label:"Default",image:"url('/static/wallpaper.png')",mobileImage:"url('/static/wallpaper-mobile.png')",fallback:"#1a1b2e"},{id:"deep-indigo",label:"Deep Indigo",image:"linear-gradient(160deg, #1a1b2e 0%, #1e2140 40%, #252848 100%)",fallback:"#1a1b2e"},{id:"midnight",label:"Midnight Blue",image:"linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%)",fallback:"#0f0c29"},{id:"aurora",label:"Aurora",image:"linear-gradient(135deg, #0f2027 0%, #203a43 40%, #2c5364 100%)",fallback:"#0f2027"},{id:"dusk",label:"Dusk",image:"linear-gradient(135deg, #1a1a2e 0%, #16213e 40%, #0f3460 100%)",fallback:"#1a1a2e"},{id:"forest",label:"Forest",image:"linear-gradient(160deg, #0d1b0e 0%, #1a2f1a 40%, #1e3a1e 100%)",fallback:"#0d1b0e"},{id:"ocean",label:"Ocean",image:"linear-gradient(160deg, #0a192f 0%, #0d2847 40%, #112d4e 100%)",fallback:"#0a192f"},{id:"charcoal",label:"Charcoal",image:"linear-gradient(180deg, #1c1c1c 0%, #2d2d2d 100%)",fallback:"#1c1c1c"},{id:"gunmetal",label:"Gunmetal",image:"linear-gradient(165deg, #16181f 0%, #1f232c 50%, #252a35 100%)",fallback:"#16181f"}],M=q(t=>({wallpaperId:"default",wallpaperImage:B[0].image,wallpaperMobileImage:B[0].mobileImage??B[0].image,wallpaperFallback:B[0].fallback,showDesktopIcons:!0,setWallpaper(s){const n=B.find(r=>r.id===s);n&&t({wallpaperId:s,wallpaperImage:n.image,wallpaperMobileImage:n.mobileImage??n.image,wallpaperFallback:n.fallback})},toggleDesktopIcons(){t(s=>({showDesktopIcons:!s.showDesktopIcons}))},getWallpapers:()=>B})),Te=16,Ae=100;function pn(t,s,n){const r=t<=Te,i=t>=n.width-Te,a=s<=n.topBarH+Ae,u=s>=n.height-n.dockH-Ae;return r&&a?"top-left":r&&u?"bottom-left":i&&a?"top-right":i&&u?"bottom-right":r?"left":i?"right":null}function at(t,s){if(!t)return null;const n=s.height-s.topBarH-s.dockH,r=Math.floor(s.width/2),i=Math.floor(n/2);switch(t){case"left":return{x:0,y:0,w:r,h:n};case"right":return{x:r,y:0,w:r,h:n};case"top-left":return{x:0,y:0,w:r,h:i};case"top-right":return{x:r,y:0,w:r,h:i};case"bottom-left":return{x:0,y:i,w:r,h:i};case"bottom-right":return{x:r,y:i,w:r,h:i}}}function hn(t){const[s,n]=o.useState(null),r=o.useCallback((a,u)=>{n(pn(a,u,t))},[t]),i=o.useCallback(()=>{const a=s;return n(null),a},[s]);return{preview:s,previewBounds:at(s,t),onDrag:r,onDragStop:i}}function mn({appId:t,windowId:s}){const n=L(t),r=o.useMemo(()=>n?o.lazy(n.component):null,[n]);return r?e.jsx(o.Suspense,{fallback:e.jsx("div",{className:"flex items-center justify-center h-full text-shell-text-tertiary",children:"Loading..."}),children:e.jsx(r,{windowId:s})}):e.jsxs("div",{className:"flex items-center justify-center h-full text-shell-text-secondary",children:["Unknown app: ",t]})}function gn({win:t,onDrag:s,onDragStop:n}){const{focusWindow:r,closeWindow:i,minimizeWindow:a,maximizeWindow:u,updatePosition:l,updateSize:g,snapWindow:d}=_(),f=L(t.appId),m=o.useRef(null),p={width:window.innerWidth,height:window.innerHeight,topBarH:32,dockH:84};let h=t.position,c=t.size;if(t.maximized)h={x:0,y:0},c={w:p.width,h:p.height-p.topBarH-p.dockH};else if(t.snapped){const k=at(t.snapped,p);k&&(h={x:k.x,y:k.y},c={w:k.w,h:k.h})}const x=o.useCallback(()=>{r(t.id),t.snapped&&(m.current={...t.position,...t.size},d(t.id,null))},[r,d,t.id,t.snapped,t.position,t.size]),y=o.useCallback((k,N)=>{s(N.x,N.y)},[s]),w=o.useCallback((k,N)=>{const C=n();C?(m.current={x:N.x,y:N.y,w:t.size.w,h:t.size.h},d(t.id,C)):l(t.id,N.x,N.y)},[n,d,l,t.id,t.size]),b=o.useCallback((k,N,C)=>{g(t.id,C.offsetWidth,C.offsetHeight)},[g,t.id]);if(t.minimized)return null;const j=(f==null?void 0:f.minSize)??{w:300,h:200};return e.jsx(Gt,{position:{x:h.x,y:h.y},size:{width:c.w,height:c.h},minWidth:j.w,minHeight:j.h,style:{zIndex:t.zIndex},dragHandleClassName:"window-titlebar",disableDragging:t.maximized,enableResizing:!t.maximized&&!t.snapped,onDragStart:x,onDrag:y,onDragStop:w,onResizeStop:b,onMouseDown:()=>r(t.id),bounds:"parent",onContextMenu:k=>k.stopPropagation(),children:e.jsxs("div",{className:`flex flex-col h-full rounded-[var(--spacing-window-radius)] overflow-hidden border ${t.focused?"border-shell-border-strong shadow-[var(--shadow-window)]":"border-shell-border shadow-[var(--shadow-window-unfocused)]"}`,style:{backgroundColor:"var(--color-shell-bg)"},children:[e.jsxs("div",{className:"window-titlebar flex items-center h-8 px-3 shrink-0 bg-shell-surface select-none cursor-default",children:[e.jsxs("div",{className:"flex gap-1.5 items-center group/traffic",children:[e.jsx("button",{className:"w-3 h-3 rounded-full bg-traffic-close hover:brightness-110 flex items-center justify-center",onClick:k=>{k.stopPropagation(),i(t.id)},"aria-label":"Close window",title:"Close",children:e.jsx("svg",{className:"opacity-0 group-hover/traffic:opacity-100 transition-opacity duration-100",width:"7",height:"7",viewBox:"0 0 7 7",style:{color:"rgba(0,0,0,0.55)"},children:e.jsx("path",{d:"M1.5 1.5L5.5 5.5M5.5 1.5L1.5 5.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})})}),e.jsx("button",{className:"w-3 h-3 rounded-full bg-traffic-minimize hover:brightness-110 flex items-center justify-center",onClick:k=>{k.stopPropagation(),a(t.id)},"aria-label":"Minimize window",title:"Minimize",children:e.jsx("svg",{className:"opacity-0 group-hover/traffic:opacity-100 transition-opacity duration-100",width:"7",height:"7",viewBox:"0 0 7 7",style:{color:"rgba(0,0,0,0.55)"},children:e.jsx("path",{d:"M1 3.5H6",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})})}),e.jsx("button",{className:"w-3 h-3 rounded-full bg-traffic-maximize hover:brightness-110 flex items-center justify-center",onClick:k=>{k.stopPropagation(),u(t.id)},"aria-label":t.maximized?"Restore window":"Maximize window",title:t.maximized?"Restore":"Maximize",children:t.maximized?e.jsxs("svg",{className:"opacity-0 group-hover/traffic:opacity-100 transition-opacity duration-100",width:"7",height:"7",viewBox:"0 0 7 7",style:{color:"rgba(0,0,0,0.55)"},children:[e.jsx("path",{d:"M4.5 1V2.5H6M6 2.5L4 4.5",stroke:"currentColor",strokeWidth:"1.1",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("path",{d:"M2.5 6V4.5H1M1 4.5L3 2.5",stroke:"currentColor",strokeWidth:"1.1",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]}):e.jsxs("svg",{className:"opacity-0 group-hover/traffic:opacity-100 transition-opacity duration-100",width:"7",height:"7",viewBox:"0 0 7 7",style:{color:"rgba(0,0,0,0.55)"},children:[e.jsx("path",{d:"M1 3V1H3M1 1L3 3",stroke:"currentColor",strokeWidth:"1.1",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("path",{d:"M6 4V6H4M6 6L4 4",stroke:"currentColor",strokeWidth:"1.1",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]})})]}),e.jsx("div",{className:"flex-1 text-center text-xs text-shell-text-secondary truncate",children:(f==null?void 0:f.name)??t.appId}),e.jsx("div",{className:"w-12"})]}),e.jsx("div",{className:"flex-1 overflow-auto bg-shell-bg-deep",children:e.jsx(mn,{appId:t.appId,windowId:t.id})})]})})}function xn({bounds:t}){return t?e.jsx("div",{className:"fixed pointer-events-none z-[9998] rounded-lg border-2 border-dashed transition-all duration-150",style:{left:t.x,top:t.y,width:t.w,height:t.h,backgroundColor:"var(--color-snap-preview)",borderColor:"var(--color-snap-border)"}}):null}const fn=175,bn=290;function yn(t){return t<=fn?"s":t<=bn?"m":"l"}function Y(){const t=o.useRef(null),[s,n]=o.useState({width:200,height:200,tier:"m"});return o.useEffect(()=>{const r=t.current;if(!r)return;const i=(u,l)=>{n({width:u,height:l,tier:yn(l)})};i(r.offsetWidth,r.offsetHeight);const a=new ResizeObserver(u=>{for(const l of u)i(l.contentRect.width,l.contentRect.height)});return a.observe(r),()=>a.disconnect()},[]),[t,s]}function ot(){const[t,s]=o.useState(new Date),[n,{tier:r}]=Y();o.useEffect(()=>{const d=setInterval(()=>s(new Date),1e3);return()=>clearInterval(d)},[]);const i=t.toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit"}),a=t.toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit",second:"2-digit"}),u=t.toLocaleDateString(void 0,{weekday:"long",year:"numeric",month:"long",day:"numeric"}),l=t.toLocaleDateString(void 0,{weekday:"short",month:"short",day:"numeric"}),g=t.toLocaleDateString(void 0,{weekday:"long"});return e.jsxs("div",{ref:n,style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:r==="s"?0:4},"aria-label":"Clock widget",role:"region",children:[r==="s"&&e.jsx("span",{style:{fontSize:"1.8rem",fontWeight:600,fontVariantNumeric:"tabular-nums",color:"rgba(255,255,255,0.95)",lineHeight:1,letterSpacing:"-0.02em"},"aria-live":"polite","aria-label":`Current time: ${i}`,children:i}),r==="m"&&e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{fontSize:"2.4rem",fontWeight:600,fontVariantNumeric:"tabular-nums",color:"rgba(255,255,255,0.95)",lineHeight:1,letterSpacing:"-0.03em"},"aria-live":"polite","aria-label":`Current time: ${a}`,children:a}),e.jsx("span",{style:{fontSize:"0.7rem",color:"rgba(255,255,255,0.45)",letterSpacing:"0.03em",marginTop:4},children:l})]}),r==="l"&&e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{fontSize:"2.8rem",fontWeight:600,fontVariantNumeric:"tabular-nums",color:"rgba(255,255,255,0.95)",lineHeight:1,letterSpacing:"-0.03em"},"aria-live":"polite","aria-label":`Current time: ${a}`,children:a}),e.jsx("span",{style:{fontSize:"0.85rem",fontWeight:600,color:"rgba(255,255,255,0.6)",letterSpacing:"0.08em",textTransform:"uppercase",marginTop:6},children:g}),e.jsx("span",{style:{fontSize:"0.7rem",color:"rgba(255,255,255,0.35)",marginTop:2},children:u})]})]})}function Ee(t){return t==="online"||t==="running"?"#4ade80":t==="offline"||t==="stopped"?"#f87171":"#fbbf24"}function ue({color:t}){return e.jsxs("span",{style:{position:"relative",display:"inline-flex",width:8,height:8,flexShrink:0},"aria-hidden":"true",children:[e.jsx("span",{style:{position:"absolute",inset:0,borderRadius:"50%",background:t,opacity:.4,animation:"ping 1.5s cubic-bezier(0,0,0.2,1) infinite"}}),e.jsx("span",{style:{position:"relative",display:"inline-block",width:8,height:8,borderRadius:"50%",background:t}})]})}function lt(){const[t,s]=o.useState(null),[n,r]=o.useState(!1),[i,{tier:a}]=Y();o.useEffect(()=>{let m=!1;async function p(){try{const c=await fetch("/api/agents",{headers:{Accept:"application/json"}});if(!c.ok)throw new Error("Failed");if(!(c.headers.get("content-type")??"").includes("application/json")){m||(s([]),r(!1));return}const y=await c.json();if(!m){const w=Array.isArray(y)?y:y.agents??y.items??[];s(w.map(b=>({name:b.name??b.id??"Unknown",status:b.status??"unknown",emoji:typeof b.emoji=="string"?b.emoji:void 0,framework:typeof b.framework=="string"?b.framework:void 0}))),r(!1)}}catch{m||r(!0)}}p();const h=setInterval(p,15e3);return()=>{m=!0,clearInterval(h)}},[]);const u=t?t.filter(m=>m.status==="running"||m.status==="online").length:0,l=t?t.length:0,g=u>0?"#4ade80":"#fbbf24",d={fontSize:"0.65rem",color:"rgba(255,255,255,0.35)"},f={fontSize:"0.65rem",fontWeight:600,color:"rgba(255,255,255,0.4)",textTransform:"uppercase",letterSpacing:"0.06em"};return e.jsxs("div",{ref:i,style:{height:"100%",display:"flex",flexDirection:"column",padding:a==="s"?"0 2px":"2px 2px 4px",overflow:"hidden"},"aria-label":"Agent status widget",role:"region",children:[a==="s"&&e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",gap:8},children:[e.jsx(ue,{color:g}),e.jsx("span",{style:{fontSize:"1.2rem",fontWeight:600,color:"rgba(255,255,255,0.9)",fontVariantNumeric:"tabular-nums"},children:n||!t?"—":l}),e.jsx("span",{style:{fontSize:"0.7rem",color:"rgba(255,255,255,0.45)"},children:l===1?"agent":"agents"})]}),a==="m"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{style:f,children:"Agents"}),e.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:6,margin:"4px 0 8px"},children:[e.jsx("span",{style:{fontSize:"1.6rem",fontWeight:600,color:"rgba(255,255,255,0.95)",fontVariantNumeric:"tabular-nums",lineHeight:1},children:n||!t?"—":l}),!n&&t&&e.jsxs("span",{style:{fontSize:"0.7rem",color:"rgba(255,255,255,0.4)"},children:[u," running"]})]}),!n&&t&&t.slice(0,2).map(m=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:"0.78rem",color:"rgba(255,255,255,0.8)",marginBottom:4},children:[e.jsx(ue,{color:Ee(m.status)}),e.jsx("span",{"aria-hidden":"true",style:{fontSize:"0.95rem",lineHeight:1},children:ze(m.emoji,m.framework)}),e.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",flex:1},children:m.name}),e.jsx("span",{style:d,children:m.status})]},m.name)),n&&e.jsx("span",{style:{fontSize:"0.75rem",color:"rgba(255,255,255,0.35)"},children:"Unavailable"}),!t&&!n&&e.jsx("span",{style:{fontSize:"0.75rem",color:"rgba(255,255,255,0.35)"},children:"Loading…"})]}),a==="l"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{style:f,children:"Agents"}),e.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:6,margin:"4px 0 10px"},children:[e.jsx("span",{style:{fontSize:"1.8rem",fontWeight:600,color:"rgba(255,255,255,0.95)",fontVariantNumeric:"tabular-nums",lineHeight:1},children:n||!t?"—":l}),!n&&t&&e.jsxs("span",{style:{fontSize:"0.75rem",color:"rgba(255,255,255,0.4)"},children:[u," running · ",l-u," idle"]})]}),n||!t?e.jsx("span",{style:{fontSize:"0.75rem",color:"rgba(255,255,255,0.35)"},children:n?"Agents unavailable":"Loading…"}):t.length===0?e.jsx("span",{style:{fontSize:"0.75rem",color:"rgba(255,255,255,0.35)"},children:"No agents configured"}):e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:5,overflowY:"auto",flex:1},children:t.map(m=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:"0.8rem",color:"rgba(255,255,255,0.85)"},children:[e.jsx(ue,{color:Ee(m.status)}),e.jsx("span",{"aria-hidden":"true",style:{fontSize:"0.95rem",lineHeight:1},children:ze(m.emoji,m.framework)}),e.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",flex:1},children:m.name}),e.jsx("span",{style:{...d,background:"rgba(255,255,255,0.06)",borderRadius:4,padding:"1px 6px",whiteSpace:"nowrap"},children:m.status})]},m.name))})]})]})}const Ie="tinyagentos-quick-notes";function ct(){const[t,s]=o.useState(()=>{try{return localStorage.getItem(Ie)??""}catch{return""}}),[n,{tier:r}]=Y(),i=o.useCallback(u=>{const l=u.target.value;s(l);try{localStorage.setItem(Ie,l)}catch{}},[]),a=r!=="s";return e.jsxs("div",{ref:n,style:{height:"100%",display:"flex",flexDirection:"column",padding:r==="s"?"2px":"2px 2px 4px"},"aria-label":"Quick notes widget",role:"region",children:[a&&e.jsx("div",{style:{fontSize:"0.65rem",fontWeight:600,color:"rgba(255,255,255,0.4)",textTransform:"uppercase",letterSpacing:"0.06em",marginBottom:5},children:"Quick Notes"}),e.jsx("textarea",{value:t,onChange:i,placeholder:r==="s"?"Notes…":"Type your notes here…","aria-label":"Quick notes",style:{flex:1,resize:"none",background:"rgba(255,255,255,0.05)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:8,color:"rgba(255,255,255,0.85)",fontSize:r==="s"?"0.75rem":"0.8rem",padding:r==="s"?"6px 8px":"8px 10px",outline:"none",fontFamily:"inherit",lineHeight:1.55,transition:"border-color 0.15s, background 0.15s",caretColor:"rgba(255,255,255,0.7)"},onFocus:u=>{u.currentTarget.style.borderColor="rgba(255,255,255,0.2)",u.currentTarget.style.background="rgba(255,255,255,0.07)"},onBlur:u=>{u.currentTarget.style.borderColor="rgba(255,255,255,0.08)",u.currentTarget.style.background="rgba(255,255,255,0.05)"}})]})}function dt(t){return t>=80?"#f87171":t>=50?"#fbbf24":"#4ade80"}function se({label:t,value:s}){const n=dt(s);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"0.72rem",color:"rgba(255,255,255,0.65)"},children:[e.jsx("span",{children:t}),e.jsxs("span",{style:{fontVariantNumeric:"tabular-nums",fontWeight:600,color:"rgba(255,255,255,0.85)"},children:[Math.round(s),"%"]})]}),e.jsx("div",{style:{height:5,borderRadius:3,background:"rgba(255,255,255,0.08)",overflow:"hidden"},role:"progressbar","aria-label":`${t} usage`,"aria-valuenow":Math.round(s),"aria-valuemin":0,"aria-valuemax":100,children:e.jsx("div",{style:{height:"100%",width:`${Math.min(100,Math.max(0,s))}%`,borderRadius:3,background:n,transition:"width 0.4s ease, background 0.4s ease",boxShadow:`0 0 6px ${n}66`}})})]})}function Le({label:t,value:s}){const n=dt(s),r=18,i=2*Math.PI*r,u=Math.min(100,Math.max(0,s))/100*i;return e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:3,flex:1},children:[e.jsxs("div",{style:{position:"relative",width:48,height:48},children:[e.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48","aria-hidden":"true",children:[e.jsx("circle",{cx:"24",cy:"24",r,fill:"none",stroke:"rgba(255,255,255,0.08)",strokeWidth:"4"}),e.jsx("circle",{cx:"24",cy:"24",r,fill:"none",stroke:n,strokeWidth:"4",strokeDasharray:`${u} ${i-u}`,strokeLinecap:"round",transform:"rotate(-90 24 24)",style:{transition:"stroke-dasharray 0.4s ease, stroke 0.4s ease",filter:`drop-shadow(0 0 3px ${n}99)`}})]}),e.jsx("span",{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",fontSize:"0.65rem",fontWeight:600,color:"rgba(255,255,255,0.85)",fontVariantNumeric:"tabular-nums"},children:Math.round(s)})]}),e.jsx("span",{style:{fontSize:"0.6rem",fontWeight:600,color:"rgba(255,255,255,0.4)",textTransform:"uppercase",letterSpacing:"0.06em"},children:t})]})}async function pe(t){try{const s=await fetch(t,{headers:{Accept:"application/json"}});return!s.ok||!(s.headers.get("content-type")??"").includes("application/json")?null:await s.json()}catch{return null}}function ut(){const[t,s]=o.useState(null),[n,r]=o.useState(!1),[i,{tier:a}]=Y();o.useEffect(()=>{let d=!1;async function f(){var w,b;const p=await pe("/api/system");if(p!=null&&p.resources){if(d)return;s({cpu:p.resources.cpu_percent??0,ram:p.resources.ram_percent??0}),r(!1);return}const[h,c]=await Promise.all([pe("/api/metrics/system.cpu_pct?range=1h"),pe("/api/metrics/system.ram_pct?range=1h")]);if(d)return;const x=Array.isArray(h)&&h.length>0?((w=h[h.length-1])==null?void 0:w.value)??null:null,y=Array.isArray(c)&&c.length>0?((b=c[c.length-1])==null?void 0:b.value)??null:null;if(x===null&&y===null){r(!0);return}s({cpu:x??0,ram:y??0}),r(!1)}f();const m=setInterval(f,5e3);return()=>{d=!0,clearInterval(m)}},[]);const u={fontSize:"0.65rem",fontWeight:600,color:"rgba(255,255,255,0.4)",textTransform:"uppercase",letterSpacing:"0.06em"},l=n||!t,g=n?"Stats unavailable":"Loading…";return e.jsxs("div",{ref:i,style:{height:"100%",display:"flex",flexDirection:"column",padding:a==="s"?"0 4px":"2px 4px 6px",overflow:"hidden"},"aria-label":"System stats widget",role:"region",children:[a==="s"&&e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",gap:16},children:l?e.jsx("span",{style:{fontSize:"0.7rem",color:"rgba(255,255,255,0.35)"},children:g}):e.jsxs(e.Fragment,{children:[e.jsx(Le,{label:"CPU",value:t.cpu}),e.jsx(Le,{label:"RAM",value:t.ram})]})}),a==="m"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{style:u,children:"System"}),e.jsx("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center",gap:10,marginTop:8},children:l?e.jsx("span",{style:{fontSize:"0.75rem",color:"rgba(255,255,255,0.35)"},children:g}):e.jsxs(e.Fragment,{children:[e.jsx(se,{label:"CPU",value:t.cpu}),e.jsx(se,{label:"RAM",value:t.ram})]})})]}),a==="l"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{style:u,children:"System"}),e.jsx("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center",gap:12,marginTop:10},children:l?e.jsx("span",{style:{fontSize:"0.75rem",color:"rgba(255,255,255,0.35)"},children:g}):e.jsxs(e.Fragment,{children:[e.jsx(se,{label:"CPU",value:t.cpu}),e.jsx(se,{label:"RAM",value:t.ram})]})}),e.jsx("div",{style:{display:"flex",gap:8,marginTop:6},children:!l&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{flex:1,background:"rgba(255,255,255,0.04)",borderRadius:8,padding:"6px 8px"},children:[e.jsx("div",{style:{fontSize:"0.6rem",color:"rgba(255,255,255,0.35)",textTransform:"uppercase",letterSpacing:"0.05em",marginBottom:2},children:"CPU"}),e.jsxs("div",{style:{fontSize:"1rem",fontWeight:600,color:"rgba(255,255,255,0.9)",fontVariantNumeric:"tabular-nums"},children:[Math.round(t.cpu),"%"]})]}),e.jsxs("div",{style:{flex:1,background:"rgba(255,255,255,0.04)",borderRadius:8,padding:"6px 8px"},children:[e.jsx("div",{style:{fontSize:"0.6rem",color:"rgba(255,255,255,0.35)",textTransform:"uppercase",letterSpacing:"0.05em",marginBottom:2},children:"RAM"}),e.jsxs("div",{style:{fontSize:"1rem",fontWeight:600,color:"rgba(255,255,255,0.9)",fontVariantNumeric:"tabular-nums"},children:[Math.round(t.ram),"%"]})]})]})})]})]})}const wn={0:{label:"Clear sky",icon:"☀️"},1:{label:"Mainly clear",icon:"🌤"},2:{label:"Partly cloudy",icon:"⛅"},3:{label:"Overcast",icon:"☁️"},45:{label:"Fog",icon:"🌫"},48:{label:"Rime fog",icon:"🌫"},51:{label:"Light drizzle",icon:"🌦"},53:{label:"Drizzle",icon:"🌦"},55:{label:"Heavy drizzle",icon:"🌧"},61:{label:"Light rain",icon:"🌦"},63:{label:"Rain",icon:"🌧"},65:{label:"Heavy rain",icon:"🌧"},71:{label:"Light snow",icon:"🌨"},73:{label:"Snow",icon:"🌨"},75:{label:"Heavy snow",icon:"❄️"},77:{label:"Snow grains",icon:"🌨"},80:{label:"Rain showers",icon:"🌦"},81:{label:"Rain showers",icon:"🌧"},82:{label:"Heavy showers",icon:"⛈"},85:{label:"Snow showers",icon:"🌨"},86:{label:"Heavy snow showers",icon:"❄️"},95:{label:"Thunderstorm",icon:"⛈"},96:{label:"Thunderstorm + hail",icon:"⛈"},99:{label:"Severe thunderstorm",icon:"⛈"}};function We(t,s=!0){const n=wn[t]??{label:"Unknown",icon:"🌤"};return(t===0||t===1)&&!s?{...n,icon:"🌙"}:n}const pt="weather",we="taos-pref:weather";function je(){try{const t=localStorage.getItem(we);return t?JSON.parse(t):{}}catch{return{}}}function K(){return je().home??null}function oe(){return je().tempUnit==="F"?"F":"C"}function le(){return je().windUnit==="mph"?"mph":"kmh"}function V(t){return Math.round(t*9/5+32)}function ve(t){return Math.round(t*.621371)}const ce="taos-weather-units-changed";function he(){window.dispatchEvent(new Event(ce))}async function jn(t){if(!t.trim())return[];try{const s=await fetch(`https://geocoding-api.open-meteo.com/v1/search?name=${encodeURIComponent(t)}&count=10&language=en&format=json`);return s.ok?((await s.json()).results??[]).map(r=>({name:r.name,country:r.country,admin1:r.admin1,latitude:r.latitude,longitude:r.longitude})):[]}catch{return[]}}async function vn(t){const s=new URLSearchParams({latitude:String(t.latitude),longitude:String(t.longitude),current:"temperature_2m,apparent_temperature,is_day,weather_code,relative_humidity_2m,wind_speed_10m,wind_direction_10m",daily:"weather_code,temperature_2m_max,temperature_2m_min,precipitation_sum",timezone:"auto",forecast_days:"7"}),n=await fetch(`https://api.open-meteo.com/v1/forecast?${s}`);if(!n.ok)return null;const r=await n.json(),i={temperature:Math.round(r.current.temperature_2m),feelsLike:Math.round(r.current.apparent_temperature),weatherCode:r.current.weather_code,humidity:r.current.relative_humidity_2m,windSpeed:Math.round(r.current.wind_speed_10m),windDirection:r.current.wind_direction_10m,isDay:r.current.is_day===1},a=r.daily.time.map((u,l)=>({date:u,tempMax:Math.round(r.daily.temperature_2m_max[l]),tempMin:Math.round(r.daily.temperature_2m_min[l]),weatherCode:r.daily.weather_code[l],precipitation:r.daily.precipitation_sum[l]}));return{current:i,daily:a}}async function me(t){try{localStorage.setItem(we,JSON.stringify(t))}catch{}try{await fetch(`/api/preferences/${pt}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})}catch{}}function kn(){const[t,s]=o.useState(K),[n,r]=o.useState(t),[i,a]=o.useState(""),[u,l]=o.useState([]),[g,d]=o.useState(!1),[f,m]=o.useState(null),[p,h]=o.useState(!1),[c,x]=o.useState(oe),[y,w]=o.useState(le);o.useEffect(()=>{let v=!1;return(async()=>{try{const W=await fetch(`/api/preferences/${pt}`);if(!W.ok)return;const T=await W.json();if(v||!T||Object.keys(T).length===0)return;T.home&&(s(T.home),r(O=>O??T.home??null)),(T.tempUnit==="C"||T.tempUnit==="F")&&x(T.tempUnit),(T.windUnit==="kmh"||T.windUnit==="mph")&&w(T.windUnit),localStorage.setItem(we,JSON.stringify(T)),he()}catch{}})(),()=>{v=!0}},[]);const b=o.useCallback(()=>{const v=c==="C"?"F":"C";x(v),me({home:t,tempUnit:v,windUnit:y}),he()},[c,t,y]),j=o.useCallback(()=>{const v=y==="kmh"?"mph":"kmh";w(v),me({home:t,tempUnit:c,windUnit:v}),he()},[y,t,c]),k=o.useCallback(async v=>{h(!0);const W=await vn(v);m(W),h(!1)},[]);o.useEffect(()=>{n&&k(n)},[n,k]),o.useEffect(()=>{if(!i.trim()){l([]);return}let v=!1;d(!0);const W=setTimeout(async()=>{const T=await jn(i);v||(l(T),d(!1))},300);return()=>{v=!0,clearTimeout(W)}},[i]);const N=v=>{r(v),a(""),l([])},C=v=>{s(v),me({home:v,tempUnit:c,windUnit:y})},A=f?We(f.current.weatherCode,f.current.isDay):null,E=n&&t&&n.latitude===t.latitude&&n.longitude===t.longitude;return e.jsxs("div",{style:{height:"100%",display:"flex",flexDirection:"column",background:"linear-gradient(160deg, #1a2a4a 0%, #0e1a36 100%)",color:"white",overflow:"hidden"},children:[e.jsx("div",{style:{padding:16,flexShrink:0,borderBottom:"1px solid rgba(255,255,255,0.05)"},children:e.jsxs("div",{style:{position:"relative"},children:[e.jsx(X,{size:16,style:{position:"absolute",left:12,top:12,color:"rgba(255,255,255,0.4)"}}),e.jsx("input",{value:i,onChange:v=>a(v.target.value),placeholder:"Search for a town or city...",style:{width:"100%",padding:"10px 12px 10px 36px",background:"rgba(255,255,255,0.08)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:10,color:"white",fontSize:14,outline:"none"}}),u.length>0&&e.jsx("div",{style:{position:"absolute",top:"100%",left:0,right:0,marginTop:4,background:"rgba(15,20,40,0.98)",backdropFilter:"blur(20px)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:10,maxHeight:280,overflowY:"auto",zIndex:10},children:u.map((v,W)=>e.jsxs("button",{onClick:()=>N(v),style:{width:"100%",padding:"10px 14px",textAlign:"left",background:"none",border:"none",color:"white",fontSize:13,display:"flex",alignItems:"center",gap:10,cursor:"pointer"},onMouseEnter:T=>T.currentTarget.style.background="rgba(255,255,255,0.06)",onMouseLeave:T=>T.currentTarget.style.background="none",children:[e.jsx(Ce,{size:14,style:{color:"rgba(255,255,255,0.4)"}}),e.jsxs("span",{style:{flex:1},children:[e.jsx("span",{style:{color:"rgba(255,255,255,0.9)"},children:v.name}),e.jsxs("span",{style:{color:"rgba(255,255,255,0.4)",marginLeft:6},children:[v.admin1?`${v.admin1}, `:"",v.country]})]})]},`${v.latitude}-${v.longitude}-${W}`))}),g&&i&&u.length===0&&e.jsx("div",{style:{position:"absolute",top:"100%",left:0,right:0,marginTop:4,padding:"12px 14px",background:"rgba(15,20,40,0.98)",backdropFilter:"blur(20px)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:10,fontSize:13,color:"rgba(255,255,255,0.5)"},children:"Searching..."})]})}),e.jsxs("div",{style:{flex:1,overflowY:"auto",padding:20},children:[!n&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:12,color:"rgba(255,255,255,0.5)"},children:[e.jsx(Ce,{size:48,style:{color:"rgba(255,255,255,0.2)"}}),e.jsx("p",{style:{fontSize:15},children:"Search for a location to see its weather"})]}),n&&p&&!f&&e.jsx("div",{style:{textAlign:"center",color:"rgba(255,255,255,0.5)",marginTop:40},children:"Loading forecast..."}),n&&f&&A&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:20},children:[e.jsxs("div",{children:[e.jsx("h1",{style:{fontSize:24,fontWeight:600,margin:0,color:"rgba(255,255,255,0.95)"},children:n.name}),e.jsxs("p",{style:{fontSize:13,color:"rgba(255,255,255,0.5)",margin:"2px 0 0"},children:[n.admin1?`${n.admin1}, `:"",n.country]})]}),e.jsx("button",{onClick:()=>C(n),disabled:!!E,style:{display:"flex",alignItems:"center",gap:6,padding:"8px 14px",background:E?"rgba(80,200,120,0.2)":"rgba(255,255,255,0.08)",border:`1px solid ${E?"rgba(80,200,120,0.3)":"rgba(255,255,255,0.12)"}`,borderRadius:8,color:E?"rgb(150,220,170)":"rgba(255,255,255,0.85)",fontSize:12,fontWeight:500,cursor:E?"default":"pointer"},children:E?e.jsxs(e.Fragment,{children:[e.jsx(Xe,{size:14})," Home"]}):e.jsxs(e.Fragment,{children:[e.jsx(Nt,{size:14})," Set as home"]})})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:28,padding:"16px 20px",background:"rgba(255,255,255,0.05)",borderRadius:16,border:"1px solid rgba(255,255,255,0.08)"},children:[e.jsx("div",{style:{fontSize:72,lineHeight:1},children:A.icon}),e.jsxs("div",{style:{flex:1},children:[e.jsxs("button",{onClick:b,title:"Tap to toggle °C / °F",style:{display:"flex",alignItems:"baseline",gap:8,background:"none",border:"none",padding:0,cursor:"pointer",color:"inherit"},children:[e.jsxs("span",{style:{fontSize:56,fontWeight:300,lineHeight:1,color:"rgba(255,255,255,0.95)"},children:[c==="C"?f.current.temperature:V(f.current.temperature),"°"]}),e.jsx("span",{style:{fontSize:18,color:"rgba(255,255,255,0.5)"},children:c})]}),e.jsx("p",{style:{fontSize:14,color:"rgba(255,255,255,0.7)",margin:"4px 0 0"},children:A.label}),e.jsxs("p",{style:{fontSize:12,color:"rgba(255,255,255,0.45)",margin:"2px 0 0"},children:["Feels like ",c==="C"?f.current.feelsLike:V(f.current.feelsLike),"°"]})]})]}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(140px, 1fr))",gap:10,marginBottom:28},children:[e.jsxs("div",{style:{padding:14,background:"rgba(255,255,255,0.05)",borderRadius:12,border:"1px solid rgba(255,255,255,0.06)"},children:[e.jsx("div",{style:{fontSize:10,textTransform:"uppercase",letterSpacing:.5,color:"rgba(255,255,255,0.4)"},children:"Humidity"}),e.jsxs("div",{style:{fontSize:20,fontWeight:600,marginTop:4},children:[f.current.humidity,"%"]})]}),e.jsxs("button",{onClick:j,title:"Tap to toggle km/h / mph",style:{padding:14,background:"rgba(255,255,255,0.05)",borderRadius:12,border:"1px solid rgba(255,255,255,0.06)",textAlign:"left",cursor:"pointer",color:"inherit"},children:[e.jsx("div",{style:{fontSize:10,textTransform:"uppercase",letterSpacing:.5,color:"rgba(255,255,255,0.4)"},children:"Wind"}),e.jsxs("div",{style:{fontSize:20,fontWeight:600,marginTop:4},children:[y==="kmh"?f.current.windSpeed:ve(f.current.windSpeed),e.jsx("span",{style:{fontSize:13,color:"rgba(255,255,255,0.5)",marginLeft:4,fontWeight:400},children:y==="kmh"?"km/h":"mph"})]})]})]}),e.jsxs("div",{children:[e.jsx("h2",{style:{fontSize:11,textTransform:"uppercase",letterSpacing:.8,color:"rgba(255,255,255,0.45)",margin:"0 0 10px",fontWeight:600},children:"7-Day Forecast"}),e.jsx("div",{style:{background:"rgba(255,255,255,0.04)",borderRadius:14,border:"1px solid rgba(255,255,255,0.06)",overflow:"hidden"},children:f.daily.map((v,W)=>{const T=We(v.weatherCode),O=new Date(v.date),$=W===0?"Today":O.toLocaleDateString("en",{weekday:"short"});return e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:14,padding:"12px 16px",borderTop:W===0?"none":"1px solid rgba(255,255,255,0.05)"},children:[e.jsx("span",{style:{width:52,fontSize:13,color:"rgba(255,255,255,0.8)",fontWeight:500},children:$}),e.jsx("span",{style:{fontSize:22,width:32,textAlign:"center"},children:T.icon}),e.jsx("span",{style:{flex:1,fontSize:12,color:"rgba(255,255,255,0.55)"},children:T.label}),e.jsxs("span",{style:{fontSize:13,color:"rgba(255,255,255,0.5)",width:36,textAlign:"right"},children:[c==="C"?v.tempMin:V(v.tempMin),"°"]}),e.jsxs("span",{style:{fontSize:13,color:"rgba(255,255,255,0.9)",width:36,textAlign:"right",fontWeight:500},children:[c==="C"?v.tempMax:V(v.tempMax),"°"]})]},v.date)})})]})]})]})]})}const Sn=Object.freeze(Object.defineProperty({__proto__:null,UNIT_CHANGED_EVENT:ce,WeatherApp:kn,cToF:V,getHomeLocation:K,getTempUnit:oe,getWindUnit:le,kmhToMph:ve},Symbol.toStringTag,{value:"Module"})),Cn={0:{label:"Clear",icon:"☀️"},1:{label:"Mainly clear",icon:"🌤"},2:{label:"Partly cloudy",icon:"⛅"},3:{label:"Overcast",icon:"☁️"},45:{label:"Fog",icon:"🌫"},48:{label:"Fog",icon:"🌫"},51:{label:"Drizzle",icon:"🌦"},53:{label:"Drizzle",icon:"🌦"},55:{label:"Drizzle",icon:"🌧"},61:{label:"Light rain",icon:"🌦"},63:{label:"Rain",icon:"🌧"},65:{label:"Heavy rain",icon:"🌧"},71:{label:"Light snow",icon:"🌨"},73:{label:"Snow",icon:"🌨"},75:{label:"Heavy snow",icon:"❄️"},80:{label:"Showers",icon:"🌦"},81:{label:"Showers",icon:"🌧"},82:{label:"Heavy showers",icon:"⛈"},95:{label:"Thunderstorm",icon:"⛈"},96:{label:"Thunderstorm",icon:"⛈"},99:{label:"Thunderstorm",icon:"⛈"}};function zn(t,s=!0){const n=Cn[t]??{label:"Unknown",icon:"🌤"};return(t===0||t===1)&&!s?{...n,icon:"🌙"}:n}async function Nn(){const t=K();if(!t)return null;try{const s=new URLSearchParams({latitude:String(t.latitude),longitude:String(t.longitude),current:"temperature_2m,apparent_temperature,is_day,weather_code,relative_humidity_2m,wind_speed_10m",timezone:"auto"}),n=await fetch(`https://api.open-meteo.com/v1/forecast?${s}`,{signal:AbortSignal.timeout(5e3)});if(!n.ok)return null;const r=await n.json(),i=zn(r.current.weather_code,r.current.is_day===1);return{temp:Math.round(r.current.temperature_2m),feelsLike:Math.round(r.current.apparent_temperature),condition:i.label,icon:i.icon,humidity:r.current.relative_humidity_2m,wind:Math.round(r.current.wind_speed_10m),location:t.name}}catch{return null}}function ht(){const[t,s]=o.useState(null),[n,r]=o.useState(!K()),[i,a]=o.useState(oe),[u,l]=o.useState(le),[g,{tier:d}]=Y();o.useEffect(()=>{const p=()=>{const w=K();r(!w),w&&Nn().then(s)};(async()=>{try{const w=await fetch("/api/preferences/weather");if(!w.ok){p();return}const b=await w.json();b&&typeof b=="object"&&Object.keys(b).length>0&&(localStorage.setItem("taos-pref:weather",JSON.stringify(b)),(b.tempUnit==="C"||b.tempUnit==="F")&&a(b.tempUnit),(b.windUnit==="kmh"||b.windUnit==="mph")&&l(b.windUnit))}catch{}p()})();const c=setInterval(p,6e5),x=()=>p(),y=()=>{a(oe()),l(le())};return window.addEventListener("storage",x),window.addEventListener(ce,y),()=>{clearInterval(c),window.removeEventListener("storage",x),window.removeEventListener(ce,y)}},[]);const f=p=>i==="C"?p:V(p),m=p=>u==="kmh"?`${p} km/h`:`${ve(p)} mph`;return n?e.jsxs("div",{ref:g,style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:6,padding:8,textAlign:"center"},"aria-label":"Weather widget — no location set",role:"region",children:[e.jsx("span",{style:{fontSize:d==="s"?20:28,lineHeight:1},children:"🌤"}),d!=="s"&&e.jsx("span",{style:{fontSize:"0.72rem",color:"rgba(255,255,255,0.45)"},children:"Tap to set location"})]}):t?e.jsxs("div",{ref:g,style:{height:"100%",display:"flex",flexDirection:"column",padding:d==="s"?"0 4px":"2px 4px 6px",overflow:"hidden"},"aria-label":`Weather: ${t.condition}, ${f(t.temp)}°${i} in ${t.location}`,role:"region",children:[d==="s"&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center",height:"100%",padding:"4px 2px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx("span",{style:{fontSize:"1.8rem",lineHeight:1},children:t.icon}),e.jsxs("span",{style:{fontSize:"1.6rem",fontWeight:600,color:"rgba(255,255,255,0.95)",lineHeight:1,fontVariantNumeric:"tabular-nums"},children:[f(t.temp),"°"]})]}),e.jsxs("div",{style:{display:"flex",gap:8,fontSize:"0.65rem",color:"rgba(255,255,255,0.4)"},children:[e.jsxs("span",{children:["💧 ",t.humidity,"%"]}),e.jsxs("span",{children:["💨 ",m(t.wind)]})]})]}),d==="m"&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",justifyContent:"space-between",height:"100%"},children:[e.jsx("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx("span",{style:{fontSize:"2.2rem",lineHeight:1},children:t.icon}),e.jsxs("div",{children:[e.jsxs("div",{style:{fontSize:"1.8rem",fontWeight:600,color:"rgba(255,255,255,0.95)",lineHeight:1,fontVariantNumeric:"tabular-nums"},children:[f(t.temp),"°",e.jsx("span",{style:{fontSize:"0.85rem",fontWeight:400,color:"rgba(255,255,255,0.4)",marginLeft:1},children:i})]}),e.jsx("div",{style:{fontSize:"0.72rem",color:"rgba(255,255,255,0.5)",marginTop:2},children:t.condition})]})]})}),e.jsxs("div",{style:{display:"flex",gap:10,fontSize:"0.7rem",color:"rgba(255,255,255,0.4)"},children:[e.jsxs("span",{children:["Feels ",f(t.feelsLike),"°"]}),e.jsxs("span",{children:["💧 ",t.humidity,"%"]}),e.jsxs("span",{children:["💨 ",m(t.wind)]})]}),e.jsx("div",{style:{fontSize:"0.68rem",color:"rgba(255,255,255,0.35)",textTransform:"uppercase",letterSpacing:"0.04em",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.location})]}),d==="l"&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",justifyContent:"space-between",height:"100%"},children:[e.jsx("div",{style:{fontSize:"0.65rem",fontWeight:600,color:"rgba(255,255,255,0.35)",textTransform:"uppercase",letterSpacing:"0.06em",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.location}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,margin:"4px 0"},children:[e.jsx("span",{style:{fontSize:"2.8rem",lineHeight:1},children:t.icon}),e.jsxs("div",{children:[e.jsxs("div",{style:{fontSize:"2.4rem",fontWeight:600,color:"rgba(255,255,255,0.95)",lineHeight:1,fontVariantNumeric:"tabular-nums",letterSpacing:"-0.02em"},children:[f(t.temp),"°",e.jsx("span",{style:{fontSize:"1rem",fontWeight:400,color:"rgba(255,255,255,0.4)",marginLeft:2},children:i})]}),e.jsx("div",{style:{fontSize:"0.8rem",color:"rgba(255,255,255,0.55)",marginTop:3},children:t.condition})]})]}),e.jsx("div",{style:{display:"flex",justifyContent:"space-between",background:"rgba(255,255,255,0.05)",borderRadius:8,padding:"6px 10px",gap:4},children:[{icon:"🌡",label:"Feels",value:`${f(t.feelsLike)}°`},{icon:"💧",label:"Humidity",value:`${t.humidity}%`},{icon:"💨",label:"Wind",value:m(t.wind)}].map(({icon:p,label:h,value:c})=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",flex:1},children:[e.jsx("span",{style:{fontSize:"0.75rem"},children:p}),e.jsx("span",{style:{fontSize:"0.72rem",fontWeight:600,color:"rgba(255,255,255,0.8)",fontVariantNumeric:"tabular-nums"},children:c}),e.jsx("span",{style:{fontSize:"0.58rem",color:"rgba(255,255,255,0.3)",textTransform:"uppercase",letterSpacing:"0.04em"},children:h})]},h))})]})]}):e.jsx("div",{ref:g,style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"rgba(255,255,255,0.3)",fontSize:"0.75rem"},"aria-label":"Weather widget — loading",role:"region",children:"Loading…"})}const _n=[{type:"clock",label:"Clock",icon:e.jsx(_t,{size:14})},{type:"agent-status",label:"Agent Status",icon:e.jsx(Tt,{size:14})},{type:"quick-notes",label:"Quick Notes",icon:e.jsx(At,{size:14})},{type:"system-stats",label:"System Stats",icon:e.jsx(Ye,{size:14})},{type:"weather",label:"Weather",icon:e.jsx(Et,{size:14})}];function Tn(t){switch(t){case"clock":return e.jsx(ot,{});case"agent-status":return e.jsx(lt,{});case"quick-notes":return e.jsx(ct,{});case"system-stats":return e.jsx(ut,{});case"weather":return e.jsx(ht,{});default:return e.jsx("div",{style:{color:"rgba(255,255,255,0.4)",fontSize:"0.75rem",padding:8},children:"Unknown widget"})}}function An(){const{widgets:t,showWidgets:s,addWidget:n,removeWidget:r,updateLayout:i}=R(),[a,u]=o.useState(!1),[l,g]=o.useState(1200),d=o.useRef(null),f=o.useRef(null);o.useEffect(()=>{if(!d.current)return;const h=new ResizeObserver(c=>{for(const x of c)g(x.contentRect.width)});return h.observe(d.current),()=>h.disconnect()},[]),o.useEffect(()=>{if(!a)return;function h(c){f.current&&!f.current.contains(c.target)&&u(!1)}return document.addEventListener("mousedown",h),()=>document.removeEventListener("mousedown",h)},[a]);const m=o.useCallback(h=>{i(h.map(c=>({id:c.i,x:c.x,y:c.y,w:c.w,h:c.h})))},[i]);if(!s)return null;const p=t.map(h=>({i:h.id,x:h.x,y:h.y,w:h.w,h:h.h,minW:h.minW??2,minH:h.minH??2}));return e.jsxs("div",{ref:d,style:{position:"absolute",inset:0,zIndex:1,pointerEvents:"none"},children:[e.jsx("div",{style:{pointerEvents:"auto",width:"100%",height:"100%"},children:e.jsx(qt,{className:"widget-grid",layout:p,cols:12,rowHeight:72,width:l,margin:[16,16],containerPadding:[24,24],isDraggable:!0,isResizable:!0,compactType:null,preventCollision:!0,draggableHandle:".widget-drag-handle",onLayoutChange:m,children:t.map(h=>e.jsx("div",{style:{overflow:"hidden"},children:e.jsxs("div",{style:{height:"100%",background:"rgba(20, 20, 35, 0.65)",backdropFilter:"blur(12px)",WebkitBackdropFilter:"blur(12px)",borderRadius:12,border:"1px solid rgba(255,255,255,0.1)",display:"flex",flexDirection:"column",position:"relative",overflow:"hidden"},children:[e.jsx("div",{className:"widget-drag-handle",style:{display:"flex",justifyContent:"flex-end",padding:"4px 6px 0",cursor:"grab",minHeight:20},children:e.jsx("button",{onClick:c=>{c.stopPropagation(),r(h.id)},"aria-label":`Remove ${h.type} widget`,style:{background:"rgba(255,255,255,0.1)",border:"none",borderRadius:4,width:18,height:18,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",color:"rgba(255,255,255,0.4)",transition:"color 0.15s, background 0.15s"},onMouseEnter:c=>{c.currentTarget.style.color="#fff",c.currentTarget.style.background="rgba(239,68,68,0.6)"},onMouseLeave:c=>{c.currentTarget.style.color="rgba(255,255,255,0.4)",c.currentTarget.style.background="rgba(255,255,255,0.1)"},children:e.jsx(P,{size:12})})}),e.jsx("div",{style:{flex:1,padding:"0 8px 8px",overflow:"hidden"},children:Tn(h.type)})]})},h.id))})}),e.jsxs("div",{style:{position:"absolute",bottom:16,right:16,pointerEvents:"auto",zIndex:10},children:[e.jsx("button",{onClick:()=>u(!a),"aria-label":"Add widget",style:{width:40,height:40,borderRadius:"50%",background:"rgba(20, 20, 35, 0.7)",backdropFilter:"blur(12px)",WebkitBackdropFilter:"blur(12px)",border:"1px solid rgba(255,255,255,0.15)",color:"rgba(255,255,255,0.7)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.15s, background 0.15s"},onMouseEnter:h=>{h.currentTarget.style.background="rgba(40, 40, 60, 0.85)",h.currentTarget.style.transform="scale(1.1)"},onMouseLeave:h=>{h.currentTarget.style.background="rgba(20, 20, 35, 0.7)",h.currentTarget.style.transform="scale(1)"},children:e.jsx(Ze,{size:20})}),a&&e.jsx("div",{ref:f,style:{position:"absolute",bottom:50,right:0,background:"rgba(20, 20, 35, 0.9)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",border:"1px solid rgba(255,255,255,0.15)",borderRadius:10,padding:6,minWidth:170,display:"flex",flexDirection:"column",gap:2},children:_n.map(h=>e.jsxs("button",{onClick:()=>{n(h.type),u(!1)},style:{display:"flex",alignItems:"center",gap:8,padding:"8px 10px",background:"transparent",border:"none",borderRadius:6,color:"rgba(255,255,255,0.8)",fontSize:"0.8rem",cursor:"pointer",textAlign:"left",transition:"background 0.12s"},onMouseEnter:c=>{c.currentTarget.style.background="rgba(255,255,255,0.1)"},onMouseLeave:c=>{c.currentTarget.style.background="transparent"},children:[h.icon,h.label]},h.type))})]})]})}function En({x:t,y:s,items:n,onClose:r}){const i=o.useRef(null);o.useEffect(()=>{const l=d=>{i.current&&!i.current.contains(d.target)&&r()},g=d=>{d.key==="Escape"&&r()};return document.addEventListener("mousedown",l),document.addEventListener("keydown",g),()=>{document.removeEventListener("mousedown",l),document.removeEventListener("keydown",g)}},[r]);const a=Math.min(t,window.innerWidth-220),u=Math.min(s,window.innerHeight-n.length*36-20);return e.jsx("div",{ref:i,className:"fixed z-[10001] min-w-[200px] py-1 rounded-lg border border-shell-border-strong overflow-hidden",style:{left:a,top:u,backgroundColor:"rgba(30, 31, 50, 0.95)",backdropFilter:"blur(20px)",boxShadow:"0 8px 32px rgba(0,0,0,0.5)"},children:n.map((l,g)=>l.separator?e.jsx("div",{className:"my-1 mx-2 border-t border-shell-border"},g):e.jsxs("button",{onClick:()=>{!l.disabled&&l.action&&(l.action(),r())},disabled:l.disabled,className:`w-full flex items-center gap-2.5 px-3 py-1.5 text-left text-sm transition-colors ${l.disabled?"text-shell-text-tertiary cursor-default":"text-shell-text hover:bg-white/8"}`,children:[l.icon&&e.jsx("span",{className:"w-4 h-4 flex items-center justify-center text-shell-text-secondary",children:l.icon}),e.jsx("span",{children:l.label})]},g))})}function In({open:t,onClose:s}){const{wallpaperId:n,setWallpaper:r,getWallpapers:i}=M(),a=i();return t?e.jsx("div",{className:"fixed inset-0 z-[10002] flex items-center justify-center bg-black/40 backdrop-blur-sm p-4",onClick:s,style:{paddingTop:"calc(env(safe-area-inset-top, 0px) + 16px)",paddingBottom:"calc(40px + env(safe-area-inset-bottom, 0px) * 0.35 + 16px)"},children:e.jsxs("div",{className:"w-full max-w-[500px] max-h-full flex flex-col rounded-xl border border-shell-border-strong overflow-hidden",style:{backgroundColor:"rgba(26, 27, 46, 0.98)"},onClick:u=>u.stopPropagation(),children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-shell-border shrink-0",children:[e.jsx("h3",{className:"text-sm font-medium text-shell-text",children:"Change Wallpaper"}),e.jsx("button",{onClick:s,className:"text-shell-text-tertiary hover:text-shell-text text-lg leading-none","aria-label":"Close",children:"×"})]}),e.jsx("div",{className:"p-4 grid grid-cols-2 gap-3 overflow-y-auto flex-1",children:a.map(u=>e.jsxs("button",{onClick:()=>{r(u.id)},className:`relative rounded-lg overflow-hidden border-2 transition-all ${n===u.id?"border-accent ring-1 ring-accent/30":"border-shell-border hover:border-shell-border-strong"}`,children:[e.jsx("div",{className:"h-24 w-full",style:{backgroundImage:u.image,backgroundColor:u.fallback,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),e.jsx("div",{className:"px-2 py-1.5 text-xs text-shell-text-secondary text-left",children:u.label}),n===u.id&&e.jsx("div",{className:"absolute top-2 right-2 w-5 h-5 rounded-full bg-accent flex items-center justify-center",children:e.jsx(Xe,{size:12,className:"text-white"})})]},u.id))})]})}):null}function Ln(){const t=_(b=>b.windows),{openWindow:s}=_(),n=M(b=>b.wallpaperImage),r=M(b=>b.wallpaperMobileImage),i=M(b=>b.wallpaperFallback),{showWidgets:a,toggleWidgets:u}=R(),[l,g]=o.useState(null),[d,f]=o.useState(!1),m={width:typeof window<"u"?window.innerWidth:1920,height:typeof window<"u"?window.innerHeight:1080,topBarH:32,dockH:84},{previewBounds:p,onDrag:h,onDragStop:c}=hn(m),x=o.useCallback(b=>{(b.target===b.currentTarget||b.target.closest("[data-desktop-surface]"))&&(b.preventDefault(),g({x:b.clientX,y:b.clientY}))},[]),y=o.useCallback(b=>{const j=L(b);j&&s(b,j.defaultSize)},[s]),w=[{label:"New Folder",icon:e.jsx(It,{size:14}),action:()=>y("files")},{label:"",separator:!0},{label:"Change Wallpaper",icon:e.jsx(Lt,{size:14}),action:()=>f(!0)},{label:"Save to Memory",icon:e.jsx(Wt,{size:14}),action:()=>{const b=window.prompt("Save to memory:");b&&fetch("/api/user-memory/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({content:b,collection:"snippets"})}).catch(()=>{const j=JSON.parse(localStorage.getItem("tinyagentos-snippets")||"[]");j.push({content:b,savedAt:Date.now()}),localStorage.setItem("tinyagentos-snippets",JSON.stringify(j))})}},{label:"Display Settings",icon:e.jsx(Rt,{size:14}),action:()=>y("settings")},{label:"",separator:!0},{label:a?"Hide Widgets":"Show Widgets",icon:e.jsx(Qe,{size:14}),action:()=>u()},{label:"",separator:!0},{label:"Open Launchpad",icon:e.jsx(be,{size:14}),action:()=>{window.dispatchEvent(new CustomEvent("open-launchpad"))}},{label:"System Settings",icon:e.jsx(Ke,{size:14}),action:()=>y("settings")}];return e.jsxs("div",{className:"taos-wallpaper relative flex-1 overflow-hidden",style:{backgroundColor:i,"--wallpaper-desktop":n,"--wallpaper-mobile":r},onContextMenu:x,"data-desktop-surface":!0,children:[e.jsx(xn,{bounds:p}),e.jsx(An,{}),t.map(b=>e.jsx(gn,{win:b,onDrag:h,onDragStop:c},b.id)),l&&e.jsx(En,{x:l.x,y:l.y,items:w,onClose:()=>g(null)}),e.jsx(In,{open:d,onClose:()=>f(!1)})]})}const Wn=["messages","agents","files","store","settings"],de=q((t,s)=>({pinned:Wn,pin(n){s().pinned.includes(n)||t(r=>({pinned:[...r.pinned,n]}))},unpin(n){t(r=>({pinned:r.pinned.filter(i=>i!==n)}))},reorder(n){t({pinned:n})}}));function Re({appId:t,isRunning:s,onClick:n}){const r=L(t);if(!r)return null;const i=r.icon.split("-").map(u=>u.charAt(0).toUpperCase()+u.slice(1)).join(""),a=G[i]??H;return e.jsxs("button",{onClick:n,className:"group relative flex items-center justify-center w-10 h-10 rounded-lg bg-shell-surface hover:bg-shell-surface-active transition-all hover:scale-110","aria-label":`Open ${r.name}`,title:r.name,children:[e.jsx(a,{size:20,className:"text-shell-text"}),s&&e.jsx("div",{className:"absolute -bottom-1 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full bg-accent"})]})}function Rn({onLaunchpadOpen:t}){const s=de(d=>d.pinned),n=_(d=>d.windows),{openWindow:r,focusWindow:i,restoreWindow:a}=_(),u=n.map(d=>d.appId),l=u.filter(d=>!s.includes(d)),g=d=>{const f=n.find(m=>m.appId===d);if(f)f.minimized?a(f.id):i(f.id);else{const m=L(d);m&&r(d,m.defaultSize)}};return e.jsxs("div",{className:"fixed bottom-3 left-1/2 -translate-x-1/2 flex items-center gap-1.5 px-3 rounded-2xl z-[9999] select-none",style:{height:"var(--spacing-dock-h)",padding:"var(--spacing-dock-padding)",backgroundColor:"var(--color-dock-bg)",border:"1px solid var(--color-dock-border)",boxShadow:"var(--shadow-dock)"},children:[e.jsx("button",{onClick:t,className:"flex items-center justify-center w-10 h-10 rounded-lg bg-shell-surface hover:bg-shell-surface-active transition-all hover:scale-110","aria-label":"Launchpad",title:"Launchpad",children:e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 16 16",className:"text-shell-text",fill:"currentColor",children:[e.jsx("rect",{x:"1",y:"1",width:"5",height:"5",rx:"1"}),e.jsx("rect",{x:"10",y:"1",width:"5",height:"5",rx:"1"}),e.jsx("rect",{x:"1",y:"10",width:"5",height:"5",rx:"1"}),e.jsx("rect",{x:"10",y:"10",width:"5",height:"5",rx:"1"})]})}),e.jsx("div",{className:"w-px h-8 bg-shell-border mx-1"}),s.map(d=>e.jsx(Re,{appId:d,isRunning:u.includes(d),onClick:()=>g(d)},d)),l.length>0&&e.jsx("div",{className:"w-px h-8 bg-shell-border mx-1"}),l.map(d=>e.jsx(Re,{appId:d,isRunning:!0,onClick:()=>g(d)},d))]})}function Pn(t){const s=t.toLowerCase().split("+").map(n=>n.trim());return{ctrl:s.includes("ctrl"),shift:s.includes("shift"),alt:s.includes("alt"),key:s.filter(n=>!["ctrl","shift","alt"].includes(n))[0]??""}}function On(t,s){const n=s.ctrlKey||s.metaKey;return t.ctrl!==n||t.shift!==s.shiftKey||t.alt!==s.altKey?!1:s.key.toLowerCase()===t.key}const ke=o.createContext(null),Pe={overlay:0,app:1,system:2};function Mn(t){const s=[];return t.ctrl&&s.push("Ctrl"),t.shift&&s.push("Shift"),t.alt&&s.push("Alt"),s.push(t.key.charAt(0).toUpperCase()+t.key.slice(1)),s.join("+")}function Oe({children:t}){const s=o.useRef(new Map),[n,r]=o.useState(!1);o.useEffect(()=>{const l=()=>{var g;document.fullscreenElement&&((g=navigator.keyboard)!=null&&g.lock)?navigator.keyboard.lock().then(()=>r(!0)).catch(()=>r(!1)):r(!1)};return document.addEventListener("fullscreenchange",l),()=>document.removeEventListener("fullscreenchange",l)},[]),o.useEffect(()=>{const l=g=>{const d=Array.from(s.current.values()).filter(f=>f.enabled).sort((f,m)=>Pe[f.scope]-Pe[m.scope]);for(const f of d)if(On(f.combo,g)){g.preventDefault(),g.stopPropagation(),f.action();return}};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[]);const i=o.useCallback((l,g,d,f,m="system")=>{s.current.set(l,{id:l,combo:Pn(g),action:d,label:f,scope:m,enabled:!0})},[]),a=o.useCallback(l=>{s.current.delete(l)},[]),u=o.useCallback(()=>Array.from(s.current.values()).map(l=>({combo:Mn(l.combo),label:l.label,scope:l.scope})),[]);return e.jsx(ke.Provider,{value:{register:i,unregister:a,getAll:u,keyboardLockActive:n},children:t})}function I(t,s,n,r="system"){const i=o.useContext(ke),a=o.useRef(`shortcut-${t}-${Math.random().toString(36).slice(2,8)}`);o.useEffect(()=>(i==null||i.register(a.current,t,s,n,r),()=>i==null?void 0:i.unregister(a.current)),[i,t,s,n,r])}function js(){const t=o.useContext(ke);return{getAll:(t==null?void 0:t.getAll)??(()=>[]),keyboardLockActive:(t==null?void 0:t.keyboardLockActive)??!1}}function Dn({app:t,onClick:s}){const n=t.icon.split("-").map(i=>i.charAt(0).toUpperCase()+i.slice(1)).join(""),r=G[n]??H;return e.jsxs("button",{onClick:s,className:"flex flex-col items-center gap-2 p-3 rounded-xl hover:bg-white/5 transition-colors","aria-label":`Open ${t.name}`,children:[e.jsx("div",{className:"w-14 h-14 rounded-2xl bg-shell-surface-hover flex items-center justify-center",children:e.jsx(r,{size:28,className:"text-shell-text"})}),e.jsx("span",{className:"text-xs text-shell-text-secondary",children:t.name})]})}const Fn={platform:"Platform",os:"Utilities",streaming:"Streaming Apps",game:"Games"};function Me({open:t,onClose:s,onOpenApp:n}){const[r,i]=o.useState(""),a=o.useRef(t);a.current=t;const{openWindow:u}=_();I("Escape",()=>{a.current&&s()},"Close launchpad","overlay");const l=typeof window<"u"&&window.innerWidth<640,g=o.useMemo(()=>{const m=rt();if(!r.trim())return m;const p=r.toLowerCase();return m.filter(h=>h.name.toLowerCase().includes(p))},[r]),d=o.useMemo(()=>{var p;const m={};for(const h of g)(m[p=h.category]??(m[p]=[])).push(h);return m},[g]),f=m=>{const p=L(m);if(p){const h=u(m,p.defaultSize);n==null||n(h)}s(),i("")};return t?e.jsx("div",{className:"fixed top-0 left-0 right-0 z-[9000] flex flex-col backdrop-blur-md bg-black/40",onClick:s,style:{bottom:l?76:0,paddingTop:"calc(env(safe-area-inset-top, 0px) + 60px)",paddingBottom:l?16:"calc(52px + env(safe-area-inset-bottom, 0px) + 16px)"},children:e.jsxs("div",{className:"w-full max-w-3xl mx-auto px-4 flex-1 flex flex-col min-h-0",children:[e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2 mb-4 rounded-xl bg-white/10 border border-white/10 shrink-0",onClick:m=>m.stopPropagation(),children:[e.jsx(X,{size:16,className:"text-shell-text-tertiary"}),e.jsx("input",{type:"text",value:r,onChange:m=>i(m.target.value),placeholder:"Search apps...",className:"flex-1 bg-transparent text-sm text-shell-text outline-none placeholder:text-shell-text-tertiary",autoFocus:!l}),r&&e.jsx("button",{onClick:()=>i(""),"aria-label":"Clear search",children:e.jsx(P,{size:14,className:"text-shell-text-tertiary"})})]}),e.jsx("div",{className:"flex-1 overflow-y-auto space-y-6 pr-1",children:Object.entries(d).map(([m,p])=>e.jsxs("div",{children:[e.jsx("h3",{className:"text-xs font-medium text-shell-text-tertiary uppercase tracking-wide mb-3 px-1",children:Fn[m]??m}),e.jsx("div",{className:"grid grid-cols-4 sm:grid-cols-5 md:grid-cols-6 gap-3",children:p.map(h=>e.jsx(Dn,{app:h,onClick:()=>f(h.id)},h.id))})]},m))})]})}):null}function De({open:t,onClose:s,onOpenApp:n}){const[r,i]=o.useState(""),a=o.useRef(null),u=o.useRef(t);u.current=t;const{openWindow:l}=_(),[g,d]=o.useState(0);I("Escape",()=>{u.current&&s()},"Close search","overlay"),o.useEffect(()=>{t&&(i(""),d(0),setTimeout(()=>{var j;return(j=a.current)==null?void 0:j.focus()},50))},[t]);const f=o.useMemo(()=>{const j=rt(),k=r.toLowerCase().trim();return j.filter(N=>!k||N.name.toLowerCase().includes(k)||N.category.includes(k)).slice(0,8).map(N=>({id:N.id,name:N.name,category:N.category,icon:N.icon,type:"app",action:()=>{const C=L(N.id);if(C){const A=l(N.id,C.defaultSize);n==null||n(A)}s()}}))},[r,l,s,n]),[m,p]=o.useState([]);o.useEffect(()=>{const j=r.trim();if(!j||j.length<2){p([]);return}const k=new AbortController,N=setTimeout(()=>{fetch(`/api/user-memory/search?q=${encodeURIComponent(j)}&limit=5`,{signal:k.signal}).then(C=>C.ok?C.json():{results:[]}).then(C=>{const A=Array.isArray(C==null?void 0:C.results)?C.results:[];p(A.map(E=>({id:`mem-${E.hash}`,name:E.title&&E.title.trim()||E.content.slice(0,60),category:E.collection,icon:"database",type:"memory",subtitle:E.content.slice(0,100),action:()=>{const v=L("memory");if(v){const W=l("memory",v.defaultSize);n==null||n(W)}s()}})))}).catch(()=>{})},300);return()=>{clearTimeout(N),k.abort()}},[r,l,s,n]);const[h,c]=o.useState([]);o.useEffect(()=>{const j=r.trim();if(!j||j.length<2){c([]);return}const k=new AbortController,N=setTimeout(()=>{fetch(`/api/memory/catalog/search?q=${encodeURIComponent(j)}&limit=3`,{signal:k.signal}).then(C=>C.ok?C.json():[]).then(C=>{Array.isArray(C)&&c(C.map(A=>({id:`catalog-${A.id}`,name:A.topic||"Session",category:A.category||"session",icon:"calendar-search",type:"memory",subtitle:`${A.date||""} ${A.start_str||""}-${A.end_str||""} ${A.description||""}`.trim().slice(0,100),action:()=>{const E=L("memory");if(E){const v=l("memory",E.defaultSize);n==null||n(v)}s()}})))}).catch(()=>{})},300);return()=>{clearTimeout(N),k.abort()}},[r,l,s,n]);const x=o.useMemo(()=>[...f,...m,...h],[f,m,h]);o.useEffect(()=>{d(0)},[x]);const y=j=>{j.key==="ArrowDown"?(j.preventDefault(),d(k=>Math.min(k+1,x.length-1))):j.key==="ArrowUp"?(j.preventDefault(),d(k=>Math.max(k-1,0))):j.key==="Enter"&&x[g]&&x[g].action()};if(!t)return null;const w=j=>{const k=j.split("-").map(C=>C.charAt(0).toUpperCase()+C.slice(1)).join(""),N=G[k]??H;return e.jsx(N,{size:18})},b={platform:"Platform",os:"Utility",streaming:"Streaming",game:"Game"};return e.jsx("div",{className:"fixed inset-0 z-[10003] flex justify-center items-start bg-black/30 backdrop-blur-sm px-4",onClick:s,style:{paddingTop:"calc(env(safe-area-inset-top, 0px) + 8px)"},children:e.jsxs("div",{className:"w-full max-w-[560px] max-h-[50vh] rounded-xl border border-shell-border-strong overflow-hidden flex flex-col",style:{backgroundColor:"rgba(26, 27, 46, 0.97)",boxShadow:"0 16px 64px rgba(0,0,0,0.5)"},onClick:j=>j.stopPropagation(),children:[e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-shell-border",children:[e.jsx(X,{size:15,className:"text-shell-text-tertiary shrink-0"}),e.jsx("input",{ref:a,type:"text",value:r,onChange:j=>i(j.target.value),onKeyDown:y,placeholder:"Search apps, settings, files...",className:"flex-1 bg-transparent text-sm text-shell-text outline-none placeholder:text-shell-text-tertiary",autoFocus:!0}),r&&e.jsx("button",{onClick:()=>i(""),"aria-label":"Clear",children:e.jsx(P,{size:13,className:"text-shell-text-tertiary"})})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto py-1",children:[x.length===0&&r&&e.jsxs("div",{className:"px-4 py-8 text-center text-sm text-shell-text-tertiary",children:['No results for "',r,'"']}),f.length>0&&e.jsx("div",{className:"px-4 pt-2 pb-1 text-[10px] uppercase tracking-wider text-shell-text-tertiary",role:"presentation",children:"Apps"}),f.map(j=>{const k=x.indexOf(j);return e.jsxs("button",{onClick:j.action,onMouseEnter:()=>d(k),className:`w-full flex items-center gap-2.5 px-3 py-1.5 text-left transition-colors ${k===g?"bg-accent/15":"hover:bg-white/5"}`,children:[e.jsx("div",{className:`w-7 h-7 rounded-md flex items-center justify-center ${k===g?"bg-accent/20 text-accent":"bg-shell-surface text-shell-text-secondary"}`,children:w(j.icon)}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx("div",{className:"text-xs text-shell-text truncate",children:j.name})}),e.jsx("span",{className:"text-[9px] text-shell-text-tertiary uppercase tracking-wider",children:b[j.category]??j.category})]},j.id)}),m.length>0&&e.jsx("div",{className:"px-4 pt-3 pb-1 text-[10px] uppercase tracking-wider text-shell-text-tertiary",role:"presentation",children:"Memory"}),m.map(j=>{const k=x.indexOf(j);return e.jsxs("button",{onClick:j.action,onMouseEnter:()=>d(k),className:`w-full flex items-start gap-3 px-4 py-2.5 text-left transition-colors ${k===g?"bg-accent/15":"hover:bg-white/5"}`,children:[e.jsx("div",{className:`w-8 h-8 rounded-lg flex items-center justify-center shrink-0 ${k===g?"bg-slate-500/20 text-slate-300":"bg-shell-surface text-shell-text-secondary"}`,children:w(j.icon)}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-sm text-shell-text truncate",children:j.name}),j.subtitle&&e.jsx("div",{className:"text-[11px] text-shell-text-tertiary truncate mt-0.5",children:j.subtitle})]}),e.jsx("span",{className:"text-[10px] text-shell-text-tertiary uppercase tracking-wider shrink-0",children:j.category})]},j.id)}),!r&&e.jsx("div",{className:"px-4 py-6 text-center text-xs text-shell-text-tertiary",children:"Type to search apps and memory, or press Escape to close"})]}),e.jsxs("div",{className:"flex items-center justify-between px-4 py-2 border-t border-shell-border text-[10px] text-shell-text-tertiary",children:[e.jsx("span",{children:"↑↓ Navigate"}),e.jsx("span",{children:"↵ Open"}),e.jsx("span",{children:"Esc Close"})]})]})})}function $n(){const t=_(c=>c.windows),s=_(c=>c.openWindow),n=_(c=>c.updatePosition),r=_(c=>c.updateSize),i=_(c=>c.maximizeWindow),a=_(c=>c.snapWindow),u=de(c=>c.pinned),l=M(c=>c.wallpaperId),g=R(c=>c.widgets),d=o.useRef(!1),f=o.useRef(null),m=o.useRef(null),p=o.useRef(null),h=o.useRef(null);o.useEffect(()=>{d.current||(d.current=!0,fetch("/api/desktop/windows").then(c=>c.json()).then(c=>{if(Array.isArray(c))for(const x of c){if(!L(x.appId))continue;const w=s(x.appId,{w:x.w,h:x.h});n(w,x.x,x.y),r(w,x.w,x.h),x.maximized&&i(w),x.snapped&&a(w,x.snapped)}}).catch(()=>{}),fetch("/api/desktop/dock").then(c=>c.json()).then(c=>{c.pinned&&Array.isArray(c.pinned)&&de.getState().reorder(c.pinned)}).catch(()=>{}),fetch("/api/desktop/settings").then(c=>c.json()).then(c=>{c.wallpaper&&c.wallpaper!=="default"&&M.getState().setWallpaper(c.wallpaper)}).catch(()=>{}),fetch("/api/desktop/widgets").then(c=>c.json()).then(c=>{const x=Array.isArray(c)?c:c.widgets??[];x.length>0&&R.setState({widgets:x})}).catch(()=>{}))},[s,n,r,i,a]),o.useEffect(()=>{if(d.current)return f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{const c=t.map(x=>({appId:x.appId,x:x.position.x,y:x.position.y,w:x.size.w,h:x.size.h,maximized:x.maximized,snapped:x.snapped}));fetch("/api/desktop/windows",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({positions:c})}).catch(()=>{})},2e3),()=>{f.current&&clearTimeout(f.current)}},[t]),o.useEffect(()=>{if(d.current)return m.current&&clearTimeout(m.current),m.current=setTimeout(()=>{fetch("/api/desktop/dock",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({pinned:u})}).catch(()=>{})},1e3),()=>{m.current&&clearTimeout(m.current)}},[u]),o.useEffect(()=>{if(d.current)return p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{fetch("/api/desktop/settings",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({wallpaper:l})}).catch(()=>{})},500),()=>{p.current&&clearTimeout(p.current)}},[l]),o.useEffect(()=>{if(d.current)return h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{fetch("/api/desktop/widgets",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({widgets:g})}).catch(()=>{})},1e3),()=>{h.current&&clearTimeout(h.current)}},[g])}function Fe(){const t=window.innerWidth,s=matchMedia("(pointer: coarse)").matches||navigator.maxTouchPoints>0;return t<768?"mobile":t<1024&&s?"tablet":"desktop"}function Hn(){const[t,s]=o.useState(Fe);return o.useEffect(()=>{const n=()=>s(Fe());return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]),t}const Un=["messages","agents","files","store","settings","models","providers","activity","cluster","memory","channels","secrets","tasks","import","images","library","reddit","youtube","github","x-monitor","agent-browsers","calculator","calendar","contacts"],Bn=["messages","agents","files","store"],Vn=[{items:[{type:"widget",widgetType:"greeting"},{type:"widget",widgetType:"weather"},{type:"widget",widgetType:"system-stats"},{type:"widget",widgetType:"agent-status"}]},{items:Un.map(t=>({type:"app",appId:t}))}],ie=q(t=>({dockApps:Bn,pages:Vn,activePageIndex:0,setActivePage(s){t({activePageIndex:s})},setDockApps(s){t({dockApps:s})},addPage(){t(s=>({pages:[...s.pages,{items:[]}]}))},removePage(s){t(n=>{const r=n.pages.filter((a,u)=>u!==s),i=Math.min(n.activePageIndex,Math.max(0,r.length-1));return{pages:r,activePageIndex:i}})},addItemToPage(s,n){t(r=>({pages:r.pages.map((i,a)=>a===s?{items:[...i.items,n]}:i)}))},removeItemFromPage(s,n){t(r=>({pages:r.pages.map((i,a)=>a===s?{items:i.items.filter((u,l)=>l!==n)}:i)}))}}));function Gn(t){const s=t.split("-").map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join("");return G[s]??H}function qn({onOpenApp:t,onToggleSwitcher:s,onOpenLaunchpad:n,activeAppId:r}){const i=ie(u=>u.dockApps),a=_(u=>u.windows);return e.jsxs("div",{role:"toolbar","aria-label":"Dock",className:"shrink-0",style:{display:"flex",alignItems:"center",justifyContent:"center",gap:8,paddingTop:6,paddingBottom:24},children:[e.jsx("button",{onClick:n,"aria-label":"All Apps",style:{width:44,height:44,borderRadius:12,background:"linear-gradient(135deg, rgba(60,65,78,0.85), rgba(35,38,48,0.9))",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",padding:0},children:e.jsx(be,{size:20,style:{color:"rgba(255,255,255,0.8)"}})}),i.map(u=>{const l=L(u);if(!l)return null;const g=Gn(l.icon),d=u===r,f=a.some(m=>m.appId===u);return e.jsxs("div",{style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center"},children:[e.jsx("button",{onClick:()=>t(u),"aria-label":`Open ${l.name}`,style:{width:44,height:44,borderRadius:12,background:"linear-gradient(135deg, rgba(60,65,78,0.85), rgba(35,38,48,0.9))",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",padding:0},children:e.jsx(g,{size:22,style:{color:"rgba(255,255,255,0.8)"}})}),d&&e.jsx("div",{style:{position:"absolute",bottom:-6,left:"50%",transform:"translateX(-50%)",width:4,height:4,borderRadius:"50%",background:"rgba(255,255,255,0.7)"}}),!d&&f&&e.jsx("div",{style:{position:"absolute",bottom:-6,left:"50%",transform:"translateX(-50%)",width:3,height:3,borderRadius:"50%",background:"rgba(255,255,255,0.3)"}})]},u)}),e.jsx("div",{style:{width:1,height:28,background:"rgba(255,255,255,0.15)",margin:"0 6px",flexShrink:0}}),e.jsx("button",{onClick:s,"aria-label":"App Switcher",style:{width:44,height:44,borderRadius:12,background:"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",padding:0},children:e.jsx(Qe,{size:20,style:{color:"rgba(255,255,255,0.7)"}})})]})}function Yn(t){const s=t.split("-").map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join("");return G[s]??H}function Jn({open:t,onClose:s,onSelectApp:n,onLaunchpad:r}){const i=_(p=>p.windows),a=_(p=>p.closeWindow),[u,l]=o.useState({}),g=o.useRef({}),d=o.useCallback((p,h)=>{g.current[p]=h,l(c=>({...c,[p]:0}))},[]),f=o.useCallback((p,h)=>{const c=g.current[p];if(c===void 0)return;const x=h-c;x<0&&l(y=>({...y,[p]:x}))},[]),m=o.useCallback(p=>{(u[p]??0)<-100?(l(c=>({...c,[p]:-999})),setTimeout(()=>{a(p),l(c=>{const x={...c};return delete x[p],x})},250)):l(c=>{const x={...c};return delete x[p],x}),delete g.current[p]},[u,a]);return t?e.jsxs("div",{className:"fixed inset-0 flex flex-col backdrop-blur-sm",style:{zIndex:9e3,backgroundColor:"rgba(0, 0, 0, 0.6)"},role:"dialog","aria-label":"App Switcher",onClick:s,children:[e.jsxs("div",{className:"flex items-center justify-between px-4 pt-4 pb-2",onClick:p=>p.stopPropagation(),children:[e.jsx("h2",{className:"text-white text-lg font-medium",children:"App Switcher"}),e.jsx("button",{onClick:s,className:"flex items-center justify-center w-8 h-8 rounded-full bg-white/10 active:bg-white/20 transition-colors","aria-label":"Close app switcher",children:e.jsx(P,{size:18,className:"text-white/80"})})]}),i.length===0?e.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center gap-4",children:[e.jsx("p",{className:"text-white/60 text-base",children:"No apps open"}),e.jsxs("button",{onClick:p=>{p.stopPropagation(),r(),s()},className:"flex items-center gap-2 px-4 py-2 rounded-lg bg-white/10 active:bg-white/20 text-white/80 transition-colors","aria-label":"Open Launchpad",children:[e.jsx(Ze,{size:18}),"Open Launchpad"]})]}):e.jsx("div",{className:"flex-1 flex items-center overflow-x-auto snap-x snap-mandatory",style:{scrollSnapType:"x mandatory",WebkitOverflowScrolling:"touch",paddingLeft:"calc(50vw - 35vw)",paddingRight:"calc(50vw - 35vw)",gap:"1rem"},onClick:p=>{p.target===p.currentTarget&&s()},children:i.map(p=>{const h=L(p.appId),c=h?Yn(h.icon):H,x=u[p.id]??0,y=x===-999;return e.jsxs("div",{className:"flex-shrink-0 snap-center relative flex flex-col items-center justify-center rounded-2xl bg-white/8 border border-white/10",style:{width:"70vw",aspectRatio:"9 / 16",transform:y?"translateY(-120vh)":x<0?`translateY(${x}px)`:void 0,transition:y?"transform 250ms ease-in":x===0?"transform 200ms ease-out":void 0,opacity:y?0:1},onTouchStart:w=>{var b;return d(p.id,((b=w.touches[0])==null?void 0:b.clientY)??0)},onTouchMove:w=>{var b;return f(p.id,((b=w.touches[0])==null?void 0:b.clientY)??0)},onTouchEnd:()=>m(p.id),onClick:w=>{w.stopPropagation(),n(p.id),s()},role:"button","aria-label":`Switch to ${(h==null?void 0:h.name)??"Unknown"}`,tabIndex:0,children:[e.jsx("button",{onClick:w=>{w.stopPropagation(),a(p.id)},className:"absolute top-3 right-3 flex items-center justify-center w-7 h-7 rounded-full bg-white/10 active:bg-white/20 transition-colors","aria-label":`Close ${(h==null?void 0:h.name)??"app"}`,children:e.jsx(P,{size:14,className:"text-white/70"})}),e.jsx(c,{size:40,className:"text-white/60 mb-3"}),e.jsx("span",{className:"text-white/80 text-sm font-medium",children:(h==null?void 0:h.name)??p.appId})]},p.id)})})]}):null}function Kn({onHome:t,onSearch:s}){const n=F(i=>i.notifications.filter(a=>!a.read).length),r=F(i=>i.toggleCentre);return e.jsx("div",{className:"shrink-0",style:{paddingTop:"env(safe-area-inset-top, 0px)"},children:e.jsxs("div",{className:"flex items-center px-2",style:{height:44},children:[e.jsx("button",{onClick:t,className:"px-2 py-1 active:opacity-60 transition-opacity","aria-label":"Go to home screen",children:e.jsx("span",{className:"text-[17px] font-semibold text-shell-text",children:"taOS"})}),e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsx(it,{compact:!0})}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{onClick:s,className:"relative flex items-center justify-center active:opacity-60 transition-opacity",style:{width:32,height:32,borderRadius:"50%",background:"rgba(255,255,255,0.08)",backdropFilter:"blur(10px)",WebkitBackdropFilter:"blur(10px)",border:"1px solid rgba(255,255,255,0.1)"},"aria-label":"Search",children:e.jsx(X,{size:15,className:"text-white/70"})}),e.jsxs("button",{onClick:r,className:"relative flex items-center justify-center active:opacity-60 transition-opacity",style:{width:32,height:32,borderRadius:"50%",background:"rgba(255,255,255,0.08)",backdropFilter:"blur(10px)",WebkitBackdropFilter:"blur(10px)",border:"1px solid rgba(255,255,255,0.1)"},"aria-label":`Notifications${n>0?` (${n} unread)`:""}`,children:[e.jsx(ae,{size:15,className:"text-white/70"}),n>0&&e.jsx("span",{className:"absolute bg-red-500 rounded-full",style:{width:6,height:6,top:5,right:5}})]})]})]})})}function Xn({appId:t,windowId:s,onClose:n,onMinimise:r}){const i=L(t),a=o.useMemo(()=>i?o.lazy(i.component):null,[i]);return!i||!a?null:e.jsxs("div",{className:"flex flex-col h-full w-full",children:[e.jsxs("div",{className:"flex items-center px-3 gap-2 shrink-0",style:{height:"32px",background:"rgba(30, 30, 60, 0.9)",borderBottom:"1px solid rgba(255,255,255,0.08)"},children:[e.jsx("button",{onClick:n,"aria-label":"Close",className:"flex items-center justify-center rounded-full shrink-0",style:{width:"18px",height:"18px",background:"rgba(255,80,80,0.3)",border:"1px solid rgba(255,80,80,0.3)"},children:e.jsx(P,{size:10,style:{color:"rgba(255,120,120,0.8)"}})}),e.jsx("button",{onClick:r,"aria-label":"Minimise",className:"flex items-center justify-center rounded-full shrink-0",style:{width:"18px",height:"18px",background:"rgba(255,200,50,0.2)",border:"1px solid rgba(255,200,50,0.3)"},children:e.jsx(Pt,{size:10,style:{color:"rgba(255,200,80,0.8)"}})}),e.jsx("div",{className:"flex-1 text-center text-xs font-medium",style:{color:"rgba(255,255,255,0.6)"},children:i.name}),e.jsx("div",{style:{width:"44px"}})]}),e.jsx("div",{className:"flex-1 overflow-hidden",style:{background:"rgba(15,15,35,0.95)"},children:e.jsx(o.Suspense,{fallback:e.jsx("div",{className:"flex items-center justify-center h-full text-white/30 text-sm",children:"Loading..."}),children:e.jsx(a,{windowId:s})})})]})}function Zn(t){return t>=5&&t<12?"Good morning.":t>=12&&t<17?"Good afternoon.":t>=17&&t<21?"Good evening.":"Good night."}function Qn(t){return t>=5&&t<12?"☀️":t>=12&&t<17?"🌤":t>=17&&t<21?"🌅":"🌙"}async function $e(){try{const[t,s]=await Promise.all([fetch("/api/agents"),fetch("/api/jobs")]);if(!t.ok||!s.ok)return null;const n=await t.json(),r=await s.json(),i=Array.isArray(n)?n.length:(n==null?void 0:n.count)??0,a=Array.isArray(r)?r.length:(r==null?void 0:r.count)??0;return{agentCount:i,taskCount:a}}catch{return null}}function es(){const[t,s]=o.useState(()=>new Date),[n,r]=o.useState(null),[i,{tier:a}]=Y();o.useEffect(()=>{const m=setInterval(()=>s(new Date),6e4);return()=>clearInterval(m)},[]),o.useEffect(()=>{$e().then(r);const m=setInterval(()=>$e().then(r),3e4);return()=>clearInterval(m)},[]);const u=t.getHours(),l=Zn(u),g=Qn(u),d=[];n!==null&&(n.agentCount>0&&d.push(`${n.agentCount} agent${n.agentCount!==1?"s":""} running`),n.taskCount>0&&d.push(`${n.taskCount} task${n.taskCount!==1?"s":""} queued`));const f=d.length>0?d.join(" · "):"All systems operational";return e.jsxs("div",{ref:i,style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",padding:a==="s"?"4px 8px":a==="m"?"12px 12px":"20px 16px",gap:a==="s"?4:8,textAlign:"center"},"aria-label":"Greeting widget",role:"region",children:[a!=="s"&&e.jsx("span",{style:{fontSize:a==="l"?36:28,lineHeight:1},"aria-hidden":"true",children:g}),e.jsx("span",{style:{fontSize:a==="s"?"1rem":a==="m"?"1.3rem":"1.7rem",fontWeight:600,color:"rgba(255,255,255,0.92)",lineHeight:1.2,letterSpacing:"-0.02em"},children:a==="s"?e.jsxs(e.Fragment,{children:[g," ",l]}):l}),a!=="s"&&e.jsx("span",{style:{fontSize:a==="l"?"0.78rem":"0.7rem",color:"rgba(255,255,255,0.4)",letterSpacing:"0.01em"},children:f})]})}const He={platform:"linear-gradient(135deg, rgba(100,80,200,0.4), rgba(60,50,140,0.6))",os:"linear-gradient(135deg, rgba(50,160,140,0.35), rgba(30,100,90,0.55))",game:"linear-gradient(135deg, rgba(200,120,50,0.35), rgba(140,70,30,0.55))"};function ts(t){const s=t.split("-").map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join("");return G[s]??H}const ge={borderRadius:"16px",background:"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.08)",backdropFilter:"blur(10px)",WebkitBackdropFilter:"blur(10px)",padding:"12px"},xe={weather:"weather","system-stats":"dashboard","agent-status":"agents",clock:"calendar"};function fe({children:t,style:s,onClick:n}){return e.jsx("div",{onClick:n,style:{...ge,...s,cursor:n?"pointer":void 0,transition:"background 150ms ease"},onMouseDown:n?r=>{r.currentTarget.style.background="rgba(255,255,255,0.1)"}:void 0,onMouseUp:n?r=>{r.currentTarget.style.background=ge.background}:void 0,onMouseLeave:n?r=>{r.currentTarget.style.background=ge.background}:void 0,children:t})}function re(t){switch(t){case"clock":return e.jsx(ot,{});case"system-stats":return e.jsx(ut,{});case"greeting":return e.jsx(es,{});case"agent-status":return e.jsx(lt,{});case"weather":return e.jsx(ht,{});case"quick-notes":return e.jsx(ct,{});default:return null}}function ns({page:t,onOpenApp:s}){const n=[];for(let r=0;r<t.items.length;r++){const i=t.items[r];if(i)if(i.type==="widget"){const a=n[n.length-1];(a==null?void 0:a.kind)==="widgets"?a.items.push({widgetType:i.widgetType,index:r}):n.push({kind:"widgets",items:[{widgetType:i.widgetType,index:r}]})}else{const a=n[n.length-1];(a==null?void 0:a.kind)==="apps"?a.items.push({appId:i.appId,index:r}):n.push({kind:"apps",items:[{appId:i.appId,index:r}]})}}return e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:n.map((r,i)=>{if(r.kind==="widgets"){const a=[];let u=!1;for(let l=0;l<r.items.length;l++){if(u){u=!1;continue}const g=r.items[l],d=r.items[l+1];if(!g)continue;if(g.widgetType==="greeting"){a.push(e.jsx("div",{children:re("greeting")},g.index));continue}const f=g.widgetType==="clock"||g.widgetType==="system-stats"||g.widgetType==="weather",m=d&&(d.widgetType==="clock"||d.widgetType==="system-stats"||d.widgetType==="weather");if(f&&m&&d){const p=xe[g.widgetType],h=xe[d.widgetType];a.push(e.jsxs("div",{style:{display:"flex",gap:"12px"},children:[e.jsx(fe,{style:{flex:1},onClick:p?()=>s(p):void 0,children:re(g.widgetType)}),e.jsx(fe,{style:{flex:1},onClick:h?()=>s(h):void 0,children:re(d.widgetType)})]},`pair-${g.index}`)),u=!0}else{const p=xe[g.widgetType];a.push(e.jsx(fe,{onClick:p?()=>s(p):void 0,children:re(g.widgetType)},g.index))}}return e.jsx(D.Fragment,{children:a},`wg-${i}`)}return e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:"12px",padding:"8px 4px"},children:r.items.map(({appId:a,index:u})=>{const l=L(a);if(!l)return null;const g=ts(l.icon),d=He[l.category]??He.platform;return e.jsxs("button",{onClick:()=>s(a),style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"6px",background:"none",border:"none",cursor:"pointer",padding:0},"aria-label":l.name,children:[e.jsx("div",{style:{width:60,height:60,borderRadius:16,background:d,display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(g,{size:26,color:"rgba(255,255,255,0.9)"})}),e.jsx("span",{style:{fontSize:11,color:"rgba(255,255,255,0.8)",textAlign:"center",lineHeight:1.2,maxWidth:64,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:l.name})]},u)})},`ag-${i}`)})})}function ss({onOpenApp:t}){const s=ie(g=>g.pages),n=ie(g=>g.activePageIndex),r=ie(g=>g.setActivePage),i=D.useRef(null),a=s[n]??s[0],u=D.useCallback(g=>{var d;i.current=((d=g.touches[0])==null?void 0:d.clientX)??null},[]),l=D.useCallback(g=>{var f;if(i.current===null)return;const d=(((f=g.changedTouches[0])==null?void 0:f.clientX)??0)-i.current;i.current=null,!(Math.abs(d)<50)&&(d<0&&n<s.length-1?r(n+1):d>0&&n>0&&r(n-1))},[n,s.length,r]);return e.jsxs("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[e.jsx("div",{style:{flex:1,overflowY:"auto",padding:"12px 16px 0"},onTouchStart:u,onTouchEnd:l,children:a&&e.jsx(ns,{page:a,onOpenApp:t})}),e.jsx("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:10,padding:"12px 0",flexShrink:0},role:"tablist","aria-label":"Home screen pages",children:s.map((g,d)=>{const f=d===n;return e.jsx("button",{role:"tab","aria-selected":f,"aria-label":`Page ${d+1}`,onClick:()=>!f&&r(d),style:{width:f?36:12,height:12,borderRadius:f?6:"50%",background:f?"rgba(255,255,255,0.7)":"rgba(255,255,255,0.2)",border:"none",padding:0,cursor:f?"default":"pointer",transition:"width 0.2s ease, background 0.2s ease"}},d)})})]})}function Ue({onDone:t,invitedUsername:s,inviteCode:n,defaultAutoLogin:r}){const i=!!(s&&n),[a,u]=o.useState(s??""),[l,g]=o.useState(""),[d,f]=o.useState(""),[m,p]=o.useState(""),[h,c]=o.useState(""),[x,y]=o.useState(r??!i),[w,b]=o.useState(""),[j,k]=o.useState(!1),N=m.length>=4,C=m.length>0&&m===h,A=a.trim().length>0&&l.trim().length>0&&N&&C;async function E(v){if(v.preventDefault(),!!A){k(!0),b("");try{const W=i?"/auth/complete":"/auth/setup",T={username:a.trim(),full_name:l.trim(),email:d.trim(),password:m,auto_login:x};i&&(T.invite_code=n);const O=await fetch(W,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify(T)});if(!O.ok){const $=await O.json().catch(()=>({}));b(($==null?void 0:$.error)??`Setup failed (${O.status})`),k(!1);return}t()}catch{b("Network error — please try again"),k(!1)}}}return e.jsx("div",{className:"h-screen w-screen flex items-center justify-center overflow-y-auto",style:{background:"linear-gradient(160deg, #1a1b2e 0%, #1e2140 40%, #252848 100%)",paddingTop:"calc(env(safe-area-inset-top, 0px) + 16px)",paddingBottom:"calc(env(safe-area-inset-bottom, 0px) + 16px)",paddingLeft:"calc(env(safe-area-inset-left, 0px) + 16px)",paddingRight:"calc(env(safe-area-inset-right, 0px) + 16px)"},children:e.jsxs("form",{onSubmit:E,className:"w-full max-w-md p-6 rounded-2xl border border-white/10",style:{backgroundColor:"rgba(255,255,255,0.04)",backdropFilter:"blur(20px)"},"aria-label":i?"Complete your account":"Welcome to taOS",children:[e.jsxs("div",{className:"flex flex-col items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-14 h-14 rounded-2xl flex items-center justify-center",style:{background:"linear-gradient(135deg, #8b92a3, #5b6170)"},children:e.jsx(Ot,{size:24,className:"text-white"})}),e.jsx("h1",{className:"text-lg font-semibold text-shell-text",children:i?"Complete your account":"Welcome to taOS"}),e.jsx("p",{className:"text-xs text-shell-text-secondary text-center",children:i?"Set a password and fill in your details to activate your account.":"Set up your account. You can change any of these later in Settings."})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(J,{label:"Username",id:"onb-username",required:!0,children:i?e.jsx("div",{id:"onb-username",className:"onb-input opacity-60 cursor-not-allowed","aria-readonly":"true",role:"textbox",children:a}):e.jsx("input",{id:"onb-username",type:"text",value:a,onChange:v=>u(v.target.value.replace(/\s+/g,"").toLowerCase()),autoComplete:"username",autoFocus:!0,placeholder:"jay",className:"onb-input"})}),e.jsx(J,{label:"Full name",id:"onb-fullname",required:!0,children:e.jsx("input",{id:"onb-fullname",type:"text",value:l,onChange:v=>g(v.target.value),autoComplete:"name",autoFocus:i,placeholder:"Jay Doe",className:"onb-input"})}),e.jsx(J,{label:"Email",id:"onb-email",hint:"Used for cloud services later. Optional today.",children:e.jsx("input",{id:"onb-email",type:"email",value:d,onChange:v=>f(v.target.value),autoComplete:"email",placeholder:"you@example.com",className:"onb-input"})}),e.jsx(J,{label:"Password",id:"onb-password",required:!0,hint:"At least 4 characters.",children:e.jsx("input",{id:"onb-password",type:"password",value:m,onChange:v=>p(v.target.value),autoComplete:"new-password",className:"onb-input"})}),e.jsxs(J,{label:"Confirm password",id:"onb-confirm",required:!0,children:[e.jsx("input",{id:"onb-confirm",type:"password",value:h,onChange:v=>c(v.target.value),autoComplete:"new-password",className:"onb-input","aria-invalid":h.length>0&&!C}),h.length>0&&!C&&e.jsx("p",{className:"text-[11px] text-red-400 mt-1",children:"Passwords don't match."})]}),e.jsxs("label",{htmlFor:"onb-autologin",className:"flex items-start gap-3 mt-1 cursor-pointer select-none",children:[e.jsx("input",{id:"onb-autologin",type:"checkbox",checked:x,onChange:v=>y(v.target.checked),className:"mt-0.5 w-4 h-4 accent-accent cursor-pointer"}),e.jsxs("span",{className:"text-xs text-shell-text-secondary leading-snug",children:["Stay signed in on this device",e.jsx("span",{className:"block text-[10px] text-shell-text-tertiary mt-0.5",children:"Skips the login screen for a year. Turn off if this is a shared device."})]})]})]}),w&&e.jsx("p",{className:"text-xs text-red-400 mt-3 text-center",role:"alert",children:w}),e.jsx("button",{type:"submit",disabled:!A||j,className:"w-full mt-5 px-4 py-2.5 rounded-lg bg-accent text-white text-sm font-medium hover:brightness-110 disabled:opacity-40 disabled:cursor-not-allowed transition-all",children:j?i?"Activating...":"Setting up...":i?"Activate account":"Get started"}),e.jsx("style",{children:`
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/MessagesApp-BG8aIEeG.js","assets/vendor-react-l6srOxy7.js","assets/toolbar-UW6q5pkx.js","assets/vendor-radix-BhM7AEEG.js","assets/vendor-layout-B-pp9n1f.js","assets/vendor-layout-BfitWg9R.css","assets/MobileSplitView-CtNEF6zb.js","assets/vendor-icons-wm645Jsx.js","assets/use-is-mobile-v5lglusa.js","assets/AgentsApp-1_BLyIy2.js","assets/framework-api-B6uX1y0T.js","assets/models-D8xGfVt0.js","assets/cluster-Ca85Gm-W.js","assets/FilesApp-Bm-rxwrE.js","assets/StoreApp-CNUGjBHW.js","assets/SettingsApp-F200Wg__.js","assets/tokens-C63es8oZ.js","assets/tokens-C-PTlQoZ.css","assets/vendor-codemirror-CL2HhW7v.js","assets/ModelsApp-COpOwo4V.js","assets/ProvidersApp-BY6yJVKl.js","assets/ActivityApp-CG-PW6E_.js","assets/ClusterApp-DzgzEDRn.js","assets/MemoryApp-eDECkdBk.js","assets/MCPApp-Cq-bUfV5.js","assets/ChannelsApp-BMXzpUI6.js","assets/SecretsApp-C1umTVfg.js","assets/TasksApp-BLKBbvXY.js","assets/ImportApp-DBAV17Xb.js","assets/ImagesApp-DfCeUrhn.js","assets/LibraryApp-Cdo_EHou.js","assets/knowledge-ES9kK4zW.js","assets/RedditApp-BOuG46mh.js","assets/YouTubeApp-DPW-GRB6.js","assets/GitHubApp-IYMAlDty.js","assets/XApp-E7cm6999.js","assets/AgentBrowsersApp-CFn8GY-5.js","assets/CalculatorApp-Chexv_Sm.js","assets/vendor-mathjs-B2vxIMHs.js","assets/CalendarApp-DSaV9uPb.js","assets/ContactsApp-CmwPWf7s.js","assets/BrowserApp-FjtUA0FW.js","assets/MediaPlayerApp-CYFx0qCR.js","assets/vendor-plyr-CqS7_LjI.js","assets/vendor-plyr-vOeuwXUh.css","assets/TextEditorApp-US6Eef1_.js","assets/ImageViewerApp-D7vhXACc.js","assets/TerminalApp-BxZkz7_e.js","assets/vendor-xterm-BZOrcpYI.js","assets/vendor-xterm-6GBZ9nXN.css","assets/ChessApp--VzQGvct.js","assets/vendor-chess-4YJtV_R7.js","assets/WordleApp-3FSioJkg.js","assets/CrosswordsApp-C75aS7vj.js"])))=>i.map(i=>d[i]);
+import"./tokens-C63es8oZ.js";import{r as o,b as D,j as e,p as gt}from"./vendor-react-l6srOxy7.js";import{R as xt,T as ft,P as bt,C as yt,I as Q,S as wt}from"./vendor-radix-BhM7AEEG.js";import{_ as z}from"./vendor-codemirror-CL2HhW7v.js";import{C as Ye,M as jt,a as vt,Z as kt,S as X,L as be,B as ae,P as St,b as Je,c as Ke,R as Ct,d as zt,e as Ce,f as Xe,H as Nt,X as P,g as Ze,h as _t,A as Tt,i as At,j as Et,F as It,I as Lt,k as Wt,l as Rt,m as Qe,n as G,o as H,p as Pt,q as Ot,r as Mt,T as Dt,s as Ft,t as $t,u as Ht,v as et,w as Ut,x as Bt,y as Vt}from"./vendor-icons-wm645Jsx.js";import{R as Gt,G as qt}from"./vendor-layout-B-pp9n1f.js";import{r as ze,B as Yt}from"./toolbar-UW6q5pkx.js";function Jt(){const[t,s]=o.useState(new Date);return o.useEffect(()=>{const r=setInterval(()=>s(new Date),3e4);return()=>clearInterval(r)},[]),t.toLocaleDateString("en-GB",{weekday:"short",day:"numeric",month:"short"})+"  "+t.toLocaleTimeString("en-GB",{hour:"2-digit",minute:"2-digit"})}const Ne=t=>{let s;const n=new Set,r=(d,f)=>{const m=typeof d=="function"?d(s):d;if(!Object.is(m,s)){const p=s;s=f??(typeof m!="object"||m===null)?m:Object.assign({},s,m),n.forEach(h=>h(s,p))}},i=()=>s,l={setState:r,getState:i,getInitialState:()=>g,subscribe:d=>(n.add(d),()=>n.delete(d))},g=s=t(r,i,l);return l},Kt=(t=>t?Ne(t):Ne),Xt=t=>t;function Zt(t,s=Xt){const n=D.useSyncExternalStore(t.subscribe,D.useCallback(()=>s(t.getState()),[t,s]),D.useCallback(()=>s(t.getInitialState()),[t,s]));return D.useDebugValue(n),n}const _e=t=>{const s=Kt(t),n=r=>Zt(s,r);return Object.assign(n,s),n},q=(t=>t?_e(t):_e),Qt={clock:{w:3,h:2,minW:2,minH:2},"agent-status":{w:4,h:3,minW:2,minH:2},"quick-notes":{w:4,h:4,minW:2,minH:2},"system-stats":{w:3,h:3,minW:2,minH:2},weather:{w:3,h:3,minW:2,minH:2}};let en=1;function tn(){return`widget-${Date.now()}-${en++}`}function nn(t,s,n){for(let i=0;i<100;i++)for(let a=0;a<=12-s;a++)if(!t.some(l=>a<l.x+l.w&&a+s>l.x&&i<l.y+l.h&&i+n>l.y))return{x:a,y:i};return{x:0,y:0}}const ye="widgets",tt=`taos-pref:${ye}`,sn=500,rn=[{id:"default-clock",type:"clock",x:0,y:0,w:3,h:2},{id:"default-agents",type:"agent-status",x:3,y:0,w:4,h:3}];function an(){try{const t=localStorage.getItem(tt);if(!t)return null;const s=JSON.parse(t);return Array.isArray(s==null?void 0:s.widgets)&&typeof(s==null?void 0:s.showWidgets)=="boolean"?s:null}catch{return null}}function nt(t){try{localStorage.setItem(tt,JSON.stringify(t))}catch{}}const U=an(),R=q((t,s)=>({widgets:(U==null?void 0:U.widgets)??rn,showWidgets:(U==null?void 0:U.showWidgets)??!0,hydrated:!1,addWidget(n){const r=Qt[n]??{w:3,h:2},i=nn(s().widgets,r.w,r.h),a={id:tn(),type:n,x:i.x,y:i.y,w:r.w,h:r.h,minW:r.minW,minH:r.minH};t(u=>({widgets:[...u.widgets,a]}))},removeWidget(n){t(r=>({widgets:r.widgets.filter(i=>i.id!==n)}))},updateLayout(n){t(r=>({widgets:r.widgets.map(i=>{const a=n.find(u=>u.id===i.id);return a?{...i,x:a.x,y:a.y,w:a.w,h:a.h}:i})}))},toggleWidgets(){t(n=>({showWidgets:!n.showWidgets}))}}));function on(t,s){if(!t||!Array.isArray(s.widgets)||t.showWidgets!==s.showWidgets||t.widgets.length!==s.widgets.length)return!1;for(let n=0;n<t.widgets.length;n++){const r=t.widgets[n],i=s.widgets[n];if(!r||!i||r.id!==i.id||r.type!==i.type||r.x!==i.x||r.y!==i.y||r.w!==i.w||r.h!==i.h)return!1}return!0}(async()=>{try{const t=await fetch(`/api/preferences/${ye}`);if(!t.ok){R.setState({hydrated:!0});return}const s=await t.json();if(s&&Array.isArray(s.widgets)&&typeof s.showWidgets=="boolean"){const r={widgets:s.widgets,showWidgets:s.showWidgets},i={widgets:R.getState().widgets,showWidgets:R.getState().showWidgets};on(i,r)?R.setState({hydrated:!0}):R.setState({widgets:r.widgets,showWidgets:r.showWidgets,hydrated:!0}),nt(r)}else R.setState({hydrated:!0})}catch{R.setState({hydrated:!0})}})();let ee=null;R.subscribe(t=>{if(!t.hydrated)return;const s={widgets:t.widgets,showWidgets:t.showWidgets};nt(s),ee!==null&&clearTimeout(ee),ee=setTimeout(()=>{ee=null,fetch(`/api/preferences/${ye}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)}).catch(()=>{})},sn)});let ln=0;const F=q((t,s)=>({notifications:[],centreOpen:!1,addNotification(n){const r=`notif-${++ln}`,i={...n,id:r,read:!1,timestamp:Date.now()};return t(a=>({notifications:[i,...a.notifications].slice(0,100)})),r},markRead(n){t(r=>({notifications:r.notifications.map(i=>i.id===n?{...i,read:!0}:i)}))},markAllRead(){t(n=>({notifications:n.notifications.map(r=>({...r,read:!0}))}))},dismiss(n){t(r=>({notifications:r.notifications.filter(i=>i.id!==n)}))},clearAll(){t({notifications:[]})},toggleCentre(){t(n=>({centreOpen:!n.centreOpen}))},closeCentre(){t({centreOpen:!1})},unreadCount(){return s().notifications.filter(n=>!n.read).length}}));let cn=0;const _=q((t,s)=>({windows:[],nextZIndex:1,openWindow(n,r,i){const a=s().windows.find(f=>f.appId===n);if(a)return s().focusWindow(a.id),a.id;const u=`win-${++cn}`,l=s().nextZIndex,g=s().windows.length%8*30,d={id:u,appId:n,position:{x:80+g,y:60+g},size:r,zIndex:l,minimized:!1,maximized:!1,snapped:null,focused:!0,props:i};return t(f=>({windows:f.windows.map(m=>({...m,focused:!1})).concat(d),nextZIndex:l+1})),u},closeWindow(n){t(r=>({windows:r.windows.filter(i=>i.id!==n)}))},focusWindow(n){const r=s().nextZIndex;t(i=>({windows:i.windows.map(a=>({...a,focused:a.id===n,zIndex:a.id===n?r:a.zIndex})),nextZIndex:r+1}))},minimizeWindow(n){t(r=>({windows:r.windows.map(i=>i.id===n?{...i,minimized:!0,focused:!1}:i)}))},restoreWindow(n){const r=s().nextZIndex;t(i=>({windows:i.windows.map(a=>a.id===n?{...a,minimized:!1,focused:!0,zIndex:r}:{...a,focused:!1}),nextZIndex:r+1}))},maximizeWindow(n){t(r=>({windows:r.windows.map(i=>i.id===n?{...i,maximized:!i.maximized}:i)}))},updatePosition(n,r,i){t(a=>({windows:a.windows.map(u=>u.id===n?{...u,position:{x:r,y:i}}:u)}))},updateSize(n,r,i){t(a=>({windows:a.windows.map(u=>u.id===n?{...u,size:{w:r,h:i}}:u)}))},snapWindow(n,r){t(i=>({windows:i.windows.map(a=>a.id===n?{...a,snapped:r}:a)}))},runningAppIds(){return s().windows.map(n=>n.appId)}})),st=[{id:"messages",name:"Messages",icon:"message-circle",category:"platform",component:()=>z(()=>import("./MessagesApp-BG8aIEeG.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8])).then(t=>({default:t.MessagesApp})),defaultSize:{w:900,h:600},minSize:{w:400,h:300},singleton:!0,pinned:!0,launchpadOrder:1},{id:"agents",name:"Agents",icon:"bot",category:"platform",component:()=>z(()=>import("./AgentsApp-1_BLyIy2.js"),__vite__mapDeps([9,1,10,7,2,3,4,5,11,12])).then(t=>({default:t.AgentsApp})),defaultSize:{w:1e3,h:650},minSize:{w:500,h:400},singleton:!0,pinned:!0,launchpadOrder:2},{id:"files",name:"Files",icon:"folder",category:"platform",component:()=>z(()=>import("./FilesApp-Bm-rxwrE.js"),__vite__mapDeps([13,1,2,3,4,5,6,7,8])).then(t=>({default:t.FilesApp})),defaultSize:{w:900,h:550},minSize:{w:400,h:300},singleton:!0,pinned:!0,launchpadOrder:3},{id:"store",name:"Store",icon:"shopping-bag",category:"platform",component:()=>z(()=>import("./StoreApp-CNUGjBHW.js"),__vite__mapDeps([14,1,2,3,4,5,10,7])).then(t=>({default:t.StoreApp})),defaultSize:{w:1e3,h:700},minSize:{w:600,h:400},singleton:!0,pinned:!0,launchpadOrder:4},{id:"settings",name:"Settings",icon:"settings",category:"platform",component:()=>z(()=>import("./SettingsApp-F200Wg__.js"),__vite__mapDeps([15,1,2,3,4,5,7,16,17,18])).then(t=>({default:t.SettingsApp})),defaultSize:{w:800,h:550},minSize:{w:500,h:400},singleton:!0,pinned:!0,launchpadOrder:5},{id:"models",name:"Models",icon:"brain",category:"platform",component:()=>z(()=>import("./ModelsApp-COpOwo4V.js"),__vite__mapDeps([19,1,2,3,4,5,11,7])).then(t=>({default:t.ModelsApp})),defaultSize:{w:900,h:600},minSize:{w:500,h:400},singleton:!0,pinned:!1,launchpadOrder:6},{id:"providers",name:"Providers",icon:"cloud",category:"platform",component:()=>z(()=>import("./ProvidersApp-BY6yJVKl.js"),__vite__mapDeps([20,1,2,3,4,5,6,7,8,16,17,18])).then(t=>({default:t.ProvidersApp})),defaultSize:{w:950,h:640},minSize:{w:600,h:400},singleton:!0,pinned:!1,launchpadOrder:6.5},{id:"dashboard",name:"Activity",icon:"activity",category:"platform",component:()=>z(()=>import("./ActivityApp-CG-PW6E_.js"),__vite__mapDeps([21,1,2,3,4,5,12,7])).then(t=>({default:t.ActivityApp})),defaultSize:{w:1100,h:720},minSize:{w:600,h:400},singleton:!0,pinned:!1,launchpadOrder:7},{id:"cluster",name:"Cluster",icon:"network",category:"platform",component:()=>z(()=>import("./ClusterApp-DzgzEDRn.js"),__vite__mapDeps([22,1,2,3,4,5,12,7])).then(t=>({default:t.ClusterApp})),defaultSize:{w:1e3,h:680},minSize:{w:600,h:400},singleton:!0,pinned:!1,launchpadOrder:7.5},{id:"memory",name:"Memory",icon:"database",category:"platform",component:()=>z(()=>import("./MemoryApp-eDECkdBk.js"),__vite__mapDeps([23,1,2,3,4,5,7])).then(t=>({default:t.MemoryApp})),defaultSize:{w:850,h:550},minSize:{w:450,h:350},singleton:!0,pinned:!1,launchpadOrder:8},{id:"mcp",name:"MCP",icon:"plug",category:"platform",component:()=>z(()=>import("./MCPApp-Cq-bUfV5.js"),__vite__mapDeps([24,1,2,3,4,5,6,7,16,17,18])).then(t=>({default:t.MCPApp})),defaultSize:{w:1e3,h:680},minSize:{w:600,h:400},singleton:!0,pinned:!1,launchpadOrder:9.5},{id:"channels",name:"Channels",icon:"radio",category:"platform",component:()=>z(()=>import("./ChannelsApp-BMXzpUI6.js"),__vite__mapDeps([25,1,2,3,4,5,6,7,8])).then(t=>({default:t.ChannelsApp})),defaultSize:{w:800,h:500},minSize:{w:450,h:350},singleton:!0,pinned:!1,launchpadOrder:9},{id:"secrets",name:"Secrets",icon:"key-round",category:"platform",component:()=>z(()=>import("./SecretsApp-C1umTVfg.js"),__vite__mapDeps([26,1,2,3,4,5,7])).then(t=>({default:t.SecretsApp})),defaultSize:{w:750,h:500},minSize:{w:400,h:300},singleton:!0,pinned:!1,launchpadOrder:10},{id:"tasks",name:"Tasks",icon:"calendar-clock",category:"platform",component:()=>z(()=>import("./TasksApp-BLKBbvXY.js"),__vite__mapDeps([27,1,2,3,4,5,7])).then(t=>({default:t.TasksApp})),defaultSize:{w:800,h:500},minSize:{w:450,h:350},singleton:!0,pinned:!1,launchpadOrder:11},{id:"import",name:"Import",icon:"upload",category:"platform",component:()=>z(()=>import("./ImportApp-DBAV17Xb.js"),__vite__mapDeps([28,1,2,3,4,5,7])).then(t=>({default:t.ImportApp})),defaultSize:{w:700,h:450},minSize:{w:400,h:300},singleton:!0,pinned:!1,launchpadOrder:12},{id:"images",name:"Images",icon:"image",category:"platform",component:()=>z(()=>import("./ImagesApp-DfCeUrhn.js"),__vite__mapDeps([29,1,2,3,4,5,11,7])).then(t=>({default:t.ImagesApp})),defaultSize:{w:900,h:600},minSize:{w:500,h:400},singleton:!0,pinned:!1,launchpadOrder:13},{id:"library",name:"Library",icon:"book-open",category:"platform",component:()=>z(()=>import("./LibraryApp-Cdo_EHou.js"),__vite__mapDeps([30,1,6,7,8,2,3,4,5,31])).then(t=>({default:t.LibraryApp})),defaultSize:{w:1e3,h:650},minSize:{w:550,h:400},singleton:!0,pinned:!0,launchpadOrder:13.5},{id:"reddit",name:"Reddit",icon:"scroll-text",category:"platform",component:()=>z(()=>import("./RedditApp-BOuG46mh.js"),__vite__mapDeps([32,1,2,3,4,5,31,6,7,8])).then(t=>({default:t.RedditApp})),defaultSize:{w:1e3,h:650},minSize:{w:550,h:400},singleton:!0,pinned:!1,launchpadOrder:14},{id:"youtube-library",name:"YouTube",icon:"play-circle",category:"platform",component:()=>z(()=>import("./YouTubeApp-DPW-GRB6.js"),__vite__mapDeps([33,1,2,3,4,5,31,7])).then(t=>({default:t.YouTubeApp})),defaultSize:{w:1050,h:700},minSize:{w:600,h:450},singleton:!0,pinned:!1,launchpadOrder:14.5},{id:"github-browser",name:"GitHub",icon:"github",category:"platform",component:()=>z(()=>import("./GitHubApp-IYMAlDty.js"),__vite__mapDeps([34,1,2,3,4,5,6,7,8])).then(t=>({default:t.GitHubApp})),defaultSize:{w:1e3,h:650},minSize:{w:550,h:400},singleton:!0,pinned:!1,launchpadOrder:15},{id:"x-monitor",name:"X",icon:"at-sign",category:"platform",component:()=>z(()=>import("./XApp-E7cm6999.js"),__vite__mapDeps([35,1,2,3,4,5,7])).then(t=>({default:t.XApp})),defaultSize:{w:1e3,h:650},minSize:{w:550,h:400},singleton:!0,pinned:!1,launchpadOrder:15.5},{id:"agent-browsers",name:"Browsers",icon:"globe",category:"platform",component:()=>z(()=>import("./AgentBrowsersApp-CFn8GY-5.js"),__vite__mapDeps([36,1,2,3,4,5,7])).then(t=>({default:t.AgentBrowsersApp})),defaultSize:{w:1e3,h:650},minSize:{w:550,h:400},singleton:!0,pinned:!1,launchpadOrder:16},{id:"weather",name:"Weather",icon:"cloud",category:"os",component:()=>z(()=>Promise.resolve().then(()=>Sn),void 0).then(t=>({default:t.WeatherApp})),defaultSize:{w:800,h:600},minSize:{w:400,h:400},singleton:!0,pinned:!1,launchpadOrder:19},{id:"calculator",name:"Calculator",icon:"calculator",category:"os",component:()=>z(()=>import("./CalculatorApp-Chexv_Sm.js"),__vite__mapDeps([37,1,2,3,4,5,38])).then(t=>({default:t.CalculatorApp})),defaultSize:{w:320,h:480},minSize:{w:280,h:400},singleton:!0,pinned:!1,launchpadOrder:20},{id:"calendar",name:"Calendar",icon:"calendar",category:"os",component:()=>z(()=>import("./CalendarApp-DSaV9uPb.js"),__vite__mapDeps([39,1,7])).then(t=>({default:t.CalendarApp})),defaultSize:{w:900,h:600},minSize:{w:600,h:400},singleton:!0,pinned:!1,launchpadOrder:21},{id:"contacts",name:"Contacts",icon:"contact",category:"os",component:()=>z(()=>import("./ContactsApp-CmwPWf7s.js"),__vite__mapDeps([40,1,2,3,4,5,6,7,8])).then(t=>({default:t.ContactsApp})),defaultSize:{w:700,h:500},minSize:{w:400,h:300},singleton:!0,pinned:!1,launchpadOrder:22},{id:"browser",name:"Browser",icon:"globe",category:"os",component:()=>z(()=>import("./BrowserApp-FjtUA0FW.js"),__vite__mapDeps([41,1,2,3,4,5,7])).then(t=>({default:t.BrowserApp})),defaultSize:{w:1024,h:700},minSize:{w:600,h:400},singleton:!1,pinned:!1,launchpadOrder:23},{id:"media-player",name:"Media Player",icon:"play-circle",category:"os",component:()=>z(()=>import("./MediaPlayerApp-CYFx0qCR.js"),__vite__mapDeps([42,1,43,44])).then(t=>({default:t.MediaPlayerApp})),defaultSize:{w:800,h:500},minSize:{w:400,h:300},singleton:!1,pinned:!1,launchpadOrder:24},{id:"text-editor",name:"Text Editor",icon:"file-text",category:"os",component:()=>z(()=>import("./TextEditorApp-US6Eef1_.js").then(t=>t.T),__vite__mapDeps([45,1,18,7])).then(t=>({default:t.TextEditorApp})),defaultSize:{w:800,h:550},minSize:{w:400,h:300},singleton:!1,pinned:!1,launchpadOrder:25},{id:"image-viewer",name:"Image Viewer",icon:"eye",category:"os",component:()=>z(()=>import("./ImageViewerApp-D7vhXACc.js"),__vite__mapDeps([46,1,7])).then(t=>({default:t.ImageViewerApp})),defaultSize:{w:800,h:600},minSize:{w:400,h:300},singleton:!1,pinned:!1,launchpadOrder:26},{id:"terminal",name:"Terminal",icon:"terminal",category:"os",component:()=>z(()=>import("./TerminalApp-BxZkz7_e.js"),__vite__mapDeps([47,1,48,49,2,3,4,5])).then(t=>({default:t.TerminalApp})),defaultSize:{w:800,h:500},minSize:{w:400,h:250},singleton:!1,pinned:!1,launchpadOrder:27},{id:"chess",name:"Chess",icon:"crown",category:"game",component:()=>z(()=>import("./ChessApp--VzQGvct.js"),__vite__mapDeps([50,1,51])).then(t=>({default:t.ChessApp})),defaultSize:{w:700,h:700},minSize:{w:500,h:500},singleton:!0,pinned:!1,launchpadOrder:40},{id:"wordle",name:"Wordle",icon:"spell-check",category:"game",component:()=>z(()=>import("./WordleApp-3FSioJkg.js"),__vite__mapDeps([52,1])).then(t=>({default:t.WordleApp})),defaultSize:{w:500,h:650},minSize:{w:400,h:550},singleton:!0,pinned:!1,launchpadOrder:41},{id:"crosswords",name:"Crosswords",icon:"grid-3x3",category:"game",component:()=>z(()=>import("./CrosswordsApp-C75aS7vj.js"),__vite__mapDeps([53,1])).then(t=>({default:t.CrosswordsApp})),defaultSize:{w:700,h:600},minSize:{w:500,h:450},singleton:!0,pinned:!1,launchpadOrder:42}];function L(t){return st.find(s=>s.id===t)}function rt(){return[...st].sort((t,s)=>t.launchpadOrder-s.launchpadOrder)}function te({icon:t,label:s,value:n,colour:r}){return e.jsxs("div",{className:"flex items-center gap-1 px-1.5 py-0.5 rounded hover:bg-white/5 transition-colors",title:`${s}: ${n!==null?`${Math.round(n)}%`:"—"}`,"aria-label":`${s} usage ${n!==null?`${Math.round(n)} percent`:"unknown"}`,children:[e.jsx("span",{className:"text-shell-text-tertiary",children:t}),e.jsx("div",{className:"relative w-6 h-1 rounded-full bg-white/10 overflow-hidden",children:n!==null&&e.jsx("div",{className:"absolute inset-y-0 left-0 transition-all rounded-full",style:{width:`${Math.min(100,Math.max(0,n))}%`,backgroundColor:r}})})]})}function ne(t){return t===null?"rgba(255,255,255,0.2)":t<50?"#43e97b":t<80?"#febc2e":"#ff5f57"}function it({compact:t=!1}){const[s,n]=o.useState(null),r=_(a=>a.openWindow);o.useEffect(()=>{let a=!1;const u=async()=>{var g,d,f;try{const m=await fetch("/api/system",{headers:{Accept:"application/json"}});if(!m.ok||!(m.headers.get("content-type")??"").includes("application/json"))return;const h=await m.json();if(a)return;const c=h.resources??h,x=h.hardware??h,y=(g=x==null?void 0:x.gpu)==null?void 0:g.type,w=(d=x==null?void 0:x.npu)==null?void 0:d.type;n({cpu_pct:c.cpu_percent??c.cpu_pct??null,ram_pct:c.ram_percent??c.ram_pct??null,ram_mb:c.ram_used_mb??null,vram_pct:c.vram_percent??c.vram_pct??null,vram_mb:c.vram_used_mb??null,vram_total_mb:((f=x==null?void 0:x.gpu)==null?void 0:f.vram_mb)??null,npu_pct:c.npu_percent??c.npu_pct??null,has_gpu:!!(y&&y!=="none"),has_npu:!!(w&&w!=="none")})}catch{}};u();const l=setInterval(u,3e3);return()=>{a=!0,clearInterval(l)}},[]);const i=()=>{const a=L("dashboard");a&&r("dashboard",a.defaultSize)};return s?e.jsxs("button",{onClick:i,className:`flex items-center gap-0.5 ${t?"":"px-1"}`,"aria-label":"Open Dashboard",children:[e.jsx(te,{icon:e.jsx(Ye,{size:11}),label:"CPU",value:s.cpu_pct??null,colour:ne(s.cpu_pct??null)}),e.jsx(te,{icon:e.jsx(jt,{size:11}),label:"RAM",value:s.ram_pct??null,colour:ne(s.ram_pct??null)}),s.has_gpu&&e.jsx(te,{icon:e.jsx(vt,{size:11}),label:"VRAM",value:s.vram_pct??null,colour:ne(s.vram_pct??null)}),s.has_npu&&e.jsx(te,{icon:e.jsx(kt,{size:11}),label:"NPU",value:s.npu_pct??null,colour:ne(s.npu_pct??null)})]}):null}function dn(){const t=_(a=>a.openWindow),s=async()=>{await fetch("/auth/lock",{method:"POST",credentials:"include"}).catch(()=>{}),window.location.reload()},n=()=>{t("settings",{w:760,h:520})},r=()=>{t("settings",{w:760,h:520})},i="flex items-center gap-2.5 w-full px-3 py-2 text-sm rounded-md text-shell-text-secondary hover:bg-shell-surface-hover hover:text-shell-text outline-none focus:bg-shell-surface-hover focus:text-shell-text cursor-pointer select-none transition-colors";return e.jsxs(xt,{children:[e.jsx(ft,{asChild:!0,children:e.jsx("button",{className:"p-1 rounded hover:bg-shell-surface-hover transition-colors text-shell-text-secondary","aria-label":"Power menu",title:"Power",children:e.jsx(St,{size:14})})}),e.jsx(bt,{children:e.jsxs(yt,{align:"end",sideOffset:6,className:"z-50 min-w-[180px] rounded-xl border border-white/10 bg-shell-surface p-1.5 shadow-2xl backdrop-blur-xl",style:{backgroundColor:"rgba(28,26,44,0.96)"},onEscapeKeyDown:()=>{},children:[e.jsxs(Q,{className:i,onSelect:s,children:[e.jsx(Je,{size:14}),e.jsx("span",{className:"flex-1",children:"Lock taOS"}),e.jsx("kbd",{className:"text-[10px] opacity-40 font-mono",children:"⌘L"})]}),e.jsxs(Q,{className:i,onSelect:n,children:[e.jsx(Ke,{size:14}),e.jsx("span",{className:"flex-1",children:"Settings"})]}),e.jsx(wt,{className:"my-1 h-px bg-white/10"}),e.jsxs(Q,{className:i,onSelect:r,children:[e.jsx(Ct,{size:14}),e.jsx("span",{className:"flex-1",children:"Restart server"})]}),e.jsxs(Q,{className:i,onSelect:s,children:[e.jsx(zt,{size:14}),e.jsx("span",{className:"flex-1",children:"Sign out"})]})]})})]})}function un({onSearchOpen:t}){const s=Jt(),{showWidgets:n,toggleWidgets:r}=R(),i=F(u=>u.notifications.filter(l=>!l.read).length),a=F(u=>u.toggleCentre);return e.jsxs("div",{className:"relative flex items-center px-4 shrink-0 select-none",style:{height:"var(--spacing-topbar-h)",backgroundColor:"var(--color-topbar-bg)",borderBottom:"1px solid var(--color-shell-border)"},children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("img",{src:"/static/taos-logo.png",alt:"taOS",className:"h-4 w-auto"}),e.jsx("span",{className:"text-xs font-medium text-shell-text-secondary",children:"taOS"})]}),e.jsxs("button",{onClick:t,className:"absolute left-1/2 -translate-x-1/2 flex items-center gap-2 px-3 py-1 rounded-md bg-shell-surface-hover text-shell-text-tertiary text-xs hover:bg-shell-surface-active transition-colors","aria-label":"Search",children:[e.jsx(X,{size:12}),e.jsx("span",{children:"Search"}),e.jsx("kbd",{className:"ml-2 text-[10px] opacity-50",children:"Ctrl+Space"})]}),e.jsxs("div",{className:"flex items-center gap-3 ml-auto",children:[e.jsx(it,{}),e.jsx("span",{className:"text-xs text-shell-text-tertiary",children:s}),e.jsx(dn,{}),e.jsx("button",{onClick:r,className:`p-1 rounded transition-colors ${n?"text-accent bg-accent/10":"text-shell-text-secondary hover:bg-shell-surface-hover"}`,"aria-label":"Toggle widgets",title:"Toggle widgets",children:e.jsx(be,{size:14})}),e.jsxs("button",{onClick:a,className:"relative p-1 rounded hover:bg-shell-surface-hover transition-colors","aria-label":`Notifications${i>0?` (${i} unread)`:""}`,children:[e.jsx(ae,{size:14,className:"text-shell-text-secondary"}),i>0&&e.jsx("span",{className:"absolute top-0 right-0 w-1.5 h-1.5 bg-red-500 rounded-full"})]})]})]})}const B=[{id:"default",label:"Default",image:"url('/static/wallpaper.png')",mobileImage:"url('/static/wallpaper-mobile.png')",fallback:"#1a1b2e"},{id:"deep-indigo",label:"Deep Indigo",image:"linear-gradient(160deg, #1a1b2e 0%, #1e2140 40%, #252848 100%)",fallback:"#1a1b2e"},{id:"midnight",label:"Midnight Blue",image:"linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%)",fallback:"#0f0c29"},{id:"aurora",label:"Aurora",image:"linear-gradient(135deg, #0f2027 0%, #203a43 40%, #2c5364 100%)",fallback:"#0f2027"},{id:"dusk",label:"Dusk",image:"linear-gradient(135deg, #1a1a2e 0%, #16213e 40%, #0f3460 100%)",fallback:"#1a1a2e"},{id:"forest",label:"Forest",image:"linear-gradient(160deg, #0d1b0e 0%, #1a2f1a 40%, #1e3a1e 100%)",fallback:"#0d1b0e"},{id:"ocean",label:"Ocean",image:"linear-gradient(160deg, #0a192f 0%, #0d2847 40%, #112d4e 100%)",fallback:"#0a192f"},{id:"charcoal",label:"Charcoal",image:"linear-gradient(180deg, #1c1c1c 0%, #2d2d2d 100%)",fallback:"#1c1c1c"},{id:"gunmetal",label:"Gunmetal",image:"linear-gradient(165deg, #16181f 0%, #1f232c 50%, #252a35 100%)",fallback:"#16181f"}],M=q(t=>({wallpaperId:"default",wallpaperImage:B[0].image,wallpaperMobileImage:B[0].mobileImage??B[0].image,wallpaperFallback:B[0].fallback,showDesktopIcons:!0,setWallpaper(s){const n=B.find(r=>r.id===s);n&&t({wallpaperId:s,wallpaperImage:n.image,wallpaperMobileImage:n.mobileImage??n.image,wallpaperFallback:n.fallback})},toggleDesktopIcons(){t(s=>({showDesktopIcons:!s.showDesktopIcons}))},getWallpapers:()=>B})),Te=16,Ae=100;function pn(t,s,n){const r=t<=Te,i=t>=n.width-Te,a=s<=n.topBarH+Ae,u=s>=n.height-n.dockH-Ae;return r&&a?"top-left":r&&u?"bottom-left":i&&a?"top-right":i&&u?"bottom-right":r?"left":i?"right":null}function at(t,s){if(!t)return null;const n=s.height-s.topBarH-s.dockH,r=Math.floor(s.width/2),i=Math.floor(n/2);switch(t){case"left":return{x:0,y:0,w:r,h:n};case"right":return{x:r,y:0,w:r,h:n};case"top-left":return{x:0,y:0,w:r,h:i};case"top-right":return{x:r,y:0,w:r,h:i};case"bottom-left":return{x:0,y:i,w:r,h:i};case"bottom-right":return{x:r,y:i,w:r,h:i}}}function hn(t){const[s,n]=o.useState(null),r=o.useCallback((a,u)=>{n(pn(a,u,t))},[t]),i=o.useCallback(()=>{const a=s;return n(null),a},[s]);return{preview:s,previewBounds:at(s,t),onDrag:r,onDragStop:i}}function mn({appId:t,windowId:s}){const n=L(t),r=o.useMemo(()=>n?o.lazy(n.component):null,[n]);return r?e.jsx(o.Suspense,{fallback:e.jsx("div",{className:"flex items-center justify-center h-full text-shell-text-tertiary",children:"Loading..."}),children:e.jsx(r,{windowId:s})}):e.jsxs("div",{className:"flex items-center justify-center h-full text-shell-text-secondary",children:["Unknown app: ",t]})}function gn({win:t,onDrag:s,onDragStop:n}){const{focusWindow:r,closeWindow:i,minimizeWindow:a,maximizeWindow:u,updatePosition:l,updateSize:g,snapWindow:d}=_(),f=L(t.appId),m=o.useRef(null),p={width:window.innerWidth,height:window.innerHeight,topBarH:32,dockH:84};let h=t.position,c=t.size;if(t.maximized)h={x:0,y:0},c={w:p.width,h:p.height-p.topBarH-p.dockH};else if(t.snapped){const k=at(t.snapped,p);k&&(h={x:k.x,y:k.y},c={w:k.w,h:k.h})}const x=o.useCallback(()=>{r(t.id),t.snapped&&(m.current={...t.position,...t.size},d(t.id,null))},[r,d,t.id,t.snapped,t.position,t.size]),y=o.useCallback((k,N)=>{s(N.x,N.y)},[s]),w=o.useCallback((k,N)=>{const C=n();C?(m.current={x:N.x,y:N.y,w:t.size.w,h:t.size.h},d(t.id,C)):l(t.id,N.x,N.y)},[n,d,l,t.id,t.size]),b=o.useCallback((k,N,C)=>{g(t.id,C.offsetWidth,C.offsetHeight)},[g,t.id]);if(t.minimized)return null;const j=(f==null?void 0:f.minSize)??{w:300,h:200};return e.jsx(Gt,{position:{x:h.x,y:h.y},size:{width:c.w,height:c.h},minWidth:j.w,minHeight:j.h,style:{zIndex:t.zIndex},dragHandleClassName:"window-titlebar",disableDragging:t.maximized,enableResizing:!t.maximized&&!t.snapped,onDragStart:x,onDrag:y,onDragStop:w,onResizeStop:b,onMouseDown:()=>r(t.id),bounds:"parent",onContextMenu:k=>k.stopPropagation(),children:e.jsxs("div",{className:`flex flex-col h-full rounded-[var(--spacing-window-radius)] overflow-hidden border ${t.focused?"border-shell-border-strong shadow-[var(--shadow-window)]":"border-shell-border shadow-[var(--shadow-window-unfocused)]"}`,style:{backgroundColor:"var(--color-shell-bg)"},children:[e.jsxs("div",{className:"window-titlebar flex items-center h-8 px-3 shrink-0 bg-shell-surface select-none cursor-default",children:[e.jsxs("div",{className:"flex gap-1.5 items-center group/traffic",children:[e.jsx("button",{className:"w-3 h-3 rounded-full bg-traffic-close hover:brightness-110 flex items-center justify-center",onClick:k=>{k.stopPropagation(),i(t.id)},"aria-label":"Close window",title:"Close",children:e.jsx("svg",{className:"opacity-0 group-hover/traffic:opacity-100 transition-opacity duration-100",width:"7",height:"7",viewBox:"0 0 7 7",style:{color:"rgba(0,0,0,0.55)"},children:e.jsx("path",{d:"M1.5 1.5L5.5 5.5M5.5 1.5L1.5 5.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})})}),e.jsx("button",{className:"w-3 h-3 rounded-full bg-traffic-minimize hover:brightness-110 flex items-center justify-center",onClick:k=>{k.stopPropagation(),a(t.id)},"aria-label":"Minimize window",title:"Minimize",children:e.jsx("svg",{className:"opacity-0 group-hover/traffic:opacity-100 transition-opacity duration-100",width:"7",height:"7",viewBox:"0 0 7 7",style:{color:"rgba(0,0,0,0.55)"},children:e.jsx("path",{d:"M1 3.5H6",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})})}),e.jsx("button",{className:"w-3 h-3 rounded-full bg-traffic-maximize hover:brightness-110 flex items-center justify-center",onClick:k=>{k.stopPropagation(),u(t.id)},"aria-label":t.maximized?"Restore window":"Maximize window",title:t.maximized?"Restore":"Maximize",children:t.maximized?e.jsxs("svg",{className:"opacity-0 group-hover/traffic:opacity-100 transition-opacity duration-100",width:"7",height:"7",viewBox:"0 0 7 7",style:{color:"rgba(0,0,0,0.55)"},children:[e.jsx("path",{d:"M4.5 1V2.5H6M6 2.5L4 4.5",stroke:"currentColor",strokeWidth:"1.1",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("path",{d:"M2.5 6V4.5H1M1 4.5L3 2.5",stroke:"currentColor",strokeWidth:"1.1",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]}):e.jsxs("svg",{className:"opacity-0 group-hover/traffic:opacity-100 transition-opacity duration-100",width:"7",height:"7",viewBox:"0 0 7 7",style:{color:"rgba(0,0,0,0.55)"},children:[e.jsx("path",{d:"M1 3V1H3M1 1L3 3",stroke:"currentColor",strokeWidth:"1.1",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("path",{d:"M6 4V6H4M6 6L4 4",stroke:"currentColor",strokeWidth:"1.1",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]})})]}),e.jsx("div",{className:"flex-1 text-center text-xs text-shell-text-secondary truncate",children:(f==null?void 0:f.name)??t.appId}),e.jsx("div",{className:"w-12"})]}),e.jsx("div",{className:"flex-1 overflow-auto bg-shell-bg-deep",children:e.jsx(mn,{appId:t.appId,windowId:t.id})})]})})}function xn({bounds:t}){return t?e.jsx("div",{className:"fixed pointer-events-none z-[9998] rounded-lg border-2 border-dashed transition-all duration-150",style:{left:t.x,top:t.y,width:t.w,height:t.h,backgroundColor:"var(--color-snap-preview)",borderColor:"var(--color-snap-border)"}}):null}const fn=175,bn=290;function yn(t){return t<=fn?"s":t<=bn?"m":"l"}function Y(){const t=o.useRef(null),[s,n]=o.useState({width:200,height:200,tier:"m"});return o.useEffect(()=>{const r=t.current;if(!r)return;const i=(u,l)=>{n({width:u,height:l,tier:yn(l)})};i(r.offsetWidth,r.offsetHeight);const a=new ResizeObserver(u=>{for(const l of u)i(l.contentRect.width,l.contentRect.height)});return a.observe(r),()=>a.disconnect()},[]),[t,s]}function ot(){const[t,s]=o.useState(new Date),[n,{tier:r}]=Y();o.useEffect(()=>{const d=setInterval(()=>s(new Date),1e3);return()=>clearInterval(d)},[]);const i=t.toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit"}),a=t.toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit",second:"2-digit"}),u=t.toLocaleDateString(void 0,{weekday:"long",year:"numeric",month:"long",day:"numeric"}),l=t.toLocaleDateString(void 0,{weekday:"short",month:"short",day:"numeric"}),g=t.toLocaleDateString(void 0,{weekday:"long"});return e.jsxs("div",{ref:n,style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:r==="s"?0:4},"aria-label":"Clock widget",role:"region",children:[r==="s"&&e.jsx("span",{style:{fontSize:"1.8rem",fontWeight:600,fontVariantNumeric:"tabular-nums",color:"rgba(255,255,255,0.95)",lineHeight:1,letterSpacing:"-0.02em"},"aria-live":"polite","aria-label":`Current time: ${i}`,children:i}),r==="m"&&e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{fontSize:"2.4rem",fontWeight:600,fontVariantNumeric:"tabular-nums",color:"rgba(255,255,255,0.95)",lineHeight:1,letterSpacing:"-0.03em"},"aria-live":"polite","aria-label":`Current time: ${a}`,children:a}),e.jsx("span",{style:{fontSize:"0.7rem",color:"rgba(255,255,255,0.45)",letterSpacing:"0.03em",marginTop:4},children:l})]}),r==="l"&&e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{fontSize:"2.8rem",fontWeight:600,fontVariantNumeric:"tabular-nums",color:"rgba(255,255,255,0.95)",lineHeight:1,letterSpacing:"-0.03em"},"aria-live":"polite","aria-label":`Current time: ${a}`,children:a}),e.jsx("span",{style:{fontSize:"0.85rem",fontWeight:600,color:"rgba(255,255,255,0.6)",letterSpacing:"0.08em",textTransform:"uppercase",marginTop:6},children:g}),e.jsx("span",{style:{fontSize:"0.7rem",color:"rgba(255,255,255,0.35)",marginTop:2},children:u})]})]})}function Ee(t){return t==="online"||t==="running"?"#4ade80":t==="offline"||t==="stopped"?"#f87171":"#fbbf24"}function ue({color:t}){return e.jsxs("span",{style:{position:"relative",display:"inline-flex",width:8,height:8,flexShrink:0},"aria-hidden":"true",children:[e.jsx("span",{style:{position:"absolute",inset:0,borderRadius:"50%",background:t,opacity:.4,animation:"ping 1.5s cubic-bezier(0,0,0.2,1) infinite"}}),e.jsx("span",{style:{position:"relative",display:"inline-block",width:8,height:8,borderRadius:"50%",background:t}})]})}function lt(){const[t,s]=o.useState(null),[n,r]=o.useState(!1),[i,{tier:a}]=Y();o.useEffect(()=>{let m=!1;async function p(){try{const c=await fetch("/api/agents",{headers:{Accept:"application/json"}});if(!c.ok)throw new Error("Failed");if(!(c.headers.get("content-type")??"").includes("application/json")){m||(s([]),r(!1));return}const y=await c.json();if(!m){const w=Array.isArray(y)?y:y.agents??y.items??[];s(w.map(b=>({name:b.name??b.id??"Unknown",status:b.status??"unknown",emoji:typeof b.emoji=="string"?b.emoji:void 0,framework:typeof b.framework=="string"?b.framework:void 0}))),r(!1)}}catch{m||r(!0)}}p();const h=setInterval(p,15e3);return()=>{m=!0,clearInterval(h)}},[]);const u=t?t.filter(m=>m.status==="running"||m.status==="online").length:0,l=t?t.length:0,g=u>0?"#4ade80":"#fbbf24",d={fontSize:"0.65rem",color:"rgba(255,255,255,0.35)"},f={fontSize:"0.65rem",fontWeight:600,color:"rgba(255,255,255,0.4)",textTransform:"uppercase",letterSpacing:"0.06em"};return e.jsxs("div",{ref:i,style:{height:"100%",display:"flex",flexDirection:"column",padding:a==="s"?"0 2px":"2px 2px 4px",overflow:"hidden"},"aria-label":"Agent status widget",role:"region",children:[a==="s"&&e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",gap:8},children:[e.jsx(ue,{color:g}),e.jsx("span",{style:{fontSize:"1.2rem",fontWeight:600,color:"rgba(255,255,255,0.9)",fontVariantNumeric:"tabular-nums"},children:n||!t?"—":l}),e.jsx("span",{style:{fontSize:"0.7rem",color:"rgba(255,255,255,0.45)"},children:l===1?"agent":"agents"})]}),a==="m"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{style:f,children:"Agents"}),e.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:6,margin:"4px 0 8px"},children:[e.jsx("span",{style:{fontSize:"1.6rem",fontWeight:600,color:"rgba(255,255,255,0.95)",fontVariantNumeric:"tabular-nums",lineHeight:1},children:n||!t?"—":l}),!n&&t&&e.jsxs("span",{style:{fontSize:"0.7rem",color:"rgba(255,255,255,0.4)"},children:[u," running"]})]}),!n&&t&&t.slice(0,2).map(m=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:"0.78rem",color:"rgba(255,255,255,0.8)",marginBottom:4},children:[e.jsx(ue,{color:Ee(m.status)}),e.jsx("span",{"aria-hidden":"true",style:{fontSize:"0.95rem",lineHeight:1},children:ze(m.emoji,m.framework)}),e.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",flex:1},children:m.name}),e.jsx("span",{style:d,children:m.status})]},m.name)),n&&e.jsx("span",{style:{fontSize:"0.75rem",color:"rgba(255,255,255,0.35)"},children:"Unavailable"}),!t&&!n&&e.jsx("span",{style:{fontSize:"0.75rem",color:"rgba(255,255,255,0.35)"},children:"Loading…"})]}),a==="l"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{style:f,children:"Agents"}),e.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:6,margin:"4px 0 10px"},children:[e.jsx("span",{style:{fontSize:"1.8rem",fontWeight:600,color:"rgba(255,255,255,0.95)",fontVariantNumeric:"tabular-nums",lineHeight:1},children:n||!t?"—":l}),!n&&t&&e.jsxs("span",{style:{fontSize:"0.75rem",color:"rgba(255,255,255,0.4)"},children:[u," running · ",l-u," idle"]})]}),n||!t?e.jsx("span",{style:{fontSize:"0.75rem",color:"rgba(255,255,255,0.35)"},children:n?"Agents unavailable":"Loading…"}):t.length===0?e.jsx("span",{style:{fontSize:"0.75rem",color:"rgba(255,255,255,0.35)"},children:"No agents configured"}):e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:5,overflowY:"auto",flex:1},children:t.map(m=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:"0.8rem",color:"rgba(255,255,255,0.85)"},children:[e.jsx(ue,{color:Ee(m.status)}),e.jsx("span",{"aria-hidden":"true",style:{fontSize:"0.95rem",lineHeight:1},children:ze(m.emoji,m.framework)}),e.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",flex:1},children:m.name}),e.jsx("span",{style:{...d,background:"rgba(255,255,255,0.06)",borderRadius:4,padding:"1px 6px",whiteSpace:"nowrap"},children:m.status})]},m.name))})]})]})}const Ie="tinyagentos-quick-notes";function ct(){const[t,s]=o.useState(()=>{try{return localStorage.getItem(Ie)??""}catch{return""}}),[n,{tier:r}]=Y(),i=o.useCallback(u=>{const l=u.target.value;s(l);try{localStorage.setItem(Ie,l)}catch{}},[]),a=r!=="s";return e.jsxs("div",{ref:n,style:{height:"100%",display:"flex",flexDirection:"column",padding:r==="s"?"2px":"2px 2px 4px"},"aria-label":"Quick notes widget",role:"region",children:[a&&e.jsx("div",{style:{fontSize:"0.65rem",fontWeight:600,color:"rgba(255,255,255,0.4)",textTransform:"uppercase",letterSpacing:"0.06em",marginBottom:5},children:"Quick Notes"}),e.jsx("textarea",{value:t,onChange:i,placeholder:r==="s"?"Notes…":"Type your notes here…","aria-label":"Quick notes",style:{flex:1,resize:"none",background:"rgba(255,255,255,0.05)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:8,color:"rgba(255,255,255,0.85)",fontSize:r==="s"?"0.75rem":"0.8rem",padding:r==="s"?"6px 8px":"8px 10px",outline:"none",fontFamily:"inherit",lineHeight:1.55,transition:"border-color 0.15s, background 0.15s",caretColor:"rgba(255,255,255,0.7)"},onFocus:u=>{u.currentTarget.style.borderColor="rgba(255,255,255,0.2)",u.currentTarget.style.background="rgba(255,255,255,0.07)"},onBlur:u=>{u.currentTarget.style.borderColor="rgba(255,255,255,0.08)",u.currentTarget.style.background="rgba(255,255,255,0.05)"}})]})}function dt(t){return t>=80?"#f87171":t>=50?"#fbbf24":"#4ade80"}function se({label:t,value:s}){const n=dt(s);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"0.72rem",color:"rgba(255,255,255,0.65)"},children:[e.jsx("span",{children:t}),e.jsxs("span",{style:{fontVariantNumeric:"tabular-nums",fontWeight:600,color:"rgba(255,255,255,0.85)"},children:[Math.round(s),"%"]})]}),e.jsx("div",{style:{height:5,borderRadius:3,background:"rgba(255,255,255,0.08)",overflow:"hidden"},role:"progressbar","aria-label":`${t} usage`,"aria-valuenow":Math.round(s),"aria-valuemin":0,"aria-valuemax":100,children:e.jsx("div",{style:{height:"100%",width:`${Math.min(100,Math.max(0,s))}%`,borderRadius:3,background:n,transition:"width 0.4s ease, background 0.4s ease",boxShadow:`0 0 6px ${n}66`}})})]})}function Le({label:t,value:s}){const n=dt(s),r=18,i=2*Math.PI*r,u=Math.min(100,Math.max(0,s))/100*i;return e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:3,flex:1},children:[e.jsxs("div",{style:{position:"relative",width:48,height:48},children:[e.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48","aria-hidden":"true",children:[e.jsx("circle",{cx:"24",cy:"24",r,fill:"none",stroke:"rgba(255,255,255,0.08)",strokeWidth:"4"}),e.jsx("circle",{cx:"24",cy:"24",r,fill:"none",stroke:n,strokeWidth:"4",strokeDasharray:`${u} ${i-u}`,strokeLinecap:"round",transform:"rotate(-90 24 24)",style:{transition:"stroke-dasharray 0.4s ease, stroke 0.4s ease",filter:`drop-shadow(0 0 3px ${n}99)`}})]}),e.jsx("span",{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",fontSize:"0.65rem",fontWeight:600,color:"rgba(255,255,255,0.85)",fontVariantNumeric:"tabular-nums"},children:Math.round(s)})]}),e.jsx("span",{style:{fontSize:"0.6rem",fontWeight:600,color:"rgba(255,255,255,0.4)",textTransform:"uppercase",letterSpacing:"0.06em"},children:t})]})}async function pe(t){try{const s=await fetch(t,{headers:{Accept:"application/json"}});return!s.ok||!(s.headers.get("content-type")??"").includes("application/json")?null:await s.json()}catch{return null}}function ut(){const[t,s]=o.useState(null),[n,r]=o.useState(!1),[i,{tier:a}]=Y();o.useEffect(()=>{let d=!1;async function f(){var w,b;const p=await pe("/api/system");if(p!=null&&p.resources){if(d)return;s({cpu:p.resources.cpu_percent??0,ram:p.resources.ram_percent??0}),r(!1);return}const[h,c]=await Promise.all([pe("/api/metrics/system.cpu_pct?range=1h"),pe("/api/metrics/system.ram_pct?range=1h")]);if(d)return;const x=Array.isArray(h)&&h.length>0?((w=h[h.length-1])==null?void 0:w.value)??null:null,y=Array.isArray(c)&&c.length>0?((b=c[c.length-1])==null?void 0:b.value)??null:null;if(x===null&&y===null){r(!0);return}s({cpu:x??0,ram:y??0}),r(!1)}f();const m=setInterval(f,5e3);return()=>{d=!0,clearInterval(m)}},[]);const u={fontSize:"0.65rem",fontWeight:600,color:"rgba(255,255,255,0.4)",textTransform:"uppercase",letterSpacing:"0.06em"},l=n||!t,g=n?"Stats unavailable":"Loading…";return e.jsxs("div",{ref:i,style:{height:"100%",display:"flex",flexDirection:"column",padding:a==="s"?"0 4px":"2px 4px 6px",overflow:"hidden"},"aria-label":"System stats widget",role:"region",children:[a==="s"&&e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",gap:16},children:l?e.jsx("span",{style:{fontSize:"0.7rem",color:"rgba(255,255,255,0.35)"},children:g}):e.jsxs(e.Fragment,{children:[e.jsx(Le,{label:"CPU",value:t.cpu}),e.jsx(Le,{label:"RAM",value:t.ram})]})}),a==="m"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{style:u,children:"System"}),e.jsx("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center",gap:10,marginTop:8},children:l?e.jsx("span",{style:{fontSize:"0.75rem",color:"rgba(255,255,255,0.35)"},children:g}):e.jsxs(e.Fragment,{children:[e.jsx(se,{label:"CPU",value:t.cpu}),e.jsx(se,{label:"RAM",value:t.ram})]})})]}),a==="l"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{style:u,children:"System"}),e.jsx("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center",gap:12,marginTop:10},children:l?e.jsx("span",{style:{fontSize:"0.75rem",color:"rgba(255,255,255,0.35)"},children:g}):e.jsxs(e.Fragment,{children:[e.jsx(se,{label:"CPU",value:t.cpu}),e.jsx(se,{label:"RAM",value:t.ram})]})}),e.jsx("div",{style:{display:"flex",gap:8,marginTop:6},children:!l&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{flex:1,background:"rgba(255,255,255,0.04)",borderRadius:8,padding:"6px 8px"},children:[e.jsx("div",{style:{fontSize:"0.6rem",color:"rgba(255,255,255,0.35)",textTransform:"uppercase",letterSpacing:"0.05em",marginBottom:2},children:"CPU"}),e.jsxs("div",{style:{fontSize:"1rem",fontWeight:600,color:"rgba(255,255,255,0.9)",fontVariantNumeric:"tabular-nums"},children:[Math.round(t.cpu),"%"]})]}),e.jsxs("div",{style:{flex:1,background:"rgba(255,255,255,0.04)",borderRadius:8,padding:"6px 8px"},children:[e.jsx("div",{style:{fontSize:"0.6rem",color:"rgba(255,255,255,0.35)",textTransform:"uppercase",letterSpacing:"0.05em",marginBottom:2},children:"RAM"}),e.jsxs("div",{style:{fontSize:"1rem",fontWeight:600,color:"rgba(255,255,255,0.9)",fontVariantNumeric:"tabular-nums"},children:[Math.round(t.ram),"%"]})]})]})})]})]})}const wn={0:{label:"Clear sky",icon:"☀️"},1:{label:"Mainly clear",icon:"🌤"},2:{label:"Partly cloudy",icon:"⛅"},3:{label:"Overcast",icon:"☁️"},45:{label:"Fog",icon:"🌫"},48:{label:"Rime fog",icon:"🌫"},51:{label:"Light drizzle",icon:"🌦"},53:{label:"Drizzle",icon:"🌦"},55:{label:"Heavy drizzle",icon:"🌧"},61:{label:"Light rain",icon:"🌦"},63:{label:"Rain",icon:"🌧"},65:{label:"Heavy rain",icon:"🌧"},71:{label:"Light snow",icon:"🌨"},73:{label:"Snow",icon:"🌨"},75:{label:"Heavy snow",icon:"❄️"},77:{label:"Snow grains",icon:"🌨"},80:{label:"Rain showers",icon:"🌦"},81:{label:"Rain showers",icon:"🌧"},82:{label:"Heavy showers",icon:"⛈"},85:{label:"Snow showers",icon:"🌨"},86:{label:"Heavy snow showers",icon:"❄️"},95:{label:"Thunderstorm",icon:"⛈"},96:{label:"Thunderstorm + hail",icon:"⛈"},99:{label:"Severe thunderstorm",icon:"⛈"}};function We(t,s=!0){const n=wn[t]??{label:"Unknown",icon:"🌤"};return(t===0||t===1)&&!s?{...n,icon:"🌙"}:n}const pt="weather",we="taos-pref:weather";function je(){try{const t=localStorage.getItem(we);return t?JSON.parse(t):{}}catch{return{}}}function K(){return je().home??null}function oe(){return je().tempUnit==="F"?"F":"C"}function le(){return je().windUnit==="mph"?"mph":"kmh"}function V(t){return Math.round(t*9/5+32)}function ve(t){return Math.round(t*.621371)}const ce="taos-weather-units-changed";function he(){window.dispatchEvent(new Event(ce))}async function jn(t){if(!t.trim())return[];try{const s=await fetch(`https://geocoding-api.open-meteo.com/v1/search?name=${encodeURIComponent(t)}&count=10&language=en&format=json`);return s.ok?((await s.json()).results??[]).map(r=>({name:r.name,country:r.country,admin1:r.admin1,latitude:r.latitude,longitude:r.longitude})):[]}catch{return[]}}async function vn(t){const s=new URLSearchParams({latitude:String(t.latitude),longitude:String(t.longitude),current:"temperature_2m,apparent_temperature,is_day,weather_code,relative_humidity_2m,wind_speed_10m,wind_direction_10m",daily:"weather_code,temperature_2m_max,temperature_2m_min,precipitation_sum",timezone:"auto",forecast_days:"7"}),n=await fetch(`https://api.open-meteo.com/v1/forecast?${s}`);if(!n.ok)return null;const r=await n.json(),i={temperature:Math.round(r.current.temperature_2m),feelsLike:Math.round(r.current.apparent_temperature),weatherCode:r.current.weather_code,humidity:r.current.relative_humidity_2m,windSpeed:Math.round(r.current.wind_speed_10m),windDirection:r.current.wind_direction_10m,isDay:r.current.is_day===1},a=r.daily.time.map((u,l)=>({date:u,tempMax:Math.round(r.daily.temperature_2m_max[l]),tempMin:Math.round(r.daily.temperature_2m_min[l]),weatherCode:r.daily.weather_code[l],precipitation:r.daily.precipitation_sum[l]}));return{current:i,daily:a}}async function me(t){try{localStorage.setItem(we,JSON.stringify(t))}catch{}try{await fetch(`/api/preferences/${pt}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})}catch{}}function kn(){const[t,s]=o.useState(K),[n,r]=o.useState(t),[i,a]=o.useState(""),[u,l]=o.useState([]),[g,d]=o.useState(!1),[f,m]=o.useState(null),[p,h]=o.useState(!1),[c,x]=o.useState(oe),[y,w]=o.useState(le);o.useEffect(()=>{let v=!1;return(async()=>{try{const W=await fetch(`/api/preferences/${pt}`);if(!W.ok)return;const T=await W.json();if(v||!T||Object.keys(T).length===0)return;T.home&&(s(T.home),r(O=>O??T.home??null)),(T.tempUnit==="C"||T.tempUnit==="F")&&x(T.tempUnit),(T.windUnit==="kmh"||T.windUnit==="mph")&&w(T.windUnit),localStorage.setItem(we,JSON.stringify(T)),he()}catch{}})(),()=>{v=!0}},[]);const b=o.useCallback(()=>{const v=c==="C"?"F":"C";x(v),me({home:t,tempUnit:v,windUnit:y}),he()},[c,t,y]),j=o.useCallback(()=>{const v=y==="kmh"?"mph":"kmh";w(v),me({home:t,tempUnit:c,windUnit:v}),he()},[y,t,c]),k=o.useCallback(async v=>{h(!0);const W=await vn(v);m(W),h(!1)},[]);o.useEffect(()=>{n&&k(n)},[n,k]),o.useEffect(()=>{if(!i.trim()){l([]);return}let v=!1;d(!0);const W=setTimeout(async()=>{const T=await jn(i);v||(l(T),d(!1))},300);return()=>{v=!0,clearTimeout(W)}},[i]);const N=v=>{r(v),a(""),l([])},C=v=>{s(v),me({home:v,tempUnit:c,windUnit:y})},A=f?We(f.current.weatherCode,f.current.isDay):null,E=n&&t&&n.latitude===t.latitude&&n.longitude===t.longitude;return e.jsxs("div",{style:{height:"100%",display:"flex",flexDirection:"column",background:"linear-gradient(160deg, #1a2a4a 0%, #0e1a36 100%)",color:"white",overflow:"hidden"},children:[e.jsx("div",{style:{padding:16,flexShrink:0,borderBottom:"1px solid rgba(255,255,255,0.05)"},children:e.jsxs("div",{style:{position:"relative"},children:[e.jsx(X,{size:16,style:{position:"absolute",left:12,top:12,color:"rgba(255,255,255,0.4)"}}),e.jsx("input",{value:i,onChange:v=>a(v.target.value),placeholder:"Search for a town or city...",style:{width:"100%",padding:"10px 12px 10px 36px",background:"rgba(255,255,255,0.08)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:10,color:"white",fontSize:14,outline:"none"}}),u.length>0&&e.jsx("div",{style:{position:"absolute",top:"100%",left:0,right:0,marginTop:4,background:"rgba(15,20,40,0.98)",backdropFilter:"blur(20px)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:10,maxHeight:280,overflowY:"auto",zIndex:10},children:u.map((v,W)=>e.jsxs("button",{onClick:()=>N(v),style:{width:"100%",padding:"10px 14px",textAlign:"left",background:"none",border:"none",color:"white",fontSize:13,display:"flex",alignItems:"center",gap:10,cursor:"pointer"},onMouseEnter:T=>T.currentTarget.style.background="rgba(255,255,255,0.06)",onMouseLeave:T=>T.currentTarget.style.background="none",children:[e.jsx(Ce,{size:14,style:{color:"rgba(255,255,255,0.4)"}}),e.jsxs("span",{style:{flex:1},children:[e.jsx("span",{style:{color:"rgba(255,255,255,0.9)"},children:v.name}),e.jsxs("span",{style:{color:"rgba(255,255,255,0.4)",marginLeft:6},children:[v.admin1?`${v.admin1}, `:"",v.country]})]})]},`${v.latitude}-${v.longitude}-${W}`))}),g&&i&&u.length===0&&e.jsx("div",{style:{position:"absolute",top:"100%",left:0,right:0,marginTop:4,padding:"12px 14px",background:"rgba(15,20,40,0.98)",backdropFilter:"blur(20px)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:10,fontSize:13,color:"rgba(255,255,255,0.5)"},children:"Searching..."})]})}),e.jsxs("div",{style:{flex:1,overflowY:"auto",padding:20},children:[!n&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:12,color:"rgba(255,255,255,0.5)"},children:[e.jsx(Ce,{size:48,style:{color:"rgba(255,255,255,0.2)"}}),e.jsx("p",{style:{fontSize:15},children:"Search for a location to see its weather"})]}),n&&p&&!f&&e.jsx("div",{style:{textAlign:"center",color:"rgba(255,255,255,0.5)",marginTop:40},children:"Loading forecast..."}),n&&f&&A&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:20},children:[e.jsxs("div",{children:[e.jsx("h1",{style:{fontSize:24,fontWeight:600,margin:0,color:"rgba(255,255,255,0.95)"},children:n.name}),e.jsxs("p",{style:{fontSize:13,color:"rgba(255,255,255,0.5)",margin:"2px 0 0"},children:[n.admin1?`${n.admin1}, `:"",n.country]})]}),e.jsx("button",{onClick:()=>C(n),disabled:!!E,style:{display:"flex",alignItems:"center",gap:6,padding:"8px 14px",background:E?"rgba(80,200,120,0.2)":"rgba(255,255,255,0.08)",border:`1px solid ${E?"rgba(80,200,120,0.3)":"rgba(255,255,255,0.12)"}`,borderRadius:8,color:E?"rgb(150,220,170)":"rgba(255,255,255,0.85)",fontSize:12,fontWeight:500,cursor:E?"default":"pointer"},children:E?e.jsxs(e.Fragment,{children:[e.jsx(Xe,{size:14})," Home"]}):e.jsxs(e.Fragment,{children:[e.jsx(Nt,{size:14})," Set as home"]})})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:28,padding:"16px 20px",background:"rgba(255,255,255,0.05)",borderRadius:16,border:"1px solid rgba(255,255,255,0.08)"},children:[e.jsx("div",{style:{fontSize:72,lineHeight:1},children:A.icon}),e.jsxs("div",{style:{flex:1},children:[e.jsxs("button",{onClick:b,title:"Tap to toggle °C / °F",style:{display:"flex",alignItems:"baseline",gap:8,background:"none",border:"none",padding:0,cursor:"pointer",color:"inherit"},children:[e.jsxs("span",{style:{fontSize:56,fontWeight:300,lineHeight:1,color:"rgba(255,255,255,0.95)"},children:[c==="C"?f.current.temperature:V(f.current.temperature),"°"]}),e.jsx("span",{style:{fontSize:18,color:"rgba(255,255,255,0.5)"},children:c})]}),e.jsx("p",{style:{fontSize:14,color:"rgba(255,255,255,0.7)",margin:"4px 0 0"},children:A.label}),e.jsxs("p",{style:{fontSize:12,color:"rgba(255,255,255,0.45)",margin:"2px 0 0"},children:["Feels like ",c==="C"?f.current.feelsLike:V(f.current.feelsLike),"°"]})]})]}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(140px, 1fr))",gap:10,marginBottom:28},children:[e.jsxs("div",{style:{padding:14,background:"rgba(255,255,255,0.05)",borderRadius:12,border:"1px solid rgba(255,255,255,0.06)"},children:[e.jsx("div",{style:{fontSize:10,textTransform:"uppercase",letterSpacing:.5,color:"rgba(255,255,255,0.4)"},children:"Humidity"}),e.jsxs("div",{style:{fontSize:20,fontWeight:600,marginTop:4},children:[f.current.humidity,"%"]})]}),e.jsxs("button",{onClick:j,title:"Tap to toggle km/h / mph",style:{padding:14,background:"rgba(255,255,255,0.05)",borderRadius:12,border:"1px solid rgba(255,255,255,0.06)",textAlign:"left",cursor:"pointer",color:"inherit"},children:[e.jsx("div",{style:{fontSize:10,textTransform:"uppercase",letterSpacing:.5,color:"rgba(255,255,255,0.4)"},children:"Wind"}),e.jsxs("div",{style:{fontSize:20,fontWeight:600,marginTop:4},children:[y==="kmh"?f.current.windSpeed:ve(f.current.windSpeed),e.jsx("span",{style:{fontSize:13,color:"rgba(255,255,255,0.5)",marginLeft:4,fontWeight:400},children:y==="kmh"?"km/h":"mph"})]})]})]}),e.jsxs("div",{children:[e.jsx("h2",{style:{fontSize:11,textTransform:"uppercase",letterSpacing:.8,color:"rgba(255,255,255,0.45)",margin:"0 0 10px",fontWeight:600},children:"7-Day Forecast"}),e.jsx("div",{style:{background:"rgba(255,255,255,0.04)",borderRadius:14,border:"1px solid rgba(255,255,255,0.06)",overflow:"hidden"},children:f.daily.map((v,W)=>{const T=We(v.weatherCode),O=new Date(v.date),$=W===0?"Today":O.toLocaleDateString("en",{weekday:"short"});return e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:14,padding:"12px 16px",borderTop:W===0?"none":"1px solid rgba(255,255,255,0.05)"},children:[e.jsx("span",{style:{width:52,fontSize:13,color:"rgba(255,255,255,0.8)",fontWeight:500},children:$}),e.jsx("span",{style:{fontSize:22,width:32,textAlign:"center"},children:T.icon}),e.jsx("span",{style:{flex:1,fontSize:12,color:"rgba(255,255,255,0.55)"},children:T.label}),e.jsxs("span",{style:{fontSize:13,color:"rgba(255,255,255,0.5)",width:36,textAlign:"right"},children:[c==="C"?v.tempMin:V(v.tempMin),"°"]}),e.jsxs("span",{style:{fontSize:13,color:"rgba(255,255,255,0.9)",width:36,textAlign:"right",fontWeight:500},children:[c==="C"?v.tempMax:V(v.tempMax),"°"]})]},v.date)})})]})]})]})]})}const Sn=Object.freeze(Object.defineProperty({__proto__:null,UNIT_CHANGED_EVENT:ce,WeatherApp:kn,cToF:V,getHomeLocation:K,getTempUnit:oe,getWindUnit:le,kmhToMph:ve},Symbol.toStringTag,{value:"Module"})),Cn={0:{label:"Clear",icon:"☀️"},1:{label:"Mainly clear",icon:"🌤"},2:{label:"Partly cloudy",icon:"⛅"},3:{label:"Overcast",icon:"☁️"},45:{label:"Fog",icon:"🌫"},48:{label:"Fog",icon:"🌫"},51:{label:"Drizzle",icon:"🌦"},53:{label:"Drizzle",icon:"🌦"},55:{label:"Drizzle",icon:"🌧"},61:{label:"Light rain",icon:"🌦"},63:{label:"Rain",icon:"🌧"},65:{label:"Heavy rain",icon:"🌧"},71:{label:"Light snow",icon:"🌨"},73:{label:"Snow",icon:"🌨"},75:{label:"Heavy snow",icon:"❄️"},80:{label:"Showers",icon:"🌦"},81:{label:"Showers",icon:"🌧"},82:{label:"Heavy showers",icon:"⛈"},95:{label:"Thunderstorm",icon:"⛈"},96:{label:"Thunderstorm",icon:"⛈"},99:{label:"Thunderstorm",icon:"⛈"}};function zn(t,s=!0){const n=Cn[t]??{label:"Unknown",icon:"🌤"};return(t===0||t===1)&&!s?{...n,icon:"🌙"}:n}async function Nn(){const t=K();if(!t)return null;try{const s=new URLSearchParams({latitude:String(t.latitude),longitude:String(t.longitude),current:"temperature_2m,apparent_temperature,is_day,weather_code,relative_humidity_2m,wind_speed_10m",timezone:"auto"}),n=await fetch(`https://api.open-meteo.com/v1/forecast?${s}`,{signal:AbortSignal.timeout(5e3)});if(!n.ok)return null;const r=await n.json(),i=zn(r.current.weather_code,r.current.is_day===1);return{temp:Math.round(r.current.temperature_2m),feelsLike:Math.round(r.current.apparent_temperature),condition:i.label,icon:i.icon,humidity:r.current.relative_humidity_2m,wind:Math.round(r.current.wind_speed_10m),location:t.name}}catch{return null}}function ht(){const[t,s]=o.useState(null),[n,r]=o.useState(!K()),[i,a]=o.useState(oe),[u,l]=o.useState(le),[g,{tier:d}]=Y();o.useEffect(()=>{const p=()=>{const w=K();r(!w),w&&Nn().then(s)};(async()=>{try{const w=await fetch("/api/preferences/weather");if(!w.ok){p();return}const b=await w.json();b&&typeof b=="object"&&Object.keys(b).length>0&&(localStorage.setItem("taos-pref:weather",JSON.stringify(b)),(b.tempUnit==="C"||b.tempUnit==="F")&&a(b.tempUnit),(b.windUnit==="kmh"||b.windUnit==="mph")&&l(b.windUnit))}catch{}p()})();const c=setInterval(p,6e5),x=()=>p(),y=()=>{a(oe()),l(le())};return window.addEventListener("storage",x),window.addEventListener(ce,y),()=>{clearInterval(c),window.removeEventListener("storage",x),window.removeEventListener(ce,y)}},[]);const f=p=>i==="C"?p:V(p),m=p=>u==="kmh"?`${p} km/h`:`${ve(p)} mph`;return n?e.jsxs("div",{ref:g,style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:6,padding:8,textAlign:"center"},"aria-label":"Weather widget — no location set",role:"region",children:[e.jsx("span",{style:{fontSize:d==="s"?20:28,lineHeight:1},children:"🌤"}),d!=="s"&&e.jsx("span",{style:{fontSize:"0.72rem",color:"rgba(255,255,255,0.45)"},children:"Tap to set location"})]}):t?e.jsxs("div",{ref:g,style:{height:"100%",display:"flex",flexDirection:"column",padding:d==="s"?"0 4px":"2px 4px 6px",overflow:"hidden"},"aria-label":`Weather: ${t.condition}, ${f(t.temp)}°${i} in ${t.location}`,role:"region",children:[d==="s"&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center",height:"100%",padding:"4px 2px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx("span",{style:{fontSize:"1.8rem",lineHeight:1},children:t.icon}),e.jsxs("span",{style:{fontSize:"1.6rem",fontWeight:600,color:"rgba(255,255,255,0.95)",lineHeight:1,fontVariantNumeric:"tabular-nums"},children:[f(t.temp),"°"]})]}),e.jsxs("div",{style:{display:"flex",gap:8,fontSize:"0.65rem",color:"rgba(255,255,255,0.4)"},children:[e.jsxs("span",{children:["💧 ",t.humidity,"%"]}),e.jsxs("span",{children:["💨 ",m(t.wind)]})]})]}),d==="m"&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",justifyContent:"space-between",height:"100%"},children:[e.jsx("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx("span",{style:{fontSize:"2.2rem",lineHeight:1},children:t.icon}),e.jsxs("div",{children:[e.jsxs("div",{style:{fontSize:"1.8rem",fontWeight:600,color:"rgba(255,255,255,0.95)",lineHeight:1,fontVariantNumeric:"tabular-nums"},children:[f(t.temp),"°",e.jsx("span",{style:{fontSize:"0.85rem",fontWeight:400,color:"rgba(255,255,255,0.4)",marginLeft:1},children:i})]}),e.jsx("div",{style:{fontSize:"0.72rem",color:"rgba(255,255,255,0.5)",marginTop:2},children:t.condition})]})]})}),e.jsxs("div",{style:{display:"flex",gap:10,fontSize:"0.7rem",color:"rgba(255,255,255,0.4)"},children:[e.jsxs("span",{children:["Feels ",f(t.feelsLike),"°"]}),e.jsxs("span",{children:["💧 ",t.humidity,"%"]}),e.jsxs("span",{children:["💨 ",m(t.wind)]})]}),e.jsx("div",{style:{fontSize:"0.68rem",color:"rgba(255,255,255,0.35)",textTransform:"uppercase",letterSpacing:"0.04em",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.location})]}),d==="l"&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",justifyContent:"space-between",height:"100%"},children:[e.jsx("div",{style:{fontSize:"0.65rem",fontWeight:600,color:"rgba(255,255,255,0.35)",textTransform:"uppercase",letterSpacing:"0.06em",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.location}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,margin:"4px 0"},children:[e.jsx("span",{style:{fontSize:"2.8rem",lineHeight:1},children:t.icon}),e.jsxs("div",{children:[e.jsxs("div",{style:{fontSize:"2.4rem",fontWeight:600,color:"rgba(255,255,255,0.95)",lineHeight:1,fontVariantNumeric:"tabular-nums",letterSpacing:"-0.02em"},children:[f(t.temp),"°",e.jsx("span",{style:{fontSize:"1rem",fontWeight:400,color:"rgba(255,255,255,0.4)",marginLeft:2},children:i})]}),e.jsx("div",{style:{fontSize:"0.8rem",color:"rgba(255,255,255,0.55)",marginTop:3},children:t.condition})]})]}),e.jsx("div",{style:{display:"flex",justifyContent:"space-between",background:"rgba(255,255,255,0.05)",borderRadius:8,padding:"6px 10px",gap:4},children:[{icon:"🌡",label:"Feels",value:`${f(t.feelsLike)}°`},{icon:"💧",label:"Humidity",value:`${t.humidity}%`},{icon:"💨",label:"Wind",value:m(t.wind)}].map(({icon:p,label:h,value:c})=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",flex:1},children:[e.jsx("span",{style:{fontSize:"0.75rem"},children:p}),e.jsx("span",{style:{fontSize:"0.72rem",fontWeight:600,color:"rgba(255,255,255,0.8)",fontVariantNumeric:"tabular-nums"},children:c}),e.jsx("span",{style:{fontSize:"0.58rem",color:"rgba(255,255,255,0.3)",textTransform:"uppercase",letterSpacing:"0.04em"},children:h})]},h))})]})]}):e.jsx("div",{ref:g,style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"rgba(255,255,255,0.3)",fontSize:"0.75rem"},"aria-label":"Weather widget — loading",role:"region",children:"Loading…"})}const _n=[{type:"clock",label:"Clock",icon:e.jsx(_t,{size:14})},{type:"agent-status",label:"Agent Status",icon:e.jsx(Tt,{size:14})},{type:"quick-notes",label:"Quick Notes",icon:e.jsx(At,{size:14})},{type:"system-stats",label:"System Stats",icon:e.jsx(Ye,{size:14})},{type:"weather",label:"Weather",icon:e.jsx(Et,{size:14})}];function Tn(t){switch(t){case"clock":return e.jsx(ot,{});case"agent-status":return e.jsx(lt,{});case"quick-notes":return e.jsx(ct,{});case"system-stats":return e.jsx(ut,{});case"weather":return e.jsx(ht,{});default:return e.jsx("div",{style:{color:"rgba(255,255,255,0.4)",fontSize:"0.75rem",padding:8},children:"Unknown widget"})}}function An(){const{widgets:t,showWidgets:s,addWidget:n,removeWidget:r,updateLayout:i}=R(),[a,u]=o.useState(!1),[l,g]=o.useState(1200),d=o.useRef(null),f=o.useRef(null);o.useEffect(()=>{if(!d.current)return;const h=new ResizeObserver(c=>{for(const x of c)g(x.contentRect.width)});return h.observe(d.current),()=>h.disconnect()},[]),o.useEffect(()=>{if(!a)return;function h(c){f.current&&!f.current.contains(c.target)&&u(!1)}return document.addEventListener("mousedown",h),()=>document.removeEventListener("mousedown",h)},[a]);const m=o.useCallback(h=>{i(h.map(c=>({id:c.i,x:c.x,y:c.y,w:c.w,h:c.h})))},[i]);if(!s)return null;const p=t.map(h=>({i:h.id,x:h.x,y:h.y,w:h.w,h:h.h,minW:h.minW??2,minH:h.minH??2}));return e.jsxs("div",{ref:d,style:{position:"absolute",inset:0,zIndex:1,pointerEvents:"none"},children:[e.jsx("div",{style:{pointerEvents:"auto",width:"100%",height:"100%"},children:e.jsx(qt,{className:"widget-grid",layout:p,cols:12,rowHeight:72,width:l,margin:[16,16],containerPadding:[24,24],isDraggable:!0,isResizable:!0,compactType:null,preventCollision:!0,draggableHandle:".widget-drag-handle",onLayoutChange:m,children:t.map(h=>e.jsx("div",{style:{overflow:"hidden"},children:e.jsxs("div",{style:{height:"100%",background:"rgba(20, 20, 35, 0.65)",backdropFilter:"blur(12px)",WebkitBackdropFilter:"blur(12px)",borderRadius:12,border:"1px solid rgba(255,255,255,0.1)",display:"flex",flexDirection:"column",position:"relative",overflow:"hidden"},children:[e.jsx("div",{className:"widget-drag-handle",style:{display:"flex",justifyContent:"flex-end",padding:"4px 6px 0",cursor:"grab",minHeight:20},children:e.jsx("button",{onClick:c=>{c.stopPropagation(),r(h.id)},"aria-label":`Remove ${h.type} widget`,style:{background:"rgba(255,255,255,0.1)",border:"none",borderRadius:4,width:18,height:18,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",color:"rgba(255,255,255,0.4)",transition:"color 0.15s, background 0.15s"},onMouseEnter:c=>{c.currentTarget.style.color="#fff",c.currentTarget.style.background="rgba(239,68,68,0.6)"},onMouseLeave:c=>{c.currentTarget.style.color="rgba(255,255,255,0.4)",c.currentTarget.style.background="rgba(255,255,255,0.1)"},children:e.jsx(P,{size:12})})}),e.jsx("div",{style:{flex:1,padding:"0 8px 8px",overflow:"hidden"},children:Tn(h.type)})]})},h.id))})}),e.jsxs("div",{style:{position:"absolute",bottom:16,right:16,pointerEvents:"auto",zIndex:10},children:[e.jsx("button",{onClick:()=>u(!a),"aria-label":"Add widget",style:{width:40,height:40,borderRadius:"50%",background:"rgba(20, 20, 35, 0.7)",backdropFilter:"blur(12px)",WebkitBackdropFilter:"blur(12px)",border:"1px solid rgba(255,255,255,0.15)",color:"rgba(255,255,255,0.7)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.15s, background 0.15s"},onMouseEnter:h=>{h.currentTarget.style.background="rgba(40, 40, 60, 0.85)",h.currentTarget.style.transform="scale(1.1)"},onMouseLeave:h=>{h.currentTarget.style.background="rgba(20, 20, 35, 0.7)",h.currentTarget.style.transform="scale(1)"},children:e.jsx(Ze,{size:20})}),a&&e.jsx("div",{ref:f,style:{position:"absolute",bottom:50,right:0,background:"rgba(20, 20, 35, 0.9)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",border:"1px solid rgba(255,255,255,0.15)",borderRadius:10,padding:6,minWidth:170,display:"flex",flexDirection:"column",gap:2},children:_n.map(h=>e.jsxs("button",{onClick:()=>{n(h.type),u(!1)},style:{display:"flex",alignItems:"center",gap:8,padding:"8px 10px",background:"transparent",border:"none",borderRadius:6,color:"rgba(255,255,255,0.8)",fontSize:"0.8rem",cursor:"pointer",textAlign:"left",transition:"background 0.12s"},onMouseEnter:c=>{c.currentTarget.style.background="rgba(255,255,255,0.1)"},onMouseLeave:c=>{c.currentTarget.style.background="transparent"},children:[h.icon,h.label]},h.type))})]})]})}function En({x:t,y:s,items:n,onClose:r}){const i=o.useRef(null);o.useEffect(()=>{const l=d=>{i.current&&!i.current.contains(d.target)&&r()},g=d=>{d.key==="Escape"&&r()};return document.addEventListener("mousedown",l),document.addEventListener("keydown",g),()=>{document.removeEventListener("mousedown",l),document.removeEventListener("keydown",g)}},[r]);const a=Math.min(t,window.innerWidth-220),u=Math.min(s,window.innerHeight-n.length*36-20);return e.jsx("div",{ref:i,className:"fixed z-[10001] min-w-[200px] py-1 rounded-lg border border-shell-border-strong overflow-hidden",style:{left:a,top:u,backgroundColor:"rgba(30, 31, 50, 0.95)",backdropFilter:"blur(20px)",boxShadow:"0 8px 32px rgba(0,0,0,0.5)"},children:n.map((l,g)=>l.separator?e.jsx("div",{className:"my-1 mx-2 border-t border-shell-border"},g):e.jsxs("button",{onClick:()=>{!l.disabled&&l.action&&(l.action(),r())},disabled:l.disabled,className:`w-full flex items-center gap-2.5 px-3 py-1.5 text-left text-sm transition-colors ${l.disabled?"text-shell-text-tertiary cursor-default":"text-shell-text hover:bg-white/8"}`,children:[l.icon&&e.jsx("span",{className:"w-4 h-4 flex items-center justify-center text-shell-text-secondary",children:l.icon}),e.jsx("span",{children:l.label})]},g))})}function In({open:t,onClose:s}){const{wallpaperId:n,setWallpaper:r,getWallpapers:i}=M(),a=i();return t?e.jsx("div",{className:"fixed inset-0 z-[10002] flex items-center justify-center bg-black/40 backdrop-blur-sm p-4",onClick:s,style:{paddingTop:"calc(env(safe-area-inset-top, 0px) + 16px)",paddingBottom:"calc(40px + env(safe-area-inset-bottom, 0px) * 0.35 + 16px)"},children:e.jsxs("div",{className:"w-full max-w-[500px] max-h-full flex flex-col rounded-xl border border-shell-border-strong overflow-hidden",style:{backgroundColor:"rgba(26, 27, 46, 0.98)"},onClick:u=>u.stopPropagation(),children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-shell-border shrink-0",children:[e.jsx("h3",{className:"text-sm font-medium text-shell-text",children:"Change Wallpaper"}),e.jsx("button",{onClick:s,className:"text-shell-text-tertiary hover:text-shell-text text-lg leading-none","aria-label":"Close",children:"×"})]}),e.jsx("div",{className:"p-4 grid grid-cols-2 gap-3 overflow-y-auto flex-1",children:a.map(u=>e.jsxs("button",{onClick:()=>{r(u.id)},className:`relative rounded-lg overflow-hidden border-2 transition-all ${n===u.id?"border-accent ring-1 ring-accent/30":"border-shell-border hover:border-shell-border-strong"}`,children:[e.jsx("div",{className:"h-24 w-full",style:{backgroundImage:u.image,backgroundColor:u.fallback,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),e.jsx("div",{className:"px-2 py-1.5 text-xs text-shell-text-secondary text-left",children:u.label}),n===u.id&&e.jsx("div",{className:"absolute top-2 right-2 w-5 h-5 rounded-full bg-accent flex items-center justify-center",children:e.jsx(Xe,{size:12,className:"text-white"})})]},u.id))})]})}):null}function Ln(){const t=_(b=>b.windows),{openWindow:s}=_(),n=M(b=>b.wallpaperImage),r=M(b=>b.wallpaperMobileImage),i=M(b=>b.wallpaperFallback),{showWidgets:a,toggleWidgets:u}=R(),[l,g]=o.useState(null),[d,f]=o.useState(!1),m={width:typeof window<"u"?window.innerWidth:1920,height:typeof window<"u"?window.innerHeight:1080,topBarH:32,dockH:84},{previewBounds:p,onDrag:h,onDragStop:c}=hn(m),x=o.useCallback(b=>{(b.target===b.currentTarget||b.target.closest("[data-desktop-surface]"))&&(b.preventDefault(),g({x:b.clientX,y:b.clientY}))},[]),y=o.useCallback(b=>{const j=L(b);j&&s(b,j.defaultSize)},[s]),w=[{label:"New Folder",icon:e.jsx(It,{size:14}),action:()=>y("files")},{label:"",separator:!0},{label:"Change Wallpaper",icon:e.jsx(Lt,{size:14}),action:()=>f(!0)},{label:"Save to Memory",icon:e.jsx(Wt,{size:14}),action:()=>{const b=window.prompt("Save to memory:");b&&fetch("/api/user-memory/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({content:b,collection:"snippets"})}).catch(()=>{const j=JSON.parse(localStorage.getItem("tinyagentos-snippets")||"[]");j.push({content:b,savedAt:Date.now()}),localStorage.setItem("tinyagentos-snippets",JSON.stringify(j))})}},{label:"Display Settings",icon:e.jsx(Rt,{size:14}),action:()=>y("settings")},{label:"",separator:!0},{label:a?"Hide Widgets":"Show Widgets",icon:e.jsx(Qe,{size:14}),action:()=>u()},{label:"",separator:!0},{label:"Open Launchpad",icon:e.jsx(be,{size:14}),action:()=>{window.dispatchEvent(new CustomEvent("open-launchpad"))}},{label:"System Settings",icon:e.jsx(Ke,{size:14}),action:()=>y("settings")}];return e.jsxs("div",{className:"taos-wallpaper relative flex-1 overflow-hidden",style:{backgroundColor:i,"--wallpaper-desktop":n,"--wallpaper-mobile":r},onContextMenu:x,"data-desktop-surface":!0,children:[e.jsx(xn,{bounds:p}),e.jsx(An,{}),t.map(b=>e.jsx(gn,{win:b,onDrag:h,onDragStop:c},b.id)),l&&e.jsx(En,{x:l.x,y:l.y,items:w,onClose:()=>g(null)}),e.jsx(In,{open:d,onClose:()=>f(!1)})]})}const Wn=["messages","agents","files","store","settings"],de=q((t,s)=>({pinned:Wn,pin(n){s().pinned.includes(n)||t(r=>({pinned:[...r.pinned,n]}))},unpin(n){t(r=>({pinned:r.pinned.filter(i=>i!==n)}))},reorder(n){t({pinned:n})}}));function Re({appId:t,isRunning:s,onClick:n}){const r=L(t);if(!r)return null;const i=r.icon.split("-").map(u=>u.charAt(0).toUpperCase()+u.slice(1)).join(""),a=G[i]??H;return e.jsxs("button",{onClick:n,className:"group relative flex items-center justify-center w-10 h-10 rounded-lg bg-shell-surface hover:bg-shell-surface-active transition-all hover:scale-110","aria-label":`Open ${r.name}`,title:r.name,children:[e.jsx(a,{size:20,className:"text-shell-text"}),s&&e.jsx("div",{className:"absolute -bottom-1 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full bg-accent"})]})}function Rn({onLaunchpadOpen:t}){const s=de(d=>d.pinned),n=_(d=>d.windows),{openWindow:r,focusWindow:i,restoreWindow:a}=_(),u=n.map(d=>d.appId),l=u.filter(d=>!s.includes(d)),g=d=>{const f=n.find(m=>m.appId===d);if(f)f.minimized?a(f.id):i(f.id);else{const m=L(d);m&&r(d,m.defaultSize)}};return e.jsxs("div",{className:"fixed bottom-3 left-1/2 -translate-x-1/2 flex items-center gap-1.5 px-3 rounded-2xl z-[9999] select-none",style:{height:"var(--spacing-dock-h)",padding:"var(--spacing-dock-padding)",backgroundColor:"var(--color-dock-bg)",border:"1px solid var(--color-dock-border)",boxShadow:"var(--shadow-dock)"},children:[e.jsx("button",{onClick:t,className:"flex items-center justify-center w-10 h-10 rounded-lg bg-shell-surface hover:bg-shell-surface-active transition-all hover:scale-110","aria-label":"Launchpad",title:"Launchpad",children:e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 16 16",className:"text-shell-text",fill:"currentColor",children:[e.jsx("rect",{x:"1",y:"1",width:"5",height:"5",rx:"1"}),e.jsx("rect",{x:"10",y:"1",width:"5",height:"5",rx:"1"}),e.jsx("rect",{x:"1",y:"10",width:"5",height:"5",rx:"1"}),e.jsx("rect",{x:"10",y:"10",width:"5",height:"5",rx:"1"})]})}),e.jsx("div",{className:"w-px h-8 bg-shell-border mx-1"}),s.map(d=>e.jsx(Re,{appId:d,isRunning:u.includes(d),onClick:()=>g(d)},d)),l.length>0&&e.jsx("div",{className:"w-px h-8 bg-shell-border mx-1"}),l.map(d=>e.jsx(Re,{appId:d,isRunning:!0,onClick:()=>g(d)},d))]})}function Pn(t){const s=t.toLowerCase().split("+").map(n=>n.trim());return{ctrl:s.includes("ctrl"),shift:s.includes("shift"),alt:s.includes("alt"),key:s.filter(n=>!["ctrl","shift","alt"].includes(n))[0]??""}}function On(t,s){const n=s.ctrlKey||s.metaKey;return t.ctrl!==n||t.shift!==s.shiftKey||t.alt!==s.altKey?!1:s.key.toLowerCase()===t.key}const ke=o.createContext(null),Pe={overlay:0,app:1,system:2};function Mn(t){const s=[];return t.ctrl&&s.push("Ctrl"),t.shift&&s.push("Shift"),t.alt&&s.push("Alt"),s.push(t.key.charAt(0).toUpperCase()+t.key.slice(1)),s.join("+")}function Oe({children:t}){const s=o.useRef(new Map),[n,r]=o.useState(!1);o.useEffect(()=>{const l=()=>{var g;document.fullscreenElement&&((g=navigator.keyboard)!=null&&g.lock)?navigator.keyboard.lock().then(()=>r(!0)).catch(()=>r(!1)):r(!1)};return document.addEventListener("fullscreenchange",l),()=>document.removeEventListener("fullscreenchange",l)},[]),o.useEffect(()=>{const l=g=>{const d=Array.from(s.current.values()).filter(f=>f.enabled).sort((f,m)=>Pe[f.scope]-Pe[m.scope]);for(const f of d)if(On(f.combo,g)){g.preventDefault(),g.stopPropagation(),f.action();return}};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[]);const i=o.useCallback((l,g,d,f,m="system")=>{s.current.set(l,{id:l,combo:Pn(g),action:d,label:f,scope:m,enabled:!0})},[]),a=o.useCallback(l=>{s.current.delete(l)},[]),u=o.useCallback(()=>Array.from(s.current.values()).map(l=>({combo:Mn(l.combo),label:l.label,scope:l.scope})),[]);return e.jsx(ke.Provider,{value:{register:i,unregister:a,getAll:u,keyboardLockActive:n},children:t})}function I(t,s,n,r="system"){const i=o.useContext(ke),a=o.useRef(`shortcut-${t}-${Math.random().toString(36).slice(2,8)}`);o.useEffect(()=>(i==null||i.register(a.current,t,s,n,r),()=>i==null?void 0:i.unregister(a.current)),[i,t,s,n,r])}function js(){const t=o.useContext(ke);return{getAll:(t==null?void 0:t.getAll)??(()=>[]),keyboardLockActive:(t==null?void 0:t.keyboardLockActive)??!1}}function Dn({app:t,onClick:s}){const n=t.icon.split("-").map(i=>i.charAt(0).toUpperCase()+i.slice(1)).join(""),r=G[n]??H;return e.jsxs("button",{onClick:s,className:"flex flex-col items-center gap-2 p-3 rounded-xl hover:bg-white/5 transition-colors","aria-label":`Open ${t.name}`,children:[e.jsx("div",{className:"w-14 h-14 rounded-2xl bg-shell-surface-hover flex items-center justify-center",children:e.jsx(r,{size:28,className:"text-shell-text"})}),e.jsx("span",{className:"text-xs text-shell-text-secondary",children:t.name})]})}const Fn={platform:"Platform",os:"Utilities",streaming:"Streaming Apps",game:"Games"};function Me({open:t,onClose:s,onOpenApp:n}){const[r,i]=o.useState(""),a=o.useRef(t);a.current=t;const{openWindow:u}=_();I("Escape",()=>{a.current&&s()},"Close launchpad","overlay");const l=typeof window<"u"&&window.innerWidth<640,g=o.useMemo(()=>{const m=rt();if(!r.trim())return m;const p=r.toLowerCase();return m.filter(h=>h.name.toLowerCase().includes(p))},[r]),d=o.useMemo(()=>{var p;const m={};for(const h of g)(m[p=h.category]??(m[p]=[])).push(h);return m},[g]),f=m=>{const p=L(m);if(p){const h=u(m,p.defaultSize);n==null||n(h)}s(),i("")};return t?e.jsx("div",{className:"fixed top-0 left-0 right-0 z-[9000] flex flex-col backdrop-blur-md bg-black/40",onClick:s,style:{bottom:l?76:0,paddingTop:"calc(env(safe-area-inset-top, 0px) + 60px)",paddingBottom:l?16:"calc(52px + env(safe-area-inset-bottom, 0px) + 16px)"},children:e.jsxs("div",{className:"w-full max-w-3xl mx-auto px-4 flex-1 flex flex-col min-h-0",children:[e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2 mb-4 rounded-xl bg-white/10 border border-white/10 shrink-0",onClick:m=>m.stopPropagation(),children:[e.jsx(X,{size:16,className:"text-shell-text-tertiary"}),e.jsx("input",{type:"text",value:r,onChange:m=>i(m.target.value),placeholder:"Search apps...",className:"flex-1 bg-transparent text-sm text-shell-text outline-none placeholder:text-shell-text-tertiary",autoFocus:!l}),r&&e.jsx("button",{onClick:()=>i(""),"aria-label":"Clear search",children:e.jsx(P,{size:14,className:"text-shell-text-tertiary"})})]}),e.jsx("div",{className:"flex-1 overflow-y-auto space-y-6 pr-1",children:Object.entries(d).map(([m,p])=>e.jsxs("div",{children:[e.jsx("h3",{className:"text-xs font-medium text-shell-text-tertiary uppercase tracking-wide mb-3 px-1",children:Fn[m]??m}),e.jsx("div",{className:"grid grid-cols-4 sm:grid-cols-5 md:grid-cols-6 gap-3",children:p.map(h=>e.jsx(Dn,{app:h,onClick:()=>f(h.id)},h.id))})]},m))})]})}):null}function De({open:t,onClose:s,onOpenApp:n}){const[r,i]=o.useState(""),a=o.useRef(null),u=o.useRef(t);u.current=t;const{openWindow:l}=_(),[g,d]=o.useState(0);I("Escape",()=>{u.current&&s()},"Close search","overlay"),o.useEffect(()=>{t&&(i(""),d(0),setTimeout(()=>{var j;return(j=a.current)==null?void 0:j.focus()},50))},[t]);const f=o.useMemo(()=>{const j=rt(),k=r.toLowerCase().trim();return j.filter(N=>!k||N.name.toLowerCase().includes(k)||N.category.includes(k)).slice(0,8).map(N=>({id:N.id,name:N.name,category:N.category,icon:N.icon,type:"app",action:()=>{const C=L(N.id);if(C){const A=l(N.id,C.defaultSize);n==null||n(A)}s()}}))},[r,l,s,n]),[m,p]=o.useState([]);o.useEffect(()=>{const j=r.trim();if(!j||j.length<2){p([]);return}const k=new AbortController,N=setTimeout(()=>{fetch(`/api/user-memory/search?q=${encodeURIComponent(j)}&limit=5`,{signal:k.signal}).then(C=>C.ok?C.json():{results:[]}).then(C=>{const A=Array.isArray(C==null?void 0:C.results)?C.results:[];p(A.map(E=>({id:`mem-${E.hash}`,name:E.title&&E.title.trim()||E.content.slice(0,60),category:E.collection,icon:"database",type:"memory",subtitle:E.content.slice(0,100),action:()=>{const v=L("memory");if(v){const W=l("memory",v.defaultSize);n==null||n(W)}s()}})))}).catch(()=>{})},300);return()=>{clearTimeout(N),k.abort()}},[r,l,s,n]);const[h,c]=o.useState([]);o.useEffect(()=>{const j=r.trim();if(!j||j.length<2){c([]);return}const k=new AbortController,N=setTimeout(()=>{fetch(`/api/memory/catalog/search?q=${encodeURIComponent(j)}&limit=3`,{signal:k.signal}).then(C=>C.ok?C.json():[]).then(C=>{Array.isArray(C)&&c(C.map(A=>({id:`catalog-${A.id}`,name:A.topic||"Session",category:A.category||"session",icon:"calendar-search",type:"memory",subtitle:`${A.date||""} ${A.start_str||""}-${A.end_str||""} ${A.description||""}`.trim().slice(0,100),action:()=>{const E=L("memory");if(E){const v=l("memory",E.defaultSize);n==null||n(v)}s()}})))}).catch(()=>{})},300);return()=>{clearTimeout(N),k.abort()}},[r,l,s,n]);const x=o.useMemo(()=>[...f,...m,...h],[f,m,h]);o.useEffect(()=>{d(0)},[x]);const y=j=>{j.key==="ArrowDown"?(j.preventDefault(),d(k=>Math.min(k+1,x.length-1))):j.key==="ArrowUp"?(j.preventDefault(),d(k=>Math.max(k-1,0))):j.key==="Enter"&&x[g]&&x[g].action()};if(!t)return null;const w=j=>{const k=j.split("-").map(C=>C.charAt(0).toUpperCase()+C.slice(1)).join(""),N=G[k]??H;return e.jsx(N,{size:18})},b={platform:"Platform",os:"Utility",streaming:"Streaming",game:"Game"};return e.jsx("div",{className:"fixed inset-0 z-[10003] flex justify-center items-start bg-black/30 backdrop-blur-sm px-4",onClick:s,style:{paddingTop:"calc(env(safe-area-inset-top, 0px) + 8px)"},children:e.jsxs("div",{className:"w-full max-w-[560px] max-h-[50vh] rounded-xl border border-shell-border-strong overflow-hidden flex flex-col",style:{backgroundColor:"rgba(26, 27, 46, 0.97)",boxShadow:"0 16px 64px rgba(0,0,0,0.5)"},onClick:j=>j.stopPropagation(),children:[e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-shell-border",children:[e.jsx(X,{size:15,className:"text-shell-text-tertiary shrink-0"}),e.jsx("input",{ref:a,type:"text",value:r,onChange:j=>i(j.target.value),onKeyDown:y,placeholder:"Search apps, settings, files...",className:"flex-1 bg-transparent text-sm text-shell-text outline-none placeholder:text-shell-text-tertiary",autoFocus:!0}),r&&e.jsx("button",{onClick:()=>i(""),"aria-label":"Clear",children:e.jsx(P,{size:13,className:"text-shell-text-tertiary"})})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto py-1",children:[x.length===0&&r&&e.jsxs("div",{className:"px-4 py-8 text-center text-sm text-shell-text-tertiary",children:['No results for "',r,'"']}),f.length>0&&e.jsx("div",{className:"px-4 pt-2 pb-1 text-[10px] uppercase tracking-wider text-shell-text-tertiary",role:"presentation",children:"Apps"}),f.map(j=>{const k=x.indexOf(j);return e.jsxs("button",{onClick:j.action,onMouseEnter:()=>d(k),className:`w-full flex items-center gap-2.5 px-3 py-1.5 text-left transition-colors ${k===g?"bg-accent/15":"hover:bg-white/5"}`,children:[e.jsx("div",{className:`w-7 h-7 rounded-md flex items-center justify-center ${k===g?"bg-accent/20 text-accent":"bg-shell-surface text-shell-text-secondary"}`,children:w(j.icon)}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx("div",{className:"text-xs text-shell-text truncate",children:j.name})}),e.jsx("span",{className:"text-[9px] text-shell-text-tertiary uppercase tracking-wider",children:b[j.category]??j.category})]},j.id)}),m.length>0&&e.jsx("div",{className:"px-4 pt-3 pb-1 text-[10px] uppercase tracking-wider text-shell-text-tertiary",role:"presentation",children:"Memory"}),m.map(j=>{const k=x.indexOf(j);return e.jsxs("button",{onClick:j.action,onMouseEnter:()=>d(k),className:`w-full flex items-start gap-3 px-4 py-2.5 text-left transition-colors ${k===g?"bg-accent/15":"hover:bg-white/5"}`,children:[e.jsx("div",{className:`w-8 h-8 rounded-lg flex items-center justify-center shrink-0 ${k===g?"bg-slate-500/20 text-slate-300":"bg-shell-surface text-shell-text-secondary"}`,children:w(j.icon)}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-sm text-shell-text truncate",children:j.name}),j.subtitle&&e.jsx("div",{className:"text-[11px] text-shell-text-tertiary truncate mt-0.5",children:j.subtitle})]}),e.jsx("span",{className:"text-[10px] text-shell-text-tertiary uppercase tracking-wider shrink-0",children:j.category})]},j.id)}),!r&&e.jsx("div",{className:"px-4 py-6 text-center text-xs text-shell-text-tertiary",children:"Type to search apps and memory, or press Escape to close"})]}),e.jsxs("div",{className:"flex items-center justify-between px-4 py-2 border-t border-shell-border text-[10px] text-shell-text-tertiary",children:[e.jsx("span",{children:"↑↓ Navigate"}),e.jsx("span",{children:"↵ Open"}),e.jsx("span",{children:"Esc Close"})]})]})})}function $n(){const t=_(c=>c.windows),s=_(c=>c.openWindow),n=_(c=>c.updatePosition),r=_(c=>c.updateSize),i=_(c=>c.maximizeWindow),a=_(c=>c.snapWindow),u=de(c=>c.pinned),l=M(c=>c.wallpaperId),g=R(c=>c.widgets),d=o.useRef(!1),f=o.useRef(null),m=o.useRef(null),p=o.useRef(null),h=o.useRef(null);o.useEffect(()=>{d.current||(d.current=!0,fetch("/api/desktop/windows").then(c=>c.json()).then(c=>{if(Array.isArray(c))for(const x of c){if(!L(x.appId))continue;const w=s(x.appId,{w:x.w,h:x.h});n(w,x.x,x.y),r(w,x.w,x.h),x.maximized&&i(w),x.snapped&&a(w,x.snapped)}}).catch(()=>{}),fetch("/api/desktop/dock").then(c=>c.json()).then(c=>{c.pinned&&Array.isArray(c.pinned)&&de.getState().reorder(c.pinned)}).catch(()=>{}),fetch("/api/desktop/settings").then(c=>c.json()).then(c=>{c.wallpaper&&c.wallpaper!=="default"&&M.getState().setWallpaper(c.wallpaper)}).catch(()=>{}),fetch("/api/desktop/widgets").then(c=>c.json()).then(c=>{const x=Array.isArray(c)?c:c.widgets??[];x.length>0&&R.setState({widgets:x})}).catch(()=>{}))},[s,n,r,i,a]),o.useEffect(()=>{if(d.current)return f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{const c=t.map(x=>({appId:x.appId,x:x.position.x,y:x.position.y,w:x.size.w,h:x.size.h,maximized:x.maximized,snapped:x.snapped}));fetch("/api/desktop/windows",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({positions:c})}).catch(()=>{})},2e3),()=>{f.current&&clearTimeout(f.current)}},[t]),o.useEffect(()=>{if(d.current)return m.current&&clearTimeout(m.current),m.current=setTimeout(()=>{fetch("/api/desktop/dock",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({pinned:u})}).catch(()=>{})},1e3),()=>{m.current&&clearTimeout(m.current)}},[u]),o.useEffect(()=>{if(d.current)return p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{fetch("/api/desktop/settings",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({wallpaper:l})}).catch(()=>{})},500),()=>{p.current&&clearTimeout(p.current)}},[l]),o.useEffect(()=>{if(d.current)return h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{fetch("/api/desktop/widgets",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({widgets:g})}).catch(()=>{})},1e3),()=>{h.current&&clearTimeout(h.current)}},[g])}function Fe(){const t=window.innerWidth,s=matchMedia("(pointer: coarse)").matches||navigator.maxTouchPoints>0;return t<768?"mobile":t<1024&&s?"tablet":"desktop"}function Hn(){const[t,s]=o.useState(Fe);return o.useEffect(()=>{const n=()=>s(Fe());return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]),t}const Un=["messages","agents","files","store","settings","models","providers","activity","cluster","memory","channels","secrets","tasks","import","images","library","reddit","youtube","github","x-monitor","agent-browsers","calculator","calendar","contacts"],Bn=["messages","agents","files","store"],Vn=[{items:[{type:"widget",widgetType:"greeting"},{type:"widget",widgetType:"weather"},{type:"widget",widgetType:"system-stats"},{type:"widget",widgetType:"agent-status"}]},{items:Un.map(t=>({type:"app",appId:t}))}],ie=q(t=>({dockApps:Bn,pages:Vn,activePageIndex:0,setActivePage(s){t({activePageIndex:s})},setDockApps(s){t({dockApps:s})},addPage(){t(s=>({pages:[...s.pages,{items:[]}]}))},removePage(s){t(n=>{const r=n.pages.filter((a,u)=>u!==s),i=Math.min(n.activePageIndex,Math.max(0,r.length-1));return{pages:r,activePageIndex:i}})},addItemToPage(s,n){t(r=>({pages:r.pages.map((i,a)=>a===s?{items:[...i.items,n]}:i)}))},removeItemFromPage(s,n){t(r=>({pages:r.pages.map((i,a)=>a===s?{items:i.items.filter((u,l)=>l!==n)}:i)}))}}));function Gn(t){const s=t.split("-").map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join("");return G[s]??H}function qn({onOpenApp:t,onToggleSwitcher:s,onOpenLaunchpad:n,activeAppId:r}){const i=ie(u=>u.dockApps),a=_(u=>u.windows);return e.jsxs("div",{role:"toolbar","aria-label":"Dock",className:"shrink-0",style:{display:"flex",alignItems:"center",justifyContent:"center",gap:8,paddingTop:6,paddingBottom:24},children:[e.jsx("button",{onClick:n,"aria-label":"All Apps",style:{width:44,height:44,borderRadius:12,background:"linear-gradient(135deg, rgba(60,65,78,0.85), rgba(35,38,48,0.9))",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",padding:0},children:e.jsx(be,{size:20,style:{color:"rgba(255,255,255,0.8)"}})}),i.map(u=>{const l=L(u);if(!l)return null;const g=Gn(l.icon),d=u===r,f=a.some(m=>m.appId===u);return e.jsxs("div",{style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center"},children:[e.jsx("button",{onClick:()=>t(u),"aria-label":`Open ${l.name}`,style:{width:44,height:44,borderRadius:12,background:"linear-gradient(135deg, rgba(60,65,78,0.85), rgba(35,38,48,0.9))",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",padding:0},children:e.jsx(g,{size:22,style:{color:"rgba(255,255,255,0.8)"}})}),d&&e.jsx("div",{style:{position:"absolute",bottom:-6,left:"50%",transform:"translateX(-50%)",width:4,height:4,borderRadius:"50%",background:"rgba(255,255,255,0.7)"}}),!d&&f&&e.jsx("div",{style:{position:"absolute",bottom:-6,left:"50%",transform:"translateX(-50%)",width:3,height:3,borderRadius:"50%",background:"rgba(255,255,255,0.3)"}})]},u)}),e.jsx("div",{style:{width:1,height:28,background:"rgba(255,255,255,0.15)",margin:"0 6px",flexShrink:0}}),e.jsx("button",{onClick:s,"aria-label":"App Switcher",style:{width:44,height:44,borderRadius:12,background:"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",padding:0},children:e.jsx(Qe,{size:20,style:{color:"rgba(255,255,255,0.7)"}})})]})}function Yn(t){const s=t.split("-").map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join("");return G[s]??H}function Jn({open:t,onClose:s,onSelectApp:n,onLaunchpad:r}){const i=_(p=>p.windows),a=_(p=>p.closeWindow),[u,l]=o.useState({}),g=o.useRef({}),d=o.useCallback((p,h)=>{g.current[p]=h,l(c=>({...c,[p]:0}))},[]),f=o.useCallback((p,h)=>{const c=g.current[p];if(c===void 0)return;const x=h-c;x<0&&l(y=>({...y,[p]:x}))},[]),m=o.useCallback(p=>{(u[p]??0)<-100?(l(c=>({...c,[p]:-999})),setTimeout(()=>{a(p),l(c=>{const x={...c};return delete x[p],x})},250)):l(c=>{const x={...c};return delete x[p],x}),delete g.current[p]},[u,a]);return t?e.jsxs("div",{className:"fixed inset-0 flex flex-col backdrop-blur-sm",style:{zIndex:9e3,backgroundColor:"rgba(0, 0, 0, 0.6)"},role:"dialog","aria-label":"App Switcher",onClick:s,children:[e.jsxs("div",{className:"flex items-center justify-between px-4 pt-4 pb-2",onClick:p=>p.stopPropagation(),children:[e.jsx("h2",{className:"text-white text-lg font-medium",children:"App Switcher"}),e.jsx("button",{onClick:s,className:"flex items-center justify-center w-8 h-8 rounded-full bg-white/10 active:bg-white/20 transition-colors","aria-label":"Close app switcher",children:e.jsx(P,{size:18,className:"text-white/80"})})]}),i.length===0?e.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center gap-4",children:[e.jsx("p",{className:"text-white/60 text-base",children:"No apps open"}),e.jsxs("button",{onClick:p=>{p.stopPropagation(),r(),s()},className:"flex items-center gap-2 px-4 py-2 rounded-lg bg-white/10 active:bg-white/20 text-white/80 transition-colors","aria-label":"Open Launchpad",children:[e.jsx(Ze,{size:18}),"Open Launchpad"]})]}):e.jsx("div",{className:"flex-1 flex items-center overflow-x-auto snap-x snap-mandatory",style:{scrollSnapType:"x mandatory",WebkitOverflowScrolling:"touch",paddingLeft:"calc(50vw - 35vw)",paddingRight:"calc(50vw - 35vw)",gap:"1rem"},onClick:p=>{p.target===p.currentTarget&&s()},children:i.map(p=>{const h=L(p.appId),c=h?Yn(h.icon):H,x=u[p.id]??0,y=x===-999;return e.jsxs("div",{className:"flex-shrink-0 snap-center relative flex flex-col items-center justify-center rounded-2xl bg-white/8 border border-white/10",style:{width:"70vw",aspectRatio:"9 / 16",transform:y?"translateY(-120vh)":x<0?`translateY(${x}px)`:void 0,transition:y?"transform 250ms ease-in":x===0?"transform 200ms ease-out":void 0,opacity:y?0:1},onTouchStart:w=>{var b;return d(p.id,((b=w.touches[0])==null?void 0:b.clientY)??0)},onTouchMove:w=>{var b;return f(p.id,((b=w.touches[0])==null?void 0:b.clientY)??0)},onTouchEnd:()=>m(p.id),onClick:w=>{w.stopPropagation(),n(p.id),s()},role:"button","aria-label":`Switch to ${(h==null?void 0:h.name)??"Unknown"}`,tabIndex:0,children:[e.jsx("button",{onClick:w=>{w.stopPropagation(),a(p.id)},className:"absolute top-3 right-3 flex items-center justify-center w-7 h-7 rounded-full bg-white/10 active:bg-white/20 transition-colors","aria-label":`Close ${(h==null?void 0:h.name)??"app"}`,children:e.jsx(P,{size:14,className:"text-white/70"})}),e.jsx(c,{size:40,className:"text-white/60 mb-3"}),e.jsx("span",{className:"text-white/80 text-sm font-medium",children:(h==null?void 0:h.name)??p.appId})]},p.id)})})]}):null}function Kn({onHome:t,onSearch:s}){const n=F(i=>i.notifications.filter(a=>!a.read).length),r=F(i=>i.toggleCentre);return e.jsx("div",{className:"shrink-0",style:{paddingTop:"env(safe-area-inset-top, 0px)"},children:e.jsxs("div",{className:"flex items-center px-2",style:{height:44},children:[e.jsx("button",{onClick:t,className:"px-2 py-1 active:opacity-60 transition-opacity","aria-label":"Go to home screen",children:e.jsx("span",{className:"text-[17px] font-semibold text-shell-text",children:"taOS"})}),e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsx(it,{compact:!0})}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{onClick:s,className:"relative flex items-center justify-center active:opacity-60 transition-opacity",style:{width:32,height:32,borderRadius:"50%",background:"rgba(255,255,255,0.08)",backdropFilter:"blur(10px)",WebkitBackdropFilter:"blur(10px)",border:"1px solid rgba(255,255,255,0.1)"},"aria-label":"Search",children:e.jsx(X,{size:15,className:"text-white/70"})}),e.jsxs("button",{onClick:r,className:"relative flex items-center justify-center active:opacity-60 transition-opacity",style:{width:32,height:32,borderRadius:"50%",background:"rgba(255,255,255,0.08)",backdropFilter:"blur(10px)",WebkitBackdropFilter:"blur(10px)",border:"1px solid rgba(255,255,255,0.1)"},"aria-label":`Notifications${n>0?` (${n} unread)`:""}`,children:[e.jsx(ae,{size:15,className:"text-white/70"}),n>0&&e.jsx("span",{className:"absolute bg-red-500 rounded-full",style:{width:6,height:6,top:5,right:5}})]})]})]})})}function Xn({appId:t,windowId:s,onClose:n,onMinimise:r}){const i=L(t),a=o.useMemo(()=>i?o.lazy(i.component):null,[i]);return!i||!a?null:e.jsxs("div",{className:"flex flex-col h-full w-full",children:[e.jsxs("div",{className:"flex items-center px-3 gap-2 shrink-0",style:{height:"32px",background:"rgba(30, 30, 60, 0.9)",borderBottom:"1px solid rgba(255,255,255,0.08)"},children:[e.jsx("button",{onClick:n,"aria-label":"Close",className:"flex items-center justify-center rounded-full shrink-0",style:{width:"18px",height:"18px",background:"rgba(255,80,80,0.3)",border:"1px solid rgba(255,80,80,0.3)"},children:e.jsx(P,{size:10,style:{color:"rgba(255,120,120,0.8)"}})}),e.jsx("button",{onClick:r,"aria-label":"Minimise",className:"flex items-center justify-center rounded-full shrink-0",style:{width:"18px",height:"18px",background:"rgba(255,200,50,0.2)",border:"1px solid rgba(255,200,50,0.3)"},children:e.jsx(Pt,{size:10,style:{color:"rgba(255,200,80,0.8)"}})}),e.jsx("div",{className:"flex-1 text-center text-xs font-medium",style:{color:"rgba(255,255,255,0.6)"},children:i.name}),e.jsx("div",{style:{width:"44px"}})]}),e.jsx("div",{className:"flex-1 overflow-hidden",style:{background:"rgba(15,15,35,0.95)"},children:e.jsx(o.Suspense,{fallback:e.jsx("div",{className:"flex items-center justify-center h-full text-white/30 text-sm",children:"Loading..."}),children:e.jsx(a,{windowId:s})})})]})}function Zn(t){return t>=5&&t<12?"Good morning.":t>=12&&t<17?"Good afternoon.":t>=17&&t<21?"Good evening.":"Good night."}function Qn(t){return t>=5&&t<12?"☀️":t>=12&&t<17?"🌤":t>=17&&t<21?"🌅":"🌙"}async function $e(){try{const[t,s]=await Promise.all([fetch("/api/agents"),fetch("/api/jobs")]);if(!t.ok||!s.ok)return null;const n=await t.json(),r=await s.json(),i=Array.isArray(n)?n.length:(n==null?void 0:n.count)??0,a=Array.isArray(r)?r.length:(r==null?void 0:r.count)??0;return{agentCount:i,taskCount:a}}catch{return null}}function es(){const[t,s]=o.useState(()=>new Date),[n,r]=o.useState(null),[i,{tier:a}]=Y();o.useEffect(()=>{const m=setInterval(()=>s(new Date),6e4);return()=>clearInterval(m)},[]),o.useEffect(()=>{$e().then(r);const m=setInterval(()=>$e().then(r),3e4);return()=>clearInterval(m)},[]);const u=t.getHours(),l=Zn(u),g=Qn(u),d=[];n!==null&&(n.agentCount>0&&d.push(`${n.agentCount} agent${n.agentCount!==1?"s":""} running`),n.taskCount>0&&d.push(`${n.taskCount} task${n.taskCount!==1?"s":""} queued`));const f=d.length>0?d.join(" · "):"All systems operational";return e.jsxs("div",{ref:i,style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",padding:a==="s"?"4px 8px":a==="m"?"12px 12px":"20px 16px",gap:a==="s"?4:8,textAlign:"center"},"aria-label":"Greeting widget",role:"region",children:[a!=="s"&&e.jsx("span",{style:{fontSize:a==="l"?36:28,lineHeight:1},"aria-hidden":"true",children:g}),e.jsx("span",{style:{fontSize:a==="s"?"1rem":a==="m"?"1.3rem":"1.7rem",fontWeight:600,color:"rgba(255,255,255,0.92)",lineHeight:1.2,letterSpacing:"-0.02em"},children:a==="s"?e.jsxs(e.Fragment,{children:[g," ",l]}):l}),a!=="s"&&e.jsx("span",{style:{fontSize:a==="l"?"0.78rem":"0.7rem",color:"rgba(255,255,255,0.4)",letterSpacing:"0.01em"},children:f})]})}const He={platform:"linear-gradient(135deg, rgba(100,80,200,0.4), rgba(60,50,140,0.6))",os:"linear-gradient(135deg, rgba(50,160,140,0.35), rgba(30,100,90,0.55))",game:"linear-gradient(135deg, rgba(200,120,50,0.35), rgba(140,70,30,0.55))"};function ts(t){const s=t.split("-").map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join("");return G[s]??H}const ge={borderRadius:"16px",background:"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.08)",backdropFilter:"blur(10px)",WebkitBackdropFilter:"blur(10px)",padding:"12px"},xe={weather:"weather","system-stats":"dashboard","agent-status":"agents",clock:"calendar"};function fe({children:t,style:s,onClick:n}){return e.jsx("div",{onClick:n,style:{...ge,...s,cursor:n?"pointer":void 0,transition:"background 150ms ease"},onMouseDown:n?r=>{r.currentTarget.style.background="rgba(255,255,255,0.1)"}:void 0,onMouseUp:n?r=>{r.currentTarget.style.background=ge.background}:void 0,onMouseLeave:n?r=>{r.currentTarget.style.background=ge.background}:void 0,children:t})}function re(t){switch(t){case"clock":return e.jsx(ot,{});case"system-stats":return e.jsx(ut,{});case"greeting":return e.jsx(es,{});case"agent-status":return e.jsx(lt,{});case"weather":return e.jsx(ht,{});case"quick-notes":return e.jsx(ct,{});default:return null}}function ns({page:t,onOpenApp:s}){const n=[];for(let r=0;r<t.items.length;r++){const i=t.items[r];if(i)if(i.type==="widget"){const a=n[n.length-1];(a==null?void 0:a.kind)==="widgets"?a.items.push({widgetType:i.widgetType,index:r}):n.push({kind:"widgets",items:[{widgetType:i.widgetType,index:r}]})}else{const a=n[n.length-1];(a==null?void 0:a.kind)==="apps"?a.items.push({appId:i.appId,index:r}):n.push({kind:"apps",items:[{appId:i.appId,index:r}]})}}return e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:n.map((r,i)=>{if(r.kind==="widgets"){const a=[];let u=!1;for(let l=0;l<r.items.length;l++){if(u){u=!1;continue}const g=r.items[l],d=r.items[l+1];if(!g)continue;if(g.widgetType==="greeting"){a.push(e.jsx("div",{children:re("greeting")},g.index));continue}const f=g.widgetType==="clock"||g.widgetType==="system-stats"||g.widgetType==="weather",m=d&&(d.widgetType==="clock"||d.widgetType==="system-stats"||d.widgetType==="weather");if(f&&m&&d){const p=xe[g.widgetType],h=xe[d.widgetType];a.push(e.jsxs("div",{style:{display:"flex",gap:"12px"},children:[e.jsx(fe,{style:{flex:1},onClick:p?()=>s(p):void 0,children:re(g.widgetType)}),e.jsx(fe,{style:{flex:1},onClick:h?()=>s(h):void 0,children:re(d.widgetType)})]},`pair-${g.index}`)),u=!0}else{const p=xe[g.widgetType];a.push(e.jsx(fe,{onClick:p?()=>s(p):void 0,children:re(g.widgetType)},g.index))}}return e.jsx(D.Fragment,{children:a},`wg-${i}`)}return e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:"12px",padding:"8px 4px"},children:r.items.map(({appId:a,index:u})=>{const l=L(a);if(!l)return null;const g=ts(l.icon),d=He[l.category]??He.platform;return e.jsxs("button",{onClick:()=>s(a),style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"6px",background:"none",border:"none",cursor:"pointer",padding:0},"aria-label":l.name,children:[e.jsx("div",{style:{width:60,height:60,borderRadius:16,background:d,display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(g,{size:26,color:"rgba(255,255,255,0.9)"})}),e.jsx("span",{style:{fontSize:11,color:"rgba(255,255,255,0.8)",textAlign:"center",lineHeight:1.2,maxWidth:64,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:l.name})]},u)})},`ag-${i}`)})})}function ss({onOpenApp:t}){const s=ie(g=>g.pages),n=ie(g=>g.activePageIndex),r=ie(g=>g.setActivePage),i=D.useRef(null),a=s[n]??s[0],u=D.useCallback(g=>{var d;i.current=((d=g.touches[0])==null?void 0:d.clientX)??null},[]),l=D.useCallback(g=>{var f;if(i.current===null)return;const d=(((f=g.changedTouches[0])==null?void 0:f.clientX)??0)-i.current;i.current=null,!(Math.abs(d)<50)&&(d<0&&n<s.length-1?r(n+1):d>0&&n>0&&r(n-1))},[n,s.length,r]);return e.jsxs("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[e.jsx("div",{style:{flex:1,overflowY:"auto",padding:"12px 16px 0"},onTouchStart:u,onTouchEnd:l,children:a&&e.jsx(ns,{page:a,onOpenApp:t})}),e.jsx("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:10,padding:"12px 0",flexShrink:0},role:"tablist","aria-label":"Home screen pages",children:s.map((g,d)=>{const f=d===n;return e.jsx("button",{role:"tab","aria-selected":f,"aria-label":`Page ${d+1}`,onClick:()=>!f&&r(d),style:{width:f?36:12,height:12,borderRadius:f?6:"50%",background:f?"rgba(255,255,255,0.7)":"rgba(255,255,255,0.2)",border:"none",padding:0,cursor:f?"default":"pointer",transition:"width 0.2s ease, background 0.2s ease"}},d)})})]})}function Ue({onDone:t,invitedUsername:s,inviteCode:n,defaultAutoLogin:r}){const i=!!(s&&n),[a,u]=o.useState(s??""),[l,g]=o.useState(""),[d,f]=o.useState(""),[m,p]=o.useState(""),[h,c]=o.useState(""),[x,y]=o.useState(r??!i),[w,b]=o.useState(""),[j,k]=o.useState(!1),N=m.length>=4,C=m.length>0&&m===h,A=a.trim().length>0&&l.trim().length>0&&N&&C;async function E(v){if(v.preventDefault(),!!A){k(!0),b("");try{const W=i?"/auth/complete":"/auth/setup",T={username:a.trim(),full_name:l.trim(),email:d.trim(),password:m,auto_login:x};i&&(T.invite_code=n);const O=await fetch(W,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify(T)});if(!O.ok){const $=await O.json().catch(()=>({}));b(($==null?void 0:$.error)??`Setup failed (${O.status})`),k(!1);return}t()}catch{b("Network error — please try again"),k(!1)}}}return e.jsx("div",{className:"h-screen w-screen flex items-center justify-center overflow-y-auto",style:{background:"linear-gradient(160deg, #1a1b2e 0%, #1e2140 40%, #252848 100%)",paddingTop:"calc(env(safe-area-inset-top, 0px) + 16px)",paddingBottom:"calc(env(safe-area-inset-bottom, 0px) + 16px)",paddingLeft:"calc(env(safe-area-inset-left, 0px) + 16px)",paddingRight:"calc(env(safe-area-inset-right, 0px) + 16px)"},children:e.jsxs("form",{onSubmit:E,className:"w-full max-w-md p-6 rounded-2xl border border-white/10",style:{backgroundColor:"rgba(255,255,255,0.04)",backdropFilter:"blur(20px)"},"aria-label":i?"Complete your account":"Welcome to taOS",children:[e.jsxs("div",{className:"flex flex-col items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-14 h-14 rounded-2xl flex items-center justify-center",style:{background:"linear-gradient(135deg, #8b92a3, #5b6170)"},children:e.jsx(Ot,{size:24,className:"text-white"})}),e.jsx("h1",{className:"text-lg font-semibold text-shell-text",children:i?"Complete your account":"Welcome to taOS"}),e.jsx("p",{className:"text-xs text-shell-text-secondary text-center",children:i?"Set a password and fill in your details to activate your account.":"Set up your account. You can change any of these later in Settings."})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(J,{label:"Username",id:"onb-username",required:!0,children:i?e.jsx("div",{id:"onb-username",className:"onb-input opacity-60 cursor-not-allowed","aria-readonly":"true",role:"textbox",children:a}):e.jsx("input",{id:"onb-username",type:"text",value:a,onChange:v=>u(v.target.value.replace(/\s+/g,"").toLowerCase()),autoComplete:"username",autoFocus:!0,placeholder:"jay",className:"onb-input"})}),e.jsx(J,{label:"Full name",id:"onb-fullname",required:!0,children:e.jsx("input",{id:"onb-fullname",type:"text",value:l,onChange:v=>g(v.target.value),autoComplete:"name",autoFocus:i,placeholder:"Jay Doe",className:"onb-input"})}),e.jsx(J,{label:"Email",id:"onb-email",hint:"Used for cloud services later. Optional today.",children:e.jsx("input",{id:"onb-email",type:"email",value:d,onChange:v=>f(v.target.value),autoComplete:"email",placeholder:"you@example.com",className:"onb-input"})}),e.jsx(J,{label:"Password",id:"onb-password",required:!0,hint:"At least 4 characters.",children:e.jsx("input",{id:"onb-password",type:"password",value:m,onChange:v=>p(v.target.value),autoComplete:"new-password",className:"onb-input"})}),e.jsxs(J,{label:"Confirm password",id:"onb-confirm",required:!0,children:[e.jsx("input",{id:"onb-confirm",type:"password",value:h,onChange:v=>c(v.target.value),autoComplete:"new-password",className:"onb-input","aria-invalid":h.length>0&&!C}),h.length>0&&!C&&e.jsx("p",{className:"text-[11px] text-red-400 mt-1",children:"Passwords don't match."})]}),e.jsxs("label",{htmlFor:"onb-autologin",className:"flex items-start gap-3 mt-1 cursor-pointer select-none",children:[e.jsx("input",{id:"onb-autologin",type:"checkbox",checked:x,onChange:v=>y(v.target.checked),className:"mt-0.5 w-4 h-4 accent-accent cursor-pointer"}),e.jsxs("span",{className:"text-xs text-shell-text-secondary leading-snug",children:["Stay signed in on this device",e.jsx("span",{className:"block text-[10px] text-shell-text-tertiary mt-0.5",children:"Skips the login screen for a year. Turn off if this is a shared device."})]})]})]}),w&&e.jsx("p",{className:"text-xs text-red-400 mt-3 text-center",role:"alert",children:w}),e.jsx("button",{type:"submit",disabled:!A||j,className:"w-full mt-5 px-4 py-2.5 rounded-lg bg-accent text-white text-sm font-medium hover:brightness-110 disabled:opacity-40 disabled:cursor-not-allowed transition-all",children:j?i?"Activating...":"Setting up...":i?"Activate account":"Get started"}),e.jsx("style",{children:`
           .onb-input {
             width: 100%;
             padding: 10px 14px;
diff --git a/static/desktop/assets/tokens-BrwHLUZg.css b/static/desktop/assets/tokens-BrwHLUZg.css
deleted file mode 100644
index 7489c957..00000000
--- a/static/desktop/assets/tokens-BrwHLUZg.css
+++ /dev/null
@@ -1 +0,0 @@
-/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-950:oklch(28.6% .066 53.813);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-gray-900:oklch(21% .034 264.665);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-shell-bg:#1a1b2e;--color-shell-bg-deep:#151625;--color-shell-surface:#ffffff0a;--color-shell-surface-hover:#ffffff0f;--color-shell-surface-active:#ffffff14;--color-shell-border:#ffffff0f;--color-shell-border-strong:#ffffff1a;--color-shell-text:#ffffffd9;--color-shell-text-secondary:#ffffff80;--color-shell-text-tertiary:#ffffff4d;--color-traffic-close:#ff5f57;--color-traffic-minimize:#febc2e;--color-traffic-maximize:#28c840;--color-accent:#8b92a3;--color-dock-bg:#161920eb;--color-dock-border:#ffffff14;--color-topbar-bg:#161920eb;--color-snap-preview:#8b92a326;--color-snap-border:#8b92a366;--spacing-topbar-h:32px;--spacing-dock-h:64px;--spacing-dock-padding:8px;--spacing-window-radius:10px;--shadow-window:0 8px 32px #0006;--shadow-window-unfocused:0 4px 16px #0003;--shadow-dock:0 4px 24px #0000004d}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-10{top:calc(var(--spacing) * 10)}.top-12{top:calc(var(--spacing) * 12)}.top-full{top:100%}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:calc(var(--spacing) * 0)}.right-0\.5{right:calc(var(--spacing) * .5)}.right-1{right:calc(var(--spacing) * 1)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-6{bottom:calc(var(--spacing) * -6)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-60,.z-\[60\]{z-index:60}.z-\[9000\]{z-index:9000}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.z-\[10001\]{z-index:10001}.z-\[10002\]{z-index:10002}.z-\[10003\]{z-index:10003}.z-\[10100\]{z-index:10100}.col-span-12{grid-column:span 12/span 12}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-\[18px\]{height:18px}.h-\[85vh\]{height:85vh}.h-\[540px\]{height:540px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[50vh\]{max-height:50vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92\%\]{max-height:92%}.max-h-\[120px\]{max-height:120px}.max-h-\[280px\]{max-height:280px}.max-h-\[320px\]{max-height:320px}.max-h-\[400px\]{max-height:400px}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[2\.25rem\]{min-height:2.25rem}.min-h-\[60px\]{min-height:60px}.min-h-\[100px\]{min-height:100px}.min-h-\[320px\]{min-height:320px}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[90vw\]{width:90vw}.w-\[320px\]{width:320px}.w-\[360px\]{width:360px}.w-\[480px\]{width:480px}.w-\[720px\]{width:720px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[8rem\]{max-width:8rem}.max-w-\[90vw\]{max-width:90vw}.max-w-\[100px\]{max-width:100px}.max-w-\[140px\]{max-width:140px}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[380px\]{max-width:380px}.max-w-\[500px\]{max-width:500px}.max-w-\[560px\]{max-width:560px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[18px\]{min-width:18px}.min-w-\[60px\]{min-width:60px}.min-w-\[100px\]{min-width:100px}.min-w-\[130px\]{min-width:130px}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[360px\]{min-width:360px}.min-w-\[500px\]{min-width:500px}.min-w-\[520px\]{min-width:520px}.min-w-\[720px\]{min-width:720px}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.15\]{scale:1.15}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-\[120px_1fr\]{grid-template-columns:120px 1fr}.grid-cols-\[auto_1fr_140px_160px_120px\]{grid-template-columns:auto 1fr 140px 160px 120px}.grid-cols-\[repeat\(auto-fill\,minmax\(140px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(250px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-px{gap:1px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-white\/5>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.divide-white\/5>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}:where(.divide-white\/\[0\.04\]>:not(:last-child)){border-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){:where(.divide-white\/\[0\.04\]>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[var\(--spacing-window-radius\)\]{border-radius:var(--spacing-window-radius)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#0f0f1e\]{border-color:#0f0f1e}.border-accent{border-color:var(--color-accent)}.border-accent\/20{border-color:#8b92a333}@supports (color:color-mix(in lab,red,red)){.border-accent\/20{border-color:color-mix(in oklab,var(--color-accent) 20%,transparent)}}.border-accent\/30{border-color:#8b92a34d}@supports (color:color-mix(in lab,red,red)){.border-accent\/30{border-color:color-mix(in oklab,var(--color-accent) 30%,transparent)}}.border-accent\/40{border-color:#8b92a366}@supports (color:color-mix(in lab,red,red)){.border-accent\/40{border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}}.border-accent\/50{border-color:#8b92a380}@supports (color:color-mix(in lab,red,red)){.border-accent\/50{border-color:color-mix(in oklab,var(--color-accent) 50%,transparent)}}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/20{border-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.border-amber-500\/25{border-color:#f99c0040}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/25{border-color:color-mix(in oklab,var(--color-amber-500) 25%,transparent)}}.border-amber-500\/30{border-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/30{border-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent)}}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/20{border-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/30{border-color:color-mix(in oklab,var(--color-blue-500) 30%,transparent)}}.border-emerald-500\/20{border-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/20{border-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.border-emerald-500\/25{border-color:#00bb7f40}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/25{border-color:color-mix(in oklab,var(--color-emerald-500) 25%,transparent)}}.border-green-500\/20{border-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.border-green-500\/20{border-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}.border-green-500\/30{border-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500) 30%,transparent)}}.border-green-600{border-color:var(--color-green-600)}.border-orange-500\/30{border-color:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.border-orange-500\/30{border-color:color-mix(in oklab,var(--color-orange-500) 30%,transparent)}}.border-pink-500\/20{border-color:#f6339a33}@supports (color:color-mix(in lab,red,red)){.border-pink-500\/20{border-color:color-mix(in oklab,var(--color-pink-500) 20%,transparent)}}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.border-red-500\/20{border-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.border-red-500\/25{border-color:#fb2c3640}@supports (color:color-mix(in lab,red,red)){.border-red-500\/25{border-color:color-mix(in oklab,var(--color-red-500) 25%,transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.border-red-500\/40{border-color:#fb2c3666}@supports (color:color-mix(in lab,red,red)){.border-red-500\/40{border-color:color-mix(in oklab,var(--color-red-500) 40%,transparent)}}.border-red-500\/50{border-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.border-red-500\/50{border-color:color-mix(in oklab,var(--color-red-500) 50%,transparent)}}.border-red-800{border-color:var(--color-red-800)}.border-shell-border{border-color:var(--color-shell-border)}.border-shell-border-strong{border-color:var(--color-shell-border-strong)}.border-shell-border\/50{border-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.border-shell-border\/50{border-color:color-mix(in oklab,var(--color-shell-border) 50%,transparent)}}.border-shell-surface-active{border-color:var(--color-shell-surface-active)}.border-sky-400{border-color:var(--color-sky-400)}.border-slate-500\/30{border-color:#62748e4d}@supports (color:color-mix(in lab,red,red)){.border-slate-500\/30{border-color:color-mix(in oklab,var(--color-slate-500) 30%,transparent)}}.border-transparent{border-color:#0000}.border-violet-500\/40{border-color:#8d54ff66}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/40{border-color:color-mix(in oklab,var(--color-violet-500) 40%,transparent)}}.border-white{border-color:var(--color-white)}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.border-white\/8{border-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-white\/\[0\.04\]{border-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.border-white\/\[0\.04\]{border-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.border-white\/\[0\.06\]{border-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.border-white\/\[0\.06\]{border-color:color-mix(in oklab,var(--color-white) 6%,transparent)}}.border-white\/\[0\.08\]{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.border-white\/\[0\.08\]{border-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.border-yellow-500{border-color:var(--color-yellow-500)}.border-yellow-800{border-color:var(--color-yellow-800)}.border-zinc-500\/20{border-color:#71717b33}@supports (color:color-mix(in lab,red,red)){.border-zinc-500\/20{border-color:color-mix(in oklab,var(--color-zinc-500) 20%,transparent)}}.border-t-transparent{border-top-color:#0000}.bg-\[\#1a1a2e\]{background-color:#1a1a2e}.bg-\[\#12122a\]{background-color:#12122a}.bg-accent{background-color:var(--color-accent)}.bg-accent\/5{background-color:#8b92a30d}@supports (color:color-mix(in lab,red,red)){.bg-accent\/5{background-color:color-mix(in oklab,var(--color-accent) 5%,transparent)}}.bg-accent\/10{background-color:#8b92a31a}@supports (color:color-mix(in lab,red,red)){.bg-accent\/10{background-color:color-mix(in oklab,var(--color-accent) 10%,transparent)}}.bg-accent\/15{background-color:#8b92a326}@supports (color:color-mix(in lab,red,red)){.bg-accent\/15{background-color:color-mix(in oklab,var(--color-accent) 15%,transparent)}}.bg-accent\/20{background-color:#8b92a333}@supports (color:color-mix(in lab,red,red)){.bg-accent\/20{background-color:color-mix(in oklab,var(--color-accent) 20%,transparent)}}.bg-accent\/90{background-color:#8b92a3e6}@supports (color:color-mix(in lab,red,red)){.bg-accent\/90{background-color:color-mix(in oklab,var(--color-accent) 90%,transparent)}}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/15{background-color:color-mix(in oklab,var(--color-amber-500) 15%,transparent)}}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/20{background-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500) 10%,transparent)}}.bg-blue-500\/15{background-color:#3080ff26}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/15{background-color:color-mix(in oklab,var(--color-blue-500) 15%,transparent)}}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/20{background-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}.bg-blue-500\/\[0\.04\]{background-color:#3080ff0a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-blue-500) 4%,transparent)}}.bg-blue-500\/\[0\.07\]{background-color:#3080ff12}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/\[0\.07\]{background-color:color-mix(in oklab,var(--color-blue-500) 7%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/40{background-color:#155dfc66}@supports (color:color-mix(in lab,red,red)){.bg-blue-600\/40{background-color:color-mix(in oklab,var(--color-blue-600) 40%,transparent)}}.bg-blue-950\/30{background-color:#1624564d}@supports (color:color-mix(in lab,red,red)){.bg-blue-950\/30{background-color:color-mix(in oklab,var(--color-blue-950) 30%,transparent)}}.bg-cyan-500\/15{background-color:#00b7d726}@supports (color:color-mix(in lab,red,red)){.bg-cyan-500\/15{background-color:color-mix(in oklab,var(--color-cyan-500) 15%,transparent)}}.bg-cyan-500\/20{background-color:#00b7d733}@supports (color:color-mix(in lab,red,red)){.bg-cyan-500\/20{background-color:color-mix(in oklab,var(--color-cyan-500) 20%,transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/15{background-color:color-mix(in oklab,var(--color-emerald-500) 15%,transparent)}}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/20{background-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.bg-emerald-500\/30{background-color:#00bb7f4d}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/30{background-color:color-mix(in oklab,var(--color-emerald-500) 30%,transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500) 10%,transparent)}}.bg-green-500\/15{background-color:#00c75826}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/15{background-color:color-mix(in oklab,var(--color-green-500) 15%,transparent)}}.bg-green-500\/20{background-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/20{background-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/20{background-color:color-mix(in oklab,var(--color-indigo-500) 20%,transparent)}}.bg-orange-500\/20{background-color:#fe6e0033}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/20{background-color:color-mix(in oklab,var(--color-orange-500) 20%,transparent)}}.bg-pink-500\/15{background-color:#f6339a26}@supports (color:color-mix(in lab,red,red)){.bg-pink-500\/15{background-color:color-mix(in oklab,var(--color-pink-500) 15%,transparent)}}.bg-pink-500\/20{background-color:#f6339a33}@supports (color:color-mix(in lab,red,red)){.bg-pink-500\/20{background-color:color-mix(in oklab,var(--color-pink-500) 20%,transparent)}}.bg-pink-500\/\[0\.06\]{background-color:#f6339a0f}@supports (color:color-mix(in lab,red,red)){.bg-pink-500\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-pink-500) 6%,transparent)}}.bg-red-400{background-color:var(--color-red-400)}.bg-red-400\/60{background-color:#ff656899}@supports (color:color-mix(in lab,red,red)){.bg-red-400\/60{background-color:color-mix(in oklab,var(--color-red-400) 60%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/5{background-color:#fb2c360d}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/5{background-color:color-mix(in oklab,var(--color-red-500) 5%,transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.bg-red-500\/15{background-color:#fb2c3626}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/15{background-color:color-mix(in oklab,var(--color-red-500) 15%,transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-900\/40{background-color:#82181a66}@supports (color:color-mix(in lab,red,red)){.bg-red-900\/40{background-color:color-mix(in oklab,var(--color-red-900) 40%,transparent)}}.bg-red-950\/40{background-color:#46080966}@supports (color:color-mix(in lab,red,red)){.bg-red-950\/40{background-color:color-mix(in oklab,var(--color-red-950) 40%,transparent)}}.bg-shell-bg{background-color:var(--color-shell-bg)}.bg-shell-bg-deep{background-color:var(--color-shell-bg-deep)}.bg-shell-bg\/80{background-color:#1a1b2ecc}@supports (color:color-mix(in lab,red,red)){.bg-shell-bg\/80{background-color:color-mix(in oklab,var(--color-shell-bg) 80%,transparent)}}.bg-shell-border{background-color:var(--color-shell-border)}.bg-shell-surface{background-color:var(--color-shell-surface)}.bg-shell-surface-active{background-color:var(--color-shell-surface-active)}.bg-shell-surface-hover{background-color:var(--color-shell-surface-hover)}.bg-shell-surface\/30{background-color:#ffffff03}@supports (color:color-mix(in lab,red,red)){.bg-shell-surface\/30{background-color:color-mix(in oklab,var(--color-shell-surface) 30%,transparent)}}.bg-shell-surface\/40{background-color:#ffffff04}@supports (color:color-mix(in lab,red,red)){.bg-shell-surface\/40{background-color:color-mix(in oklab,var(--color-shell-surface) 40%,transparent)}}.bg-shell-surface\/50{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.bg-shell-surface\/50{background-color:color-mix(in oklab,var(--color-shell-surface) 50%,transparent)}}.bg-shell-text-tertiary{background-color:var(--color-shell-text-tertiary)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-sky-500\/10{background-color:#00a5ef1a}@supports (color:color-mix(in lab,red,red)){.bg-sky-500\/10{background-color:color-mix(in oklab,var(--color-sky-500) 10%,transparent)}}.bg-sky-500\/15{background-color:#00a5ef26}@supports (color:color-mix(in lab,red,red)){.bg-sky-500\/15{background-color:color-mix(in oklab,var(--color-sky-500) 15%,transparent)}}.bg-sky-500\/20{background-color:#00a5ef33}@supports (color:color-mix(in lab,red,red)){.bg-sky-500\/20{background-color:color-mix(in oklab,var(--color-sky-500) 20%,transparent)}}.bg-sky-500\/30{background-color:#00a5ef4d}@supports (color:color-mix(in lab,red,red)){.bg-sky-500\/30{background-color:color-mix(in oklab,var(--color-sky-500) 30%,transparent)}}.bg-slate-500\/15{background-color:#62748e26}@supports (color:color-mix(in lab,red,red)){.bg-slate-500\/15{background-color:color-mix(in oklab,var(--color-slate-500) 15%,transparent)}}.bg-slate-500\/20{background-color:#62748e33}@supports (color:color-mix(in lab,red,red)){.bg-slate-500\/20{background-color:color-mix(in oklab,var(--color-slate-500) 20%,transparent)}}.bg-teal-500\/15{background-color:#00baa726}@supports (color:color-mix(in lab,red,red)){.bg-teal-500\/15{background-color:color-mix(in oklab,var(--color-teal-500) 15%,transparent)}}.bg-teal-500\/20{background-color:#00baa733}@supports (color:color-mix(in lab,red,red)){.bg-teal-500\/20{background-color:color-mix(in oklab,var(--color-teal-500) 20%,transparent)}}.bg-traffic-close{background-color:var(--color-traffic-close)}.bg-traffic-maximize{background-color:var(--color-traffic-maximize)}.bg-traffic-minimize{background-color:var(--color-traffic-minimize)}.bg-transparent{background-color:#0000}.bg-violet-500\/10{background-color:#8d54ff1a}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/10{background-color:color-mix(in oklab,var(--color-violet-500) 10%,transparent)}}.bg-violet-500\/15{background-color:#8d54ff26}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/15{background-color:color-mix(in oklab,var(--color-violet-500) 15%,transparent)}}.bg-violet-500\/20{background-color:#8d54ff33}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/20{background-color:color-mix(in oklab,var(--color-violet-500) 20%,transparent)}}.bg-violet-500\/25{background-color:#8d54ff40}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/25{background-color:color-mix(in oklab,var(--color-violet-500) 25%,transparent)}}.bg-violet-600{background-color:var(--color-violet-600)}.bg-white{background-color:var(--color-white)}.bg-white\/3{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.bg-white\/3{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.bg-white\/8{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/\[0\.01\]{background-color:#ffffff03}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.01\]{background-color:color-mix(in oklab,var(--color-white) 1%,transparent)}}.bg-white\/\[0\.1\]{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.1\]{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/\[0\.02\]{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.02\]{background-color:color-mix(in oklab,var(--color-white) 2%,transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.bg-white\/\[0\.05\]{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.05\]{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/\[0\.06\]{background-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-white) 6%,transparent)}}.bg-white\/\[0\.07\]{background-color:#ffffff12}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.07\]{background-color:color-mix(in oklab,var(--color-white) 7%,transparent)}}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-700\/30{background-color:#a361004d}@supports (color:color-mix(in lab,red,red)){.bg-yellow-700\/30{background-color:color-mix(in oklab,var(--color-yellow-700) 30%,transparent)}}.bg-yellow-950\/30{background-color:#4320044d}@supports (color:color-mix(in lab,red,red)){.bg-yellow-950\/30{background-color:color-mix(in oklab,var(--color-yellow-950) 30%,transparent)}}.bg-zinc-500{background-color:var(--color-zinc-500)}.bg-zinc-500\/10{background-color:#71717b1a}@supports (color:color-mix(in lab,red,red)){.bg-zinc-500\/10{background-color:color-mix(in oklab,var(--color-zinc-500) 10%,transparent)}}.bg-zinc-500\/20{background-color:#71717b33}@supports (color:color-mix(in lab,red,red)){.bg-zinc-500\/20{background-color:color-mix(in oklab,var(--color-zinc-500) 20%,transparent)}}.bg-zinc-600{background-color:var(--color-zinc-600)}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-900{background-color:var(--color-zinc-900)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent{color:var(--color-accent)}.text-accent\/50{color:#8b92a380}@supports (color:color-mix(in lab,red,red)){.text-accent\/50{color:color-mix(in oklab,var(--color-accent) 50%,transparent)}}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-amber-300\/50{color:#ffd23680}@supports (color:color-mix(in lab,red,red)){.text-amber-300\/50{color:color-mix(in oklab,var(--color-amber-300) 50%,transparent)}}.text-amber-300\/90{color:#ffd236e6}@supports (color:color-mix(in lab,red,red)){.text-amber-300\/90{color:color-mix(in oklab,var(--color-amber-300) 90%,transparent)}}.text-amber-400{color:var(--color-amber-400)}.text-amber-400\/80{color:#fcbb00cc}@supports (color:color-mix(in lab,red,red)){.text-amber-400\/80{color:color-mix(in oklab,var(--color-amber-400) 80%,transparent)}}.text-amber-500{color:var(--color-amber-500)}.text-blue-200{color:var(--color-blue-200)}.text-blue-300{color:var(--color-blue-300)}.text-blue-300\/90{color:#90c5ffe6}@supports (color:color-mix(in lab,red,red)){.text-blue-300\/90{color:color-mix(in oklab,var(--color-blue-300) 90%,transparent)}}.text-blue-400{color:var(--color-blue-400)}.text-blue-400\/80{color:#54a2ffcc}@supports (color:color-mix(in lab,red,red)){.text-blue-400\/80{color:color-mix(in oklab,var(--color-blue-400) 80%,transparent)}}.text-cyan-200{color:var(--color-cyan-200)}.text-cyan-400{color:var(--color-cyan-400)}.text-emerald-200{color:var(--color-emerald-200)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-400\/80{color:#00d294cc}@supports (color:color-mix(in lab,red,red)){.text-emerald-400\/80{color:color-mix(in oklab,var(--color-emerald-400) 80%,transparent)}}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-green-400\/70{color:#05df72b3}@supports (color:color-mix(in lab,red,red)){.text-green-400\/70{color:color-mix(in oklab,var(--color-green-400) 70%,transparent)}}.text-indigo-400{color:var(--color-indigo-400)}.text-orange-400{color:var(--color-orange-400)}.text-pink-200{color:var(--color-pink-200)}.text-pink-400{color:var(--color-pink-400)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-400\/70{color:#ff6568b3}@supports (color:color-mix(in lab,red,red)){.text-red-400\/70{color:color-mix(in oklab,var(--color-red-400) 70%,transparent)}}.text-red-400\/80{color:#ff6568cc}@supports (color:color-mix(in lab,red,red)){.text-red-400\/80{color:color-mix(in oklab,var(--color-red-400) 80%,transparent)}}.text-red-500{color:var(--color-red-500)}.text-shell-text{color:var(--color-shell-text)}.text-shell-text-secondary{color:var(--color-shell-text-secondary)}.text-shell-text-tertiary{color:var(--color-shell-text-tertiary)}.text-shell-text\/60{color:#ffffff82}@supports (color:color-mix(in lab,red,red)){.text-shell-text\/60{color:color-mix(in oklab,var(--color-shell-text) 60%,transparent)}}.text-sky-200{color:var(--color-sky-200)}.text-sky-300{color:var(--color-sky-300)}.text-sky-400{color:var(--color-sky-400)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-teal-200{color:var(--color-teal-200)}.text-teal-300{color:var(--color-teal-300)}.text-teal-400{color:var(--color-teal-400)}.text-violet-200{color:var(--color-violet-200)}.text-violet-300{color:var(--color-violet-300)}.text-violet-400{color:var(--color-violet-400)}.text-white{color:var(--color-white)}.text-white\/15{color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.text-white\/15{color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.text-white\/20{color:#fff3}@supports (color:color-mix(in lab,red,red)){.text-white\/20{color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.text-white\/25{color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.text-white\/25{color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.text-white\/30{color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.text-white\/35{color:#ffffff59}@supports (color:color-mix(in lab,red,red)){.text-white\/35{color:color-mix(in oklab,var(--color-white) 35%,transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab,red,red)){.text-white\/45{color:color-mix(in oklab,var(--color-white) 45%,transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.text-yellow-200{color:var(--color-yellow-200)}.text-yellow-400\/70{color:#fac800b3}@supports (color:color-mix(in lab,red,red)){.text-yellow-400\/70{color:color-mix(in oklab,var(--color-yellow-400) 70%,transparent)}}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-accent{accent-color:var(--color-accent)}.accent-blue-500{accent-color:var(--color-blue-500)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-window\)\]{--tw-shadow:var(--shadow-window);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-window-unfocused\)\]{--tw-shadow:var(--shadow-window-unfocused);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-accent{--tw-ring-color:var(--color-accent)}.ring-accent\/30{--tw-ring-color:#8b92a34d}@supports (color:color-mix(in lab,red,red)){.ring-accent\/30{--tw-ring-color:color-mix(in oklab, var(--color-accent) 30%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-\[600ms\]{--tw-duration:.6s;transition-duration:.6s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[animation-delay\:0ms\]{animation-delay:0s}.\[animation-delay\:150ms\]{animation-delay:.15s}.\[animation-delay\:300ms\]{animation-delay:.3s}.ring-inset{--tw-ring-inset:inset}@media(hover:hover){.group-hover\:flex:is(:where(.group):hover *){display:flex}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/traffic\:opacity-100:is(:where(.group\/traffic):hover *){opacity:1}}.placeholder\:text-shell-text-tertiary::placeholder{color:var(--color-shell-text-tertiary)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.focus-within\:opacity-100:focus-within{opacity:1}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[\#8b92a3\]\/60:hover{border-color:#8b92a399}.hover\:border-accent\/30:hover{border-color:#8b92a34d}@supports (color:color-mix(in lab,red,red)){.hover\:border-accent\/30:hover{border-color:color-mix(in oklab,var(--color-accent) 30%,transparent)}}.hover\:border-accent\/40:hover{border-color:#8b92a366}@supports (color:color-mix(in lab,red,red)){.hover\:border-accent\/40:hover{border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}}.hover\:border-red-500\/40:hover{border-color:#fb2c3666}@supports (color:color-mix(in lab,red,red)){.hover\:border-red-500\/40:hover{border-color:color-mix(in oklab,var(--color-red-500) 40%,transparent)}}.hover\:border-shell-border-strong:hover{border-color:var(--color-shell-border-strong)}.hover\:border-white\/15:hover{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/15:hover{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:border-white\/\[0\.06\]:hover{border-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/\[0\.06\]:hover{border-color:color-mix(in oklab,var(--color-white) 6%,transparent)}}.hover\:border-white\/\[0\.12\]:hover{border-color:#ffffff1f}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/\[0\.12\]:hover{border-color:color-mix(in oklab,var(--color-white) 12%,transparent)}}.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-accent\/20:hover{background-color:#8b92a333}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/20:hover{background-color:color-mix(in oklab,var(--color-accent) 20%,transparent)}}.hover\:bg-accent\/25:hover{background-color:#8b92a340}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/25:hover{background-color:color-mix(in oklab,var(--color-accent) 25%,transparent)}}.hover\:bg-accent\/90:hover{background-color:#8b92a3e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/90:hover{background-color:color-mix(in oklab,var(--color-accent) 90%,transparent)}}.hover\:bg-amber-500\/10:hover{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-500\/10:hover{background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\:bg-emerald-500\/10:hover{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-emerald-500\/10:hover{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.hover\:bg-emerald-500\/15:hover{background-color:#00bb7f26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-emerald-500\/15:hover{background-color:color-mix(in oklab,var(--color-emerald-500) 15%,transparent)}}.hover\:bg-red-500\/10:hover{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/10:hover{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.hover\:bg-red-500\/15:hover{background-color:#fb2c3626}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/15:hover{background-color:color-mix(in oklab,var(--color-red-500) 15%,transparent)}}.hover\:bg-red-500\/20:hover{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/20:hover{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.hover\:bg-red-500\/25:hover{background-color:#fb2c3640}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/25:hover{background-color:color-mix(in oklab,var(--color-red-500) 25%,transparent)}}.hover\:bg-red-500\/30:hover{background-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/30:hover{background-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-shell-surface:hover{background-color:var(--color-shell-surface)}.hover\:bg-shell-surface-active:hover{background-color:var(--color-shell-surface-active)}.hover\:bg-shell-surface-hover:hover{background-color:var(--color-shell-surface-hover)}.hover\:bg-shell-surface\/40:hover{background-color:#ffffff04}@supports (color:color-mix(in lab,red,red)){.hover\:bg-shell-surface\/40:hover{background-color:color-mix(in oklab,var(--color-shell-surface) 40%,transparent)}}.hover\:bg-shell-surface\/50:hover{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.hover\:bg-shell-surface\/50:hover{background-color:color-mix(in oklab,var(--color-shell-surface) 50%,transparent)}}.hover\:bg-shell-surface\/80:hover{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.hover\:bg-shell-surface\/80:hover{background-color:color-mix(in oklab,var(--color-shell-surface) 80%,transparent)}}.hover\:bg-sky-500\/30:hover{background-color:#00a5ef4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-sky-500\/30:hover{background-color:color-mix(in oklab,var(--color-sky-500) 30%,transparent)}}.hover\:bg-violet-500:hover{background-color:var(--color-violet-500)}.hover\:bg-white\/3:hover{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/3:hover{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.hover\:bg-white\/8:hover{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/8:hover{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:bg-white\/\[0\.1\]:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.1\]:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:bg-white\/\[0\.03\]:hover{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.03\]:hover{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.04\]:hover{background-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.hover\:bg-white\/\[0\.05\]:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.05\]:hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.hover\:bg-white\/\[0\.06\]:hover{background-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.06\]:hover{background-color:color-mix(in oklab,var(--color-white) 6%,transparent)}}.hover\:bg-white\/\[0\.08\]:hover{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.08\]:hover{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-amber-200:hover{color:var(--color-amber-200)}.hover\:text-blue-300:hover{color:var(--color-blue-300)}.hover\:text-emerald-300:hover{color:var(--color-emerald-300)}.hover\:text-emerald-400:hover{color:var(--color-emerald-400)}.hover\:text-red-200:hover{color:var(--color-red-200)}.hover\:text-red-300:hover{color:var(--color-red-300)}.hover\:text-red-400:hover{color:var(--color-red-400)}.hover\:text-shell-text:hover{color:var(--color-shell-text)}.hover\:text-sky-200:hover{color:var(--color-sky-200)}.hover\:text-white\/40:hover{color:#fff6}@supports (color:color-mix(in lab,red,red)){.hover\:text-white\/40:hover{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-accent\/40:focus{border-color:#8b92a366}@supports (color:color-mix(in lab,red,red)){.focus\:border-accent\/40:focus{border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}}.focus\:border-blue-500\/50:focus{border-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.focus\:border-blue-500\/50:focus{border-color:color-mix(in oklab,var(--color-blue-500) 50%,transparent)}}.focus\:border-sky-400:focus{border-color:var(--color-sky-400)}.focus\:bg-shell-surface-hover:focus{background-color:var(--color-shell-surface-hover)}.focus\:bg-white\/5:focus{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.focus\:bg-white\/5:focus{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.focus\:text-shell-text:focus{color:var(--color-shell-text)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-accent:focus{--tw-ring-color:var(--color-accent)}.focus\:ring-blue-400:focus{--tw-ring-color:var(--color-blue-400)}.focus\:ring-white\/20:focus{--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.focus\:ring-white\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-0:focus-visible{border-style:var(--tw-border-style);border-width:0}.focus-visible\:border-accent\/40:focus-visible{border-color:#8b92a366}@supports (color:color-mix(in lab,red,red)){.focus-visible\:border-accent\/40:focus-visible{border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-accent:focus-visible{--tw-ring-color:var(--color-accent)}.focus-visible\:ring-accent\/20:focus-visible{--tw-ring-color:#8b92a333}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-accent\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-accent) 20%, transparent)}}.focus-visible\:ring-accent\/40:focus-visible{--tw-ring-color:#8b92a366}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-accent\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-accent) 40%, transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:bg-white\/10:active{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.active\:bg-white\/10:active{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.active\:bg-white\/20:active{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.active\:bg-white\/20:active{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.active\:opacity-60:active{opacity:.6}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=active\]\:bg-white\/\[0\.08\][data-state=active]{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.data-\[state\=active\]\:bg-white\/\[0\.08\][data-state=active]{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.data-\[state\=active\]\:text-shell-text[data-state=active]{color:var(--color-shell-text)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-accent[data-state=checked]{background-color:var(--color-accent)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-white\/10[data-state=unchecked]{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.data-\[state\=unchecked\]\:bg-white\/10[data-state=unchecked]{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}@media(min-width:40rem){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:items-center{align-items:center}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}}@media(min-width:48rem){.md\:col-span-6{grid-column:span 6/span 6}.md\:mx-0{margin-inline:calc(var(--spacing) * 0)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:64rem){.lg\:col-span-4{grid-column:span 4/span 4}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}.taos-wallpaper{background-image:var(--wallpaper-desktop);background-position:50%;background-repeat:no-repeat;background-size:cover}@media(max-width:767px),(orientation:portrait){.taos-wallpaper{background-image:var(--wallpaper-mobile,var(--wallpaper-desktop));background-size:100% 100%}}.react-grid-item.react-grid-placeholder{background:#8b92a333!important;border:1px dashed #8b92a366!important;border-radius:12px!important}.react-resizable-handle{opacity:.3}.react-resizable-handle:hover{opacity:.8}.react-grid-item>.react-resizable-handle:after{border-bottom-color:#fff6;border-right-color:#fff6}.data-highlight{outline-offset:2px;outline:2px solid #facc15cc;transition:outline .2s ease-out}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
diff --git a/static/desktop/assets/tokens-C-PTlQoZ.css b/static/desktop/assets/tokens-C-PTlQoZ.css
new file mode 100644
index 00000000..95006e6d
--- /dev/null
+++ b/static/desktop/assets/tokens-C-PTlQoZ.css
@@ -0,0 +1 @@
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-950:oklch(28.6% .066 53.813);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-gray-900:oklch(21% .034 264.665);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-shell-bg:#1a1b2e;--color-shell-bg-deep:#151625;--color-shell-surface:#ffffff0a;--color-shell-surface-hover:#ffffff0f;--color-shell-surface-active:#ffffff14;--color-shell-border:#ffffff0f;--color-shell-border-strong:#ffffff1a;--color-shell-text:#ffffffd9;--color-shell-text-secondary:#ffffff80;--color-shell-text-tertiary:#ffffff4d;--color-traffic-close:#ff5f57;--color-traffic-minimize:#febc2e;--color-traffic-maximize:#28c840;--color-accent:#8b92a3;--color-dock-bg:#161920eb;--color-dock-border:#ffffff14;--color-topbar-bg:#161920eb;--color-snap-preview:#8b92a326;--color-snap-border:#8b92a366;--spacing-topbar-h:32px;--spacing-dock-h:64px;--spacing-dock-padding:8px;--spacing-window-radius:10px;--shadow-window:0 8px 32px #0006;--shadow-window-unfocused:0 4px 16px #0003;--shadow-dock:0 4px 24px #0000004d}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-10{top:calc(var(--spacing) * 10)}.top-12{top:calc(var(--spacing) * 12)}.top-full{top:100%}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:calc(var(--spacing) * 0)}.right-0\.5{right:calc(var(--spacing) * .5)}.right-1{right:calc(var(--spacing) * 1)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-6{bottom:calc(var(--spacing) * -6)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-60,.z-\[60\]{z-index:60}.z-\[9000\]{z-index:9000}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.z-\[10001\]{z-index:10001}.z-\[10002\]{z-index:10002}.z-\[10003\]{z-index:10003}.z-\[10100\]{z-index:10100}.col-span-12{grid-column:span 12/span 12}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-\[18px\]{height:18px}.h-\[85vh\]{height:85vh}.h-\[540px\]{height:540px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[50vh\]{max-height:50vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92\%\]{max-height:92%}.max-h-\[120px\]{max-height:120px}.max-h-\[280px\]{max-height:280px}.max-h-\[320px\]{max-height:320px}.max-h-\[400px\]{max-height:400px}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[2\.25rem\]{min-height:2.25rem}.min-h-\[60px\]{min-height:60px}.min-h-\[100px\]{min-height:100px}.min-h-\[320px\]{min-height:320px}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[90vw\]{width:90vw}.w-\[320px\]{width:320px}.w-\[360px\]{width:360px}.w-\[480px\]{width:480px}.w-\[720px\]{width:720px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[8rem\]{max-width:8rem}.max-w-\[90vw\]{max-width:90vw}.max-w-\[100px\]{max-width:100px}.max-w-\[140px\]{max-width:140px}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[380px\]{max-width:380px}.max-w-\[500px\]{max-width:500px}.max-w-\[560px\]{max-width:560px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[18px\]{min-width:18px}.min-w-\[60px\]{min-width:60px}.min-w-\[100px\]{min-width:100px}.min-w-\[130px\]{min-width:130px}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[360px\]{min-width:360px}.min-w-\[500px\]{min-width:500px}.min-w-\[520px\]{min-width:520px}.min-w-\[720px\]{min-width:720px}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.15\]{scale:1.15}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-\[120px_1fr\]{grid-template-columns:120px 1fr}.grid-cols-\[auto_1fr_140px_160px_120px\]{grid-template-columns:auto 1fr 140px 160px 120px}.grid-cols-\[repeat\(auto-fill\,minmax\(140px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(250px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-px{gap:1px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-white\/5>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.divide-white\/5>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}:where(.divide-white\/\[0\.04\]>:not(:last-child)){border-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){:where(.divide-white\/\[0\.04\]>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[var\(--spacing-window-radius\)\]{border-radius:var(--spacing-window-radius)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#0f0f1e\]{border-color:#0f0f1e}.border-accent{border-color:var(--color-accent)}.border-accent\/20{border-color:#8b92a333}@supports (color:color-mix(in lab,red,red)){.border-accent\/20{border-color:color-mix(in oklab,var(--color-accent) 20%,transparent)}}.border-accent\/30{border-color:#8b92a34d}@supports (color:color-mix(in lab,red,red)){.border-accent\/30{border-color:color-mix(in oklab,var(--color-accent) 30%,transparent)}}.border-accent\/40{border-color:#8b92a366}@supports (color:color-mix(in lab,red,red)){.border-accent\/40{border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}}.border-accent\/50{border-color:#8b92a380}@supports (color:color-mix(in lab,red,red)){.border-accent\/50{border-color:color-mix(in oklab,var(--color-accent) 50%,transparent)}}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/20{border-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.border-amber-500\/25{border-color:#f99c0040}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/25{border-color:color-mix(in oklab,var(--color-amber-500) 25%,transparent)}}.border-amber-500\/30{border-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/30{border-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent)}}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/20{border-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/30{border-color:color-mix(in oklab,var(--color-blue-500) 30%,transparent)}}.border-emerald-500\/20{border-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/20{border-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.border-emerald-500\/25{border-color:#00bb7f40}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/25{border-color:color-mix(in oklab,var(--color-emerald-500) 25%,transparent)}}.border-green-500\/20{border-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.border-green-500\/20{border-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}.border-green-500\/30{border-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500) 30%,transparent)}}.border-green-600{border-color:var(--color-green-600)}.border-orange-500\/30{border-color:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.border-orange-500\/30{border-color:color-mix(in oklab,var(--color-orange-500) 30%,transparent)}}.border-pink-500\/20{border-color:#f6339a33}@supports (color:color-mix(in lab,red,red)){.border-pink-500\/20{border-color:color-mix(in oklab,var(--color-pink-500) 20%,transparent)}}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.border-red-500\/20{border-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.border-red-500\/25{border-color:#fb2c3640}@supports (color:color-mix(in lab,red,red)){.border-red-500\/25{border-color:color-mix(in oklab,var(--color-red-500) 25%,transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.border-red-500\/40{border-color:#fb2c3666}@supports (color:color-mix(in lab,red,red)){.border-red-500\/40{border-color:color-mix(in oklab,var(--color-red-500) 40%,transparent)}}.border-red-500\/50{border-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.border-red-500\/50{border-color:color-mix(in oklab,var(--color-red-500) 50%,transparent)}}.border-red-800{border-color:var(--color-red-800)}.border-shell-border{border-color:var(--color-shell-border)}.border-shell-border-strong{border-color:var(--color-shell-border-strong)}.border-shell-border\/50{border-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.border-shell-border\/50{border-color:color-mix(in oklab,var(--color-shell-border) 50%,transparent)}}.border-shell-surface-active{border-color:var(--color-shell-surface-active)}.border-sky-400{border-color:var(--color-sky-400)}.border-sky-500\/30{border-color:#00a5ef4d}@supports (color:color-mix(in lab,red,red)){.border-sky-500\/30{border-color:color-mix(in oklab,var(--color-sky-500) 30%,transparent)}}.border-slate-500\/30{border-color:#62748e4d}@supports (color:color-mix(in lab,red,red)){.border-slate-500\/30{border-color:color-mix(in oklab,var(--color-slate-500) 30%,transparent)}}.border-transparent{border-color:#0000}.border-violet-500\/40{border-color:#8d54ff66}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/40{border-color:color-mix(in oklab,var(--color-violet-500) 40%,transparent)}}.border-white{border-color:var(--color-white)}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.border-white\/8{border-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-white\/\[0\.04\]{border-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.border-white\/\[0\.04\]{border-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.border-white\/\[0\.06\]{border-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.border-white\/\[0\.06\]{border-color:color-mix(in oklab,var(--color-white) 6%,transparent)}}.border-white\/\[0\.08\]{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.border-white\/\[0\.08\]{border-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.border-yellow-500{border-color:var(--color-yellow-500)}.border-yellow-800{border-color:var(--color-yellow-800)}.border-zinc-500\/20{border-color:#71717b33}@supports (color:color-mix(in lab,red,red)){.border-zinc-500\/20{border-color:color-mix(in oklab,var(--color-zinc-500) 20%,transparent)}}.border-t-transparent{border-top-color:#0000}.bg-\[\#1a1a2e\]{background-color:#1a1a2e}.bg-\[\#12122a\]{background-color:#12122a}.bg-accent{background-color:var(--color-accent)}.bg-accent\/5{background-color:#8b92a30d}@supports (color:color-mix(in lab,red,red)){.bg-accent\/5{background-color:color-mix(in oklab,var(--color-accent) 5%,transparent)}}.bg-accent\/10{background-color:#8b92a31a}@supports (color:color-mix(in lab,red,red)){.bg-accent\/10{background-color:color-mix(in oklab,var(--color-accent) 10%,transparent)}}.bg-accent\/15{background-color:#8b92a326}@supports (color:color-mix(in lab,red,red)){.bg-accent\/15{background-color:color-mix(in oklab,var(--color-accent) 15%,transparent)}}.bg-accent\/20{background-color:#8b92a333}@supports (color:color-mix(in lab,red,red)){.bg-accent\/20{background-color:color-mix(in oklab,var(--color-accent) 20%,transparent)}}.bg-accent\/90{background-color:#8b92a3e6}@supports (color:color-mix(in lab,red,red)){.bg-accent\/90{background-color:color-mix(in oklab,var(--color-accent) 90%,transparent)}}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/15{background-color:color-mix(in oklab,var(--color-amber-500) 15%,transparent)}}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/20{background-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500) 10%,transparent)}}.bg-blue-500\/15{background-color:#3080ff26}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/15{background-color:color-mix(in oklab,var(--color-blue-500) 15%,transparent)}}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/20{background-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}.bg-blue-500\/\[0\.04\]{background-color:#3080ff0a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-blue-500) 4%,transparent)}}.bg-blue-500\/\[0\.07\]{background-color:#3080ff12}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/\[0\.07\]{background-color:color-mix(in oklab,var(--color-blue-500) 7%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/40{background-color:#155dfc66}@supports (color:color-mix(in lab,red,red)){.bg-blue-600\/40{background-color:color-mix(in oklab,var(--color-blue-600) 40%,transparent)}}.bg-blue-950\/30{background-color:#1624564d}@supports (color:color-mix(in lab,red,red)){.bg-blue-950\/30{background-color:color-mix(in oklab,var(--color-blue-950) 30%,transparent)}}.bg-cyan-500\/15{background-color:#00b7d726}@supports (color:color-mix(in lab,red,red)){.bg-cyan-500\/15{background-color:color-mix(in oklab,var(--color-cyan-500) 15%,transparent)}}.bg-cyan-500\/20{background-color:#00b7d733}@supports (color:color-mix(in lab,red,red)){.bg-cyan-500\/20{background-color:color-mix(in oklab,var(--color-cyan-500) 20%,transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/15{background-color:color-mix(in oklab,var(--color-emerald-500) 15%,transparent)}}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/20{background-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.bg-emerald-500\/30{background-color:#00bb7f4d}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/30{background-color:color-mix(in oklab,var(--color-emerald-500) 30%,transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500) 10%,transparent)}}.bg-green-500\/15{background-color:#00c75826}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/15{background-color:color-mix(in oklab,var(--color-green-500) 15%,transparent)}}.bg-green-500\/20{background-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/20{background-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/20{background-color:color-mix(in oklab,var(--color-indigo-500) 20%,transparent)}}.bg-orange-500\/20{background-color:#fe6e0033}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/20{background-color:color-mix(in oklab,var(--color-orange-500) 20%,transparent)}}.bg-pink-500\/15{background-color:#f6339a26}@supports (color:color-mix(in lab,red,red)){.bg-pink-500\/15{background-color:color-mix(in oklab,var(--color-pink-500) 15%,transparent)}}.bg-pink-500\/20{background-color:#f6339a33}@supports (color:color-mix(in lab,red,red)){.bg-pink-500\/20{background-color:color-mix(in oklab,var(--color-pink-500) 20%,transparent)}}.bg-pink-500\/\[0\.06\]{background-color:#f6339a0f}@supports (color:color-mix(in lab,red,red)){.bg-pink-500\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-pink-500) 6%,transparent)}}.bg-red-400{background-color:var(--color-red-400)}.bg-red-400\/60{background-color:#ff656899}@supports (color:color-mix(in lab,red,red)){.bg-red-400\/60{background-color:color-mix(in oklab,var(--color-red-400) 60%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/5{background-color:#fb2c360d}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/5{background-color:color-mix(in oklab,var(--color-red-500) 5%,transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.bg-red-500\/15{background-color:#fb2c3626}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/15{background-color:color-mix(in oklab,var(--color-red-500) 15%,transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-900\/40{background-color:#82181a66}@supports (color:color-mix(in lab,red,red)){.bg-red-900\/40{background-color:color-mix(in oklab,var(--color-red-900) 40%,transparent)}}.bg-red-950\/40{background-color:#46080966}@supports (color:color-mix(in lab,red,red)){.bg-red-950\/40{background-color:color-mix(in oklab,var(--color-red-950) 40%,transparent)}}.bg-shell-bg{background-color:var(--color-shell-bg)}.bg-shell-bg-deep{background-color:var(--color-shell-bg-deep)}.bg-shell-bg\/80{background-color:#1a1b2ecc}@supports (color:color-mix(in lab,red,red)){.bg-shell-bg\/80{background-color:color-mix(in oklab,var(--color-shell-bg) 80%,transparent)}}.bg-shell-border{background-color:var(--color-shell-border)}.bg-shell-surface{background-color:var(--color-shell-surface)}.bg-shell-surface-active{background-color:var(--color-shell-surface-active)}.bg-shell-surface-hover{background-color:var(--color-shell-surface-hover)}.bg-shell-surface\/30{background-color:#ffffff03}@supports (color:color-mix(in lab,red,red)){.bg-shell-surface\/30{background-color:color-mix(in oklab,var(--color-shell-surface) 30%,transparent)}}.bg-shell-surface\/40{background-color:#ffffff04}@supports (color:color-mix(in lab,red,red)){.bg-shell-surface\/40{background-color:color-mix(in oklab,var(--color-shell-surface) 40%,transparent)}}.bg-shell-surface\/50{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.bg-shell-surface\/50{background-color:color-mix(in oklab,var(--color-shell-surface) 50%,transparent)}}.bg-shell-text-tertiary{background-color:var(--color-shell-text-tertiary)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-sky-500\/10{background-color:#00a5ef1a}@supports (color:color-mix(in lab,red,red)){.bg-sky-500\/10{background-color:color-mix(in oklab,var(--color-sky-500) 10%,transparent)}}.bg-sky-500\/15{background-color:#00a5ef26}@supports (color:color-mix(in lab,red,red)){.bg-sky-500\/15{background-color:color-mix(in oklab,var(--color-sky-500) 15%,transparent)}}.bg-sky-500\/20{background-color:#00a5ef33}@supports (color:color-mix(in lab,red,red)){.bg-sky-500\/20{background-color:color-mix(in oklab,var(--color-sky-500) 20%,transparent)}}.bg-sky-500\/30{background-color:#00a5ef4d}@supports (color:color-mix(in lab,red,red)){.bg-sky-500\/30{background-color:color-mix(in oklab,var(--color-sky-500) 30%,transparent)}}.bg-sky-500\/40{background-color:#00a5ef66}@supports (color:color-mix(in lab,red,red)){.bg-sky-500\/40{background-color:color-mix(in oklab,var(--color-sky-500) 40%,transparent)}}.bg-slate-500\/15{background-color:#62748e26}@supports (color:color-mix(in lab,red,red)){.bg-slate-500\/15{background-color:color-mix(in oklab,var(--color-slate-500) 15%,transparent)}}.bg-slate-500\/20{background-color:#62748e33}@supports (color:color-mix(in lab,red,red)){.bg-slate-500\/20{background-color:color-mix(in oklab,var(--color-slate-500) 20%,transparent)}}.bg-teal-500\/15{background-color:#00baa726}@supports (color:color-mix(in lab,red,red)){.bg-teal-500\/15{background-color:color-mix(in oklab,var(--color-teal-500) 15%,transparent)}}.bg-teal-500\/20{background-color:#00baa733}@supports (color:color-mix(in lab,red,red)){.bg-teal-500\/20{background-color:color-mix(in oklab,var(--color-teal-500) 20%,transparent)}}.bg-traffic-close{background-color:var(--color-traffic-close)}.bg-traffic-maximize{background-color:var(--color-traffic-maximize)}.bg-traffic-minimize{background-color:var(--color-traffic-minimize)}.bg-transparent{background-color:#0000}.bg-violet-500\/10{background-color:#8d54ff1a}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/10{background-color:color-mix(in oklab,var(--color-violet-500) 10%,transparent)}}.bg-violet-500\/15{background-color:#8d54ff26}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/15{background-color:color-mix(in oklab,var(--color-violet-500) 15%,transparent)}}.bg-violet-500\/20{background-color:#8d54ff33}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/20{background-color:color-mix(in oklab,var(--color-violet-500) 20%,transparent)}}.bg-violet-500\/25{background-color:#8d54ff40}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/25{background-color:color-mix(in oklab,var(--color-violet-500) 25%,transparent)}}.bg-violet-600{background-color:var(--color-violet-600)}.bg-white{background-color:var(--color-white)}.bg-white\/3{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.bg-white\/3{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.bg-white\/8{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/\[0\.01\]{background-color:#ffffff03}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.01\]{background-color:color-mix(in oklab,var(--color-white) 1%,transparent)}}.bg-white\/\[0\.1\]{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.1\]{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/\[0\.02\]{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.02\]{background-color:color-mix(in oklab,var(--color-white) 2%,transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.bg-white\/\[0\.05\]{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.05\]{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/\[0\.06\]{background-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-white) 6%,transparent)}}.bg-white\/\[0\.07\]{background-color:#ffffff12}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.07\]{background-color:color-mix(in oklab,var(--color-white) 7%,transparent)}}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-700\/30{background-color:#a361004d}@supports (color:color-mix(in lab,red,red)){.bg-yellow-700\/30{background-color:color-mix(in oklab,var(--color-yellow-700) 30%,transparent)}}.bg-yellow-950\/30{background-color:#4320044d}@supports (color:color-mix(in lab,red,red)){.bg-yellow-950\/30{background-color:color-mix(in oklab,var(--color-yellow-950) 30%,transparent)}}.bg-zinc-500{background-color:var(--color-zinc-500)}.bg-zinc-500\/10{background-color:#71717b1a}@supports (color:color-mix(in lab,red,red)){.bg-zinc-500\/10{background-color:color-mix(in oklab,var(--color-zinc-500) 10%,transparent)}}.bg-zinc-500\/20{background-color:#71717b33}@supports (color:color-mix(in lab,red,red)){.bg-zinc-500\/20{background-color:color-mix(in oklab,var(--color-zinc-500) 20%,transparent)}}.bg-zinc-600{background-color:var(--color-zinc-600)}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-900{background-color:var(--color-zinc-900)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent{color:var(--color-accent)}.text-accent\/50{color:#8b92a380}@supports (color:color-mix(in lab,red,red)){.text-accent\/50{color:color-mix(in oklab,var(--color-accent) 50%,transparent)}}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-amber-300\/50{color:#ffd23680}@supports (color:color-mix(in lab,red,red)){.text-amber-300\/50{color:color-mix(in oklab,var(--color-amber-300) 50%,transparent)}}.text-amber-300\/90{color:#ffd236e6}@supports (color:color-mix(in lab,red,red)){.text-amber-300\/90{color:color-mix(in oklab,var(--color-amber-300) 90%,transparent)}}.text-amber-400{color:var(--color-amber-400)}.text-amber-400\/80{color:#fcbb00cc}@supports (color:color-mix(in lab,red,red)){.text-amber-400\/80{color:color-mix(in oklab,var(--color-amber-400) 80%,transparent)}}.text-amber-500{color:var(--color-amber-500)}.text-blue-200{color:var(--color-blue-200)}.text-blue-300{color:var(--color-blue-300)}.text-blue-300\/90{color:#90c5ffe6}@supports (color:color-mix(in lab,red,red)){.text-blue-300\/90{color:color-mix(in oklab,var(--color-blue-300) 90%,transparent)}}.text-blue-400{color:var(--color-blue-400)}.text-blue-400\/80{color:#54a2ffcc}@supports (color:color-mix(in lab,red,red)){.text-blue-400\/80{color:color-mix(in oklab,var(--color-blue-400) 80%,transparent)}}.text-cyan-200{color:var(--color-cyan-200)}.text-cyan-400{color:var(--color-cyan-400)}.text-emerald-200{color:var(--color-emerald-200)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-400\/80{color:#00d294cc}@supports (color:color-mix(in lab,red,red)){.text-emerald-400\/80{color:color-mix(in oklab,var(--color-emerald-400) 80%,transparent)}}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-green-400\/70{color:#05df72b3}@supports (color:color-mix(in lab,red,red)){.text-green-400\/70{color:color-mix(in oklab,var(--color-green-400) 70%,transparent)}}.text-indigo-400{color:var(--color-indigo-400)}.text-orange-400{color:var(--color-orange-400)}.text-pink-200{color:var(--color-pink-200)}.text-pink-400{color:var(--color-pink-400)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-400\/70{color:#ff6568b3}@supports (color:color-mix(in lab,red,red)){.text-red-400\/70{color:color-mix(in oklab,var(--color-red-400) 70%,transparent)}}.text-red-400\/80{color:#ff6568cc}@supports (color:color-mix(in lab,red,red)){.text-red-400\/80{color:color-mix(in oklab,var(--color-red-400) 80%,transparent)}}.text-red-500{color:var(--color-red-500)}.text-shell-text{color:var(--color-shell-text)}.text-shell-text-secondary{color:var(--color-shell-text-secondary)}.text-shell-text-tertiary{color:var(--color-shell-text-tertiary)}.text-shell-text\/60{color:#ffffff82}@supports (color:color-mix(in lab,red,red)){.text-shell-text\/60{color:color-mix(in oklab,var(--color-shell-text) 60%,transparent)}}.text-sky-100{color:var(--color-sky-100)}.text-sky-200{color:var(--color-sky-200)}.text-sky-300{color:var(--color-sky-300)}.text-sky-400{color:var(--color-sky-400)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-teal-200{color:var(--color-teal-200)}.text-teal-300{color:var(--color-teal-300)}.text-teal-400{color:var(--color-teal-400)}.text-violet-200{color:var(--color-violet-200)}.text-violet-300{color:var(--color-violet-300)}.text-violet-400{color:var(--color-violet-400)}.text-white{color:var(--color-white)}.text-white\/15{color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.text-white\/15{color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.text-white\/20{color:#fff3}@supports (color:color-mix(in lab,red,red)){.text-white\/20{color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.text-white\/25{color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.text-white\/25{color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.text-white\/30{color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.text-white\/35{color:#ffffff59}@supports (color:color-mix(in lab,red,red)){.text-white\/35{color:color-mix(in oklab,var(--color-white) 35%,transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab,red,red)){.text-white\/45{color:color-mix(in oklab,var(--color-white) 45%,transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.text-yellow-200{color:var(--color-yellow-200)}.text-yellow-400\/70{color:#fac800b3}@supports (color:color-mix(in lab,red,red)){.text-yellow-400\/70{color:color-mix(in oklab,var(--color-yellow-400) 70%,transparent)}}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-accent{accent-color:var(--color-accent)}.accent-blue-500{accent-color:var(--color-blue-500)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-window\)\]{--tw-shadow:var(--shadow-window);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-window-unfocused\)\]{--tw-shadow:var(--shadow-window-unfocused);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-accent{--tw-ring-color:var(--color-accent)}.ring-accent\/30{--tw-ring-color:#8b92a34d}@supports (color:color-mix(in lab,red,red)){.ring-accent\/30{--tw-ring-color:color-mix(in oklab, var(--color-accent) 30%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-\[600ms\]{--tw-duration:.6s;transition-duration:.6s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[animation-delay\:0ms\]{animation-delay:0s}.\[animation-delay\:150ms\]{animation-delay:.15s}.\[animation-delay\:300ms\]{animation-delay:.3s}.ring-inset{--tw-ring-inset:inset}@media(hover:hover){.group-hover\:flex:is(:where(.group):hover *){display:flex}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/traffic\:opacity-100:is(:where(.group\/traffic):hover *){opacity:1}}.placeholder\:text-shell-text-tertiary::placeholder{color:var(--color-shell-text-tertiary)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.focus-within\:opacity-100:focus-within{opacity:1}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[\#8b92a3\]\/60:hover{border-color:#8b92a399}.hover\:border-accent\/30:hover{border-color:#8b92a34d}@supports (color:color-mix(in lab,red,red)){.hover\:border-accent\/30:hover{border-color:color-mix(in oklab,var(--color-accent) 30%,transparent)}}.hover\:border-accent\/40:hover{border-color:#8b92a366}@supports (color:color-mix(in lab,red,red)){.hover\:border-accent\/40:hover{border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}}.hover\:border-red-500\/40:hover{border-color:#fb2c3666}@supports (color:color-mix(in lab,red,red)){.hover\:border-red-500\/40:hover{border-color:color-mix(in oklab,var(--color-red-500) 40%,transparent)}}.hover\:border-shell-border-strong:hover{border-color:var(--color-shell-border-strong)}.hover\:border-white\/15:hover{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/15:hover{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:border-white\/\[0\.06\]:hover{border-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/\[0\.06\]:hover{border-color:color-mix(in oklab,var(--color-white) 6%,transparent)}}.hover\:border-white\/\[0\.12\]:hover{border-color:#ffffff1f}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/\[0\.12\]:hover{border-color:color-mix(in oklab,var(--color-white) 12%,transparent)}}.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-accent\/20:hover{background-color:#8b92a333}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/20:hover{background-color:color-mix(in oklab,var(--color-accent) 20%,transparent)}}.hover\:bg-accent\/25:hover{background-color:#8b92a340}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/25:hover{background-color:color-mix(in oklab,var(--color-accent) 25%,transparent)}}.hover\:bg-accent\/90:hover{background-color:#8b92a3e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/90:hover{background-color:color-mix(in oklab,var(--color-accent) 90%,transparent)}}.hover\:bg-amber-500\/10:hover{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-500\/10:hover{background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\:bg-emerald-500\/10:hover{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-emerald-500\/10:hover{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.hover\:bg-emerald-500\/15:hover{background-color:#00bb7f26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-emerald-500\/15:hover{background-color:color-mix(in oklab,var(--color-emerald-500) 15%,transparent)}}.hover\:bg-red-500\/10:hover{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/10:hover{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.hover\:bg-red-500\/15:hover{background-color:#fb2c3626}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/15:hover{background-color:color-mix(in oklab,var(--color-red-500) 15%,transparent)}}.hover\:bg-red-500\/20:hover{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/20:hover{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.hover\:bg-red-500\/25:hover{background-color:#fb2c3640}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/25:hover{background-color:color-mix(in oklab,var(--color-red-500) 25%,transparent)}}.hover\:bg-red-500\/30:hover{background-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/30:hover{background-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-shell-surface:hover{background-color:var(--color-shell-surface)}.hover\:bg-shell-surface-active:hover{background-color:var(--color-shell-surface-active)}.hover\:bg-shell-surface-hover:hover{background-color:var(--color-shell-surface-hover)}.hover\:bg-shell-surface\/40:hover{background-color:#ffffff04}@supports (color:color-mix(in lab,red,red)){.hover\:bg-shell-surface\/40:hover{background-color:color-mix(in oklab,var(--color-shell-surface) 40%,transparent)}}.hover\:bg-shell-surface\/50:hover{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.hover\:bg-shell-surface\/50:hover{background-color:color-mix(in oklab,var(--color-shell-surface) 50%,transparent)}}.hover\:bg-shell-surface\/80:hover{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.hover\:bg-shell-surface\/80:hover{background-color:color-mix(in oklab,var(--color-shell-surface) 80%,transparent)}}.hover\:bg-sky-500\/30:hover{background-color:#00a5ef4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-sky-500\/30:hover{background-color:color-mix(in oklab,var(--color-sky-500) 30%,transparent)}}.hover\:bg-sky-500\/60:hover{background-color:#00a5ef99}@supports (color:color-mix(in lab,red,red)){.hover\:bg-sky-500\/60:hover{background-color:color-mix(in oklab,var(--color-sky-500) 60%,transparent)}}.hover\:bg-violet-500:hover{background-color:var(--color-violet-500)}.hover\:bg-white\/3:hover{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/3:hover{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.hover\:bg-white\/8:hover{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/8:hover{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:bg-white\/\[0\.1\]:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.1\]:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:bg-white\/\[0\.03\]:hover{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.03\]:hover{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.04\]:hover{background-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.hover\:bg-white\/\[0\.05\]:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.05\]:hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.hover\:bg-white\/\[0\.06\]:hover{background-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.06\]:hover{background-color:color-mix(in oklab,var(--color-white) 6%,transparent)}}.hover\:bg-white\/\[0\.08\]:hover{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.08\]:hover{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-amber-200:hover{color:var(--color-amber-200)}.hover\:text-blue-300:hover{color:var(--color-blue-300)}.hover\:text-emerald-300:hover{color:var(--color-emerald-300)}.hover\:text-emerald-400:hover{color:var(--color-emerald-400)}.hover\:text-red-200:hover{color:var(--color-red-200)}.hover\:text-red-300:hover{color:var(--color-red-300)}.hover\:text-red-400:hover{color:var(--color-red-400)}.hover\:text-shell-text:hover{color:var(--color-shell-text)}.hover\:text-sky-200:hover{color:var(--color-sky-200)}.hover\:text-white\/40:hover{color:#fff6}@supports (color:color-mix(in lab,red,red)){.hover\:text-white\/40:hover{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-accent\/40:focus{border-color:#8b92a366}@supports (color:color-mix(in lab,red,red)){.focus\:border-accent\/40:focus{border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}}.focus\:border-blue-500\/50:focus{border-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.focus\:border-blue-500\/50:focus{border-color:color-mix(in oklab,var(--color-blue-500) 50%,transparent)}}.focus\:border-sky-400:focus{border-color:var(--color-sky-400)}.focus\:bg-shell-surface-hover:focus{background-color:var(--color-shell-surface-hover)}.focus\:bg-white\/5:focus{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.focus\:bg-white\/5:focus{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.focus\:text-shell-text:focus{color:var(--color-shell-text)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-accent:focus{--tw-ring-color:var(--color-accent)}.focus\:ring-blue-400:focus{--tw-ring-color:var(--color-blue-400)}.focus\:ring-white\/20:focus{--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.focus\:ring-white\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-0:focus-visible{border-style:var(--tw-border-style);border-width:0}.focus-visible\:border-accent\/40:focus-visible{border-color:#8b92a366}@supports (color:color-mix(in lab,red,red)){.focus-visible\:border-accent\/40:focus-visible{border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-accent:focus-visible{--tw-ring-color:var(--color-accent)}.focus-visible\:ring-accent\/20:focus-visible{--tw-ring-color:#8b92a333}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-accent\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-accent) 20%, transparent)}}.focus-visible\:ring-accent\/40:focus-visible{--tw-ring-color:#8b92a366}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-accent\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-accent) 40%, transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-white\/10:active{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.active\:bg-white\/10:active{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.active\:bg-white\/20:active{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.active\:bg-white\/20:active{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.active\:opacity-60:active{opacity:.6}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=active\]\:bg-white\/\[0\.08\][data-state=active]{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.data-\[state\=active\]\:bg-white\/\[0\.08\][data-state=active]{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.data-\[state\=active\]\:text-shell-text[data-state=active]{color:var(--color-shell-text)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-accent[data-state=checked]{background-color:var(--color-accent)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-white\/10[data-state=unchecked]{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.data-\[state\=unchecked\]\:bg-white\/10[data-state=unchecked]{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}@media(min-width:40rem){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:items-center{align-items:center}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}}@media(min-width:48rem){.md\:col-span-6{grid-column:span 6/span 6}.md\:mx-0{margin-inline:calc(var(--spacing) * 0)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:64rem){.lg\:col-span-4{grid-column:span 4/span 4}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}.taos-wallpaper{background-image:var(--wallpaper-desktop);background-position:50%;background-repeat:no-repeat;background-size:cover}@media(max-width:767px),(orientation:portrait){.taos-wallpaper{background-image:var(--wallpaper-mobile,var(--wallpaper-desktop));background-size:100% 100%}}.react-grid-item.react-grid-placeholder{background:#8b92a333!important;border:1px dashed #8b92a366!important;border-radius:12px!important}.react-resizable-handle{opacity:.3}.react-resizable-handle:hover{opacity:.8}.react-grid-item>.react-resizable-handle:after{border-bottom-color:#fff6;border-right-color:#fff6}.data-highlight{outline-offset:2px;outline:2px solid #facc15cc;transition:outline .2s ease-out}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
diff --git a/static/desktop/assets/tokens-BMxhf1g-.js b/static/desktop/assets/tokens-C63es8oZ.js
similarity index 100%
rename from static/desktop/assets/tokens-BMxhf1g-.js
rename to static/desktop/assets/tokens-C63es8oZ.js
diff --git a/static/desktop/chat.html b/static/desktop/chat.html
index 8cb3852c..5897beb5 100644
--- a/static/desktop/chat.html
+++ b/static/desktop/chat.html
@@ -20,6 +20,9 @@
     <meta name="apple-mobile-web-app-title" content="taOS talk" />
     <link rel="apple-touch-icon" href="/static/icon-180.png" />
 
+    <!-- iOS splash screens (reuse 512 icon on #1a1b2e background; iOS scales it) -->
+    <link rel="apple-touch-startup-image" href="/static/icon-512.png" />
+
     <meta name="mobile-web-app-capable" content="yes" />
 
     <style>
@@ -40,11 +43,12 @@
       }
       #root { height: 100%; width: 100%; }
     </style>
-    <script type="module" crossorigin src="/desktop/assets/chat-D-JXvZwU.js"></script>
-    <link rel="modulepreload" crossorigin href="/desktop/assets/tokens-BMxhf1g-.js">
+    <script type="module" crossorigin src="/desktop/assets/chat-BrDx525_.js"></script>
+    <link rel="modulepreload" crossorigin href="/desktop/assets/tokens-C63es8oZ.js">
     <link rel="modulepreload" crossorigin href="/desktop/assets/vendor-react-l6srOxy7.js">
     <link rel="modulepreload" crossorigin href="/desktop/assets/vendor-codemirror-CL2HhW7v.js">
-    <link rel="stylesheet" crossorigin href="/desktop/assets/tokens-BrwHLUZg.css">
+    <link rel="modulepreload" crossorigin href="/desktop/assets/use-is-mobile-v5lglusa.js">
+    <link rel="stylesheet" crossorigin href="/desktop/assets/tokens-C-PTlQoZ.css">
   </head>
   <body>
     <div id="root"></div>
diff --git a/static/desktop/index.html b/static/desktop/index.html
index f9f9293f..a6cd86e5 100644
--- a/static/desktop/index.html
+++ b/static/desktop/index.html
@@ -47,15 +47,15 @@
         width: 100vw;
       }
     </style>
-    <script type="module" crossorigin src="/desktop/assets/main-DJzY8MYL.js"></script>
-    <link rel="modulepreload" crossorigin href="/desktop/assets/tokens-BMxhf1g-.js">
+    <script type="module" crossorigin src="/desktop/assets/main-BzBv0_mH.js"></script>
+    <link rel="modulepreload" crossorigin href="/desktop/assets/tokens-C63es8oZ.js">
     <link rel="modulepreload" crossorigin href="/desktop/assets/vendor-react-l6srOxy7.js">
     <link rel="modulepreload" crossorigin href="/desktop/assets/vendor-radix-BhM7AEEG.js">
     <link rel="modulepreload" crossorigin href="/desktop/assets/vendor-codemirror-CL2HhW7v.js">
     <link rel="modulepreload" crossorigin href="/desktop/assets/vendor-icons-wm645Jsx.js">
     <link rel="modulepreload" crossorigin href="/desktop/assets/vendor-layout-B-pp9n1f.js">
     <link rel="modulepreload" crossorigin href="/desktop/assets/toolbar-UW6q5pkx.js">
-    <link rel="stylesheet" crossorigin href="/desktop/assets/tokens-BrwHLUZg.css">
+    <link rel="stylesheet" crossorigin href="/desktop/assets/tokens-C-PTlQoZ.css">
     <link rel="stylesheet" crossorigin href="/desktop/assets/vendor-layout-BfitWg9R.css">
   </head>
   <body>
diff --git a/tests/e2e/test_messages_pwa.py b/tests/e2e/test_messages_pwa.py
new file mode 100644
index 00000000..2e94cfc9
--- /dev/null
+++ b/tests/e2e/test_messages_pwa.py
@@ -0,0 +1,58 @@
+"""Messages PWA mobile-viewport E2E.
+
+Requires TAOS_E2E_URL set; skipped locally.
+"""
+import os
+import re
+
+import pytest
+from playwright.sync_api import Page, expect
+
+pytestmark = [
+    pytest.mark.e2e,
+    pytest.mark.skipif(
+        not os.environ.get("TAOS_E2E_URL"),
+        reason="TAOS_E2E_URL required",
+    ),
+]
+URL = os.environ.get("TAOS_E2E_URL", "")
+
+
+MOBILE_VIEWPORT = {"width": 375, "height": 667}
+
+
+@pytest.fixture
+def mobile_page(page: Page):
+    page.set_viewport_size(MOBILE_VIEWPORT)
+    return page
+
+
+def test_mobile_thread_takeover(mobile_page: Page):
+    mobile_page.goto(f"{URL}/chat-pwa")
+    mobile_page.get_by_text("roundtable").first.click()
+    first = mobile_page.locator("[data-message-id]").first
+    first.tap()
+    mobile_page.get_by_role("button", name=re.compile("Reply in thread", re.I)).click()
+    panel = mobile_page.get_by_role("complementary", name=re.compile("Thread", re.I))
+    expect(panel).to_be_visible()
+    box = panel.bounding_box()
+    assert box is not None
+    assert box["width"] >= 300
+    mobile_page.get_by_role("button", name=re.compile("Back", re.I)).click()
+    expect(panel).not_to_be_visible()
+
+
+def test_mobile_overflow_bottom_sheet(mobile_page: Page):
+    mobile_page.goto(f"{URL}/chat-pwa")
+    mobile_page.get_by_text("roundtable").first.click()
+    first = mobile_page.locator("[data-message-id]").first
+    first.tap()
+    mobile_page.get_by_role("button", name="More").click()
+    sheet_backdrop = mobile_page.get_by_test_id("bottom-sheet-backdrop")
+    expect(sheet_backdrop).to_be_visible()
+    expect(mobile_page.get_by_role("menuitem", name=re.compile("Copy link", re.I))).to_be_visible()
+
+
+def test_install_banner_hidden_when_no_event(mobile_page: Page):
+    mobile_page.goto(f"{URL}/chat-pwa")
+    expect(mobile_page.get_by_role("region", name=re.compile("Install", re.I))).not_to_be_visible()