@informedai/react 0.1.0

package/dist/index.js

@@ -0,0 +1,995 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  InformedAIClient: () => InformedAIClient,
+  InformedAIProvider: () => InformedAIProvider,
+  InformedAssistant: () => InformedAssistant,
+  useDocument: () => useDocument,
+  useInformedAI: () => useInformedAI,
+  useSession: () => useSession
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/InformedAssistant.tsx
+var import_react2 = require("react");
+
+// src/context/InformedAIContext.tsx
+var import_react = require("react");
+
+// src/utils/api-client.ts
+var DEFAULT_API_URL = "https://api.informedassistant.ai/api/v1";
+var InformedAIClient = class {
+  constructor(apiKey, apiUrl) {
+    this.apiKey = apiKey;
+    this.apiUrl = apiUrl || DEFAULT_API_URL;
+  }
+  getHeaders() {
+    return {
+      "Content-Type": "application/json",
+      "Authorization": `Bearer ${this.apiKey}`
+    };
+  }
+  async request(endpoint, options = {}) {
+    const response = await fetch(`${this.apiUrl}${endpoint}`, {
+      ...options,
+      headers: {
+        ...this.getHeaders(),
+        ...options.headers
+      }
+    });
+    if (!response.ok) {
+      const error = await response.json().catch(() => ({ error: "Request failed" }));
+      throw new Error(error.error || `HTTP ${response.status}`);
+    }
+    if (response.status === 204) {
+      return {};
+    }
+    return response.json();
+  }
+  // ========================================================================
+  // Document Operations
+  // ========================================================================
+  async getDocument(id) {
+    return this.request(`/documents/${id}`);
+  }
+  async getDocumentType(id) {
+    return this.request(`/document-types/${id}`);
+  }
+  async updateDocumentField(documentId, field, value) {
+    return this.request(`/documents/${documentId}/field`, {
+      method: "PATCH",
+      body: JSON.stringify({ field, value })
+    });
+  }
+  // ========================================================================
+  // Session Operations
+  // ========================================================================
+  async createSession(documentId) {
+    return this.request("/sessions", {
+      method: "POST",
+      body: JSON.stringify({ documentId })
+    });
+  }
+  async getSession(id) {
+    return this.request(`/sessions/${id}`);
+  }
+  async deleteSession(id) {
+    await this.request(`/sessions/${id}`, { method: "DELETE" });
+  }
+  /**
+   * Send a message to the session with SSE streaming
+   */
+  async sendMessage(sessionId, message, onEvent) {
+    const response = await fetch(`${this.apiUrl}/sessions/${sessionId}/message`, {
+      method: "POST",
+      headers: this.getHeaders(),
+      body: JSON.stringify({ message })
+    });
+    if (!response.ok) {
+      const error = await response.json().catch(() => ({ error: "Request failed" }));
+      throw new Error(error.error || `HTTP ${response.status}`);
+    }
+    await this.processSSEStream(response, onEvent);
+  }
+  /**
+   * Send a quick action to the session with SSE streaming
+   */
+  async sendQuickAction(sessionId, action, payload, onEvent) {
+    const response = await fetch(`${this.apiUrl}/sessions/${sessionId}/quick-action`, {
+      method: "POST",
+      headers: this.getHeaders(),
+      body: JSON.stringify({ action, payload })
+    });
+    if (!response.ok) {
+      const error = await response.json().catch(() => ({ error: "Request failed" }));
+      throw new Error(error.error || `HTTP ${response.status}`);
+    }
+    let finalSession = null;
+    await this.processSSEStream(response, (event) => {
+      onEvent?.(event);
+      if (event.session) {
+        finalSession = event.session;
+      }
+    });
+    if (!finalSession) {
+      throw new Error("No session returned from quick action");
+    }
+    return finalSession;
+  }
+  /**
+   * Apply the pending value for the active task
+   */
+  async applyPendingValue(sessionId) {
+    return this.request(`/sessions/${sessionId}/apply`, {
+      method: "POST"
+    });
+  }
+  /**
+   * Skip the active task
+   */
+  async skipTask(sessionId) {
+    return this.request(`/sessions/${sessionId}/skip`, {
+      method: "POST"
+    });
+  }
+  // ========================================================================
+  // SSE Stream Processing
+  // ========================================================================
+  async processSSEStream(response, onEvent) {
+    const reader = response.body?.getReader();
+    if (!reader) {
+      throw new Error("No response body");
+    }
+    const decoder = new TextDecoder();
+    let buffer = "";
+    try {
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        buffer += decoder.decode(value, { stream: true });
+        const lines = buffer.split("\n");
+        buffer = lines.pop() || "";
+        for (const line of lines) {
+          if (line.startsWith("data: ")) {
+            try {
+              const data = JSON.parse(line.slice(6));
+              onEvent(data);
+            } catch {
+            }
+          }
+        }
+      }
+      if (buffer.startsWith("data: ")) {
+        try {
+          const data = JSON.parse(buffer.slice(6));
+          onEvent(data);
+        } catch {
+        }
+      }
+    } finally {
+      reader.releaseLock();
+    }
+  }
+};
+
+// src/context/InformedAIContext.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var InformedAIContext = (0, import_react.createContext)(null);
+function useInformedAI() {
+  const context = (0, import_react.useContext)(InformedAIContext);
+  if (!context) {
+    throw new Error("useInformedAI must be used within an InformedAIProvider");
+  }
+  return context;
+}
+function InformedAIProvider({ config, children }) {
+  const [session, setSession] = (0, import_react.useState)(null);
+  const [document, setDocument] = (0, import_react.useState)(null);
+  const [documentType, setDocumentType] = (0, import_react.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
+  const [isStreaming, setIsStreaming] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const [streamingContent, setStreamingContent] = (0, import_react.useState)("");
+  const clientRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    clientRef.current = new InformedAIClient(config.apiKey, config.apiUrl);
+  }, [config.apiKey, config.apiUrl]);
+  (0, import_react.useEffect)(() => {
+    async function initialize() {
+      if (!clientRef.current) return;
+      try {
+        setIsLoading(true);
+        setError(null);
+        const doc = await clientRef.current.getDocument(config.documentId);
+        setDocument(doc);
+        const dt = await clientRef.current.getDocumentType(doc.documentTypeId);
+        setDocumentType(dt);
+        let sess;
+        if (config.sessionId) {
+          sess = await clientRef.current.getSession(config.sessionId);
+        } else {
+          sess = await clientRef.current.createSession(config.documentId);
+        }
+        setSession(sess);
+        config.onSessionChange?.(sess);
+      } catch (err) {
+        const error2 = err instanceof Error ? err : new Error("Initialization failed");
+        setError(error2);
+        config.onError?.(error2);
+      } finally {
+        setIsLoading(false);
+      }
+    }
+    initialize();
+  }, [config.documentId, config.sessionId]);
+  const handleSSEEvent = (0, import_react.useCallback)((event) => {
+    if (event.type === "content" && event.content) {
+      setStreamingContent((prev) => prev + event.content);
+    }
+    if (event.type === "done" || event.type === "session_update") {
+      if (event.session) {
+        setSession(event.session);
+        config.onSessionChange?.(event.session);
+        if (event.session.activeTask) {
+          const taskState = event.session.taskStates[event.session.activeTask];
+          if (taskState?.pendingValue !== void 0) {
+          }
+        }
+      }
+      setStreamingContent("");
+      setIsStreaming(false);
+    }
+    if (event.type === "error") {
+      const error2 = new Error(event.error || "Stream error");
+      setError(error2);
+      config.onError?.(error2);
+      setIsStreaming(false);
+    }
+  }, [config]);
+  const sendMessage = (0, import_react.useCallback)(async (message) => {
+    if (!clientRef.current || !session) return;
+    try {
+      setIsStreaming(true);
+      setStreamingContent("");
+      setError(null);
+      await clientRef.current.sendMessage(session.id, message, handleSSEEvent);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to send message");
+      setError(error2);
+      config.onError?.(error2);
+      setIsStreaming(false);
+    }
+  }, [session, handleSSEEvent, config]);
+  const sendQuickAction = (0, import_react.useCallback)(async (action, payload) => {
+    if (!clientRef.current || !session) return;
+    try {
+      setIsStreaming(true);
+      setStreamingContent("");
+      setError(null);
+      const newSession = await clientRef.current.sendQuickAction(
+        session.id,
+        action,
+        payload,
+        handleSSEEvent
+      );
+      setSession(newSession);
+      config.onSessionChange?.(newSession);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to send quick action");
+      setError(error2);
+      config.onError?.(error2);
+    } finally {
+      setIsStreaming(false);
+    }
+  }, [session, handleSSEEvent, config]);
+  const applyPendingValue = (0, import_react.useCallback)(async () => {
+    if (!clientRef.current || !session) return;
+    try {
+      setError(null);
+      const activeTask = session.activeTask;
+      const pendingValue = activeTask ? session.taskStates[activeTask]?.pendingValue : void 0;
+      const newSession = await clientRef.current.applyPendingValue(session.id);
+      setSession(newSession);
+      config.onSessionChange?.(newSession);
+      if (activeTask && pendingValue !== void 0) {
+        config.onFieldApply?.(activeTask, pendingValue);
+      }
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to apply value");
+      setError(error2);
+      config.onError?.(error2);
+    }
+  }, [session, config]);
+  const skipTask = (0, import_react.useCallback)(async () => {
+    if (!clientRef.current || !session) return;
+    try {
+      setError(null);
+      const newSession = await clientRef.current.skipTask(session.id);
+      setSession(newSession);
+      config.onSessionChange?.(newSession);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to skip task");
+      setError(error2);
+      config.onError?.(error2);
+    }
+  }, [session, config]);
+  const clearError = (0, import_react.useCallback)(() => {
+    setError(null);
+  }, []);
+  const value = {
+    session,
+    document,
+    documentType,
+    isLoading,
+    isStreaming,
+    error,
+    streamingContent,
+    sendMessage,
+    sendQuickAction,
+    applyPendingValue,
+    skipTask,
+    clearError
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InformedAIContext.Provider, { value, children });
+}
+
+// src/components/InformedAssistant.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var defaultTheme = {
+  primaryColor: "#f59e0b",
+  // Amber
+  backgroundColor: "#ffffff",
+  textColor: "#1c1917",
+  borderRadius: "12px",
+  fontFamily: "system-ui, -apple-system, sans-serif"
+};
+function InformedAssistant({ className, ...config }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(InformedAIProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    AssistantWidget,
+    {
+      className,
+      theme: { ...defaultTheme, ...config.theme },
+      position: config.position,
+      defaultCollapsed: config.defaultCollapsed
+    }
+  ) });
+}
+function AssistantWidget({ className, theme, position = "inline", defaultCollapsed = false }) {
+  const {
+    session,
+    documentType,
+    isLoading,
+    isStreaming,
+    error,
+    streamingContent,
+    sendMessage,
+    sendQuickAction,
+    applyPendingValue,
+    skipTask
+  } = useInformedAI();
+  const [isCollapsed, setIsCollapsed] = (0, import_react2.useState)(defaultCollapsed);
+  const [inputValue, setInputValue] = (0, import_react2.useState)("");
+  const messagesEndRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [session?.widgetMessages, streamingContent]);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!inputValue.trim() || isStreaming) return;
+    const message = inputValue.trim();
+    setInputValue("");
+    await sendMessage(message);
+  };
+  const handleQuickAction = async (action) => {
+    await sendQuickAction(action.action, action.payload);
+  };
+  const activeTask = session?.activeTask;
+  const pendingValue = activeTask ? session?.taskStates[activeTask]?.pendingValue : void 0;
+  const hasPendingValue = pendingValue !== void 0 && pendingValue !== null;
+  const cssVars = {
+    "--ia-primary": theme.primaryColor,
+    "--ia-bg": theme.backgroundColor,
+    "--ia-text": theme.textColor,
+    "--ia-radius": theme.borderRadius,
+    "--ia-font": theme.fontFamily
+  };
+  const positionStyles = position === "inline" ? {} : {
+    position: "fixed",
+    [position === "bottom-right" ? "right" : "left"]: "20px",
+    bottom: "20px",
+    zIndex: 9999
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "div",
+      {
+        className,
+        style: {
+          ...cssVars,
+          ...positionStyles,
+          width: position === "inline" ? "100%" : "380px",
+          backgroundColor: "var(--ia-bg)",
+          borderRadius: "var(--ia-radius)",
+          border: "1px solid #e5e5e5",
+          fontFamily: "var(--ia-font)",
+          padding: "24px",
+          textAlign: "center",
+          color: "#737373"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", gap: "8px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LoadingSpinner, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "Loading assistant..." })
+        ] })
+      }
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "div",
+      {
+        className,
+        style: {
+          ...cssVars,
+          ...positionStyles,
+          width: position === "inline" ? "100%" : "380px",
+          backgroundColor: "var(--ia-bg)",
+          borderRadius: "var(--ia-radius)",
+          border: "1px solid #fecaca",
+          fontFamily: "var(--ia-font)",
+          padding: "24px",
+          textAlign: "center",
+          color: "#dc2626"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { style: { margin: 0 }, children: error.message })
+      }
+    );
+  }
+  if (isCollapsed && position !== "inline") {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        onClick: () => setIsCollapsed(false),
+        style: {
+          ...positionStyles,
+          width: "56px",
+          height: "56px",
+          borderRadius: "50%",
+          backgroundColor: theme.primaryColor,
+          border: "none",
+          cursor: "pointer",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          boxShadow: "0 4px 12px rgba(0,0,0,0.15)"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChatIcon, { color: "#fff" })
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      className,
+      style: {
+        ...cssVars,
+        ...positionStyles,
+        width: position === "inline" ? "100%" : "380px",
+        height: position === "inline" ? "auto" : "500px",
+        maxHeight: position === "inline" ? "600px" : "500px",
+        backgroundColor: "var(--ia-bg)",
+        borderRadius: "var(--ia-radius)",
+        border: "1px solid #e5e5e5",
+        fontFamily: "var(--ia-font)",
+        display: "flex",
+        flexDirection: "column",
+        overflow: "hidden",
+        boxShadow: position !== "inline" ? "0 4px 24px rgba(0,0,0,0.12)" : void 0
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "div",
+          {
+            style: {
+              padding: "16px",
+              borderBottom: "1px solid #e5e5e5",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SparklesIcon, { color: theme.primaryColor }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { fontWeight: 600, color: "var(--ia-text)" }, children: "InformedAI Assistant" })
+              ] }),
+              position !== "inline" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "button",
+                {
+                  onClick: () => setIsCollapsed(true),
+                  style: {
+                    background: "none",
+                    border: "none",
+                    cursor: "pointer",
+                    padding: "4px",
+                    color: "#737373"
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MinimizeIcon, {})
+                }
+              )
+            ]
+          }
+        ),
+        activeTask && documentType && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "div",
+          {
+            style: {
+              padding: "8px 16px",
+              backgroundColor: `${theme.primaryColor}15`,
+              borderBottom: "1px solid #e5e5e5",
+              fontSize: "13px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: "#737373" }, children: "Working on: " }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { fontWeight: 500, color: theme.primaryColor }, children: documentType.schema.fields[activeTask]?.label || activeTask })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "div",
+          {
+            style: {
+              flex: 1,
+              overflowY: "auto",
+              padding: "16px",
+              display: "flex",
+              flexDirection: "column",
+              gap: "12px"
+            },
+            children: [
+              session?.widgetMessages.map((msg) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                MessageBubble,
+                {
+                  message: msg,
+                  theme,
+                  onQuickAction: handleQuickAction
+                },
+                msg.id
+              )),
+              isStreaming && streamingContent && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                "div",
+                {
+                  style: {
+                    padding: "12px 16px",
+                    backgroundColor: "#f5f5f5",
+                    borderRadius: "12px",
+                    borderBottomLeftRadius: "4px",
+                    color: "var(--ia-text)",
+                    fontSize: "14px",
+                    lineHeight: 1.5,
+                    whiteSpace: "pre-wrap"
+                  },
+                  children: [
+                    streamingContent,
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { opacity: 0.5 }, children: "\u258A" })
+                  ]
+                }
+              ),
+              isStreaming && !streamingContent && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", color: "#737373" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LoadingSpinner, { size: 16 }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { fontSize: "14px" }, children: "Thinking..." })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref: messagesEndRef })
+            ]
+          }
+        ),
+        hasPendingValue && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "div",
+          {
+            style: {
+              padding: "12px 16px",
+              borderTop: "1px solid #e5e5e5",
+              backgroundColor: `${theme.primaryColor}10`,
+              display: "flex",
+              gap: "8px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "button",
+                {
+                  onClick: applyPendingValue,
+                  disabled: isStreaming,
+                  style: {
+                    flex: 1,
+                    padding: "10px 16px",
+                    backgroundColor: theme.primaryColor,
+                    color: "#fff",
+                    border: "none",
+                    borderRadius: "8px",
+                    fontWeight: 500,
+                    cursor: "pointer",
+                    fontSize: "14px",
+                    opacity: isStreaming ? 0.5 : 1
+                  },
+                  children: "Apply"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "button",
+                {
+                  onClick: skipTask,
+                  disabled: isStreaming,
+                  style: {
+                    padding: "10px 16px",
+                    backgroundColor: "transparent",
+                    color: "#737373",
+                    border: "1px solid #e5e5e5",
+                    borderRadius: "8px",
+                    fontWeight: 500,
+                    cursor: "pointer",
+                    fontSize: "14px",
+                    opacity: isStreaming ? 0.5 : 1
+                  },
+                  children: "Skip"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "form",
+          {
+            onSubmit: handleSubmit,
+            style: {
+              padding: "12px 16px",
+              borderTop: "1px solid #e5e5e5",
+              display: "flex",
+              gap: "8px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "input",
+                {
+                  type: "text",
+                  value: inputValue,
+                  onChange: (e) => setInputValue(e.target.value),
+                  placeholder: "Type a message...",
+                  disabled: isStreaming,
+                  style: {
+                    flex: 1,
+                    padding: "10px 14px",
+                    border: "1px solid #e5e5e5",
+                    borderRadius: "8px",
+                    fontSize: "14px",
+                    outline: "none",
+                    fontFamily: "inherit"
+                  }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "button",
+                {
+                  type: "submit",
+                  disabled: !inputValue.trim() || isStreaming,
+                  style: {
+                    padding: "10px 16px",
+                    backgroundColor: theme.primaryColor,
+                    color: "#fff",
+                    border: "none",
+                    borderRadius: "8px",
+                    fontWeight: 500,
+                    cursor: "pointer",
+                    fontSize: "14px",
+                    opacity: !inputValue.trim() || isStreaming ? 0.5 : 1
+                  },
+                  children: "Send"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function MessageBubble({ message, theme, onQuickAction }) {
+  const isUser = message.role === "user";
+  if (message.type === "quick_actions" && message.quickActions) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: message.quickActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        onClick: () => onQuickAction(action),
+        style: {
+          padding: "8px 14px",
+          backgroundColor: "#f5f5f5",
+          border: "1px solid #e5e5e5",
+          borderRadius: "20px",
+          fontSize: "13px",
+          cursor: "pointer",
+          color: theme.textColor,
+          transition: "all 0.15s"
+        },
+        onMouseOver: (e) => {
+          e.currentTarget.style.backgroundColor = `${theme.primaryColor}15`;
+          e.currentTarget.style.borderColor = theme.primaryColor;
+        },
+        onMouseOut: (e) => {
+          e.currentTarget.style.backgroundColor = "#f5f5f5";
+          e.currentTarget.style.borderColor = "#e5e5e5";
+        },
+        children: action.label
+      },
+      action.id
+    )) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: isUser ? "flex-end" : "flex-start"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "div",
+        {
+          style: {
+            maxWidth: "85%",
+            padding: "12px 16px",
+            backgroundColor: isUser ? theme.primaryColor : "#f5f5f5",
+            color: isUser ? "#fff" : theme.textColor,
+            borderRadius: "12px",
+            borderBottomRightRadius: isUser ? "4px" : "12px",
+            borderBottomLeftRadius: isUser ? "12px" : "4px",
+            fontSize: "14px",
+            lineHeight: 1.5,
+            whiteSpace: "pre-wrap"
+          },
+          children: message.content
+        }
+      )
+    }
+  );
+}
+function SparklesIcon({ color = "currentColor" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M19 13l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M5 17l1 2 2 1-2 1-1 2-1-2-2-1 2-1 1-2z" })
+  ] });
+}
+function ChatIcon({ color = "currentColor" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" }) });
+}
+function MinimizeIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M19 9l-7 7-7-7" }) });
+}
+function LoadingSpinner({ size = 20 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      style: { animation: "ia-spin 1s linear infinite" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("style", { children: `@keyframes ia-spin { to { transform: rotate(360deg); } }` }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "#e5e5e5", strokeWidth: "3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "path",
+          {
+            d: "M12 2a10 10 0 019.17 6",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/hooks/useSession.ts
+var import_react3 = require("react");
+function useSession(options) {
+  const { apiKey, apiUrl, documentId, sessionId, onSessionChange, onError } = options;
+  const [session, setSession] = (0, import_react3.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react3.useState)(true);
+  const [error, setError] = (0, import_react3.useState)(null);
+  const clientRef = (0, import_react3.useRef)(null);
+  const isStreamingRef = (0, import_react3.useRef)(false);
+  (0, import_react3.useEffect)(() => {
+    clientRef.current = new InformedAIClient(apiKey, apiUrl);
+  }, [apiKey, apiUrl]);
+  (0, import_react3.useEffect)(() => {
+    async function initialize() {
+      if (!clientRef.current) return;
+      try {
+        setIsLoading(true);
+        setError(null);
+        let sess;
+        if (sessionId) {
+          sess = await clientRef.current.getSession(sessionId);
+        } else {
+          sess = await clientRef.current.createSession(documentId);
+        }
+        setSession(sess);
+        onSessionChange?.(sess);
+      } catch (err) {
+        const error2 = err instanceof Error ? err : new Error("Failed to initialize session");
+        setError(error2);
+        onError?.(error2);
+      } finally {
+        setIsLoading(false);
+      }
+    }
+    initialize();
+  }, [documentId, sessionId, onSessionChange, onError]);
+  const handleSSEEvent = (0, import_react3.useCallback)((event) => {
+    if (event.type === "done" || event.type === "session_update") {
+      if (event.session) {
+        setSession(event.session);
+        onSessionChange?.(event.session);
+      }
+      isStreamingRef.current = false;
+    }
+    if (event.type === "error") {
+      const error2 = new Error(event.error || "Stream error");
+      setError(error2);
+      onError?.(error2);
+      isStreamingRef.current = false;
+    }
+  }, [onSessionChange, onError]);
+  const sendMessage = (0, import_react3.useCallback)(async (message) => {
+    if (!clientRef.current || !session || isStreamingRef.current) return;
+    try {
+      isStreamingRef.current = true;
+      setError(null);
+      await clientRef.current.sendMessage(session.id, message, handleSSEEvent);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to send message");
+      setError(error2);
+      onError?.(error2);
+      isStreamingRef.current = false;
+    }
+  }, [session, handleSSEEvent, onError]);
+  const sendQuickAction = (0, import_react3.useCallback)(async (action, payload) => {
+    if (!clientRef.current || !session || isStreamingRef.current) return;
+    try {
+      isStreamingRef.current = true;
+      setError(null);
+      const newSession = await clientRef.current.sendQuickAction(
+        session.id,
+        action,
+        payload,
+        handleSSEEvent
+      );
+      setSession(newSession);
+      onSessionChange?.(newSession);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to send quick action");
+      setError(error2);
+      onError?.(error2);
+    } finally {
+      isStreamingRef.current = false;
+    }
+  }, [session, handleSSEEvent, onSessionChange, onError]);
+  const applyPendingValue = (0, import_react3.useCallback)(async () => {
+    if (!clientRef.current || !session) return;
+    try {
+      setError(null);
+      const newSession = await clientRef.current.applyPendingValue(session.id);
+      setSession(newSession);
+      onSessionChange?.(newSession);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to apply value");
+      setError(error2);
+      onError?.(error2);
+    }
+  }, [session, onSessionChange, onError]);
+  const skipTask = (0, import_react3.useCallback)(async () => {
+    if (!clientRef.current || !session) return;
+    try {
+      setError(null);
+      const newSession = await clientRef.current.skipTask(session.id);
+      setSession(newSession);
+      onSessionChange?.(newSession);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to skip task");
+      setError(error2);
+      onError?.(error2);
+    }
+  }, [session, onSessionChange, onError]);
+  return {
+    session,
+    isLoading,
+    error,
+    sendMessage,
+    sendQuickAction,
+    applyPendingValue,
+    skipTask
+  };
+}
+
+// src/hooks/useDocument.ts
+var import_react4 = require("react");
+function useDocument(options) {
+  const { apiKey, apiUrl, documentId, onError } = options;
+  const [document, setDocument] = (0, import_react4.useState)(null);
+  const [documentType, setDocumentType] = (0, import_react4.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react4.useState)(true);
+  const [error, setError] = (0, import_react4.useState)(null);
+  const clientRef = (0, import_react4.useRef)(null);
+  (0, import_react4.useEffect)(() => {
+    clientRef.current = new InformedAIClient(apiKey, apiUrl);
+  }, [apiKey, apiUrl]);
+  const fetchDocument = (0, import_react4.useCallback)(async () => {
+    if (!clientRef.current) return;
+    try {
+      setIsLoading(true);
+      setError(null);
+      const doc = await clientRef.current.getDocument(documentId);
+      setDocument(doc);
+      const dt = await clientRef.current.getDocumentType(doc.documentTypeId);
+      setDocumentType(dt);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to fetch document");
+      setError(error2);
+      onError?.(error2);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [documentId, onError]);
+  (0, import_react4.useEffect)(() => {
+    fetchDocument();
+  }, [fetchDocument]);
+  const updateField = (0, import_react4.useCallback)(async (fieldName, value) => {
+    if (!clientRef.current || !document) return;
+    try {
+      setError(null);
+      const updatedDoc = await clientRef.current.updateDocumentField(document.id, fieldName, value);
+      setDocument(updatedDoc);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to update field");
+      setError(error2);
+      onError?.(error2);
+    }
+  }, [document, onError]);
+  const refetch = (0, import_react4.useCallback)(async () => {
+    await fetchDocument();
+  }, [fetchDocument]);
+  return {
+    document,
+    documentType,
+    isLoading,
+    error,
+    updateField,
+    refetch
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InformedAIClient,
+  InformedAIProvider,
+  InformedAssistant,
+  useDocument,
+  useInformedAI,
+  useSession
+});