@arbidocs/react 0.4.2 → 0.4.4

package/dist/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
 var chunkBXP6S34V_cjs = require('./chunk-BXP6S34V.cjs');
-var chunkOU2QLIKS_cjs = require('./chunk-OU2QLIKS.cjs');
+var chunkORKGCXG3_cjs = require('./chunk-ORKGCXG3.cjs');
 var chunkRZQACYNQ_cjs = require('./chunk-RZQACYNQ.cjs');
 var chunk7IOCMCC5_cjs = require('./chunk-7IOCMCC5.cjs');
 var React = require('react');
 var reactQuery = require('@tanstack/react-query');
+var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 var browser = require('@arbidocs/sdk/browser');
-var lucideReact = require('lucide-react');
 var client = require('@arbidocs/client');
 var zustand = require('zustand');
 var diff = require('diff');
@@ -25,566 +25,23 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
 var Cropper__default = /*#__PURE__*/_interopDefault(Cropper);
 
-// src/chat/styles.ts
-var DEFAULT_THEME = {
-  primaryColor: "#00adef",
-  backgroundColor: "#ffffff",
-  surfaceColor: "#f9fafb",
-  textColor: "#111827",
-  mutedColor: "#6b7280",
-  borderColor: "#e5e7eb",
-  userBubbleColor: "#f3f4f6",
-  userBubbleTextColor: "#111827",
-  assistantBubbleColor: "rgba(0, 173, 239, 0.08)",
-  assistantBubbleTextColor: "#111827",
-  borderRadius: "8px",
-  fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"
-};
-var DEFAULT_LABELS = {
-  title: "Chat",
-  email: "Email",
-  password: "Password",
-  loginButton: "Log in",
-  loginButtonLoading: "Logging in...",
-  registerButton: "Create account",
-  sendCodeButton: "Email me a code",
-  haveCodeButton: "I have an invitation code",
-  verificationCode: "Verification code",
-  confirmPassword: "Confirm password",
-  firstName: "First name",
-  lastName: "Last name",
-  switchToRegister: "Create account",
-  switchToLogin: "Back to login",
-  selectWorkspace: "Select a workspace",
-  workspacePlaceholder: "Choose...",
-  continueButton: "Continue",
-  createWorkspace: "Create new workspace",
-  workspaceName: "Workspace name",
-  createButton: "Create",
-  changeWorkspace: "Change workspace",
-  documents: "Documents",
-  sendButton: "Send",
-  placeholder: "Ask a question...",
-  uploadButton: "Upload",
-  uploading: "Uploading...",
-  emptyNoDocs: "No documents found in this workspace.",
-  emptyNoSelection: "Select at least one document to start chatting.",
-  emptyReady: "Ask a question about your documents."
-};
-function getTheme(partial) {
-  return { ...DEFAULT_THEME, ...partial };
-}
-function getLabels(partial) {
-  return { ...DEFAULT_LABELS, ...partial };
-}
-function containerStyle(theme, width, height) {
-  return {
-    width: typeof width === "number" ? `${width}px` : width,
-    height: typeof height === "number" ? `${height}px` : height,
-    display: "flex",
-    flexDirection: "column",
-    fontFamily: theme.fontFamily,
-    fontSize: "14px",
-    lineHeight: "1.5",
-    color: theme.textColor,
-    backgroundColor: theme.backgroundColor,
-    border: `1px solid ${theme.borderColor}`,
-    borderRadius: theme.borderRadius,
-    overflow: "hidden",
-    boxSizing: "border-box"
-  };
-}
-function headerStyle(theme) {
-  return {
-    display: "flex",
-    alignItems: "center",
-    padding: "12px 16px",
-    fontWeight: 600,
-    fontSize: "15px",
-    borderBottom: `1px solid ${theme.borderColor}`,
-    flexShrink: 0
-  };
-}
-function bodyStyle() {
-  return {
-    flex: 1,
-    display: "flex",
-    flexDirection: "column",
-    overflow: "hidden"
-  };
-}
-function formContainerStyle() {
-  return {
-    flex: 1,
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    padding: "24px 16px",
-    gap: "12px"
-  };
-}
-function labelStyle(theme) {
-  return {
-    fontSize: "13px",
-    fontWeight: 500,
-    color: theme.textColor,
-    marginBottom: "4px"
-  };
-}
-function inputStyle(theme) {
-  return {
-    width: "100%",
-    padding: "8px 12px",
-    fontSize: "14px",
-    fontFamily: theme.fontFamily,
-    color: theme.textColor,
-    backgroundColor: theme.backgroundColor,
-    border: `1px solid ${theme.borderColor}`,
-    borderRadius: "8px",
-    outline: "none",
-    boxSizing: "border-box"
-  };
-}
-function selectStyle(theme) {
-  return {
-    ...inputStyle(theme),
-    cursor: "pointer",
-    appearance: "auto"
-  };
-}
-function buttonStyle(theme, disabled) {
-  return {
-    padding: "8px 16px",
-    fontSize: "14px",
-    fontWeight: 500,
-    fontFamily: theme.fontFamily,
-    color: "#ffffff",
-    backgroundColor: disabled ? theme.mutedColor : theme.primaryColor,
-    border: "none",
-    borderRadius: "8px",
-    cursor: disabled ? "not-allowed" : "pointer",
-    opacity: disabled ? 0.6 : 1,
-    transition: "opacity 150ms"
-  };
-}
-function errorStyle() {
-  return {
-    fontSize: "13px",
-    color: "#ef4444",
-    margin: "4px 0 0"
-  };
-}
-function messagesContainerStyle() {
-  return {
-    flex: 1,
-    overflowY: "auto",
-    padding: "12px 16px",
-    display: "flex",
-    flexDirection: "column",
-    gap: "8px"
-  };
-}
-function messageBubbleStyle(theme, role) {
-  const isUser = role === "user";
-  return {
-    maxWidth: "85%",
-    padding: "8px 12px",
-    borderRadius: "12px",
-    fontSize: "14px",
-    lineHeight: "1.5",
-    wordBreak: "break-word",
-    whiteSpace: "pre-wrap",
-    alignSelf: isUser ? "flex-end" : "flex-start",
-    backgroundColor: isUser ? theme.userBubbleColor : theme.assistantBubbleColor,
-    color: isUser ? theme.userBubbleTextColor : theme.assistantBubbleTextColor
-  };
-}
-function inputBarStyle(theme) {
-  return {
-    display: "flex",
-    gap: "8px",
-    padding: "12px 16px",
-    borderTop: `1px solid ${theme.borderColor}`,
-    flexShrink: 0
-  };
-}
-function chatInputStyle(theme) {
-  return {
-    ...inputStyle(theme),
-    flex: 1
-  };
-}
-function sendButtonStyle(theme, disabled) {
-  return {
-    ...buttonStyle(theme, disabled),
-    padding: "8px 14px",
-    flexShrink: 0
-  };
-}
-function docSelectorStyle(theme) {
-  return {
-    padding: "8px 16px",
-    borderBottom: `1px solid ${theme.borderColor}`,
-    flexShrink: 0
-  };
-}
-function docToggleStyle(theme) {
-  return {
-    display: "flex",
-    alignItems: "center",
-    gap: "6px",
-    fontSize: "13px",
-    fontWeight: 500,
-    color: theme.mutedColor,
-    cursor: "pointer",
-    background: "none",
-    border: "none",
-    padding: 0,
-    fontFamily: theme.fontFamily
-  };
+// src/credits.ts
+var DEFAULT_USD_PER_CREDIT = 0.01;
+function formatCredits(credits, options = {}) {
+  const { unit = true, locale = "en-US" } = options;
+  const whole = Math.round(Number.isFinite(credits) ? credits : 0);
+  const digits = whole.toLocaleString(locale);
+  return unit ? `${digits} ${whole === 1 ? "credit" : "credits"}` : digits;
 }
-function docListStyle() {
-  return {
-    marginTop: "6px",
-    display: "flex",
-    flexDirection: "column",
-    gap: "4px",
-    maxHeight: "120px",
-    overflowY: "auto"
-  };
+function creditsToUsd(credits, usdPerCredit = DEFAULT_USD_PER_CREDIT) {
+  return credits * usdPerCredit;
 }
-function docItemStyle(theme) {
-  return {
-    display: "flex",
-    alignItems: "center",
-    gap: "6px",
-    fontSize: "13px",
-    color: theme.textColor,
-    cursor: "pointer",
-    textAlign: "left"
-  };
-}
-function emptyStateStyle(theme) {
-  return {
-    flex: 1,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    color: theme.mutedColor,
-    fontSize: "13px",
-    padding: "24px",
-    textAlign: "center"
-  };
-}
-function loadingContainerStyle() {
-  return {
-    flex: 1,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: "8px",
-    fontSize: "13px"
-  };
-}
-function brandingStyle(theme) {
-  return {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: "4px",
-    padding: "6px 16px",
-    fontSize: "11px",
-    color: theme.mutedColor,
-    borderTop: `1px solid ${theme.borderColor}`,
-    flexShrink: 0,
-    userSelect: "none"
-  };
-}
-function brandingLinkStyle(theme) {
-  return {
-    color: theme.mutedColor,
-    fontWeight: 600,
-    textDecoration: "none"
-  };
-}
-function linkButtonStyle(theme) {
-  return {
-    background: "none",
-    border: "none",
-    padding: 0,
-    fontSize: "13px",
-    color: theme.primaryColor,
-    cursor: "pointer",
-    fontFamily: theme.fontFamily,
-    textDecoration: "underline"
-  };
-}
-function secondaryButtonStyle(theme, disabled) {
-  return {
-    padding: "4px 10px",
-    fontSize: "12px",
-    fontWeight: 500,
-    fontFamily: theme.fontFamily,
-    color: disabled ? theme.mutedColor : theme.primaryColor,
-    backgroundColor: "transparent",
-    border: `1px solid ${disabled ? theme.borderColor : theme.primaryColor}`,
-    borderRadius: "6px",
-    cursor: disabled ? "not-allowed" : "pointer",
-    opacity: disabled ? 0.6 : 1,
-    transition: "opacity 150ms",
-    whiteSpace: "nowrap"
-  };
-}
-function fileInputStyle() {
-  return { display: "none" };
-}
-function agentStatusStyle(theme) {
-  return {
-    fontSize: "12px",
-    color: theme.mutedColor,
-    fontStyle: "italic",
-    padding: "4px 0",
-    alignSelf: "flex-start"
-  };
-}
-function AuthScreen({ theme, labels, onLogin }) {
-  const arbi = chunk7IOCMCC5_cjs.useArbi();
-  const [mode, setMode] = React.useState("login");
-  const [step, setStep] = React.useState("email");
-  const [email, setEmail] = React.useState("");
-  const [password, setPassword] = React.useState("");
-  const [confirmPw, setConfirmPw] = React.useState("");
-  const [code, setCode] = React.useState("");
-  const [firstName, setFirstName] = React.useState("");
-  const [lastName, setLastName] = React.useState("");
-  const [loading, setLoading] = React.useState(false);
-  const [error, setError] = React.useState("");
-  const resetForm = () => {
-    setPassword("");
-    setConfirmPw("");
-    setCode("");
-    setFirstName("");
-    setLastName("");
-    setError("");
-    setStep("email");
-  };
-  const switchMode = (next) => {
-    resetForm();
-    setMode(next);
-  };
-  const handleLogin = async (e) => {
-    e.preventDefault();
-    setLoading(true);
-    setError("");
-    try {
-      await arbi.login(email, password);
-      onLogin();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Login failed");
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleHaveCode = () => {
-    setError("");
-    setStep("verify");
-  };
-  const handleEmailCode = async () => {
-    if (!email) return;
-    setLoading(true);
-    setError("");
-    try {
-      await arbi.requestVerification(email);
-      setStep("verify");
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to send verification code");
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleRegister = async (e) => {
-    e.preventDefault();
-    if (password !== confirmPw) {
-      setError("Passwords do not match");
-      return;
-    }
-    setLoading(true);
-    setError("");
-    try {
-      await arbi.register({ email, password, verificationCode: code, firstName, lastName });
-      await arbi.login(email, password);
-      onLogin();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Registration failed");
-    } finally {
-      setLoading(false);
-    }
-  };
-  if (mode === "login") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleLogin, style: formContainerStyle(), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: labelStyle(theme), children: labels.email }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "email",
-            value: email,
-            onChange: (e) => setEmail(e.target.value),
-            placeholder: "you@example.com",
-            autoComplete: "email",
-            required: true,
-            style: inputStyle(theme)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: labelStyle(theme), children: labels.password }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "password",
-            value: password,
-            onChange: (e) => setPassword(e.target.value),
-            autoComplete: "current-password",
-            required: true,
-            style: inputStyle(theme)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", disabled: loading, style: buttonStyle(theme, loading), children: loading ? labels.loginButtonLoading : labels.loginButton }),
-      error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorStyle(), children: error }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => switchMode("register"),
-          style: linkButtonStyle(theme),
-          children: labels.switchToRegister
-        }
-      ) })
-    ] });
-  }
-  if (step === "email") {
-    const noEmail = !email.trim();
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: formContainerStyle(), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: labelStyle(theme), children: labels.email }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "email",
-            value: email,
-            onChange: (e) => setEmail(e.target.value),
-            placeholder: "you@example.com",
-            autoComplete: "email",
-            style: inputStyle(theme)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: handleHaveCode,
-            disabled: noEmail,
-            style: { ...buttonStyle(theme, noEmail), flex: 1 },
-            children: labels.haveCodeButton
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: handleEmailCode,
-            disabled: noEmail || loading,
-            style: { ...buttonStyle(theme, noEmail || loading), flex: 1 },
-            children: loading ? "..." : labels.sendCodeButton
-          }
-        )
-      ] }),
-      error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorStyle(), children: error }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => switchMode("login"), style: linkButtonStyle(theme), children: labels.switchToLogin }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleRegister, style: formContainerStyle(), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: labelStyle(theme), children: labels.firstName }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "text",
-            value: firstName,
-            onChange: (e) => setFirstName(e.target.value),
-            autoComplete: "given-name",
-            required: true,
-            style: inputStyle(theme)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: labelStyle(theme), children: labels.lastName }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "text",
-            value: lastName,
-            onChange: (e) => setLastName(e.target.value),
-            autoComplete: "family-name",
-            required: true,
-            style: inputStyle(theme)
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: labelStyle(theme), children: labels.verificationCode }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "text",
-          value: code,
-          onChange: (e) => setCode(e.target.value),
-          autoComplete: "one-time-code",
-          required: true,
-          style: inputStyle(theme)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: labelStyle(theme), children: labels.password }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "password",
-          value: password,
-          onChange: (e) => setPassword(e.target.value),
-          autoComplete: "new-password",
-          required: true,
-          style: inputStyle(theme)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: labelStyle(theme), children: labels.confirmPassword }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "password",
-          value: confirmPw,
-          onChange: (e) => setConfirmPw(e.target.value),
-          autoComplete: "new-password",
-          required: true,
-          style: inputStyle(theme)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", disabled: loading, style: buttonStyle(theme, loading), children: loading ? "..." : labels.registerButton }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorStyle(), children: error }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => switchMode("login"), style: linkButtonStyle(theme), children: labels.switchToLogin }) })
-  ] });
+function isUsageMetered(usage, subscription) {
+  const empty = usage.total_spend === 0 && usage.total_tokens === 0 && usage.total_requests === 0;
+  return !(empty && subscription === "dev");
 }
+
+// src/hooks.ts
 var arbiQueryKeys = {
   workspaces: () => ["arbi", "workspaces"],
   documents: (workspaceId) => ["arbi", "documents", workspaceId],
@@ -602,7 +59,14 @@ var arbiQueryKeys = {
   projects: () => ["arbi", "projects"],
   projectUsage: (projectExtId, monthsBack) => ["arbi", "projectUsage", projectExtId, monthsBack],
   projectInvoices: (projectExtId) => ["arbi", "projectInvoices", projectExtId],
-  userUsageToday: () => ["arbi", "userUsageToday"]
+  userUsageToday: () => ["arbi", "userUsageToday"],
+  contacts: () => ["arbi", "contacts"],
+  skills: () => ["arbi", "skills"],
+  taskRuns: (taskId) => ["arbi", "taskRuns", taskId],
+  /** An agent's pinned config; `undefined` = the library default config. */
+  agentConfig: (agentExtId) => ["arbi", "agentConfig", agentExtId ?? "default"],
+  agentWorkspaces: (agentExtId) => ["arbi", "agentWorkspaces", agentExtId],
+  models: () => ["arbi", "models"]
 };
 function useWorkspaces(options) {
   const arbi = chunk7IOCMCC5_cjs.useArbi();
@@ -731,15 +195,20 @@ function useProjects(options) {
 }
 function useProjectUsage(projectExtId, monthsBack = 0, options) {
   const arbi = chunk7IOCMCC5_cjs.useArbi();
-  return reactQuery.useQuery({
+  const usage = reactQuery.useQuery({
     queryKey: arbiQueryKeys.projectUsage(projectExtId ?? "", monthsBack),
     queryFn: () => arbi.projects.usage(projectExtId, monthsBack),
     enabled: (options?.enabled ?? true) && !!projectExtId && arbi.isLoggedIn
   });
+  const projects = useProjects({ enabled: !!projectExtId && (options?.enabled ?? true) });
+  const subscription = projects.data?.find((p) => p.external_id === projectExtId)?.subscription;
+  const metered = usage.data ? isUsageMetered(usage.data, subscription) : void 0;
+  return { ...usage, metered };
 }
 function useProjectsUsage(projectExtIds, monthsBack = 0, options) {
   const arbi = chunk7IOCMCC5_cjs.useArbi();
   const enabled = (options?.enabled ?? true) && arbi.isLoggedIn;
+  const projects = useProjects({ enabled: enabled && projectExtIds.length > 0 });
   const results = reactQuery.useQueries({
     queries: projectExtIds.map((id) => ({
       queryKey: arbiQueryKeys.projectUsage(id, monthsBack),
@@ -747,27 +216,34 @@ function useProjectsUsage(projectExtIds, monthsBack = 0, options) {
       enabled: enabled && !!id
     }))
   });
-  const signature = results.map((r) => `${r.status}:${r.dataUpdatedAt ?? 0}`).join("|");
+  const signature = results.map((r) => `${r.status}:${r.dataUpdatedAt ?? 0}`).join("|") + `#${projects.dataUpdatedAt}`;
   return React.useMemo(() => {
     const dailyMap = /* @__PURE__ */ new Map();
     const modelMap = /* @__PURE__ */ new Map();
-    let totalSpend = 0;
+    let totalCredits = 0;
+    let anyData = false;
+    let anyMetered = false;
     let totalTokens = 0;
     let totalRequests = 0;
-    for (const r of results) {
+    results.forEach((r, i) => {
       const d = r.data;
-      if (!d) continue;
-      totalSpend += d.total_spend ?? 0;
+      if (!d) return;
+      anyData = true;
+      const subscription = projects.data?.find(
+        (p) => p.external_id === projectExtIds[i]
+      )?.subscription;
+      if (isUsageMetered(d, subscription)) anyMetered = true;
+      totalCredits += d.total_spend ?? 0;
       totalTokens += d.total_tokens ?? 0;
       totalRequests += d.total_requests ?? 0;
       for (const day of d.daily ?? []) {
         const cur = dailyMap.get(day.date) ?? {
           date: day.date,
-          spend: 0,
+          credits: 0,
           totalTokens: 0,
           apiRequests: 0
         };
-        cur.spend += day.spend ?? 0;
+        cur.credits += day.spend ?? 0;
         cur.totalTokens += day.total_tokens ?? 0;
         cur.apiRequests += day.api_requests ?? 0;
         dailyMap.set(day.date, cur);
@@ -775,567 +251,264 @@ function useProjectsUsage(projectExtIds, monthsBack = 0, options) {
       for (const [model, mg] of Object.entries(d.model_groups ?? {})) {
         const cur = modelMap.get(model) ?? {
           model,
-          spend: 0,
+          credits: 0,
           totalTokens: 0,
           promptTokens: 0,
           completionTokens: 0,
           successfulRequests: 0
         };
-        cur.spend += mg.spend ?? 0;
+        cur.credits += mg.spend ?? 0;
         cur.totalTokens += mg.total_tokens ?? 0;
         cur.promptTokens += mg.prompt_tokens ?? 0;
         cur.completionTokens += mg.completion_tokens ?? 0;
         cur.successfulRequests += mg.successful_requests ?? 0;
         modelMap.set(model, cur);
       }
-    }
+    });
     return {
-      totalSpend,
+      totalCredits,
       totalTokens,
       totalRequests,
-      daily: [...dailyMap.values()].sort((a, b) => a.date.localeCompare(b.date)),
-      modelGroups: [...modelMap.values()].sort(
-        (a, b) => b.spend - a.spend || b.totalTokens - a.totalTokens
-      ),
-      isLoading: results.some((r) => r.isLoading),
-      isError: results.some((r) => r.isError)
-    };
-  }, [signature]);
-}
-function useProjectInvoices(projectExtId, options) {
-  const arbi = chunk7IOCMCC5_cjs.useArbi();
-  return reactQuery.useQuery({
-    queryKey: arbiQueryKeys.projectInvoices(projectExtId ?? ""),
-    queryFn: () => arbi.projects.invoices(projectExtId),
-    enabled: (options?.enabled ?? true) && !!projectExtId && arbi.isLoggedIn
-  });
-}
-function useUserUsageToday(options) {
-  const arbi = chunk7IOCMCC5_cjs.useArbi();
-  return reactQuery.useQuery({
-    queryKey: arbiQueryKeys.userUsageToday(),
-    queryFn: () => arbi.user.usageToday(),
-    enabled: options?.enabled ?? arbi.isLoggedIn
-  });
-}
-function WorkspaceScreen({ theme, labels, onSelect }) {
-  const arbi = chunk7IOCMCC5_cjs.useArbi();
-  const { data: workspaces, isLoading } = useWorkspaces();
-  const [mode, setMode] = React.useState("select");
-  const [selected, setSelected] = React.useState("");
-  const [newName, setNewName] = React.useState("");
-  const [loading, setLoading] = React.useState(false);
-  const [error, setError] = React.useState("");
-  if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: loadingContainerStyle(), children: "Loading workspaces..." });
-  }
-  const handleConfirm = async () => {
-    if (!selected) return;
-    setLoading(true);
-    setError("");
-    try {
-      await arbi.selectWorkspace(selected);
-      onSelect(selected);
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to select workspace");
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleCreate = async () => {
-    const name = newName.trim();
-    if (!name) return;
-    setLoading(true);
-    setError("");
-    try {
-      const projects = await arbi.projects.list();
-      const projectExtId = projects[0]?.external_id;
-      if (!projectExtId) {
-        throw new Error("No project available; create one before adding a workspace");
-      }
-      const ws = await arbi.workspaces.create(name, projectExtId);
-      await arbi.selectWorkspace(ws.external_id);
-      onSelect(ws.external_id);
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to create workspace");
-    } finally {
-      setLoading(false);
-    }
-  };
-  if (mode === "create") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: formContainerStyle(), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: labelStyle(theme), children: labels.workspaceName }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "text",
-            value: newName,
-            onChange: (e) => setNewName(e.target.value),
-            disabled: loading,
-            style: inputStyle(theme)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: handleCreate,
-          disabled: !newName.trim() || loading,
-          style: buttonStyle(theme, !newName.trim() || loading),
-          children: loading ? "..." : labels.createButton
-        }
-      ),
-      error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorStyle(), children: error }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            setError("");
-            setMode("select");
-          },
-          style: linkButtonStyle(theme),
-          children: "or select existing"
-        }
-      ) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: formContainerStyle(), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: labelStyle(theme), children: labels.selectWorkspace }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "select",
-        {
-          value: selected,
-          onChange: (e) => setSelected(e.target.value),
-          disabled: loading,
-          style: selectStyle(theme),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: labels.workspacePlaceholder }),
-            workspaces?.map((ws) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: ws.external_id, children: ws.name }, ws.external_id))
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: handleConfirm,
-        disabled: !selected || loading,
-        style: buttonStyle(theme, !selected || loading),
-        children: loading ? "Connecting..." : labels.continueButton
-      }
-    ),
-    error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorStyle(), children: error }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          setError("");
-          setMode("create");
-        },
-        style: linkButtonStyle(theme),
-        children: labels.createWorkspace
-      }
-    ) })
-  ] });
-}
-var CITE_RE = /\[([^\]]+)\]\(#cite-(\d+)\)/g;
-function MessageBubble({ message, theme }) {
-  const [expandedCite, setExpandedCite] = React.useState(null);
-  const hasCitations = message.role === "assistant" && message.metadata && CITE_RE.test(message.text);
-  CITE_RE.lastIndex = 0;
-  const resolved = hasCitations ? browser.resolveCitations(message.metadata) : [];
-  const summaries = hasCitations ? browser.summarizeCitations(resolved) : [];
-  const summaryMap = new Map(summaries.map((s) => [s.citationNum, s]));
-  const activeSummary = expandedCite ? summaryMap.get(expandedCite) : null;
-  const activeResolved = expandedCite ? resolved.find((r) => r.citationNum === expandedCite) : null;
-  const markdownComponents = React.useMemo(
-    () => ({
-      a: ({ href, children, ...props }) => {
-        if (href?.startsWith("#cite-")) {
-          const num = href.slice("#cite-".length);
-          return /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            children,
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "sup",
-              {
-                onClick: (e) => {
-                  e.stopPropagation();
-                  setExpandedCite((prev) => prev === num ? null : num);
-                },
-                style: citeSupStyle(theme),
-                title: `Citation ${num}`,
-                children: num
-              }
-            )
-          ] });
-        }
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "a",
-          {
-            href,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            style: { color: theme.primaryColor },
-            ...props,
-            children
-          }
-        );
-      }
-    }),
-    [theme]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: messageBubbleStyle(theme, message.role), children: /* @__PURE__ */ jsxRuntime.jsx(chunkOU2QLIKS_cjs.MarkdownRenderer, { components: markdownComponents, children: message.text }) }),
-    activeSummary && activeResolved && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: citePanelStyle(theme), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: citePanelHeaderStyle(theme), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
-          "[",
-          activeSummary.citationNum,
-          "]"
-        ] }),
-        " ",
-        activeSummary.docTitle,
-        activeSummary.pageNumber != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: theme.mutedColor }, children: [
-          " p.",
-          activeSummary.pageNumber
-        ] })
-      ] }),
-      activeResolved.chunks.map((chunk, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: citeChunkStyle(theme), children: chunk.content }, i))
-    ] })
-  ] });
-}
-function citeSupStyle(theme) {
-  return {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    fontSize: "10px",
-    fontWeight: 600,
-    color: theme.primaryColor,
-    cursor: "pointer",
-    marginLeft: "1px",
-    minWidth: "14px",
-    lineHeight: 1
-  };
-}
-function citePanelStyle(theme) {
-  return {
-    marginTop: "4px",
-    padding: "8px 10px",
-    fontSize: "12px",
-    lineHeight: "1.5",
-    backgroundColor: theme.surfaceColor,
-    border: `1px solid ${theme.borderColor}`,
-    borderRadius: "8px",
-    maxWidth: "85%"
-  };
-}
-function citePanelHeaderStyle(theme) {
-  return {
-    fontSize: "12px",
-    fontWeight: 500,
-    color: theme.textColor,
-    marginBottom: "4px"
-  };
-}
-function citeChunkStyle(theme) {
-  return {
-    fontSize: "11px",
-    color: theme.mutedColor,
-    borderLeft: `2px solid ${theme.borderColor}`,
-    paddingLeft: "8px",
-    marginTop: "4px",
-    whiteSpace: "pre-wrap",
-    wordBreak: "break-word"
-  };
-}
-function ChatView({ workspaceId, theme, labels }) {
-  const arbi = chunk7IOCMCC5_cjs.useArbi();
-  const { data: docs, refetch: refetchDocs } = useDocuments(workspaceId);
-  const mutation = useAssistantQuery();
-  const [messages, setMessages] = React.useState([]);
-  const [input, setInput] = React.useState("");
-  const [streaming, setStreaming] = React.useState("");
-  const [agentStatus, setAgentStatus] = React.useState("");
-  const [selectedDocs, setSelectedDocs] = React.useState([]);
-  const [docsExpanded, setDocsExpanded] = React.useState(false);
-  const [previousResponseId, setPreviousResponseId] = React.useState(null);
-  const [uploading, setUploading] = React.useState(false);
-  const messagesEndRef = React.useRef(null);
-  const fileInputRef = React.useRef(null);
-  React.useEffect(() => {
-    if (docs && docs.length > 0 && selectedDocs.length === 0) {
-      setSelectedDocs(docs.map((d) => d.external_id));
-    }
-  }, [docs, selectedDocs.length]);
-  React.useEffect(() => {
-    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
-  }, [messages, streaming, agentStatus]);
-  const toggleDoc = (docId) => {
-    setSelectedDocs(
-      (prev) => prev.includes(docId) ? prev.filter((id) => id !== docId) : [...prev, docId]
-    );
-  };
-  const handleUpload = React.useCallback(
-    async (e) => {
-      const files = e.target.files;
-      if (!files || files.length === 0) return;
-      setUploading(true);
-      try {
-        const newIds = [];
-        for (const file of Array.from(files)) {
-          const result = await arbi.documents.uploadFile(file, file.name);
-          if (result.doc_ext_ids) newIds.push(...result.doc_ext_ids);
-        }
-        await refetchDocs();
-        setSelectedDocs((prev) => [...prev, ...newIds]);
-      } catch {
-      } finally {
-        setUploading(false);
-        if (fileInputRef.current) fileInputRef.current.value = "";
-      }
-    },
-    [arbi, refetchDocs]
-  );
-  const handleSubmit = React.useCallback(
-    (e) => {
-      e.preventDefault();
-      const question = input.trim();
-      if (!question || selectedDocs.length === 0 || mutation.isPending) return;
-      setMessages((prev) => [...prev, { role: "user", text: question }]);
-      setInput("");
-      setStreaming("");
-      setAgentStatus("");
-      mutation.mutate(
-        {
-          question,
-          docIds: selectedDocs,
-          previousResponseId,
-          onToken: (t) => setStreaming((prev) => prev + t),
-          onOutputItemDone: (ev) => {
-            const item = ev.item;
-            if (item.type === "function_call" || item.type === "reasoning") {
-              setAgentStatus(item.arbi?.focus || item.arbi?.label || "");
-            }
-          }
-        },
-        {
-          onSuccess: (result) => {
-            setStreaming("");
-            setAgentStatus("");
-            setMessages((prev) => [
-              ...prev,
-              { role: "assistant", text: result.text, metadata: result.metadata }
-            ]);
-            setPreviousResponseId(result.assistantMessageExtId);
-          },
-          onError: (err) => {
-            setStreaming("");
-            setAgentStatus("");
-            setMessages((prev) => [...prev, { role: "assistant", text: `Error: ${err.message}` }]);
-          }
-        }
-      );
-    },
-    [input, selectedDocs, previousResponseId, mutation]
-  );
-  const noDocs = !docs || docs.length === 0;
-  const noDocsSelected = selectedDocs.length === 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref: fileInputRef,
-        type: "file",
-        multiple: true,
-        accept: ".pdf,.txt,.md,.html,.doc,.docx,.rtf,.ppt,.pptx,.xls,.xlsx",
-        onChange: handleUpload,
-        style: fileInputStyle()
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: docSelectorStyle(theme), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => setDocsExpanded((prev) => !prev),
-            style: docToggleStyle(theme),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "10px" }, children: docsExpanded ? "\u25BC" : "\u25B6" }),
-              labels.documents,
-              " (",
-              selectedDocs.length,
-              "/",
-              docs?.length ?? 0,
-              " in chat)"
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => fileInputRef.current?.click(),
-            disabled: uploading,
-            style: secondaryButtonStyle(theme, uploading),
-            children: uploading ? labels.uploading : labels.uploadButton
-          }
-        )
-      ] }),
-      docsExpanded && docs && docs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: docListStyle(), children: docs.map((doc) => /* @__PURE__ */ jsxRuntime.jsxs("label", { style: docItemStyle(theme), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: selectedDocs.includes(doc.external_id),
-            onChange: () => toggleDoc(doc.external_id)
-          }
-        ),
-        doc.file_name
-      ] }, doc.external_id)) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: messagesContainerStyle(), children: [
-      messages.length === 0 && !streaming && /* @__PURE__ */ jsxRuntime.jsx("div", { style: emptyStateStyle(theme), children: noDocs ? labels.emptyNoDocs : noDocsSelected ? labels.emptyNoSelection : labels.emptyReady }),
-      messages.map((msg, i) => /* @__PURE__ */ jsxRuntime.jsx(MessageBubble, { message: msg, theme }, i)),
-      agentStatus && !streaming && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: agentStatusStyle(theme), children: [
-        agentStatus,
-        "..."
-      ] }),
-      streaming && /* @__PURE__ */ jsxRuntime.jsx(MessageBubble, { message: { role: "assistant", text: streaming }, theme }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { ref: messagesEndRef })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, style: inputBarStyle(theme), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "text",
-          value: input,
-          onChange: (e) => setInput(e.target.value),
-          placeholder: noDocs || noDocsSelected ? "Select documents first..." : labels.placeholder,
-          disabled: noDocs || noDocsSelected || mutation.isPending,
-          style: chatInputStyle(theme)
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "submit",
-          disabled: !input.trim() || noDocsSelected || mutation.isPending,
-          style: sendButtonStyle(theme, !input.trim() || noDocsSelected || mutation.isPending),
-          children: mutation.isPending ? "..." : labels.sendButton
-        }
-      )
-    ] })
-  ] });
+      daily: [...dailyMap.values()].sort((a, b) => a.date.localeCompare(b.date)),
+      modelGroups: [...modelMap.values()].sort(
+        (a, b) => b.credits - a.credits || b.totalTokens - a.totalTokens
+      ),
+      metered: !anyData || anyMetered,
+      isLoading: results.some((r) => r.isLoading),
+      isError: results.some((r) => r.isError)
+    };
+  }, [signature]);
 }
-function ChatWidget({ theme, labels, initialWorkspaceId, width, height }) {
+function useProjectInvoices(projectExtId, options) {
   const arbi = chunk7IOCMCC5_cjs.useArbi();
-  const [screen, setScreen] = React.useState("auth");
-  const [workspaceId, setWorkspaceId] = React.useState(initialWorkspaceId);
-  const resolveWorkspace = React.useCallback(async () => {
-    if (initialWorkspaceId) {
-      try {
-        await arbi.selectWorkspace(initialWorkspaceId);
-        setScreen("chat");
-        return;
-      } catch {
-        setScreen("workspace");
-        return;
-      }
-    }
-    setScreen("workspace");
-  }, [arbi, initialWorkspaceId]);
-  const handleLogin = React.useCallback(() => resolveWorkspace(), [resolveWorkspace]);
+  return reactQuery.useQuery({
+    queryKey: arbiQueryKeys.projectInvoices(projectExtId ?? ""),
+    queryFn: () => arbi.projects.invoices(projectExtId),
+    enabled: (options?.enabled ?? true) && !!projectExtId && arbi.isLoggedIn
+  });
+}
+function useUserUsageToday(options) {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  return reactQuery.useQuery({
+    queryKey: arbiQueryKeys.userUsageToday(),
+    queryFn: () => arbi.user.usageToday(),
+    enabled: options?.enabled ?? arbi.isLoggedIn
+  });
+}
+
+// src/chat/useArbiChat.ts
+var counter = 0;
+var nextId = (prefix) => `${prefix}-${Date.now().toString(36)}-${(counter++).toString(36)}`;
+var emptyThread = () => ({
+  id: nextId("thread"),
+  title: "",
+  messages: [],
+  responseId: null
+});
+function titleFromQuestion(question, maxLength = 48) {
+  const flat = question.replace(/\s+/g, " ").trim();
+  if (flat.length <= maxLength) return flat;
+  const cut = flat.slice(0, maxLength);
+  const lastSpace = cut.lastIndexOf(" ");
+  const words = lastSpace > maxLength / 2 ? cut.slice(0, lastSpace) : cut;
+  return `${words.replace(/[\s,;:.\-–—]+$/, "")}\u2026`;
+}
+var messageOf = (e, fallback) => e instanceof Error ? e.message : fallback;
+function useArbiChat(options = {}) {
+  const { workspaceId, model, titleLength = 48 } = options;
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  const { data: docs = [], isLoading: isLoadingDocuments, refetch } = useDocuments(workspaceId);
+  const query = useAssistantQuery();
+  const { mutateAsync } = query;
+  const [threads, setThreads] = React.useState(() => [emptyThread()]);
+  const [activeId, setActiveId] = React.useState(() => threads[0].id);
+  const [deselected, setDeselected] = React.useState(/* @__PURE__ */ new Set());
+  const [isRunning, setIsRunning] = React.useState(false);
+  const [isUploading, setIsUploading] = React.useState(false);
+  const [uploadError, setUploadError] = React.useState(null);
+  const scopeRef = React.useRef(workspaceId);
   React.useEffect(() => {
-    if (arbi.isLoggedIn) void resolveWorkspace();
-  }, [arbi, resolveWorkspace]);
-  const handleWorkspaceSelect = React.useCallback((id) => {
-    setWorkspaceId(id);
-    setScreen("chat");
-  }, []);
-  const handleChangeWorkspace = React.useCallback(() => {
-    setScreen("workspace");
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle(theme, width, height), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { ...headerStyle(theme), justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: labels.title }),
-      screen === "chat" && !initialWorkspaceId && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: handleChangeWorkspace, style: linkButtonStyle(theme), children: labels.changeWorkspace })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: bodyStyle(), children: [
-      screen === "auth" && /* @__PURE__ */ jsxRuntime.jsx(AuthScreen, { theme, labels, onLogin: handleLogin }),
-      screen === "workspace" && /* @__PURE__ */ jsxRuntime.jsx(WorkspaceScreen, { theme, labels, onSelect: handleWorkspaceSelect }),
-      screen === "chat" && workspaceId && /* @__PURE__ */ jsxRuntime.jsx(ChatView, { workspaceId, theme, labels })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: brandingStyle(theme), children: [
-      "Powered by",
-      " ",
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
-        {
-          href: "https://www.arbidocs.com",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          style: brandingLinkStyle(theme),
-          children: "ARBI"
+    if (scopeRef.current === workspaceId) return;
+    scopeRef.current = workspaceId;
+    const fresh = emptyThread();
+    setThreads([fresh]);
+    setActiveId(fresh.id);
+    setDeselected(/* @__PURE__ */ new Set());
+    setUploadError(null);
+  }, [workspaceId]);
+  const active = threads.find((t) => t.id === activeId) ?? threads[0];
+  const selectedIds = React.useMemo(
+    () => docs.map((d) => d.external_id).filter((id) => !!id && !deselected.has(id)),
+    [docs, deselected]
+  );
+  const documents = React.useMemo(
+    () => docs.filter((d) => !!d.external_id).map((d) => ({
+      id: d.external_id,
+      name: d.file_name ?? d.external_id,
+      isSelected: !deselected.has(d.external_id)
+    })),
+    [docs, deselected]
+  );
+  const patchThread = React.useCallback(
+    (id, patch) => setThreads((all) => all.map((t) => t.id === id ? patch(t) : t)),
+    []
+  );
+  const patchMessage = React.useCallback(
+    (threadId, messageId, patch) => patchThread(threadId, (t) => ({
+      ...t,
+      messages: t.messages.map((m) => m.id === messageId ? { ...m, ...patch } : m)
+    })),
+    [patchThread]
+  );
+  const ask = React.useCallback(
+    async (thread, text) => {
+      const userMessage = {
+        id: nextId("msg"),
+        role: "user",
+        content: text,
+        status: "complete"
+      };
+      const answer = {
+        id: nextId("msg"),
+        role: "assistant",
+        content: "",
+        status: "streaming"
+      };
+      patchThread(thread.id, (t) => ({
+        ...t,
+        title: t.title || titleFromQuestion(text, titleLength),
+        messages: [...t.messages, userMessage, answer]
+      }));
+      setIsRunning(true);
+      let buffer = "";
+      let steps = 0;
+      let streamError = null;
+      try {
+        const result = await mutateAsync({
+          question: text,
+          docIds: selectedIds,
+          previousResponseId: thread.responseId,
+          model,
+          onToken: (token) => {
+            buffer += token;
+            patchMessage(thread.id, answer.id, { content: buffer });
+          },
+          onOutputItemDone: (ev) => {
+            const type = ev.item.type;
+            if (type === "function_call" || type === "reasoning") {
+              steps += 1;
+              patchMessage(thread.id, answer.id, { stepCount: steps });
+            }
+          },
+          onError: (message) => {
+            streamError = message;
+          }
+        });
+        const finalText = result.text || buffer;
+        const failure = streamError || result.errors[0] || null;
+        if (failure && !finalText) {
+          patchMessage(thread.id, answer.id, { status: "error", error: failure });
+        } else {
+          patchMessage(thread.id, answer.id, {
+            status: "complete",
+            content: finalText,
+            stepCount: result.agentSteps.length || steps || void 0
+          });
+          patchThread(thread.id, (t) => ({
+            ...t,
+            responseId: result.assistantMessageExtId ?? t.responseId
+          }));
         }
-      )
-    ] })
-  ] });
-}
-function ArbiChatPanel({
-  workspaceId,
-  theme: themeOverrides,
-  labels: labelOverrides,
-  width = "100%",
-  height = "100%"
-}) {
-  const theme = React.useMemo(() => getTheme(themeOverrides), [themeOverrides]);
-  const labels = React.useMemo(() => getLabels(labelOverrides), [labelOverrides]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ChatWidget,
-    {
-      theme,
-      labels,
-      initialWorkspaceId: workspaceId,
-      width,
-      height
-    }
+      } catch (e) {
+        patchMessage(thread.id, answer.id, {
+          status: "error",
+          error: messageOf(e, "The assistant request failed.")
+        });
+      } finally {
+        setIsRunning(false);
+      }
+    },
+    [mutateAsync, patchMessage, patchThread, selectedIds, model, titleLength]
   );
-}
-function ArbiChat({
-  url,
-  workspaceId,
-  theme: themeOverrides,
-  labels: labelOverrides,
-  width = "400px",
-  height = "600px"
-}) {
-  const queryClient = React.useMemo(
-    () => new reactQuery.QueryClient({
-      defaultOptions: {
-        queries: { retry: 1, refetchOnWindowFocus: false },
-        mutations: { retry: false }
+  const send = React.useCallback(
+    async (text) => {
+      const trimmed = text.trim();
+      if (!trimmed || isRunning) return;
+      await ask(active, trimmed);
+    },
+    [active, ask, isRunning]
+  );
+  const lastMessage = active.messages[active.messages.length - 1];
+  const error = lastMessage?.status === "error" ? lastMessage.error ?? null : null;
+  const retry = React.useCallback(async () => {
+    if (isRunning) return;
+    const messages = active.messages;
+    const failed = messages[messages.length - 1];
+    const question = messages[messages.length - 2];
+    if (failed?.status !== "error" || question?.role !== "user") return;
+    const trimmed = { ...active, messages: messages.slice(0, -2) };
+    patchThread(active.id, () => trimmed);
+    await ask(trimmed, question.content);
+  }, [active, ask, isRunning, patchThread]);
+  const newThread = React.useCallback(() => {
+    if (active.messages.length === 0) return;
+    const fresh = emptyThread();
+    setThreads((all) => [fresh, ...all]);
+    setActiveId(fresh.id);
+  }, [active.messages.length]);
+  const deleteThread = React.useCallback(
+    (id) => {
+      const rest = threads.filter((t) => t.id !== id);
+      const next = rest.length > 0 ? rest : [emptyThread()];
+      setThreads(next);
+      if (id === activeId) setActiveId(next[0].id);
+    },
+    [threads, activeId]
+  );
+  const toggleDocument = React.useCallback((id) => {
+    setDeselected((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  }, []);
+  const selectAllDocuments = React.useCallback(() => setDeselected(/* @__PURE__ */ new Set()), []);
+  const upload = React.useCallback(
+    async (files) => {
+      if (files.length === 0) return;
+      setIsUploading(true);
+      setUploadError(null);
+      try {
+        for (const file of files) await arbi.documents.uploadFile(file, file.name);
+        await refetch();
+      } catch (e) {
+        setUploadError(messageOf(e, "The upload failed."));
+      } finally {
+        setIsUploading(false);
       }
-    }),
-    []
+    },
+    [arbi, refetch]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(chunk7IOCMCC5_cjs.ArbiProvider, { url, children: /* @__PURE__ */ jsxRuntime.jsx(
-    ArbiChatPanel,
-    {
-      workspaceId,
-      theme: themeOverrides,
-      labels: labelOverrides,
-      width,
-      height
-    }
-  ) }) });
+  return {
+    threads: threads.map(({ id, title }) => ({ id, title })),
+    activeThreadId: active.id,
+    messages: active.messages,
+    isRunning,
+    error,
+    documents,
+    isLoadingDocuments,
+    isUploading,
+    uploadError,
+    send,
+    retry,
+    selectThread: setActiveId,
+    newThread,
+    deleteThread,
+    toggleDocument,
+    selectAllDocuments,
+    upload
+  };
 }
 var TypingIndicator = React.memo(function TypingIndicator2() {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full justify-start mb-2", "data-testid": "dm-typing-indicator", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-card border border-primary rounded-2xl rounded-bl-md px-4 py-2.5", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1 items-center", children: [
@@ -1618,6 +791,324 @@ function useArbiDocumentSync(workspaceId) {
     }
   });
 }
+
+// src/workspaces/shell-workspaces.ts
+function getWorkspaceKind(workspace) {
+  if (workspace.is_public) return "common";
+  if ((workspace.users?.length ?? 0) > 1) return "shared";
+  return "private";
+}
+function memberName(user) {
+  const full = [user?.given_name, user?.family_name].filter(Boolean).join(" ").trim();
+  return full || user?.email || "";
+}
+function toShellWorkspace(workspace) {
+  const people = (workspace.users ?? []).filter((u) => !u.agent_ext_id);
+  return {
+    id: workspace.external_id,
+    name: workspace.name,
+    kind: getWorkspaceKind(workspace),
+    description: workspace.description,
+    projectName: workspace.project_name,
+    docCount: (workspace.shared_document_count ?? 0) + (workspace.private_document_count ?? 0),
+    memberCount: people.length,
+    members: people.map((u) => ({ name: memberName(u.user), picture: u.user?.picture })),
+    updatedAt: workspace.updated_at
+  };
+}
+function recency(workspace, lastOpened) {
+  const opened = lastOpened?.[workspace.id];
+  if (opened !== void 0) return opened;
+  const updated = Date.parse(workspace.updatedAt ?? "");
+  return Number.isNaN(updated) ? 0 : updated;
+}
+function resolveActiveWorkspace(items, selectedId, options = {}) {
+  const selected = selectedId ? items.find((w) => w.id === selectedId) : void 0;
+  if (selected) return selected;
+  if (options.isSeed && options.seedActiveId) {
+    const seeded = items.find((w) => w.id === options.seedActiveId);
+    if (seeded) return seeded;
+  }
+  return items[0];
+}
+function pickRecentWorkspaces(items, activeId, options = {}) {
+  const { limit = 4, lastOpened, formatLastSeen } = options;
+  return items.filter((w) => w.id !== activeId).map((w) => ({ w, at: recency(w, lastOpened) })).sort((a, b) => b.at - a.at).slice(0, limit).map(({ w, at }) => formatLastSeen ? { ...w, lastSeen: formatLastSeen(at) } : w);
+}
+
+// src/workspaces/useShellWorkspaces.ts
+function useShellWorkspaces(options) {
+  const {
+    workspaces,
+    isLoading = false,
+    loadError,
+    selectedId,
+    seed,
+    decorate,
+    recentLimit,
+    lastOpened,
+    formatLastSeen
+  } = options;
+  const live = React.useMemo(
+    () => (workspaces ?? []).map((source) => {
+      const item = toShellWorkspace(source);
+      return decorate ? { ...item, ...decorate(item, source) } : item;
+    }),
+    [workspaces, decorate]
+  );
+  const isLive = live.length > 0;
+  const isSeed = !isLive && !isLoading && !!seed;
+  const items = React.useMemo(
+    () => isLive ? live : isSeed ? [...seed.workspaces] : [],
+    [isLive, live, isSeed, seed]
+  );
+  const active = React.useMemo(
+    () => resolveActiveWorkspace(items, selectedId, { isSeed, seedActiveId: seed?.activeId }),
+    [items, selectedId, isSeed, seed?.activeId]
+  );
+  const recent = React.useMemo(
+    () => pickRecentWorkspaces(items, active?.id, { limit: recentLimit, lastOpened, formatLastSeen }),
+    [items, active?.id, recentLimit, lastOpened, formatLastSeen]
+  );
+  const [openingId, setOpeningId] = React.useState(null);
+  const [openError, setOpenError] = React.useState(void 0);
+  const callbacks = React.useRef({
+    select: options.select,
+    onOpened: options.onOpened,
+    onOpenError: options.onOpenError
+  });
+  callbacks.current = {
+    select: options.select,
+    onOpened: options.onOpened,
+    onOpenError: options.onOpenError
+  };
+  const itemsRef = React.useRef(items);
+  itemsRef.current = items;
+  const open = React.useCallback(async (target) => {
+    const id = typeof target === "string" ? target : target.id;
+    const workspace = itemsRef.current.find((w) => w.id === id);
+    if (!workspace) return false;
+    setOpenError(void 0);
+    setOpeningId(id);
+    try {
+      await callbacks.current.select(workspace);
+    } catch (err) {
+      setOpenError(err);
+      setOpeningId(null);
+      callbacks.current.onOpenError?.(err, workspace);
+      return false;
+    }
+    setOpeningId(null);
+    callbacks.current.onOpened?.(workspace);
+    return true;
+  }, []);
+  return {
+    items,
+    active,
+    recent,
+    isLive,
+    isLoading,
+    error: openError ?? loadError ?? null,
+    openingId,
+    open
+  };
+}
+function useArbiShellWorkspaces(options = {}) {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  const query = useWorkspaces();
+  const { select, ...rest } = options;
+  const defaultSelect = React.useCallback(
+    (workspace) => arbi.selectWorkspace(workspace.id),
+    [arbi]
+  );
+  return useShellWorkspaces({
+    ...rest,
+    workspaces: Array.isArray(query.data) ? query.data : void 0,
+    isLoading: query.isLoading,
+    loadError: query.error,
+    select: select ?? defaultSelect
+  });
+}
+function useCreateTask() {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (body) => arbi.tasks.create(body),
+    onSuccess: () => qc.invalidateQueries({ queryKey: arbiQueryKeys.tasks() })
+  });
+}
+function useUpdateTask() {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: ({ taskId, patch }) => arbi.tasks.update(taskId, patch),
+    onSuccess: () => qc.invalidateQueries({ queryKey: arbiQueryKeys.tasks() })
+  });
+}
+function useRunTask() {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (taskId) => arbi.tasks.runWithAuth(taskId),
+    onSuccess: (_task, taskId) => Promise.all([
+      qc.invalidateQueries({ queryKey: arbiQueryKeys.tasks() }),
+      qc.invalidateQueries({ queryKey: arbiQueryKeys.taskRuns(taskId) })
+    ])
+  });
+}
+function useDeleteTask() {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (taskId) => arbi.tasks.delete(taskId),
+    onSuccess: () => qc.invalidateQueries({ queryKey: arbiQueryKeys.tasks() })
+  });
+}
+function useTaskRuns(taskId, options) {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  return reactQuery.useQuery({
+    queryKey: arbiQueryKeys.taskRuns(taskId ?? ""),
+    queryFn: () => arbi.tasks.listRuns(taskId),
+    enabled: (options?.enabled ?? true) && !!taskId && arbi.isLoggedIn,
+    refetchInterval: (q) => q.state.data?.some((r) => r.status === "running") ? 3e3 : false
+  });
+}
+function useCreateAgent() {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (name) => arbi.agents.create(name),
+    onSuccess: () => qc.invalidateQueries({ queryKey: arbiQueryKeys.agents() })
+  });
+}
+function useAgentConfig(agentExtId, options) {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  return reactQuery.useQuery({
+    queryKey: arbiQueryKeys.agentConfig(agentExtId),
+    queryFn: async () => agentExtId ? await arbi.agents.getConfig(agentExtId) : await arbi.agentConfig.get("default"),
+    enabled: (options?.enabled ?? true) && arbi.isLoggedIn
+  });
+}
+function useAgentModels(options) {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  return reactQuery.useQuery({
+    queryKey: arbiQueryKeys.models(),
+    queryFn: async () => (await arbi.agentConfig.getModels()).models.map((m) => m.model_name),
+    enabled: (options?.enabled ?? true) && arbi.isLoggedIn
+  });
+}
+function useSaveAgentConfig() {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: async ({ agentExtId, title, sections }) => {
+      const pinned = await arbi.agents.getConfig(agentExtId);
+      const base = pinned ?? await arbi.agentConfig.get("default");
+      const merged = structuredClone(base);
+      for (const [section, params] of Object.entries(sections)) {
+        merged[section] = { ...merged[section] ?? {}, ...params };
+      }
+      return arbi.agentConfig.save({
+        ...merged,
+        agent_ext_id: agentExtId,
+        title: title ?? `agent-${agentExtId}`
+      });
+    },
+    onSuccess: (_saved, { agentExtId }) => Promise.all([
+      qc.invalidateQueries({ queryKey: arbiQueryKeys.configs() }),
+      qc.invalidateQueries({ queryKey: arbiQueryKeys.agentConfig(agentExtId) })
+    ])
+  });
+}
+function useAgentWorkspaces(agentExtId, options) {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  return reactQuery.useQuery({
+    queryKey: arbiQueryKeys.agentWorkspaces(agentExtId ?? ""),
+    queryFn: () => arbi.agents.listWorkspaces(agentExtId),
+    enabled: (options?.enabled ?? true) && !!agentExtId && arbi.isLoggedIn
+  });
+}
+function useGrantAgentAccess() {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: async ({
+      agentExtId,
+      workspaceId,
+      mode = { kind: "standing" }
+    }) => {
+      if (mode.kind === "temporary") {
+        return arbi.agents.grantTemporaryAccess(agentExtId, workspaceId, mode.ttlSeconds);
+      }
+      const agent = (await arbi.agents.list()).find((a) => a.external_id === agentExtId);
+      if (!agent?.email) throw new Error("The agent's address is unknown.");
+      return arbi.workspaces.grantAccess({ workspaceId, emails: [agent.email] });
+    },
+    onSuccess: (_res, { agentExtId }) => qc.invalidateQueries({ queryKey: arbiQueryKeys.agentWorkspaces(agentExtId) })
+  });
+}
+function useRevokeAgentAccess() {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: async ({
+      agentExtId,
+      workspaceId
+    }) => {
+      const previous = arbi.hasWorkspace ? arbi.getWorkspaceId() : null;
+      await arbi.selectWorkspace(workspaceId);
+      try {
+        await arbi.workspaces.removeUsers([agentExtId]);
+      } finally {
+        if (previous && previous !== workspaceId) await arbi.selectWorkspace(previous);
+      }
+    },
+    onSuccess: (_res, { agentExtId }) => qc.invalidateQueries({ queryKey: arbiQueryKeys.agentWorkspaces(agentExtId) })
+  });
+}
+function useSkills(options) {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  return reactQuery.useQuery({
+    queryKey: [...arbiQueryKeys.skills(), options?.includeHidden ?? false],
+    queryFn: () => arbi.assistant.listSkills({ includeHidden: options?.includeHidden }),
+    enabled: (options?.enabled ?? true) && arbi.isLoggedIn,
+    staleTime: 3e4
+  });
+}
+function useContacts(options) {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  return reactQuery.useQuery({
+    queryKey: arbiQueryKeys.contacts(),
+    queryFn: () => arbi.contacts.list(),
+    enabled: (options?.enabled ?? true) && arbi.isLoggedIn
+  });
+}
+function usePendingContacts(options) {
+  const contacts = useContacts(options);
+  const pending = React.useMemo(
+    () => (contacts.data ?? []).filter(
+      (c) => c.status === "invitation_pending" || c.status === "invitation_expired"
+    ),
+    [contacts.data]
+  );
+  return { ...contacts, pending };
+}
+function useAddContacts() {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (emails) => arbi.contacts.add(emails),
+    onSuccess: () => qc.invalidateQueries({ queryKey: arbiQueryKeys.contacts() })
+  });
+}
+function useRemoveContacts() {
+  const arbi = chunk7IOCMCC5_cjs.useArbi();
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (contactIds) => arbi.contacts.remove(contactIds),
+    onSuccess: () => qc.invalidateQueries({ queryKey: arbiQueryKeys.contacts() })
+  });
+}
 function useWorkspaceDocs(workspaceId) {
   const { data: docs = [], isLoading, isError } = useDocuments(workspaceId);
   const docIds = React.useMemo(
@@ -1840,7 +1331,7 @@ function AiAnswer({
       }
     ),
     hasText && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkOU2QLIKS_cjs.AiMarkdown, { isStreaming: running, children: text }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkORKGCXG3_cjs.AiMarkdown, { isStreaming: running, children: text }),
       !running && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-t border-border pt-2.5", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "size-3.5 text-ai-accent" }),
@@ -1885,7 +1376,7 @@ function AiActionCard({
     const p = typeof prompt === "function" ? prompt() : prompt;
     void task.run(p, docIds);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkOU2QLIKS_cjs.Card, { variant: "elevated", className: "rounded-xl p-5", "data-testid": testId, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkORKGCXG3_cjs.Card, { variant: "elevated", className: "rounded-xl p-5", "data-testid": testId, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-ai-accent-soft text-ai-accent", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-4" }) }),
@@ -1895,7 +1386,7 @@ function AiActionCard({
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkOU2QLIKS_cjs.Button,
+        chunkORKGCXG3_cjs.Button,
         {
           variant: task.isDone ? "outline" : "accent",
           size: "sm",
@@ -2027,11 +1518,11 @@ function ArtifactCanvas({
               children: active.title
             }
           ),
-          isRedline && /* @__PURE__ */ jsxRuntime.jsxs(chunkOU2QLIKS_cjs.Badge, { variant: "accent", className: "gap-1", children: [
+          isRedline && /* @__PURE__ */ jsxRuntime.jsxs(chunkORKGCXG3_cjs.Badge, { variant: "accent", className: "gap-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitCompareArrows, { className: "size-3" }),
             " Redline"
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkOU2QLIKS_cjs.Badge, { variant: "secondary", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkORKGCXG3_cjs.Badge, { variant: "secondary", children: [
             "v",
             active.version
           ] }),
@@ -2087,7 +1578,7 @@ function ArtifactCanvas({
             animate: { opacity: 1, y: 0 },
             transition: { duration: 0.2 },
             className: "mx-auto max-w-2xl rounded-lg bg-card p-8 shadow-sm ring-1 ring-border",
-            children: active.mode === "html" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm", dangerouslySetInnerHTML: { __html: active.content } }) : active.mode === "text" ? /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "whitespace-pre-wrap font-mono text-xs text-foreground", children: active.content }) : /* @__PURE__ */ jsxRuntime.jsx(chunkOU2QLIKS_cjs.AiMarkdown, { children: active.content })
+            children: active.mode === "html" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm", dangerouslySetInnerHTML: { __html: active.content } }) : active.mode === "text" ? /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "whitespace-pre-wrap font-mono text-xs text-foreground", children: active.content }) : /* @__PURE__ */ jsxRuntime.jsx(chunkORKGCXG3_cjs.AiMarkdown, { children: active.content })
           },
           active.doc_ext_id
         ) }) })
@@ -2104,7 +1595,7 @@ function MessageArtifactCard({
   const Icon = isImage ? lucideReact.Image : lucideReact.FileText;
   const statusText = isImage ? isComplete ? "Image ready" : "Generating\u2026" : isComplete ? "Draft ready" : "Drafting\u2026";
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkOU2QLIKS_cjs.Card,
+    chunkORKGCXG3_cjs.Card,
     {
       variant: "outline",
       className: "mt-3 flex items-center gap-3 px-3 py-2.5",
@@ -2180,7 +1671,7 @@ function DocSearch({
     status === "done" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", "data-testid": "doc-search-results", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: results.length === 0 ? `No passages matched \u201C${query}\u201D.` : `${results.length} passage${results.length === 1 ? "" : "s"} for \u201C${query}\u201D` }),
       results.slice(0, 8).map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkOU2QLIKS_cjs.Card,
+        chunkORKGCXG3_cjs.Card,
         {
           variant: "elevated",
           className: chunkRZQACYNQ_cjs.cn(
@@ -2193,7 +1684,7 @@ function DocSearch({
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1 flex items-center gap-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-3.5 text-ai-accent" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs font-medium text-foreground", children: r.docTitle ?? "Document" }),
-              r.page != null && /* @__PURE__ */ jsxRuntime.jsxs(chunkOU2QLIKS_cjs.Badge, { variant: "secondary", children: [
+              r.page != null && /* @__PURE__ */ jsxRuntime.jsxs(chunkORKGCXG3_cjs.Badge, { variant: "secondary", children: [
                 "p.",
                 r.page
               ] }),
@@ -2287,7 +1778,7 @@ function DocumentReview({
               findings.length ? ` \xB7 ${findings.length} findings` : ""
             ] })
           ] }),
-          doc?.status ? /* @__PURE__ */ jsxRuntime.jsx(chunkOU2QLIKS_cjs.Badge, { variant: "secondary", children: doc.status }) : null,
+          doc?.status ? /* @__PURE__ */ jsxRuntime.jsx(chunkORKGCXG3_cjs.Badge, { variant: "secondary", children: doc.status }) : null,
           onClose ? /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
@@ -2324,7 +1815,7 @@ function DocumentReview({
                     className: "w-full cursor-pointer rounded-md border p-2 text-left text-xs transition hover:border-ring hover:bg-muted/50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(
-                        chunkOU2QLIKS_cjs.TagEntity,
+                        chunkORKGCXG3_cjs.TagEntity,
                         {
                           size: "sm",
                           tag: {
@@ -2369,7 +1860,7 @@ function DocumentReview({
                   ),
                   children: [
                     highlighted ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkOU2QLIKS_cjs.TagEntity,
+                      chunkORKGCXG3_cjs.TagEntity,
                       {
                         size: "sm",
                         tag: {
@@ -2378,7 +1869,7 @@ function DocumentReview({
                         }
                       }
                     ) }) : null,
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkOU2QLIKS_cjs.MarkdownRenderer, { className: "prose prose-sm max-w-none dark:prose-invert", children: c.content })
+                    /* @__PURE__ */ jsxRuntime.jsx(chunkORKGCXG3_cjs.MarkdownRenderer, { className: "prose prose-sm max-w-none dark:prose-invert", children: c.content })
                   ]
                 },
                 cid ?? i
@@ -2418,7 +1909,7 @@ function ResultRow({
   onSelect
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkOU2QLIKS_cjs.PassageCard,
+    chunkORKGCXG3_cjs.PassageCard,
     {
       onClick: onSelect,
       active: isActive,
@@ -2427,7 +1918,7 @@ function ResultRow({
       header: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-3.5 shrink-0 text-ai-accent" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs font-medium text-foreground", children: result.docTitle ?? "Document" }),
-        result.page != null && /* @__PURE__ */ jsxRuntime.jsxs(chunkOU2QLIKS_cjs.Badge, { variant: "secondary", children: [
+        result.page != null && /* @__PURE__ */ jsxRuntime.jsxs(chunkORKGCXG3_cjs.Badge, { variant: "secondary", children: [
           "p.",
           result.page
         ] })
@@ -2537,7 +2028,7 @@ function SemanticSearch({
         "data-testid": "arbi-semantic-search-viewer",
         children: selected && selected.docId ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkOU2QLIKS_cjs.Button,
+            chunkORKGCXG3_cjs.Button,
             {
               variant: "ghost",
               size: "sm",
@@ -2596,7 +2087,7 @@ Question: ${question}`,
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 space-y-3", "data-testid": "doc-qa", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkOU2QLIKS_cjs.Input,
+        chunkORKGCXG3_cjs.Input,
         {
           value: q,
           onChange: (e) => setQ(e.target.value),
@@ -2607,7 +2098,7 @@ Question: ${question}`,
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkOU2QLIKS_cjs.Button,
+        chunkORKGCXG3_cjs.Button,
         {
           variant: "accent",
           size: "icon",
@@ -2619,7 +2110,7 @@ Question: ${question}`,
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkOU2QLIKS_cjs.Button,
+        chunkORKGCXG3_cjs.Button,
         {
           variant: "outline",
           size: "sm",
@@ -2755,7 +2246,11 @@ var CitationRendererComponent = ({
     onDismissCitation,
     notify2
   ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkRZQACYNQ_cjs.cn("citation-container", className), "data-testid": "citation-renderer", children: renderMarkdown({ components: markdownComponents, isStreaming, children: content }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkRZQACYNQ_cjs.cn("citation-container", className), "data-testid": "citation-renderer", children: renderMarkdown({
+    components: markdownComponents,
+    isStreaming,
+    children: chunkORKGCXG3_cjs.normalizeCitationMarkup(content)
+  }) });
 };
 var CitationPopover = ({
   citationNum,
@@ -2979,7 +2474,7 @@ var CitationLink = ({
   triggerRef,
   children
 }) => /* @__PURE__ */ jsxRuntime.jsxs(
-  chunkOU2QLIKS_cjs.MarkMenu,
+  chunkORKGCXG3_cjs.MarkMenu,
   {
     triggerRef,
     items,
@@ -3017,8 +2512,8 @@ var DocIcon = ({ size = 16, className = "" }) => {
           "path",
           {
             d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
-            fill: chunkOU2QLIKS_cjs.FILE_TYPE_COLORS.doc,
-            stroke: chunkOU2QLIKS_cjs.FILE_TYPE_COLORS.doc,
+            fill: chunkORKGCXG3_cjs.FILE_TYPE_COLORS.doc,
+            stroke: chunkORKGCXG3_cjs.FILE_TYPE_COLORS.doc,
             strokeWidth: "1",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3029,7 +2524,7 @@ var DocIcon = ({ size = 16, className = "" }) => {
           {
             d: "M14 2v6h6",
             fill: "none",
-            stroke: chunkOU2QLIKS_cjs.FILE_TYPE_COLORS.white,
+            stroke: chunkORKGCXG3_cjs.FILE_TYPE_COLORS.white,
             strokeWidth: "1",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3067,8 +2562,8 @@ var HtmlIcon = ({ size = 16, className = "" }) => {
           "path",
           {
             d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
-            fill: chunkOU2QLIKS_cjs.FILE_TYPE_COLORS.html,
-            stroke: chunkOU2QLIKS_cjs.FILE_TYPE_COLORS.html,
+            fill: chunkORKGCXG3_cjs.FILE_TYPE_COLORS.html,
+            stroke: chunkORKGCXG3_cjs.FILE_TYPE_COLORS.html,
             strokeWidth: "1",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3079,7 +2574,7 @@ var HtmlIcon = ({ size = 16, className = "" }) => {
           {
             d: "M14 2v6h6",
             fill: "none",
-            stroke: chunkOU2QLIKS_cjs.FILE_TYPE_COLORS.white,
+            stroke: chunkORKGCXG3_cjs.FILE_TYPE_COLORS.white,
             strokeWidth: "1",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3117,8 +2612,8 @@ var TxtIcon = ({ size = 16, className = "" }) => {
           "path",
           {
             d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
-            fill: chunkOU2QLIKS_cjs.FILE_TYPE_COLORS.txt,
-            stroke: chunkOU2QLIKS_cjs.FILE_TYPE_COLORS.txt,
+            fill: chunkORKGCXG3_cjs.FILE_TYPE_COLORS.txt,
+            stroke: chunkORKGCXG3_cjs.FILE_TYPE_COLORS.txt,
             strokeWidth: "1",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3129,7 +2624,7 @@ var TxtIcon = ({ size = 16, className = "" }) => {
           {
             d: "M14 2v6h6",
             fill: "none",
-            stroke: chunkOU2QLIKS_cjs.FILE_TYPE_COLORS.white,
+            stroke: chunkORKGCXG3_cjs.FILE_TYPE_COLORS.white,
             strokeWidth: "1",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3167,8 +2662,8 @@ var XlsIcon = ({ size = 16, className = "" }) => {
           "path",
           {
             d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
-            fill: chunkOU2QLIKS_cjs.FILE_TYPE_COLORS.xls,
-            stroke: chunkOU2QLIKS_cjs.FILE_TYPE_COLORS.xls,
+            fill: chunkORKGCXG3_cjs.FILE_TYPE_COLORS.xls,
+            stroke: chunkORKGCXG3_cjs.FILE_TYPE_COLORS.xls,
             strokeWidth: "1",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3179,7 +2674,7 @@ var XlsIcon = ({ size = 16, className = "" }) => {
           {
             d: "M14 2v6h6",
             fill: "none",
-            stroke: chunkOU2QLIKS_cjs.FILE_TYPE_COLORS.white,
+            stroke: chunkORKGCXG3_cjs.FILE_TYPE_COLORS.white,
             strokeWidth: "1",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3217,8 +2712,8 @@ var FileIcon = ({ size = 16, className = "" }) => {
           "path",
           {
             d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
-            fill: chunkOU2QLIKS_cjs.FILE_TYPE_COLORS.generic,
-            stroke: chunkOU2QLIKS_cjs.FILE_TYPE_COLORS.generic,
+            fill: chunkORKGCXG3_cjs.FILE_TYPE_COLORS.generic,
+            stroke: chunkORKGCXG3_cjs.FILE_TYPE_COLORS.generic,
             strokeWidth: "1",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3229,7 +2724,7 @@ var FileIcon = ({ size = 16, className = "" }) => {
           {
             d: "M14 2v6h6",
             fill: "none",
-            stroke: chunkOU2QLIKS_cjs.FILE_TYPE_COLORS.white,
+            stroke: chunkORKGCXG3_cjs.FILE_TYPE_COLORS.white,
             strokeWidth: "1",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3585,7 +3080,7 @@ var ArbiBotIcon = ({ size = 24, className = "" }) => {
   );
 };
 function getNotificationTypeMeta(type) {
-  const WorkspaceIcon = chunkOU2QLIKS_cjs.getEntityIcon("WORKSPACE");
+  const WorkspaceIcon = chunkORKGCXG3_cjs.getEntityIcon("WORKSPACE");
   switch (type) {
     case "user_message":
       return { Icon: lucideReact.MessageCircleMore, iconClassName: "text-primary", label: "Message" };
@@ -3700,7 +3195,7 @@ function describeActivity(content) {
     }
     default:
       return {
-        Icon: parsed.workspace_ext_id ? chunkOU2QLIKS_cjs.getEntityIcon("WORKSPACE") : lucideReact.Activity,
+        Icon: parsed.workspace_ext_id ? chunkORKGCXG3_cjs.getEntityIcon("WORKSPACE") : lucideReact.Activity,
         iconClassName: "text-muted-foreground",
         title: humaniseEvent(parsed.event)
       };
@@ -3789,7 +3284,6 @@ function isAgentUser(user) {
   return user.external_id.startsWith("agt-");
 }
 var DM_QUERY_KEY = ["arbi", "directMessages"];
-var CONTACTS_QUERY_KEY = ["arbi", "contacts"];
 function mergeContacts(threads, contacts) {
   const byPeer = /* @__PURE__ */ new Map();
   for (const t of threads) byPeer.set(t.peer.external_id, t);
@@ -3855,7 +3349,7 @@ function useDirectMessages(options) {
     enabled
   });
   const contactsQuery = reactQuery.useQuery({
-    queryKey: CONTACTS_QUERY_KEY,
+    queryKey: arbiQueryKeys.contacts(),
     queryFn: () => arbi.contacts.list(),
     enabled
   });
@@ -3917,7 +3411,7 @@ function DmAvatar({ user, className, size = "lg" }) {
   const presence = useArbiWsStore((s) => s.presence[user.external_id]);
   const displayStatus = presence === void 0 ? void 0 : presence === "online" ? "connected" : "disconnected";
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkOU2QLIKS_cjs.UserEntity,
+    chunkORKGCXG3_cjs.UserEntity,
     {
       variant: "icon",
       size,
@@ -3927,7 +3421,7 @@ function DmAvatar({ user, className, size = "lg" }) {
       initials: userInitials(user),
       displayName: userDisplayName(user),
       picture: user.picture,
-      avatarStyle: chunkOU2QLIKS_cjs.getEntityColorStyles(user.external_id),
+      avatarStyle: chunkORKGCXG3_cjs.getEntityColorStyles(user.external_id),
       isAgent: isAgentUser(user),
       displayStatus
     }
@@ -3940,6 +3434,7 @@ function ConversationList({
   classNames,
   emptyState,
   header,
+  lead,
   className
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3959,6 +3454,7 @@ function ConversationList({
             conversations.length === 1 ? "colleague" : "colleagues"
           ] })
         ] }) : header,
+        lead,
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: conversations.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-6 text-xs text-muted-foreground", children: emptyState ?? "No conversations yet." }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "w-full", children: conversations.map((c, i) => {
           const { peer, lastMessage, unreadCount } = c;
           const newSection = c.sectionLabel && c.sectionLabel !== conversations[i - 1]?.sectionLabel;
@@ -3980,10 +3476,10 @@ function ConversationList({
                       children: userDisplayName(peer)
                     }
                   ),
-                  c.badge ?? (isAgentUser(peer) ? /* @__PURE__ */ jsxRuntime.jsx(chunkOU2QLIKS_cjs.AgentBadge, {}) : null)
+                  c.badge ?? (isAgentUser(peer) ? /* @__PURE__ */ jsxRuntime.jsx(chunkORKGCXG3_cjs.AgentBadge, {}) : null)
                 ] }),
                 c.statusLabel ? /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkOU2QLIKS_cjs.Badge,
+                  chunkORKGCXG3_cjs.Badge,
                   {
                     variant: "outline",
                     className: "shrink-0 rounded-full px-2 py-0 text-xs font-medium text-muted-foreground",
@@ -3994,7 +3490,7 @@ function ConversationList({
                   // shouted louder than the message it was counting.
                   // Enough to catch the eye scanning the list, no more.
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkOU2QLIKS_cjs.Badge,
+                    chunkORKGCXG3_cjs.Badge,
                     {
                       variant: "accent",
                       className: chunkRZQACYNQ_cjs.cn(
@@ -4101,7 +3597,7 @@ function annotateThread(messages, accessors, runWindowMs = RUN_WINDOW_MS) {
 function DateSeparator({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-3 flex justify-center", "data-testid": "dm-date-separator", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-background/80 px-2 py-0.5 text-xs text-muted-foreground", children }) });
 }
-function MessageBubble2({
+function MessageBubble({
   message,
   classNames,
   isLastOfRun = true,
@@ -4167,7 +3663,7 @@ function MessageThread({
       items.map(({ message: m, isLastOfRun, isFirstOfDay }) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
         isFirstOfDay && formatDay && /* @__PURE__ */ jsxRuntime.jsx(DateSeparator, { children: formatDay(m.createdAt) }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          MessageBubble2,
+          MessageBubble,
           {
             message: m,
             classNames,
@@ -4213,7 +3709,7 @@ function DmComposer({
     children,
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkOU2QLIKS_cjs.Textarea,
+        chunkORKGCXG3_cjs.Textarea,
         {
           ref: inputRef,
           value: draft,
@@ -4227,7 +3723,7 @@ function DmComposer({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkOU2QLIKS_cjs.Button,
+        chunkORKGCXG3_cjs.Button,
         {
           type: "button",
           onClick: () => void submit(),
@@ -4245,14 +3741,117 @@ function DmComposer({
     error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-destructive", "data-testid": "arbi-dm-error", children: error })
   ] });
 }
+var DEFAULT_START_BY_EMAIL_LABELS = {
+  email: "Email address",
+  emailPlaceholder: "name@example.com",
+  message: "Message",
+  messagePlaceholder: "Write the first message\u2026",
+  send: "Send",
+  sending: "Sending\u2026",
+  invalidEmail: "Enter a valid email address."
+};
+var EMAIL = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function StartByEmail({
+  onStart,
+  onStarted,
+  classNames,
+  labels,
+  className
+}) {
+  const l = { ...DEFAULT_START_BY_EMAIL_LABELS, ...labels };
+  const uid = React.useId();
+  const [email, setEmail] = React.useState("");
+  const [text, setText] = React.useState("");
+  const [busy, setBusy] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const address = email.trim().toLowerCase();
+  const valid = EMAIL.test(address);
+  const submit = async () => {
+    if (!valid || !text.trim() || busy) return;
+    setBusy(true);
+    setError(null);
+    try {
+      const result = await onStart(address, text.trim());
+      setEmail("");
+      setText("");
+      onStarted?.(result);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      "data-testid": "arbi-dm-start",
+      className: chunkRZQACYNQ_cjs.cn("flex flex-col gap-2 border-b border-border px-4 py-3", className),
+      onSubmit: (e) => {
+        e.preventDefault();
+        void submit();
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkORKGCXG3_cjs.Label, { htmlFor: `${uid}-email`, children: l.email }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkORKGCXG3_cjs.Input,
+          {
+            id: `${uid}-email`,
+            type: "email",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            placeholder: l.emailPlaceholder,
+            "aria-invalid": email !== "" && !valid,
+            "aria-describedby": email !== "" && !valid ? `${uid}-bad` : void 0,
+            disabled: busy,
+            "data-testid": "arbi-dm-start-email"
+          }
+        ),
+        email !== "" && !valid && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${uid}-bad`, className: "text-xs text-destructive", children: l.invalidEmail }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkORKGCXG3_cjs.Label, { htmlFor: `${uid}-text`, children: l.message }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkORKGCXG3_cjs.Textarea,
+          {
+            id: `${uid}-text`,
+            value: text,
+            onChange: (e) => setText(e.target.value),
+            placeholder: l.messagePlaceholder,
+            rows: 2,
+            disabled: busy,
+            "data-testid": "arbi-dm-start-message"
+          }
+        ),
+        error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-xs text-destructive", "data-testid": "arbi-dm-start-error", children: error }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkORKGCXG3_cjs.Button,
+          {
+            type: "submit",
+            size: "sm",
+            disabled: !valid || !text.trim() || busy,
+            className: chunkRZQACYNQ_cjs.cn("self-end", classNames?.sendButton),
+            "data-testid": "arbi-dm-start-send",
+            children: [
+              busy ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { className: "size-4", "aria-hidden": true }),
+              busy ? l.sending : l.send
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
 function DirectMessages({
   className,
   classNames,
-  emptyThread,
-  emptyList
+  emptyThread: emptyThread2,
+  emptyList,
+  listHeader,
+  listLead,
+  startByEmail,
+  hideOwnContact
 }) {
   const {
-    conversations,
+    conversations: allConversations,
+    myExtId,
     isLoading,
     isError,
     error,
@@ -4262,6 +3861,14 @@ function DirectMessages({
     markRead
   } = useDirectMessages();
   const [selectedPeerId, setSelectedPeerId] = React.useState(null);
+  const conversations = React.useMemo(
+    () => hideOwnContact && myExtId ? allConversations.filter((c) => c.peer.external_id !== myExtId) : allConversations,
+    [allConversations, hideOwnContact, myExtId]
+  );
+  const openStarted = (created) => {
+    const peer = Array.isArray(created) ? created[0]?.recipient?.external_id : void 0;
+    if (peer) setSelectedPeerId(peer);
+  };
   const loadError = isError ? error instanceof Error ? error.message : "Couldn\u2019t load messages." : null;
   const selected = React.useMemo(
     () => conversations.find((c) => c.peer.external_id === selectedPeerId) ?? null,
@@ -4305,11 +3912,24 @@ function DirectMessages({
             selectedPeerId: selected?.peer.external_id ?? null,
             onSelect: setSelectedPeerId,
             classNames,
-            emptyState: isLoading ? "Loading messages\u2026" : emptyList
+            emptyState: isLoading ? "Loading messages\u2026" : emptyList,
+            header: listHeader,
+            lead: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              listLead,
+              startByEmail && /* @__PURE__ */ jsxRuntime.jsx(
+                StartByEmail,
+                {
+                  onStart: sendMessageTo,
+                  onStarted: openStarted,
+                  classNames,
+                  labels: typeof startByEmail === "object" ? startByEmail.labels : void 0
+                }
+              )
+            ] })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(MessageThread, { conversation: selected, classNames, emptyState: emptyThread }),
+          /* @__PURE__ */ jsxRuntime.jsx(MessageThread, { conversation: selected, classNames, emptyState: emptyThread2 }),
           selected ? /* @__PURE__ */ jsxRuntime.jsx(
             DmComposer,
             {
@@ -4392,7 +4012,7 @@ function ImageCropper({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Zoom" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkOU2QLIKS_cjs.Slider,
+        chunkORKGCXG3_cjs.Slider,
         {
           value: [zoom],
           onValueChange: ([v]) => setZoom(v ?? 1),
@@ -4469,8 +4089,8 @@ function ImageCropModal({
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkOU2QLIKS_cjs.Dialog, { open, onOpenChange: (next) => !next ? onCancel() : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkOU2QLIKS_cjs.DialogContent, { className: "sm:max-w-md", "data-testid": "image-crop-modal", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkOU2QLIKS_cjs.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkOU2QLIKS_cjs.DialogTitle, { children: title }) }),
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkORKGCXG3_cjs.Dialog, { open, onOpenChange: (next) => !next ? onCancel() : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkORKGCXG3_cjs.DialogContent, { className: "sm:max-w-md", "data-testid": "image-crop-modal", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkORKGCXG3_cjs.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkORKGCXG3_cjs.DialogTitle, { children: title }) }),
     image ? /* @__PURE__ */ jsxRuntime.jsx(
       ImageCropper,
       {
@@ -4481,9 +4101,9 @@ function ImageCropModal({
         onCropComplete: setArea
       }
     ) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkOU2QLIKS_cjs.DialogFooter, { className: "gap-2 sm:gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkOU2QLIKS_cjs.Button, { variant: "ghost", onClick: onCancel, disabled: busy, children: "Cancel" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkOU2QLIKS_cjs.Button, { onClick: handleSave, disabled: !area || busy, "data-testid": "image-crop-save", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkORKGCXG3_cjs.DialogFooter, { className: "gap-2 sm:gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkORKGCXG3_cjs.Button, { variant: "ghost", onClick: onCancel, disabled: busy, children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkORKGCXG3_cjs.Button, { onClick: handleSave, disabled: !area || busy, "data-testid": "image-crop-save", children: [
         busy ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-1 size-4 animate-spin" }) : null,
         saveLabel
       ] })
@@ -4549,8 +4169,8 @@ function CommandPalette({
     if (!q || task.isRunning) return;
     void task.run(buildAskPrompt(q), askDocIds, { model });
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkOU2QLIKS_cjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkOU2QLIKS_cjs.DialogContent,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkORKGCXG3_cjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkORKGCXG3_cjs.DialogContent,
     {
       className: chunkRZQACYNQ_cjs.cn(
         "top-[12%] max-w-2xl translate-y-0 gap-0 overflow-hidden p-0",
@@ -4558,7 +4178,7 @@ function CommandPalette({
       ),
       "data-testid": testId,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkOU2QLIKS_cjs.DialogTitle, { className: "sr-only", children: "Command palette" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkORKGCXG3_cjs.DialogTitle, { className: "sr-only", children: "Command palette" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 border-b border-border px-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: chunkRZQACYNQ_cjs.cn("size-4 shrink-0 text-ai-accent", classNames?.leadingIcon) }),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -4629,7 +4249,7 @@ function CommandPalette({
               }
             ),
             task.isDone && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunkOU2QLIKS_cjs.Button,
+              chunkORKGCXG3_cjs.Button,
               {
                 variant: "outline",
                 size: "sm",
@@ -4827,7 +4447,7 @@ function DocumentTable({
           const doc = p.data;
           if (!doc) return null;
           return /* @__PURE__ */ jsxRuntime.jsx(
-            chunkOU2QLIKS_cjs.DocumentEntity,
+            chunkORKGCXG3_cjs.DocumentEntity,
             {
               doc,
               size: "base",
@@ -4850,7 +4470,7 @@ function DocumentTable({
         cellRenderer: (p) => {
           const status = p.data?.status;
           if (!status) return null;
-          return /* @__PURE__ */ jsxRuntime.jsx(chunkOU2QLIKS_cjs.Badge, { variant: STATUS_VARIANTS[status.toLowerCase()] ?? "secondary", children: status });
+          return /* @__PURE__ */ jsxRuntime.jsx(chunkORKGCXG3_cjs.Badge, { variant: STATUS_VARIANTS[status.toLowerCase()] ?? "secondary", children: status });
         }
       },
       {
@@ -4864,7 +4484,7 @@ function DocumentTable({
           const doctags = p.data?.doctags ?? [];
           if (doctags.length === 0) return null;
           return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-1 py-1", children: doctags.map((dt) => /* @__PURE__ */ jsxRuntime.jsx(
-            chunkOU2QLIKS_cjs.TagEntity,
+            chunkORKGCXG3_cjs.TagEntity,
             {
               size: "sm",
               tag: {
@@ -5140,7 +4760,7 @@ function DocumentGallery({
           (dt) => tagNameById.get(dt.tag_ext_id) ?? dt.tag_ext_id.slice(0, 8)
         );
         return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-doc-id": id, "data-testid": "document-gallery-card", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkOU2QLIKS_cjs.DocumentCard,
+          chunkORKGCXG3_cjs.DocumentCard,
           {
             doc,
             thumbnailUrl: thumbs[id],
@@ -5177,7 +4797,7 @@ function VoiceNoteRecorder({
   isSaving = false,
   transcribe
 }) {
-  const recorder = chunkOU2QLIKS_cjs.useAudioRecorder();
+  const recorder = chunkORKGCXG3_cjs.useAudioRecorder();
   const [transcript, setTranscript] = React.useState(null);
   const [isTranscribing, setIsTranscribing] = React.useState(false);
   React.useEffect(() => {
@@ -5209,7 +4829,7 @@ function VoiceNoteRecorder({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-6 p-8", children: [
     recorder.state === "idle" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkOU2QLIKS_cjs.Button,
+        chunkORKGCXG3_cjs.Button,
         {
           type: "button",
           size: "lg",
@@ -5223,7 +4843,7 @@ function VoiceNoteRecorder({
     ] }),
     (recorder.state === "recording" || recorder.state === "paused") && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkOU2QLIKS_cjs.MicWaveformIndicator,
+        chunkORKGCXG3_cjs.MicWaveformIndicator,
         {
           level: recorder.level,
           elapsedMs: recorder.elapsedMs,
@@ -5232,7 +4852,7 @@ function VoiceNoteRecorder({
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
         recorder.state === "recording" ? /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkOU2QLIKS_cjs.Button,
+          chunkORKGCXG3_cjs.Button,
           {
             type: "button",
             variant: "outline",
@@ -5244,7 +4864,7 @@ function VoiceNoteRecorder({
             ]
           }
         ) : /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkOU2QLIKS_cjs.Button,
+          chunkORKGCXG3_cjs.Button,
           {
             type: "button",
             variant: "outline",
@@ -5256,7 +4876,7 @@ function VoiceNoteRecorder({
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkOU2QLIKS_cjs.Button, { type: "button", onClick: recorder.stop, "data-testid": "voice-note-stop-button", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkORKGCXG3_cjs.Button, { type: "button", onClick: recorder.stop, "data-testid": "voice-note-stop-button", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { className: "mr-1.5 h-3.5 w-3.5 fill-current" }),
           "Stop"
         ] })
@@ -5280,7 +4900,7 @@ function VoiceNoteRecorder({
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkOU2QLIKS_cjs.Button,
+          chunkORKGCXG3_cjs.Button,
           {
             type: "button",
             variant: "outline",
@@ -5294,7 +4914,7 @@ function VoiceNoteRecorder({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkOU2QLIKS_cjs.Button,
+          chunkORKGCXG3_cjs.Button,
           {
             type: "button",
             variant: "outline",
@@ -5308,7 +4928,7 @@ function VoiceNoteRecorder({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkOU2QLIKS_cjs.Button,
+          chunkORKGCXG3_cjs.Button,
           {
             type: "button",
             onClick: handleSave,
@@ -5345,7 +4965,7 @@ function DraftTitleControls({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkOU2QLIKS_cjs.IconToggle,
+      chunkORKGCXG3_cjs.IconToggle,
       {
         icon: lucideReact.Sparkles,
         isActive: autoRename,
@@ -5379,7 +4999,7 @@ function useCameraStream(constraints = { video: true, audio: false }) {
       streamRef.current = media;
       setStream(media);
     } catch (err) {
-      setError(chunkOU2QLIKS_cjs.classifyMediaError(err, "camera"));
+      setError(chunkORKGCXG3_cjs.classifyMediaError(err, "camera"));
     } finally {
       setIsStarting(false);
     }
@@ -5510,7 +5130,7 @@ function PhotoCapture({ onSave, onDiscard, onError, isSaving = false }) {
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkOU2QLIKS_cjs.Button,
+        chunkORKGCXG3_cjs.Button,
         {
           type: "button",
           size: "lg",
@@ -5528,7 +5148,7 @@ function PhotoCapture({ onSave, onDiscard, onError, isSaving = false }) {
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsxRuntime.jsx(chunk7IOCMCC5_cjs.ImageViewer, { blob: capturedBlob, alt: "Captured photo" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkOU2QLIKS_cjs.Button,
+          chunkORKGCXG3_cjs.Button,
           {
             type: "button",
             variant: "outline",
@@ -5542,7 +5162,7 @@ function PhotoCapture({ onSave, onDiscard, onError, isSaving = false }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkOU2QLIKS_cjs.Button,
+          chunkORKGCXG3_cjs.Button,
           {
             type: "button",
             variant: "outline",
@@ -5556,7 +5176,7 @@ function PhotoCapture({ onSave, onDiscard, onError, isSaving = false }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkOU2QLIKS_cjs.Button,
+          chunkORKGCXG3_cjs.Button,
           {
             type: "button",
             onClick: handleSave,
@@ -5615,10 +5235,10 @@ function VideoCapture({ onSave, onDiscard, onError, isSaving = false }) {
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-red-500" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold uppercase tracking-wide text-red-500", children: "Rec" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-xs tabular-nums text-muted-foreground", children: chunkOU2QLIKS_cjs.formatElapsed(recorder.elapsedMs) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-xs tabular-nums text-muted-foreground", children: chunkORKGCXG3_cjs.formatElapsed(recorder.elapsedMs) })
       ] }),
       recorder.state === "recording" ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkOU2QLIKS_cjs.Button,
+        chunkORKGCXG3_cjs.Button,
         {
           type: "button",
           size: "lg",
@@ -5628,7 +5248,7 @@ function VideoCapture({ onSave, onDiscard, onError, isSaving = false }) {
           children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { className: "h-5 w-5 fill-current" })
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(
-        chunkOU2QLIKS_cjs.Button,
+        chunkORKGCXG3_cjs.Button,
         {
           type: "button",
           size: "lg",
@@ -5645,7 +5265,7 @@ function VideoCapture({ onSave, onDiscard, onError, isSaving = false }) {
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsxRuntime.jsx(chunk7IOCMCC5_cjs.VideoViewer, { blob: recorder.blob, title: "Captured video" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkOU2QLIKS_cjs.Button,
+          chunkORKGCXG3_cjs.Button,
           {
             type: "button",
             variant: "outline",
@@ -5659,7 +5279,7 @@ function VideoCapture({ onSave, onDiscard, onError, isSaving = false }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkOU2QLIKS_cjs.Button,
+          chunkORKGCXG3_cjs.Button,
           {
             type: "button",
             variant: "outline",
@@ -5673,7 +5293,7 @@ function VideoCapture({ onSave, onDiscard, onError, isSaving = false }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkOU2QLIKS_cjs.Button,
+          chunkORKGCXG3_cjs.Button,
           {
             type: "button",
             onClick: handleSave,
@@ -5752,551 +5372,555 @@ Object.defineProperty(exports, "useNotify", {
 });
 Object.defineProperty(exports, "AgentBadge", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.AgentBadge; }
+  get: function () { return chunkORKGCXG3_cjs.AgentBadge; }
 });
 Object.defineProperty(exports, "AiMarkdown", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.AiMarkdown; }
+  get: function () { return chunkORKGCXG3_cjs.AiMarkdown; }
 });
 Object.defineProperty(exports, "ArbiBotHeadIcon", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.ArbiBotHeadIcon; }
+  get: function () { return chunkORKGCXG3_cjs.ArbiBotHeadIcon; }
 });
 Object.defineProperty(exports, "AudIcon", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.AudIcon; }
+  get: function () { return chunkORKGCXG3_cjs.AudIcon; }
 });
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Avatar; }
+  get: function () { return chunkORKGCXG3_cjs.Avatar; }
 });
 Object.defineProperty(exports, "AvatarFallback", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.AvatarFallback; }
+  get: function () { return chunkORKGCXG3_cjs.AvatarFallback; }
 });
 Object.defineProperty(exports, "AvatarImage", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.AvatarImage; }
+  get: function () { return chunkORKGCXG3_cjs.AvatarImage; }
 });
 Object.defineProperty(exports, "BASE_COLORS", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.BASE_COLORS; }
+  get: function () { return chunkORKGCXG3_cjs.BASE_COLORS; }
 });
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Badge; }
+  get: function () { return chunkORKGCXG3_cjs.Badge; }
 });
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Button; }
+  get: function () { return chunkORKGCXG3_cjs.Button; }
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Card; }
+  get: function () { return chunkORKGCXG3_cjs.Card; }
 });
 Object.defineProperty(exports, "CardContent", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.CardContent; }
+  get: function () { return chunkORKGCXG3_cjs.CardContent; }
 });
 Object.defineProperty(exports, "CardDescription", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.CardDescription; }
+  get: function () { return chunkORKGCXG3_cjs.CardDescription; }
 });
 Object.defineProperty(exports, "CardFooter", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.CardFooter; }
+  get: function () { return chunkORKGCXG3_cjs.CardFooter; }
 });
 Object.defineProperty(exports, "CardHeader", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.CardHeader; }
+  get: function () { return chunkORKGCXG3_cjs.CardHeader; }
 });
 Object.defineProperty(exports, "CardTitle", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.CardTitle; }
+  get: function () { return chunkORKGCXG3_cjs.CardTitle; }
 });
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Checkbox; }
+  get: function () { return chunkORKGCXG3_cjs.Checkbox; }
 });
 Object.defineProperty(exports, "Collapsible", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Collapsible; }
+  get: function () { return chunkORKGCXG3_cjs.Collapsible; }
 });
 Object.defineProperty(exports, "CollapsibleContent", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.CollapsibleContent; }
+  get: function () { return chunkORKGCXG3_cjs.CollapsibleContent; }
 });
 Object.defineProperty(exports, "CollapsibleTrigger", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.CollapsibleTrigger; }
+  get: function () { return chunkORKGCXG3_cjs.CollapsibleTrigger; }
 });
 Object.defineProperty(exports, "Command", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Command; }
+  get: function () { return chunkORKGCXG3_cjs.Command; }
 });
 Object.defineProperty(exports, "CommandDialog", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.CommandDialog; }
+  get: function () { return chunkORKGCXG3_cjs.CommandDialog; }
 });
 Object.defineProperty(exports, "CommandEmpty", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.CommandEmpty; }
+  get: function () { return chunkORKGCXG3_cjs.CommandEmpty; }
 });
 Object.defineProperty(exports, "CommandGroup", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.CommandGroup; }
+  get: function () { return chunkORKGCXG3_cjs.CommandGroup; }
 });
 Object.defineProperty(exports, "CommandInput", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.CommandInput; }
+  get: function () { return chunkORKGCXG3_cjs.CommandInput; }
 });
 Object.defineProperty(exports, "CommandItem", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.CommandItem; }
+  get: function () { return chunkORKGCXG3_cjs.CommandItem; }
 });
 Object.defineProperty(exports, "CommandList", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.CommandList; }
+  get: function () { return chunkORKGCXG3_cjs.CommandList; }
 });
 Object.defineProperty(exports, "CommandSeparator", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.CommandSeparator; }
+  get: function () { return chunkORKGCXG3_cjs.CommandSeparator; }
 });
 Object.defineProperty(exports, "CommandShortcut", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.CommandShortcut; }
+  get: function () { return chunkORKGCXG3_cjs.CommandShortcut; }
 });
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Dialog; }
+  get: function () { return chunkORKGCXG3_cjs.Dialog; }
 });
 Object.defineProperty(exports, "DialogClose", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.DialogClose; }
+  get: function () { return chunkORKGCXG3_cjs.DialogClose; }
 });
 Object.defineProperty(exports, "DialogContent", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.DialogContent; }
+  get: function () { return chunkORKGCXG3_cjs.DialogContent; }
 });
 Object.defineProperty(exports, "DialogDescription", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.DialogDescription; }
+  get: function () { return chunkORKGCXG3_cjs.DialogDescription; }
 });
 Object.defineProperty(exports, "DialogFooter", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.DialogFooter; }
+  get: function () { return chunkORKGCXG3_cjs.DialogFooter; }
 });
 Object.defineProperty(exports, "DialogHeader", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.DialogHeader; }
+  get: function () { return chunkORKGCXG3_cjs.DialogHeader; }
 });
 Object.defineProperty(exports, "DialogOverlay", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.DialogOverlay; }
+  get: function () { return chunkORKGCXG3_cjs.DialogOverlay; }
 });
 Object.defineProperty(exports, "DialogPortal", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.DialogPortal; }
+  get: function () { return chunkORKGCXG3_cjs.DialogPortal; }
 });
 Object.defineProperty(exports, "DialogTitle", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.DialogTitle; }
+  get: function () { return chunkORKGCXG3_cjs.DialogTitle; }
 });
 Object.defineProperty(exports, "DialogTrigger", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.DialogTrigger; }
+  get: function () { return chunkORKGCXG3_cjs.DialogTrigger; }
 });
 Object.defineProperty(exports, "DictateProvider", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.DictateProvider; }
+  get: function () { return chunkORKGCXG3_cjs.DictateProvider; }
 });
 Object.defineProperty(exports, "DocumentCard", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.DocumentCard; }
+  get: function () { return chunkORKGCXG3_cjs.DocumentCard; }
 });
 Object.defineProperty(exports, "DocumentEntity", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.DocumentEntity; }
+  get: function () { return chunkORKGCXG3_cjs.DocumentEntity; }
 });
 Object.defineProperty(exports, "ENTITY_MAPPINGS", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.ENTITY_MAPPINGS; }
+  get: function () { return chunkORKGCXG3_cjs.ENTITY_MAPPINGS; }
 });
 Object.defineProperty(exports, "EmlIcon", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.EmlIcon; }
+  get: function () { return chunkORKGCXG3_cjs.EmlIcon; }
 });
 Object.defineProperty(exports, "EntityIcon", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.EntityIcon; }
+  get: function () { return chunkORKGCXG3_cjs.EntityIcon; }
 });
 Object.defineProperty(exports, "EntityPill", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.EntityPill; }
+  get: function () { return chunkORKGCXG3_cjs.EntityPill; }
 });
 Object.defineProperty(exports, "FILE_TYPE_COLORS", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.FILE_TYPE_COLORS; }
+  get: function () { return chunkORKGCXG3_cjs.FILE_TYPE_COLORS; }
 });
 Object.defineProperty(exports, "HoverCard", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.HoverCard; }
+  get: function () { return chunkORKGCXG3_cjs.HoverCard; }
 });
 Object.defineProperty(exports, "HoverCardContent", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.HoverCardContent; }
+  get: function () { return chunkORKGCXG3_cjs.HoverCardContent; }
 });
 Object.defineProperty(exports, "HoverCardTrigger", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.HoverCardTrigger; }
+  get: function () { return chunkORKGCXG3_cjs.HoverCardTrigger; }
 });
 Object.defineProperty(exports, "IconToggle", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.IconToggle; }
+  get: function () { return chunkORKGCXG3_cjs.IconToggle; }
 });
 Object.defineProperty(exports, "ImgIcon", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.ImgIcon; }
+  get: function () { return chunkORKGCXG3_cjs.ImgIcon; }
 });
 Object.defineProperty(exports, "InlineMicButton", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.InlineMicButton; }
+  get: function () { return chunkORKGCXG3_cjs.InlineMicButton; }
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Input; }
+  get: function () { return chunkORKGCXG3_cjs.Input; }
 });
 Object.defineProperty(exports, "Label", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Label; }
+  get: function () { return chunkORKGCXG3_cjs.Label; }
 });
 Object.defineProperty(exports, "MarkMenu", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.MarkMenu; }
+  get: function () { return chunkORKGCXG3_cjs.MarkMenu; }
 });
 Object.defineProperty(exports, "MarkdownRenderer", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.MarkdownRenderer; }
+  get: function () { return chunkORKGCXG3_cjs.MarkdownRenderer; }
 });
 Object.defineProperty(exports, "MarkdownStreamingContext", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.MarkdownStreamingContext; }
+  get: function () { return chunkORKGCXG3_cjs.MarkdownStreamingContext; }
 });
 Object.defineProperty(exports, "MicRecordingOverlay", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.MicRecordingOverlay; }
+  get: function () { return chunkORKGCXG3_cjs.MicRecordingOverlay; }
 });
 Object.defineProperty(exports, "MicWaveformIndicator", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.MicWaveformIndicator; }
+  get: function () { return chunkORKGCXG3_cjs.MicWaveformIndicator; }
 });
 Object.defineProperty(exports, "NEUTRAL_GRAY", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.NEUTRAL_GRAY; }
+  get: function () { return chunkORKGCXG3_cjs.NEUTRAL_GRAY; }
 });
 Object.defineProperty(exports, "PLACEHOLDER_COLOR", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.PLACEHOLDER_COLOR; }
+  get: function () { return chunkORKGCXG3_cjs.PLACEHOLDER_COLOR; }
 });
 Object.defineProperty(exports, "PassageCard", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.PassageCard; }
+  get: function () { return chunkORKGCXG3_cjs.PassageCard; }
 });
 Object.defineProperty(exports, "PdfIcon", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.PdfIcon; }
+  get: function () { return chunkORKGCXG3_cjs.PdfIcon; }
 });
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Popover; }
+  get: function () { return chunkORKGCXG3_cjs.Popover; }
 });
 Object.defineProperty(exports, "PopoverAnchor", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.PopoverAnchor; }
+  get: function () { return chunkORKGCXG3_cjs.PopoverAnchor; }
 });
 Object.defineProperty(exports, "PopoverContent", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.PopoverContent; }
+  get: function () { return chunkORKGCXG3_cjs.PopoverContent; }
 });
 Object.defineProperty(exports, "PopoverTrigger", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.PopoverTrigger; }
+  get: function () { return chunkORKGCXG3_cjs.PopoverTrigger; }
 });
 Object.defineProperty(exports, "PresenceLabel", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.PresenceLabel; }
+  get: function () { return chunkORKGCXG3_cjs.PresenceLabel; }
 });
 Object.defineProperty(exports, "Progress", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Progress; }
+  get: function () { return chunkORKGCXG3_cjs.Progress; }
 });
 Object.defineProperty(exports, "ProjectEntity", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.ProjectEntity; }
+  get: function () { return chunkORKGCXG3_cjs.ProjectEntity; }
 });
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.RadioGroup; }
+  get: function () { return chunkORKGCXG3_cjs.RadioGroup; }
 });
 Object.defineProperty(exports, "RadioGroupItem", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.RadioGroupItem; }
+  get: function () { return chunkORKGCXG3_cjs.RadioGroupItem; }
 });
 Object.defineProperty(exports, "RagDot", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.RagDot; }
+  get: function () { return chunkORKGCXG3_cjs.RagDot; }
 });
 Object.defineProperty(exports, "RelevanceDot", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.RelevanceDot; }
+  get: function () { return chunkORKGCXG3_cjs.RelevanceDot; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Select; }
+  get: function () { return chunkORKGCXG3_cjs.Select; }
 });
 Object.defineProperty(exports, "SelectContent", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.SelectContent; }
+  get: function () { return chunkORKGCXG3_cjs.SelectContent; }
 });
 Object.defineProperty(exports, "SelectGroup", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.SelectGroup; }
+  get: function () { return chunkORKGCXG3_cjs.SelectGroup; }
 });
 Object.defineProperty(exports, "SelectItem", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.SelectItem; }
+  get: function () { return chunkORKGCXG3_cjs.SelectItem; }
 });
 Object.defineProperty(exports, "SelectLabel", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.SelectLabel; }
+  get: function () { return chunkORKGCXG3_cjs.SelectLabel; }
 });
 Object.defineProperty(exports, "SelectScrollDownButton", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.SelectScrollDownButton; }
+  get: function () { return chunkORKGCXG3_cjs.SelectScrollDownButton; }
 });
 Object.defineProperty(exports, "SelectScrollUpButton", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.SelectScrollUpButton; }
+  get: function () { return chunkORKGCXG3_cjs.SelectScrollUpButton; }
 });
 Object.defineProperty(exports, "SelectSeparator", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.SelectSeparator; }
+  get: function () { return chunkORKGCXG3_cjs.SelectSeparator; }
 });
 Object.defineProperty(exports, "SelectTrigger", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.SelectTrigger; }
+  get: function () { return chunkORKGCXG3_cjs.SelectTrigger; }
 });
 Object.defineProperty(exports, "SelectValue", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.SelectValue; }
+  get: function () { return chunkORKGCXG3_cjs.SelectValue; }
 });
 Object.defineProperty(exports, "Separator", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Separator; }
+  get: function () { return chunkORKGCXG3_cjs.Separator; }
 });
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Slider; }
+  get: function () { return chunkORKGCXG3_cjs.Slider; }
 });
 Object.defineProperty(exports, "StatusPill", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.StatusPill; }
+  get: function () { return chunkORKGCXG3_cjs.StatusPill; }
 });
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Switch; }
+  get: function () { return chunkORKGCXG3_cjs.Switch; }
 });
 Object.defineProperty(exports, "TAG_TYPE_ICONS", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TAG_TYPE_ICONS; }
+  get: function () { return chunkORKGCXG3_cjs.TAG_TYPE_ICONS; }
 });
 Object.defineProperty(exports, "TAG_TYPE_LABELS", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TAG_TYPE_LABELS; }
+  get: function () { return chunkORKGCXG3_cjs.TAG_TYPE_LABELS; }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Table; }
+  get: function () { return chunkORKGCXG3_cjs.Table; }
 });
 Object.defineProperty(exports, "TableBody", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TableBody; }
+  get: function () { return chunkORKGCXG3_cjs.TableBody; }
 });
 Object.defineProperty(exports, "TableCaption", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TableCaption; }
+  get: function () { return chunkORKGCXG3_cjs.TableCaption; }
 });
 Object.defineProperty(exports, "TableCell", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TableCell; }
+  get: function () { return chunkORKGCXG3_cjs.TableCell; }
 });
 Object.defineProperty(exports, "TableFooter", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TableFooter; }
+  get: function () { return chunkORKGCXG3_cjs.TableFooter; }
 });
 Object.defineProperty(exports, "TableHead", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TableHead; }
+  get: function () { return chunkORKGCXG3_cjs.TableHead; }
 });
 Object.defineProperty(exports, "TableHeader", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TableHeader; }
+  get: function () { return chunkORKGCXG3_cjs.TableHeader; }
 });
 Object.defineProperty(exports, "TableRow", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TableRow; }
+  get: function () { return chunkORKGCXG3_cjs.TableRow; }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Tabs; }
+  get: function () { return chunkORKGCXG3_cjs.Tabs; }
 });
 Object.defineProperty(exports, "TabsContent", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TabsContent; }
+  get: function () { return chunkORKGCXG3_cjs.TabsContent; }
 });
 Object.defineProperty(exports, "TabsList", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TabsList; }
+  get: function () { return chunkORKGCXG3_cjs.TabsList; }
 });
 Object.defineProperty(exports, "TabsTrigger", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TabsTrigger; }
+  get: function () { return chunkORKGCXG3_cjs.TabsTrigger; }
 });
 Object.defineProperty(exports, "TagEntity", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TagEntity; }
+  get: function () { return chunkORKGCXG3_cjs.TagEntity; }
 });
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Textarea; }
+  get: function () { return chunkORKGCXG3_cjs.Textarea; }
 });
 Object.defineProperty(exports, "Toggle", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Toggle; }
+  get: function () { return chunkORKGCXG3_cjs.Toggle; }
 });
 Object.defineProperty(exports, "ToggleGroup", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.ToggleGroup; }
+  get: function () { return chunkORKGCXG3_cjs.ToggleGroup; }
 });
 Object.defineProperty(exports, "ToggleGroupItem", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.ToggleGroupItem; }
+  get: function () { return chunkORKGCXG3_cjs.ToggleGroupItem; }
 });
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.Tooltip; }
+  get: function () { return chunkORKGCXG3_cjs.Tooltip; }
 });
 Object.defineProperty(exports, "TooltipContent", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TooltipContent; }
+  get: function () { return chunkORKGCXG3_cjs.TooltipContent; }
 });
 Object.defineProperty(exports, "TooltipProvider", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TooltipProvider; }
+  get: function () { return chunkORKGCXG3_cjs.TooltipProvider; }
 });
 Object.defineProperty(exports, "TooltipTrigger", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.TooltipTrigger; }
+  get: function () { return chunkORKGCXG3_cjs.TooltipTrigger; }
 });
 Object.defineProperty(exports, "UserEntity", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.UserEntity; }
+  get: function () { return chunkORKGCXG3_cjs.UserEntity; }
 });
 Object.defineProperty(exports, "UserMenu", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.UserMenu; }
+  get: function () { return chunkORKGCXG3_cjs.UserMenu; }
 });
 Object.defineProperty(exports, "VISIBILITY_ICONS", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.VISIBILITY_ICONS; }
+  get: function () { return chunkORKGCXG3_cjs.VISIBILITY_ICONS; }
 });
 Object.defineProperty(exports, "VidIcon", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.VidIcon; }
+  get: function () { return chunkORKGCXG3_cjs.VidIcon; }
 });
 Object.defineProperty(exports, "VisibilityIcon", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.VisibilityIcon; }
+  get: function () { return chunkORKGCXG3_cjs.VisibilityIcon; }
 });
 Object.defineProperty(exports, "badgeVariants", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.badgeVariants; }
+  get: function () { return chunkORKGCXG3_cjs.badgeVariants; }
 });
 Object.defineProperty(exports, "buttonVariants", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.buttonVariants; }
+  get: function () { return chunkORKGCXG3_cjs.buttonVariants; }
 });
 Object.defineProperty(exports, "cardVariants", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.cardVariants; }
+  get: function () { return chunkORKGCXG3_cjs.cardVariants; }
 });
 Object.defineProperty(exports, "configureEntityRegistry", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.configureEntityRegistry; }
+  get: function () { return chunkORKGCXG3_cjs.configureEntityRegistry; }
 });
 Object.defineProperty(exports, "configureRagLabels", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.configureRagLabels; }
+  get: function () { return chunkORKGCXG3_cjs.configureRagLabels; }
 });
 Object.defineProperty(exports, "configureStatusRegistry", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.configureStatusRegistry; }
+  get: function () { return chunkORKGCXG3_cjs.configureStatusRegistry; }
 });
 Object.defineProperty(exports, "formatElapsed", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.formatElapsed; }
+  get: function () { return chunkORKGCXG3_cjs.formatElapsed; }
 });
 Object.defineProperty(exports, "getDocIcon", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.getDocIcon; }
+  get: function () { return chunkORKGCXG3_cjs.getDocIcon; }
 });
 Object.defineProperty(exports, "getEntityColor", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.getEntityColor; }
+  get: function () { return chunkORKGCXG3_cjs.getEntityColor; }
 });
 Object.defineProperty(exports, "getEntityColorStyles", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.getEntityColorStyles; }
+  get: function () { return chunkORKGCXG3_cjs.getEntityColorStyles; }
 });
 Object.defineProperty(exports, "getEntityIcon", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.getEntityIcon; }
+  get: function () { return chunkORKGCXG3_cjs.getEntityIcon; }
 });
 Object.defineProperty(exports, "getEntityLabel", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.getEntityLabel; }
+  get: function () { return chunkORKGCXG3_cjs.getEntityLabel; }
 });
 Object.defineProperty(exports, "getStatusVariant", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.getStatusVariant; }
+  get: function () { return chunkORKGCXG3_cjs.getStatusVariant; }
 });
 Object.defineProperty(exports, "getTagTypeIcon", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.getTagTypeIcon; }
+  get: function () { return chunkORKGCXG3_cjs.getTagTypeIcon; }
 });
 Object.defineProperty(exports, "getTagTypeLabel", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.getTagTypeLabel; }
+  get: function () { return chunkORKGCXG3_cjs.getTagTypeLabel; }
 });
 Object.defineProperty(exports, "getWorkspaceColor", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.getWorkspaceColor; }
+  get: function () { return chunkORKGCXG3_cjs.getWorkspaceColor; }
 });
 Object.defineProperty(exports, "markdownBaseComponents", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.markdownBaseComponents; }
+  get: function () { return chunkORKGCXG3_cjs.markdownBaseComponents; }
+});
+Object.defineProperty(exports, "normalizeCitationMarkup", {
+  enumerable: true,
+  get: function () { return chunkORKGCXG3_cjs.normalizeCitationMarkup; }
 });
 Object.defineProperty(exports, "splitMarkdownBlocks", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.splitMarkdownBlocks; }
+  get: function () { return chunkORKGCXG3_cjs.splitMarkdownBlocks; }
 });
 Object.defineProperty(exports, "toggleVariants", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.toggleVariants; }
+  get: function () { return chunkORKGCXG3_cjs.toggleVariants; }
 });
 Object.defineProperty(exports, "useAudioRecorder", {
   enumerable: true,
-  get: function () { return chunkOU2QLIKS_cjs.useAudioRecorder; }
+  get: function () { return chunkORKGCXG3_cjs.useAudioRecorder; }
 });
 Object.defineProperty(exports, "DropdownMenu", {
   enumerable: true,
@@ -6395,8 +6019,6 @@ exports.AiActionCard = AiActionCard;
 exports.AiAnswer = AiAnswer;
 exports.AppleIcon = AppleIcon;
 exports.ArbiBotIcon = ArbiBotIcon;
-exports.ArbiChat = ArbiChat;
-exports.ArbiChatPanel = ArbiChatPanel;
 exports.ArbiIcon = ArbiIcon;
 exports.ArbiWebSocketProvider = ArbiWebSocketProvider;
 exports.ArtifactCanvas = ArtifactCanvas;
@@ -6407,6 +6029,8 @@ exports.CommandPalette = CommandPalette;
 exports.CommandPaletteProvider = CommandPaletteProvider;
 exports.ConversationList = ConversationList;
 exports.DEFAULT_ASPECT_OPTIONS = DEFAULT_ASPECT_OPTIONS;
+exports.DEFAULT_START_BY_EMAIL_LABELS = DEFAULT_START_BY_EMAIL_LABELS;
+exports.DEFAULT_USD_PER_CREDIT = DEFAULT_USD_PER_CREDIT;
 exports.DateSeparator = DateSeparator;
 exports.DirectMessages = DirectMessages;
 exports.DmAvatar = DmAvatar;
@@ -6429,13 +6053,14 @@ exports.ImageCropModal = ImageCropModal;
 exports.ImageCropper = ImageCropper;
 exports.LinkedInIcon = LinkedInIcon;
 exports.MessageArtifactCard = MessageArtifactCard;
-exports.MessageBubble = MessageBubble2;
+exports.MessageBubble = MessageBubble;
 exports.MessageThread = MessageThread;
 exports.OpenAIIcon = OpenAIIcon;
 exports.PhotoCapture = PhotoCapture;
 exports.ProviderIcon = ProviderIcon;
 exports.RUN_WINDOW_MS = RUN_WINDOW_MS;
 exports.SemanticSearch = SemanticSearch;
+exports.StartByEmail = StartByEmail;
 exports.TxtIcon = TxtIcon;
 exports.TypingIndicator = TypingIndicator;
 exports.VideoCapture = VideoCapture;
@@ -6444,23 +6069,37 @@ exports.XlsIcon = XlsIcon;
 exports.annotateThread = annotateThread;
 exports.arbiQueryKeys = arbiQueryKeys;
 exports.captureFrameAsBlob = captureFrameAsBlob;
+exports.creditsToUsd = creditsToUsd;
 exports.cropImage = cropImage;
 exports.dayKey = dayKey;
 exports.describeActivity = describeActivity;
+exports.formatCredits = formatCredits;
 exports.getNotificationTypeMeta = getNotificationTypeMeta;
 exports.getWorkspaceActionText = getWorkspaceActionText;
+exports.getWorkspaceKind = getWorkspaceKind;
 exports.getWorkspaceSentPhrase = getWorkspaceSentPhrase;
 exports.hasVideoTrack = hasVideoTrack;
+exports.isUsageMetered = isUsageMetered;
 exports.isWorkspaceNotificationType = isWorkspaceNotificationType;
 exports.parseActivityContent = parseActivityContent;
+exports.pickRecentWorkspaces = pickRecentWorkspaces;
 exports.redlineStats = redlineStats;
+exports.resolveActiveWorkspace = resolveActiveWorkspace;
 exports.textToArtifact = textToArtifact;
+exports.titleFromQuestion = titleFromQuestion;
 exports.toRedlineMarkdown = toRedlineMarkdown;
+exports.toShellWorkspace = toShellWorkspace;
 exports.useActivity = useActivity;
+exports.useAddContacts = useAddContacts;
+exports.useAgentConfig = useAgentConfig;
+exports.useAgentModels = useAgentModels;
+exports.useAgentWorkspaces = useAgentWorkspaces;
 exports.useAgents = useAgents;
 exports.useAiTask = useAiTask;
+exports.useArbiChat = useArbiChat;
 exports.useArbiConnected = useArbiConnected;
 exports.useArbiDocumentSync = useArbiDocumentSync;
+exports.useArbiShellWorkspaces = useArbiShellWorkspaces;
 exports.useArbiUiStore = useArbiUiStore;
 exports.useArbiWebSocket = useArbiWebSocket;
 exports.useArbiWsContext = useArbiWsContext;
@@ -6473,22 +6112,36 @@ exports.useAssistantQuery = useAssistantQuery;
 exports.useCameraStream = useCameraStream;
 exports.useCommandPalette = useCommandPalette;
 exports.useConfigs = useConfigs;
+exports.useContacts = useContacts;
 exports.useConversations = useConversations;
+exports.useCreateAgent = useCreateAgent;
+exports.useCreateTask = useCreateTask;
 exports.useDeleteAgents = useDeleteAgents;
+exports.useDeleteTask = useDeleteTask;
 exports.useDirectMessages = useDirectMessages;
 exports.useDocuments = useDocuments;
 exports.useFacts = useFacts;
+exports.useGrantAgentAccess = useGrantAgentAccess;
 exports.useHealth = useHealth;
 exports.useParsedDocument = useParsedDocument;
+exports.usePendingContacts = usePendingContacts;
 exports.useProjectInvoices = useProjectInvoices;
 exports.useProjectUsage = useProjectUsage;
 exports.useProjects = useProjects;
 exports.useProjectsUsage = useProjectsUsage;
+exports.useRemoveContacts = useRemoveContacts;
+exports.useRevokeAgentAccess = useRevokeAgentAccess;
+exports.useRunTask = useRunTask;
+exports.useSaveAgentConfig = useSaveAgentConfig;
 exports.useSemanticSearch = useSemanticSearch;
 exports.useSessions = useSessions;
+exports.useShellWorkspaces = useShellWorkspaces;
+exports.useSkills = useSkills;
 exports.useTags = useTags;
+exports.useTaskRuns = useTaskRuns;
 exports.useTasks = useTasks;
 exports.useThumbnails = useThumbnails;
+exports.useUpdateTask = useUpdateTask;
 exports.useUserUsageToday = useUserUsageToday;
 exports.useVideoRecorder = useVideoRecorder;
 exports.useWorkspaceDocs = useWorkspaceDocs;