@vertesia/ui 1.5.0-dev.20260807.073259Z → 1.5.0-dev.20260826.064249Z

package/src/widgets/monacoEditor/MonacoEditor.tsx

@@ -1,11 +1,16 @@
-import { Editor } from '@monaco-editor/react';
 import { useTheme } from '@vertesia/ui/core';
 import clsx from 'clsx';
 import debounce from 'debounce';
 import type * as monaco from 'monaco-editor';
-import { type RefObject, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { lazy, type RefObject, Suspense, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { registerCustomFoldingProviders } from './foldingProviders.js';
 
+/**
+ * The Monaco React wrapper drags in the Monaco loader (and, once mounted, the editor itself) on
+ * import. Most screens never open an editor, so it is fetched on first render instead.
+ */
+const Editor = lazy(() => import('@monaco-editor/react').then(({ Editor: component }) => ({ default: component })));
+
 export type Monaco = typeof monaco;
 
 /**
@@ -343,24 +348,26 @@ export function MonacoEditor({
 
     return (
         <div className={clsx(className, 'w-full h-full!')}>
-            <Editor
-                className="h-full w-full"
-                height="100%"
-                theme={resolvedTheme === 'dark' ? 'vs-dark' : 'light'}
-                language={language}
-                path={modelPath}
-                onChange={handleEditorChange}
-                onMount={handleEditorDidMount}
-                beforeMount={beforeMount}
-                options={defaultOptions}
-                // Uncontrolled: seed the initial content once via `defaultValue` and never bind a
-                // reactive `value`. @monaco-editor/react re-applies a changed `value` prop through
-                // `executeEdits(..., forceMoveMarkers: true)` whenever it differs from the live
-                // model, snapping the caret to the END of the content — the cursor jump we are
-                // eliminating whenever a caller feeds its own onChange output back into `value`.
-                // All external updates instead flow through the focus-guarded sync effect above.
-                defaultValue={effectiveValue}
-            />
+            <Suspense fallback={<div className="h-full w-full" />}>
+                <Editor
+                    className="h-full w-full"
+                    height="100%"
+                    theme={resolvedTheme === 'dark' ? 'vs-dark' : 'light'}
+                    language={language}
+                    path={modelPath}
+                    onChange={handleEditorChange}
+                    onMount={handleEditorDidMount}
+                    beforeMount={beforeMount}
+                    options={defaultOptions}
+                    // Uncontrolled: seed the initial content once via `defaultValue` and never bind a
+                    // reactive `value`. @monaco-editor/react re-applies a changed `value` prop through
+                    // `executeEdits(..., forceMoveMarkers: true)` whenever it differs from the live
+                    // model, snapping the caret to the END of the content — the cursor jump we are
+                    // eliminating whenever a caller feeds its own onChange output back into `value`.
+                    // All external updates instead flow through the focus-guarded sync effect above.
+                    defaultValue={effectiveValue}
+                />
+            </Suspense>
         </div>
     );
 }

package/lib/features/magic-pdf/GroundedExtractionAssistantPanel.d.ts

@@ -1,25 +0,0 @@
-interface GroundedExtractionAssistantPanelProps {
-    objectId: string;
-    /**
-     * Called after the assistant finishes a turn (which may have applied a grounded
-     * edit) so the grounded view can re-fetch and re-render the data + citation boxes.
-     */
-    onExtractionChanged?: () => void;
-    /**
-     * The field path currently selected in the view. When set (before the
-     * conversation starts), it seeds the assistant: the first message is scoped to
-     * this field so "click a field, say what's wrong" reaches the model.
-     */
-    selectedField?: string;
-    onClose?: () => void;
-}
-/**
- * Interactive assistant embedded in the grounded-extraction view. Starts the
- * server-side GroundedExtractionAssistant conversation (recordRun -> stage the
- * document into the agent space -> launch interactive), then renders the live
- * conversation. Each completed turn triggers `onExtractionChanged` so an operator's
- * grounded edits appear in the data tree + citation overlay without a manual reload.
- */
-export declare function GroundedExtractionAssistantPanel({ objectId, onExtractionChanged, selectedField, onClose, }: GroundedExtractionAssistantPanelProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=GroundedExtractionAssistantPanel.d.ts.map

package/lib/features/magic-pdf/GroundedExtractionAssistantPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroundedExtractionAssistantPanel.d.ts","sourceRoot":"","sources":["../../../src/features/magic-pdf/GroundedExtractionAssistantPanel.tsx"],"names":[],"mappings":"AAKA,UAAU,qCAAqC;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;;GAMG;AACH,wBAAgB,gCAAgC,CAAC,EAC7C,QAAQ,EACR,mBAAmB,EACnB,aAAa,EACb,OAAO,GACV,EAAE,qCAAqC,+BAoDvC"}

package/lib/features/magic-pdf/GroundedExtractionAssistantPanel.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useUITranslation } from '@vertesia/ui/i18n';
-import { useUserSession } from '@vertesia/ui/session';
-import { useCallback, useRef, useState } from 'react';
-import { ModernAgentConversation } from '../agent/chat';
-/**
- * Interactive assistant embedded in the grounded-extraction view. Starts the
- * server-side GroundedExtractionAssistant conversation (recordRun -> stage the
- * document into the agent space -> launch interactive), then renders the live
- * conversation. Each completed turn triggers `onExtractionChanged` so an operator's
- * grounded edits appear in the data tree + citation overlay without a manual reload.
- */
-export function GroundedExtractionAssistantPanel({ objectId, onExtractionChanged, selectedField, onClose, }) {
-    const { t } = useUITranslation();
-    const { client } = useUserSession();
-    const [agentRunId, setAgentRunId] = useState(undefined);
-    // Keep the latest callback/selection without re-creating the handlers each render.
-    const changedRef = useRef(onExtractionChanged);
-    changedRef.current = onExtractionChanged;
-    const selectedRef = useRef(selectedField);
-    selectedRef.current = selectedField;
-    const startWorkflow = useCallback(async (initialMessage) => {
-        const field = selectedRef.current;
-        // Scope the opening message to the field the operator had selected, so
-        // "click a field, say what's wrong" reaches the model with the target.
-        const prompt = field && initialMessage ? `Regarding the field "${field}": ${initialMessage}` : initialMessage;
-        const res = await client.store.objects
-            .analyze(objectId)
-            .startGroundedAssistant(prompt ? { user_prompt: prompt } : {});
-        setAgentRunId(res.agent_run_id);
-        return { agent_run_id: res.agent_run_id };
-    }, [client, objectId]);
-    // The agent re-enables the follow-up input when a turn completes; that turn may
-    // have applied a grounded edit, so refresh the extraction at that point.
-    const handleShowInputChange = useCallback((canSendFollowUp) => {
-        if (canSendFollowUp) {
-            changedRef.current?.();
-        }
-    }, []);
-    return (_jsxs("div", { className: "flex h-full flex-col", children: [selectedField && !agentRunId && (_jsxs("div", { className: "shrink-0 border-b border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground", children: [t('grounded.assistantField'), " ", _jsx("span", { className: "font-mono text-foreground", children: selectedField })] })), _jsx(ModernAgentConversation, { agentRunId: agentRunId, startWorkflow: startWorkflow, interactive: true, fullWidth: true, hideObjectLinking: true, onShowInputChange: handleShowInputChange, onClose: onClose })] }));
-}
-//# sourceMappingURL=GroundedExtractionAssistantPanel.js.map

package/lib/features/magic-pdf/GroundedExtractionAssistantPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroundedExtractionAssistantPanel.js","sourceRoot":"","sources":["../../../src/features/magic-pdf/GroundedExtractionAssistantPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAwB,MAAM,eAAe,CAAC;AAkB9E;;;;;;GAMG;AACH,MAAM,UAAU,gCAAgC,CAAC,EAC7C,QAAQ,EACR,mBAAmB,EACnB,aAAa,EACb,OAAO,GAC6B;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAC5E,mFAAmF;IACnF,MAAM,UAAU,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;IAC/C,UAAU,CAAC,OAAO,GAAG,mBAAmB,CAAC;IACzC,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAC1C,WAAW,CAAC,OAAO,GAAG,aAAa,CAAC;IAEpC,MAAM,aAAa,GAAoB,WAAW,CAC9C,KAAK,EAAE,cAAc,EAAE,EAAE;QACrB,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC;QAClC,uEAAuE;QACvE,uEAAuE;QACvE,MAAM,MAAM,GACR,KAAK,IAAI,cAAc,CAAC,CAAC,CAAC,wBAAwB,KAAK,MAAM,cAAc,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC;QACnG,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,OAAO;aACjC,OAAO,CAAC,QAAQ,CAAC;aACjB,sBAAsB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACnE,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAChC,OAAO,EAAE,YAAY,EAAE,GAAG,CAAC,YAAY,EAAE,CAAC;IAC9C,CAAC,EACD,CAAC,MAAM,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,gFAAgF;IAChF,yEAAyE;IACzE,MAAM,qBAAqB,GAAG,WAAW,CAAC,CAAC,eAAwB,EAAE,EAAE;QACnE,IAAI,eAAe,EAAE,CAAC;YAClB,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC;QAC3B,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,eAAK,SAAS,EAAC,sBAAsB,aAChC,aAAa,IAAI,CAAC,UAAU,IAAI,CAC7B,eAAK,SAAS,EAAC,uFAAuF,aACjG,CAAC,CAAC,yBAAyB,CAAC,OAAE,eAAM,SAAS,EAAC,2BAA2B,YAAE,aAAa,GAAQ,IAC/F,CACT,EACD,KAAC,uBAAuB,IACpB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,WAAW,QACX,SAAS,QACT,iBAAiB,QACjB,iBAAiB,EAAE,qBAAqB,EACxC,OAAO,EAAE,OAAO,GAClB,IACA,CACT,CAAC;AACN,CAAC"}

package/src/features/magic-pdf/GroundedExtractionAssistantPanel.tsx

@@ -1,86 +0,0 @@
-import { useUITranslation } from '@vertesia/ui/i18n';
-import { useUserSession } from '@vertesia/ui/session';
-import { useCallback, useRef, useState } from 'react';
-import { ModernAgentConversation, type StartWorkflowFn } from '../agent/chat';
-
-interface GroundedExtractionAssistantPanelProps {
-    objectId: string;
-    /**
-     * Called after the assistant finishes a turn (which may have applied a grounded
-     * edit) so the grounded view can re-fetch and re-render the data + citation boxes.
-     */
-    onExtractionChanged?: () => void;
-    /**
-     * The field path currently selected in the view. When set (before the
-     * conversation starts), it seeds the assistant: the first message is scoped to
-     * this field so "click a field, say what's wrong" reaches the model.
-     */
-    selectedField?: string;
-    onClose?: () => void;
-}
-
-/**
- * Interactive assistant embedded in the grounded-extraction view. Starts the
- * server-side GroundedExtractionAssistant conversation (recordRun -> stage the
- * document into the agent space -> launch interactive), then renders the live
- * conversation. Each completed turn triggers `onExtractionChanged` so an operator's
- * grounded edits appear in the data tree + citation overlay without a manual reload.
- */
-export function GroundedExtractionAssistantPanel({
-    objectId,
-    onExtractionChanged,
-    selectedField,
-    onClose,
-}: GroundedExtractionAssistantPanelProps) {
-    const { t } = useUITranslation();
-    const { client } = useUserSession();
-    const [agentRunId, setAgentRunId] = useState<string | undefined>(undefined);
-    // Keep the latest callback/selection without re-creating the handlers each render.
-    const changedRef = useRef(onExtractionChanged);
-    changedRef.current = onExtractionChanged;
-    const selectedRef = useRef(selectedField);
-    selectedRef.current = selectedField;
-
-    const startWorkflow: StartWorkflowFn = useCallback(
-        async (initialMessage) => {
-            const field = selectedRef.current;
-            // Scope the opening message to the field the operator had selected, so
-            // "click a field, say what's wrong" reaches the model with the target.
-            const prompt =
-                field && initialMessage ? `Regarding the field "${field}": ${initialMessage}` : initialMessage;
-            const res = await client.store.objects
-                .analyze(objectId)
-                .startGroundedAssistant(prompt ? { user_prompt: prompt } : {});
-            setAgentRunId(res.agent_run_id);
-            return { agent_run_id: res.agent_run_id };
-        },
-        [client, objectId],
-    );
-
-    // The agent re-enables the follow-up input when a turn completes; that turn may
-    // have applied a grounded edit, so refresh the extraction at that point.
-    const handleShowInputChange = useCallback((canSendFollowUp: boolean) => {
-        if (canSendFollowUp) {
-            changedRef.current?.();
-        }
-    }, []);
-
-    return (
-        <div className="flex h-full flex-col">
-            {selectedField && !agentRunId && (
-                <div className="shrink-0 border-b border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground">
-                    {t('grounded.assistantField')} <span className="font-mono text-foreground">{selectedField}</span>
-                </div>
-            )}
-            <ModernAgentConversation
-                agentRunId={agentRunId}
-                startWorkflow={startWorkflow}
-                interactive
-                fullWidth
-                hideObjectLinking
-                onShowInputChange={handleShowInputChange}
-                onClose={onClose}
-            />
-        </div>
-    );
-}