@clawjedi/paperclip-plugin-chat 1.0.0

package/dist/manifest.js

@@ -0,0 +1,38 @@
+import { z } from "@paperclipai/plugin-sdk";
+var manifest_default = {
+  id: "paperclip.chat",
+  displayName: "Chat",
+  description: "Real-time agent chat for Paperclip",
+  version: "1.0.0",
+  category: "ui",
+  entrypoints: {
+    worker: "dist/worker.js",
+    ui: "dist/ui"
+  },
+  instanceConfigSchema: z.object({}),
+  requiredCapabilities: [
+    "agents.read",
+    "agent.sessions.create",
+    "agent.sessions.send",
+    "agent.sessions.close",
+    "agent.sessions.list",
+    "plugin.state.read",
+    "plugin.state.write",
+    "plugin.streams",
+    "events.subscribe"
+  ],
+  ui: {
+    slots: [
+      {
+        type: "page",
+        path: "/chat",
+        component: "ChatPage",
+        displayName: "Chat"
+      }
+    ]
+  }
+};
+export {
+  manifest_default as default
+};
+//# sourceMappingURL=manifest.js.map

package/dist/manifest.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/manifest.ts"],
+  "sourcesContent": ["import { z } from \"@paperclipai/plugin-sdk\";\n\nexport default {\n  id: \"paperclip.chat\",\n  displayName: \"Chat\",\n  description: \"Real-time agent chat for Paperclip\",\n  version: \"1.0.0\",\n  category: \"ui\" as const,\n\n  entrypoints: {\n    worker: \"dist/worker.js\",\n    ui: \"dist/ui\",\n  },\n\n  instanceConfigSchema: z.object({}),\n\n  requiredCapabilities: [\n    \"agents.read\",\n    \"agent.sessions.create\",\n    \"agent.sessions.send\",\n    \"agent.sessions.close\",\n    \"agent.sessions.list\",\n    \"plugin.state.read\",\n    \"plugin.state.write\",\n    \"plugin.streams\",\n    \"events.subscribe\",\n  ],\n\n  ui: {\n    slots: [\n      {\n        type: \"page\" as const,\n        path: \"/chat\",\n        component: \"ChatPage\",\n        displayName: \"Chat\",\n      },\n    ],\n  },\n};\n"],
+  "mappings": "AAAA,SAAS,SAAS;AAElB,IAAO,mBAAQ;AAAA,EACb,IAAI;AAAA,EACJ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,SAAS;AAAA,EACT,UAAU;AAAA,EAEV,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,IAAI;AAAA,EACN;AAAA,EAEA,sBAAsB,EAAE,OAAO,CAAC,CAAC;AAAA,EAEjC,sBAAsB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,IAAI;AAAA,IACF,OAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/ui/index.js

@@ -0,0 +1,489 @@
+// src/ui/ChatPage.tsx
+import { useState, useRef, useEffect, useCallback } from "react";
+import {
+  usePluginData,
+  usePluginAction,
+  usePluginStream,
+  useHostContext,
+  usePluginToast
+} from "@paperclipai/plugin-sdk/ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ChatPage() {
+  const ctx = useHostContext();
+  const companyId = ctx.companyId;
+  const toast = usePluginToast();
+  const [selectedAgentId, setSelectedAgentId] = useState("");
+  const [activeSession, setActiveSession] = useState(null);
+  const [messages, setMessages] = useState([]);
+  const [streamingContent, setStreamingContent] = useState("");
+  const [streamingMsgId, setStreamingMsgId] = useState(null);
+  const [input, setInput] = useState("");
+  const [sending, setSending] = useState(false);
+  const messagesEndRef = useRef(null);
+  const inputRef = useRef(null);
+  const { data: agentsData, loading: agentsLoading } = usePluginData("list-agents", { companyId });
+  const { data: sessionsData } = usePluginData("list-sessions", { companyId });
+  const createSession = usePluginAction("create-session");
+  const sendMessage = usePluginAction("send-message");
+  const closeSession = usePluginAction("close-session");
+  const { events: streamEvents } = usePluginStream(
+    activeSession ? `chat-${activeSession.sessionId}` : "__inactive__",
+    { companyId: companyId ?? void 0 }
+  );
+  useEffect(() => {
+    if (!streamEvents || streamEvents.length === 0) return;
+    const latest = streamEvents[streamEvents.length - 1];
+    if (latest.type === "assistant-chunk" && latest.fullContent) {
+      setStreamingContent(latest.fullContent);
+      setStreamingMsgId(latest.messageId ?? null);
+    } else if (latest.type === "assistant-done" && latest.message) {
+      setMessages((prev) => [...prev, latest.message]);
+      setStreamingContent("");
+      setStreamingMsgId(null);
+      setSending(false);
+    } else if (latest.type === "assistant-error") {
+      toast({
+        title: "Error",
+        body: latest.error ?? "Unknown error",
+        tone: "error"
+      });
+      setStreamingContent("");
+      setStreamingMsgId(null);
+      setSending(false);
+    } else if (latest.type === "user-message" && latest.message) {
+      setMessages((prev) => {
+        if (prev.some((m) => m.id === latest.message.id)) return prev;
+        return [...prev, latest.message];
+      });
+    }
+  }, [streamEvents, toast]);
+  useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [messages, streamingContent]);
+  const { data: historyData } = usePluginData(
+    "chat-history",
+    {
+      companyId,
+      sessionId: activeSession?.sessionId ?? ""
+    }
+  );
+  useEffect(() => {
+    if (historyData?.messages) {
+      setMessages(historyData.messages);
+    }
+  }, [historyData]);
+  const handleNewChat = useCallback(async () => {
+    if (!selectedAgentId || !companyId) return;
+    try {
+      const session = await createSession({
+        agentId: selectedAgentId,
+        companyId
+      });
+      setActiveSession(session);
+      setMessages([]);
+      setStreamingContent("");
+      inputRef.current?.focus();
+    } catch (err) {
+      toast({
+        title: "Failed to create session",
+        body: String(err),
+        tone: "error"
+      });
+    }
+  }, [selectedAgentId, companyId, createSession, toast]);
+  const handleSend = useCallback(async () => {
+    if (!input.trim() || !activeSession || !companyId || sending) return;
+    const content = input.trim();
+    setInput("");
+    setSending(true);
+    try {
+      await sendMessage({
+        sessionId: activeSession.sessionId,
+        companyId,
+        content
+      });
+    } catch (err) {
+      toast({
+        title: "Failed to send message",
+        body: String(err),
+        tone: "error"
+      });
+      setSending(false);
+    }
+  }, [input, activeSession, companyId, sending, sendMessage, toast]);
+  const handleCloseSession = useCallback(async () => {
+    if (!activeSession || !companyId) return;
+    try {
+      await closeSession({
+        sessionId: activeSession.sessionId,
+        companyId
+      });
+      setActiveSession(null);
+      setMessages([]);
+      toast({ title: "Session closed", tone: "info" });
+    } catch (err) {
+      toast({
+        title: "Failed to close session",
+        body: String(err),
+        tone: "error"
+      });
+    }
+  }, [activeSession, companyId, closeSession, toast]);
+  const handleResumeSession = useCallback(
+    (session) => {
+      setActiveSession(session);
+      setSelectedAgentId(session.agentId);
+    },
+    []
+  );
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        handleSend();
+      }
+    },
+    [handleSend]
+  );
+  const agents = agentsData?.agents ?? [];
+  const activeSessions = sessionsData?.sessions ?? [];
+  return /* @__PURE__ */ jsxs("div", { style: styles.container, children: [
+    /* @__PURE__ */ jsxs("div", { style: styles.sidebar, children: [
+      /* @__PURE__ */ jsx("div", { style: styles.sidebarHeader, children: /* @__PURE__ */ jsx("h2", { style: styles.sidebarTitle, children: "Chat" }) }),
+      /* @__PURE__ */ jsxs("div", { style: styles.newChatSection, children: [
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: selectedAgentId,
+            onChange: (e) => setSelectedAgentId(e.target.value),
+            style: styles.select,
+            disabled: agentsLoading,
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: "Select an agent..." }),
+              agents.filter((a) => a.status !== "paused").map((agent) => /* @__PURE__ */ jsxs("option", { value: agent.id, children: [
+                agent.name,
+                agent.title ? ` \u2014 ${agent.title}` : ""
+              ] }, agent.id))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleNewChat,
+            disabled: !selectedAgentId || !companyId,
+            style: {
+              ...styles.button,
+              ...!selectedAgentId ? styles.buttonDisabled : {}
+            },
+            children: "New Chat"
+          }
+        )
+      ] }),
+      activeSessions.length > 0 && /* @__PURE__ */ jsxs("div", { style: styles.sessionsList, children: [
+        /* @__PURE__ */ jsx("h3", { style: styles.sessionsTitle, children: "Active Sessions" }),
+        activeSessions.map((session) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => handleResumeSession(session),
+            style: {
+              ...styles.sessionItem,
+              ...activeSession?.sessionId === session.sessionId ? styles.sessionItemActive : {}
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { style: styles.sessionAgent, children: session.agentName }),
+              /* @__PURE__ */ jsx("span", { style: styles.sessionTime, children: new Date(session.createdAt).toLocaleTimeString() })
+            ]
+          },
+          session.sessionId
+        ))
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: styles.main, children: !activeSession ? /* @__PURE__ */ jsxs("div", { style: styles.emptyState, children: [
+      /* @__PURE__ */ jsx("h2", { style: styles.emptyTitle, children: "Start a conversation" }),
+      /* @__PURE__ */ jsx("p", { style: styles.emptyText, children: 'Select an agent from the sidebar and click "New Chat" to begin.' })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { style: styles.chatHeader, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("strong", { children: activeSession.agentName }),
+          /* @__PURE__ */ jsxs("span", { style: styles.sessionId, children: [
+            " ",
+            "\xB7 ",
+            activeSession.sessionId.slice(0, 8)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("button", { onClick: handleCloseSession, style: styles.closeButton, children: "Close Session" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: styles.messages, children: [
+        messages.map((msg) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              ...styles.message,
+              ...msg.role === "user" ? styles.userMessage : styles.assistantMessage
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { style: styles.messageHeader, children: [
+                /* @__PURE__ */ jsx("span", { style: styles.messageRole, children: msg.role === "user" ? "You" : msg.agentName ?? "Agent" }),
+                /* @__PURE__ */ jsx("span", { style: styles.messageTime, children: new Date(msg.timestamp).toLocaleTimeString() })
+              ] }),
+              /* @__PURE__ */ jsx("div", { style: styles.messageContent, children: /* @__PURE__ */ jsx("span", { style: { whiteSpace: "pre-wrap" }, children: msg.content }) })
+            ]
+          },
+          msg.id
+        )),
+        streamingContent && /* @__PURE__ */ jsxs("div", { style: { ...styles.message, ...styles.assistantMessage }, children: [
+          /* @__PURE__ */ jsxs("div", { style: styles.messageHeader, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.messageRole, children: activeSession.agentName }),
+            /* @__PURE__ */ jsx("span", { style: { fontSize: 11, color: "#71717a" }, children: "typing\u2026" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { style: styles.messageContent, children: /* @__PURE__ */ jsx("span", { style: { whiteSpace: "pre-wrap" }, children: streamingContent }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: styles.inputArea, children: [
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            ref: inputRef,
+            value: input,
+            onChange: (e) => setInput(e.target.value),
+            onKeyDown: handleKeyDown,
+            placeholder: sending ? "Waiting for response..." : "Type a message...",
+            disabled: sending,
+            style: styles.textarea,
+            rows: 2
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleSend,
+            disabled: !input.trim() || sending,
+            style: {
+              ...styles.sendButton,
+              ...!input.trim() || sending ? styles.buttonDisabled : {}
+            },
+            children: sending ? "\u2026" : "Send"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+var styles = {
+  container: {
+    display: "flex",
+    height: "100%",
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+    color: "#e4e4e7",
+    backgroundColor: "#09090b"
+  },
+  sidebar: {
+    width: 280,
+    borderRight: "1px solid #27272a",
+    display: "flex",
+    flexDirection: "column",
+    backgroundColor: "#0c0c0f"
+  },
+  sidebarHeader: {
+    padding: "16px 16px 8px",
+    borderBottom: "1px solid #27272a"
+  },
+  sidebarTitle: {
+    margin: 0,
+    fontSize: 18,
+    fontWeight: 600
+  },
+  newChatSection: {
+    padding: 16,
+    display: "flex",
+    flexDirection: "column",
+    gap: 8
+  },
+  select: {
+    padding: "8px 12px",
+    borderRadius: 6,
+    border: "1px solid #27272a",
+    backgroundColor: "#18181b",
+    color: "#e4e4e7",
+    fontSize: 14,
+    outline: "none"
+  },
+  button: {
+    padding: "8px 16px",
+    borderRadius: 6,
+    border: "none",
+    backgroundColor: "#3b82f6",
+    color: "#fff",
+    fontSize: 14,
+    fontWeight: 500,
+    cursor: "pointer"
+  },
+  buttonDisabled: {
+    opacity: 0.5,
+    cursor: "not-allowed"
+  },
+  sessionsList: {
+    flex: 1,
+    overflowY: "auto",
+    padding: "0 8px"
+  },
+  sessionsTitle: {
+    fontSize: 12,
+    fontWeight: 600,
+    textTransform: "uppercase",
+    color: "#71717a",
+    padding: "8px 8px 4px",
+    margin: 0
+  },
+  sessionItem: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    width: "100%",
+    padding: "8px 12px",
+    borderRadius: 6,
+    border: "none",
+    backgroundColor: "transparent",
+    color: "#a1a1aa",
+    fontSize: 13,
+    cursor: "pointer",
+    textAlign: "left"
+  },
+  sessionItemActive: {
+    backgroundColor: "#1e293b",
+    color: "#e4e4e7"
+  },
+  sessionAgent: {
+    fontWeight: 500
+  },
+  sessionTime: {
+    fontSize: 11,
+    color: "#52525b"
+  },
+  main: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "column",
+    minWidth: 0
+  },
+  emptyState: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    color: "#52525b"
+  },
+  emptyTitle: {
+    fontSize: 20,
+    fontWeight: 600,
+    marginBottom: 8,
+    color: "#71717a"
+  },
+  emptyText: {
+    fontSize: 14
+  },
+  chatHeader: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: "12px 20px",
+    borderBottom: "1px solid #27272a",
+    fontSize: 14
+  },
+  sessionId: {
+    color: "#52525b",
+    fontSize: 12
+  },
+  closeButton: {
+    padding: "4px 12px",
+    borderRadius: 4,
+    border: "1px solid #3f3f46",
+    backgroundColor: "transparent",
+    color: "#a1a1aa",
+    fontSize: 12,
+    cursor: "pointer"
+  },
+  messages: {
+    flex: 1,
+    overflowY: "auto",
+    padding: 20,
+    display: "flex",
+    flexDirection: "column",
+    gap: 16
+  },
+  message: {
+    maxWidth: "80%",
+    padding: "10px 14px",
+    borderRadius: 10
+  },
+  userMessage: {
+    alignSelf: "flex-end",
+    backgroundColor: "#1e40af",
+    borderBottomRightRadius: 2
+  },
+  assistantMessage: {
+    alignSelf: "flex-start",
+    backgroundColor: "#18181b",
+    border: "1px solid #27272a",
+    borderBottomLeftRadius: 2
+  },
+  messageHeader: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    marginBottom: 4,
+    gap: 8
+  },
+  messageRole: {
+    fontSize: 12,
+    fontWeight: 600,
+    color: "#a1a1aa"
+  },
+  messageTime: {
+    fontSize: 11,
+    color: "#52525b"
+  },
+  messageContent: {
+    fontSize: 14,
+    lineHeight: 1.5,
+    wordBreak: "break-word"
+  },
+  inputArea: {
+    display: "flex",
+    gap: 8,
+    padding: "12px 20px",
+    borderTop: "1px solid #27272a",
+    backgroundColor: "#0c0c0f"
+  },
+  textarea: {
+    flex: 1,
+    padding: "10px 14px",
+    borderRadius: 8,
+    border: "1px solid #27272a",
+    backgroundColor: "#18181b",
+    color: "#e4e4e7",
+    fontSize: 14,
+    fontFamily: "inherit",
+    resize: "none",
+    outline: "none",
+    lineHeight: 1.5
+  },
+  sendButton: {
+    padding: "10px 20px",
+    borderRadius: 8,
+    border: "none",
+    backgroundColor: "#3b82f6",
+    color: "#fff",
+    fontSize: 14,
+    fontWeight: 500,
+    cursor: "pointer",
+    alignSelf: "flex-end"
+  }
+};
+export {
+  ChatPage
+};
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/ChatPage.tsx"],
+  "sourcesContent": ["import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport {\n  usePluginData,\n  usePluginAction,\n  usePluginStream,\n  useHostContext,\n  usePluginToast,\n} from \"@paperclipai/plugin-sdk/ui\";\n\ninterface Agent {\n  id: string;\n  name: string;\n  title: string | null;\n  icon: string | null;\n  status: string;\n}\n\ninterface ChatMessage {\n  id: string;\n  sessionId: string;\n  role: \"user\" | \"assistant\";\n  content: string;\n  agentId: string;\n  agentName?: string;\n  timestamp: string;\n}\n\ninterface SessionMeta {\n  sessionId: string;\n  agentId: string;\n  agentName: string;\n  companyId: string;\n  createdAt: string;\n  status: string;\n}\n\ninterface StreamEvent {\n  type: string;\n  messageId?: string;\n  message?: ChatMessage;\n  chunk?: string;\n  fullContent?: string;\n  status?: string;\n  error?: string;\n  agentName?: string;\n}\n\nexport function ChatPage() {\n  const ctx = useHostContext();\n  const companyId = ctx.companyId;\n  const toast = usePluginToast();\n\n  const [selectedAgentId, setSelectedAgentId] = useState<string>(\"\");\n  const [activeSession, setActiveSession] = useState<SessionMeta | null>(null);\n  const [messages, setMessages] = useState<ChatMessage[]>([]);\n  const [streamingContent, setStreamingContent] = useState<string>(\"\");\n  const [streamingMsgId, setStreamingMsgId] = useState<string | null>(null);\n  const [input, setInput] = useState(\"\");\n  const [sending, setSending] = useState(false);\n\n  const messagesEndRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLTextAreaElement>(null);\n\n  // Data fetchers\n  const { data: agentsData, loading: agentsLoading } = usePluginData<{\n    agents: Agent[];\n  }>(\"list-agents\", { companyId });\n\n  const { data: sessionsData } = usePluginData<{\n    sessions: SessionMeta[];\n  }>(\"list-sessions\", { companyId });\n\n  // Actions\n  const createSession = usePluginAction(\"create-session\");\n  const sendMessage = usePluginAction(\"send-message\");\n  const closeSession = usePluginAction(\"close-session\");\n\n  // Stream subscription (only when we have an active session)\n  const { events: streamEvents } = usePluginStream<StreamEvent>(\n    activeSession ? `chat-${activeSession.sessionId}` : \"__inactive__\",\n    { companyId: companyId ?? undefined }\n  );\n\n  // Process stream events\n  useEffect(() => {\n    if (!streamEvents || streamEvents.length === 0) return;\n    const latest = streamEvents[streamEvents.length - 1];\n\n    if (latest.type === \"assistant-chunk\" && latest.fullContent) {\n      setStreamingContent(latest.fullContent);\n      setStreamingMsgId(latest.messageId ?? null);\n    } else if (latest.type === \"assistant-done\" && latest.message) {\n      setMessages((prev) => [...prev, latest.message!]);\n      setStreamingContent(\"\");\n      setStreamingMsgId(null);\n      setSending(false);\n    } else if (latest.type === \"assistant-error\") {\n      toast({\n        title: \"Error\",\n        body: latest.error ?? \"Unknown error\",\n        tone: \"error\",\n      });\n      setStreamingContent(\"\");\n      setStreamingMsgId(null);\n      setSending(false);\n    } else if (latest.type === \"user-message\" && latest.message) {\n      setMessages((prev) => {\n        if (prev.some((m) => m.id === latest.message!.id)) return prev;\n        return [...prev, latest.message!];\n      });\n    }\n  }, [streamEvents, toast]);\n\n  // Auto-scroll to bottom\n  useEffect(() => {\n    messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n  }, [messages, streamingContent]);\n\n  // Load chat history when session changes\n  const { data: historyData } = usePluginData<{ messages: ChatMessage[] }>(\n    \"chat-history\",\n    {\n      companyId,\n      sessionId: activeSession?.sessionId ?? \"\",\n    }\n  );\n\n  useEffect(() => {\n    if (historyData?.messages) {\n      setMessages(historyData.messages);\n    }\n  }, [historyData]);\n\n  const handleNewChat = useCallback(async () => {\n    if (!selectedAgentId || !companyId) return;\n    try {\n      const session = (await createSession({\n        agentId: selectedAgentId,\n        companyId,\n      })) as SessionMeta;\n      setActiveSession(session);\n      setMessages([]);\n      setStreamingContent(\"\");\n      inputRef.current?.focus();\n    } catch (err) {\n      toast({\n        title: \"Failed to create session\",\n        body: String(err),\n        tone: \"error\",\n      });\n    }\n  }, [selectedAgentId, companyId, createSession, toast]);\n\n  const handleSend = useCallback(async () => {\n    if (!input.trim() || !activeSession || !companyId || sending) return;\n\n    const content = input.trim();\n    setInput(\"\");\n    setSending(true);\n\n    try {\n      await sendMessage({\n        sessionId: activeSession.sessionId,\n        companyId,\n        content,\n      });\n    } catch (err) {\n      toast({\n        title: \"Failed to send message\",\n        body: String(err),\n        tone: \"error\",\n      });\n      setSending(false);\n    }\n  }, [input, activeSession, companyId, sending, sendMessage, toast]);\n\n  const handleCloseSession = useCallback(async () => {\n    if (!activeSession || !companyId) return;\n    try {\n      await closeSession({\n        sessionId: activeSession.sessionId,\n        companyId,\n      });\n      setActiveSession(null);\n      setMessages([]);\n      toast({ title: \"Session closed\", tone: \"info\" });\n    } catch (err) {\n      toast({\n        title: \"Failed to close session\",\n        body: String(err),\n        tone: \"error\",\n      });\n    }\n  }, [activeSession, companyId, closeSession, toast]);\n\n  const handleResumeSession = useCallback(\n    (session: SessionMeta) => {\n      setActiveSession(session);\n      setSelectedAgentId(session.agentId);\n    },\n    []\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === \"Enter\" && !e.shiftKey) {\n        e.preventDefault();\n        handleSend();\n      }\n    },\n    [handleSend]\n  );\n\n  const agents = agentsData?.agents ?? [];\n  const activeSessions = sessionsData?.sessions ?? [];\n\n  return (\n    <div style={styles.container}>\n      {/* Sidebar */}\n      <div style={styles.sidebar}>\n        <div style={styles.sidebarHeader}>\n          <h2 style={styles.sidebarTitle}>Chat</h2>\n        </div>\n\n        {/* Agent selector */}\n        <div style={styles.newChatSection}>\n          <select\n            value={selectedAgentId}\n            onChange={(e) => setSelectedAgentId(e.target.value)}\n            style={styles.select}\n            disabled={agentsLoading}\n          >\n            <option value=\"\">Select an agent...</option>\n            {agents\n              .filter((a) => a.status !== \"paused\")\n              .map((agent) => (\n                <option key={agent.id} value={agent.id}>\n                  {agent.name}\n                  {agent.title ? ` \u2014 ${agent.title}` : \"\"}\n                </option>\n              ))}\n          </select>\n          <button\n            onClick={handleNewChat}\n            disabled={!selectedAgentId || !companyId}\n            style={{\n              ...styles.button,\n              ...(!selectedAgentId ? styles.buttonDisabled : {}),\n            }}\n          >\n            New Chat\n          </button>\n        </div>\n\n        {/* Active sessions list */}\n        {activeSessions.length > 0 && (\n          <div style={styles.sessionsList}>\n            <h3 style={styles.sessionsTitle}>Active Sessions</h3>\n            {activeSessions.map((session) => (\n              <button\n                key={session.sessionId}\n                onClick={() => handleResumeSession(session)}\n                style={{\n                  ...styles.sessionItem,\n                  ...(activeSession?.sessionId === session.sessionId\n                    ? styles.sessionItemActive\n                    : {}),\n                }}\n              >\n                <span style={styles.sessionAgent}>{session.agentName}</span>\n                <span style={styles.sessionTime}>\n                  {new Date(session.createdAt).toLocaleTimeString()}\n                </span>\n              </button>\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Main chat area */}\n      <div style={styles.main}>\n        {!activeSession ? (\n          <div style={styles.emptyState}>\n            <h2 style={styles.emptyTitle}>Start a conversation</h2>\n            <p style={styles.emptyText}>\n              Select an agent from the sidebar and click \"New Chat\" to begin.\n            </p>\n          </div>\n        ) : (\n          <>\n            {/* Chat header */}\n            <div style={styles.chatHeader}>\n              <div>\n                <strong>{activeSession.agentName}</strong>\n                <span style={styles.sessionId}>\n                  {\" \"}\n                  \u00B7 {activeSession.sessionId.slice(0, 8)}\n                </span>\n              </div>\n              <button onClick={handleCloseSession} style={styles.closeButton}>\n                Close Session\n              </button>\n            </div>\n\n            {/* Messages */}\n            <div style={styles.messages}>\n              {messages.map((msg) => (\n                <div\n                  key={msg.id}\n                  style={{\n                    ...styles.message,\n                    ...(msg.role === \"user\"\n                      ? styles.userMessage\n                      : styles.assistantMessage),\n                  }}\n                >\n                  <div style={styles.messageHeader}>\n                    <span style={styles.messageRole}>\n                      {msg.role === \"user\" ? \"You\" : msg.agentName ?? \"Agent\"}\n                    </span>\n                    <span style={styles.messageTime}>\n                      {new Date(msg.timestamp).toLocaleTimeString()}\n                    </span>\n                  </div>\n                  <div style={styles.messageContent}>\n                    <span style={{ whiteSpace: \"pre-wrap\" }}>\n                      {msg.content}\n                    </span>\n                  </div>\n                </div>\n              ))}\n\n              {/* Streaming message */}\n              {streamingContent && (\n                <div style={{ ...styles.message, ...styles.assistantMessage }}>\n                  <div style={styles.messageHeader}>\n                    <span style={styles.messageRole}>\n                      {activeSession.agentName}\n                    </span>\n                    <span style={{ fontSize: 11, color: \"#71717a\" }}>typing\u2026</span>\n                  </div>\n                  <div style={styles.messageContent}>\n                    <span style={{ whiteSpace: \"pre-wrap\" }}>\n                      {streamingContent}\n                    </span>\n                  </div>\n                </div>\n              )}\n\n              <div ref={messagesEndRef} />\n            </div>\n\n            {/* Input area */}\n            <div style={styles.inputArea}>\n              <textarea\n                ref={inputRef}\n                value={input}\n                onChange={(e) => setInput(e.target.value)}\n                onKeyDown={handleKeyDown}\n                placeholder={\n                  sending ? \"Waiting for response...\" : \"Type a message...\"\n                }\n                disabled={sending}\n                style={styles.textarea}\n                rows={2}\n              />\n              <button\n                onClick={handleSend}\n                disabled={!input.trim() || sending}\n                style={{\n                  ...styles.sendButton,\n                  ...(!input.trim() || sending ? styles.buttonDisabled : {}),\n                }}\n              >\n                {sending ? \"\u2026\" : \"Send\"}\n              </button>\n            </div>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst styles: Record<string, React.CSSProperties> = {\n  container: {\n    display: \"flex\",\n    height: \"100%\",\n    fontFamily:\n      '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    color: \"#e4e4e7\",\n    backgroundColor: \"#09090b\",\n  },\n  sidebar: {\n    width: 280,\n    borderRight: \"1px solid #27272a\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    backgroundColor: \"#0c0c0f\",\n  },\n  sidebarHeader: {\n    padding: \"16px 16px 8px\",\n    borderBottom: \"1px solid #27272a\",\n  },\n  sidebarTitle: {\n    margin: 0,\n    fontSize: 18,\n    fontWeight: 600,\n  },\n  newChatSection: {\n    padding: 16,\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 8,\n  },\n  select: {\n    padding: \"8px 12px\",\n    borderRadius: 6,\n    border: \"1px solid #27272a\",\n    backgroundColor: \"#18181b\",\n    color: \"#e4e4e7\",\n    fontSize: 14,\n    outline: \"none\",\n  },\n  button: {\n    padding: \"8px 16px\",\n    borderRadius: 6,\n    border: \"none\",\n    backgroundColor: \"#3b82f6\",\n    color: \"#fff\",\n    fontSize: 14,\n    fontWeight: 500,\n    cursor: \"pointer\",\n  },\n  buttonDisabled: {\n    opacity: 0.5,\n    cursor: \"not-allowed\",\n  },\n  sessionsList: {\n    flex: 1,\n    overflowY: \"auto\" as const,\n    padding: \"0 8px\",\n  },\n  sessionsTitle: {\n    fontSize: 12,\n    fontWeight: 600,\n    textTransform: \"uppercase\" as const,\n    color: \"#71717a\",\n    padding: \"8px 8px 4px\",\n    margin: 0,\n  },\n  sessionItem: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    width: \"100%\",\n    padding: \"8px 12px\",\n    borderRadius: 6,\n    border: \"none\",\n    backgroundColor: \"transparent\",\n    color: \"#a1a1aa\",\n    fontSize: 13,\n    cursor: \"pointer\",\n    textAlign: \"left\" as const,\n  },\n  sessionItemActive: {\n    backgroundColor: \"#1e293b\",\n    color: \"#e4e4e7\",\n  },\n  sessionAgent: {\n    fontWeight: 500,\n  },\n  sessionTime: {\n    fontSize: 11,\n    color: \"#52525b\",\n  },\n  main: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    minWidth: 0,\n  },\n  emptyState: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    color: \"#52525b\",\n  },\n  emptyTitle: {\n    fontSize: 20,\n    fontWeight: 600,\n    marginBottom: 8,\n    color: \"#71717a\",\n  },\n  emptyText: {\n    fontSize: 14,\n  },\n  chatHeader: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    padding: \"12px 20px\",\n    borderBottom: \"1px solid #27272a\",\n    fontSize: 14,\n  },\n  sessionId: {\n    color: \"#52525b\",\n    fontSize: 12,\n  },\n  closeButton: {\n    padding: \"4px 12px\",\n    borderRadius: 4,\n    border: \"1px solid #3f3f46\",\n    backgroundColor: \"transparent\",\n    color: \"#a1a1aa\",\n    fontSize: 12,\n    cursor: \"pointer\",\n  },\n  messages: {\n    flex: 1,\n    overflowY: \"auto\" as const,\n    padding: 20,\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 16,\n  },\n  message: {\n    maxWidth: \"80%\",\n    padding: \"10px 14px\",\n    borderRadius: 10,\n  },\n  userMessage: {\n    alignSelf: \"flex-end\",\n    backgroundColor: \"#1e40af\",\n    borderBottomRightRadius: 2,\n  },\n  assistantMessage: {\n    alignSelf: \"flex-start\",\n    backgroundColor: \"#18181b\",\n    border: \"1px solid #27272a\",\n    borderBottomLeftRadius: 2,\n  },\n  messageHeader: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    marginBottom: 4,\n    gap: 8,\n  },\n  messageRole: {\n    fontSize: 12,\n    fontWeight: 600,\n    color: \"#a1a1aa\",\n  },\n  messageTime: {\n    fontSize: 11,\n    color: \"#52525b\",\n  },\n  messageContent: {\n    fontSize: 14,\n    lineHeight: 1.5,\n    wordBreak: \"break-word\" as const,\n  },\n  inputArea: {\n    display: \"flex\",\n    gap: 8,\n    padding: \"12px 20px\",\n    borderTop: \"1px solid #27272a\",\n    backgroundColor: \"#0c0c0f\",\n  },\n  textarea: {\n    flex: 1,\n    padding: \"10px 14px\",\n    borderRadius: 8,\n    border: \"1px solid #27272a\",\n    backgroundColor: \"#18181b\",\n    color: \"#e4e4e7\",\n    fontSize: 14,\n    fontFamily: \"inherit\",\n    resize: \"none\" as const,\n    outline: \"none\",\n    lineHeight: 1.5,\n  },\n  sendButton: {\n    padding: \"10px 20px\",\n    borderRadius: 8,\n    border: \"none\",\n    backgroundColor: \"#3b82f6\",\n    color: \"#fff\",\n    fontSize: 14,\n    fontWeight: 500,\n    cursor: \"pointer\",\n    alignSelf: \"flex-end\",\n  },\n};\n"],
+  "mappings": "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",
+  "names": []
+}