@jazzmind/busibox-app 3.0.52 → 3.0.54

package/dist/components/account/IntegrationsSettings.d.ts

@@ -0,0 +1,2 @@
+export declare function IntegrationsSettings(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=IntegrationsSettings.d.ts.map

package/dist/components/account/IntegrationsSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationsSettings.d.ts","sourceRoot":"","sources":["../../../src/components/account/IntegrationsSettings.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,oBAAoB,mDAsJnC"}

package/dist/components/account/IntegrationsSettings.js

@@ -0,0 +1,96 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useCrossAppApiPath } from '../../contexts/ApiContext';
+const PROVIDER_INFO = {
+    google: {
+        label: 'Google',
+        icon: '🟢',
+        description: 'Access Google Calendar and Gmail (read-only) for meeting prep and email summaries.',
+    },
+    microsoft: {
+        label: 'Microsoft 365',
+        icon: '🔵',
+        description: 'Access Outlook Calendar and Mail (read-only) for meeting prep and email summaries.',
+    },
+};
+export function IntegrationsSettings() {
+    const resolve = useCrossAppApiPath();
+    const [integrations, setIntegrations] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [working, setWorking] = useState(null);
+    const [error, setError] = useState(null);
+    const [message, setMessage] = useState(null);
+    useEffect(() => {
+        const params = new URLSearchParams(window.location.search);
+        const connected = params.get('integration_connected');
+        const integrationError = params.get('integration_error');
+        if (connected)
+            setMessage(`Successfully connected ${connected}`);
+        if (integrationError)
+            setError(`Connection failed: ${integrationError}`);
+    }, []);
+    const loadIntegrations = async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const res = await fetch(resolve('account', '/api/account/integrations'), { cache: 'no-store' });
+            const data = await res.json();
+            if (!res.ok)
+                throw new Error(data.error || 'Failed to load integrations');
+            setIntegrations(Array.isArray(data.integrations) ? data.integrations : []);
+        }
+        catch (err) {
+            const msg = err instanceof Error ? err.message : 'Failed to load integrations';
+            setError(msg);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => {
+        void loadIntegrations();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const handleConnect = (provider) => {
+        setWorking(provider);
+        window.location.href = resolve('account', `/api/account/integrations/${provider}/connect`);
+    };
+    const handleDisconnect = async (provider) => {
+        setWorking(provider);
+        setError(null);
+        setMessage(null);
+        try {
+            const res = await fetch(resolve('account', `/api/account/integrations/${provider}`), {
+                method: 'DELETE',
+            });
+            const data = await res.json();
+            if (!res.ok)
+                throw new Error(data.error || 'Failed to disconnect');
+            setMessage(`Disconnected ${provider}`);
+            await loadIntegrations();
+        }
+        catch (err) {
+            const msg = err instanceof Error ? err.message : 'Failed to disconnect';
+            setError(msg);
+        }
+        finally {
+            setWorking(null);
+        }
+    };
+    if (loading) {
+        return (_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900 mb-4", children: "Connected Integrations" }), _jsx("div", { className: "animate-pulse h-6 bg-gray-200 rounded w-1/3" })] }));
+    }
+    // If no integrations are available (authz has none configured), show nothing
+    if (!loading && integrations.length === 0) {
+        return null;
+    }
+    return (_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900 mb-1", children: "Connected Integrations" }), _jsx("p", { className: "text-sm text-gray-500 mb-4", children: "Connect your calendar and email accounts so AI agents can assist with meeting prep, scheduling, and briefings." }), error && (_jsx("div", { className: "mb-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded px-3 py-2", children: error })), message && (_jsx("div", { className: "mb-3 text-sm text-green-700 bg-green-50 border border-green-200 rounded px-3 py-2", children: message })), _jsx("div", { className: "space-y-3", children: integrations.map((integration) => {
+                    const info = PROVIDER_INFO[integration.provider];
+                    if (!info)
+                        return null;
+                    const isWorking = working === integration.provider;
+                    return (_jsxs("div", { className: "flex items-start justify-between gap-4 p-4 border border-gray-200 rounded-lg", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("span", { className: "text-2xl leading-none mt-0.5", children: info.icon }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-medium text-gray-900", children: info.label }), integration.connected && (_jsx("span", { className: "inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800", children: "Connected" }))] }), _jsx("p", { className: "text-xs text-gray-500 mt-0.5", children: info.description }), integration.connected && integration.email && (_jsxs("p", { className: "text-xs text-gray-600 mt-1", children: ["Signed in as ", _jsx("span", { className: "font-medium", children: integration.email })] }))] })] }), _jsx("div", { className: "shrink-0", children: integration.connected ? (_jsx("button", { onClick: () => handleDisconnect(integration.provider), disabled: isWorking, className: "text-sm text-red-600 hover:text-red-700 disabled:opacity-50 font-medium", children: isWorking ? 'Disconnecting…' : 'Disconnect' })) : (_jsx("button", { onClick: () => handleConnect(integration.provider), disabled: isWorking, className: "inline-flex items-center px-3 py-1.5 border border-gray-300 rounded-md text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 disabled:opacity-50", children: isWorking ? 'Redirecting…' : 'Connect' })) })] }, integration.provider));
+                }) })] }));
+}
+//# sourceMappingURL=IntegrationsSettings.js.map

package/dist/components/account/IntegrationsSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationsSettings.js","sourceRoot":"","sources":["../../../src/components/account/IntegrationsSettings.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAU/D,MAAM,aAAa,GAAyE;IAC1F,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,IAAI;QACV,WAAW,EAAE,oFAAoF;KAClG;IACD,SAAS,EAAE;QACT,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,IAAI;QACV,WAAW,EACT,oFAAoF;KACvF;CACF,CAAC;AAEF,MAAM,UAAU,oBAAoB;IAClC,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IACrC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,EAAE,CAAC,CAAC;IACpE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC5D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC3D,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;QACtD,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QACzD,IAAI,SAAS;YAAE,UAAU,CAAC,0BAA0B,SAAS,EAAE,CAAC,CAAC;QACjE,IAAI,gBAAgB;YAAE,QAAQ,CAAC,sBAAsB,gBAAgB,EAAE,CAAC,CAAC;IAC3E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;QAClC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,2BAA2B,CAAC,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;YAChG,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;YAC9B,IAAI,CAAC,GAAG,CAAC,EAAE;gBAAE,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,6BAA6B,CAAC,CAAC;YAC1E,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC7E,CAAC;QAAC,OAAO,GAAY,EAAE,CAAC;YACtB,MAAM,GAAG,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC;YAC/E,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChB,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,gBAAgB,EAAE,CAAC;QAC1B,uDAAuD;IACvD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAE,EAAE;QACzC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACrB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,OAAO,CAAC,SAAS,EAAE,6BAA6B,QAAQ,UAAU,CAAC,CAAC;IAC7F,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,KAAK,EAAE,QAAgB,EAAE,EAAE;QAClD,UAAU,CAAC,QAAQ,CAAC,CAAC;QACrB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,6BAA6B,QAAQ,EAAE,CAAC,EAAE;gBACnF,MAAM,EAAE,QAAQ;aACjB,CAAC,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;YAC9B,IAAI,CAAC,GAAG,CAAC,EAAE;gBAAE,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,sBAAsB,CAAC,CAAC;YACnE,UAAU,CAAC,gBAAgB,QAAQ,EAAE,CAAC,CAAC;YACvC,MAAM,gBAAgB,EAAE,CAAC;QAC3B,CAAC;QAAC,OAAO,GAAY,EAAE,CAAC;YACtB,MAAM,GAAG,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC;YACxE,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChB,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,0BACE,aAAI,SAAS,EAAC,0CAA0C,uCAA4B,EACpF,cAAK,SAAS,EAAC,6CAA6C,GAAG,IAC3D,CACP,CAAC;IACJ,CAAC;IAED,6EAA6E;IAC7E,IAAI,CAAC,OAAO,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,0BACE,aAAI,SAAS,EAAC,0CAA0C,uCAA4B,EACpF,YAAG,SAAS,EAAC,4BAA4B,+HAGrC,EAEH,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,6EAA6E,YACzF,KAAK,GACF,CACP,EACA,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,mFAAmF,YAC/F,OAAO,GACJ,CACP,EAED,cAAK,SAAS,EAAC,WAAW,YACvB,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE;oBAChC,MAAM,IAAI,GAAG,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;oBACjD,IAAI,CAAC,IAAI;wBAAE,OAAO,IAAI,CAAC;oBACvB,MAAM,SAAS,GAAG,OAAO,KAAK,WAAW,CAAC,QAAQ,CAAC;oBAEnD,OAAO,CACL,eAEE,SAAS,EAAC,8EAA8E,aAExF,eAAK,SAAS,EAAC,wBAAwB,aACrC,eAAM,SAAS,EAAC,8BAA8B,YAAE,IAAI,CAAC,IAAI,GAAQ,EACjE,0BACE,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,2BAA2B,YAAE,IAAI,CAAC,KAAK,GAAQ,EAC9D,WAAW,CAAC,SAAS,IAAI,CACxB,eAAM,SAAS,EAAC,mGAAmG,0BAE5G,CACR,IACG,EACN,YAAG,SAAS,EAAC,8BAA8B,YAAE,IAAI,CAAC,WAAW,GAAK,EACjE,WAAW,CAAC,SAAS,IAAI,WAAW,CAAC,KAAK,IAAI,CAC7C,aAAG,SAAS,EAAC,4BAA4B,8BAC1B,eAAM,SAAS,EAAC,aAAa,YAAE,WAAW,CAAC,KAAK,GAAQ,IACnE,CACL,IACG,IACF,EACN,cAAK,SAAS,EAAC,UAAU,YACtB,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CACvB,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC,EACrD,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,yEAAyE,YAElF,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,GACrC,CACV,CAAC,CAAC,CAAC,CACF,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EAClD,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,wJAAwJ,YAEjK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,GAChC,CACV,GACG,KAxCD,WAAW,CAAC,QAAQ,CAyCrB,CACP,CAAC;gBACJ,CAAC,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/auth/ProtectedRoute.d.ts

@@ -8,5 +8,5 @@ export type ProtectedRouteProps = {
      *  redirecting to login. Use for inline re-auth flows (e.g. passkey prompt). */
     sessionExpiredFallback?: React.ReactNode;
 };
-export declare function ProtectedRoute({ children, requireAdmin, fallback, loginUrl, homeUrl, sessionExpiredFallback, }: ProtectedRouteProps): string | number | bigint | true | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
+export declare function ProtectedRoute({ children, requireAdmin, fallback, loginUrl, homeUrl, sessionExpiredFallback, }: ProtectedRouteProps): string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>;
 //# sourceMappingURL=ProtectedRoute.d.ts.map

package/dist/components/chat/ChatContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContainer.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatContainer.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EACV,YAAY,EACZ,OAAO,EAIR,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AA6D5F,MAAM,WAAW,kBAAkB;IACjC,oBAAoB,EAAE,YAAY,EAAE,CAAC;IACrC,eAAe,EAAE,OAAO,EAAE,CAAC;IAC3B,mBAAmB,EAAE,YAAY,GAAG,IAAI,CAAC;IACzC,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,IAAI,CAAC;IAC5E,YAAY,EAAE,OAAO,CAAC;IACtB,8FAA8F;IAC9F,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,2BAA2B,EAAE,OAAO,CAAC;IACrC,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gGAAgG;IAChG,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,YAAY,EAAE,mBAAmB,EACjC,YAAY,EACZ,eAAe,EAAE,mBAA0B,EAC3C,2BAA2B,EAC3B,MAAM,EACN,sBAAuC,EACvC,iBAAwB,EACxB,SAAc,GACf,EAAE,kBAAkB,2CAwoCpB"}
+{"version":3,"file":"ChatContainer.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatContainer.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,YAAY,EACZ,OAAO,EAIR,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAoE5F,MAAM,WAAW,kBAAkB;IACjC,oBAAoB,EAAE,YAAY,EAAE,CAAC;IACrC,eAAe,EAAE,OAAO,EAAE,CAAC;IAC3B,mBAAmB,EAAE,YAAY,GAAG,IAAI,CAAC;IACzC,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,IAAI,CAAC;IAC5E,YAAY,EAAE,OAAO,CAAC;IACtB,8FAA8F;IAC9F,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,2BAA2B,EAAE,OAAO,CAAC;IACrC,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gGAAgG;IAChG,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,YAAY,EAAE,mBAAmB,EACjC,YAAY,EACZ,eAAe,EAAE,mBAA0B,EAC3C,2BAA2B,EAC3B,MAAM,EACN,sBAAuC,EACvC,iBAAwB,EACxB,SAAc,GACf,EAAE,kBAAkB,2CA8oCpB"}

package/dist/components/chat/ChatContainer.js

@@ -17,6 +17,8 @@ import { MessageInput } from './MessageInput';
 import { AgentSelectionPanel } from './AgentSelectionPanel';
 import { InsightEditModal } from './InsightEditModal';
 import { stripThinkTags } from './chat-utils';
+import { CitationProvider, useCitation } from './CitationContext';
+import { DocumentPreviewPanel } from '../documents/DocumentPreviewPanel';
 import { useChatStream } from '../../lib/hooks/useChatStream';
 import { useIsMobile } from '../../lib/hooks/useIsMobile';
 import { useCrossAppApiPath } from '../../contexts/ApiContext';
@@ -42,6 +44,7 @@ function mapConversation(conv) {
  * Extracts thoughts from routing_decision.thoughts
  */
 function mapMessage(msg) {
+    const rawCitations = msg.routing_decision?.citations || [];
     return {
         id: msg.id,
         conversationId: msg.conversation_id || msg.conversationId,
@@ -61,6 +64,12 @@ function mapMessage(msg) {
             sizeBytes: a.size_bytes ?? a.sizeBytes,
             addedToLibrary: a.added_to_library ?? a.addedToLibrary,
         })),
+        citations: rawCitations.map((c) => ({
+            fileId: c.file_id || c.fileId,
+            filename: c.filename || '',
+            page: c.page_number ?? c.page ?? undefined,
+            score: c.score ?? undefined,
+        })).filter((c) => !!c.fileId),
         createdAt: msg.created_at ? new Date(msg.created_at) : msg.createdAt,
     };
 }
@@ -633,100 +642,107 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
                                     e.stopPropagation();
                                     handleDeleteConversation(conv.id);
                                 }, className: "opacity-0 group-hover:opacity-100 p-1 hover:bg-red-100 dark:hover:bg-red-900 rounded text-gray-400 hover:text-red-600 dark:hover:text-red-400 transition-all", children: _jsx(Trash2, { className: "w-4 h-4" }) }))] }, conv.id))) })) })] }));
-    return (_jsxs("div", { className: `flex h-full overflow-hidden bg-gray-50 dark:bg-gray-900 ${className}`, children: [!isMobile && conversationSidebar, isMobile && mobileSidebarOpen && (_jsxs("div", { className: "fixed inset-0 z-40 flex md:hidden", children: [_jsx("div", { className: "absolute inset-0 bg-black/40", onClick: () => setMobileSidebarOpen(false) }), _jsx("div", { className: "relative z-10", children: conversationSidebar })] })), _jsxs("div", { className: "flex-1 flex flex-col min-w-0 min-h-0 overflow-hidden", children: [_jsx("div", { className: "bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 p-4", children: _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [isMobile && (_jsx("button", { onClick: () => setMobileSidebarOpen(true), className: "md:hidden p-2 rounded-lg border border-gray-300 dark:border-gray-600 text-gray-600 dark:text-gray-300", title: "Open conversations", "aria-label": "Open conversations", children: _jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 6h18M3 12h18M3 18h18" }) }) })), _jsxs("div", { className: "min-w-0", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white truncate", children: currentConversation?.title || 'New Conversation' }), _jsxs("div", { className: "hidden sm:flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400", children: [_jsxs("span", { children: [messages.length, " messages"] }), showAgentSelector && selectedAgents.length > 0 && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-gray-300 dark:text-gray-600", children: "\u2022" }), _jsxs("span", { className: "flex items-center gap-1 truncate", children: [selectedAgents.slice(0, 2).map((agentId, idx) => {
-                                                                            const agent = availableAgents.find(a => a.id === agentId);
-                                                                            if (!agent)
-                                                                                return null;
-                                                                            return (_jsxs("span", { className: "text-blue-600 dark:text-blue-400", children: [agent.display_name || agent.name, idx < Math.min(selectedAgents.length, 2) - 1 ? ',' : ''] }, agentId));
-                                                                        }), selectedAgents.length > 2 && (_jsxs("span", { className: "text-gray-400 dark:text-gray-500", children: ["+", selectedAgents.length - 2, " more"] }))] })] }))] })] })] }), _jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [showAgentSelector && (_jsxs("button", { onClick: () => {
-                                                setShowAgentPanel(!showAgentPanel);
-                                                if (!showAgentPanel) {
-                                                    setShowInsightsPanel(false);
-                                                    setShowTasksPanel(false);
+    return (_jsx(CitationProvider, { children: _jsxs("div", { className: `flex h-full overflow-hidden bg-gray-50 dark:bg-gray-900 ${className}`, children: [!isMobile && conversationSidebar, isMobile && mobileSidebarOpen && (_jsxs("div", { className: "fixed inset-0 z-40 flex md:hidden", children: [_jsx("div", { className: "absolute inset-0 bg-black/40", onClick: () => setMobileSidebarOpen(false) }), _jsx("div", { className: "relative z-10", children: conversationSidebar })] })), _jsxs("div", { className: "flex-1 flex flex-col min-w-0 min-h-0 overflow-hidden", children: [_jsx("div", { className: "bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 p-4", children: _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [isMobile && (_jsx("button", { onClick: () => setMobileSidebarOpen(true), className: "md:hidden p-2 rounded-lg border border-gray-300 dark:border-gray-600 text-gray-600 dark:text-gray-300", title: "Open conversations", "aria-label": "Open conversations", children: _jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 6h18M3 12h18M3 18h18" }) }) })), _jsxs("div", { className: "min-w-0", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white truncate", children: currentConversation?.title || 'New Conversation' }), _jsxs("div", { className: "hidden sm:flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400", children: [_jsxs("span", { children: [messages.length, " messages"] }), showAgentSelector && selectedAgents.length > 0 && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-gray-300 dark:text-gray-600", children: "\u2022" }), _jsxs("span", { className: "flex items-center gap-1 truncate", children: [selectedAgents.slice(0, 2).map((agentId, idx) => {
+                                                                                const agent = availableAgents.find(a => a.id === agentId);
+                                                                                if (!agent)
+                                                                                    return null;
+                                                                                return (_jsxs("span", { className: "text-blue-600 dark:text-blue-400", children: [agent.display_name || agent.name, idx < Math.min(selectedAgents.length, 2) - 1 ? ',' : ''] }, agentId));
+                                                                            }), selectedAgents.length > 2 && (_jsxs("span", { className: "text-gray-400 dark:text-gray-500", children: ["+", selectedAgents.length - 2, " more"] }))] })] }))] })] })] }), _jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [showAgentSelector && (_jsxs("button", { onClick: () => {
+                                                    setShowAgentPanel(!showAgentPanel);
+                                                    if (!showAgentPanel) {
+                                                        setShowInsightsPanel(false);
+                                                        setShowTasksPanel(false);
+                                                    }
+                                                }, disabled: isStreaming, className: `flex items-center gap-2 px-3 py-2 text-sm border rounded-lg transition-colors ${isStreaming
+                                                    ? 'bg-gray-100 dark:bg-gray-700 text-gray-400 dark:text-gray-500 cursor-not-allowed'
+                                                    : showAgentPanel
+                                                        ? 'bg-blue-100 dark:bg-blue-900/50 text-blue-700 dark:text-blue-300 border-blue-300 dark:border-blue-600'
+                                                        : selectedAgents.length > 0
+                                                            ? 'bg-blue-50 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400 border-blue-200 dark:border-blue-700 hover:bg-blue-100 dark:hover:bg-blue-900/50'
+                                                            : 'bg-white dark:bg-gray-700 text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-600'}`, title: "Select agents", children: [_jsx(Bot, { className: "w-4 h-4" }), _jsx("span", { className: "font-medium hidden sm:inline", children: "Agents" }), selectedAgents.length > 0 && (_jsx("span", { className: "bg-blue-500 text-white text-xs min-w-[1.5rem] px-2 py-0.5 rounded-full text-center", children: selectedAgents.length }))] })), showInsights && insightsEnabled && (_jsxs("button", { onClick: () => {
+                                                    const willOpen = !showInsightsPanel;
+                                                    setShowInsightsPanel(willOpen);
+                                                    if (willOpen) {
+                                                        setShowAgentPanel(false);
+                                                        setShowTasksPanel(false);
+                                                        loadInsights(null, 0, false);
+                                                    }
+                                                }, className: `flex items-center gap-2 px-3 py-2 text-sm border rounded-lg transition-colors ${showInsightsPanel
+                                                    ? 'bg-purple-100 dark:bg-purple-900/50 text-purple-700 dark:text-purple-300 border-purple-300 dark:border-purple-600'
+                                                    : 'bg-white dark:bg-gray-700 text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-600'}`, title: "View insights and memories", children: [_jsx(Brain, { className: "w-4 h-4" }), _jsx("span", { className: "font-medium hidden sm:inline", children: "Insights" }), insightStats && insightStats.total > 0 && (_jsx("span", { className: "bg-purple-500 text-white text-xs min-w-[1.5rem] px-2 py-0.5 rounded-full text-center", children: insightStats.total }))] })), _jsxs("button", { onClick: () => {
+                                                    setShowTasksPanel(!showTasksPanel);
+                                                    if (!showTasksPanel) {
+                                                        setShowAgentPanel(false);
+                                                        setShowInsightsPanel(false);
+                                                    }
+                                                }, className: `flex items-center gap-2 px-3 py-2 text-sm border rounded-lg transition-colors ${showTasksPanel
+                                                    ? 'bg-amber-100 dark:bg-amber-900/50 text-amber-700 dark:text-amber-300 border-amber-300 dark:border-amber-600'
+                                                    : 'bg-white dark:bg-gray-700 text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-600'}`, title: "View and manage tasks", children: [_jsx(ListTodo, { className: "w-4 h-4" }), _jsx("span", { className: "font-medium hidden sm:inline", children: "Tasks" })] })] })] }) }), _jsx("div", { className: "flex-1 min-h-0 overflow-y-auto bg-white dark:bg-gray-800", children: isLoadingMessages ? (_jsx("div", { className: "flex items-center justify-center h-full", children: _jsx("div", { className: "text-gray-500 dark:text-gray-400", children: "Loading messages..." }) })) : (_jsx(MessageList, { messages: messages, streamingContent: streamState.content || undefined, streamingAgentName: streamState.agentName, streamingThoughts: streamState.thoughts, streamingParts: streamState.parts, streamingCitations: streamState.citations, isLoading: isStreaming, onDeleteMessage: handleDeleteMessage, onRetryMessage: handleRetryMessage, onSuggestedAction: (action) => handleSendMessage(action), quickReplies: quickReplies.length > 0
+                                    ? quickReplies
+                                    : streamState.promptActive
+                                        ? streamState.quickReplies
+                                        : undefined, onQuickReply: (reply) => {
+                                    setQuickReplies([]);
+                                    setPromptActive(false);
+                                    hookCancel();
+                                    setTimeout(() => handleSendMessage(reply), 50);
+                                }, insightsEnabled: insightsEnabled })) }), _jsx(MessageInput, { onSend: handleSendMessage, onStop: handleStopStreaming, disabled: false, isStreaming: isStreaming, conversationId: currentConversation?.id, onEnsureConversation: ensureConversation })] }), showInsights && showInsightsPanel && (_jsxs("div", { className: "w-80 bg-white dark:bg-gray-800 border-l border-gray-200 dark:border-gray-700 flex flex-col", children: [_jsxs("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "Insights" }), _jsx("button", { onClick: () => setShowInsightsPanel(false), className: "p-1 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300", children: _jsx(X, { className: "w-5 h-5" }) })] }), currentConversation && (_jsxs("div", { className: "flex gap-2 mb-3", children: [_jsxs("button", { onClick: handleForceInsight, className: "flex-1 flex items-center justify-center gap-2 px-3 py-1.5 text-sm bg-amber-100 dark:bg-amber-900 text-amber-700 dark:text-amber-300 rounded-lg hover:bg-amber-200 dark:hover:bg-amber-800 transition-colors", title: "Manually add an insight", children: [_jsx(Sparkles, { className: "w-4 h-4" }), "Add"] }), _jsxs("button", { onClick: handleGenerateInsights, disabled: isLoadingInsights, className: "flex-1 flex items-center justify-center gap-2 px-3 py-1.5 text-sm bg-purple-100 dark:bg-purple-900 text-purple-700 dark:text-purple-300 rounded-lg hover:bg-purple-200 dark:hover:bg-purple-800 transition-colors disabled:opacity-50", children: [_jsx(Brain, { className: "w-4 h-4" }), "Generate"] })] })), insightStats && (_jsxs("div", { className: "mb-3", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsxs("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: [insightStats.total, " insights"] }), insightCategoryFilter && (_jsx("button", { onClick: () => handleCategoryFilter(null), className: "text-xs text-purple-600 dark:text-purple-400 hover:underline", children: "Clear filter" }))] }), _jsx("div", { className: "flex flex-wrap gap-1", children: Object.entries(insightStats.by_category || {}).map(([category, count]) => (_jsxs("button", { onClick: () => handleCategoryFilter(insightCategoryFilter === category ? null : category), className: `text-xs px-2 py-1 rounded-full transition-colors ${insightCategoryFilter === category
+                                                    ? category === 'preference'
+                                                        ? 'bg-blue-500 text-white'
+                                                        : category === 'fact'
+                                                            ? 'bg-green-500 text-white'
+                                                            : category === 'goal'
+                                                                ? 'bg-purple-500 text-white'
+                                                                : category === 'context'
+                                                                    ? 'bg-amber-500 text-white'
+                                                                    : 'bg-gray-500 text-white'
+                                                    : category === 'preference'
+                                                        ? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300 hover:bg-blue-200 dark:hover:bg-blue-800'
+                                                        : category === 'fact'
+                                                            ? 'bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300 hover:bg-green-200 dark:hover:bg-green-800'
+                                                            : category === 'goal'
+                                                                ? 'bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300 hover:bg-purple-200 dark:hover:bg-purple-800'
+                                                                : category === 'context'
+                                                                    ? 'bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300 hover:bg-amber-200 dark:hover:bg-amber-800'
+                                                                    : 'bg-gray-100 text-gray-700 dark:bg-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-500'}`, children: [category, " (", count, ")"] }, category))) })] })), _jsxs("div", { className: "flex gap-2", children: [_jsx("input", { type: "text", value: insightSearchQuery, onChange: (e) => setInsightSearchQuery(e.target.value), onKeyDown: (e) => {
+                                                if (e.key === 'Enter')
+                                                    handleSearchInsights();
+                                                if (e.key === 'Escape') {
+                                                    setInsightSearchQuery('');
+                                                    loadInsights(insightCategoryFilter, 0, false);
                                                 }
-                                            }, disabled: isStreaming, className: `flex items-center gap-2 px-3 py-2 text-sm border rounded-lg transition-colors ${isStreaming
-                                                ? 'bg-gray-100 dark:bg-gray-700 text-gray-400 dark:text-gray-500 cursor-not-allowed'
-                                                : showAgentPanel
-                                                    ? 'bg-blue-100 dark:bg-blue-900/50 text-blue-700 dark:text-blue-300 border-blue-300 dark:border-blue-600'
-                                                    : selectedAgents.length > 0
-                                                        ? 'bg-blue-50 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400 border-blue-200 dark:border-blue-700 hover:bg-blue-100 dark:hover:bg-blue-900/50'
-                                                        : 'bg-white dark:bg-gray-700 text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-600'}`, title: "Select agents", children: [_jsx(Bot, { className: "w-4 h-4" }), _jsx("span", { className: "font-medium hidden sm:inline", children: "Agents" }), selectedAgents.length > 0 && (_jsx("span", { className: "bg-blue-500 text-white text-xs min-w-[1.5rem] px-2 py-0.5 rounded-full text-center", children: selectedAgents.length }))] })), showInsights && insightsEnabled && (_jsxs("button", { onClick: () => {
-                                                const willOpen = !showInsightsPanel;
-                                                setShowInsightsPanel(willOpen);
-                                                if (willOpen) {
-                                                    setShowAgentPanel(false);
-                                                    setShowTasksPanel(false);
-                                                    loadInsights(null, 0, false);
-                                                }
-                                            }, className: `flex items-center gap-2 px-3 py-2 text-sm border rounded-lg transition-colors ${showInsightsPanel
-                                                ? 'bg-purple-100 dark:bg-purple-900/50 text-purple-700 dark:text-purple-300 border-purple-300 dark:border-purple-600'
-                                                : 'bg-white dark:bg-gray-700 text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-600'}`, title: "View insights and memories", children: [_jsx(Brain, { className: "w-4 h-4" }), _jsx("span", { className: "font-medium hidden sm:inline", children: "Insights" }), insightStats && insightStats.total > 0 && (_jsx("span", { className: "bg-purple-500 text-white text-xs min-w-[1.5rem] px-2 py-0.5 rounded-full text-center", children: insightStats.total }))] })), _jsxs("button", { onClick: () => {
-                                                setShowTasksPanel(!showTasksPanel);
-                                                if (!showTasksPanel) {
-                                                    setShowAgentPanel(false);
-                                                    setShowInsightsPanel(false);
-                                                }
-                                            }, className: `flex items-center gap-2 px-3 py-2 text-sm border rounded-lg transition-colors ${showTasksPanel
-                                                ? 'bg-amber-100 dark:bg-amber-900/50 text-amber-700 dark:text-amber-300 border-amber-300 dark:border-amber-600'
-                                                : 'bg-white dark:bg-gray-700 text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-600'}`, title: "View and manage tasks", children: [_jsx(ListTodo, { className: "w-4 h-4" }), _jsx("span", { className: "font-medium hidden sm:inline", children: "Tasks" })] })] })] }) }), _jsx("div", { className: "flex-1 min-h-0 overflow-y-auto bg-white dark:bg-gray-800", children: isLoadingMessages ? (_jsx("div", { className: "flex items-center justify-center h-full", children: _jsx("div", { className: "text-gray-500 dark:text-gray-400", children: "Loading messages..." }) })) : (_jsx(MessageList, { messages: messages, streamingContent: streamState.content || undefined, streamingAgentName: streamState.agentName, streamingThoughts: streamState.thoughts, streamingParts: streamState.parts, isLoading: isStreaming, onDeleteMessage: handleDeleteMessage, onRetryMessage: handleRetryMessage, onSuggestedAction: (action) => handleSendMessage(action), quickReplies: quickReplies.length > 0
-                                ? quickReplies
-                                : streamState.promptActive
-                                    ? streamState.quickReplies
-                                    : undefined, onQuickReply: (reply) => {
-                                setQuickReplies([]);
-                                setPromptActive(false);
-                                hookCancel();
-                                setTimeout(() => handleSendMessage(reply), 50);
-                            }, insightsEnabled: insightsEnabled })) }), _jsx(MessageInput, { onSend: handleSendMessage, onStop: handleStopStreaming, disabled: false, isStreaming: isStreaming, conversationId: currentConversation?.id, onEnsureConversation: ensureConversation })] }), showInsights && showInsightsPanel && (_jsxs("div", { className: "w-80 bg-white dark:bg-gray-800 border-l border-gray-200 dark:border-gray-700 flex flex-col", children: [_jsxs("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "Insights" }), _jsx("button", { onClick: () => setShowInsightsPanel(false), className: "p-1 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300", children: _jsx(X, { className: "w-5 h-5" }) })] }), currentConversation && (_jsxs("div", { className: "flex gap-2 mb-3", children: [_jsxs("button", { onClick: handleForceInsight, className: "flex-1 flex items-center justify-center gap-2 px-3 py-1.5 text-sm bg-amber-100 dark:bg-amber-900 text-amber-700 dark:text-amber-300 rounded-lg hover:bg-amber-200 dark:hover:bg-amber-800 transition-colors", title: "Manually add an insight", children: [_jsx(Sparkles, { className: "w-4 h-4" }), "Add"] }), _jsxs("button", { onClick: handleGenerateInsights, disabled: isLoadingInsights, className: "flex-1 flex items-center justify-center gap-2 px-3 py-1.5 text-sm bg-purple-100 dark:bg-purple-900 text-purple-700 dark:text-purple-300 rounded-lg hover:bg-purple-200 dark:hover:bg-purple-800 transition-colors disabled:opacity-50", children: [_jsx(Brain, { className: "w-4 h-4" }), "Generate"] })] })), insightStats && (_jsxs("div", { className: "mb-3", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsxs("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: [insightStats.total, " insights"] }), insightCategoryFilter && (_jsx("button", { onClick: () => handleCategoryFilter(null), className: "text-xs text-purple-600 dark:text-purple-400 hover:underline", children: "Clear filter" }))] }), _jsx("div", { className: "flex flex-wrap gap-1", children: Object.entries(insightStats.by_category || {}).map(([category, count]) => (_jsxs("button", { onClick: () => handleCategoryFilter(insightCategoryFilter === category ? null : category), className: `text-xs px-2 py-1 rounded-full transition-colors ${insightCategoryFilter === category
-                                                ? category === 'preference'
-                                                    ? 'bg-blue-500 text-white'
-                                                    : category === 'fact'
-                                                        ? 'bg-green-500 text-white'
-                                                        : category === 'goal'
-                                                            ? 'bg-purple-500 text-white'
-                                                            : category === 'context'
-                                                                ? 'bg-amber-500 text-white'
-                                                                : 'bg-gray-500 text-white'
-                                                : category === 'preference'
-                                                    ? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300 hover:bg-blue-200 dark:hover:bg-blue-800'
-                                                    : category === 'fact'
-                                                        ? 'bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300 hover:bg-green-200 dark:hover:bg-green-800'
-                                                        : category === 'goal'
-                                                            ? 'bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300 hover:bg-purple-200 dark:hover:bg-purple-800'
-                                                            : category === 'context'
-                                                                ? 'bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300 hover:bg-amber-200 dark:hover:bg-amber-800'
-                                                                : 'bg-gray-100 text-gray-700 dark:bg-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-500'}`, children: [category, " (", count, ")"] }, category))) })] })), _jsxs("div", { className: "flex gap-2", children: [_jsx("input", { type: "text", value: insightSearchQuery, onChange: (e) => setInsightSearchQuery(e.target.value), onKeyDown: (e) => {
-                                            if (e.key === 'Enter')
-                                                handleSearchInsights();
-                                            if (e.key === 'Escape') {
-                                                setInsightSearchQuery('');
-                                                loadInsights(insightCategoryFilter, 0, false);
-                                            }
-                                        }, placeholder: "Search insights...", className: "flex-1 px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 bg-white dark:bg-gray-700 text-gray-900 dark:text-white" }), _jsx("button", { onClick: handleSearchInsights, disabled: isLoadingInsights, className: "p-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors disabled:opacity-50", children: _jsx(Search, { className: "w-4 h-4" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", onScroll: (e) => {
-                            const target = e.target;
-                            if (target.scrollHeight - target.scrollTop - target.clientHeight < 100) {
-                                loadMoreInsights();
-                            }
-                        }, children: insights.length === 0 && !isLoadingInsights ? (_jsxs("div", { className: "text-center text-gray-500 dark:text-gray-400", children: [_jsx(Brain, { className: "w-8 h-8 mx-auto mb-2 text-gray-300 dark:text-gray-600" }), _jsx("p", { className: "text-sm", children: "No insights yet" }), _jsx("p", { className: "text-xs mt-1", children: "Generate insights from conversations" })] })) : (_jsxs(_Fragment, { children: [insights.map((result, index) => (_jsxs("div", { onClick: () => handleInsightClick(result), className: "p-3 bg-gray-50 dark:bg-gray-700 rounded-lg border border-gray-200 dark:border-gray-600 cursor-pointer hover:border-purple-300 dark:hover:border-purple-600 transition-colors", children: [_jsxs("div", { className: "flex items-start justify-between mb-2", children: [_jsx("button", { onClick: (e) => {
-                                                        e.stopPropagation();
-                                                        handleCategoryFilter(result.insight?.category || 'other');
-                                                    }, className: `text-xs px-2 py-0.5 rounded-full cursor-pointer hover:opacity-80 ${result.insight?.category === 'preference'
-                                                        ? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300'
-                                                        : result.insight?.category === 'fact'
-                                                            ? 'bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300'
-                                                            : result.insight?.category === 'goal'
-                                                                ? 'bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300'
-                                                                : result.insight?.category === 'context'
-                                                                    ? 'bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300'
-                                                                    : 'bg-gray-100 text-gray-700 dark:bg-gray-600 dark:text-gray-300'}`, children: result.insight?.category || 'other' }), result.score < 1 && (_jsxs("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: [(result.score * 100).toFixed(0), "% match"] }))] }), _jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none text-sm text-gray-900 dark:text-white break-words overflow-hidden", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components: {
-                                                    a: ({ children, href }) => (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: "text-purple-600 dark:text-purple-400 hover:underline break-all", onClick: (e) => e.stopPropagation(), children: children })),
-                                                    p: ({ children }) => _jsx("p", { className: "mb-1 last:mb-0", children: children }),
-                                                }, children: result.insight?.content || '' }) }), result.insight?.createdAt && (_jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500 mt-2", children: new Date(result.insight.createdAt).toLocaleDateString() }))] }, result.insight?.id || index))), isLoadingInsights && (_jsx("div", { className: "text-center text-gray-500 dark:text-gray-400 py-2", children: "Loading..." })), hasMoreInsights && !isLoadingInsights && (_jsx("button", { onClick: loadMoreInsights, className: "w-full py-2 text-sm text-purple-600 dark:text-purple-400 hover:underline", children: "Load more..." }))] })) })] })), selectedInsight && (_jsx(InsightEditModal, { insight: selectedInsight, onClose: () => setSelectedInsight(null), onSave: handleSaveInsight, onDelete: handleDeleteInsight })), showAgentSelector && showAgentPanel && (_jsx(AgentSelectionPanel, { selectedAgents: selectedAgents, onAgentsChange: setSelectedAgents, availableAgents: availableAgents.filter(a => a.is_active).map(a => ({
-                    id: a.id,
-                    name: a.display_name || a.name,
-                    description: a.description || '',
-                    enabled: a.is_active,
-                    capabilities: [],
-                })), onClose: () => setShowAgentPanel(false) })), showTasksPanel && (_jsxs("div", { className: "w-80 bg-white dark:bg-gray-800 border-l border-gray-200 dark:border-gray-700 flex flex-col", children: [_jsxs("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "Tasks" }), _jsx("button", { onClick: () => setShowTasksPanel(false), className: "p-1 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300", children: _jsx(X, { className: "w-5 h-5" }) })] }), _jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Manage background tasks and scheduled operations." })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-4", children: _jsxs("div", { className: "text-center text-gray-500 dark:text-gray-400", children: [_jsx(ListTodo, { className: "w-12 h-12 mx-auto mb-3 text-gray-300 dark:text-gray-600" }), _jsx("p", { className: "text-sm font-medium", children: "Coming Soon" }), _jsx("p", { className: "text-xs mt-2", children: "Agent tasks feature is under development. Soon you'll be able to:" }), _jsxs("ul", { className: "text-xs mt-3 space-y-1 text-left max-w-[200px] mx-auto", children: [_jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 bg-amber-500 rounded-full" }), "Schedule recurring tasks"] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 bg-amber-500 rounded-full" }), "Create background research jobs"] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 bg-amber-500 rounded-full" }), "Set up automated reports"] })] })] }) })] }))] }));
+                                            }, placeholder: "Search insights...", className: "flex-1 px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 bg-white dark:bg-gray-700 text-gray-900 dark:text-white" }), _jsx("button", { onClick: handleSearchInsights, disabled: isLoadingInsights, className: "p-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors disabled:opacity-50", children: _jsx(Search, { className: "w-4 h-4" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", onScroll: (e) => {
+                                const target = e.target;
+                                if (target.scrollHeight - target.scrollTop - target.clientHeight < 100) {
+                                    loadMoreInsights();
+                                }
+                            }, children: insights.length === 0 && !isLoadingInsights ? (_jsxs("div", { className: "text-center text-gray-500 dark:text-gray-400", children: [_jsx(Brain, { className: "w-8 h-8 mx-auto mb-2 text-gray-300 dark:text-gray-600" }), _jsx("p", { className: "text-sm", children: "No insights yet" }), _jsx("p", { className: "text-xs mt-1", children: "Generate insights from conversations" })] })) : (_jsxs(_Fragment, { children: [insights.map((result, index) => (_jsxs("div", { onClick: () => handleInsightClick(result), className: "p-3 bg-gray-50 dark:bg-gray-700 rounded-lg border border-gray-200 dark:border-gray-600 cursor-pointer hover:border-purple-300 dark:hover:border-purple-600 transition-colors", children: [_jsxs("div", { className: "flex items-start justify-between mb-2", children: [_jsx("button", { onClick: (e) => {
+                                                            e.stopPropagation();
+                                                            handleCategoryFilter(result.insight?.category || 'other');
+                                                        }, className: `text-xs px-2 py-0.5 rounded-full cursor-pointer hover:opacity-80 ${result.insight?.category === 'preference'
+                                                            ? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300'
+                                                            : result.insight?.category === 'fact'
+                                                                ? 'bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300'
+                                                                : result.insight?.category === 'goal'
+                                                                    ? 'bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300'
+                                                                    : result.insight?.category === 'context'
+                                                                        ? 'bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300'
+                                                                        : 'bg-gray-100 text-gray-700 dark:bg-gray-600 dark:text-gray-300'}`, children: result.insight?.category || 'other' }), result.score < 1 && (_jsxs("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: [(result.score * 100).toFixed(0), "% match"] }))] }), _jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none text-sm text-gray-900 dark:text-white break-words overflow-hidden", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components: {
+                                                        a: ({ children, href }) => (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: "text-purple-600 dark:text-purple-400 hover:underline break-all", onClick: (e) => e.stopPropagation(), children: children })),
+                                                        p: ({ children }) => _jsx("p", { className: "mb-1 last:mb-0", children: children }),
+                                                    }, children: result.insight?.content || '' }) }), result.insight?.createdAt && (_jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500 mt-2", children: new Date(result.insight.createdAt).toLocaleDateString() }))] }, result.insight?.id || index))), isLoadingInsights && (_jsx("div", { className: "text-center text-gray-500 dark:text-gray-400 py-2", children: "Loading..." })), hasMoreInsights && !isLoadingInsights && (_jsx("button", { onClick: loadMoreInsights, className: "w-full py-2 text-sm text-purple-600 dark:text-purple-400 hover:underline", children: "Load more..." }))] })) })] })), selectedInsight && (_jsx(InsightEditModal, { insight: selectedInsight, onClose: () => setSelectedInsight(null), onSave: handleSaveInsight, onDelete: handleDeleteInsight })), showAgentSelector && showAgentPanel && (_jsx(AgentSelectionPanel, { selectedAgents: selectedAgents, onAgentsChange: setSelectedAgents, availableAgents: availableAgents.filter(a => a.is_active).map(a => ({
+                        id: a.id,
+                        name: a.display_name || a.name,
+                        description: a.description || '',
+                        enabled: a.is_active,
+                        capabilities: [],
+                    })), onClose: () => setShowAgentPanel(false) })), showTasksPanel && (_jsxs("div", { className: "w-80 bg-white dark:bg-gray-800 border-l border-gray-200 dark:border-gray-700 flex flex-col", children: [_jsxs("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "Tasks" }), _jsx("button", { onClick: () => setShowTasksPanel(false), className: "p-1 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300", children: _jsx(X, { className: "w-5 h-5" }) })] }), _jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Manage background tasks and scheduled operations." })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-4", children: _jsxs("div", { className: "text-center text-gray-500 dark:text-gray-400", children: [_jsx(ListTodo, { className: "w-12 h-12 mx-auto mb-3 text-gray-300 dark:text-gray-600" }), _jsx("p", { className: "text-sm font-medium", children: "Coming Soon" }), _jsx("p", { className: "text-xs mt-2", children: "Agent tasks feature is under development. Soon you'll be able to:" }), _jsxs("ul", { className: "text-xs mt-3 space-y-1 text-left max-w-[200px] mx-auto", children: [_jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 bg-amber-500 rounded-full" }), "Schedule recurring tasks"] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 bg-amber-500 rounded-full" }), "Create background research jobs"] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 bg-amber-500 rounded-full" }), "Set up automated reports"] })] })] }) })] })), _jsx(DocumentCitationPanel, {})] }) }));
+}
+/** Reads CitationContext and renders DocumentPreviewPanel when a citation is active. */
+function DocumentCitationPanel() {
+    const citation = useCitation();
+    if (!citation?.activeCitation)
+        return null;
+    return (_jsx(DocumentPreviewPanel, { fileId: citation.activeCitation.fileId, page: citation.activeCitation.page, onClose: citation.closeCitation }));
 }
 //# sourceMappingURL=ChatContainer.js.map