diff --git a/data/.auth_local_token b/data/.auth_local_token
new file mode 100644
index 00000000..c3e3f661
--- /dev/null
+++ b/data/.auth_local_token
@@ -0,0 +1 @@
+oGAbVgPbRGzvhyj48oZzStTi3ROiCsaCtYLrkF7eZRY
\ No newline at end of file
diff --git a/data/agents.json b/data/agents.json
new file mode 100644
index 00000000..906367af
--- /dev/null
+++ b/data/agents.json
@@ -0,0 +1,654 @@
+{
+  "agents": [
+    {
+      "name": "atlas-persona",
+      "display_name": "atlas-persona",
+      "created_at": 1776542847,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "defaultagent",
+      "display_name": "defaultagent",
+      "created_at": 1776542847,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "customone",
+      "display_name": "customone",
+      "created_at": 1776542847,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "nosave",
+      "display_name": "nosave",
+      "created_at": 1776542847,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "atlas",
+      "display_name": "atlas",
+      "created_at": 1776542859,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "atlas2",
+      "display_name": "atlas2",
+      "created_at": 1776542860,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "atlas3",
+      "display_name": "atlas3",
+      "created_at": 1776542860,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "bg-test",
+      "display_name": "bg-test",
+      "created_at": 1776542893,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "status-test",
+      "display_name": "status-test",
+      "created_at": 1776542893,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "local-agent",
+      "display_name": "local-agent",
+      "created_at": 1776545704,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "cloud-agent",
+      "display_name": "cloud-agent",
+      "created_at": 1776545705,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "persistent",
+      "display_name": "persistent",
+      "created_at": 1776545707,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "emoji-agent",
+      "display_name": "emoji-agent",
+      "created_at": 1776545708,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "no-emoji-agent",
+      "display_name": "no-emoji-agent",
+      "created_at": 1776545708,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "chatter",
+      "display_name": "chatter",
+      "created_at": 1776545709,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "archiver",
+      "display_name": "archiver",
+      "created_at": 1776545709,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "archiver2",
+      "display_name": "archiver2",
+      "created_at": 1776545710,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "stuck",
+      "display_name": "stuck",
+      "created_at": 1776545710,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "snaprest",
+      "display_name": "snaprest",
+      "created_at": 1776545711,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "rest",
+      "display_name": "rest",
+      "created_at": 1776545711,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "envtest2",
+      "display_name": "envtest2",
+      "created_at": 1776545712,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "purgeable",
+      "display_name": "purgeable",
+      "created_at": 1776545712,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "chat-agent",
+      "display_name": "chat-agent",
+      "created_at": 1776545713,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "restore-agent",
+      "display_name": "restore-agent",
+      "created_at": 1776545714,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "idem-agent",
+      "display_name": "idem-agent",
+      "created_at": 1776545714,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    },
+    {
+      "name": "purge-agent",
+      "display_name": "purge-agent",
+      "created_at": 1776545715,
+      "last_ingest_at": 0,
+      "total_chunks": 0,
+      "librarian": {
+        "enabled": true,
+        "model": null,
+        "tasks": {
+          "fact_extraction": true,
+          "preference_extraction": true,
+          "intake_classification": true,
+          "crystallise": true,
+          "reflect": true,
+          "catalog_enrichment": true,
+          "query_expansion": true,
+          "verification": true
+        },
+        "fanout": {
+          "default": "low",
+          "auto_scale": true
+        }
+      }
+    }
+  ]
+}
\ No newline at end of file
diff --git a/desktop/src/apps/MessagesApp.tsx b/desktop/src/apps/MessagesApp.tsx
index 211390c7..dc7b10ad 100644
--- a/desktop/src/apps/MessagesApp.tsx
+++ b/desktop/src/apps/MessagesApp.tsx
@@ -43,6 +43,17 @@ import { AttachmentGallery } from "./chat/AttachmentGallery";
 import { uploadDiskFile, attachmentFromPath, type AttachmentRecord } from "@/lib/chat-attachments-api";
 import { useThreadPanel } from "@/lib/use-thread-panel";
 import { openFilePicker } from "@/shell/file-picker-api";
+import { MessageOverflowMenu } from "./chat/MessageOverflowMenu";
+import { MessageEditor } from "./chat/MessageEditor";
+import { MessageTombstone } from "./chat/MessageTombstone";
+import { PinBadge } from "./chat/PinBadge";
+import { PinnedMessagesPopover, type PinnedMessage } from "./chat/PinnedMessagesPopover";
+import { PinRequestAffordance } from "./chat/PinRequestAffordance";
+import {
+  pinMessage, unpinMessage, listPins,
+  editMessage as apiEditMessage, deleteMessage as apiDeleteMessage,
+  markUnread as apiMarkUnread,
+} from "@/lib/chat-messages-api";
 
 /* ------------------------------------------------------------------ */
 /*  Types                                                              */
@@ -136,12 +147,14 @@ interface Message {
     canvas_id?: string;
     canvas_url?: string;
     canvas_title?: string;
+    pin_requested?: boolean;
     [key: string]: unknown;
   };
   state?: "pending" | "streaming" | "complete" | "error";
   created_at: string;
   reactions?: Record<string, string[]>;
   edited_at?: string;
+  deleted_at?: number | null;
   attachments?: AttachmentRecord[];
   reply_count?: number;
   last_reply_at?: number | null;
@@ -218,6 +231,11 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
   const [sendError, setSendError] = useState<string | null>(null);
   const [hoveredMessageId, setHoveredMessageId] = useState<string | null>(null);
   const [pendingAttachments, setPendingAttachments] = useState<PendingAttachment[]>([]);
+  const [overflowMenu, setOverflowMenu] = useState<{ messageId: string; x: number; y: number } | null>(null);
+  const [editingMessageId, setEditingMessageId] = useState<string | null>(null);
+  const [pinnedPopoverOpen, setPinnedPopoverOpen] = useState(false);
+  const [pinnedMessages, setPinnedMessages] = useState<PinnedMessage[]>([]);
+  const [currentUserId, setCurrentUserId] = useState<string | null>(null);
   const { openThread, openThreadFor, closeThread } = useThreadPanel();
 
   const wsRef = useRef<WebSocket | null>(null);
@@ -399,14 +417,26 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
             setMessages((prev) =>
               prev.map((m) =>
                 m.id === data.message_id
-                  ? { ...m, content: data.content, edited_at: data.edited_at }
+                  ? {
+                      ...m,
+                      ...(data.content !== undefined && { content: data.content }),
+                      ...(data.edited_at !== undefined && { edited_at: data.edited_at }),
+                      ...(data.metadata !== undefined && { metadata: data.metadata }),
+                    }
                   : m,
               ),
             );
             break;
 
           case "message_delete":
-            setMessages((prev) => prev.filter((m) => m.id !== data.message_id));
+            // Soft delete — keep the row so the UI can render the tombstone.
+            setMessages((prev) =>
+              prev.map((m) =>
+                m.id === data.message_id
+                  ? { ...m, deleted_at: data.deleted_at ?? Date.now() / 1000 }
+                  : m,
+              ),
+            );
             break;
         }
       } catch {
@@ -444,6 +474,14 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
     };
   }, [fetchChannels, fetchArchivedChannels, fetchAgentLists, connectWs]);
 
+  /* ---- fetch current user ---- */
+  useEffect(() => {
+    fetch("/api/auth/me")
+      .then((r) => r.ok ? r.json() : null)
+      .then((u) => { if (u?.id) setCurrentUserId(u.id); })
+      .catch(() => {});
+  }, []);
+
   /* ---- cross-app open-messages event ---- */
   useEffect(() => {
     // Guard against the component unmounting while an admin-prompt
@@ -513,6 +551,34 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
     setTypingAgents([]);
   }, [selectedChannel, fetchMessages, markRead]);
 
+  /* ---- deep-link scroll on ?msg=<id> — latch so it fires once per URL ---- */
+  const deepLinkSeenRef = useRef<string | null>(null);
+  useEffect(() => {
+    if (!selectedChannel || messages.length === 0) return;
+    const params = new URLSearchParams(window.location.search);
+    const msgId = params.get("msg");
+    // Validate format: message ids are uuid4().hex[:12] — lowercase hex only.
+    // Guards against selector-injection via a crafted URL.
+    if (!msgId || !/^[a-zA-Z0-9_-]{1,64}$/.test(msgId)) return;
+    const key = `${selectedChannel}:${msgId}`;
+    if (deepLinkSeenRef.current === key) return;
+    const el = document.querySelector(`[data-message-id="${msgId}"]`) as HTMLElement | null;
+    if (el) {
+      deepLinkSeenRef.current = key;
+      el.scrollIntoView({ behavior: "smooth", block: "center" });
+      el.classList.add("data-highlight");
+      setTimeout(() => el.classList.remove("data-highlight"), 2000);
+    }
+  }, [selectedChannel, messages.length]);
+
+  /* ---- fetch pins when channel changes ---- */
+  useEffect(() => {
+    if (!selectedChannel) { setPinnedMessages([]); return; }
+    listPins(selectedChannel)
+      .then((pins) => setPinnedMessages(pins as PinnedMessage[]))
+      .catch(() => setPinnedMessages([]));
+  }, [selectedChannel]);
+
   /* ---- fetch slash commands on channel switch ---- */
   useEffect(() => {
     let alive = true;
@@ -556,7 +622,7 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
   const sendMessage = async () => {
     const text = input.trim();
     if (!text && pendingAttachments.length === 0) return;
-    if (!selectedChannel || !wsRef.current || wsRef.current.readyState !== 1) return;
+    if (!selectedChannel) return;
 
     // Block send while uploads are in-flight
     if (pendingAttachments.some((a) => a.uploading)) {
@@ -630,7 +696,31 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
       }
     }
     setSendError(null);
-    wsRef.current.send(JSON.stringify({ type: "message", channel_id: selectedChannel, content: text }));
+    // WS fallback for plain text messages. If WS is down, POST to /api/chat/messages
+    // so the send still lands.
+    if (wsRef.current && wsRef.current.readyState === 1) {
+      wsRef.current.send(JSON.stringify({ type: "message", channel_id: selectedChannel, content: text }));
+    } else {
+      try {
+        const r = await fetch("/api/chat/messages", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            channel_id: selectedChannel,
+            author_id: "user", author_type: "user",
+            content: text, content_type: "text",
+          }),
+        });
+        if (!r.ok) {
+          const body = await r.json().catch(() => ({}));
+          setSendError((body as { error?: string }).error || "couldn't send message");
+          return;
+        }
+      } catch (e) {
+        setSendError((e as Error).message || "send failed");
+        return;
+      }
+    }
     setInput("");
     autoScrollRef.current = true;
     if (inputRef.current) inputRef.current.style.height = "auto";
@@ -773,6 +863,77 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
     }
   }, [selectedChannel, fetchArchivedChannels]);
 
+  /* ---- overflow menu handlers ---- */
+  const handleEdit = (msgId: string) => {
+    setEditingMessageId(msgId);
+    setOverflowMenu(null);
+  };
+
+  const handleSaveEdit = async (msgId: string, content: string) => {
+    try {
+      await apiEditMessage(msgId, content);
+      setEditingMessageId(null);
+    } catch (e) {
+      setSendError((e as Error).message);
+    }
+  };
+
+  const handleDelete = async (msgId: string) => {
+    setOverflowMenu(null);
+    if (!window.confirm("Delete this message?")) return;
+    try {
+      await apiDeleteMessage(msgId);
+    } catch (e) {
+      setSendError((e as Error).message);
+    }
+  };
+
+  const handleCopyLink = async (msgId: string) => {
+    setOverflowMenu(null);
+    if (!selectedChannel) return;
+    const url = `${window.location.origin}/chat/${selectedChannel}?msg=${msgId}`;
+    try {
+      await navigator.clipboard.writeText(url);
+    } catch { /* ignore */ }
+  };
+
+  const handlePin = async (msg: Message) => {
+    setOverflowMenu(null);
+    const isPinned = pinnedMessages.some((p) => p.id === msg.id);
+    try {
+      if (isPinned) await unpinMessage(msg.id);
+      else await pinMessage(msg.id);
+      if (selectedChannel) {
+        const pins = await listPins(selectedChannel);
+        setPinnedMessages(pins as PinnedMessage[]);
+      }
+    } catch (e) {
+      setSendError((e as Error).message);
+    }
+  };
+
+  const handleMarkUnread = async (msgId: string) => {
+    setOverflowMenu(null);
+    if (!selectedChannel) return;
+    try {
+      await apiMarkUnread(selectedChannel, msgId);
+    } catch (e) {
+      setSendError((e as Error).message);
+    }
+  };
+
+  const handlePinRequest = async (msgId: string) => {
+    try {
+      await pinMessage(msgId);
+      if (selectedChannel) {
+        const pins = await listPins(selectedChannel);
+        setPinnedMessages(pins as PinnedMessage[]);
+      }
+    } catch (e) {
+      setSendError((e as Error).message);
+    }
+  };
+
   /* ---- group channels by type ---- */
   const grouped = {
     dm: channels.filter((c) => c.type === "dm"),
@@ -1096,6 +1257,27 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
                   rel="noreferrer"
                   className="ml-1 opacity-60 hover:opacity-100 text-[12px]"
                 >?</a>
+                <div className="relative">
+                  <PinBadge
+                    count={pinnedMessages.length}
+                    onClick={() => setPinnedPopoverOpen((open) => !open)}
+                  />
+                  {pinnedPopoverOpen && (
+                    <PinnedMessagesPopover
+                      pins={pinnedMessages}
+                      onJumpTo={(id) => {
+                        setPinnedPopoverOpen(false);
+                        const el = document.querySelector(`[data-message-id="${id}"]`) as HTMLElement | null;
+                        if (el) {
+                          el.scrollIntoView({ behavior: "smooth", block: "center" });
+                          el.classList.add("data-highlight");
+                          setTimeout(() => el.classList.remove("data-highlight"), 2000);
+                        }
+                      }}
+                      onClose={() => setPinnedPopoverOpen(false)}
+                    />
+                  )}
+                </div>
               </div>
               {currentChannel?.description && (
                 <div className="text-[11px] text-white/35 truncate">{currentChannel.description}</div>
@@ -1150,6 +1332,7 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
               return (
                 <div
                   key={msg.id}
+                  data-message-id={msg.id}
                   className={`group relative px-3 py-1 rounded-md transition-colors hover:bg-white/[0.03] ${
                     isAgent && !isDeadAgent ? "bg-blue-500/[0.04]" : ""
                   } ${showAuthor ? "mt-3" : ""}`}
@@ -1205,22 +1388,38 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
                       {msg.edited_at && <span className="text-[10px] text-white/20">(edited)</span>}
                     </div>
                   )}
-                  <div className={`text-[13px] leading-relaxed whitespace-pre-wrap break-words ${isDeadAgent ? "text-white/45" : "text-white/80"}`}>
-                    {renderContent(msg.content)}
-                    {msg.state === "pending" && (
-                      <span className="ml-1 text-white/30">...</span>
-                    )}
-                    {msg.state === "streaming" && (
-                      <span className="ml-1 inline-flex gap-0.5">
-                        <span className="w-1 h-1 bg-blue-400 rounded-full animate-bounce [animation-delay:0ms]" />
-                        <span className="w-1 h-1 bg-blue-400 rounded-full animate-bounce [animation-delay:150ms]" />
-                        <span className="w-1 h-1 bg-blue-400 rounded-full animate-bounce [animation-delay:300ms]" />
-                      </span>
-                    )}
-                    {msg.state === "error" && (
-                      <span className="ml-1 text-red-400 text-[11px]">(error)</span>
-                    )}
-                  </div>
+                  {msg.deleted_at ? (
+                    <MessageTombstone />
+                  ) : editingMessageId === msg.id ? (
+                    <MessageEditor
+                      initial={msg.content}
+                      onSave={(content) => handleSaveEdit(msg.id, content)}
+                      onCancel={() => setEditingMessageId(null)}
+                    />
+                  ) : (
+                    <div className={`text-[13px] leading-relaxed whitespace-pre-wrap break-words ${isDeadAgent ? "text-white/45" : "text-white/80"}`}>
+                      {renderContent(msg.content)}
+                      {msg.state === "pending" && (
+                        <span className="ml-1 text-white/30">...</span>
+                      )}
+                      {msg.state === "streaming" && (
+                        <span className="ml-1 inline-flex gap-0.5">
+                          <span className="w-1 h-1 bg-blue-400 rounded-full animate-bounce [animation-delay:0ms]" />
+                          <span className="w-1 h-1 bg-blue-400 rounded-full animate-bounce [animation-delay:150ms]" />
+                          <span className="w-1 h-1 bg-blue-400 rounded-full animate-bounce [animation-delay:300ms]" />
+                        </span>
+                      )}
+                      {msg.state === "error" && (
+                        <span className="ml-1 text-red-400 text-[11px]">(error)</span>
+                      )}
+                    </div>
+                  )}
+                  {msg.metadata?.pin_requested && msg.author_type === "agent" && (
+                    <PinRequestAffordance
+                      authorId={msg.author_id}
+                      onApprove={() => handlePinRequest(msg.id)}
+                    />
+                  )}
 
                   {/* canvas attachment */}
                   {msg.content_type === "canvas" && (msg.metadata?.canvas_url || msg.metadata?.canvas_id) && (
@@ -1263,11 +1462,9 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
                       <MessageHoverActions
                         onReact={() => setShowEmoji(showEmoji === msg.id ? null : msg.id)}
                         onReplyInThread={() => handleOpenThreadFor(msg.channel_id ?? selectedChannel ?? "", msg.id)}
-                        onMore={(e) => {
+                        onOverflow={(e) => {
                           e.preventDefault();
-                          if (msg.author_type === "agent") {
-                            setContextMenu({ slug: msg.author_id, x: e.clientX, y: e.clientY });
-                          }
+                          setOverflowMenu({ messageId: msg.id, x: e.clientX, y: e.clientY });
                         }}
                       />
                     </div>
@@ -1483,6 +1680,30 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
         />
       </div>
 
+      {/* ---- Message Overflow Menu ---- */}
+      {overflowMenu && (() => {
+        const msg = messages.find((m) => m.id === overflowMenu.messageId);
+        if (!msg) return null;
+        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)}
+              />
+            </div>
+          </>
+        );
+      })()}
+
       {/* ---- Channel Settings Panel ---- */}
       {showSettings && currentChannel && (
         <ChannelSettingsPanel
@@ -1507,7 +1728,7 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
           parentId={openThread.parentId}
           onClose={closeThread}
           onSend={async (content, attachments) => {
-            await fetch("/api/chat/messages", {
+            const r = await fetch("/api/chat/messages", {
               method: "POST",
               headers: { "Content-Type": "application/json" },
               body: JSON.stringify({
@@ -1520,6 +1741,10 @@ export function MessagesApp({ windowId: _windowId, title }: { windowId: string;
                 attachments,
               }),
             });
+            if (!r.ok) {
+              const body = await r.json().catch(() => ({}));
+              throw new Error((body as { error?: string }).error || `HTTP ${r.status}`);
+            }
           }}
         />
       )}
diff --git a/desktop/src/apps/chat/MessageEditor.tsx b/desktop/src/apps/chat/MessageEditor.tsx
new file mode 100644
index 00000000..7ccd8331
--- /dev/null
+++ b/desktop/src/apps/chat/MessageEditor.tsx
@@ -0,0 +1,30 @@
+import { useState } from "react";
+
+export function MessageEditor({
+  initial, onSave, onCancel,
+}: {
+  initial: string;
+  onSave: (content: string) => void;
+  onCancel: () => void;
+}) {
+  const [value, setValue] = useState(initial);
+  return (
+    <textarea
+      autoFocus
+      value={value}
+      onChange={(e) => setValue(e.target.value)}
+      onKeyDown={(e) => {
+        if (e.key === "Escape") { e.preventDefault(); onCancel(); }
+        else if (e.key === "Enter" && !e.shiftKey) {
+          e.preventDefault();
+          const trimmed = value.trim();
+          if (trimmed) onSave(trimmed);
+          else onCancel();
+        }
+      }}
+      aria-label="Edit message"
+      rows={1}
+      className="w-full bg-white/5 border border-white/10 rounded px-2 py-1 text-sm"
+    />
+  );
+}
diff --git a/desktop/src/apps/chat/MessageHoverActions.tsx b/desktop/src/apps/chat/MessageHoverActions.tsx
index 680d1a36..7fe295a4 100644
--- a/desktop/src/apps/chat/MessageHoverActions.tsx
+++ b/desktop/src/apps/chat/MessageHoverActions.tsx
@@ -1,11 +1,11 @@
 export function MessageHoverActions({
   onReact,
   onReplyInThread,
-  onMore,
+  onOverflow,
 }: {
   onReact: () => void;
   onReplyInThread: () => void;
-  onMore: (e: React.MouseEvent) => void;
+  onOverflow: (e: React.MouseEvent) => void;
 }) {
   return (
     <div
@@ -15,7 +15,7 @@ export function MessageHoverActions({
     >
       <button aria-label="Add reaction" onClick={onReact} className="p-1 hover:bg-white/5">😀</button>
       <button aria-label="Reply in thread" onClick={onReplyInThread} className="p-1 hover:bg-white/5">💬</button>
-      <button aria-label="More" onClick={onMore} className="p-1 hover:bg-white/5">⋯</button>
+      <button aria-label="More" onClick={onOverflow} className="p-1 hover:bg-white/5">⋯</button>
     </div>
   );
 }
diff --git a/desktop/src/apps/chat/MessageOverflowMenu.tsx b/desktop/src/apps/chat/MessageOverflowMenu.tsx
new file mode 100644
index 00000000..13d9e575
--- /dev/null
+++ b/desktop/src/apps/chat/MessageOverflowMenu.tsx
@@ -0,0 +1,79 @@
+import { useEffect, useRef } from "react";
+
+export interface MessageOverflowMenuProps {
+  isOwn: boolean;
+  isHuman: boolean;
+  isPinned?: boolean;
+  onEdit: () => void;
+  onDelete: () => void;
+  onCopyLink: () => void;
+  onPin: () => void;
+  onMarkUnread: () => void;
+  onClose?: () => void;
+}
+
+export function MessageOverflowMenu({
+  isOwn, isHuman, isPinned = false,
+  onEdit, onDelete, onCopyLink, onPin, onMarkUnread, onClose,
+}: MessageOverflowMenuProps) {
+  const containerRef = useRef<HTMLDivElement>(null);
+
+  // Focus first menuitem on mount so keyboard users can immediately navigate.
+  useEffect(() => {
+    const first = containerRef.current?.querySelector<HTMLButtonElement>('[role="menuitem"]');
+    first?.focus();
+  }, []);
+
+  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {
+    const items = Array.from(
+      containerRef.current?.querySelectorAll<HTMLButtonElement>('[role="menuitem"]') || [],
+    );
+    const active = document.activeElement as HTMLButtonElement | null;
+    const idx = active ? items.indexOf(active) : -1;
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      items[Math.min(items.length - 1, idx + 1)]?.focus();
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      items[Math.max(0, idx - 1)]?.focus();
+    } else if (e.key === "Home") {
+      e.preventDefault();
+      items[0]?.focus();
+    } else if (e.key === "End") {
+      e.preventDefault();
+      items[items.length - 1]?.focus();
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      onClose?.();
+    }
+  };
+
+  return (
+    <div
+      ref={containerRef}
+      role="menu"
+      aria-label="Message overflow menu"
+      onKeyDown={handleKeyDown}
+      className="bg-shell-surface border border-white/10 rounded-md shadow-lg py-1 min-w-[160px] text-sm"
+    >
+      {isOwn && (
+        <button role="menuitem" onClick={onEdit}
+          className="block w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none">Edit</button>
+      )}
+      {isOwn && (
+        <button role="menuitem" onClick={onDelete}
+          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">Delete</button>
+      )}
+      <button role="menuitem" onClick={onCopyLink}
+        className="block w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none">Copy link</button>
+      {isHuman && (
+        <button role="menuitem" onClick={onPin}
+          className="block w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none">
+          {isPinned ? "Unpin" : "Pin"}
+        </button>
+      )}
+      <button role="menuitem" onClick={onMarkUnread}
+        className="block w-full text-left px-3 py-1.5 hover:bg-white/5 focus:bg-white/5 focus:outline-none">Mark unread</button>
+    </div>
+  );
+}
diff --git a/desktop/src/apps/chat/MessageTombstone.tsx b/desktop/src/apps/chat/MessageTombstone.tsx
new file mode 100644
index 00000000..931d3d1d
--- /dev/null
+++ b/desktop/src/apps/chat/MessageTombstone.tsx
@@ -0,0 +1,5 @@
+export function MessageTombstone() {
+  return (
+    <span className="text-white/40 italic text-sm">This message was deleted</span>
+  );
+}
diff --git a/desktop/src/apps/chat/PinBadge.tsx b/desktop/src/apps/chat/PinBadge.tsx
new file mode 100644
index 00000000..9ddea8d7
--- /dev/null
+++ b/desktop/src/apps/chat/PinBadge.tsx
@@ -0,0 +1,10 @@
+export function PinBadge({ count, onClick }: { count: number; onClick: () => void }) {
+  if (count === 0) return null;
+  return (
+    <button
+      onClick={onClick}
+      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 (${count})`}
+    >📌 {count}</button>
+  );
+}
diff --git a/desktop/src/apps/chat/PinRequestAffordance.tsx b/desktop/src/apps/chat/PinRequestAffordance.tsx
new file mode 100644
index 00000000..1418c703
--- /dev/null
+++ b/desktop/src/apps/chat/PinRequestAffordance.tsx
@@ -0,0 +1,17 @@
+export function PinRequestAffordance({
+  authorId, onApprove,
+}: {
+  authorId: string;
+  onApprove: () => void;
+}) {
+  return (
+    <div className="mt-1 flex items-center gap-2 text-xs">
+      <span className="text-white/60">@{authorId} wants to pin this</span>
+      <button
+        onClick={onApprove}
+        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 ${authorId}`}
+      >📌 Pin this</button>
+    </div>
+  );
+}
diff --git a/desktop/src/apps/chat/PinnedMessagesPopover.tsx b/desktop/src/apps/chat/PinnedMessagesPopover.tsx
new file mode 100644
index 00000000..db926b5c
--- /dev/null
+++ b/desktop/src/apps/chat/PinnedMessagesPopover.tsx
@@ -0,0 +1,45 @@
+export interface PinnedMessage {
+  id: string;
+  author_id: string;
+  content: string;
+  created_at: number;
+  pinned_by: string;
+  pinned_at: number;
+}
+
+export function PinnedMessagesPopover({
+  pins, onJumpTo, onClose,
+}: {
+  pins: PinnedMessage[];
+  onJumpTo: (messageId: string) => void;
+  onClose: () => void;
+}) {
+  return (
+    <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"
+    >
+      <header className="flex items-center justify-between px-3 py-2 border-b border-white/10">
+        <span className="text-xs font-semibold">Pinned ({pins.length})</span>
+        <button onClick={onClose} aria-label="Close" className="text-sm opacity-70 hover:opacity-100">×</button>
+      </header>
+      {pins.length === 0 ? (
+        <div className="p-4 text-sm text-white/50">No pinned messages yet.</div>
+      ) : (
+        <ul className="divide-y divide-white/5">
+          {pins.map((p) => (
+            <li key={p.id} className="p-2 text-sm">
+              <div className="text-xs opacity-60 mb-0.5">@{p.author_id}</div>
+              <div className="line-clamp-2">{p.content}</div>
+              <button
+                onClick={() => onJumpTo(p.id)}
+                className="mt-1 text-xs text-sky-300 hover:text-sky-200"
+              >Jump to →</button>
+            </li>
+          ))}
+        </ul>
+      )}
+    </div>
+  );
+}
diff --git a/desktop/src/apps/chat/ThreadPanel.tsx b/desktop/src/apps/chat/ThreadPanel.tsx
index 4cd9836e..f7bb3f9b 100644
--- a/desktop/src/apps/chat/ThreadPanel.tsx
+++ b/desktop/src/apps/chat/ThreadPanel.tsx
@@ -23,29 +23,52 @@ export function ThreadPanel({
   const [parent, setParent] = useState<Msg | null>(null);
   const [msgs, setMsgs] = useState<Msg[]>([]);
   const [input, setInput] = useState("");
+  const [loadError, setLoadError] = useState<string | null>(null);
+  const [sendError, setSendError] = useState<string | null>(null);
+  const [sending, setSending] = useState(false);
   const inputRef = useRef<HTMLTextAreaElement>(null);
 
   useEffect(() => {
-    let alive = true;
-    fetch(`/api/chat/messages/${parentId}`)
-      .then((r) => (r.ok ? r.json() : null))
-      .then((d) => { if (alive) setParent(d); });
-    return () => { alive = false; };
+    const controller = new AbortController();
+    setLoadError(null);
+    fetch(`/api/chat/messages/${parentId}`, { signal: controller.signal })
+      .then((r) => {
+        if (!r.ok) throw new Error(`parent fetch failed (${r.status})`);
+        return r.json();
+      })
+      .then((d) => setParent(d))
+      .catch((e) => {
+        if ((e as Error).name !== "AbortError") setLoadError("couldn't load this thread");
+      });
+    return () => controller.abort();
   }, [parentId]);
 
   useEffect(() => {
-    let alive = true;
-    fetch(`/api/chat/channels/${channelId}/threads/${parentId}/messages`)
-      .then((r) => r.json())
-      .then((d) => { if (alive) setMsgs(d.messages || []); });
-    return () => { alive = false; };
+    const controller = new AbortController();
+    fetch(`/api/chat/channels/${channelId}/threads/${parentId}/messages`,
+      { signal: controller.signal })
+      .then((r) => (r.ok ? r.json() : { messages: [] }))
+      .then((d) => setMsgs(d.messages || []))
+      .catch((e) => {
+        if ((e as Error).name !== "AbortError") setLoadError("couldn't load this thread");
+      });
+    return () => controller.abort();
   }, [channelId, parentId]);
 
   async function submit() {
     const content = input.trim();
-    if (!content) return;
-    setInput("");
-    await onSend(content, []);
+    if (!content || sending) return;
+    setSending(true);
+    setSendError(null);
+    try {
+      await onSend(content, []);
+      // Only clear on success so users don't lose their draft on failure.
+      setInput("");
+    } catch (e) {
+      setSendError((e as Error).message || "couldn't send reply");
+    } finally {
+      setSending(false);
+    }
   }
 
   function handleKeyDown(e: React.KeyboardEvent<HTMLTextAreaElement>) {
@@ -83,9 +106,15 @@ export function ThreadPanel({
             <div className="text-sm">{m.content}</div>
           </div>
         ))}
+        {loadError && (
+          <div role="alert" className="text-xs text-red-300">{loadError}</div>
+        )}
       </div>
 
       <div className="px-4 py-3 border-t border-white/10">
+        {sendError && (
+          <div role="alert" className="text-xs text-red-300 mb-2">{sendError}</div>
+        )}
         <textarea
           ref={inputRef}
           value={input}
@@ -94,7 +123,8 @@ export function ThreadPanel({
           placeholder="Reply in thread…"
           aria-label="Thread reply"
           rows={2}
-          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={sending}
+          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"
         />
       </div>
     </div>
diff --git a/desktop/src/apps/chat/__tests__/MessageEditor.test.tsx b/desktop/src/apps/chat/__tests__/MessageEditor.test.tsx
new file mode 100644
index 00000000..33769021
--- /dev/null
+++ b/desktop/src/apps/chat/__tests__/MessageEditor.test.tsx
@@ -0,0 +1,33 @@
+import { describe, it, expect, vi } from "vitest";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { MessageEditor } from "../MessageEditor";
+
+describe("MessageEditor", () => {
+  it("renders with initial text", () => {
+    render(<MessageEditor initial="hi" onSave={vi.fn()} onCancel={vi.fn()} />);
+    expect(screen.getByRole("textbox")).toHaveValue("hi");
+  });
+
+  it("Enter triggers save with trimmed text", () => {
+    const onSave = vi.fn();
+    render(<MessageEditor initial="hi" onSave={onSave} onCancel={vi.fn()} />);
+    const input = screen.getByRole("textbox");
+    fireEvent.change(input, { target: { value: "updated " } });
+    fireEvent.keyDown(input, { key: "Enter", shiftKey: false });
+    expect(onSave).toHaveBeenCalledWith("updated");
+  });
+
+  it("Esc triggers cancel", () => {
+    const onCancel = vi.fn();
+    render(<MessageEditor initial="hi" onSave={vi.fn()} onCancel={onCancel} />);
+    fireEvent.keyDown(screen.getByRole("textbox"), { key: "Escape" });
+    expect(onCancel).toHaveBeenCalled();
+  });
+
+  it("Shift+Enter does not save", () => {
+    const onSave = vi.fn();
+    render(<MessageEditor initial="hi" onSave={onSave} onCancel={vi.fn()} />);
+    fireEvent.keyDown(screen.getByRole("textbox"), { key: "Enter", shiftKey: true });
+    expect(onSave).not.toHaveBeenCalled();
+  });
+});
diff --git a/desktop/src/apps/chat/__tests__/MessageHoverActions.test.tsx b/desktop/src/apps/chat/__tests__/MessageHoverActions.test.tsx
index ed54bb69..589772de 100644
--- a/desktop/src/apps/chat/__tests__/MessageHoverActions.test.tsx
+++ b/desktop/src/apps/chat/__tests__/MessageHoverActions.test.tsx
@@ -5,20 +5,20 @@ import { MessageHoverActions } from "../MessageHoverActions";
 describe("MessageHoverActions", () => {
   it("calls onReact when the reaction button is clicked", () => {
     const onReact = vi.fn();
-    render(<MessageHoverActions onReact={onReact} onReplyInThread={vi.fn()} onMore={vi.fn()} />);
+    render(<MessageHoverActions onReact={onReact} onReplyInThread={vi.fn()} onOverflow={vi.fn()} />);
     fireEvent.click(screen.getByRole("button", { name: /Add reaction/i }));
     expect(onReact).toHaveBeenCalled();
   });
   it("calls onReplyInThread when the reply button is clicked", () => {
     const onReply = vi.fn();
-    render(<MessageHoverActions onReact={vi.fn()} onReplyInThread={onReply} onMore={vi.fn()} />);
+    render(<MessageHoverActions onReact={vi.fn()} onReplyInThread={onReply} onOverflow={vi.fn()} />);
     fireEvent.click(screen.getByRole("button", { name: /Reply in thread/i }));
     expect(onReply).toHaveBeenCalled();
   });
-  it("calls onMore when the more button is clicked", () => {
-    const onMore = vi.fn();
-    render(<MessageHoverActions onReact={vi.fn()} onReplyInThread={vi.fn()} onMore={onMore} />);
+  it("calls onOverflow when the overflow button is clicked", () => {
+    const onOverflow = vi.fn();
+    render(<MessageHoverActions onReact={vi.fn()} onReplyInThread={vi.fn()} onOverflow={onOverflow} />);
     fireEvent.click(screen.getByRole("button", { name: /More/i }));
-    expect(onMore).toHaveBeenCalled();
+    expect(onOverflow).toHaveBeenCalled();
   });
 });
diff --git a/desktop/src/apps/chat/__tests__/MessageOverflowMenu.test.tsx b/desktop/src/apps/chat/__tests__/MessageOverflowMenu.test.tsx
new file mode 100644
index 00000000..11b2351a
--- /dev/null
+++ b/desktop/src/apps/chat/__tests__/MessageOverflowMenu.test.tsx
@@ -0,0 +1,43 @@
+import { describe, it, expect, vi } from "vitest";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { MessageOverflowMenu } from "../MessageOverflowMenu";
+
+describe("MessageOverflowMenu", () => {
+  const baseProps = {
+    onEdit: vi.fn(),
+    onDelete: vi.fn(),
+    onCopyLink: vi.fn(),
+    onPin: vi.fn(),
+    onMarkUnread: vi.fn(),
+  };
+
+  it("shows Edit+Delete when isOwn is true", () => {
+    render(<MessageOverflowMenu isOwn={true} isHuman={true} {...baseProps} />);
+    expect(screen.getByRole("menuitem", { name: /Edit/i })).toBeInTheDocument();
+    expect(screen.getByRole("menuitem", { name: /Delete/i })).toBeInTheDocument();
+  });
+
+  it("hides Edit+Delete when isOwn is false", () => {
+    render(<MessageOverflowMenu isOwn={false} isHuman={true} {...baseProps} />);
+    expect(screen.queryByRole("menuitem", { name: /Edit/i })).toBeNull();
+    expect(screen.queryByRole("menuitem", { name: /Delete/i })).toBeNull();
+  });
+
+  it("hides Pin when isHuman is false", () => {
+    render(<MessageOverflowMenu isOwn={false} isHuman={false} {...baseProps} />);
+    expect(screen.queryByRole("menuitem", { name: /^Pin$/i })).toBeNull();
+  });
+
+  it("fires onEdit when Edit is clicked", () => {
+    const onEdit = vi.fn();
+    render(<MessageOverflowMenu isOwn={true} isHuman={true} {...baseProps} onEdit={onEdit} />);
+    fireEvent.click(screen.getByRole("menuitem", { name: /Edit/i }));
+    expect(onEdit).toHaveBeenCalled();
+  });
+
+  it("shows Unpin when isPinned is true", () => {
+    render(<MessageOverflowMenu isOwn={false} isHuman={true} isPinned={true} {...baseProps} />);
+    expect(screen.getByRole("menuitem", { name: /Unpin/i })).toBeInTheDocument();
+    expect(screen.queryByRole("menuitem", { name: /^Pin$/i })).toBeNull();
+  });
+});
diff --git a/desktop/src/apps/chat/__tests__/MessageTombstone.test.tsx b/desktop/src/apps/chat/__tests__/MessageTombstone.test.tsx
new file mode 100644
index 00000000..d958691e
--- /dev/null
+++ b/desktop/src/apps/chat/__tests__/MessageTombstone.test.tsx
@@ -0,0 +1,10 @@
+import { describe, it, expect } from "vitest";
+import { render, screen } from "@testing-library/react";
+import { MessageTombstone } from "../MessageTombstone";
+
+describe("MessageTombstone", () => {
+  it("renders deleted message notice", () => {
+    render(<MessageTombstone />);
+    expect(screen.getByText(/deleted/i)).toBeInTheDocument();
+  });
+});
diff --git a/desktop/src/apps/chat/__tests__/PinBadge.test.tsx b/desktop/src/apps/chat/__tests__/PinBadge.test.tsx
new file mode 100644
index 00000000..a493ab04
--- /dev/null
+++ b/desktop/src/apps/chat/__tests__/PinBadge.test.tsx
@@ -0,0 +1,22 @@
+import { describe, it, expect, vi } from "vitest";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { PinBadge } from "../PinBadge";
+
+describe("PinBadge", () => {
+  it("renders null when count is 0", () => {
+    const { container } = render(<PinBadge count={0} onClick={vi.fn()} />);
+    expect(container.firstChild).toBeNull();
+  });
+
+  it("renders count when > 0", () => {
+    render(<PinBadge count={3} onClick={vi.fn()} />);
+    expect(screen.getByRole("button")).toHaveTextContent("3");
+  });
+
+  it("fires onClick", () => {
+    const onClick = vi.fn();
+    render(<PinBadge count={1} onClick={onClick} />);
+    fireEvent.click(screen.getByRole("button"));
+    expect(onClick).toHaveBeenCalled();
+  });
+});
diff --git a/desktop/src/apps/chat/__tests__/PinRequestAffordance.test.tsx b/desktop/src/apps/chat/__tests__/PinRequestAffordance.test.tsx
new file mode 100644
index 00000000..41ccede2
--- /dev/null
+++ b/desktop/src/apps/chat/__tests__/PinRequestAffordance.test.tsx
@@ -0,0 +1,17 @@
+import { describe, it, expect, vi } from "vitest";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { PinRequestAffordance } from "../PinRequestAffordance";
+
+describe("PinRequestAffordance", () => {
+  it("calls onApprove when clicked", () => {
+    const onApprove = vi.fn();
+    render(<PinRequestAffordance authorId="tom" onApprove={onApprove} />);
+    fireEvent.click(screen.getByRole("button", { name: /Pin this/i }));
+    expect(onApprove).toHaveBeenCalled();
+  });
+
+  it("shows author name in label", () => {
+    render(<PinRequestAffordance authorId="tom" onApprove={vi.fn()} />);
+    expect(screen.getByText(/tom/)).toBeInTheDocument();
+  });
+});
diff --git a/desktop/src/apps/chat/__tests__/PinnedMessagesPopover.test.tsx b/desktop/src/apps/chat/__tests__/PinnedMessagesPopover.test.tsx
new file mode 100644
index 00000000..00886502
--- /dev/null
+++ b/desktop/src/apps/chat/__tests__/PinnedMessagesPopover.test.tsx
@@ -0,0 +1,27 @@
+import { describe, it, expect, vi } from "vitest";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { PinnedMessagesPopover } from "../PinnedMessagesPopover";
+
+describe("PinnedMessagesPopover", () => {
+  it("shows empty state when pins is []", () => {
+    render(<PinnedMessagesPopover pins={[]} onJumpTo={vi.fn()} onClose={vi.fn()} />);
+    expect(screen.getByText(/no pinned messages/i)).toBeInTheDocument();
+  });
+
+  it("renders a pinned message", () => {
+    const pins = [{
+      id: "m1", author_id: "tom", content: "important",
+      created_at: 123, pinned_by: "user:jay", pinned_at: 200,
+    }];
+    render(<PinnedMessagesPopover pins={pins} onJumpTo={vi.fn()} onClose={vi.fn()} />);
+    expect(screen.getByText("important")).toBeInTheDocument();
+  });
+
+  it("fires onJumpTo with message id", () => {
+    const onJumpTo = vi.fn();
+    const pins = [{ id: "m1", author_id: "tom", content: "x", created_at: 123, pinned_by: "u", pinned_at: 200 }];
+    render(<PinnedMessagesPopover pins={pins} onJumpTo={onJumpTo} onClose={vi.fn()} />);
+    fireEvent.click(screen.getByRole("button", { name: /Jump to/i }));
+    expect(onJumpTo).toHaveBeenCalledWith("m1");
+  });
+});
diff --git a/desktop/src/lib/__tests__/chat-messages-api.test.ts b/desktop/src/lib/__tests__/chat-messages-api.test.ts
new file mode 100644
index 00000000..492a2d42
--- /dev/null
+++ b/desktop/src/lib/__tests__/chat-messages-api.test.ts
@@ -0,0 +1,79 @@
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import {
+  pinMessage, unpinMessage, listPins,
+  editMessage, deleteMessage, markUnread,
+} from "../chat-messages-api";
+
+describe("chat-messages-api", () => {
+  beforeEach(() => {
+    global.fetch = vi.fn(() =>
+      Promise.resolve({ ok: true, status: 200, json: () => Promise.resolve({}) }),
+    ) as unknown as typeof fetch;
+  });
+
+  it("pinMessage POSTs /messages/{id}/pin", async () => {
+    await pinMessage("m1");
+    expect(fetch).toHaveBeenCalledWith(
+      "/api/chat/messages/m1/pin",
+      expect.objectContaining({ method: "POST" }),
+    );
+  });
+
+  it("unpinMessage DELETEs", async () => {
+    global.fetch = vi.fn(() => Promise.resolve({ ok: true, status: 204 })) as unknown as typeof fetch;
+    await unpinMessage("m1");
+    expect(fetch).toHaveBeenCalledWith(
+      "/api/chat/messages/m1/pin",
+      expect.objectContaining({ method: "DELETE" }),
+    );
+  });
+
+  it("listPins GETs and returns pins", async () => {
+    global.fetch = vi.fn(() => Promise.resolve({
+      ok: true, status: 200,
+      json: () => Promise.resolve({ pins: [{ id: "m1" }] }),
+    })) as unknown as typeof fetch;
+    const pins = await listPins("c1");
+    expect(fetch).toHaveBeenCalledWith("/api/chat/channels/c1/pins");
+    expect(pins).toEqual([{ id: "m1" }]);
+  });
+
+  it("editMessage PATCHes with content", async () => {
+    await editMessage("m1", "new text");
+    expect(fetch).toHaveBeenCalledWith(
+      "/api/chat/messages/m1",
+      expect.objectContaining({
+        method: "PATCH",
+        body: JSON.stringify({ content: "new text" }),
+      }),
+    );
+  });
+
+  it("deleteMessage DELETEs", async () => {
+    global.fetch = vi.fn(() => Promise.resolve({ ok: true, status: 204 })) as unknown as typeof fetch;
+    await deleteMessage("m1");
+    expect(fetch).toHaveBeenCalledWith(
+      "/api/chat/messages/m1",
+      expect.objectContaining({ method: "DELETE" }),
+    );
+  });
+
+  it("markUnread POSTs rewind endpoint", async () => {
+    await markUnread("c1", "m2");
+    expect(fetch).toHaveBeenCalledWith(
+      "/api/chat/channels/c1/read-cursor/rewind",
+      expect.objectContaining({
+        method: "POST",
+        body: JSON.stringify({ before_message_id: "m2" }),
+      }),
+    );
+  });
+
+  it("throws on non-OK with server error", async () => {
+    global.fetch = vi.fn(() => Promise.resolve({
+      ok: false, status: 409,
+      json: () => Promise.resolve({ error: "pin cap (50) reached" }),
+    })) as unknown as typeof fetch;
+    await expect(pinMessage("m1")).rejects.toThrow("pin cap");
+  });
+});
diff --git a/desktop/src/lib/chat-attachments-api.ts b/desktop/src/lib/chat-attachments-api.ts
index 613cbd14..0094dae4 100644
--- a/desktop/src/lib/chat-attachments-api.ts
+++ b/desktop/src/lib/chat-attachments-api.ts
@@ -19,7 +19,15 @@ export async function uploadDiskFile(file: File, channelId?: string): Promise<At
   if (channelId) form.append("channel_id", channelId);
   const r = await fetch("/api/chat/upload", { method: "POST", body: form });
   await _ensureOk(r);
-  return r.json();
+  // Backend returns {id, filename, content_type, size, url} — normalize to AttachmentRecord.
+  const body = await r.json();
+  return {
+    filename: body.filename,
+    mime_type: body.mime_type || body.content_type || "application/octet-stream",
+    size: body.size,
+    url: body.url,
+    source: "disk",
+  };
 }
 
 export async function attachmentFromPath(body: {
diff --git a/desktop/src/lib/chat-messages-api.ts b/desktop/src/lib/chat-messages-api.ts
new file mode 100644
index 00000000..dbe74b7a
--- /dev/null
+++ b/desktop/src/lib/chat-messages-api.ts
@@ -0,0 +1,47 @@
+async function _ensureOk(r: Response): Promise<void> {
+  if (r.ok) return;
+  let body: { error?: string } | null = null;
+  try { body = await r.json(); } catch { /* ignore */ }
+  throw new Error(body?.error || `HTTP ${r.status}`);
+}
+
+export async function pinMessage(messageId: string): Promise<void> {
+  const r = await fetch(`/api/chat/messages/${messageId}/pin`, { method: "POST" });
+  await _ensureOk(r);
+}
+
+export async function unpinMessage(messageId: string): Promise<void> {
+  const r = await fetch(`/api/chat/messages/${messageId}/pin`, { method: "DELETE" });
+  await _ensureOk(r);
+}
+
+export async function listPins(channelId: string): Promise<unknown[]> {
+  const r = await fetch(`/api/chat/channels/${channelId}/pins`);
+  await _ensureOk(r);
+  const body = await r.json();
+  return body.pins || [];
+}
+
+export async function editMessage(messageId: string, content: string): Promise<unknown> {
+  const r = await fetch(`/api/chat/messages/${messageId}`, {
+    method: "PATCH",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ content }),
+  });
+  await _ensureOk(r);
+  return r.json();
+}
+
+export async function deleteMessage(messageId: string): Promise<void> {
+  const r = await fetch(`/api/chat/messages/${messageId}`, { method: "DELETE" });
+  await _ensureOk(r);
+}
+
+export async function markUnread(channelId: string, beforeMessageId: string): Promise<void> {
+  const r = await fetch(`/api/chat/channels/${channelId}/read-cursor/rewind`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ before_message_id: beforeMessageId }),
+  });
+  await _ensureOk(r);
+}
diff --git a/desktop/src/shell/FilePicker.tsx b/desktop/src/shell/FilePicker.tsx
index 1605d930..ea3f2fe1 100644
--- a/desktop/src/shell/FilePicker.tsx
+++ b/desktop/src/shell/FilePicker.tsx
@@ -53,19 +53,28 @@ export function FilePicker({
     setQueued((prev) => multi ? [...prev, ...selections] : selections);
   };
 
+  // VfsBrowser sends the full current selection on each toggle, so we
+  // replace — not append — the VFS-sourced subset of the queue. Disk
+  // items stay untouched because they come from a different source.
   const onWorkspacePick = (path: string | string[]) => {
     const paths = Array.isArray(path) ? path : [path];
     const selections: FileSelection[] = paths.map((p) => ({ source: "workspace", path: p }));
-    setQueued((prev) => multi ? [...prev, ...selections] : selections);
+    setQueued((prev) => {
+      if (!multi) return selections;
+      return [...prev.filter((s) => s.source !== "workspace"), ...selections];
+    });
   };
 
   const onAgentWorkspacePick = (path: string | string[]) => {
     if (!selectedAgent) return;
     const paths = Array.isArray(path) ? path : [path];
     const selections: FileSelection[] = paths.map((p) => ({
-      source: "agent-workspace", slug: selectedAgent, path: p,
+      source: "agent-workspace" as const, slug: selectedAgent, path: p,
     }));
-    setQueued((prev) => multi ? [...prev, ...selections] : selections);
+    setQueued((prev) => {
+      if (!multi) return selections;
+      return [...prev.filter((s) => s.source !== "agent-workspace"), ...selections];
+    });
   };
 
   const confirm = () => onPick(queued);
diff --git a/desktop/src/theme/tokens.css b/desktop/src/theme/tokens.css
index b71a9ddf..464a8342 100644
--- a/desktop/src/theme/tokens.css
+++ b/desktop/src/theme/tokens.css
@@ -85,3 +85,9 @@
   border-right-color: rgba(255, 255, 255, 0.4);
   border-bottom-color: rgba(255, 255, 255, 0.4);
 }
+
+.data-highlight {
+  outline: 2px solid rgb(250 204 21 / 0.8);
+  outline-offset: 2px;
+  transition: outline 0.2s ease-out;
+}
diff --git a/desktop/tsconfig.tsbuildinfo b/desktop/tsconfig.tsbuildinfo
index 4840dba9..b52813ef 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/messagehoveractions.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/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-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
diff --git a/docs/chat-guide.md b/docs/chat-guide.md
index 58e571ee..3dc1ea47 100644
--- a/docs/chat-guide.md
+++ b/docs/chat-guide.md
@@ -369,3 +369,29 @@ topic.
 | `threads` | [#threads](#threads) |
 | `attachments` | [#attachments](#attachments) |
 | `help` | [#help](#help) |
+
+---
+
+## Edit and delete your own messages
+
+Hover a message → `⋯` → **Edit** (your own text only). Press **Enter** to save, **Esc** to cancel. A small `(edited)` marker shows next to the author line afterward.
+
+`⋯` → **Delete** removes your message with a tombstone ("_This message was deleted_"). Thread replies remain anchored to the parent so the thread still makes sense. You cannot delete another user or agent's messages.
+
+Edits are text-only — attachments, thread placement, and metadata cannot be changed after send.
+
+## Pinning
+
+Hover a message → `⋯` → **Pin**. The channel header shows a `📌 N` badge with the pin count. Click the badge to see the pinned list; each entry has a **Jump to →** action that scrolls to the original message.
+
+Up to **50 pins per channel**. Pinning a 51st message returns an error.
+
+Only humans can pin. Agents can **request** a pin by adding a 📌 reaction to their own message — humans see a `@agent wants to pin this` pill below the message with a one-click **📌 Pin this** button.
+
+## Copy link and deep links
+
+`⋯` → **Copy link** copies a URL in the form `https://<host>/chat/<channel>?msg=<message>` to your clipboard. Opening that URL in taOS scrolls to the message and briefly outlines it in yellow. Paste into email, Slack, docs, tickets — anywhere you share links.
+
+## Mark unread
+
+`⋯` → **Mark unread** rewinds your read cursor to just before that message. The channel list's unread badge updates accordingly. No notifications re-fire.
diff --git a/docs/superpowers/plans/2026-04-19-chat-phase-2b-2a-per-msg.md b/docs/superpowers/plans/2026-04-19-chat-phase-2b-2a-per-msg.md
new file mode 100644
index 00000000..6f279e40
--- /dev/null
+++ b/docs/superpowers/plans/2026-04-19-chat-phase-2b-2a-per-msg.md
@@ -0,0 +1,2600 @@
+# Chat Phase 2b-2a 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. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Ship per-message affordances (edit-own, delete-own, copy link, mark-unread) and pinning (human-only with agent pin-request via 📌 self-reaction) on taOS chat.
+
+**Architecture:** Additive `deleted_at` column + reuse existing `chat_pins` table; new author-checked REST endpoints; overflow menu (⋯) on `MessageHoverActions`; header pin badge popover; deep-link scroll via `?msg=<id>` query param. Soft delete (tombstones preserve thread anchors); always-editable text-only edits; web-URL copy-link; existing `chat_read_positions` drives mark-unread rewind.
+
+**Tech Stack:** Python 3.12 + FastAPI + aiosqlite + httpx (backend); React + TypeScript + Tailwind + Vitest (desktop); Playwright (E2E).
+
+---
+
+## File structure
+
+### Backend
+- `tinyagentos/chat/message_store.py` — add `deleted_at` column in SCHEMA + `soft_delete_message`, `pin_message`, `unpin_message`, `get_pins`, `is_pinned` store methods. Update `delete_message` → calls `soft_delete_message` (soft is now canonical).
+- `tinyagentos/chat/channel_store.py` — add `rewind_read_cursor(user_id, channel_id, before_ts)` method.
+- `tinyagentos/routes/chat.py` — 6 new endpoints: `GET /channels/{id}/pins`, `POST /messages/{id}/pin`, `DELETE /messages/{id}/pin`, `PATCH /messages/{id}`, `DELETE /messages/{id}`, `POST /channels/{id}/read-cursor/rewind`.
+- `tinyagentos/chat/reactions.py` — extend semantic dispatcher: 📌 by an agent on its own message sets `metadata.pin_requested = true`.
+
+### Backend tests
+- `tests/test_chat_pins.py` (new)
+- `tests/test_chat_edit_delete.py` (new)
+- `tests/test_chat_mark_unread.py` (new)
+- `tests/test_chat_pin_request.py` (new)
+- `tests/test_chat_messages.py` (modify — existing hard-delete test updated to soft-delete expectation)
+- `tests/test_routes_agents.py` (modify — existing cleanup test updated)
+
+### Frontend
+- `desktop/src/lib/chat-messages-api.ts` — new client.
+- `desktop/src/apps/chat/MessageOverflowMenu.tsx` — overflow dropdown.
+- `desktop/src/apps/chat/MessageEditor.tsx` — inline text edit input.
+- `desktop/src/apps/chat/MessageTombstone.tsx` — "deleted" placeholder.
+- `desktop/src/apps/chat/PinBadge.tsx` — header badge showing pin count.
+- `desktop/src/apps/chat/PinnedMessagesPopover.tsx` — dropdown listing pins.
+- `desktop/src/apps/chat/PinRequestAffordance.tsx` — "Pin this?" inline pill.
+- `desktop/src/apps/chat/MessageHoverActions.tsx` — add ⋯ button.
+- `desktop/src/apps/MessagesApp.tsx` — integrate (overflow wiring, pin badge, deep-link scroll, pin-request affordance render, tombstone render, edit-in-place).
+
+### Frontend tests (all under `desktop/src/apps/chat/__tests__/` except the api client):
+- `chat-messages-api.test.ts` (under `desktop/src/lib/__tests__/`)
+- `MessageOverflowMenu.test.tsx`
+- `MessageEditor.test.tsx`
+- `MessageTombstone.test.tsx`
+- `PinBadge.test.tsx`
+- `PinnedMessagesPopover.test.tsx`
+- `PinRequestAffordance.test.tsx`
+
+### Docs + E2E
+- `docs/chat-guide.md` — append "Edit + delete", "Pinning", "Copy link + deep links", "Mark unread" sections.
+- `tests/e2e/test_chat_phase2b2a.py` (new, env-gated).
+
+### Build
+- `static/desktop/**` — rebuild on Task 18.
+
+---
+
+## Task 1: `deleted_at` column + soft-delete store method
+
+**Files:**
+- Modify: `tinyagentos/chat/message_store.py`
+- Modify: `tests/test_chat_messages.py`
+- Modify: `tests/test_routes_agents.py`
+
+- [ ] **Step 1: Add `deleted_at` column to SCHEMA**
+
+Edit `tinyagentos/chat/message_store.py` — in the `MESSAGES_SCHEMA` string (around line 9-30), add a column after `edited_at`:
+
+```python
+MESSAGES_SCHEMA = """
+CREATE TABLE IF NOT EXISTS chat_messages (
+    ...
+    edited_at REAL,
+    deleted_at REAL,
+    pinned INTEGER NOT NULL DEFAULT 0,
+    ...
+);
+CREATE INDEX IF NOT EXISTS idx_chat_messages_channel ON chat_messages(channel_id, created_at);
+CREATE INDEX IF NOT EXISTS idx_chat_messages_thread ON chat_messages(thread_id);
+```
+
+Right after the final `CREATE INDEX ...` line in the string, add a migration guard for existing databases:
+
+```python
+-- additive migration for existing DBs
+ALTER TABLE chat_messages ADD COLUMN deleted_at REAL;
+"""
+```
+
+**Note:** SQLite `ADD COLUMN` is idempotent-unsafe — re-running fails with "duplicate column name". Use a try/except wrapper via the existing `BaseStore` migration mechanism. Check `tinyagentos/base_store.py` to confirm how migrations are applied; if it swallows duplicate-column errors, the string is fine. Otherwise, wrap with `try/except` in `init()`. Look for existing `ALTER TABLE` usage in `chat_messages.py` SCHEMA — there's likely a pattern already.
+
+If the SCHEMA execution doesn't tolerate `ALTER` on existing DBs, add an explicit guarded migration in `ChatMessageStore.init()`:
+
+```python
+async def init(self) -> None:
+    await super().init()
+    try:
+        await self._db.execute("ALTER TABLE chat_messages ADD COLUMN deleted_at REAL")
+        await self._db.commit()
+    except Exception:
+        # column already exists
+        pass
+```
+
+Pick whichever matches the existing pattern in the file.
+
+- [ ] **Step 2: Write the failing test**
+
+Add to `tests/test_chat_messages.py`:
+
+```python
+@pytest.mark.asyncio
+async def test_soft_delete_sets_deleted_at(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    msg = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent",
+        content="hello",
+    )
+    ok = await store.soft_delete_message(msg["id"])
+    assert ok is True
+    got = await store.get_message(msg["id"])
+    assert got is not None  # row preserved
+    assert got["deleted_at"] is not None
+    assert got["content"] == "hello"  # content preserved for admin recovery
+
+
+@pytest.mark.asyncio
+async def test_soft_delete_nonexistent_returns_false(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    ok = await store.soft_delete_message("does-not-exist")
+    assert ok is False
+```
+
+Check whether `ChatMessageStore` is already imported at the top of `test_chat_messages.py`; if not, add the import.
+
+- [ ] **Step 3: Run tests to verify they fail**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_messages.py::test_soft_delete_sets_deleted_at -v`
+Expected: FAIL — AttributeError: `soft_delete_message` not defined.
+
+- [ ] **Step 4: Add `soft_delete_message` method**
+
+In `tinyagentos/chat/message_store.py`, add after `edit_message`:
+
+```python
+async def soft_delete_message(self, message_id: str) -> bool:
+    """Mark message as soft-deleted; returns True if a row was updated."""
+    now = time.time()
+    cursor = await self._db.execute(
+        "UPDATE chat_messages SET deleted_at = ? WHERE id = ? AND deleted_at IS NULL",
+        (now, message_id),
+    )
+    await self._db.commit()
+    return cursor.rowcount > 0
+```
+
+- [ ] **Step 5: Update existing `delete_message` to soft-delete (canonical)**
+
+Replace the existing `delete_message`:
+
+```python
+async def delete_message(self, message_id: str) -> bool:
+    """Canonical delete = soft delete (Phase 2b-2a)."""
+    return await self.soft_delete_message(message_id)
+```
+
+This means row persists after `delete_message`.
+
+- [ ] **Step 6: Update existing hard-delete test in `tests/test_chat_messages.py`**
+
+Find the existing test at `tests/test_chat_messages.py:121` that expects `get_message` to return `None` after `delete_message`. Change the assertion to soft-delete semantics:
+
+```python
+# OLD
+deleted = await store.delete_message(msg["id"])
+assert deleted is True
+got = await store.get_message(msg["id"])
+assert got is None
+
+# NEW
+deleted = await store.delete_message(msg["id"])
+assert deleted is True
+got = await store.get_message(msg["id"])
+assert got is not None
+assert got["deleted_at"] is not None
+```
+
+- [ ] **Step 7: Update `tests/test_routes_agents.py:929` cleanup block**
+
+The existing usage is agent-cleanup that hard-deletes messages. Change the assertion around the delete to not rely on the row being gone:
+
+```python
+# Was probably: assert await msg_store.get_message(id) is None
+# Update to reflect soft-delete semantics, OR remove the assertion if it was just for cleanup
+```
+
+Read the file around the line reference before editing — if the test only calls `delete_message` for cleanup (not asserting), it's safe to leave the call in place. Only change assertions that specifically require row removal.
+
+- [ ] **Step 8: Run full test_chat_messages + test_routes_agents**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_messages.py tests/test_routes_agents.py -v`
+Expected: all pass.
+
+- [ ] **Step 9: Commit**
+
+```bash
+git add tinyagentos/chat/message_store.py tests/test_chat_messages.py tests/test_routes_agents.py
+git commit -m "feat(chat): soft-delete messages via deleted_at column; canonical delete = soft"
+```
+
+---
+
+## Task 2: Pin store methods + 50-pin cap
+
+**Files:**
+- Modify: `tinyagentos/chat/message_store.py`
+- Test: `tests/test_chat_pins.py` (new)
+
+The `chat_pins` table already exists in the schema (columns `channel_id`, `message_id`, `pinned_by`, `pinned_at`, PK `(channel_id, message_id)`). We add store methods around it.
+
+- [ ] **Step 1: Write failing tests**
+
+Create `tests/test_chat_pins.py`:
+
+```python
+import pytest
+from tinyagentos.chat.message_store import ChatMessageStore
+
+
+@pytest.mark.asyncio
+async def test_pin_and_list_pins(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    msg = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent", content="hi",
+    )
+    await store.pin_message("c1", msg["id"], pinned_by="user:jay")
+    pins = await store.get_pins("c1")
+    assert len(pins) == 1
+    assert pins[0]["id"] == msg["id"]
+    assert pins[0]["pinned_by"] == "user:jay"
+    assert pins[0]["pinned_at"] is not None
+
+
+@pytest.mark.asyncio
+async def test_unpin_message(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    msg = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent", content="hi",
+    )
+    await store.pin_message("c1", msg["id"], pinned_by="user:jay")
+    ok = await store.unpin_message("c1", msg["id"])
+    assert ok is True
+    pins = await store.get_pins("c1")
+    assert pins == []
+    # unpin again -> False
+    ok2 = await store.unpin_message("c1", msg["id"])
+    assert ok2 is False
+
+
+@pytest.mark.asyncio
+async def test_pin_cap_at_50(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    ids = []
+    for i in range(50):
+        m = await store.send_message(
+            channel_id="c1", author_id="tom", author_type="agent", content=f"m{i}",
+        )
+        ids.append(m["id"])
+        await store.pin_message("c1", m["id"], pinned_by="user:jay")
+    # 51st should raise
+    m51 = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent", content="m51",
+    )
+    with pytest.raises(ValueError, match="pin cap"):
+        await store.pin_message("c1", m51["id"], pinned_by="user:jay")
+
+
+@pytest.mark.asyncio
+async def test_pin_idempotent(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    m = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent", content="x",
+    )
+    await store.pin_message("c1", m["id"], pinned_by="user:jay")
+    await store.pin_message("c1", m["id"], pinned_by="user:jay")  # no raise
+    pins = await store.get_pins("c1")
+    assert len(pins) == 1
+
+
+@pytest.mark.asyncio
+async def test_is_pinned(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    m = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent", content="x",
+    )
+    assert await store.is_pinned(m["id"]) is False
+    await store.pin_message("c1", m["id"], pinned_by="user:jay")
+    assert await store.is_pinned(m["id"]) is True
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_pins.py -v`
+Expected: FAIL — `pin_message`/`get_pins`/`unpin_message`/`is_pinned` not defined.
+
+- [ ] **Step 3: Add store methods**
+
+In `tinyagentos/chat/message_store.py`, after `delete_message`:
+
+```python
+PIN_CAP_PER_CHANNEL = 50
+
+
+async def pin_message(self, channel_id: str, message_id: str, pinned_by: str) -> None:
+    """Pin a message in a channel. Idempotent. Raises ValueError if pin cap
+    (50) would be exceeded by a new pin."""
+    # Check if already pinned (idempotent)
+    async with self._db.execute(
+        "SELECT 1 FROM chat_pins WHERE channel_id = ? AND message_id = ?",
+        (channel_id, message_id),
+    ) as cursor:
+        already = await cursor.fetchone()
+    if already:
+        return
+    # Check cap
+    async with self._db.execute(
+        "SELECT COUNT(*) FROM chat_pins WHERE channel_id = ?", (channel_id,)
+    ) as cursor:
+        row = await cursor.fetchone()
+    count = row[0] if row else 0
+    if count >= PIN_CAP_PER_CHANNEL:
+        raise ValueError(f"pin cap ({PIN_CAP_PER_CHANNEL}) reached")
+    now = time.time()
+    await self._db.execute(
+        "INSERT INTO chat_pins (channel_id, message_id, pinned_by, pinned_at) VALUES (?, ?, ?, ?)",
+        (channel_id, message_id, pinned_by, now),
+    )
+    await self._db.commit()
+
+
+async def unpin_message(self, channel_id: str, message_id: str) -> bool:
+    cursor = await self._db.execute(
+        "DELETE FROM chat_pins WHERE channel_id = ? AND message_id = ?",
+        (channel_id, message_id),
+    )
+    await self._db.commit()
+    return cursor.rowcount > 0
+
+
+async def is_pinned(self, message_id: str) -> bool:
+    async with self._db.execute(
+        "SELECT 1 FROM chat_pins WHERE message_id = ?", (message_id,)
+    ) as cursor:
+        return await cursor.fetchone() is not None
+
+
+async def get_pins(self, channel_id: str) -> list[dict]:
+    """Return pinned messages in this channel, newest pin first, with
+    `pinned_by` and `pinned_at` fields merged into each message dict."""
+    async with self._db.execute(
+        """SELECT m.*, p.pinned_by, p.pinned_at
+           FROM chat_messages m
+           INNER JOIN chat_pins p
+             ON p.message_id = m.id AND p.channel_id = m.channel_id
+           WHERE p.channel_id = ? AND m.deleted_at IS NULL
+           ORDER BY p.pinned_at DESC""",
+        (channel_id,),
+    ) as cursor:
+        rows = await cursor.fetchall()
+        description = cursor.description
+    return [_parse(row, description) for row in rows]
+```
+
+Add `PIN_CAP_PER_CHANNEL = 50` as a module-level constant near the top of the file.
+
+- [ ] **Step 4: Run tests to pass**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_pins.py -v`
+Expected: 5 pass.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add tinyagentos/chat/message_store.py tests/test_chat_pins.py
+git commit -m "feat(chat): pin/unpin/list-pins store methods with 50-pin cap"
+```
+
+---
+
+## Task 3: `rewind_read_cursor` in channel_store
+
+**Files:**
+- Modify: `tinyagentos/chat/channel_store.py`
+- Test: `tests/test_chat_mark_unread.py` (new, store-level section)
+
+- [ ] **Step 1: Write failing test**
+
+Create `tests/test_chat_mark_unread.py`:
+
+```python
+import pytest
+import time
+from tinyagentos.chat.channel_store import ChatChannelStore
+
+
+@pytest.mark.asyncio
+async def test_rewind_read_cursor_sets_last_read_at(tmp_path):
+    store = ChatChannelStore(tmp_path / "channels.db")
+    await store.init()
+    await store.mark_read("jay", "c1", message_id="m5", ts=1000.0)
+    # Rewind to before_ts=500
+    await store.rewind_read_cursor("jay", "c1", before_ts=500.0)
+    # Unread counts should reflect the rewind — since last_read_at is now
+    # before anything, but we need a message past 500 to see effect.
+    # Verify the column directly:
+    async with store._db.execute(
+        "SELECT last_read_at FROM chat_read_positions WHERE user_id = ? AND channel_id = ?",
+        ("jay", "c1"),
+    ) as cursor:
+        row = await cursor.fetchone()
+    assert row is not None
+    assert row[0] == 500.0
+```
+
+- [ ] **Step 2: Run test to verify it fails**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_mark_unread.py::test_rewind_read_cursor_sets_last_read_at -v`
+Expected: FAIL — `rewind_read_cursor` not defined.
+
+- [ ] **Step 3: Add the method to `ChatChannelStore`**
+
+Find the existing `mark_read` method in `tinyagentos/chat/channel_store.py` (around line 260-275). Add right after it:
+
+```python
+async def rewind_read_cursor(self, user_id: str, channel_id: str, before_ts: float) -> None:
+    """Set the user's last_read_at for this channel to `before_ts`. Used for
+    mark-unread: UI passes msg.created_at - epsilon to make everything from
+    that message forward count as unread.
+    Upserts the position row if it doesn't exist."""
+    await self._db.execute(
+        """INSERT INTO chat_read_positions (user_id, channel_id, last_read_message_id, last_read_at)
+           VALUES (?, ?, '', ?)
+           ON CONFLICT(user_id, channel_id) DO UPDATE SET last_read_at = excluded.last_read_at""",
+        (user_id, channel_id, before_ts),
+    )
+    await self._db.commit()
+```
+
+Confirm `chat_read_positions` has a composite unique constraint on `(user_id, channel_id)`. If not, adjust the upsert accordingly. Most likely it does — look at the schema in the same file.
+
+- [ ] **Step 4: Run test**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_mark_unread.py::test_rewind_read_cursor_sets_last_read_at -v`
+Expected: PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add tinyagentos/chat/channel_store.py tests/test_chat_mark_unread.py
+git commit -m "feat(chat): rewind_read_cursor for mark-unread"
+```
+
+---
+
+## Task 4: `GET /api/chat/channels/{id}/pins` endpoint
+
+**Files:**
+- Modify: `tinyagentos/routes/chat.py`
+- Test: `tests/test_chat_pins.py` (extend with HTTP test)
+
+- [ ] **Step 1: Write failing test**
+
+Append to `tests/test_chat_pins.py`:
+
+```python
+import yaml
+from httpx import AsyncClient, ASGITransport
+
+
+def _make_pins_app(tmp_path):
+    cfg = {
+        "server": {"host": "0.0.0.0", "port": 6969},
+        "backends": [],
+        "qmd": {"url": "http://localhost:7832"},
+        "agents": [],
+        "metrics": {"poll_interval": 30, "retention_days": 30},
+    }
+    (tmp_path / "config.yaml").write_text(yaml.dump(cfg))
+    (tmp_path / ".setup_complete").touch()
+    from tinyagentos.app import create_app
+    return create_app(data_dir=tmp_path)
+
+
+async def _authed_pins_client(tmp_path):
+    app = _make_pins_app(tmp_path)
+    await app.state.chat_channels.init()
+    await app.state.chat_messages.init()
+    app.state.auth.setup_user("admin", "Test Admin", "", "testpass")
+    rec = app.state.auth.find_user("admin")
+    token = app.state.auth.create_session(user_id=rec["id"], long_lived=True)
+    client = AsyncClient(
+        transport=ASGITransport(app=app),
+        base_url="http://test",
+        cookies={"taos_session": token},
+    )
+    return app, client
+
+
+@pytest.mark.asyncio
+async def test_get_pins_endpoint(tmp_path):
+    app, client = await _authed_pins_client(tmp_path)
+    async with client:
+        # Seed a channel and a pinned message
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": "user", "author_type": "user",
+                  "content": "pin me", "content_type": "text"},
+        )
+        msg_id = m_r.json()["id"]
+        await app.state.chat_messages.pin_message(ch_id, msg_id, pinned_by="user:admin")
+        # HTTP GET
+        r = await client.get(f"/api/chat/channels/{ch_id}/pins")
+        assert r.status_code == 200
+        body = r.json()
+        assert "pins" in body
+        assert len(body["pins"]) == 1
+        assert body["pins"][0]["id"] == msg_id
+        assert body["pins"][0]["pinned_by"] == "user:admin"
+```
+
+- [ ] **Step 2: Run test to verify it fails**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_pins.py::test_get_pins_endpoint -v`
+Expected: FAIL with 404 (route not defined).
+
+- [ ] **Step 3: Add endpoint**
+
+In `tinyagentos/routes/chat.py`, near the existing `get_thread_messages_endpoint` (around line 425-431), add:
+
+```python
+@router.get("/api/chat/channels/{channel_id}/pins")
+async def get_channel_pins(channel_id: str, request: Request):
+    store = request.app.state.chat_messages
+    pins = await store.get_pins(channel_id)
+    return JSONResponse({"pins": pins})
+```
+
+- [ ] **Step 4: Run test**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_pins.py::test_get_pins_endpoint -v`
+Expected: PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add tinyagentos/routes/chat.py tests/test_chat_pins.py
+git commit -m "feat(chat): GET /channels/{id}/pins endpoint"
+```
+
+---
+
+## Task 5: `POST/DELETE /api/chat/messages/{id}/pin` endpoints (human-only + cap)
+
+**Files:**
+- Modify: `tinyagentos/routes/chat.py`
+- Test: `tests/test_chat_pins.py` (extend)
+
+- [ ] **Step 1: Write failing tests**
+
+Append to `tests/test_chat_pins.py`:
+
+```python
+@pytest.mark.asyncio
+async def test_pin_endpoint_success(tmp_path):
+    app, client = await _authed_pins_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": "user", "author_type": "user",
+                  "content": "pin me", "content_type": "text"},
+        )
+        msg_id = m_r.json()["id"]
+        r = await client.post(f"/api/chat/messages/{msg_id}/pin")
+        assert r.status_code == 200, r.json()
+        # Now listed in pins
+        pins_r = await client.get(f"/api/chat/channels/{ch_id}/pins")
+        assert len(pins_r.json()["pins"]) == 1
+
+
+@pytest.mark.asyncio
+async def test_unpin_endpoint(tmp_path):
+    app, client = await _authed_pins_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": "user", "author_type": "user",
+                  "content": "x", "content_type": "text"},
+        )
+        msg_id = m_r.json()["id"]
+        await app.state.chat_messages.pin_message(ch_id, msg_id, pinned_by="user:admin")
+        r = await client.delete(f"/api/chat/messages/{msg_id}/pin")
+        assert r.status_code == 204
+        pins_r = await client.get(f"/api/chat/channels/{ch_id}/pins")
+        assert pins_r.json()["pins"] == []
+
+
+@pytest.mark.asyncio
+async def test_pin_nonexistent_message_returns_404(tmp_path):
+    app, client = await _authed_pins_client(tmp_path)
+    async with client:
+        r = await client.post("/api/chat/messages/nonexistent/pin")
+        assert r.status_code == 404
+
+
+@pytest.mark.asyncio
+async def test_pin_cap_returns_409(tmp_path):
+    app, client = await _authed_pins_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        # Pre-seed 50 pins via the store
+        for i in range(50):
+            m = await app.state.chat_messages.send_message(
+                channel_id=ch_id, author_id="user", author_type="user", content=f"m{i}",
+            )
+            await app.state.chat_messages.pin_message(ch_id, m["id"], pinned_by="user:admin")
+        # 51st via endpoint
+        m51 = await app.state.chat_messages.send_message(
+            channel_id=ch_id, author_id="user", author_type="user", content="m51",
+        )
+        r = await client.post(f"/api/chat/messages/{m51['id']}/pin")
+        assert r.status_code == 409
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_pins.py -v -k "pin_endpoint or unpin or nonexistent or cap"`
+Expected: FAIL (routes not defined).
+
+- [ ] **Step 3: Add endpoints**
+
+In `tinyagentos/routes/chat.py`, near the reactions endpoints (around line 650):
+
+```python
+@router.post("/api/chat/messages/{message_id}/pin")
+async def pin_message_endpoint(message_id: str, request: Request):
+    msg_store = request.app.state.chat_messages
+    msg = await msg_store.get_message(message_id)
+    if msg is None or msg.get("deleted_at"):
+        return JSONResponse({"error": "message not found"}, status_code=404)
+    # TODO-AUTH: In Phase 2b-2a we check via the auth session; if the current
+    # principal is an agent, return 403. For now use author_type fallback.
+    auth = getattr(request.app.state, "auth", None)
+    session_user = None
+    if auth is not None:
+        token = request.cookies.get("taos_session") or ""
+        session_user = auth.find_user_by_session(token) if hasattr(auth, "find_user_by_session") else None
+    pinned_by = f"user:{session_user['id']}" if session_user else "user:unknown"
+    try:
+        await msg_store.pin_message(msg["channel_id"], message_id, pinned_by=pinned_by)
+    except ValueError as e:
+        return JSONResponse({"error": str(e)}, status_code=409)
+    # Clear pin_requested flag if it was set
+    meta = msg.get("metadata") or {}
+    if meta.get("pin_requested"):
+        meta.pop("pin_requested", None)
+        await msg_store.set_metadata(message_id, meta)
+    # Broadcast pin event
+    hub = request.app.state.chat_hub
+    await hub.broadcast(msg["channel_id"], {
+        "type": "pin", "seq": hub.next_seq(),
+        "channel_id": msg["channel_id"], "message_id": message_id, "pinned_by": pinned_by,
+    })
+    return JSONResponse({"ok": True, "pinned_by": pinned_by})
+
+
+@router.delete("/api/chat/messages/{message_id}/pin")
+async def unpin_message_endpoint(message_id: str, request: Request):
+    msg_store = request.app.state.chat_messages
+    msg = await msg_store.get_message(message_id)
+    if msg is None:
+        return JSONResponse({"error": "message not found"}, status_code=404)
+    ok = await msg_store.unpin_message(msg["channel_id"], message_id)
+    if not ok:
+        return JSONResponse({"error": "message not pinned"}, status_code=404)
+    hub = request.app.state.chat_hub
+    await hub.broadcast(msg["channel_id"], {
+        "type": "unpin", "seq": hub.next_seq(),
+        "channel_id": msg["channel_id"], "message_id": message_id,
+    })
+    return Response(status_code=204)
+```
+
+Add `from starlette.responses import Response` at the top of `routes/chat.py` if not already imported. Check existing imports — if `JSONResponse` comes from `starlette.responses`, `Response` is in the same module.
+
+- [ ] **Step 4: Add `set_metadata` helper to message_store.py**
+
+Since the pin endpoint clears `pin_requested`, add this in `tinyagentos/chat/message_store.py` after `edit_message`:
+
+```python
+async def set_metadata(self, message_id: str, metadata: dict) -> None:
+    await self._db.execute(
+        "UPDATE chat_messages SET metadata = ? WHERE id = ?",
+        (json.dumps(metadata), message_id),
+    )
+    await self._db.commit()
+```
+
+- [ ] **Step 5: Run tests**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_pins.py -v`
+Expected: all pass.
+
+- [ ] **Step 6: Commit**
+
+```bash
+git add tinyagentos/routes/chat.py tinyagentos/chat/message_store.py tests/test_chat_pins.py
+git commit -m "feat(chat): POST/DELETE /messages/{id}/pin endpoints with cap + broadcast"
+```
+
+---
+
+## Task 6: `PATCH /api/chat/messages/{id}` (edit, author-only, text-only)
+
+**Files:**
+- Modify: `tinyagentos/routes/chat.py`
+- Test: `tests/test_chat_edit_delete.py` (new)
+
+- [ ] **Step 1: Write failing tests**
+
+Create `tests/test_chat_edit_delete.py`:
+
+```python
+import pytest
+import yaml
+from httpx import AsyncClient, ASGITransport
+
+
+def _make_app(tmp_path):
+    cfg = {
+        "server": {"host": "0.0.0.0", "port": 6969},
+        "backends": [],
+        "qmd": {"url": "http://localhost:7832"},
+        "agents": [],
+        "metrics": {"poll_interval": 30, "retention_days": 30},
+    }
+    (tmp_path / "config.yaml").write_text(yaml.dump(cfg))
+    (tmp_path / ".setup_complete").touch()
+    from tinyagentos.app import create_app
+    return create_app(data_dir=tmp_path)
+
+
+async def _authed_client(tmp_path, username="admin"):
+    app = _make_app(tmp_path)
+    await app.state.chat_channels.init()
+    await app.state.chat_messages.init()
+    app.state.auth.setup_user(username, f"{username} Name", "", "testpass")
+    rec = app.state.auth.find_user(username)
+    token = app.state.auth.create_session(user_id=rec["id"], long_lived=True)
+    client = AsyncClient(
+        transport=ASGITransport(app=app),
+        base_url="http://test",
+        cookies={"taos_session": token},
+    )
+    return app, client, rec
+
+
+@pytest.mark.asyncio
+async def test_edit_own_message_sets_edited_at(tmp_path):
+    app, client, rec = await _authed_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": rec["id"], "author_type": "user",
+                  "content": "v1", "content_type": "text"},
+        )
+        msg_id = m_r.json()["id"]
+        r = await client.patch(
+            f"/api/chat/messages/{msg_id}",
+            json={"content": "v2"},
+        )
+        assert r.status_code == 200, r.json()
+        assert r.json()["content"] == "v2"
+        assert r.json()["edited_at"] is not None
+
+
+@pytest.mark.asyncio
+async def test_edit_non_own_returns_403(tmp_path):
+    app, client, rec = await _authed_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        # Post as a DIFFERENT author
+        m = await app.state.chat_messages.send_message(
+            channel_id=ch_id, author_id="tom", author_type="agent", content="tom's",
+        )
+        r = await client.patch(f"/api/chat/messages/{m['id']}", json={"content": "hacked"})
+        assert r.status_code == 403
+
+
+@pytest.mark.asyncio
+async def test_edit_rejects_non_content_fields(tmp_path):
+    app, client, rec = await _authed_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": rec["id"], "author_type": "user",
+                  "content": "x", "content_type": "text"},
+        )
+        r = await client.patch(
+            f"/api/chat/messages/{m_r.json()['id']}",
+            json={"content": "ok", "thread_id": "evil"},
+        )
+        assert r.status_code == 400
+
+
+@pytest.mark.asyncio
+async def test_edit_deleted_message_returns_404(tmp_path):
+    app, client, rec = await _authed_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": rec["id"], "author_type": "user",
+                  "content": "x", "content_type": "text"},
+        )
+        msg_id = m_r.json()["id"]
+        await app.state.chat_messages.soft_delete_message(msg_id)
+        r = await client.patch(f"/api/chat/messages/{msg_id}", json={"content": "y"})
+        assert r.status_code == 404
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_edit_delete.py -v -k "edit"`
+Expected: FAIL with 405 (PATCH not defined).
+
+- [ ] **Step 3: Add PATCH endpoint**
+
+In `tinyagentos/routes/chat.py`, near the new pin endpoints:
+
+```python
+@router.patch("/api/chat/messages/{message_id}")
+async def edit_message_endpoint(message_id: str, request: Request):
+    body = await request.json()
+    # Reject fields other than content
+    allowed = {"content"}
+    if set(body.keys()) - allowed:
+        return JSONResponse(
+            {"error": "only 'content' may be edited"}, status_code=400,
+        )
+    if "content" not in body or not isinstance(body["content"], str):
+        return JSONResponse({"error": "content required"}, status_code=400)
+    msg_store = request.app.state.chat_messages
+    msg = await msg_store.get_message(message_id)
+    if msg is None or msg.get("deleted_at"):
+        return JSONResponse({"error": "message not found"}, status_code=404)
+    # Author check
+    auth = getattr(request.app.state, "auth", None)
+    session_user = None
+    if auth is not None:
+        token = request.cookies.get("taos_session") or ""
+        session_user = auth.find_user_by_session(token) if hasattr(auth, "find_user_by_session") else None
+    caller_id = session_user["id"] if session_user else None
+    if msg["author_id"] != caller_id:
+        return JSONResponse({"error": "not the author"}, status_code=403)
+    await msg_store.edit_message(message_id, body["content"])
+    updated = await msg_store.get_message(message_id)
+    hub = request.app.state.chat_hub
+    await hub.broadcast(msg["channel_id"], {
+        "type": "message_update", "seq": hub.next_seq(), **updated,
+    })
+    return JSONResponse(updated)
+```
+
+- [ ] **Step 4: Run tests**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_edit_delete.py -v -k "edit"`
+Expected: PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add tinyagentos/routes/chat.py tests/test_chat_edit_delete.py
+git commit -m "feat(chat): PATCH /messages/{id} for author-only text edits"
+```
+
+---
+
+## Task 7: `DELETE /api/chat/messages/{id}` (soft delete, author-only, idempotent)
+
+**Files:**
+- Modify: `tinyagentos/routes/chat.py`
+- Test: `tests/test_chat_edit_delete.py` (extend)
+
+- [ ] **Step 1: Write failing tests**
+
+Append:
+
+```python
+@pytest.mark.asyncio
+async def test_delete_own_returns_204_and_sets_deleted_at(tmp_path):
+    app, client, rec = await _authed_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": rec["id"], "author_type": "user",
+                  "content": "bye", "content_type": "text"},
+        )
+        msg_id = m_r.json()["id"]
+        r = await client.delete(f"/api/chat/messages/{msg_id}")
+        assert r.status_code == 204
+        # Re-fetch — row still exists but with deleted_at
+        got = await app.state.chat_messages.get_message(msg_id)
+        assert got["deleted_at"] is not None
+
+
+@pytest.mark.asyncio
+async def test_delete_non_own_returns_403(tmp_path):
+    app, client, rec = await _authed_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m = await app.state.chat_messages.send_message(
+            channel_id=ch_id, author_id="tom", author_type="agent", content="tom's",
+        )
+        r = await client.delete(f"/api/chat/messages/{m['id']}")
+        assert r.status_code == 403
+
+
+@pytest.mark.asyncio
+async def test_delete_idempotent(tmp_path):
+    app, client, rec = await _authed_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": rec["id"], "author_type": "user",
+                  "content": "x", "content_type": "text"},
+        )
+        msg_id = m_r.json()["id"]
+        r1 = await client.delete(f"/api/chat/messages/{msg_id}")
+        r2 = await client.delete(f"/api/chat/messages/{msg_id}")
+        assert r1.status_code == 204
+        assert r2.status_code == 204  # idempotent
+```
+
+- [ ] **Step 2: Run tests**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_edit_delete.py -v -k "delete"`
+Expected: FAIL.
+
+- [ ] **Step 3: Add DELETE endpoint**
+
+```python
+@router.delete("/api/chat/messages/{message_id}")
+async def delete_message_endpoint(message_id: str, request: Request):
+    msg_store = request.app.state.chat_messages
+    msg = await msg_store.get_message(message_id)
+    if msg is None:
+        return JSONResponse({"error": "message not found"}, status_code=404)
+    # Author check
+    auth = getattr(request.app.state, "auth", None)
+    session_user = None
+    if auth is not None:
+        token = request.cookies.get("taos_session") or ""
+        session_user = auth.find_user_by_session(token) if hasattr(auth, "find_user_by_session") else None
+    caller_id = session_user["id"] if session_user else None
+    if msg["author_id"] != caller_id:
+        return JSONResponse({"error": "not the author"}, status_code=403)
+    await msg_store.soft_delete_message(message_id)
+    hub = request.app.state.chat_hub
+    await hub.broadcast(msg["channel_id"], {
+        "type": "message_delete", "seq": hub.next_seq(),
+        "channel_id": msg["channel_id"], "message_id": message_id,
+    })
+    return Response(status_code=204)
+```
+
+- [ ] **Step 4: Run tests**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_edit_delete.py -v`
+Expected: all pass.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add tinyagentos/routes/chat.py tests/test_chat_edit_delete.py
+git commit -m "feat(chat): DELETE /messages/{id} for author-only soft delete"
+```
+
+---
+
+## Task 8: `POST /api/chat/channels/{id}/read-cursor/rewind`
+
+**Files:**
+- Modify: `tinyagentos/routes/chat.py`
+- Test: `tests/test_chat_mark_unread.py` (extend with HTTP section)
+
+- [ ] **Step 1: Write failing test**
+
+Append to `tests/test_chat_mark_unread.py`:
+
+```python
+import yaml
+from httpx import AsyncClient, ASGITransport
+
+
+def _make_unread_app(tmp_path):
+    cfg = {
+        "server": {"host": "0.0.0.0", "port": 6969},
+        "backends": [],
+        "qmd": {"url": "http://localhost:7832"},
+        "agents": [],
+        "metrics": {"poll_interval": 30, "retention_days": 30},
+    }
+    (tmp_path / "config.yaml").write_text(yaml.dump(cfg))
+    (tmp_path / ".setup_complete").touch()
+    from tinyagentos.app import create_app
+    return create_app(data_dir=tmp_path)
+
+
+async def _authed_unread_client(tmp_path):
+    app = _make_unread_app(tmp_path)
+    await app.state.chat_channels.init()
+    await app.state.chat_messages.init()
+    app.state.auth.setup_user("admin", "Test Admin", "", "testpass")
+    rec = app.state.auth.find_user("admin")
+    token = app.state.auth.create_session(user_id=rec["id"], long_lived=True)
+    client = AsyncClient(
+        transport=ASGITransport(app=app),
+        base_url="http://test",
+        cookies={"taos_session": token},
+    )
+    return app, client, rec
+
+
+@pytest.mark.asyncio
+async def test_rewind_endpoint_sets_cursor(tmp_path):
+    app, client, rec = await _authed_unread_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m1 = await app.state.chat_messages.send_message(
+            channel_id=ch_id, author_id="user", author_type="user", content="m1",
+        )
+        m2 = await app.state.chat_messages.send_message(
+            channel_id=ch_id, author_id="user", author_type="user", content="m2",
+        )
+        # Mark all read first
+        await app.state.chat_channels.mark_read(rec["id"], ch_id, m2["id"], m2["created_at"])
+        # Rewind to before m2
+        r = await client.post(
+            f"/api/chat/channels/{ch_id}/read-cursor/rewind",
+            json={"before_message_id": m2["id"]},
+        )
+        assert r.status_code == 200
+        # Now unread count should be 1 (m2 alone)
+        counts = await app.state.chat_channels.get_unread_counts(rec["id"])
+        assert counts.get(ch_id, 0) >= 1
+
+
+@pytest.mark.asyncio
+async def test_rewind_unknown_message_returns_404(tmp_path):
+    app, client, rec = await _authed_unread_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        r = await client.post(
+            f"/api/chat/channels/{ch_id}/read-cursor/rewind",
+            json={"before_message_id": "nonexistent"},
+        )
+        assert r.status_code == 404
+```
+
+- [ ] **Step 2: Run test**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_mark_unread.py::test_rewind_endpoint_sets_cursor -v`
+Expected: FAIL.
+
+- [ ] **Step 3: Add endpoint**
+
+In `tinyagentos/routes/chat.py`:
+
+```python
+@router.post("/api/chat/channels/{channel_id}/read-cursor/rewind")
+async def rewind_read_cursor_endpoint(channel_id: str, request: Request):
+    body = await request.json()
+    before_id = body.get("before_message_id")
+    if not before_id:
+        return JSONResponse({"error": "before_message_id required"}, status_code=400)
+    msg_store = request.app.state.chat_messages
+    ch_store = request.app.state.chat_channels
+    msg = await msg_store.get_message(before_id)
+    if msg is None or msg["channel_id"] != channel_id:
+        return JSONResponse({"error": "message not in channel"}, status_code=404)
+    auth = getattr(request.app.state, "auth", None)
+    session_user = None
+    if auth is not None:
+        token = request.cookies.get("taos_session") or ""
+        session_user = auth.find_user_by_session(token) if hasattr(auth, "find_user_by_session") else None
+    if session_user is None:
+        return JSONResponse({"error": "not authenticated"}, status_code=401)
+    await ch_store.rewind_read_cursor(session_user["id"], channel_id, msg["created_at"] - 0.001)
+    return JSONResponse({"ok": True})
+```
+
+- [ ] **Step 4: Run tests**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_mark_unread.py -v`
+Expected: all pass.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add tinyagentos/routes/chat.py tests/test_chat_mark_unread.py
+git commit -m "feat(chat): POST /channels/{id}/read-cursor/rewind for mark-unread"
+```
+
+---
+
+## Task 9: Agent 📌 self-reaction → `pin_requested` flag
+
+**Files:**
+- Modify: `tinyagentos/chat/reactions.py` (or wherever the reaction semantic dispatcher lives — check repo)
+- Test: `tests/test_chat_pin_request.py` (new)
+
+The existing dispatcher in `tinyagentos/chat/reactions.py` is `maybe_trigger_semantic` with signature:
+
+```python
+async def maybe_trigger_semantic(
+    *, emoji: str, message: dict, reactor_id: str, reactor_type: str,
+    channel: dict, state,
+) -> None
+```
+
+It reads `state.chat_messages`, `state.bridge_sessions`, `state.wants_reply` via `getattr(state, ..., None)`. We add a 📌 branch alongside the 👎 and 🙋 branches.
+
+- [ ] **Step 1: Write failing test**
+
+Create `tests/test_chat_pin_request.py`:
+
+```python
+import pytest
+from tinyagentos.chat.message_store import ChatMessageStore
+from tinyagentos.chat.reactions import maybe_trigger_semantic
+
+
+class _FakeState:
+    def __init__(self, store):
+        self.chat_messages = store
+
+
+@pytest.mark.asyncio
+async def test_agent_pin_own_message_sets_flag(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    msg = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent", content="see this",
+    )
+    await maybe_trigger_semantic(
+        emoji="📌", message=msg,
+        reactor_id="tom", reactor_type="agent",
+        channel={"id": "c1"}, state=_FakeState(store),
+    )
+    updated = await store.get_message(msg["id"])
+    assert updated["metadata"].get("pin_requested") is True
+
+
+@pytest.mark.asyncio
+async def test_agent_pin_other_message_does_not_set_flag(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    msg = await store.send_message(
+        channel_id="c1", author_id="don", author_type="agent", content="don's msg",
+    )
+    await maybe_trigger_semantic(
+        emoji="📌", message=msg,
+        reactor_id="tom", reactor_type="agent",
+        channel={"id": "c1"}, state=_FakeState(store),
+    )
+    updated = await store.get_message(msg["id"])
+    assert updated["metadata"].get("pin_requested") is None
+
+
+@pytest.mark.asyncio
+async def test_human_pin_reaction_does_not_set_flag(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    msg = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent", content="x",
+    )
+    await maybe_trigger_semantic(
+        emoji="📌", message=msg,
+        reactor_id="jay", reactor_type="user",
+        channel={"id": "c1"}, state=_FakeState(store),
+    )
+    updated = await store.get_message(msg["id"])
+    assert updated["metadata"].get("pin_requested") is None
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_pin_request.py -v`
+Expected: FAIL.
+
+- [ ] **Step 3: Extend the reactions dispatcher**
+
+In `tinyagentos/chat/reactions.py`, add a new branch after the existing 🙋 branch (around line 85):
+
+```python
+    if emoji == "📌" and reactor_type == "agent" and reactor_id == message.get("author_id"):
+        msg_store = getattr(state, "chat_messages", None)
+        if msg_store is None:
+            return
+        meta = dict(message.get("metadata") or {})
+        meta["pin_requested"] = True
+        await msg_store.set_metadata(message["id"], meta)
+        return
+```
+
+The branch order doesn't matter (each uses early `return`), but keep it at the bottom of the function next to 🙋.
+
+- [ ] **Step 4: Run tests to pass**
+
+Run: `PYTHONPATH=. pytest tests/test_chat_pin_request.py -v`
+Expected: all pass.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add tinyagentos/chat/reactions.py tests/test_chat_pin_request.py
+git commit -m "feat(chat): 📌 by agent on own message sets metadata.pin_requested"
+```
+
+---
+
+## Task 10: `chat-messages-api.ts` frontend client
+
+**Files:**
+- Create: `desktop/src/lib/chat-messages-api.ts`
+- Test: `desktop/src/lib/__tests__/chat-messages-api.test.ts` (new)
+
+- [ ] **Step 1: Write failing tests**
+
+Create `desktop/src/lib/__tests__/chat-messages-api.test.ts`:
+
+```typescript
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import {
+  pinMessage, unpinMessage, listPins,
+  editMessage, deleteMessage, markUnread,
+} from "../chat-messages-api";
+
+describe("chat-messages-api", () => {
+  beforeEach(() => {
+    global.fetch = vi.fn(() =>
+      Promise.resolve({ ok: true, status: 200, json: () => Promise.resolve({}) }),
+    ) as unknown as typeof fetch;
+  });
+
+  it("pinMessage POSTs /messages/{id}/pin", async () => {
+    await pinMessage("m1");
+    expect(fetch).toHaveBeenCalledWith(
+      "/api/chat/messages/m1/pin",
+      expect.objectContaining({ method: "POST" }),
+    );
+  });
+
+  it("unpinMessage DELETEs", async () => {
+    global.fetch = vi.fn(() => Promise.resolve({ ok: true, status: 204 })) as unknown as typeof fetch;
+    await unpinMessage("m1");
+    expect(fetch).toHaveBeenCalledWith(
+      "/api/chat/messages/m1/pin",
+      expect.objectContaining({ method: "DELETE" }),
+    );
+  });
+
+  it("listPins GETs and returns pins", async () => {
+    global.fetch = vi.fn(() => Promise.resolve({
+      ok: true, status: 200,
+      json: () => Promise.resolve({ pins: [{ id: "m1" }] }),
+    })) as unknown as typeof fetch;
+    const pins = await listPins("c1");
+    expect(fetch).toHaveBeenCalledWith("/api/chat/channels/c1/pins");
+    expect(pins).toEqual([{ id: "m1" }]);
+  });
+
+  it("editMessage PATCHes with content", async () => {
+    await editMessage("m1", "new text");
+    expect(fetch).toHaveBeenCalledWith(
+      "/api/chat/messages/m1",
+      expect.objectContaining({
+        method: "PATCH",
+        body: JSON.stringify({ content: "new text" }),
+      }),
+    );
+  });
+
+  it("deleteMessage DELETEs", async () => {
+    global.fetch = vi.fn(() => Promise.resolve({ ok: true, status: 204 })) as unknown as typeof fetch;
+    await deleteMessage("m1");
+    expect(fetch).toHaveBeenCalledWith(
+      "/api/chat/messages/m1",
+      expect.objectContaining({ method: "DELETE" }),
+    );
+  });
+
+  it("markUnread POSTs rewind endpoint", async () => {
+    await markUnread("c1", "m2");
+    expect(fetch).toHaveBeenCalledWith(
+      "/api/chat/channels/c1/read-cursor/rewind",
+      expect.objectContaining({
+        method: "POST",
+        body: JSON.stringify({ before_message_id: "m2" }),
+      }),
+    );
+  });
+
+  it("throws on non-OK with server error", async () => {
+    global.fetch = vi.fn(() => Promise.resolve({
+      ok: false, status: 409,
+      json: () => Promise.resolve({ error: "pin cap (50) reached" }),
+    })) as unknown as typeof fetch;
+    await expect(pinMessage("m1")).rejects.toThrow("pin cap");
+  });
+});
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `cd desktop && npm test -- --run chat-messages-api`
+Expected: FAIL — module missing.
+
+- [ ] **Step 3: Implement**
+
+Create `desktop/src/lib/chat-messages-api.ts`:
+
+```typescript
+async function _ensureOk(r: Response): Promise<void> {
+  if (r.ok) return;
+  let body: { error?: string } | null = null;
+  try { body = await r.json(); } catch { /* ignore */ }
+  throw new Error(body?.error || `HTTP ${r.status}`);
+}
+
+export async function pinMessage(messageId: string): Promise<void> {
+  const r = await fetch(`/api/chat/messages/${messageId}/pin`, { method: "POST" });
+  await _ensureOk(r);
+}
+
+export async function unpinMessage(messageId: string): Promise<void> {
+  const r = await fetch(`/api/chat/messages/${messageId}/pin`, { method: "DELETE" });
+  await _ensureOk(r);
+}
+
+export async function listPins(channelId: string): Promise<unknown[]> {
+  const r = await fetch(`/api/chat/channels/${channelId}/pins`);
+  await _ensureOk(r);
+  const body = await r.json();
+  return body.pins || [];
+}
+
+export async function editMessage(messageId: string, content: string): Promise<unknown> {
+  const r = await fetch(`/api/chat/messages/${messageId}`, {
+    method: "PATCH",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ content }),
+  });
+  await _ensureOk(r);
+  return r.json();
+}
+
+export async function deleteMessage(messageId: string): Promise<void> {
+  const r = await fetch(`/api/chat/messages/${messageId}`, { method: "DELETE" });
+  await _ensureOk(r);
+}
+
+export async function markUnread(channelId: string, beforeMessageId: string): Promise<void> {
+  const r = await fetch(`/api/chat/channels/${channelId}/read-cursor/rewind`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ before_message_id: beforeMessageId }),
+  });
+  await _ensureOk(r);
+}
+```
+
+- [ ] **Step 4: Run tests**
+
+Run: `cd desktop && npm test -- --run chat-messages-api`
+Expected: 7 pass.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add desktop/src/lib/chat-messages-api.ts desktop/src/lib/__tests__/chat-messages-api.test.ts
+git commit -m "feat(desktop): chat-messages-api client (pin/unpin/edit/delete/mark-unread)"
+```
+
+---
+
+## Task 11: `MessageOverflowMenu` component
+
+**Files:**
+- Create: `desktop/src/apps/chat/MessageOverflowMenu.tsx`
+- Test: `desktop/src/apps/chat/__tests__/MessageOverflowMenu.test.tsx`
+
+- [ ] **Step 1: Write failing tests**
+
+Create `desktop/src/apps/chat/__tests__/MessageOverflowMenu.test.tsx`:
+
+```tsx
+import { describe, it, expect, vi } from "vitest";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { MessageOverflowMenu } from "../MessageOverflowMenu";
+
+describe("MessageOverflowMenu", () => {
+  it("shows Edit+Delete when isOwn is true", () => {
+    render(
+      <MessageOverflowMenu
+        isOwn={true}
+        isHuman={true}
+        onEdit={vi.fn()}
+        onDelete={vi.fn()}
+        onCopyLink={vi.fn()}
+        onPin={vi.fn()}
+        onMarkUnread={vi.fn()}
+      />,
+    );
+    expect(screen.getByRole("menuitem", { name: /Edit/i })).toBeInTheDocument();
+    expect(screen.getByRole("menuitem", { name: /Delete/i })).toBeInTheDocument();
+  });
+
+  it("hides Edit+Delete when isOwn is false", () => {
+    render(
+      <MessageOverflowMenu
+        isOwn={false}
+        isHuman={true}
+        onEdit={vi.fn()}
+        onDelete={vi.fn()}
+        onCopyLink={vi.fn()}
+        onPin={vi.fn()}
+        onMarkUnread={vi.fn()}
+      />,
+    );
+    expect(screen.queryByRole("menuitem", { name: /Edit/i })).toBeNull();
+    expect(screen.queryByRole("menuitem", { name: /Delete/i })).toBeNull();
+  });
+
+  it("hides Pin when isHuman is false", () => {
+    render(
+      <MessageOverflowMenu
+        isOwn={false}
+        isHuman={false}
+        onEdit={vi.fn()}
+        onDelete={vi.fn()}
+        onCopyLink={vi.fn()}
+        onPin={vi.fn()}
+        onMarkUnread={vi.fn()}
+      />,
+    );
+    expect(screen.queryByRole("menuitem", { name: /Pin/i })).toBeNull();
+  });
+
+  it("fires onEdit when Edit is clicked", () => {
+    const onEdit = vi.fn();
+    render(
+      <MessageOverflowMenu
+        isOwn={true}
+        isHuman={true}
+        onEdit={onEdit}
+        onDelete={vi.fn()}
+        onCopyLink={vi.fn()}
+        onPin={vi.fn()}
+        onMarkUnread={vi.fn()}
+      />,
+    );
+    fireEvent.click(screen.getByRole("menuitem", { name: /Edit/i }));
+    expect(onEdit).toHaveBeenCalled();
+  });
+
+  it("shows Unpin when isPinned is true", () => {
+    render(
+      <MessageOverflowMenu
+        isOwn={false}
+        isHuman={true}
+        isPinned={true}
+        onEdit={vi.fn()}
+        onDelete={vi.fn()}
+        onCopyLink={vi.fn()}
+        onPin={vi.fn()}
+        onMarkUnread={vi.fn()}
+      />,
+    );
+    expect(screen.getByRole("menuitem", { name: /Unpin/i })).toBeInTheDocument();
+    expect(screen.queryByRole("menuitem", { name: /^Pin$/i })).toBeNull();
+  });
+});
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `cd desktop && npm test -- --run MessageOverflowMenu`
+Expected: FAIL.
+
+- [ ] **Step 3: Implement**
+
+Create `desktop/src/apps/chat/MessageOverflowMenu.tsx`:
+
+```tsx
+export interface MessageOverflowMenuProps {
+  isOwn: boolean;
+  isHuman: boolean;
+  isPinned?: boolean;
+  onEdit: () => void;
+  onDelete: () => void;
+  onCopyLink: () => void;
+  onPin: () => void;
+  onMarkUnread: () => void;
+}
+
+export function MessageOverflowMenu({
+  isOwn,
+  isHuman,
+  isPinned = false,
+  onEdit,
+  onDelete,
+  onCopyLink,
+  onPin,
+  onMarkUnread,
+}: MessageOverflowMenuProps) {
+  return (
+    <div
+      role="menu"
+      aria-label="Message overflow menu"
+      className="bg-shell-surface border border-white/10 rounded-md shadow-lg py-1 min-w-[160px] text-sm"
+    >
+      {isOwn && (
+        <button role="menuitem" onClick={onEdit}
+          className="block w-full text-left px-3 py-1.5 hover:bg-white/5">Edit</button>
+      )}
+      {isOwn && (
+        <button role="menuitem" onClick={onDelete}
+          className="block w-full text-left px-3 py-1.5 hover:bg-white/5 text-red-300">Delete</button>
+      )}
+      <button role="menuitem" onClick={onCopyLink}
+        className="block w-full text-left px-3 py-1.5 hover:bg-white/5">Copy link</button>
+      {isHuman && (
+        <button role="menuitem" onClick={onPin}
+          className="block w-full text-left px-3 py-1.5 hover:bg-white/5">
+          {isPinned ? "Unpin" : "Pin"}
+        </button>
+      )}
+      <button role="menuitem" onClick={onMarkUnread}
+        className="block w-full text-left px-3 py-1.5 hover:bg-white/5">Mark unread</button>
+    </div>
+  );
+}
+```
+
+- [ ] **Step 4: Run tests**
+
+Run: `cd desktop && npm test -- --run MessageOverflowMenu`
+Expected: 5 pass.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add desktop/src/apps/chat/MessageOverflowMenu.tsx desktop/src/apps/chat/__tests__/MessageOverflowMenu.test.tsx
+git commit -m "feat(desktop): MessageOverflowMenu dropdown (Edit/Delete/Copy link/Pin/Mark unread)"
+```
+
+---
+
+## Task 12: `MessageEditor` + `MessageTombstone`
+
+**Files:**
+- Create: `desktop/src/apps/chat/MessageEditor.tsx`
+- Create: `desktop/src/apps/chat/MessageTombstone.tsx`
+- Test: `desktop/src/apps/chat/__tests__/MessageEditor.test.tsx`
+- Test: `desktop/src/apps/chat/__tests__/MessageTombstone.test.tsx`
+
+- [ ] **Step 1: Tests**
+
+`MessageEditor.test.tsx`:
+
+```tsx
+import { describe, it, expect, vi } from "vitest";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { MessageEditor } from "../MessageEditor";
+
+describe("MessageEditor", () => {
+  it("renders with initial text", () => {
+    render(<MessageEditor initial="hi" onSave={vi.fn()} onCancel={vi.fn()} />);
+    expect(screen.getByRole("textbox")).toHaveValue("hi");
+  });
+
+  it("Enter triggers save with trimmed text", () => {
+    const onSave = vi.fn();
+    render(<MessageEditor initial="hi" onSave={onSave} onCancel={vi.fn()} />);
+    const input = screen.getByRole("textbox");
+    fireEvent.change(input, { target: { value: "updated " } });
+    fireEvent.keyDown(input, { key: "Enter", shiftKey: false });
+    expect(onSave).toHaveBeenCalledWith("updated");
+  });
+
+  it("Esc triggers cancel", () => {
+    const onCancel = vi.fn();
+    render(<MessageEditor initial="hi" onSave={vi.fn()} onCancel={onCancel} />);
+    fireEvent.keyDown(screen.getByRole("textbox"), { key: "Escape" });
+    expect(onCancel).toHaveBeenCalled();
+  });
+
+  it("Shift+Enter inserts newline (does not save)", () => {
+    const onSave = vi.fn();
+    render(<MessageEditor initial="hi" onSave={onSave} onCancel={vi.fn()} />);
+    fireEvent.keyDown(screen.getByRole("textbox"), { key: "Enter", shiftKey: true });
+    expect(onSave).not.toHaveBeenCalled();
+  });
+});
+```
+
+`MessageTombstone.test.tsx`:
+
+```tsx
+import { describe, it, expect } from "vitest";
+import { render, screen } from "@testing-library/react";
+import { MessageTombstone } from "../MessageTombstone";
+
+describe("MessageTombstone", () => {
+  it("renders deleted message notice", () => {
+    render(<MessageTombstone />);
+    expect(screen.getByText(/deleted/i)).toBeInTheDocument();
+  });
+});
+```
+
+- [ ] **Step 2: Run tests**
+
+Run: `cd desktop && npm test -- --run MessageEditor`
+Run: `cd desktop && npm test -- --run MessageTombstone`
+Expected: FAIL.
+
+- [ ] **Step 3: Implement**
+
+`MessageEditor.tsx`:
+
+```tsx
+import { useState } from "react";
+
+export function MessageEditor({
+  initial,
+  onSave,
+  onCancel,
+}: {
+  initial: string;
+  onSave: (content: string) => void;
+  onCancel: () => void;
+}) {
+  const [value, setValue] = useState(initial);
+  return (
+    <textarea
+      autoFocus
+      value={value}
+      onChange={(e) => setValue(e.target.value)}
+      onKeyDown={(e) => {
+        if (e.key === "Escape") { e.preventDefault(); onCancel(); }
+        else if (e.key === "Enter" && !e.shiftKey) {
+          e.preventDefault();
+          const trimmed = value.trim();
+          if (trimmed) onSave(trimmed);
+          else onCancel();
+        }
+      }}
+      aria-label="Edit message"
+      rows={1}
+      className="w-full bg-white/5 border border-white/10 rounded px-2 py-1 text-sm"
+    />
+  );
+}
+```
+
+`MessageTombstone.tsx`:
+
+```tsx
+export function MessageTombstone() {
+  return (
+    <span className="text-white/40 italic text-sm">This message was deleted</span>
+  );
+}
+```
+
+- [ ] **Step 4: Run tests**
+
+Run: `cd desktop && npm test -- --run MessageEditor`
+Run: `cd desktop && npm test -- --run MessageTombstone`
+Expected: all pass.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add desktop/src/apps/chat/MessageEditor.tsx desktop/src/apps/chat/MessageTombstone.tsx \
+        desktop/src/apps/chat/__tests__/MessageEditor.test.tsx \
+        desktop/src/apps/chat/__tests__/MessageTombstone.test.tsx
+git commit -m "feat(desktop): MessageEditor (inline edit) + MessageTombstone"
+```
+
+---
+
+## Task 13: `PinBadge` + `PinnedMessagesPopover`
+
+**Files:**
+- Create: `desktop/src/apps/chat/PinBadge.tsx`
+- Create: `desktop/src/apps/chat/PinnedMessagesPopover.tsx`
+- Tests: `desktop/src/apps/chat/__tests__/PinBadge.test.tsx`, `PinnedMessagesPopover.test.tsx`
+
+- [ ] **Step 1: Tests**
+
+`PinBadge.test.tsx`:
+
+```tsx
+import { describe, it, expect, vi } from "vitest";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { PinBadge } from "../PinBadge";
+
+describe("PinBadge", () => {
+  it("renders null when count is 0", () => {
+    const { container } = render(<PinBadge count={0} onClick={vi.fn()} />);
+    expect(container.firstChild).toBeNull();
+  });
+
+  it("renders count when > 0", () => {
+    render(<PinBadge count={3} onClick={vi.fn()} />);
+    expect(screen.getByRole("button")).toHaveTextContent("3");
+  });
+
+  it("fires onClick", () => {
+    const onClick = vi.fn();
+    render(<PinBadge count={1} onClick={onClick} />);
+    fireEvent.click(screen.getByRole("button"));
+    expect(onClick).toHaveBeenCalled();
+  });
+});
+```
+
+`PinnedMessagesPopover.test.tsx`:
+
+```tsx
+import { describe, it, expect, vi } from "vitest";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { PinnedMessagesPopover } from "../PinnedMessagesPopover";
+
+describe("PinnedMessagesPopover", () => {
+  it("shows empty state when pins is []", () => {
+    render(<PinnedMessagesPopover pins={[]} onJumpTo={vi.fn()} onClose={vi.fn()} />);
+    expect(screen.getByText(/no pinned messages/i)).toBeInTheDocument();
+  });
+
+  it("renders a pinned message", () => {
+    const pins = [{
+      id: "m1", author_id: "tom", content: "important",
+      created_at: 123, pinned_by: "user:jay", pinned_at: 200,
+    }];
+    render(<PinnedMessagesPopover pins={pins} onJumpTo={vi.fn()} onClose={vi.fn()} />);
+    expect(screen.getByText("important")).toBeInTheDocument();
+  });
+
+  it("fires onJumpTo with message id", () => {
+    const onJumpTo = vi.fn();
+    const pins = [{ id: "m1", author_id: "tom", content: "x", created_at: 123, pinned_by: "u", pinned_at: 200 }];
+    render(<PinnedMessagesPopover pins={pins} onJumpTo={onJumpTo} onClose={vi.fn()} />);
+    fireEvent.click(screen.getByRole("button", { name: /Jump to/i }));
+    expect(onJumpTo).toHaveBeenCalledWith("m1");
+  });
+});
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `cd desktop && npm test -- --run PinBadge`
+Run: `cd desktop && npm test -- --run PinnedMessagesPopover`
+Expected: FAIL.
+
+- [ ] **Step 3: Implement**
+
+`PinBadge.tsx`:
+
+```tsx
+export function PinBadge({ count, onClick }: { count: number; onClick: () => void }) {
+  if (count === 0) return null;
+  return (
+    <button
+      onClick={onClick}
+      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 (${count})`}
+    >📌 {count}</button>
+  );
+}
+```
+
+`PinnedMessagesPopover.tsx`:
+
+```tsx
+export interface PinnedMessage {
+  id: string;
+  author_id: string;
+  content: string;
+  created_at: number;
+  pinned_by: string;
+  pinned_at: number;
+}
+
+export function PinnedMessagesPopover({
+  pins,
+  onJumpTo,
+  onClose,
+}: {
+  pins: PinnedMessage[];
+  onJumpTo: (messageId: string) => void;
+  onClose: () => void;
+}) {
+  return (
+    <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"
+    >
+      <header className="flex items-center justify-between px-3 py-2 border-b border-white/10">
+        <span className="text-xs font-semibold">Pinned ({pins.length})</span>
+        <button onClick={onClose} aria-label="Close" className="text-sm opacity-70 hover:opacity-100">×</button>
+      </header>
+      {pins.length === 0 ? (
+        <div className="p-4 text-sm text-white/50">No pinned messages yet.</div>
+      ) : (
+        <ul className="divide-y divide-white/5">
+          {pins.map((p) => (
+            <li key={p.id} className="p-2 text-sm">
+              <div className="text-xs opacity-60 mb-0.5">@{p.author_id}</div>
+              <div className="line-clamp-2">{p.content}</div>
+              <button
+                onClick={() => onJumpTo(p.id)}
+                className="mt-1 text-xs text-sky-300 hover:text-sky-200"
+              >Jump to →</button>
+            </li>
+          ))}
+        </ul>
+      )}
+    </div>
+  );
+}
+```
+
+- [ ] **Step 4: Run tests**
+
+Run: `cd desktop && npm test -- --run PinBadge`
+Run: `cd desktop && npm test -- --run PinnedMessagesPopover`
+Expected: pass.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add desktop/src/apps/chat/PinBadge.tsx desktop/src/apps/chat/PinnedMessagesPopover.tsx \
+        desktop/src/apps/chat/__tests__/PinBadge.test.tsx \
+        desktop/src/apps/chat/__tests__/PinnedMessagesPopover.test.tsx
+git commit -m "feat(desktop): PinBadge + PinnedMessagesPopover"
+```
+
+---
+
+## Task 14: `PinRequestAffordance`
+
+**Files:**
+- Create: `desktop/src/apps/chat/PinRequestAffordance.tsx`
+- Test: `desktop/src/apps/chat/__tests__/PinRequestAffordance.test.tsx`
+
+- [ ] **Step 1: Test**
+
+```tsx
+import { describe, it, expect, vi } from "vitest";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { PinRequestAffordance } from "../PinRequestAffordance";
+
+describe("PinRequestAffordance", () => {
+  it("calls onApprove when clicked", () => {
+    const onApprove = vi.fn();
+    render(<PinRequestAffordance authorId="tom" onApprove={onApprove} />);
+    fireEvent.click(screen.getByRole("button", { name: /Pin this/i }));
+    expect(onApprove).toHaveBeenCalled();
+  });
+
+  it("shows author name in label", () => {
+    render(<PinRequestAffordance authorId="tom" onApprove={vi.fn()} />);
+    expect(screen.getByText(/tom/)).toBeInTheDocument();
+  });
+});
+```
+
+- [ ] **Step 2: Run test**
+
+Run: `cd desktop && npm test -- --run PinRequestAffordance`
+Expected: FAIL.
+
+- [ ] **Step 3: Implement**
+
+```tsx
+export function PinRequestAffordance({
+  authorId,
+  onApprove,
+}: {
+  authorId: string;
+  onApprove: () => void;
+}) {
+  return (
+    <div className="mt-1 flex items-center gap-2 text-xs">
+      <span className="text-white/60">@{authorId} wants to pin this</span>
+      <button
+        onClick={onApprove}
+        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 ${authorId}`}
+      >📌 Pin this</button>
+    </div>
+  );
+}
+```
+
+- [ ] **Step 4: Run test**
+
+Run: `cd desktop && npm test -- --run PinRequestAffordance`
+Expected: pass.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add desktop/src/apps/chat/PinRequestAffordance.tsx \
+        desktop/src/apps/chat/__tests__/PinRequestAffordance.test.tsx
+git commit -m "feat(desktop): PinRequestAffordance inline pill for agent 📌 requests"
+```
+
+---
+
+## Task 15: Extend `MessageHoverActions` to include ⋯ overflow button
+
+**Files:**
+- Modify: `desktop/src/apps/chat/MessageHoverActions.tsx`
+- Test: existing `MessageHoverActions.test.tsx` (extend)
+
+The current component renders 😀 / 💬 / ⋯ buttons. The ⋯ button currently calls `onMore(event)` which the caller uses for agent-context-menu. We need to keep that behavior AND make the ⋯ able to open the MessageOverflowMenu dropdown.
+
+Decision: change `onMore` semantics. Keep it as the single ⋯ callback; the caller (MessagesApp) will decide whether to show the overflow menu or the agent context menu based on the event target. This keeps the component simple.
+
+Actually simpler: leave `onMore` as-is. MessagesApp responds to onMore by opening the overflow menu, and inside the overflow menu the "..." now includes agent-context-menu actions (e.g. "DM this agent") as a sub-section. But that complicates things.
+
+Simplest: split into two buttons. Rename and add:
+- 😀 → onReact (unchanged)
+- 💬 → onReplyInThread (unchanged)
+- ⋯ → onOverflow(event) — opens overflow menu
+- Context-menu (right-click) on the message already opens the agent-context-menu via existing MessagesApp logic — that path is unchanged.
+
+So: rename `onMore` → `onOverflow` to reflect the new semantic, and MessagesApp wires onOverflow → open overflow menu anchored at event coords.
+
+- [ ] **Step 1: Update MessageHoverActions test**
+
+In `desktop/src/apps/chat/__tests__/MessageHoverActions.test.tsx`, replace `onMore` with `onOverflow`:
+
+```tsx
+it("calls onOverflow when the overflow button is clicked", () => {
+  const onOverflow = vi.fn();
+  render(<MessageHoverActions onReact={vi.fn()} onReplyInThread={vi.fn()} onOverflow={onOverflow} />);
+  fireEvent.click(screen.getByRole("button", { name: /More/i }));
+  expect(onOverflow).toHaveBeenCalled();
+});
+```
+
+Replace any other occurrences of `onMore` in the test file.
+
+- [ ] **Step 2: Run test to verify it fails**
+
+Run: `cd desktop && npm test -- --run MessageHoverActions`
+Expected: FAIL (prop name mismatch).
+
+- [ ] **Step 3: Rename prop**
+
+In `desktop/src/apps/chat/MessageHoverActions.tsx`, rename `onMore` → `onOverflow` in the interface and usage:
+
+```tsx
+export function MessageHoverActions({
+  onReact,
+  onReplyInThread,
+  onOverflow,
+}: {
+  onReact: () => void;
+  onReplyInThread: () => void;
+  onOverflow: (e: React.MouseEvent) => void;
+}) {
+  return (
+    <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"
+    >
+      <button aria-label="Add reaction" onClick={onReact} className="p-1 hover:bg-white/5">😀</button>
+      <button aria-label="Reply in thread" onClick={onReplyInThread} className="p-1 hover:bg-white/5">💬</button>
+      <button aria-label="More" onClick={onOverflow} className="p-1 hover:bg-white/5">⋯</button>
+    </div>
+  );
+}
+```
+
+- [ ] **Step 4: Run test**
+
+Run: `cd desktop && npm test -- --run MessageHoverActions`
+Expected: pass.
+
+- [ ] **Step 5: Update MessagesApp caller**
+
+In `desktop/src/apps/MessagesApp.tsx`, find the existing `<MessageHoverActions ... onMore={...} />` usage (added in Phase 2b-1 Task 17, around the message row render). Rename the prop:
+
+```tsx
+<MessageHoverActions
+  onReact={() => setShowEmoji(showEmoji === msg.id ? null : msg.id)}
+  onReplyInThread={() => handleOpenThreadFor(msg.channel_id ?? selectedChannel ?? "", msg.id)}
+  onOverflow={(e) => {
+    e.preventDefault();
+    // Task 16 wires this to the overflow menu state
+  }}
+/>
+```
+
+(This is a rename-only change in MessagesApp; the actual overflow-menu wiring happens in Task 16.)
+
+- [ ] **Step 6: Verify full test + build**
+
+Run: `cd desktop && npm test -- --run` (ensure no regressions).
+Run: `cd desktop && npm run build`.
+Expected: pass / clean.
+
+- [ ] **Step 7: Commit**
+
+```bash
+git add desktop/src/apps/chat/MessageHoverActions.tsx \
+        desktop/src/apps/chat/__tests__/MessageHoverActions.test.tsx \
+        desktop/src/apps/MessagesApp.tsx
+git commit -m "refactor(desktop): rename MessageHoverActions.onMore to onOverflow"
+```
+
+---
+
+## Task 16: MessagesApp integration — overflow menu, tombstone, edit-in-place, pin badge, deep-link scroll
+
+**Files:**
+- Modify: `desktop/src/apps/MessagesApp.tsx`
+
+This is the integration task. Wires up:
+- Overflow menu state + callbacks
+- Tombstone rendering for `deleted_at` messages
+- Edit-in-place swap
+- Pin badge in header + pinned popover
+- Pin-request affordance inline
+- Deep-link scroll on `?msg=<id>`
+
+- [ ] **Step 1: Add imports**
+
+Near the top of `MessagesApp.tsx`:
+
+```tsx
+import { MessageOverflowMenu } from "./chat/MessageOverflowMenu";
+import { MessageEditor } from "./chat/MessageEditor";
+import { MessageTombstone } from "./chat/MessageTombstone";
+import { PinBadge } from "./chat/PinBadge";
+import { PinnedMessagesPopover, type PinnedMessage } from "./chat/PinnedMessagesPopover";
+import { PinRequestAffordance } from "./chat/PinRequestAffordance";
+import {
+  pinMessage, unpinMessage, listPins,
+  editMessage as apiEditMessage, deleteMessage as apiDeleteMessage,
+  markUnread as apiMarkUnread,
+} from "@/lib/chat-messages-api";
+```
+
+- [ ] **Step 2: Add state**
+
+Near the other state declarations:
+
+```tsx
+const [overflowMenu, setOverflowMenu] = useState<{ messageId: string; x: number; y: number } | null>(null);
+const [editingMessageId, setEditingMessageId] = useState<string | null>(null);
+const [pinnedPopoverOpen, setPinnedPopoverOpen] = useState(false);
+const [pinnedMessages, setPinnedMessages] = useState<PinnedMessage[]>([]);
+```
+
+Add Message interface optional fields (if not already):
+
+```tsx
+interface Message {
+  // ...existing fields...
+  deleted_at?: number | null;
+  metadata?: { pin_requested?: boolean; [k: string]: unknown };
+}
+```
+
+- [ ] **Step 3: Fetch pins when channel changes**
+
+In the existing useEffect that fetches messages on channel change, also fetch pins:
+
+```tsx
+useEffect(() => {
+  if (!selectedChannel) return;
+  listPins(selectedChannel).then((pins) => {
+    setPinnedMessages(pins as PinnedMessage[]);
+  }).catch(() => {});
+}, [selectedChannel]);
+```
+
+- [ ] **Step 4: Overflow menu handlers**
+
+```tsx
+const currentUserId = /* however we currently read the session user id, e.g. */ "admin";
+// Check an existing usage in the file to pin this down.
+
+const handleEdit = (msgId: string) => {
+  setEditingMessageId(msgId);
+  setOverflowMenu(null);
+};
+
+const handleSaveEdit = async (msgId: string, content: string) => {
+  try {
+    await apiEditMessage(msgId, content);
+    setEditingMessageId(null);
+  } catch (e) {
+    setSendError((e as Error).message);
+  }
+};
+
+const handleDelete = async (msgId: string) => {
+  setOverflowMenu(null);
+  if (!window.confirm("Delete this message?")) return;
+  try {
+    await apiDeleteMessage(msgId);
+  } catch (e) {
+    setSendError((e as Error).message);
+  }
+};
+
+const handleCopyLink = async (msgId: string) => {
+  setOverflowMenu(null);
+  const url = `${window.location.origin}/chat/${selectedChannel}?msg=${msgId}`;
+  try {
+    await navigator.clipboard.writeText(url);
+  } catch { /* ignore */ }
+};
+
+const handlePin = async (msg: Message) => {
+  setOverflowMenu(null);
+  const isPinned = pinnedMessages.some((p) => p.id === msg.id);
+  try {
+    if (isPinned) await unpinMessage(msg.id);
+    else await pinMessage(msg.id);
+    if (selectedChannel) {
+      const pins = await listPins(selectedChannel);
+      setPinnedMessages(pins as PinnedMessage[]);
+    }
+  } catch (e) {
+    setSendError((e as Error).message);
+  }
+};
+
+const handleMarkUnread = async (msgId: string) => {
+  setOverflowMenu(null);
+  if (!selectedChannel) return;
+  try {
+    await apiMarkUnread(selectedChannel, msgId);
+  } catch (e) {
+    setSendError((e as Error).message);
+  }
+};
+
+const handlePinRequest = async (msgId: string) => {
+  try {
+    await pinMessage(msgId);
+    if (selectedChannel) {
+      const pins = await listPins(selectedChannel);
+      setPinnedMessages(pins as PinnedMessage[]);
+    }
+  } catch (e) {
+    setSendError((e as Error).message);
+  }
+};
+```
+
+For `currentUserId` — look for existing session-user access in MessagesApp; use whatever is already there. If not present, fetch via a `/api/auth/me` call on mount and cache.
+
+- [ ] **Step 5: Replace message row rendering logic**
+
+In the message row JSX (the `{messages.map((msg, i) => { ... return (...) })` block), branch on delete/edit state:
+
+Replace the content text block (the div that renders `{renderContent(msg.content)}`) with:
+
+```tsx
+{msg.deleted_at ? (
+  <MessageTombstone />
+) : editingMessageId === msg.id ? (
+  <MessageEditor
+    initial={msg.content}
+    onSave={(content) => handleSaveEdit(msg.id, content)}
+    onCancel={() => setEditingMessageId(null)}
+  />
+) : (
+  <div className={`text-[13px] leading-relaxed whitespace-pre-wrap break-words ${isDeadAgent ? "text-white/45" : "text-white/80"}`}>
+    {renderContent(msg.content)}
+    {msg.edited_at && <span className="ml-1 text-[11px] text-white/25">(edited)</span>}
+    {/* existing state indicators (pending/streaming/error) */}
+  </div>
+)}
+```
+
+Keep attachment gallery, reactions, thread indicator — only the content area toggles.
+
+Add pin-request affordance right below content:
+
+```tsx
+{msg.metadata?.pin_requested && msg.author_type === "agent" && (
+  <PinRequestAffordance
+    authorId={msg.author_id}
+    onApprove={() => handlePinRequest(msg.id)}
+  />
+)}
+```
+
+Update the MessageHoverActions onOverflow handler:
+
+```tsx
+onOverflow={(e) => {
+  e.preventDefault();
+  setOverflowMenu({ messageId: msg.id, x: e.clientX, y: e.clientY });
+}}
+```
+
+- [ ] **Step 6: Overflow menu mount**
+
+At the root return (near the ChannelSettingsPanel mount), add:
+
+```tsx
+{overflowMenu && (() => {
+  const msg = messages.find((m) => m.id === overflowMenu.messageId);
+  if (!msg) return null;
+  return (
+    <>
+      {/* click-catcher */}
+      <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}  // caller is always a human here (this is the desktop UI)
+          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)}
+        />
+      </div>
+    </>
+  );
+})()}
+```
+
+- [ ] **Step 7: Pin badge in header**
+
+In the chat header (next to the ⓘ settings button and the "?" guide icon), add:
+
+```tsx
+<PinBadge
+  count={pinnedMessages.length}
+  onClick={() => setPinnedPopoverOpen((open) => !open)}
+/>
+```
+
+Add the popover right after:
+
+```tsx
+{pinnedPopoverOpen && (
+  <PinnedMessagesPopover
+    pins={pinnedMessages}
+    onJumpTo={(id) => {
+      setPinnedPopoverOpen(false);
+      const el = document.querySelector(`[data-message-id="${id}"]`);
+      el?.scrollIntoView({ behavior: "smooth", block: "center" });
+      el?.classList.add("data-highlight");
+      setTimeout(() => el?.classList.remove("data-highlight"), 2000);
+    }}
+    onClose={() => setPinnedPopoverOpen(false)}
+  />
+)}
+```
+
+Ensure the message row `<div>` has `data-message-id={msg.id}` so the `scrollIntoView` query works. Add that attribute if missing.
+
+- [ ] **Step 8: Deep-link scroll on ?msg=<id>**
+
+In the existing "on channel change" useEffect or a new one, after messages load:
+
+```tsx
+useEffect(() => {
+  if (!selectedChannel || messages.length === 0) return;
+  const params = new URLSearchParams(window.location.search);
+  const msgId = params.get("msg");
+  if (!msgId) return;
+  const el = document.querySelector(`[data-message-id="${msgId}"]`);
+  if (el) {
+    el.scrollIntoView({ behavior: "smooth", block: "center" });
+    el.classList.add("data-highlight");
+    setTimeout(() => el.classList.remove("data-highlight"), 2000);
+  }
+}, [selectedChannel, messages.length]);
+```
+
+Add CSS rule for `.data-highlight` — if no global CSS file is used, put inline in `desktop/src/index.css` or append to whatever is being used for existing highlights:
+
+```css
+.data-highlight {
+  outline: 2px solid rgb(250 204 21 / 0.8);
+  outline-offset: 2px;
+  transition: outline 0.2s ease-out;
+}
+```
+
+- [ ] **Step 9: Build + test**
+
+Run: `cd desktop && npm run build`
+Expected: clean.
+
+Run: `cd desktop && npm test -- --run`
+Expected: no new failures.
+
+- [ ] **Step 10: Commit**
+
+```bash
+git add desktop/src/apps/MessagesApp.tsx desktop/src/index.css
+git commit -m "feat(desktop): integrate overflow menu, edit-in-place, pin badge, deep-link scroll into MessagesApp"
+```
+
+---
+
+## Task 17: Update `docs/chat-guide.md` with Phase 2b-2a sections
+
+**Files:**
+- Modify: `docs/chat-guide.md`
+
+- [ ] **Step 1: Add sections**
+
+Append (or insert in the appropriate order) these sections to `docs/chat-guide.md`:
+
+```markdown
+## Edit + delete your own messages
+
+- Hover a message → `⋯` → **Edit** (your own text only).
+- Press **Enter** to save, **Esc** to cancel. A small `(edited)` marker shows afterwards.
+- `⋯` → **Delete** removes your message with a tombstone ("This message was deleted"). Thread replies remain anchored to the parent. You cannot delete others' messages.
+
+## Pinning
+
+- Hover a message → `⋯` → **Pin**. The channel header shows a 📌 badge with the pin count.
+- Click the badge to see the pinned list. Each entry has a **Jump to** link that scrolls to the original message.
+- Up to 50 pins per channel.
+
+### Agent pin requests
+
+- An agent can ask for its own message to be pinned by adding a 📌 reaction to it.
+- Humans see a `@agent wants to pin this` pill below the message with a one-click **Pin** button.
+- Only humans can actually pin; agents can only request.
+
+## Copy link + deep links
+
+- `⋯` → **Copy link** copies a URL in the form `https://<host>/chat/<channel>?msg=<message>` to your clipboard.
+- Opening that URL in taOS scrolls to the message and briefly highlights it. Paste into email, Slack, docs — anywhere you share links.
+
+## Mark unread
+
+- `⋯` → **Mark unread** rewinds your read cursor to just before that message.
+- The channel list updates its unread badge accordingly. No notifications are re-fired.
+```
+
+- [ ] **Step 2: Commit**
+
+```bash
+git add docs/chat-guide.md
+git commit -m "docs: chat guide — edit/delete/pin/copy-link/mark-unread sections"
+```
+
+---
+
+## Task 18: Rebuild desktop bundle
+
+- [ ] **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 chat Phase 2b-2a"
+```
+
+---
+
+## Task 19: Playwright E2E
+
+**Files:**
+- Create: `tests/e2e/test_chat_phase2b2a.py`
+
+- [ ] **Step 1: Write env-gated tests**
+
+```python
+"""Phase 2b-2a desktop E2E.
+
+Requires TAOS_E2E_URL and a test channel named 'roundtable' with at least
+one message the test user authored.
+"""
+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", "")
+
+
+def test_edit_own_message(page: Page):
+    page.goto(URL)
+    page.get_by_role("button", name="Messages").click()
+    page.get_by_text("roundtable").first.click()
+    first = page.locator("[data-message-id]").first
+    first.hover()
+    page.get_by_role("button", name="More").click()
+    page.get_by_role("menuitem", name=re.compile("Edit", re.I)).click()
+    editor = page.get_by_role("textbox", name=re.compile("Edit message", re.I))
+    editor.fill("edited content")
+    editor.press("Enter")
+    expect(page.get_by_text("edited content")).to_be_visible()
+    expect(page.get_by_text("(edited)")).to_be_visible()
+
+
+def test_delete_own_message_shows_tombstone(page: Page):
+    page.goto(URL)
+    page.get_by_role("button", name="Messages").click()
+    page.get_by_text("roundtable").first.click()
+    first = page.locator("[data-message-id]").first
+    first.hover()
+    page.get_by_role("button", name="More").click()
+    page.on("dialog", lambda d: d.accept())
+    page.get_by_role("menuitem", name=re.compile("Delete", re.I)).click()
+    expect(page.get_by_text("This message was deleted")).to_be_visible()
+
+
+def test_pin_badge_and_popover(page: Page):
+    page.goto(URL)
+    page.get_by_role("button", name="Messages").click()
+    page.get_by_text("roundtable").first.click()
+    first = page.locator("[data-message-id]").first
+    first.hover()
+    page.get_by_role("button", name="More").click()
+    page.get_by_role("menuitem", name=re.compile("Pin", re.I)).click()
+    # Badge visible
+    expect(page.get_by_role("button", name=re.compile("Pinned messages", re.I))).to_be_visible()
+    # Open popover
+    page.get_by_role("button", name=re.compile("Pinned messages", re.I)).click()
+    expect(page.get_by_role("dialog", name=re.compile("Pinned messages", re.I))).to_be_visible()
+
+
+def test_deep_link_scroll(page: Page):
+    # Assume at least one message exists in roundtable
+    page.goto(URL)
+    page.get_by_role("button", name="Messages").click()
+    page.get_by_text("roundtable").first.click()
+    msg = page.locator("[data-message-id]").first
+    msg_id = msg.get_attribute("data-message-id")
+    channel_id_match = page.url  # may not expose channel id; use an API call or nav for real test
+    # For now just verify the query-param flow doesn't error
+    page.goto(f"{URL}?msg={msg_id}")
+    # After reload expect the message still visible (scrolled to)
+    expect(page.locator(f"[data-message-id='{msg_id}']")).to_be_visible()
+```
+
+- [ ] **Step 2: Commit**
+
+```bash
+git add tests/e2e/test_chat_phase2b2a.py
+git commit -m "test(e2e): chat Phase 2b-2a — edit/delete/pin/deep-link"
+```
+
+---
+
+## Final verification
+
+- [ ] **Step 1: Full test suite**
+
+Run: `PYTHONPATH=. pytest tests/ -x -q --ignore=tests/e2e`
+Expected: no new failures vs master baseline (1 pre-existing Mac-arm hardware test failure is acceptable).
+
+Run: `cd desktop && npm test -- --run`
+Expected: no new failures (3 pre-existing snap-zones failures acceptable).
+
+Run: `cd desktop && npm run build`
+Expected: clean.
+
+- [ ] **Step 2: Open PR**
+
+```bash
+git push -u origin feat/chat-phase-2b-2a-per-msg
+gh pr create --base master \
+  --title "Chat Phase 2b-2a — per-message affordances + pinning" \
+  --body-file docs/superpowers/specs/2026-04-19-chat-phase-2b-2a-per-msg-design.md
+```
diff --git a/docs/superpowers/specs/2026-04-19-chat-phase-2b-2a-per-msg-design.md b/docs/superpowers/specs/2026-04-19-chat-phase-2b-2a-per-msg-design.md
new file mode 100644
index 00000000..d0fc414d
--- /dev/null
+++ b/docs/superpowers/specs/2026-04-19-chat-phase-2b-2a-per-msg-design.md
@@ -0,0 +1,180 @@
+# Chat Phase 2b-2a — Per-message affordances + pinning
+
+**Status:** Design approved 2026-04-19.
+
+## Goal
+
+Add the per-message UX layer to taOS chat: edit-own, delete-own, copy-link (deep-link), mark-unread, pin/unpin (human-only) with an agent pin-request flow. Ships as a single PR on branch `feat/chat-phase-2b-2a-per-msg`.
+
+Phase 2b-2b (read receipts + ephemeral) and 2b-2c (UI polish — in-app help, all-threads, zoom, picker recents) are separate sub-phases, not in this spec.
+
+## Non-goals
+
+- Edit history / version stack (YAGNI — Slack's always-editable text-only model is enough).
+- Hard delete or admin-undelete UI (soft delete is terminal for 2b-2a; recovery is a future admin tool).
+- Notification refire on mark-unread (taOS has no push notifications yet).
+- Pin announcements ("Jay pinned a message") as first-class system messages — 2b-2c polish.
+- Custom URL scheme (`taos://...`) — plain web URLs with `?msg=<id>` are enough.
+- Per-user read cursor infrastructure beyond the existing `chat_read_positions` table.
+
+## Decisions
+
+1. **Pinning governance**: humans pin/unpin directly; agents request a pin via a 📌 reaction added by the message's own author (agent). UI shows a "Pin this?" affordance next to the message; one human click approves.
+2. **Edit-own**: text-only, always editable, `(edited)` marker. No attachments mutation, no thread_id mutation, no history.
+3. **Delete-own**: soft delete via `deleted_at` timestamp. Tombstone in UI. Thread replies stay anchored to the parent id (never orphan). No admin undelete in scope.
+4. **Copy link**: `https://<host>/chat/<channel_id>?msg=<message_id>`. MessagesApp scrolls to + briefly highlights the target message on load.
+5. **Mark unread**: rewinds `chat_read_positions.last_read_at` for the current user to `msg.created_at - 0.001`. Channel badge logic uses the existing `get_unread_counts` store method.
+6. **Pin cap**: 50 pins per channel. 409 Conflict when exceeded.
+
+## Architecture
+
+### Data model
+
+New columns on `chat_messages`:
+
+| Column | Type | Notes |
+|---|---|---|
+| `pinned_at` | `REAL NULL` | Unix ts; presence = pinned. |
+| `pinned_by` | `TEXT NULL` | `user_id` of the human who pinned. |
+| `deleted_at` | `REAL NULL` | Unix ts of soft delete. `content` preserved on row for admin recovery but never returned by the default list endpoint. |
+| `edited_at` | `REAL NULL` | Already exists — just expose + set on edit. |
+
+Migration: additive `ALTER TABLE chat_messages ADD COLUMN ...`, no data backfill needed (all default NULL).
+
+Existing `chat_read_positions` table (already in `channel_store.py`) is reused for mark-unread. No new columns.
+
+### Endpoints
+
+All under `/api/chat/` per existing convention.
+
+**Pinning:**
+- `POST /api/chat/messages/{message_id}/pin` — body: `{}`. 200 on success. Errors: 403 if the authenticated principal is not a human, 404 if message not found, 409 if pin cap exceeded.
+- `DELETE /api/chat/messages/{message_id}/pin` — 204 on success. 403 for non-humans. 404 if message not found or not pinned.
+- `GET /api/chat/channels/{channel_id}/pins` — returns `{pins: [<message>, ...]}` ordered by `pinned_at DESC`. Public to channel members.
+
+**Edit / delete:**
+- `PATCH /api/chat/messages/{message_id}` — body: `{content: string}`. 200 with updated message on success. 403 if caller isn't the author. 404 if message not found. Sets `edited_at = now()`. Text-only; any other field in body is rejected with 400.
+- `DELETE /api/chat/messages/{message_id}` — soft delete. Sets `deleted_at = now()`. 204 on success. 403 if caller isn't the author. 404 if message not found. Idempotent (second delete = 204).
+
+**Mark unread:**
+- `POST /api/chat/channels/{channel_id}/read-cursor/rewind` — body: `{before_message_id: string}`. 200 on success. Sets `chat_read_positions.last_read_at` for `(current_user, channel_id)` to `msg.created_at - 0.001`. 404 if the referenced message is not in this channel.
+
+**Agent pin-request flow (no new endpoint):**
+Reuse the existing reaction dispatcher (`tinyagentos/chat/reactions.py`). When an agent adds a 📌 reaction to a message it authored, a router rule sets `metadata.pin_requested = true` on the message and broadcasts the update. No backend pin actually happens — only a flag. Humans see a "Pin this?" inline affordance; clicking it calls `POST .../pin` normally and clears the flag.
+
+The authentication check for `POST /pin` uses the existing session user's `author_type` — humans only (check `auth.author_type == "user"`). Agents that try to POST directly get 403.
+
+### Frontend
+
+New and changed components under `desktop/src/apps/chat/`:
+
+- **`MessageHoverActions.tsx`** (existing): add a `⋯` overflow button that opens a dropdown with (conditional on ownership + state):
+  - Edit (author only, not deleted)
+  - Delete (author only, not deleted)
+  - Copy link (everyone, not deleted)
+  - Pin / Unpin (humans only)
+  - Mark unread (everyone)
+- **`MessageOverflowMenu.tsx`** (new): the dropdown body rendered by the hover toolbar's ⋯ button. Uses the existing dropdown primitive in `shell/`.
+- **`PinnedMessagesPopover.tsx`** (new): floating popover from the channel-header pin badge. Shows pinned messages with mini message renderer + "Jump to" button. Empty state: "No pinned messages yet."
+- **`PinBadge.tsx`** (new): `📌 N` button in the channel header next to the `ⓘ` settings icon. Hidden when N=0.
+- **`PinRequestAffordance.tsx`** (new): inline "Pin this?" pill shown below an agent's message when `metadata.pin_requested === true`. Clicking calls pin API + clears the flag.
+- **`MessageEditor.tsx`** (new): inline textarea replacing message content during edit. Enter saves, Esc cancels. Preserves composer-style keybindings.
+- **`MessageTombstone.tsx`** (new): renders grey italic `This message was deleted` when `deleted_at` is set.
+
+Changes in `MessagesApp.tsx`:
+- Deep-link scroll: on mount / channel switch, read `?msg=<id>` from `window.location.search`. After the message list loads, scroll the target into view with a short highlight pulse animation (2s yellow outline).
+- Read the pin count for the current channel and render `PinBadge` when > 0.
+
+### API client
+
+- `desktop/src/lib/chat-messages-api.ts` (new tiny module): `pinMessage(id)`, `unpinMessage(id)`, `listPins(channelId)`, `editMessage(id, content)`, `deleteMessage(id)`, `markUnread(channelId, beforeMessageId)`.
+
+### Bridge impact
+
+None for 2b-2a. Agents can't edit/delete others' messages and don't own the pin endpoint. The 📌-reaction pin-request path uses the existing reaction endpoint.
+
+## Data flow
+
+**Edit:** user opens overflow menu → clicks Edit → `MessageEditor` renders with current content → user saves → `PATCH /api/chat/messages/{id}` → store updates row, broadcasts the updated message via `hub.broadcast` → all listeners (including sender) receive the WS event and replace their local message.
+
+**Delete:** user opens overflow menu → clicks Delete → confirm dialog → `DELETE /api/chat/messages/{id}` → store sets `deleted_at` → `hub.broadcast` delivers the update → UI re-renders message as tombstone.
+
+**Pin:** human clicks Pin → `POST .../pin` → store sets `pinned_at`, `pinned_by` → `hub.broadcast` update → pin badge count refreshes; popover content refreshes on open.
+
+**Pin-request (agent):** agent adds 📌 reaction to its own message via existing reaction pipeline → reactions semantic dispatcher (`tinyagentos/chat/reactions.py`) checks `emoji == "📌" and reactor_id == message.author_id and reactor_type == "agent"` → sets `metadata.pin_requested = true` → broadcast update. UI renders `PinRequestAffordance`. Human clicks → normal pin flow; the handler on success also clears the flag (one additional store call).
+
+**Mark unread:** user clicks Mark Unread → `POST .../read-cursor/rewind` with `before_message_id` → store rewinds `last_read_at` → channel badge updates via the existing unread-counts polling/WS flow.
+
+**Copy link:** pure client — composes URL, writes to `navigator.clipboard`.
+
+**Deep link:** MessagesApp mounts → detects `?msg=<id>` → fetches channel messages (existing flow) → when render completes, scrolls the node with that id into view and adds a `data-highlight` class for 2 seconds.
+
+## Error handling
+
+- **Edit non-own**: backend 403. Frontend hides the Edit action unless `msg.author_id === currentUser.id`.
+- **Delete non-own**: same — 403 + hidden action.
+- **Pin by non-human**: 403. Frontend hides Pin/Unpin actions for non-humans (but agents don't have a frontend, so this is defense-in-depth).
+- **Pin cap exceeded**: 409. Frontend surfaces "Pin limit reached (50)" via the existing toast/error component.
+- **Message not found (edit/delete/pin after it was already deleted)**: 404. Frontend shows a small inline error ("This message no longer exists") and refreshes the list.
+- **Deep link to a message not in the channel or user doesn't have access**: silently ignore — no error, just don't scroll (the user will see the channel normally).
+- **Mark unread before the first message**: passes through (rewind before any message makes the channel unread from the start); no error.
+
+## Testing
+
+**Backend (pytest):**
+
+- `tests/test_chat_pins.py` (new):
+  - Pin a message → listed in `GET /pins`
+  - Unpin → removed from list
+  - Agent POST /pin → 403
+  - Pin 51st message → 409
+  - Unpin a non-pinned message → 404
+  - Pin a deleted message → 404 (or allowed? decision: 404 — can't pin tombstones)
+- `tests/test_chat_edit_delete.py` (new):
+  - Author PATCH → 200, content updated, `edited_at` set
+  - Non-author PATCH → 403
+  - PATCH with extra fields → 400
+  - PATCH deleted message → 404
+  - Author DELETE → 204, subsequent GET shows tombstone-shape (deleted_at set, content may be redacted)
+  - Non-author DELETE → 403
+  - Idempotent: DELETE twice → 204 both times
+- `tests/test_chat_mark_unread.py` (new):
+  - Rewind to a specific message → `last_read_at` set to `msg.created_at - 0.001`
+  - Unread count reflects the rewind
+  - Rewind to non-existent message → 404
+- `tests/test_chat_pin_request.py` (new):
+  - Agent adds 📌 to own message via reaction endpoint → message `metadata.pin_requested = true`
+  - Agent adds 📌 to another agent's message → no flag set
+  - Human adds 📌 (plain reaction) → no flag (humans pin via endpoint, not via reactions)
+
+**Frontend (vitest + React Testing Library):**
+
+- `MessageOverflowMenu.test.tsx`: action visibility per ownership + state + author_type.
+- `PinnedMessagesPopover.test.tsx`: empty state; renders list; "Jump to" triggers callback.
+- `PinBadge.test.tsx`: hidden at 0, renders count otherwise.
+- `PinRequestAffordance.test.tsx`: renders when flag set; click fires the pin handler.
+- `MessageEditor.test.tsx`: Enter saves, Esc cancels.
+- `MessageTombstone.test.tsx`: renders expected text.
+- `deep-link.test.tsx` (in MessagesApp test suite, if one exists): `?msg=<id>` triggers scroll-into-view.
+
+**E2E (Playwright, gated):**
+
+- `tests/e2e/test_chat_phase2b2a.py`:
+  - Open own message → overflow → Edit → save → new text visible + `(edited)`.
+  - Open own message → overflow → Delete → confirm → tombstone.
+  - Pin badge appears after pinning; popover shows the message; "Jump to" scrolls.
+  - Copy link → paste URL into address bar → scroll + highlight lands on the message.
+
+## Rollout
+
+Single PR off `feat/chat-phase-2b-2a-per-msg` (already branched from 2b-1). Merges after PR #236 (Phase 2b-1) so the base is stable.
+
+Backward compatibility: migration is additive (`ALTER TABLE ... ADD COLUMN`). Old clients see the new columns as extra fields and ignore them. No breaking changes.
+
+## Out of scope — tracked for later sub-phases
+
+- **Phase 2b-2b**: read receipts (per-user seen indicators), ephemeral messages (TTL auto-delete).
+- **Phase 2b-2c**: in-app help panel, all-threads list, lightbox zoom, file picker recents.
+- Pin announcement system messages.
+- Admin undelete UI.
+- Edit history.
diff --git a/static/desktop/assets/MCPApp-CoOFMGF2.js b/static/desktop/assets/MCPApp-CuhZ0WpF.js
similarity index 99%
rename from static/desktop/assets/MCPApp-CoOFMGF2.js
rename to static/desktop/assets/MCPApp-CuhZ0WpF.js
index 955ee832..9ba821f2 100644
--- a/static/desktop/assets/MCPApp-CoOFMGF2.js
+++ b/static/desktop/assets/MCPApp-CuhZ0WpF.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-De32YCg8.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-BWEexfPB.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-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(`
 `)),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-BkrxHSyC.js b/static/desktop/assets/MessagesApp-BkrxHSyC.js
new file mode 100644
index 00000000..3a0ed8db
--- /dev/null
+++ b/static/desktop/assets/MessagesApp-BkrxHSyC.js
@@ -0,0 +1 @@
+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/MessagesApp-DxXn5uGT.js b/static/desktop/assets/MessagesApp-DxXn5uGT.js
deleted file mode 100644
index fd56712b..00000000
--- a/static/desktop/assets/MessagesApp-DxXn5uGT.js
+++ /dev/null
@@ -1 +0,0 @@
-import{r as o,j as e,p as At,b as Tt}from"./vendor-react-l6srOxy7.js";import{B as I,r as Qe,T as zt,L as Z,I as de,C as Et,a as Mt,b as Rt,c as Ot}from"./toolbar-UW6q5pkx.js";import{M as Pt}from"./MobileSplitView-CtNEF6zb.js";import{u as Dt}from"./use-is-mobile-v5lglusa.js";import{W as he,z as Xe,D as ve,E as ae,R as Ye,y as Ze,G as et,J as tt,U as Ne,K as st,v as nt,N as at,X as ue,O as Lt,Q as It,g as rt}from"./vendor-icons-wm645Jsx.js";import"./vendor-radix-BhM7AEEG.js";import"./vendor-layout-B-pp9n1f.js";async function Ft(s){try{return await s.json()}catch{return null}}async function ie(s){if(s.ok)return;const a=await Ft(s);throw new Error((a==null?void 0:a.error)||`HTTP ${s.status}`)}async function Ut(s,a){const l=await fetch(`/api/chat/channels/${encodeURIComponent(s)}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)});await ie(l)}async function Wt(s,a){const l=await fetch(`/api/chat/channels/${encodeURIComponent(s)}/members`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"add",slug:a})});await ie(l)}async function ot(s,a){const l=await fetch(`/api/chat/channels/${encodeURIComponent(s)}/members`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"remove",slug:a})});await ie(l)}async function ct(s,a){const l=await fetch(`/api/chat/channels/${encodeURIComponent(s)}/muted`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"add",slug:a})});await ie(l)}async function dt(s,a){const l=await fetch(`/api/chat/channels/${encodeURIComponent(s)}/muted`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"remove",slug:a})});await ie(l)}function Bt({channel:s,knownAgents:a,onClose:l,onChanged:i}){const[u,m]=o.useState(s.name),[x,g]=o.useState(s.topic||""),[j,w]=o.useState(s.settings.response_mode??"quiet"),[S,v]=o.useState(s.settings.max_hops??3),[O,p]=o.useState(s.settings.cooldown_seconds??5),[k,M]=o.useState(null);o.useEffect(()=>{m(s.name),g(s.topic||""),w(s.settings.response_mode??"quiet"),v(s.settings.max_hops??3),p(s.settings.cooldown_seconds??5)},[s]);const T=async(b,z)=>{M(null);try{await Ut(s.id,b),i()}catch(le){z(),M(le instanceof Error?le.message:"failed")}},N=s.members||[],d=s.settings.muted||[],A=a.map(b=>b.name).filter(b=>!N.includes(b)),C=N.filter(b=>b!=="user"&&!d.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:l,"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:u,maxLength:100,onChange:b=>m(b.target.value),onBlur:()=>u!==s.name&&T({name:u},()=>m(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:x,maxLength:500,rows:3,onChange:b=>g(b.target.value),onBlur:()=>x!==(s.topic||"")&&T({topic:x},()=>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:N.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 ot(s.id,b),i()}catch(z){M(z instanceof Error?z.message:"failed")}},children:"Remove"})]},b))}),A.length>0&&e.jsx(it,{label:"Add agent",options:A,onPick:async b=>{try{await Wt(s.id,b),i()}catch(z){M(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 ${j==="quiet"?"bg-sky-500/30 text-sky-200":"bg-white/5"}`,onClick:()=>T({response_mode:"quiet"},()=>w(j)),children:"quiet"}),e.jsx("button",{className:`px-2 py-1 rounded text-xs ${j==="lively"?"bg-emerald-500/30 text-emerald-200":"bg-white/5"}`,onClick:()=>T({response_mode:"lively"},()=>w(j)),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:[d.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 dt(s.id,b),i()}catch(z){M(z instanceof Error?z.message:"failed")}},children:"×"})]},b)),d.length===0&&e.jsx("span",{className:"text-[11px] text-shell-text-tertiary",children:"none"})]}),C.length>0&&e.jsx(it,{label:"Mute agent",options:C,onPick:async b=>{try{await ct(s.id,b),i()}catch(z){M(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=>v(Number(b.target.value)),onMouseUp:()=>T({max_hops:S},()=>v(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: ",O,"s"]}),e.jsx("input",{type:"range",min:0,max:60,value:O,onChange:b=>p(Number(b.target.value)),onMouseUp:()=>T({cooldown_seconds:O},()=>p(s.settings.cooldown_seconds??5))})]})]}),k&&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:k})]})]})}function it({label:s,options:a,onPick:l}){return e.jsxs("select",{"aria-label":s,defaultValue:"",onChange:i=>{i.target.value&&(l(i.target.value),i.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(i=>e.jsxs("option",{value:i,children:["@",i]},i))]})}function Jt({slug:s,channelId:a,channelType:l,isMuted:i,x:u,y:m,onClose:x,onDm:g,onViewInfo:j,onJumpToSettings:w}){const S=o.useRef(null);o.useEffect(()=>{const k=T=>{S.current&&!S.current.contains(T.target)&&x()},M=T=>{T.key==="Escape"&&x()};return document.addEventListener("mousedown",k),document.addEventListener("keydown",M),()=>{document.removeEventListener("mousedown",k),document.removeEventListener("keydown",M)}},[x]);const v=l==="dm",O=async()=>{if(a)try{i?await dt(a,s):await ct(a,s)}finally{x()}},p=async()=>{if(a)try{await ot(a,s)}finally{x()}};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:m,left:u},children:[e.jsxs(re,{onClick:()=>{g==null||g(s),x()},children:["DM @",s]}),a&&!v&&e.jsxs(re,{onClick:O,children:[i?"Unmute":"Mute"," in this channel"]}),a&&!v&&e.jsx(re,{onClick:p,children:"Remove from channel"}),e.jsx("div",{className:"my-1 h-px bg-white/10"}),e.jsx(re,{onClick:()=>{j==null||j(s),x()},children:"View agent info"}),e.jsx(re,{onClick:()=>{w==null||w(s),x()},children:"Jump to agent settings"})]})}function re({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 Ht({commands:s,queryAfterSlash:a,members:l,onPick:i,onClose:u}){const[m,x]=o.useState(0),g=o.useMemo(()=>Kt(s,l,a),[s,l,a]),j=g.filter(w=>w.kind==="cmd");return o.useEffect(()=>{x(0)},[a]),o.useEffect(()=>{const w=S=>{if(S.key==="Escape"){S.preventDefault(),u();return}if(S.key==="ArrowDown"){S.preventDefault(),x(v=>Math.min(j.length-1,v+1));return}if(S.key==="ArrowUp"){S.preventDefault(),x(v=>Math.max(0,v-1));return}if(S.key==="Enter"){S.preventDefault();const v=j[m];v&&i(v.slug,v.cmd.name)}};return document.addEventListener("keydown",w,!0),()=>document.removeEventListener("keydown",w,!0)},[j,m,i,u]),j.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(w=>{if(w.kind==="header")return e.jsxs("div",{className:"px-3 py-1 text-[11px] uppercase tracking-wider text-shell-text-tertiary bg-white/5",children:["@",w.slug]},`h-${w.slug}`);const S=j.indexOf(w),v=S===m;return e.jsxs("button",{role:"option","aria-selected":v,onMouseEnter:()=>x(S),onClick:()=>i(w.slug,w.cmd.name),className:`w-full text-left px-3 py-1.5 flex items-center justify-between gap-3 ${v?"bg-white/10":"hover:bg-white/5"}`,children:[e.jsxs("span",{className:"font-mono text-[13px]",children:["/",w.cmd.name]}),e.jsx("span",{className:"text-xs text-shell-text-tertiary truncate",children:w.cmd.description})]},`${w.slug}-${w.cmd.name}`)})})}function Kt(s,a,l){const i=l.toLowerCase(),u=a.filter(g=>g!=="user"&&s[g]),m=u.length===1,x=[];for(const g of u){const j=(s[g]||[]).filter(w=>qt(g,w,i));if(j.length!==0){m||x.push({kind:"header",slug:g});for(const w of j)x.push({kind:"cmd",slug:g,cmd:w})}}return x}function qt(s,a,l){if(!l)return!0;const i=`${s} ${a.name} ${a.description}`.toLowerCase();let u=0;for(const m of l.split(/\s+/).join("")){const x=i.indexOf(m,u);if(x===-1)return!1;u=x+1}return!0}function Gt({humans:s,agents:a,selfId:l="user"}){const i=s.filter(j=>j!==l),u=i.length>0,m=a.length>0;if(!u&&!m)return null;const x=Vt(i),g=Qt(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:[x&&e.jsx("span",{children:x}),g&&e.jsx("span",{className:"italic",children:g})]})}function Vt(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 Qt(s){return s.length===0?null:s.map(a=>`${a} is thinking…`).join(" · ")}function Xt(s,a,l=1e3){const i=o.useRef(0);return o.useCallback(()=>{if(!s)return;const u=Date.now();u-i.current<l||(i.current=u,fetch(`/api/chat/channels/${encodeURIComponent(s)}/typing`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({author_id:a})}).catch(()=>{}))},[s,a,l])}function Yt({onReact:s,onReplyInThread:a,onMore:l}){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:l,className:"p-1 hover:bg-white/5",children:"⋯"})]})}function Zt({replyCount:s,lastReplyAt:a,onOpen:l}){if(s===0)return null;const i=a?`💬 ${s} repl${s===1?"y":"ies"} · last reply ${es(a)}`:`💬 ${s} repl${s===1?"y":"ies"}`;return e.jsx("button",{onClick:l,className:"mt-1 px-2 py-0.5 text-xs text-sky-200 hover:bg-white/5 rounded","aria-label":"Open thread",children:i})}function es(s){const a=Date.now()/1e3,l=Math.max(0,a-s);return l<60?"just now":l<3600?`${Math.floor(l/60)}m ago`:l<86400?`${Math.floor(l/3600)}h ago`:`${Math.floor(l/86400)}d ago`}function ts({channelId:s,parentId:a,onClose:l,onSend:i}){const[u,m]=o.useState(null),[x,g]=o.useState([]),[j,w]=o.useState(""),S=o.useRef(null);o.useEffect(()=>{let p=!0;return fetch(`/api/chat/messages/${a}`).then(k=>k.ok?k.json():null).then(k=>{p&&m(k)}),()=>{p=!1}},[a]),o.useEffect(()=>{let p=!0;return fetch(`/api/chat/channels/${s}/threads/${a}/messages`).then(k=>k.json()).then(k=>{p&&g(k.messages||[])}),()=>{p=!1}},[s,a]);async function v(){const p=j.trim();p&&(w(""),await i(p,[]))}function O(p){p.key==="Enter"&&!p.shiftKey&&(p.preventDefault(),v())}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:l,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:[u&&e.jsxs("div",{className:"pb-3 border-b border-white/10",children:[e.jsx("div",{className:"text-xs text-white/50 mb-1",children:u.author_id}),e.jsx("div",{className:"text-sm",children:u.content})]}),x.map(p=>e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-white/50 mb-0.5",children:p.author_id}),e.jsx("div",{className:"text-sm",children:p.content})]},p.id))]}),e.jsx("div",{className:"px-4 py-3 border-t border-white/10",children:e.jsx("textarea",{ref:S,value:j,onChange:p=>w(p.target.value),onKeyDown:O,placeholder:"Reply in thread…","aria-label":"Thread reply",rows:2,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"})})]})}function ss({items:s,onRemove:a,onRetry:l}){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(i=>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:i.filename}),e.jsxs("span",{className:"opacity-50",children:[Math.max(1,Math.round(i.size/1024))," KB"]}),i.uploading&&e.jsx("span",{className:"opacity-70",children:"…"}),i.error&&e.jsx("button",{"aria-label":"Retry upload",onClick:()=>l(i.id),className:"text-red-300",children:"retry"}),e.jsx("button",{"aria-label":`Remove ${i.filename}`,onClick:()=>a(i.id),className:"opacity-70 hover:opacity-100",children:"×"})]},i.id))})}function ns({images:s,startIndex:a,onClose:l}){const[i,u]=o.useState(a);o.useEffect(()=>{const x=g=>{g.key==="Escape"&&l(),g.key==="ArrowLeft"&&u(j=>Math.max(0,j-1)),g.key==="ArrowRight"&&u(j=>Math.min(s.length-1,j+1))};return document.addEventListener("keydown",x),()=>document.removeEventListener("keydown",x)},[s.length,l]);const m=s[i];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:l,children:[e.jsx("img",{src:m.url,alt:m.filename,className:"max-w-[90vw] max-h-[90vh]",onClick:x=>x.stopPropagation()}),e.jsxs("div",{className:"absolute top-4 right-4 flex gap-2",children:[e.jsx("a",{href:m.url,download:m.filename,onClick:x=>x.stopPropagation(),className:"bg-white/10 hover:bg-white/20 rounded px-3 py-1 text-sm",children:"Download"}),e.jsx("button",{onClick:l,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:[i+1," / ",s.length]})]})}function as({attachments:s}){const[a,l]=o.useState(null);if(!(s!=null&&s.length))return null;const i=s.filter(x=>{var g;return(g=x.mime_type)==null?void 0:g.startsWith("image/")}),u=s.filter(x=>{var g;return!((g=x.mime_type)!=null&&g.startsWith("image/"))}),m=i.length>1?"grid grid-cols-2 gap-1 max-w-md":"";return e.jsxs("div",{className:"flex flex-col gap-2 mt-1",children:[i.length>0&&e.jsx("div",{className:m,children:i.slice(0,4).map((x,g)=>e.jsxs("button",{onClick:()=>l(g),className:"relative block",children:[e.jsx("img",{src:x.url,alt:x.filename,className:i.length===1?"max-w-[560px] max-h-[400px] rounded":"object-cover w-full h-32 rounded"}),i.length>4&&g===3&&e.jsxs("span",{className:"absolute inset-0 bg-black/60 flex items-center justify-center text-white",children:["+",i.length-4," more"]})]},x.url))}),u.length>0&&e.jsx("div",{className:"flex flex-col gap-1",children:u.map(x=>e.jsxs("a",{href:x.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:x.filename}),e.jsxs("span",{className:"ml-auto text-xs opacity-60",children:[Math.max(1,Math.round(x.size/1024))," KB"]})]},x.url))}),a!==null&&e.jsx(ns,{images:i,startIndex:a,onClose:()=>l(null)})]})}async function ht(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 ke(s,a){const l=new FormData;l.append("file",s),a&&l.append("channel_id",a);const i=await fetch("/api/chat/upload",{method:"POST",body:l});return await ht(i),i.json()}async function rs(s){const a=await fetch("/api/chat/attachments/from-path",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});return await ht(a),a.json()}function is(){const[s,a]=o.useState(null);return{openThread:s,openThreadFor:(l,i)=>a({channelId:l,parentId:i}),closeThread:()=>a(null)}}function ls(s,a){const l=a?`?path=${encodeURIComponent(a)}`:"";if(s==="/workspaces/user")return`/api/workspace/files${l}`;if(s.startsWith("/workspaces/agent/")){const i=s.slice(18);return`/api/agents/${encodeURIComponent(i)}/workspace/files${l}`}return`/api/workspace/files${l}`}function lt({root:s,onSelect:a,multi:l=!1}){const[i,u]=o.useState(""),[m,x]=o.useState([]),[g,j]=o.useState(new Set),[w,S]=o.useState(!1),[v,O]=o.useState(null);o.useEffect(()=>{let N=!1;return S(!0),O(null),fetch(ls(s,i)).then(async d=>{if(!d.ok)throw new Error(`HTTP ${d.status}`);return d.json()}).then(d=>{if(N)return;const C=(Array.isArray(d)?d:[]).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}));C.sort((b,z)=>b.type!==z.type?b.type==="folder"?-1:1:b.name.localeCompare(z.name)),x(C)}).catch(d=>{N||(O(d instanceof Error?d.message:"Failed to load"),x([]))}).finally(()=>{N||S(!1)}),()=>{N=!0}},[s,i]);function p(N){const d=i?`${i}/${N}`:N;return`${s}/${d}`}function k(N){u(d=>d?`${d}/${N}`:N),j(new Set)}function M(N){const d=p(N);if(!l){a(d);return}j(A=>{const C=new Set(A);return C.has(d)?C.delete(d):C.add(d),a(Array.from(C)),C})}function T(){u(N=>{const d=N.split("/").filter(Boolean);return d.pop(),d.join("/")}),j(new Set)}return e.jsxs("div",{className:"vfs-browser",role:"region","aria-label":"File browser",children:[i&&e.jsx("button",{onClick:T,"aria-label":"Go up one folder",style:{marginBottom:4},children:"↑ .."}),w&&e.jsx("p",{children:"Loading…"}),v&&e.jsxs("p",{role:"alert",children:["Error: ",v]}),!w&&!v&&m.length===0&&e.jsx("p",{children:"Empty folder"}),e.jsx("ul",{style:{listStyle:"none",padding:0,margin:0},children:m.map(N=>{const d=p(N.name),A=g.has(d);return e.jsx("li",{children:e.jsxs("button",{onClick:()=>N.type==="folder"?k(N.name):M(N.name),"aria-selected":l?A:void 0,style:{fontWeight:A?"bold":void 0},children:[N.type==="folder"?"📁 ":"📄 ",N.name]})},N.name)})})]})}function os({sources:s,accept:a,multi:l=!1,onPick:i,onCancel:u}){const[m,x]=o.useState(s[0]??"disk"),[g,j]=o.useState([]),[w,S]=o.useState([]),[v,O]=o.useState(null),p=o.useRef(null);o.useEffect(()=>{s.includes("agent-workspace")&&fetch("/api/agents").then(d=>d.json()).then(d=>S(Array.isArray(d)?d:[])).catch(()=>{})},[s]),o.useEffect(()=>{const d=A=>{A.key==="Escape"&&(A.preventDefault(),u())};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[u]);const k=d=>{if(!d)return;const A=[];for(const C of Array.from(d))A.push({source:"disk",file:C});j(C=>l?[...C,...A]:A)},M=d=>{const C=(Array.isArray(d)?d:[d]).map(b=>({source:"workspace",path:b}));j(b=>l?[...b,...C]:C)},T=d=>{if(!v)return;const C=(Array.isArray(d)?d:[d]).map(b=>({source:"agent-workspace",slug:v,path:b}));j(b=>l?[...b,...C]:C)},N=()=>i(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":m==="disk",className:`px-4 py-2 text-sm ${m==="disk"?"border-b-2 border-sky-400":"opacity-70"}`,onClick:()=>x("disk"),children:"Disk"}),s.includes("workspace")&&e.jsx("button",{role:"tab","aria-selected":m==="workspace",className:`px-4 py-2 text-sm ${m==="workspace"?"border-b-2 border-sky-400":"opacity-70"}`,onClick:()=>x("workspace"),children:"My workspace"}),s.includes("agent-workspace")&&e.jsx("button",{role:"tab","aria-selected":m==="agent-workspace",className:`px-4 py-2 text-sm ${m==="agent-workspace"?"border-b-2 border-sky-400":"opacity-70"}`,onClick:()=>x("agent-workspace"),children:"Agent workspaces"})]}),e.jsxs("div",{className:"flex-1 overflow-hidden",children:[m==="disk"&&e.jsxs("div",{className:"p-6 flex items-center justify-center",children:[e.jsx("input",{ref:p,type:"file",className:"hidden",multiple:l,accept:a,onChange:d=>k(d.target.files)}),e.jsx("button",{onClick:()=>{var d;return(d=p.current)==null?void 0:d.click()},className:"px-4 py-2 bg-sky-500/20 text-sky-200 rounded",children:"Choose files from disk"}),g.filter(d=>d.source==="disk").length>0&&e.jsxs("div",{className:"ml-6 text-xs text-shell-text-tertiary",children:[g.length," file(s) queued"]})]}),m==="workspace"&&e.jsx(lt,{root:"/workspaces/user",onSelect:M,multi:l}),m==="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:v??"",onChange:d=>O(d.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…"}),w.map(d=>e.jsxs("option",{value:d.name,children:["@",d.name]},d.name))]})}),v&&e.jsx(lt,{root:`/workspaces/agent/${v}`,onSelect:T,multi:l})]})]}),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:u,className:"px-3 py-1 opacity-70 hover:opacity-100",children:"Cancel"}),e.jsxs("button",{onClick:N,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 cs(s){return new Promise(a=>{const l=document.createElement("div");document.body.appendChild(l);const i=At.createRoot(l),u=()=>{i.unmount(),l.remove()};i.render(Tt.createElement(os,{sources:s.sources,accept:s.accept,multi:s.multi,onPick:m=>{u(),a(m)},onCancel:()=>{u(),a([])}}))})}function ds(s,a,l,i){return a==="user"||l.some(u=>u.name===s)?"active":i.some(u=>{var m;return u.archived_slug===s||((m=u.original)==null?void 0:m.name)===s})?"archived":"removed"}function hs(s){const a=Date.now()-new Date(s).getTime(),l=Math.floor(a/6e4);if(l<1)return"now";if(l<60)return`${l}m ago`;const i=Math.floor(l/60);if(i<24)return`${i}h ago`;const u=Math.floor(i/24);return u<7?`${u}d ago`:new Date(s).toLocaleDateString()}function us(s){const a=[],l=/(\*\*(.+?)\*\*|\*(.+?)\*|`(.+?)`)/g;let i=0,u,m=0;for(;(u=l.exec(s))!==null;)u.index>i&&a.push(s.slice(i,u.index)),u[2]?a.push(e.jsx("strong",{className:"font-semibold",children:u[2]},m++)):u[3]?a.push(e.jsx("em",{className:"italic",children:u[3]},m++)):u[4]&&a.push(e.jsx("code",{className:"bg-white/10 px-1.5 py-0.5 rounded text-[13px] font-mono",children:u[4]},m++)),i=u.index+u[0].length;return i<s.length&&a.push(s.slice(i)),a}const ps=["👍","❤️","😂","🎉","🤔","👀","🚀","✅"];function vs({windowId:s,title:a}){var Je,He,Ke;const l=Dt(),[i,u]=o.useState([]),[m,x]=o.useState([]),[g,j]=o.useState(!1),[w,S]=o.useState([]),[v,O]=o.useState([]),[p,k]=o.useState(null),[M,T]=o.useState([]),[N,d]=o.useState({}),[A,C]=o.useState(""),[b,z]=o.useState("disconnected"),[le,K]=o.useState(!1),[Ce,Se]=o.useState(null),[pe,xe]=o.useState(null),[P,B]=o.useState({name:"",type:"topic",description:""}),[ee,_e]=o.useState(null),[ut,me]=o.useState(!1),[J,q]=o.useState(null),[U,$e]=o.useState(null),[pt,xt]=o.useState({}),[mt,fe]=o.useState([]),[ft,te]=o.useState([]),[Ae,G]=o.useState(null),[gt,Te]=o.useState(null),[V,D]=o.useState([]),{openThread:se,openThreadFor:bt,closeThread:ze}=is(),R=o.useRef(null),Ee=o.useRef(null),Me=o.useRef(null),L=o.useRef(null),ge=o.useRef(null),be=o.useRef(0),Q=o.useRef(!0),ye=o.useRef(1e3),H=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 r=await t.json();u(r.channels??[])}if(n.ok){const r=await n.json();d(r.unread??{})}}catch{}},[]),ne=o.useCallback(async()=>{try{const t=await fetch("/api/chat/channels?archived=true");if(t.ok){const n=await t.json();x(n.channels??[])}}catch{}},[]),oe=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)&&O(c)}}catch{}},[]),Re=o.useCallback(async t=>{try{const n=await fetch(`/api/chat/channels/${t}/messages?limit=50`);if(n.ok){const r=await n.json();T(r.messages??[]),Q.current=!0}}catch{}},[]),Oe=o.useCallback(async t=>{try{await fetch(`/api/chat/channels/${t}/mark-read`,{method:"POST"}),d(n=>{const r={...n};return delete r[t],r})}catch{}},[]),we=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"),ye.current=1e3,H.current&&n.send(JSON.stringify({type:"join",channel_id:H.current}))},n.onmessage=r=>{try{const c=JSON.parse(r.data);if(c.type==="typing"&&c.kind==="human"){fe(h=>h.includes(c.slug)?h:[...h,c.slug]),setTimeout(()=>fe(h=>h.filter(f=>f!==c.slug)),3500);return}if(c.type==="thinking"){c.state==="start"?te(h=>h.includes(c.slug)?h:[...h,c.slug]):te(h=>h.filter(f=>f!==c.slug));return}switch(c.type){case"message":T(h=>h.some(f=>f.id===c.id)?h:[...h,c]),c.channel_id!==H.current&&d(h=>({...h,[c.channel_id]:(h[c.channel_id]??0)+1}));break;case"message_delta":T(h=>h.map(f=>f.id===c.message_id?{...f,content:f.content+(c.delta??""),state:"streaming"}:f));break;case"message_state":T(h=>h.map(f=>f.id===c.message_id?{...f,state:c.state}:f));break;case"typing":if((c.user_type??"user")!=="agent")break;te(h=>h.includes(c.user_id)?h:[...h,c.user_id]),setTimeout(()=>{te(h=>h.filter(f=>f!==c.user_id))},5e3);break;case"reaction_update":T(h=>h.map(f=>f.id===c.message_id?{...f,reactions:c.reactions}:f));break;case"message_edit":T(h=>h.map(f=>f.id===c.message_id?{...f,content:c.content,edited_at:c.edited_at}:f));break;case"message_delete":T(h=>h.filter(f=>f.id!==c.message_id));break}}catch{}},n.onclose=()=>{z("disconnected"),R.current=null;const r=ye.current;ye.current=Math.min(r*2,3e4),setTimeout(we,r)},n.onerror=()=>{n.close()},R.current=n},[]);o.useEffect(()=>(X(),ne(),oe(),we(),()=>{R.current&&(R.current.onclose=null,R.current.close())}),[X,ne,oe,we]),o.useEffect(()=>{let t=!1;const n=async r=>{const c=r.detail;if(c!=null&&c.channelId&&!t&&(k(c.channelId),c.prefillPromptName))try{const h=await fetch(`/api/admin-prompts/${encodeURIComponent(c.prefillPromptName)}`,{headers:{Accept:"application/json"}});if(t)return;if(h.ok&&(h.headers.get("content-type")??"").includes("application/json")){const _=await h.json();if(t)return;C(_.body??""),_e({promptName:c.prefillPromptName,agentName:c.prefillAgent}),setTimeout(()=>{var E;t||(E=L.current)==null||E.focus()},150)}}catch{}};return window.addEventListener("taos:open-messages",n),()=>{t=!0,window.removeEventListener("taos:open-messages",n)}},[]),o.useEffect(()=>{var t,n;p&&(H.current&&H.current!==p&&((t=R.current)==null?void 0:t.readyState)===1&&R.current.send(JSON.stringify({type:"leave",channel_id:H.current})),H.current=p,((n=R.current)==null?void 0:n.readyState)===1&&R.current.send(JSON.stringify({type:"join",channel_id:p})),Re(p),Oe(p),fe([]),te([]))},[p,Re,Oe]),o.useEffect(()=>{let t=!0;return fetch("/api/frameworks/slash-commands").then(n=>n.json()).then(n=>{t&&xt(n||{})}).catch(()=>{}),()=>{t=!1}},[p]),o.useEffect(()=>{var t;Q.current&&((t=Ee.current)==null||t.scrollIntoView({behavior:"smooth"}))},[M]);const yt=()=>{const t=Me.current;if(!t)return;const n=t.scrollHeight-t.scrollTop-t.clientHeight<60;Q.current=n},wt=Xt(p,"user"),Pe=A.startsWith("/"),jt=Pe&&A.slice(1).split(/\s/,1)[0]||"",vt=()=>{ze(),me(!0)},De=(t,n)=>{me(!1),bt(t,n)},Le=async()=>{const t=A.trim();if(!t&&V.length===0||!p||!R.current||R.current.readyState!==1)return;if(V.some(r=>r.uploading)){G("waiting for uploads to finish…");return}const n=V.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:p,author_id:"user",author_type:"user",content:t,content_type:"text",attachments:n})});if(!r.ok){const c=await r.json().catch(()=>({}));G(c.error||"couldn't send message");return}C(""),D([]),L.current&&(L.current.style.height="auto"),Q.current=!0;return}catch(r){G(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:p,content:t})});if(r.status===400){const c=await r.json().catch(()=>({}));G(c.error||"couldn't send message");return}if(r.ok&&(await r.json().catch(()=>({}))).handled){G(null),C(""),Q.current=!0,L.current&&(L.current.style.height="auto");return}}catch{}G(null),R.current.send(JSON.stringify({type:"message",channel_id:p,content:t})),C(""),Q.current=!0,L.current&&(L.current.style.height="auto")}},Nt=t=>{var r;C(t),L.current&&(L.current.style.height="auto",L.current.style.height=Math.min(L.current.scrollHeight,120)+"px");const n=Date.now();p&&((r=R.current)==null?void 0:r.readyState)===1&&n-be.current>3e3&&(R.current.send(JSON.stringify({type:"typing",channel_id:p})),be.current=n),ge.current&&clearTimeout(ge.current),ge.current=setTimeout(()=>{be.current=0},4e3),wt()},kt=t=>{t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),Le())},Ct=async()=>{const t=await cs({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()||"",h=n.source==="disk"?n.file.size:0;D(f=>[...f,{id:r,filename:c,size:h,uploading:!0}]);try{const f=n.source==="disk"?await ke(n.file,p??void 0):await rs({path:n.path,source:n.source,slug:n.source==="agent-workspace"?n.slug:void 0});D(_=>_.map(E=>E.id===r?{...E,record:f,uploading:!1}:E))}catch(f){D(_=>_.map(E=>E.id===r?{...E,uploading:!1,error:f.message}:E))}}},Ie=(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})),Se(null)},Fe=async()=>{if(P.name.trim())try{const t=await fetch("/api/chat/channels",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:P.name.trim(),type:P.type,description:P.description.trim()||void 0})});if(t.ok){const n=await t.json();u(r=>[...r,n]),k(n.id),K(!1),B({name:"",type:"topic",description:""})}}catch{}},Ue=o.useCallback(async(t,n)=>{var c,h,f,_;const r=(h=(c=m.find(E=>E.id===t))==null?void 0:c.settings)==null?void 0:h.archived_agent_id;if(r){const E=v.find(F=>F.id===r);if(E){if(!window.confirm(`Restore agent "${((f=E.original)==null?void 0:f.display_name)||((_=E.original)==null?void 0:_.name)||E.archived_slug}"?`))return;try{const F=await fetch(`/api/agents/archived/${r}/restore`,{method:"POST"});if(!F.ok){const ce=await F.json().catch(()=>({}));window.alert(`Restore failed: ${ce.error??F.status}`);return}await X(),await ne(),await oe()}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.`)},[m,v,X,ne,oe]),We=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 r=await n.json().catch(()=>({}));window.alert(`Delete failed: ${r.error??n.status}`);return}x(r=>r.filter(c=>c.id!==t)),p===t&&k(null)}catch(n){window.alert(`Network error: ${String(n)}`)}},[p,ne]),je={dm:i.filter(t=>t.type==="dm"),topic:i.filter(t=>t.type==="topic"),group:i.filter(t=>t.type==="group")},y=[...i,...m].find(t=>t.id===p),W=((Je=y==null?void 0:y.settings)==null?void 0:Je.archived)===!0,Be=[{label:"Direct Messages",icon:e.jsx(st,{size:13}),items:je.dm},{label:"Topics",icon:e.jsx(tt,{size:13}),items:je.topic},{label:"Groups",icon:e.jsx(Ne,{size:13}),items:je.group}],St=l?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(he,{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(he,{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(Xe,{size:11,style:{color:"#f87171"}}),e.jsx("span",{style:{color:"rgba(248,113,113,0.8)"},children:"Offline"})]})}),Be.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:()=>k(n.id),"aria-label":`Channel ${n.name}`,style:{display:"flex",alignItems:"center",gap:10,width:"100%",padding:"14px 16px",background:p===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}),(N[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:N[n.id]}),e.jsx(ve,{size:16,style:{color:"rgba(255,255,255,0.25)",flexShrink:0}})]},n.id))})]},t.label)),m.length>0&&e.jsxs("div",{style:{marginBottom:20},children:[e.jsxs("button",{type:"button",onClick:()=>j(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(ve,{size:12,style:{transition:"transform 0.15s",transform:g?"rotate(90deg)":"none",color:"rgba(255,255,255,0.3)"},"aria-hidden":"true"}),e.jsx(ae,{size:12,"aria-hidden":"true"}),"Archived (",m.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:m.map((t,n,r)=>{var f;const c=(f=t.settings)==null?void 0:f.archived_agent_id,h=c?v.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:()=>k(t.id),"aria-label":`Archived channel ${t.name}`,style:{flex:1,display:"flex",alignItems:"center",gap:8,padding:"12px 8px 12px 16px",background:p===t.id?"rgba(59,130,246,0.12)":"none",border:"none",cursor:"pointer",color:"inherit",textAlign:"left",minWidth:0},children:[e.jsx(ae,{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:()=>Ue(t.id,t.name),disabled:!h,"aria-label":`Restore archived channel ${t.name}`,title:h?"Restore agent":"Agent entry missing — delete only",style:{background:"none",border:"none",cursor:h?"pointer":"not-allowed",color:h?"rgba(52,211,153,0.7)":"rgba(255,255,255,0.2)",padding:"6px"},children:e.jsx(Ye,{size:13,"aria-hidden":"true"})}),e.jsx("button",{type:"button",onClick:()=>We(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(Ze,{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(he,{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(he,{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(Xe,{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:[Be.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(I,{variant:p===n.id?"secondary":"ghost",onClick:()=>k(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}),(N[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:N[n.id]})]},n.id))]},t.label)),m.length>0&&e.jsxs("div",{className:"mt-2",children:[e.jsxs("button",{type:"button",onClick:()=>j(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(ve,{size:11,className:`transition-transform ${g?"rotate-90":""}`,"aria-hidden":"true"}),e.jsx(ae,{size:11,"aria-hidden":"true"}),"Archived (",m.length,")"]}),e.jsx("div",{id:"archived-channels-desktop",className:g?"":"hidden",children:m.map(t=>{var c;const n=(c=t.settings)==null?void 0:c.archived_agent_id,r=n?v.some(h=>h.id===n):!1;return e.jsxs("div",{className:"group relative flex items-center opacity-60 hover:opacity-80 transition-opacity",children:[e.jsxs(I,{variant:p===t.id?"secondary":"ghost",onClick:()=>k(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(ae,{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:()=>Ue(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(Ye,{size:12,"aria-hidden":"true"})}),e.jsx("button",{type:"button",onClick:()=>We(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(Ze,{size:12,"aria-hidden":"true"})})]})]},t.id)})})]})]})]}),_t=e.jsx("div",{className:"flex-1 flex flex-col min-w-0 h-full",children:p?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:[(y==null?void 0:y.type)==="topic"?e.jsx(tt,{size:16,className:"text-white/40"}):(y==null?void 0:y.type)==="group"?e.jsx(Ne,{size:16,className:"text-white/40"}):e.jsx(st,{size:16,className:"text-white/40"}),(()=>{if((y==null?void 0:y.type)!=="dm")return null;const t=(y.members??[]).find(r=>r!=="user");if(!t)return null;const n=w.find(r=>r.name===t);return n?e.jsx("span",{className:"text-base leading-none shrink-0","aria-hidden":"true",children:Qe(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:[(y==null?void 0:y.name)??"Unknown",y&&y.type!=="dm"&&e.jsx("button",{"aria-label":"Channel settings",onClick:vt,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:"?"})]}),(y==null?void 0:y.description)&&e.jsx("div",{className:"text-[11px] text-white/35 truncate",children:y.description})]}),(y==null?void 0:y.members)&&e.jsxs("div",{className:"text-[11px] text-white/30 flex items-center gap-1",children:[e.jsx(Ne,{size:12})," ",y.members.length]})]}),e.jsxs("div",{ref:Me,onScroll:yt,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 r=Math.random().toString(36).slice(2);D(c=>[...c,{id:r,filename:n.name,size:n.size,uploading:!0}]),ke(n,p??void 0).then(c=>D(h=>h.map(f=>f.id===r?{...f,record:c,uploading:!1}:f))).catch(c=>D(h=>h.map(f=>f.id===r?{...f,uploading:!1,error:c.message}:f)))}},children:[M.length===0&&e.jsx("div",{className:"flex items-center justify-center h-full text-white/20 text-sm",children:"No messages yet. Say something!"}),M.map((t,n)=>{var F,ce,qe;const r=t.author_type==="agent",c=n>0?M[n-1]:void 0,h=!c||c.author_id!==t.author_id,f=ds(t.author_id,t.author_type,w,v),_=r&&f!=="active",E=f==="archived"?"Agent no longer active":f==="removed"?"Agent removed":void 0;return e.jsxs("div",{className:`group relative px-3 py-1 rounded-md transition-colors hover:bg-white/[0.03] ${r&&!_?"bg-blue-500/[0.04]":""} ${h?"mt-3":""}`,onMouseEnter:()=>Te(t.id),onMouseLeave:()=>Te($=>$===t.id?null:$),children:[h&&e.jsxs("div",{className:"flex items-center gap-2 mb-0.5",onContextMenu:$=>{t.author_type==="agent"&&($.preventDefault(),q({slug:t.author_id,x:$.clientX,y:$.clientY}))},children:[r&&!_&&(()=>{const $=w.find(Y=>Y.name===t.author_id);return $?e.jsx("span",{className:"text-[14px] leading-none","aria-hidden":"true",children:Qe($.emoji,$.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:E,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(nt,{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(nt,{size:10,"aria-hidden":"true"}),f==="archived"?"inactive":"removed"]}),e.jsx("span",{className:`text-[11px] ${_?"text-white/15":"text-white/25"}`,children:hs(t.created_at)}),t.edited_at&&e.jsx("span",{className:"text-[10px] text-white/20",children:"(edited)"})]}),e.jsxs("div",{className:`text-[13px] leading-relaxed whitespace-pre-wrap break-words ${_?"text-white/45":"text-white/80"}`,children:[us(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)"})]}),t.content_type==="canvas"&&(((F=t.metadata)==null?void 0:F.canvas_url)||((ce=t.metadata)==null?void 0:ce.canvas_id))&&e.jsx("div",{className:"mt-2",children:e.jsxs(I,{size:"sm",variant:"outline",onClick:()=>{var Y,Ge,Ve;const $=((Y=t.metadata)==null?void 0:Y.canvas_url)??`/canvas/${(Ge=t.metadata)==null?void 0:Ge.canvas_id}`;xe({url:$,title:(Ve=t.metadata)==null?void 0:Ve.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(at,{size:13}),"View Canvas",(qe=t.metadata)!=null&&qe.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(([$,Y])=>e.jsxs("button",{onClick:()=>Ie(t.id,$),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:$}),e.jsx("span",{className:"text-white/40",children:Y.length})]},$))}),gt===t.id&&e.jsx("div",{className:"absolute top-0 right-2 -translate-y-1/2 z-10",children:e.jsx(Yt,{onReact:()=>Se(Ce===t.id?null:t.id),onReplyInThread:()=>De(t.channel_id??p??"",t.id),onMore:$=>{$.preventDefault(),t.author_type==="agent"&&q({slug:t.author_id,x:$.clientX,y:$.clientY})}})}),e.jsx(as,{attachments:t.attachments||[]}),typeof t.reply_count=="number"&&t.reply_count>0&&e.jsx(Zt,{replyCount:t.reply_count,lastReplyAt:t.last_reply_at??null,onOpen:()=>De(t.channel_id??p??"",t.id)}),Ce===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:ps.map($=>e.jsx("button",{onClick:()=>Ie(t.id,$),className:"text-lg hover:bg-white/10 rounded p-0.5 transition-colors",children:$},$))})]},t.id)}),e.jsx("div",{ref:Ee})]}),e.jsx(Gt,{humans:mt,agents:ft,selfId:"user"}),W&&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(ae,{size:13,"aria-hidden":"true"}),"This chat is archived. The agent is no longer active."]}),ee&&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: ${ee.promptName}`,children:[e.jsxs("span",{className:"flex-1 truncate",children:["Prefilled from: ",ee.promptName,ee.agentName?` for ${ee.agentName}`:""," — edit and send"]}),e.jsx("button",{onClick:()=>{_e(null),C("")},className:"shrink-0 p-0.5 rounded hover:bg-white/10 transition-colors","aria-label":"Dismiss prefill",children:e.jsx(ue,{size:12,"aria-hidden":"true"})})]}),Ae&&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:Ae}),e.jsx(ss,{items:V,onRemove:t=>D(n=>n.filter(r=>r.id!==t)),onRetry:t=>{D(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",children:e.jsxs("div",{className:"relative",children:[Pe&&e.jsx(Ht,{commands:pt,queryAfterSlash:jt,members:(y==null?void 0:y.members)||[],onPick:(t,n)=>{C(`@${t} /${n} `)},onClose:()=>{}}),e.jsxs("div",{className:`flex items-end gap-2 rounded-xl border px-2 py-1.5 ${W?"bg-white/[0.02] border-white/[0.04] opacity-50":"bg-white/[0.06] border-white/[0.08]"}`,children:[e.jsx(I,{variant:"ghost",size:"icon",onClick:Ct,className:"h-8 w-8 shrink-0 mb-0.5","aria-label":"Upload file",disabled:W,children:e.jsx(Lt,{size:16})}),e.jsx(zt,{ref:L,value:A,onChange:t=>!W&&Nt(t.target.value),onKeyDown:t=>!W&&kt(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);D(h=>[...h,{id:c,filename:r.name||"pasted.png",size:r.size,uploading:!0}]),ke(r,p??void 0).then(h=>D(f=>f.map(_=>_.id===c?{..._,record:h,uploading:!1}:_))).catch(h=>D(f=>f.map(_=>_.id===c?{..._,uploading:!1,error:h.message}:_)))}}},placeholder:W?"This chat is archived":`Message #${(y==null?void 0:y.name)??""}...`,rows:1,disabled:W,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(I,{size:"icon",onClick:Le,disabled:!A.trim()&&V.length===0||W||V.some(t=>t.uploading),className:"h-8 w-8 shrink-0 mb-0.5","aria-label":"Send message",children:e.jsx(It,{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(et,{size:48,className:"mx-auto mb-3 opacity-30"}),e.jsx("p",{className:"text-sm",children:"Select a channel to start chatting"})]})})}),$t=!l||p===null;return e.jsxs("div",{className:"flex flex-col h-full bg-shell-base text-white overflow-hidden",children:[$t&&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(I,{variant:"ghost",size:"icon",onClick:()=>K(!0),className:"h-7 w-7","aria-label":"New channel",children:e.jsx(rt,{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(et,{size:15}),!l&&"Messages"]}),e.jsx(I,{variant:"ghost",size:"icon",onClick:()=>K(!0),className:"h-7 w-7 ml-auto","aria-label":"New channel",children:e.jsx(rt,{size:15})})]})}),e.jsx("div",{className:"flex-1 min-h-0 overflow-hidden",children:e.jsx(Pt,{selectedId:p,onBack:()=>k(null),listTitle:"Messages",detailTitle:y==null?void 0:y.name,listWidth:240,list:St,detail:_t})}),ut&&y&&e.jsx(Bt,{channel:{id:y.id,name:y.name,type:y.type,topic:y.topic??"",members:y.members??[],settings:y.settings??{}},knownAgents:w.map(t=>({name:t.name})),onClose:()=>me(!1),onChanged:()=>{X()}}),se&&e.jsx(ts,{channelId:se.channelId,parentId:se.parentId,onClose:ze,onSend:async(t,n)=>{await fetch("/api/chat/messages",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({channel_id:se.channelId,author_id:"user",author_type:"user",content:t,content_type:"text",thread_id:se.parentId,attachments:n})})}}),J&&e.jsx(Jt,{slug:J.slug,channelId:p??void 0,channelType:y==null?void 0:y.type,isMuted:((Ke=(He=y==null?void 0:y.settings)==null?void 0:He.muted)==null?void 0:Ke.includes(J.slug))??!1,x:J.x,y:J.y,onClose:()=>q(null),onDm:async t=>{const n=i.find(r=>r.type==="dm"&&(r.members||[]).length===2&&(r.members||[]).includes("user")&&(r.members||[]).includes(t));if(n)k(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 X(),k(c.id)}}q(null)},onViewInfo:t=>{const n=w.find(r=>r.name===t);n&&$e({slug:t,framework:n.framework||"unknown",model:n.model||"unknown",status:n.status||"unknown",x:J.x,y:J.y}),q(null)},onJumpToSettings:t=>{window.dispatchEvent(new CustomEvent("taos:open-agent",{detail:{slug:t}})),q(null)}}),U&&e.jsxs("div",{role:"dialog","aria-label":`Agent info for @${U.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:U.y,left:U.x},onMouseLeave:()=>$e(null),children:[e.jsxs("div",{className:"font-semibold text-sm mb-1",children:["@",U.slug]}),e.jsxs("div",{className:"opacity-70",children:["Framework: ",U.framework]}),e.jsxs("div",{className:"opacity-70",children:["Model: ",U.model]}),e.jsxs("div",{className:"opacity-70",children:["Status: ",U.status]})]}),pe&&e.jsx("div",{className:"fixed inset-0 z-[10002] flex items-center justify-center bg-black/60 backdrop-blur-sm",onClick:()=>xe(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(at,{size:14}),e.jsx("span",{children:pe.title??"Canvas"})]}),e.jsx(I,{variant:"ghost",size:"icon",onClick:()=>xe(null),className:"h-7 w-7","aria-label":"Close canvas viewer",children:e.jsx(ue,{size:14})})]}),e.jsx("iframe",{src:pe.url,className:"flex-1 w-full border-none bg-white",title:"Canvas"})]})}),le&&(l?e.jsx("div",{className:"fixed inset-0 z-50",onClick:()=>K(!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(I,{variant:"ghost",size:"icon",onClick:()=>K(!1),className:"h-7 w-7","aria-label":"Close",children:e.jsx(ue,{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(de,{id:"new-channel-name-mobile",value:P.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:P.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(de,{id:"new-channel-description-mobile",value:P.description,onChange:t=>B(n=>({...n,description:t.target.value})),placeholder:"What's this channel about?","aria-label":"Channel description"})]}),e.jsx(I,{onClick:Fe,disabled:!P.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(Et,{className:"w-full max-w-[380px] max-h-full flex flex-col shadow-2xl bg-zinc-900",children:[e.jsxs(Mt,{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(Rt,{className:"text-sm font-medium",children:"New Channel"}),e.jsx(I,{variant:"ghost",size:"icon",onClick:()=>K(!1),className:"h-7 w-7","aria-label":"Close",children:e.jsx(ue,{size:15})})]}),e.jsxs(Ot,{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(de,{id:"new-channel-name",value:P.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:P.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(de,{id:"new-channel-description",value:P.description,onChange:t=>B(n=>({...n,description:t.target.value})),placeholder:"What's this channel about?","aria-label":"Channel description"})]}),e.jsx(I,{onClick:Fe,disabled:!P.name.trim(),className:"w-full",children:"Create Channel"})]})]})}))]})}export{vs as MessagesApp,ds as resolveAuthorDisplayState};
diff --git a/static/desktop/assets/ProvidersApp-CbuBRSV0.js b/static/desktop/assets/ProvidersApp-J70w8LQ4.js
similarity index 99%
rename from static/desktop/assets/ProvidersApp-CbuBRSV0.js
rename to static/desktop/assets/ProvidersApp-J70w8LQ4.js
index b97839b2..b7ae6541 100644
--- a/static/desktop/assets/ProvidersApp-CbuBRSV0.js
+++ b/static/desktop/assets/ProvidersApp-J70w8LQ4.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-De32YCg8.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-BWEexfPB.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-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};
diff --git a/static/desktop/assets/SettingsApp-DAA00Gw4.js b/static/desktop/assets/SettingsApp-BIHnthmi.js
similarity index 99%
rename from static/desktop/assets/SettingsApp-DAA00Gw4.js
rename to static/desktop/assets/SettingsApp-BIHnthmi.js
index 5edce1e8..03fc2788 100644
--- a/static/desktop/assets/SettingsApp-DAA00Gw4.js
+++ b/static/desktop/assets/SettingsApp-BIHnthmi.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-De32YCg8.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-BWEexfPB.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-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
 # Edit YAML below
 
 server:
diff --git a/static/desktop/assets/chat-DtU1TzAM.js b/static/desktop/assets/chat-D-JXvZwU.js
similarity index 77%
rename from static/desktop/assets/chat-DtU1TzAM.js
rename to static/desktop/assets/chat-D-JXvZwU.js
index 85244192..6886d5fa 100644
--- a/static/desktop/assets/chat-DtU1TzAM.js
+++ b/static/desktop/assets/chat-D-JXvZwU.js
@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/MessagesApp-DxXn5uGT.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-BWEexfPB.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-DxXn5uGT.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,{})}));
+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-De32YCg8.js b/static/desktop/assets/main-DJzY8MYL.js
similarity index 99%
rename from static/desktop/assets/main-De32YCg8.js
rename to static/desktop/assets/main-DJzY8MYL.js
index 44dff061..221020e1 100644
--- a/static/desktop/assets/main-De32YCg8.js
+++ b/static/desktop/assets/main-DJzY8MYL.js
@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/MessagesApp-DxXn5uGT.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-DAA00Gw4.js","assets/tokens-BWEexfPB.js","assets/tokens-8UM84fY1.css","assets/vendor-codemirror-CL2HhW7v.js","assets/ModelsApp-COpOwo4V.js","assets/ProvidersApp-CbuBRSV0.js","assets/ActivityApp-CG-PW6E_.js","assets/ClusterApp-DzgzEDRn.js","assets/MemoryApp-eDECkdBk.js","assets/MCPApp-CoOFMGF2.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-BWEexfPB.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-DxXn5uGT.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-DAA00Gw4.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-CbuBRSV0.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-CoOFMGF2.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-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:`
           .onb-input {
             width: 100%;
             padding: 10px 14px;
diff --git a/static/desktop/assets/tokens-8UM84fY1.css b/static/desktop/assets/tokens-8UM84fY1.css
deleted file mode 100644
index a85cf62e..00000000
--- a/static/desktop/assets/tokens-8UM84fY1.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-\[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-\[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}.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-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-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}@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-BWEexfPB.js b/static/desktop/assets/tokens-BMxhf1g-.js
similarity index 100%
rename from static/desktop/assets/tokens-BWEexfPB.js
rename to static/desktop/assets/tokens-BMxhf1g-.js
diff --git a/static/desktop/assets/tokens-BrwHLUZg.css b/static/desktop/assets/tokens-BrwHLUZg.css
new file mode 100644
index 00000000..7489c957
--- /dev/null
+++ b/static/desktop/assets/tokens-BrwHLUZg.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-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/chat.html b/static/desktop/chat.html
index fe8af5fe..8cb3852c 100644
--- a/static/desktop/chat.html
+++ b/static/desktop/chat.html
@@ -40,11 +40,11 @@
       }
       #root { height: 100%; width: 100%; }
     </style>
-    <script type="module" crossorigin src="/desktop/assets/chat-DtU1TzAM.js"></script>
-    <link rel="modulepreload" crossorigin href="/desktop/assets/tokens-BWEexfPB.js">
+    <script type="module" crossorigin src="/desktop/assets/chat-D-JXvZwU.js"></script>
+    <link rel="modulepreload" crossorigin href="/desktop/assets/tokens-BMxhf1g-.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-8UM84fY1.css">
+    <link rel="stylesheet" crossorigin href="/desktop/assets/tokens-BrwHLUZg.css">
   </head>
   <body>
     <div id="root"></div>
diff --git a/static/desktop/index.html b/static/desktop/index.html
index 38ce44eb..f9f9293f 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-De32YCg8.js"></script>
-    <link rel="modulepreload" crossorigin href="/desktop/assets/tokens-BWEexfPB.js">
+    <script type="module" crossorigin src="/desktop/assets/main-DJzY8MYL.js"></script>
+    <link rel="modulepreload" crossorigin href="/desktop/assets/tokens-BMxhf1g-.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-8UM84fY1.css">
+    <link rel="stylesheet" crossorigin href="/desktop/assets/tokens-BrwHLUZg.css">
     <link rel="stylesheet" crossorigin href="/desktop/assets/vendor-layout-BfitWg9R.css">
   </head>
   <body>
diff --git a/tests/e2e/test_chat_phase2b2a.py b/tests/e2e/test_chat_phase2b2a.py
new file mode 100644
index 00000000..9c95d1de
--- /dev/null
+++ b/tests/e2e/test_chat_phase2b2a.py
@@ -0,0 +1,69 @@
+"""Phase 2b-2a desktop E2E.
+
+Requires TAOS_E2E_URL and a test channel named 'roundtable' with at least
+one message authored by the test user.
+"""
+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", "")
+
+
+def test_edit_own_message(page: Page):
+    page.goto(URL)
+    page.get_by_role("button", name="Messages").click()
+    page.get_by_text("roundtable").first.click()
+    first = page.locator("[data-message-id]").first
+    first.hover()
+    page.get_by_role("button", name="More").click()
+    page.get_by_role("menuitem", name=re.compile("Edit", re.I)).click()
+    editor = page.get_by_role("textbox", name=re.compile("Edit message", re.I))
+    editor.fill("edited content")
+    editor.press("Enter")
+    expect(page.get_by_text("edited content")).to_be_visible()
+    expect(page.get_by_text("(edited)")).to_be_visible()
+
+
+def test_delete_own_message_shows_tombstone(page: Page):
+    page.goto(URL)
+    page.get_by_role("button", name="Messages").click()
+    page.get_by_text("roundtable").first.click()
+    first = page.locator("[data-message-id]").first
+    first.hover()
+    page.get_by_role("button", name="More").click()
+    page.on("dialog", lambda d: d.accept())
+    page.get_by_role("menuitem", name=re.compile("Delete", re.I)).click()
+    expect(page.get_by_text("This message was deleted")).to_be_visible()
+
+
+def test_pin_badge_and_popover(page: Page):
+    page.goto(URL)
+    page.get_by_role("button", name="Messages").click()
+    page.get_by_text("roundtable").first.click()
+    first = page.locator("[data-message-id]").first
+    first.hover()
+    page.get_by_role("button", name="More").click()
+    page.get_by_role("menuitem", name=re.compile("Pin", re.I)).click()
+    expect(page.get_by_role("button", name=re.compile("Pinned messages", re.I))).to_be_visible()
+    page.get_by_role("button", name=re.compile("Pinned messages", re.I)).click()
+    expect(page.get_by_role("dialog", name=re.compile("Pinned messages", re.I))).to_be_visible()
+
+
+def test_deep_link_scroll(page: Page):
+    page.goto(URL)
+    page.get_by_role("button", name="Messages").click()
+    page.get_by_text("roundtable").first.click()
+    msg = page.locator("[data-message-id]").first
+    msg_id = msg.get_attribute("data-message-id")
+    page.goto(f"{URL}?msg={msg_id}")
+    expect(page.locator(f"[data-message-id='{msg_id}']")).to_be_visible()
diff --git a/tests/test_chat_edit_delete.py b/tests/test_chat_edit_delete.py
new file mode 100644
index 00000000..faf3b0a4
--- /dev/null
+++ b/tests/test_chat_edit_delete.py
@@ -0,0 +1,178 @@
+import pytest
+import yaml
+from httpx import AsyncClient, ASGITransport
+
+
+def _make_app(tmp_path):
+    cfg = {
+        "server": {"host": "0.0.0.0", "port": 6969},
+        "backends": [],
+        "qmd": {"url": "http://localhost:7832"},
+        "agents": [],
+        "metrics": {"poll_interval": 30, "retention_days": 30},
+    }
+    (tmp_path / "config.yaml").write_text(yaml.dump(cfg))
+    (tmp_path / ".setup_complete").touch()
+    from tinyagentos.app import create_app
+    return create_app(data_dir=tmp_path)
+
+
+async def _authed_client(tmp_path, username="admin"):
+    app = _make_app(tmp_path)
+    await app.state.chat_channels.init()
+    await app.state.chat_messages.init()
+    app.state.auth.setup_user(username, f"{username} Name", "", "testpass")
+    rec = app.state.auth.find_user(username)
+    token = app.state.auth.create_session(user_id=rec["id"], long_lived=True)
+    client = AsyncClient(
+        transport=ASGITransport(app=app),
+        base_url="http://test",
+        cookies={"taos_session": token},
+    )
+    return app, client, rec
+
+
+@pytest.mark.asyncio
+async def test_edit_own_message_sets_edited_at(tmp_path):
+    app, client, rec = await _authed_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": rec["id"], "author_type": "user",
+                  "content": "v1", "content_type": "text"},
+        )
+        msg_id = m_r.json()["id"]
+        r = await client.patch(
+            f"/api/chat/messages/{msg_id}",
+            json={"content": "v2"},
+        )
+        assert r.status_code == 200, r.json()
+        assert r.json()["content"] == "v2"
+        assert r.json()["edited_at"] is not None
+
+
+@pytest.mark.asyncio
+async def test_edit_non_own_returns_403(tmp_path):
+    app, client, _ = await _authed_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m = await app.state.chat_messages.send_message(
+            channel_id=ch_id, author_id="tom", author_type="agent", content="tom's",
+        )
+        r = await client.patch(f"/api/chat/messages/{m['id']}", json={"content": "hacked"})
+        assert r.status_code == 403
+
+
+@pytest.mark.asyncio
+async def test_edit_rejects_non_content_fields(tmp_path):
+    app, client, rec = await _authed_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": rec["id"], "author_type": "user",
+                  "content": "x", "content_type": "text"},
+        )
+        r = await client.patch(
+            f"/api/chat/messages/{m_r.json()['id']}",
+            json={"content": "ok", "thread_id": "evil"},
+        )
+        assert r.status_code == 400
+
+
+@pytest.mark.asyncio
+async def test_edit_deleted_message_returns_404(tmp_path):
+    app, client, rec = await _authed_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": rec["id"], "author_type": "user",
+                  "content": "x", "content_type": "text"},
+        )
+        msg_id = m_r.json()["id"]
+        await app.state.chat_messages.soft_delete_message(msg_id)
+        r = await client.patch(f"/api/chat/messages/{msg_id}", json={"content": "y"})
+        assert r.status_code == 404
+
+
+@pytest.mark.asyncio
+async def test_delete_own_returns_204_and_sets_deleted_at(tmp_path):
+    app, client, rec = await _authed_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": rec["id"], "author_type": "user",
+                  "content": "bye", "content_type": "text"},
+        )
+        msg_id = m_r.json()["id"]
+        r = await client.delete(f"/api/chat/messages/{msg_id}")
+        assert r.status_code == 204
+        got = await app.state.chat_messages.get_message(msg_id)
+        assert got["deleted_at"] is not None
+
+
+@pytest.mark.asyncio
+async def test_delete_non_own_returns_403(tmp_path):
+    app, client, _ = await _authed_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m = await app.state.chat_messages.send_message(
+            channel_id=ch_id, author_id="tom", author_type="agent", content="tom's",
+        )
+        r = await client.delete(f"/api/chat/messages/{m['id']}")
+        assert r.status_code == 403
+
+
+@pytest.mark.asyncio
+async def test_delete_idempotent(tmp_path):
+    app, client, rec = await _authed_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": rec["id"], "author_type": "user",
+                  "content": "x", "content_type": "text"},
+        )
+        msg_id = m_r.json()["id"]
+        r1 = await client.delete(f"/api/chat/messages/{msg_id}")
+        r2 = await client.delete(f"/api/chat/messages/{msg_id}")
+        assert r1.status_code == 204
+        assert r2.status_code == 204
diff --git a/tests/test_chat_mark_unread.py b/tests/test_chat_mark_unread.py
new file mode 100644
index 00000000..b94f1d53
--- /dev/null
+++ b/tests/test_chat_mark_unread.py
@@ -0,0 +1,148 @@
+import pytest
+import yaml
+from httpx import AsyncClient, ASGITransport
+from tinyagentos.chat.channel_store import ChatChannelStore
+
+
+@pytest.mark.asyncio
+async def test_rewind_read_cursor_sets_last_read_at(tmp_path):
+    store = ChatChannelStore(tmp_path / "channels.db")
+    await store.init()
+    await store.update_read_position("jay", "c1", "m5")
+    # Force a known timestamp by directly verifying the row exists first,
+    # then set last_read_at to a known value via mark_read approach.
+    # Instead, manually set last_read_at to 1000.0 for this test.
+    await store._db.execute(
+        "UPDATE chat_read_positions SET last_read_at = 1000.0 WHERE user_id = ? AND channel_id = ?",
+        ("jay", "c1"),
+    )
+    await store._db.commit()
+
+    await store.rewind_read_cursor("jay", "c1", before_ts=500.0)
+    async with store._db.execute(
+        "SELECT last_read_at FROM chat_read_positions WHERE user_id = ? AND channel_id = ?",
+        ("jay", "c1"),
+    ) as cursor:
+        row = await cursor.fetchone()
+    assert row is not None
+    assert row[0] == 500.0
+
+
+@pytest.mark.asyncio
+async def test_rewind_without_prior_read_creates_row(tmp_path):
+    store = ChatChannelStore(tmp_path / "channels.db")
+    await store.init()
+    # No prior update_read_position call
+    await store.rewind_read_cursor("jay", "c1", before_ts=100.0)
+    async with store._db.execute(
+        "SELECT last_read_at FROM chat_read_positions WHERE user_id = ? AND channel_id = ?",
+        ("jay", "c1"),
+    ) as cursor:
+        row = await cursor.fetchone()
+    assert row is not None
+    assert row[0] == 100.0
+
+
+def _make_unread_app(tmp_path):
+    cfg = {
+        "server": {"host": "0.0.0.0", "port": 6969},
+        "backends": [],
+        "qmd": {"url": "http://localhost:7832"},
+        "agents": [],
+        "metrics": {"poll_interval": 30, "retention_days": 30},
+    }
+    (tmp_path / "config.yaml").write_text(yaml.dump(cfg))
+    (tmp_path / ".setup_complete").touch()
+    from tinyagentos.app import create_app
+    return create_app(data_dir=tmp_path)
+
+
+async def _authed_unread_client(tmp_path):
+    app = _make_unread_app(tmp_path)
+    await app.state.chat_channels.init()
+    await app.state.chat_messages.init()
+    app.state.auth.setup_user("admin", "Test Admin", "", "testpass")
+    rec = app.state.auth.find_user("admin")
+    token = app.state.auth.create_session(user_id=rec["id"], long_lived=True)
+    client = AsyncClient(
+        transport=ASGITransport(app=app),
+        base_url="http://test",
+        cookies={"taos_session": token},
+    )
+    return app, client, rec
+
+
+@pytest.mark.asyncio
+async def test_rewind_endpoint_sets_cursor(tmp_path):
+    app, client, rec = await _authed_unread_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        await app.state.chat_messages.send_message(
+            channel_id=ch_id, author_id="user", author_type="user", content="m1",
+        )
+        m2 = await app.state.chat_messages.send_message(
+            channel_id=ch_id, author_id="user", author_type="user", content="m2",
+        )
+        # Call rewind to before m2
+        r = await client.post(
+            f"/api/chat/channels/{ch_id}/read-cursor/rewind",
+            json={"before_message_id": m2["id"]},
+        )
+        assert r.status_code == 200, r.json()
+        # Verify the cursor row was written at msg2.created_at - 0.001
+        async with app.state.chat_channels._db.execute(
+            "SELECT last_read_at FROM chat_read_positions WHERE user_id = ? AND channel_id = ?",
+            (rec["id"], ch_id),
+        ) as cursor:
+            row = await cursor.fetchone()
+        assert row is not None
+        assert abs(row[0] - (m2["created_at"] - 0.001)) < 0.0001
+
+
+@pytest.mark.asyncio
+async def test_rewind_unknown_message_returns_404(tmp_path):
+    app, client, _ = await _authed_unread_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        r = await client.post(
+            f"/api/chat/channels/{ch_id}/read-cursor/rewind",
+            json={"before_message_id": "nonexistent"},
+        )
+        assert r.status_code == 404
+
+
+@pytest.mark.asyncio
+async def test_rewind_message_from_wrong_channel_returns_404(tmp_path):
+    app, client, _ = await _authed_unread_client(tmp_path)
+    async with client:
+        ch1 = await client.post(
+            "/api/chat/channels",
+            json={"name": "g1", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch2 = await client.post(
+            "/api/chat/channels",
+            json={"name": "g2", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch1_id = ch1.json()["id"]
+        ch2_id = ch2.json()["id"]
+        # Message in ch1, but rewind against ch2
+        m = await app.state.chat_messages.send_message(
+            channel_id=ch1_id, author_id="user", author_type="user", content="m",
+        )
+        r = await client.post(
+            f"/api/chat/channels/{ch2_id}/read-cursor/rewind",
+            json={"before_message_id": m["id"]},
+        )
+        assert r.status_code == 404
diff --git a/tests/test_chat_messages.py b/tests/test_chat_messages.py
index be7172f8..fa91dd58 100644
--- a/tests/test_chat_messages.py
+++ b/tests/test_chat_messages.py
@@ -120,7 +120,9 @@ async def test_delete_message(store):
     msg = await _send(store)
     deleted = await store.delete_message(msg["id"])
     assert deleted is True
-    assert await store.get_message(msg["id"]) is None
+    got = await store.get_message(msg["id"])
+    assert got is not None
+    assert got["deleted_at"] is not None
 
 
 @pytest.mark.asyncio
@@ -162,18 +164,19 @@ async def test_update_state(store):
 @pytest.mark.asyncio
 async def test_pin_message(store):
     msg = await _send(store)
-    await store.pin_message("ch1", msg["id"], "admin")
-    updated = await store.get_message(msg["id"])
-    assert updated["pinned"] == 1
+    await store.pin_message("ch1", msg["id"], pinned_by="admin")
+    pins = await store.get_pins("ch1")
+    assert len(pins) == 1
+    assert pins[0]["id"] == msg["id"]
 
 
 @pytest.mark.asyncio
 async def test_unpin_message(store):
     msg = await _send(store)
-    await store.pin_message("ch1", msg["id"], "admin")
+    await store.pin_message("ch1", msg["id"], pinned_by="admin")
     await store.unpin_message("ch1", msg["id"])
-    updated = await store.get_message(msg["id"])
-    assert updated["pinned"] == 0
+    pins = await store.get_pins("ch1")
+    assert pins == []
 
 
 @pytest.mark.asyncio
@@ -238,3 +241,27 @@ async def test_send_message_defaults_hops_zero_when_absent(tmp_path):
         metadata=None,
     )
     assert msg["metadata"].get("hops_since_user", 0) == 0
+
+
+@pytest.mark.asyncio
+async def test_soft_delete_sets_deleted_at(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    msg = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent",
+        content="hello",
+    )
+    ok = await store.soft_delete_message(msg["id"])
+    assert ok is True
+    got = await store.get_message(msg["id"])
+    assert got is not None  # row preserved
+    assert got["deleted_at"] is not None
+    assert got["content"] == "hello"  # content preserved for admin recovery
+
+
+@pytest.mark.asyncio
+async def test_soft_delete_nonexistent_returns_false(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    ok = await store.soft_delete_message("does-not-exist")
+    assert ok is False
diff --git a/tests/test_chat_pin_request.py b/tests/test_chat_pin_request.py
new file mode 100644
index 00000000..3ef4b61e
--- /dev/null
+++ b/tests/test_chat_pin_request.py
@@ -0,0 +1,56 @@
+import pytest
+from tinyagentos.chat.message_store import ChatMessageStore
+from tinyagentos.chat.reactions import maybe_trigger_semantic
+
+
+class _FakeState:
+    def __init__(self, store):
+        self.chat_messages = store
+
+
+@pytest.mark.asyncio
+async def test_agent_pin_own_message_sets_flag(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    msg = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent", content="see this",
+    )
+    await maybe_trigger_semantic(
+        emoji="📌", message=msg,
+        reactor_id="tom", reactor_type="agent",
+        channel={"id": "c1"}, state=_FakeState(store),
+    )
+    updated = await store.get_message(msg["id"])
+    assert updated["metadata"].get("pin_requested") is True
+
+
+@pytest.mark.asyncio
+async def test_agent_pin_other_message_does_not_set_flag(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    msg = await store.send_message(
+        channel_id="c1", author_id="don", author_type="agent", content="don's msg",
+    )
+    await maybe_trigger_semantic(
+        emoji="📌", message=msg,
+        reactor_id="tom", reactor_type="agent",
+        channel={"id": "c1"}, state=_FakeState(store),
+    )
+    updated = await store.get_message(msg["id"])
+    assert updated["metadata"].get("pin_requested") is None
+
+
+@pytest.mark.asyncio
+async def test_human_pin_reaction_does_not_set_flag(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    msg = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent", content="x",
+    )
+    await maybe_trigger_semantic(
+        emoji="📌", message=msg,
+        reactor_id="jay", reactor_type="user",
+        channel={"id": "c1"}, state=_FakeState(store),
+    )
+    updated = await store.get_message(msg["id"])
+    assert updated["metadata"].get("pin_requested") is None
diff --git a/tests/test_chat_pins.py b/tests/test_chat_pins.py
new file mode 100644
index 00000000..4fd6dc58
--- /dev/null
+++ b/tests/test_chat_pins.py
@@ -0,0 +1,208 @@
+import pytest
+import yaml
+from httpx import AsyncClient, ASGITransport
+from tinyagentos.chat.message_store import ChatMessageStore
+
+
+def _make_pins_app(tmp_path):
+    cfg = {
+        "server": {"host": "0.0.0.0", "port": 6969},
+        "backends": [],
+        "qmd": {"url": "http://localhost:7832"},
+        "agents": [],
+        "metrics": {"poll_interval": 30, "retention_days": 30},
+    }
+    (tmp_path / "config.yaml").write_text(yaml.dump(cfg))
+    (tmp_path / ".setup_complete").touch()
+    from tinyagentos.app import create_app
+    return create_app(data_dir=tmp_path)
+
+
+async def _authed_pins_client(tmp_path):
+    app = _make_pins_app(tmp_path)
+    await app.state.chat_channels.init()
+    await app.state.chat_messages.init()
+    app.state.auth.setup_user("admin", "Test Admin", "", "testpass")
+    rec = app.state.auth.find_user("admin")
+    token = app.state.auth.create_session(user_id=rec["id"], long_lived=True)
+    client = AsyncClient(
+        transport=ASGITransport(app=app),
+        base_url="http://test",
+        cookies={"taos_session": token},
+    )
+    return app, client, rec
+
+
+@pytest.mark.asyncio
+async def test_pin_and_list_pins(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    msg = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent", content="hi",
+    )
+    await store.pin_message("c1", msg["id"], pinned_by="user:jay")
+    pins = await store.get_pins("c1")
+    assert len(pins) == 1
+    assert pins[0]["id"] == msg["id"]
+    assert pins[0]["pinned_by"] == "user:jay"
+    assert pins[0]["pinned_at"] is not None
+
+
+@pytest.mark.asyncio
+async def test_unpin_message(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    msg = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent", content="hi",
+    )
+    await store.pin_message("c1", msg["id"], pinned_by="user:jay")
+    ok = await store.unpin_message("c1", msg["id"])
+    assert ok is True
+    pins = await store.get_pins("c1")
+    assert pins == []
+    # unpin again -> False
+    ok2 = await store.unpin_message("c1", msg["id"])
+    assert ok2 is False
+
+
+@pytest.mark.asyncio
+async def test_pin_cap_at_50(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    for i in range(50):
+        m = await store.send_message(
+            channel_id="c1", author_id="tom", author_type="agent", content=f"m{i}",
+        )
+        await store.pin_message("c1", m["id"], pinned_by="user:jay")
+    # 51st should raise
+    m51 = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent", content="m51",
+    )
+    with pytest.raises(ValueError, match="pin cap"):
+        await store.pin_message("c1", m51["id"], pinned_by="user:jay")
+
+
+@pytest.mark.asyncio
+async def test_pin_idempotent(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    m = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent", content="x",
+    )
+    await store.pin_message("c1", m["id"], pinned_by="user:jay")
+    await store.pin_message("c1", m["id"], pinned_by="user:jay")  # no raise
+    pins = await store.get_pins("c1")
+    assert len(pins) == 1
+
+
+@pytest.mark.asyncio
+async def test_is_pinned(tmp_path):
+    store = ChatMessageStore(tmp_path / "chat.db")
+    await store.init()
+    m = await store.send_message(
+        channel_id="c1", author_id="tom", author_type="agent", content="x",
+    )
+    assert await store.is_pinned(m["id"]) is False
+    await store.pin_message("c1", m["id"], pinned_by="user:jay")
+    assert await store.is_pinned(m["id"]) is True
+
+
+@pytest.mark.asyncio
+async def test_get_pins_endpoint(tmp_path):
+    app, client, _ = await _authed_pins_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": "user", "author_type": "user",
+                  "content": "pin me", "content_type": "text"},
+        )
+        msg_id = m_r.json()["id"]
+        await app.state.chat_messages.pin_message(ch_id, msg_id, pinned_by="user:admin")
+        r = await client.get(f"/api/chat/channels/{ch_id}/pins")
+        assert r.status_code == 200
+        body = r.json()
+        assert "pins" in body
+        assert len(body["pins"]) == 1
+        assert body["pins"][0]["id"] == msg_id
+        assert body["pins"][0]["pinned_by"] == "user:admin"
+
+
+@pytest.mark.asyncio
+async def test_pin_endpoint_success(tmp_path):
+    app, client, _ = await _authed_pins_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": "user", "author_type": "user",
+                  "content": "pin me", "content_type": "text"},
+        )
+        msg_id = m_r.json()["id"]
+        r = await client.post(f"/api/chat/messages/{msg_id}/pin")
+        assert r.status_code == 200, r.json()
+        pins_r = await client.get(f"/api/chat/channels/{ch_id}/pins")
+        assert len(pins_r.json()["pins"]) == 1
+
+
+@pytest.mark.asyncio
+async def test_unpin_endpoint(tmp_path):
+    app, client, _ = await _authed_pins_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        m_r = await client.post(
+            "/api/chat/messages",
+            json={"channel_id": ch_id, "author_id": "user", "author_type": "user",
+                  "content": "x", "content_type": "text"},
+        )
+        msg_id = m_r.json()["id"]
+        await app.state.chat_messages.pin_message(ch_id, msg_id, pinned_by="user:admin")
+        r = await client.delete(f"/api/chat/messages/{msg_id}/pin")
+        assert r.status_code == 204
+        pins_r = await client.get(f"/api/chat/channels/{ch_id}/pins")
+        assert pins_r.json()["pins"] == []
+
+
+@pytest.mark.asyncio
+async def test_pin_nonexistent_message_returns_404(tmp_path):
+    app, client, _ = await _authed_pins_client(tmp_path)
+    async with client:
+        r = await client.post("/api/chat/messages/nonexistent/pin")
+        assert r.status_code == 404
+
+
+@pytest.mark.asyncio
+async def test_pin_cap_returns_409(tmp_path):
+    app, client, _ = await _authed_pins_client(tmp_path)
+    async with client:
+        ch_r = await client.post(
+            "/api/chat/channels",
+            json={"name": "g", "type": "group", "description": "", "topic": "",
+                  "members": ["user", "tom"], "created_by": "user"},
+        )
+        ch_id = ch_r.json()["id"]
+        for i in range(50):
+            m = await app.state.chat_messages.send_message(
+                channel_id=ch_id, author_id="user", author_type="user", content=f"m{i}",
+            )
+            await app.state.chat_messages.pin_message(ch_id, m["id"], pinned_by="user:admin")
+        m51 = await app.state.chat_messages.send_message(
+            channel_id=ch_id, author_id="user", author_type="user", content="m51",
+        )
+        r = await client.post(f"/api/chat/messages/{m51['id']}/pin")
+        assert r.status_code == 409
diff --git a/tests/test_routes_agents.py b/tests/test_routes_agents.py
index 9e0d53a1..d881b3d0 100644
--- a/tests/test_routes_agents.py
+++ b/tests/test_routes_agents.py
@@ -925,8 +925,7 @@ async def fake_exec(name, cmd, timeout=300):
         archive_id = entry["id"]
 
         msg_store = app.state.chat_messages
-        for m in msgs:
-            await msg_store.delete_message(m["id"])
+        await msg_store.delete_channel_messages(ch["id"])
         remaining = await msg_store.get_messages(ch["id"], limit=100)
         assert len(remaining) == 0
 
diff --git a/tinyagentos/chat/channel_store.py b/tinyagentos/chat/channel_store.py
index ecde49f2..cbcc61a6 100644
--- a/tinyagentos/chat/channel_store.py
+++ b/tinyagentos/chat/channel_store.py
@@ -271,6 +271,21 @@ async def update_read_position(
         )
         await self._db.commit()
 
+    async def rewind_read_cursor(self, user_id: str, channel_id: str, before_ts: float) -> None:
+        """Set last_read_at for this (user, channel) to before_ts.
+
+        Used for mark-unread: caller passes msg.created_at - epsilon so
+        everything from that message forward counts as unread.
+        Creates the row if it doesn't exist yet.
+        """
+        await self._db.execute(
+            """INSERT OR REPLACE INTO chat_read_positions
+               (user_id, channel_id, last_read_message_id, last_read_at)
+               VALUES (?, ?, '', ?)""",
+            (user_id, channel_id, before_ts),
+        )
+        await self._db.commit()
+
     async def get_unread_counts(self, user_id: str) -> dict[str, int]:
         # Get all channels where the user is a member
         pattern = f'%"{user_id}"%'
diff --git a/tinyagentos/chat/message_store.py b/tinyagentos/chat/message_store.py
index 18276ddb..b8876355 100644
--- a/tinyagentos/chat/message_store.py
+++ b/tinyagentos/chat/message_store.py
@@ -22,6 +22,7 @@
     reactions TEXT NOT NULL DEFAULT '{}',
     state TEXT NOT NULL DEFAULT 'complete',
     edited_at REAL,
+    deleted_at REAL,
     pinned INTEGER NOT NULL DEFAULT 0,
     ephemeral INTEGER NOT NULL DEFAULT 0,
     metadata TEXT NOT NULL DEFAULT '{}',
@@ -54,6 +55,8 @@
 
 _JSON_FIELDS = ("content_blocks", "embeds", "components", "attachments", "reactions", "metadata")
 
+PIN_CAP_PER_CHANNEL = 50
+
 
 def _parse(row: tuple, description) -> dict:
     keys = [d[0] for d in description]
@@ -69,6 +72,15 @@ def _parse(row: tuple, description) -> dict:
 class ChatMessageStore(BaseStore):
     SCHEMA = MESSAGES_SCHEMA
 
+    async def init(self) -> None:
+        await super().init()
+        try:
+            await self._db.execute("ALTER TABLE chat_messages ADD COLUMN deleted_at REAL")
+            await self._db.commit()
+        except Exception:
+            # column already exists (SQLite raises on duplicate column name)
+            pass
+
     async def send_message(
         self,
         channel_id: str,
@@ -152,13 +164,27 @@ async def edit_message(self, message_id: str, content: str) -> None:
         )
         await self._db.commit()
 
-    async def delete_message(self, message_id: str) -> bool:
+    async def set_metadata(self, message_id: str, metadata: dict) -> None:
+        await self._db.execute(
+            "UPDATE chat_messages SET metadata = ? WHERE id = ?",
+            (json.dumps(metadata), message_id),
+        )
+        await self._db.commit()
+
+    async def soft_delete_message(self, message_id: str) -> bool:
+        """Mark message as soft-deleted; returns True if a row was updated."""
+        now = time.time()
         cursor = await self._db.execute(
-            "DELETE FROM chat_messages WHERE id = ?", (message_id,)
+            "UPDATE chat_messages SET deleted_at = ? WHERE id = ? AND deleted_at IS NULL",
+            (now, message_id),
         )
         await self._db.commit()
         return cursor.rowcount > 0
 
+    async def delete_message(self, message_id: str) -> bool:
+        """Canonical delete = soft delete (Phase 2b-2a)."""
+        return await self.soft_delete_message(message_id)
+
     async def add_reaction(self, message_id: str, emoji: str, user_id: str) -> None:
         async with self._db.execute(
             "SELECT reactions FROM chat_messages WHERE id = ?", (message_id,)
@@ -272,26 +298,62 @@ async def update_state(self, message_id: str, state: str) -> None:
         )
         await self._db.commit()
 
-    async def pin_message(self, channel_id: str, message_id: str, user_id: str) -> None:
+    async def pin_message(self, channel_id: str, message_id: str, pinned_by: str) -> None:
+        """Pin a message in a channel. Idempotent. Raises ValueError if pin cap
+        (50) would be exceeded by a new pin."""
+        # Check if already pinned (idempotent)
+        async with self._db.execute(
+            "SELECT 1 FROM chat_pins WHERE channel_id = ? AND message_id = ?",
+            (channel_id, message_id),
+        ) as cursor:
+            already = await cursor.fetchone()
+        if already:
+            return
+        # Check cap
+        async with self._db.execute(
+            "SELECT COUNT(*) FROM chat_pins WHERE channel_id = ?", (channel_id,)
+        ) as cursor:
+            row = await cursor.fetchone()
+        count = row[0] if row else 0
+        if count >= PIN_CAP_PER_CHANNEL:
+            raise ValueError(f"pin cap ({PIN_CAP_PER_CHANNEL}) reached")
         now = time.time()
         await self._db.execute(
-            "INSERT OR REPLACE INTO chat_pins (channel_id, message_id, pinned_by, pinned_at) VALUES (?, ?, ?, ?)",
-            (channel_id, message_id, user_id, now),
-        )
-        await self._db.execute(
-            "UPDATE chat_messages SET pinned = 1 WHERE id = ?", (message_id,)
+            "INSERT INTO chat_pins (channel_id, message_id, pinned_by, pinned_at) VALUES (?, ?, ?, ?)",
+            (channel_id, message_id, pinned_by, now),
         )
         await self._db.commit()
 
-    async def unpin_message(self, channel_id: str, message_id: str) -> None:
-        await self._db.execute(
+    async def unpin_message(self, channel_id: str, message_id: str) -> bool:
+        cursor = await self._db.execute(
             "DELETE FROM chat_pins WHERE channel_id = ? AND message_id = ?",
             (channel_id, message_id),
         )
-        await self._db.execute(
-            "UPDATE chat_messages SET pinned = 0 WHERE id = ?", (message_id,)
-        )
         await self._db.commit()
+        return cursor.rowcount > 0
+
+    async def is_pinned(self, message_id: str) -> bool:
+        async with self._db.execute(
+            "SELECT 1 FROM chat_pins WHERE message_id = ?", (message_id,)
+        ) as cursor:
+            return await cursor.fetchone() is not None
+
+    async def get_pins(self, channel_id: str) -> list[dict]:
+        """Return pinned messages in this channel, newest pin first, with
+        `pinned_by` and `pinned_at` fields merged into each message dict.
+        Excludes soft-deleted messages."""
+        async with self._db.execute(
+            """SELECT m.*, p.pinned_by, p.pinned_at
+               FROM chat_messages m
+               INNER JOIN chat_pins p
+                 ON p.message_id = m.id AND p.channel_id = m.channel_id
+               WHERE p.channel_id = ? AND m.deleted_at IS NULL
+               ORDER BY p.pinned_at DESC""",
+            (channel_id,),
+        ) as cursor:
+            rows = await cursor.fetchall()
+            description = cursor.description
+        return [_parse(row, description) for row in rows]
 
     async def search(
         self,
diff --git a/tinyagentos/chat/reactions.py b/tinyagentos/chat/reactions.py
index dd1cb3f1..b394e1c8 100644
--- a/tinyagentos/chat/reactions.py
+++ b/tinyagentos/chat/reactions.py
@@ -83,3 +83,25 @@ async def maybe_trigger_semantic(
         if reg is None:
             return
         reg.add(channel["id"], reactor_id)
+
+    if emoji == "📌" and reactor_type == "agent" and reactor_id == message.get("author_id"):
+        msg_store = getattr(state, "chat_messages", None)
+        if msg_store is None:
+            return
+        meta = dict(message.get("metadata") or {})
+        meta["pin_requested"] = True
+        await msg_store.set_metadata(message["id"], meta)
+        # Broadcast so clients can render the PinRequestAffordance without a refresh.
+        hub = getattr(state, "chat_hub", None)
+        if hub is not None:
+            updated = await msg_store.get_message(message["id"])
+            if updated is not None:
+                await hub.broadcast(message.get("channel_id") or channel.get("id"), {
+                    "type": "message_edit",
+                    "seq": hub.next_seq(),
+                    "message_id": message["id"],
+                    "content": updated.get("content"),
+                    "edited_at": updated.get("edited_at"),
+                    "metadata": updated.get("metadata"),
+                })
+        return
diff --git a/tinyagentos/routes/chat.py b/tinyagentos/routes/chat.py
index 5f84720a..081ff23c 100644
--- a/tinyagentos/routes/chat.py
+++ b/tinyagentos/routes/chat.py
@@ -11,7 +11,7 @@
 from pathlib import Path
 
 from fastapi import APIRouter, File, Request, UploadFile, WebSocket, WebSocketDisconnect
-from fastapi.responses import FileResponse, JSONResponse
+from fastapi.responses import FileResponse, JSONResponse, Response
 
 from tinyagentos.chat.reactions import maybe_trigger_semantic
 
@@ -440,6 +440,120 @@ async def get_thread_messages_endpoint(
     return JSONResponse({"messages": msgs})
 
 
+@router.get("/api/chat/channels/{channel_id}/pins")
+async def get_channel_pins(channel_id: str, request: Request):
+    store = request.app.state.chat_messages
+    pins = await store.get_pins(channel_id)
+    return JSONResponse({"pins": pins})
+
+
+@router.post("/api/chat/messages/{message_id}/pin")
+async def pin_message_endpoint(message_id: str, request: Request):
+    msg_store = request.app.state.chat_messages
+    msg = await msg_store.get_message(message_id)
+    if msg is None or msg.get("deleted_at"):
+        return JSONResponse({"error": "message not found"}, status_code=404)
+    # Resolve caller id from session cookie
+    auth = getattr(request.app.state, "auth", None)
+    session_user = None
+    if auth is not None:
+        token = request.cookies.get("taos_session") or ""
+        if token:
+            session_user = auth.get_user(token=token)
+    pinned_by = f"user:{session_user['id']}" if session_user else "user:unknown"
+    try:
+        await msg_store.pin_message(msg["channel_id"], message_id, pinned_by=pinned_by)
+    except ValueError as e:
+        return JSONResponse({"error": str(e)}, status_code=409)
+    # Clear pin_requested flag if it was set (agent had asked for a pin)
+    meta = msg.get("metadata") or {}
+    if meta.get("pin_requested"):
+        meta.pop("pin_requested", None)
+        await msg_store.set_metadata(message_id, meta)
+    hub = request.app.state.chat_hub
+    await hub.broadcast(msg["channel_id"], {
+        "type": "pin", "seq": hub.next_seq(),
+        "channel_id": msg["channel_id"], "message_id": message_id, "pinned_by": pinned_by,
+    })
+    return JSONResponse({"ok": True, "pinned_by": pinned_by})
+
+
+@router.delete("/api/chat/messages/{message_id}/pin")
+async def unpin_message_endpoint(message_id: str, request: Request):
+    msg_store = request.app.state.chat_messages
+    msg = await msg_store.get_message(message_id)
+    if msg is None:
+        return JSONResponse({"error": "message not found"}, status_code=404)
+    ok = await msg_store.unpin_message(msg["channel_id"], message_id)
+    if not ok:
+        return JSONResponse({"error": "message not pinned"}, status_code=404)
+    hub = request.app.state.chat_hub
+    await hub.broadcast(msg["channel_id"], {
+        "type": "unpin", "seq": hub.next_seq(),
+        "channel_id": msg["channel_id"], "message_id": message_id,
+    })
+    return Response(status_code=204)
+
+
+@router.patch("/api/chat/messages/{message_id}")
+async def edit_message_endpoint(message_id: str, request: Request):
+    body = await request.json()
+    allowed = {"content"}
+    if set(body.keys()) - allowed:
+        return JSONResponse(
+            {"error": "only 'content' may be edited"}, status_code=400,
+        )
+    if "content" not in body or not isinstance(body["content"], str):
+        return JSONResponse({"error": "content required"}, status_code=400)
+    msg_store = request.app.state.chat_messages
+    msg = await msg_store.get_message(message_id)
+    if msg is None or msg.get("deleted_at"):
+        return JSONResponse({"error": "message not found"}, status_code=404)
+    auth = getattr(request.app.state, "auth", None)
+    session_user = None
+    if auth is not None:
+        token = request.cookies.get("taos_session") or ""
+        session_user = auth.get_user(token=token)
+    caller_id = session_user["id"] if session_user else None
+    if msg["author_id"] != caller_id:
+        return JSONResponse({"error": "not the author"}, status_code=403)
+    await msg_store.edit_message(message_id, body["content"])
+    updated = await msg_store.get_message(message_id)
+    hub = request.app.state.chat_hub
+    await hub.broadcast(msg["channel_id"], {
+        "type": "message_edit", "seq": hub.next_seq(),
+        "message_id": message_id,
+        "content": updated["content"],
+        "edited_at": updated["edited_at"],
+    })
+    return JSONResponse(updated)
+
+
+@router.delete("/api/chat/messages/{message_id}")
+async def delete_message_endpoint(message_id: str, request: Request):
+    msg_store = request.app.state.chat_messages
+    msg = await msg_store.get_message(message_id)
+    if msg is None:
+        return JSONResponse({"error": "message not found"}, status_code=404)
+    auth = getattr(request.app.state, "auth", None)
+    session_user = None
+    if auth is not None:
+        token = request.cookies.get("taos_session") or ""
+        session_user = auth.get_user(token=token)
+    caller_id = session_user["id"] if session_user else None
+    if msg["author_id"] != caller_id:
+        return JSONResponse({"error": "not the author"}, status_code=403)
+    await msg_store.soft_delete_message(message_id)
+    hub = request.app.state.chat_hub
+    deleted = await msg_store.get_message(message_id)
+    await hub.broadcast(msg["channel_id"], {
+        "type": "message_delete", "seq": hub.next_seq(),
+        "channel_id": msg["channel_id"], "message_id": message_id,
+        "deleted_at": (deleted or {}).get("deleted_at"),
+    })
+    return Response(status_code=204)
+
+
 @router.delete("/api/chat/channels/{channel_id}/members/{member_id}")
 async def remove_channel_member(request: Request, channel_id: str, member_id: str):
     ch_store = request.app.state.chat_channels
@@ -646,6 +760,30 @@ async def get_unread(request: Request):
     return {"unread": counts}
 
 
+@router.post("/api/chat/channels/{channel_id}/read-cursor/rewind")
+async def rewind_read_cursor_endpoint(channel_id: str, request: Request):
+    body = await request.json()
+    before_id = body.get("before_message_id")
+    if not before_id:
+        return JSONResponse({"error": "before_message_id required"}, status_code=400)
+    msg_store = request.app.state.chat_messages
+    ch_store = request.app.state.chat_channels
+    msg = await msg_store.get_message(before_id)
+    if msg is None or msg["channel_id"] != channel_id:
+        return JSONResponse({"error": "message not in channel"}, status_code=404)
+    auth = getattr(request.app.state, "auth", None)
+    session_user = None
+    if auth is not None:
+        token = request.cookies.get("taos_session") or ""
+        session_user = auth.get_user(token=token)
+    if session_user is None:
+        return JSONResponse({"error": "not authenticated"}, status_code=401)
+    await ch_store.rewind_read_cursor(
+        session_user["id"], channel_id, msg["created_at"] - 0.001,
+    )
+    return JSONResponse({"ok": True})
+
+
 @router.post("/api/chat/channels/{channel_id}/mark-read")
 async def mark_read(request: Request, channel_id: str):
     body = await request.json()