@vertesia/ui 1.5.0-dev.20260722.120446Z → 1.5.0-dev.20260725.083715Z

package/lib/features/store/objects/components/DocumentEditingPanel.js

@@ -0,0 +1,720 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Center, ConfirmModal, errorMessage, Modal, ResizableHandle, ResizablePanel, ResizablePanelGroup, Spinner, useToast, VTooltip, } from '@vertesia/ui/core';
+import { useUITranslation } from '@vertesia/ui/i18n';
+import { useUserSession } from '@vertesia/ui/session';
+import { ArtifactEditingSurface, createUnifiedLineDiff, diffTextSegments, isArtifactRefreshEvent, } from '@vertesia/ui/widgets';
+import { Check, FilePenLine, FileText, GitCompareArrows, ListChecks, RefreshCw, RotateCcw, Save, Sparkles, X, } from 'lucide-react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { ModernAgentConversation, } from '../../../agent/chat/ModernAgentConversation.js';
+import { resolveTypeCached } from '../../types/typeCatalogCache.js';
+import { DocumentEditingConfigurationSelector, getDocumentEditingProjectDefault, } from './DocumentEditingConfigurationSelector.js';
+import { DocumentEditingLockStatus } from './DocumentEditingLockStatus.js';
+import { persistRunLocalArtifactRefs } from './documentArtifactRefs.js';
+import { DOCUMENT_EDITING_EXCLUDED_TOOLS, DOCUMENT_EDITING_INITIAL_SKILLS, DOCUMENT_EDITING_TOOLS, } from './documentEditingAgentConfig.js';
+import { createDirectEditsAppliedPrompt } from './documentEditingPrompts.js';
+import { createDocumentEditingRunIdentity, DOCUMENT_EDITING_DEFAULT_INTERACTION, findDocumentEditingRun, } from './documentEditingRun.js';
+import { resolveDocumentEditingTarget } from './documentEditingTarget.js';
+import { SaveVersionConfirmModal } from './SaveVersionConfirmModal.js';
+function shortenRunId(id) {
+    return id.length > 12 ? `${id.slice(0, 4)}…${id.slice(-4)}` : id;
+}
+function getDocumentDraftPath(documentRootId) {
+    return `drafts/${documentRootId}.md`;
+}
+function createDocumentEditingPrompt(object, documentId, documentEtag, draftPath, userPrompt) {
+    const documentName = object.name || object.content?.name || 'Document';
+    return [
+        'You are collaborating with the user on one specific Markdown document in Vertesia.',
+        `Canonical document: [${documentName}](store:${documentId})`,
+        `Canonical base revision ID: ${documentId}`,
+        `Canonical base ETag: ${documentEtag ?? 'unavailable'}`,
+        `Working copy artifact: ${draftPath}`,
+        '',
+        'The working copy was hydrated and read before your first turn. It is the source of truth for this editing',
+        'session. Apply requested changes only to that artifact using edit_artifact. Preserve all unrelated content',
+        'exactly. User block edits may already be applied to the artifact; acknowledge them and continue from the',
+        'current artifact generation. Attachments may contain review comments to apply in bulk.',
+        '',
+        'Do not call update_document, create_document, or write_artifact for this working copy. The user publishes',
+        'the artifact back to the canonical document with the Save to document button, which enforces the base ETag.',
+        '',
+        'You may use execute_shell to regenerate charts, diagrams, and other derived assets. Write generated files',
+        "under '/home/daytona/out/' so they sync back to the run, then reference them from Markdown with a run-local",
+        "link such as 'artifact:out/chart.png'. Saving the document persists and rewrites those links automatically.",
+        '',
+        'Images: never inline image data as base64 data URIs — it bloats the document and cannot be reliably edited.',
+        "Keep existing image references (e.g. 'artifact:documents/…' URLs) exactly as they are: they point to durable",
+        "storage that outlives this session. Files already in this run's artifact space may be referenced with",
+        "run-local links like 'artifact:files/photo.png' — publishing copies them into durable storage and rewrites",
+        'the links automatically.',
+        '',
+        `User request: ${userPrompt}`,
+    ].join('\n');
+}
+/** Chat prompt asking the agent to merge external canonical changes into the working copy. */
+export function createDocumentReconcilePrompt(documentRootId, headDocumentId, draftPath) {
+    return [
+        'The canonical document was updated outside this session, so publishing the working copy was rejected.',
+        `1) Fetch the latest canonical revision ${headDocumentId} with fetch_document into 'drafts/${documentRootId}.theirs.md'.`,
+        `2) Compare it with the working copy '${draftPath}' and merge the external changes into the working copy with edit_artifact, preserving this session's edits.`,
+        '3) Reply with a short list of what was merged, plus any conflicting passages and how you resolved them, so I can review before saving again.',
+    ].join('\n');
+}
+/** Chat prompt asking the agent for a changelog of the working copy vs the session baseline. */
+export function createDocumentChangeSummaryPrompt(documentRootId, originalDocumentId, draftPath) {
+    return [
+        `Summarize the changes in the working copy '${draftPath}' relative to the original document revision ${originalDocumentId}.`,
+        `If you no longer have the original content, fetch it with fetch_document into 'drafts/${documentRootId}.base.md'.`,
+        'Do not modify the working copy.',
+        'Reply with a concise changelog: grouped bullets, most important first, suitable for a revision note.',
+    ].join('\n');
+}
+function getErrorStatus(error) {
+    if (!error || typeof error !== 'object' || !('status' in error))
+        return undefined;
+    return typeof error.status === 'number' ? error.status : undefined;
+}
+function DocumentWorkingCopyDiff({ original, workingCopy }) {
+    const segments = useMemo(() => diffTextSegments(original, workingCopy), [original, workingCopy]);
+    const counts = useMemo(() => ({
+        added: segments.reduce((total, segment) => total + (segment.type === 'added' ? segment.text.length : 0), 0),
+        removed: segments.reduce((total, segment) => total + (segment.type === 'removed' ? segment.text.length : 0), 0),
+    }), [segments]);
+    return (_jsxs("div", { className: "flex h-full min-h-0 flex-col bg-muted/10", children: [_jsxs("div", { className: "flex shrink-0 items-center justify-end gap-3 border-b border-mixer-muted/20 px-5 py-2 text-xs", children: [_jsxs("span", { className: "text-destructive", children: ["\u2212", counts.removed] }), _jsxs("span", { className: "text-success", children: ["+", counts.added] })] }), _jsx("div", { className: "min-h-0 flex-1 overflow-auto p-5", children: _jsx("pre", { className: "mx-auto max-w-5xl whitespace-pre-wrap break-words rounded-lg border border-mixer-muted/25 bg-background p-5 font-mono text-xs leading-6 shadow-sm", children: segments.map((segment, index) => {
+                        if (segment.type === 'removed') {
+                            return (_jsx("del", { className: "bg-mixer-destructive/15 text-destructive line-through decoration-destructive/50", children: segment.text }, index));
+                        }
+                        if (segment.type === 'added') {
+                            return (_jsx("ins", { className: "bg-mixer-success/15 text-success no-underline", children: segment.text }, index));
+                        }
+                        return _jsx("span", { children: segment.text }, index);
+                    }) }) })] }));
+}
+/**
+ * Full document editing workspace: working copy surface plus the editing conversation.
+ * Standalone so host applications can embed it in their own layout; DocumentEditingPanel
+ * wraps it in a full-screen modal for the Studio object page.
+ */
+export function DocumentEditingWorkspace({ object, initialContent = '', onDocumentUpdated, onClose, sendMessageRef, model, startImmediately = false, }) {
+    const { client, project, store, user } = useUserSession();
+    const { t } = useUITranslation();
+    const toast = useToast();
+    const internalSendMessageRef = useRef(null);
+    const messageRef = sendMessageRef ?? internalSendMessageRef;
+    const [agentRunId, setAgentRunId] = useState();
+    const [isStarting, setIsStarting] = useState(false);
+    const [isTerminating, setIsTerminating] = useState(false);
+    const [isResolvingRun, setIsResolvingRun] = useState(true);
+    const [isResolvingTarget, setIsResolvingTarget] = useState(true);
+    const [targetResolutionFailed, setTargetResolutionFailed] = useState(false);
+    const [targetResolutionAttempt, setTargetResolutionAttempt] = useState(0);
+    const [showNewSessionConfirm, setShowNewSessionConfirm] = useState(false);
+    const providedConfigurationKey = JSON.stringify(model
+        ? {
+            environment: model.env,
+            model: model.model,
+            model_options: model.options,
+        }
+        : {});
+    const hasProvidedConfiguration = model !== undefined;
+    const providedConfiguration = useMemo(() => JSON.parse(providedConfigurationKey), [providedConfigurationKey]);
+    const [isLoadingConfiguration, setIsLoadingConfiguration] = useState(!hasProvidedConfiguration);
+    const [isSaving, setIsSaving] = useState(false);
+    const [showSaveConfirmation, setShowSaveConfirmation] = useState(false);
+    const [isSendingChanges, setIsSendingChanges] = useState(false);
+    const [isAgentWorking, setIsAgentWorking] = useState(false);
+    const [isEditingManuallyUnlocked, setIsEditingManuallyUnlocked] = useState(false);
+    const [hasDirectEditorChanges, setHasDirectEditorChanges] = useState(false);
+    const [artifactRefresh, setArtifactRefresh] = useState({ key: 0 });
+    const [artifactContent, setArtifactContent] = useState(initialContent);
+    const [artifactLoaded, setArtifactLoaded] = useState(false);
+    const [originalContent, setOriginalContent] = useState(initialContent);
+    const [savedContent, setSavedContent] = useState(initialContent);
+    const [workspaceView, setWorkspaceView] = useState('document');
+    const [saveConflict, setSaveConflict] = useState();
+    const [targetDocumentId, setTargetDocumentId] = useState(object.id);
+    const [targetEtag, setTargetEtag] = useState(object.content?.etag);
+    const [resolvedEditingPolicy, setResolvedEditingPolicy] = useState();
+    const [executionConfiguration, setExecutionConfiguration] = useState(providedConfiguration);
+    const configurationSourceRef = useRef(hasProvidedConfiguration ? 'host' : 'none');
+    const automaticStartKeyRef = useRef(undefined);
+    const seenUpdatesRef = useRef(new Set());
+    const artifactGenerationRef = useRef(undefined);
+    const agentWorkingRef = useRef(false);
+    const flushArtifactChangesRef = useRef(null);
+    const documentRootId = object.revision?.root || object.id;
+    const draftPath = useMemo(() => getDocumentDraftPath(documentRootId), [documentRootId]);
+    const startedBy = user?.sub ? `user:${user.sub}` : undefined;
+    const editingScopeKey = `${project?.id ?? 'no-project'}:${documentRootId}`;
+    const editingPolicyKey = `${editingScopeKey}:${object.type?.id ?? 'no-type'}`;
+    const editingInteraction = resolvedEditingPolicy?.key === editingPolicyKey ? resolvedEditingPolicy.interaction : undefined;
+    const editingScopeRef = useRef(editingScopeKey);
+    const originalDocumentRef = useRef({ editingScopeKey, id: object.id });
+    const lookupIdentityRef = useRef({ documentId: object.id, documentRootId });
+    const isDirty = artifactLoaded && artifactContent !== savedContent;
+    const isEditingLocked = isAgentWorking && !isEditingManuallyUnlocked;
+    if (lookupIdentityRef.current.documentRootId !== documentRootId) {
+        lookupIdentityRef.current = { documentId: object.id, documentRootId };
+    }
+    if (originalDocumentRef.current.editingScopeKey !== editingScopeKey) {
+        originalDocumentRef.current = { editingScopeKey, id: object.id };
+    }
+    useEffect(() => {
+        if (editingScopeRef.current === editingScopeKey)
+            return;
+        editingScopeRef.current = editingScopeKey;
+        configurationSourceRef.current = hasProvidedConfiguration ? 'host' : 'none';
+        setExecutionConfiguration(providedConfiguration);
+        setIsLoadingConfiguration(!hasProvidedConfiguration);
+        seenUpdatesRef.current.clear();
+        setArtifactContent(initialContent);
+        setOriginalContent(initialContent);
+        setSavedContent(initialContent);
+        setArtifactLoaded(false);
+        setHasDirectEditorChanges(false);
+        setIsAgentWorking(false);
+        setIsEditingManuallyUnlocked(false);
+        agentWorkingRef.current = false;
+        setWorkspaceView('document');
+        setTargetDocumentId(object.id);
+        setTargetEtag(object.content?.etag);
+    }, [
+        editingScopeKey,
+        hasProvidedConfiguration,
+        initialContent,
+        object.content?.etag,
+        object.id,
+        providedConfiguration,
+    ]);
+    useEffect(() => {
+        let cancelled = false;
+        const requestScopeKey = editingScopeKey;
+        const requestedDocumentId = originalDocumentRef.current.id;
+        setIsResolvingTarget(true);
+        setTargetResolutionFailed(false);
+        // Commit the target id, ETag, and text only after all reads succeed. A failed
+        // head lookup must never turn a historical revision into an editable fallback.
+        void resolveDocumentEditingTarget(store.objects, requestedDocumentId)
+            .then((target) => {
+            if (cancelled || originalDocumentRef.current.editingScopeKey !== requestScopeKey)
+                return;
+            originalDocumentRef.current = { editingScopeKey: requestScopeKey, id: target.id };
+            lookupIdentityRef.current = { documentId: target.id, documentRootId };
+            setTargetDocumentId(target.id);
+            setTargetEtag(target.etag);
+            setOriginalContent(target.content);
+            setSavedContent(target.content);
+        })
+            .catch((error) => {
+            console.warn('Failed to resolve the document editing target', {
+                error,
+                attempt: targetResolutionAttempt,
+            });
+            if (!cancelled && originalDocumentRef.current.editingScopeKey === requestScopeKey) {
+                setTargetResolutionFailed(true);
+            }
+        })
+            .finally(() => {
+            if (!cancelled && originalDocumentRef.current.editingScopeKey === requestScopeKey) {
+                setIsResolvingTarget(false);
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [documentRootId, editingScopeKey, store.objects, targetResolutionAttempt]);
+    useEffect(() => {
+        let cancelled = false;
+        const typeId = object.type?.id;
+        if (!typeId) {
+            setResolvedEditingPolicy({
+                key: editingPolicyKey,
+                interaction: DOCUMENT_EDITING_DEFAULT_INTERACTION,
+            });
+            return;
+        }
+        void resolveTypeCached(client, typeId).then((type) => {
+            if (cancelled)
+                return;
+            setResolvedEditingPolicy({
+                key: editingPolicyKey,
+                interaction: type?.editing?.interaction?.trim() || DOCUMENT_EDITING_DEFAULT_INTERACTION,
+            });
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [client, editingPolicyKey, object.type?.id]);
+    useEffect(() => {
+        if (agentRunId || configurationSourceRef.current === 'run')
+            return;
+        if (hasProvidedConfiguration) {
+            configurationSourceRef.current = 'host';
+            setExecutionConfiguration(providedConfiguration);
+            setIsLoadingConfiguration(false);
+        }
+        else if (configurationSourceRef.current === 'host') {
+            configurationSourceRef.current = 'none';
+            setExecutionConfiguration({});
+        }
+    }, [agentRunId, hasProvidedConfiguration, providedConfiguration]);
+    useEffect(() => {
+        if (hasProvidedConfiguration) {
+            setIsLoadingConfiguration(false);
+            return;
+        }
+        if (!project) {
+            setIsLoadingConfiguration(false);
+            return;
+        }
+        let cancelled = false;
+        const requestScopeKey = editingScopeKey;
+        setIsLoadingConfiguration(true);
+        void client.projects
+            .retrieve(project.id)
+            .then((fullProject) => {
+            if (cancelled ||
+                editingScopeRef.current !== requestScopeKey ||
+                configurationSourceRef.current !== 'none') {
+                return;
+            }
+            configurationSourceRef.current = 'project';
+            setExecutionConfiguration(getDocumentEditingProjectDefault(fullProject));
+        })
+            .catch((error) => {
+            console.warn('Failed to load the default document editing model', error);
+        })
+            .finally(() => {
+            if (!cancelled)
+                setIsLoadingConfiguration(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [client, editingScopeKey, hasProvidedConfiguration, project]);
+    useEffect(() => {
+        setAgentRunId(undefined);
+        if (!startedBy || !editingInteraction) {
+            setIsResolvingRun(false);
+            return;
+        }
+        let cancelled = false;
+        setIsResolvingRun(true);
+        void findDocumentEditingRun(client.agents, lookupIdentityRef.current.documentId, documentRootId, startedBy, editingInteraction)
+            .then((run) => {
+            if (cancelled || !run)
+                return;
+            setAgentRunId(run.id);
+            if (run.config?.environment && run.config.model) {
+                configurationSourceRef.current = 'run';
+                setExecutionConfiguration({
+                    environment: run.config.environment,
+                    model: run.config.model,
+                    model_options: run.config.model_options,
+                });
+            }
+        })
+            .catch((error) => {
+            console.warn('Failed to look up an existing document editing run', error);
+        })
+            .finally(() => {
+            if (!cancelled)
+                setIsResolvingRun(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [client, documentRootId, editingInteraction, startedBy]);
+    const handleConfigurationChange = useCallback((value) => {
+        configurationSourceRef.current = 'user';
+        setExecutionConfiguration(value);
+    }, []);
+    const handleCopyRunId = useCallback(() => {
+        if (!agentRunId)
+            return;
+        navigator.clipboard
+            .writeText(agentRunId)
+            .then(() => toast({ status: 'success', title: t('agent.runIdCopied'), duration: 2000 }))
+            .catch((error) => console.warn('Failed to copy the agent run id', error));
+    }, [agentRunId, t, toast]);
+    const handleStartNewSession = useCallback(async () => {
+        if (!agentRunId || isTerminating)
+            return;
+        setIsTerminating(true);
+        try {
+            await client.agents.terminate(agentRunId, 'cancel');
+            toast({ status: 'success', title: t('agent.workflowCancelled'), duration: 2000 });
+        }
+        catch (error) {
+            console.warn('Failed to terminate the document editing run', error);
+        }
+        finally {
+            setIsTerminating(false);
+        }
+        seenUpdatesRef.current.clear();
+        setAgentRunId(undefined);
+        setArtifactLoaded(false);
+        setArtifactContent(savedContent);
+        setHasDirectEditorChanges(false);
+        agentWorkingRef.current = false;
+        setIsAgentWorking(false);
+        setIsEditingManuallyUnlocked(false);
+    }, [agentRunId, client.agents, isTerminating, savedContent, t, toast]);
+    const startWorkflow = useCallback(async (initialMessage, options) => {
+        if (!project ||
+            !editingInteraction ||
+            isResolvingRun ||
+            isResolvingTarget ||
+            targetResolutionFailed ||
+            isStarting ||
+            isLoadingConfiguration) {
+            return undefined;
+        }
+        setIsStarting(true);
+        try {
+            if (!executionConfiguration.environment || !executionConfiguration.model) {
+                toast({ status: 'error', title: t('agent.documentEditingDefaultsRequired'), duration: 5000 });
+                return undefined;
+            }
+            const prompt = createDocumentEditingPrompt(object, targetDocumentId, targetEtag, draftPath, initialMessage?.trim() || t('agent.documentEditingInitialRequest'));
+            const identity = createDocumentEditingRunIdentity(targetDocumentId, documentRootId);
+            const payload = {
+                interaction: editingInteraction,
+                interactive: true,
+                tool_approval_mode: options?.tool_approval_mode,
+                tool_names: DOCUMENT_EDITING_TOOLS,
+                excluded_tools: DOCUMENT_EDITING_EXCLUDED_TOOLS,
+                initial_skills: DOCUMENT_EDITING_INITIAL_SKILLS,
+                initial_tool_calls: [
+                    {
+                        id: 'hydrate-working-copy',
+                        tool: 'fetch_document',
+                        input: { id: targetDocumentId, mode: 'content', output_artifact: { path: draftPath } },
+                    },
+                    {
+                        id: 'read-working-copy',
+                        tool: 'read_artifact',
+                        input: { path: draftPath },
+                    },
+                ],
+                data: { user_prompt: prompt },
+                config: {
+                    environment: executionConfiguration.environment,
+                    model: executionConfiguration.model,
+                    model_options: executionConfiguration.model_options,
+                },
+                started_by: startedBy,
+                tags: identity.tags,
+                properties: identity.properties,
+            };
+            const run = await client.agents.start(payload);
+            setAgentRunId(run.id);
+            return { agent_run_id: run.id };
+        }
+        catch (error) {
+            console.error('Failed to start document editing agent', error);
+            toast({
+                status: 'error',
+                title: t('agent.documentEditingStartFailed'),
+                description: error instanceof Error ? error.message : undefined,
+                duration: 5000,
+            });
+            return undefined;
+        }
+        finally {
+            setIsStarting(false);
+        }
+    }, [
+        client.agents,
+        documentRootId,
+        draftPath,
+        executionConfiguration,
+        editingInteraction,
+        isLoadingConfiguration,
+        isResolvingRun,
+        isResolvingTarget,
+        isStarting,
+        object,
+        project,
+        startedBy,
+        t,
+        targetDocumentId,
+        targetEtag,
+        targetResolutionFailed,
+        toast,
+    ]);
+    const handleArtifactContentChange = useCallback((content, generation) => {
+        artifactGenerationRef.current = generation;
+        setArtifactContent(content);
+        setArtifactLoaded(true);
+    }, []);
+    useEffect(() => {
+        if (!startImmediately ||
+            agentRunId ||
+            !project ||
+            !editingInteraction ||
+            isResolvingRun ||
+            isResolvingTarget ||
+            targetResolutionFailed ||
+            isStarting ||
+            isLoadingConfiguration ||
+            !executionConfiguration.environment ||
+            !executionConfiguration.model) {
+            return;
+        }
+        const automaticStartKey = JSON.stringify({
+            scope: editingScopeKey,
+            interaction: editingInteraction,
+            document: targetDocumentId,
+            configuration: executionConfiguration,
+        });
+        if (automaticStartKeyRef.current === automaticStartKey)
+            return;
+        automaticStartKeyRef.current = automaticStartKey;
+        void startWorkflow(t('agent.documentEditingStartRequest'), { tool_approval_mode: 'full_control' });
+    }, [
+        agentRunId,
+        editingInteraction,
+        editingScopeKey,
+        executionConfiguration,
+        isLoadingConfiguration,
+        isResolvingRun,
+        isResolvingTarget,
+        isStarting,
+        project,
+        startImmediately,
+        startWorkflow,
+        t,
+        targetDocumentId,
+        targetResolutionFailed,
+    ]);
+    const handleAgentWorkingChange = useCallback((isWorking) => {
+        const wasWorking = agentWorkingRef.current;
+        agentWorkingRef.current = isWorking;
+        setIsAgentWorking(isWorking);
+        if (!isWorking) {
+            setIsEditingManuallyUnlocked(false);
+            if (wasWorking) {
+                setArtifactRefresh((current) => ({ key: current.key + 1 }));
+            }
+        }
+    }, []);
+    const sendEditingMessage = useCallback((message, inputMetadata) => {
+        const sendMessage = messageRef.current;
+        if (!sendMessage) {
+            toast({ status: 'warning', title: t('agent.artifactEditingUnavailable'), duration: 3000 });
+            return;
+        }
+        sendMessage(message, inputMetadata);
+    }, [messageRef, t, toast]);
+    const handleArtifactAction = useCallback((action) => {
+        const blockType = action.anchor.block_type.replaceAll('_', ' ');
+        const displayMessage = action.comment?.trim() || t('agent.editedSelectionMessage', { blockType });
+        sendEditingMessage(displayMessage, { editing_action: action });
+    }, [sendEditingMessage, t]);
+    const handleSave = useCallback(async (createVersion, versionLabel) => {
+        if (!artifactLoaded ||
+            !targetEtag ||
+            !isDirty ||
+            isEditingLocked ||
+            isSaving ||
+            isResolvingTarget ||
+            targetResolutionFailed) {
+            return;
+        }
+        setIsSaving(true);
+        try {
+            // Persist run-local artifact references (session-generated charts, files)
+            // into durable documents/ storage and rewrite the links before publishing —
+            // the same pass create_document applies. Run artifact storage does not
+            // outlive the session, so the canonical document must never depend on it.
+            let contentToSave = artifactContent;
+            if (agentRunId) {
+                const persistence = await persistRunLocalArtifactRefs(client.files, contentToSave, agentRunId, crypto.randomUUID());
+                contentToSave = persistence.content;
+            }
+            const contentType = object.content?.type || 'text/markdown';
+            const fileName = object.content?.name || 'content.md';
+            const file = new File([new Blob([contentToSave], { type: contentType })], fileName, {
+                type: contentType,
+            });
+            const response = await store.objects.update(targetDocumentId, { content: file }, { createRevision: createVersion, revisionLabel: versionLabel, ifMatch: targetEtag });
+            setTargetDocumentId(response.id);
+            setTargetEtag(response.content?.etag);
+            setSavedContent(contentToSave);
+            setSaveConflict(undefined);
+            setShowSaveConfirmation(false);
+            onDocumentUpdated?.(response.id, createVersion);
+            toast({ status: 'success', title: t('store.textSaved'), duration: 2500 });
+            // Sync the rewritten links back into the working copy so it matches the
+            // published revision. A concurrent agent edit (412) just leaves the copy
+            // dirty, which is accurate — it no longer matches what was published.
+            if (agentRunId && contentToSave !== artifactContent && artifactGenerationRef.current) {
+                try {
+                    await client.agents.updateArtifactContent(agentRunId, draftPath, {
+                        content: contentToSave,
+                        generation: artifactGenerationRef.current,
+                    });
+                    setArtifactRefresh((current) => ({ key: current.key + 1 }));
+                }
+                catch (syncError) {
+                    console.warn('Failed to sync persisted artifact links into the working copy', syncError);
+                }
+            }
+        }
+        catch (error) {
+            // Two conflict shapes: an in-place edit of the target revision fails the
+            // If-Match precondition (412), while a new external revision moves the head
+            // and the save is rejected as not-head (400). Both mean the canonical
+            // document changed since this session's baseline.
+            const status = getErrorStatus(error);
+            let isConflict = status === 412;
+            if (status === 412 || status === 400) {
+                try {
+                    const target = await resolveDocumentEditingTarget(store.objects, targetDocumentId);
+                    if (target.id !== targetDocumentId || status === 412) {
+                        isConflict = true;
+                        // Re-point the save target at the new head so the user can choose
+                        // to overwrite it, and offer an agent-assisted merge instead.
+                        setTargetDocumentId(target.id);
+                        setTargetEtag(target.etag);
+                        setSaveConflict({ headId: target.id });
+                    }
+                }
+                catch (resolveError) {
+                    console.warn('Failed to resolve the new head after a save conflict', resolveError);
+                }
+            }
+            toast({
+                status: 'error',
+                title: t('store.errorSavingText'),
+                description: isConflict
+                    ? t('store.textConflict')
+                    : errorMessage(error, t('store.errorSavingTextDefault')),
+                duration: 5000,
+            });
+        }
+        finally {
+            setIsSaving(false);
+        }
+    }, [
+        agentRunId,
+        artifactContent,
+        artifactLoaded,
+        client.agents,
+        client.files,
+        draftPath,
+        isDirty,
+        isEditingLocked,
+        isResolvingTarget,
+        isSaving,
+        object.content?.name,
+        object.content?.type,
+        onDocumentUpdated,
+        store.objects,
+        t,
+        targetDocumentId,
+        targetEtag,
+        targetResolutionFailed,
+        toast,
+    ]);
+    const handleReconcile = useCallback(() => {
+        const sendMessage = messageRef.current;
+        if (!sendMessage || !saveConflict) {
+            toast({ status: 'warning', title: t('agent.artifactEditingUnavailable'), duration: 3000 });
+            return;
+        }
+        sendMessage(createDocumentReconcilePrompt(documentRootId, saveConflict.headId, draftPath));
+        setSaveConflict(undefined);
+        setWorkspaceView('document');
+    }, [documentRootId, draftPath, messageRef, saveConflict, t, toast]);
+    const handleSummarizeChanges = useCallback(() => {
+        const sendMessage = messageRef.current;
+        if (!sendMessage) {
+            toast({ status: 'warning', title: t('agent.artifactEditingUnavailable'), duration: 3000 });
+            return;
+        }
+        sendMessage(createDocumentChangeSummaryPrompt(documentRootId, originalDocumentRef.current.id, draftPath));
+    }, [documentRootId, draftPath, messageRef, t, toast]);
+    const flushFullEditorChanges = useCallback(async () => {
+        if (workspaceView !== 'editor' || !hasDirectEditorChanges)
+            return true;
+        return Boolean(await flushArtifactChangesRef.current?.());
+    }, [hasDirectEditorChanges, workspaceView]);
+    const handleWorkspaceViewChange = useCallback(async (nextView) => {
+        if (nextView === workspaceView)
+            return;
+        if (!(await flushFullEditorChanges()))
+            return;
+        setWorkspaceView(nextView);
+    }, [flushFullEditorChanges, workspaceView]);
+    const handleCloseWorkspace = useCallback(async () => {
+        if (!(await flushFullEditorChanges()))
+            return;
+        onClose?.();
+    }, [flushFullEditorChanges, onClose]);
+    const handleSendChangesToAgent = useCallback(async () => {
+        const sendMessage = messageRef.current;
+        if (!sendMessage || !agentRunId || isEditingLocked || isSendingChanges) {
+            toast({ status: 'warning', title: t('agent.artifactEditingUnavailable'), duration: 3000 });
+            return;
+        }
+        setIsSendingChanges(true);
+        try {
+            const flushed = await flushArtifactChangesRef.current?.();
+            if (!flushed)
+                return;
+            // Hand the agent the exact persisted delta so it can update its context
+            // without spending another turn reading or re-applying the artifact.
+            const unifiedDiff = createUnifiedLineDiff(flushed.previous, flushed.current, { context: 1 });
+            if (unifiedDiff)
+                sendMessage(createDirectEditsAppliedPrompt(draftPath, unifiedDiff));
+            setHasDirectEditorChanges(false);
+            toast({ status: 'success', title: t('agent.changesSentToAgent'), duration: 2000 });
+        }
+        finally {
+            setIsSendingChanges(false);
+        }
+    }, [agentRunId, draftPath, isEditingLocked, isSendingChanges, messageRef, t, toast]);
+    return (_jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [_jsxs("div", { className: "flex h-14 shrink-0 items-center justify-between gap-3 border-b border-mixer-muted/20 px-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate font-semibold", children: object.name || object.content?.name }), _jsxs("div", { className: "flex items-center gap-2 text-xs text-muted", children: [_jsxs("span", { className: "flex shrink-0 items-center gap-1.5", children: [isDirty ? (_jsx("span", { "aria-hidden": true, className: "size-1.5 rounded-full bg-attention" })) : artifactLoaded ? (_jsx(Check, { className: "size-3 text-success" })) : null, isDirty ? t('store.unsavedChanges') : t('store.textSaved')] }), _jsx("span", { "aria-hidden": true, className: "text-mixer-muted/60", children: "\u00B7" }), _jsx(VTooltip, { description: `${t('agent.workingCopy')}: ${draftPath}`, asChild: true, children: _jsxs("span", { className: "min-w-0 truncate font-mono", children: ["drafts/", shortenRunId(documentRootId), ".md"] }) }), _jsx("span", { "aria-hidden": true, className: "text-mixer-muted/60", children: "\u00B7" }), _jsx(VTooltip, { description: `${t('agent.originalDocument')}: ${originalDocumentRef.current.id}`, asChild: true, children: _jsxs("span", { className: "shrink-0 font-mono", children: [t('agent.originalDocument').toLowerCase(), ' ', shortenRunId(originalDocumentRef.current.id)] }) })] })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [_jsxs("div", { className: "flex items-center rounded-md border border-mixer-muted/25 bg-muted/10 p-0.5", children: [_jsxs(Button, { variant: workspaceView === 'document' ? 'secondary' : 'ghost', size: "sm", className: "h-7 gap-1.5", onClick: () => void handleWorkspaceViewChange('document'), children: [_jsx(FileText, { className: "size-3.5" }), t('agent.document')] }), _jsxs(Button, { variant: workspaceView === 'editor' ? 'secondary' : 'ghost', size: "sm", className: "h-7 gap-1.5", onClick: () => void handleWorkspaceViewChange('editor'), children: [_jsx(FilePenLine, { className: "size-3.5" }), t('agent.fullEditor')] }), _jsxs(Button, { variant: workspaceView === 'diff' ? 'secondary' : 'ghost', size: "sm", className: "h-7 gap-1.5", onClick: () => void handleWorkspaceViewChange('diff'), disabled: !artifactLoaded || artifactContent === originalContent, children: [_jsx(GitCompareArrows, { className: "size-3.5" }), t('agent.reviewChanges')] })] }), workspaceView === 'diff' ? (_jsxs(Button, { variant: "ghost", size: "sm", className: "h-8 gap-1.5", onClick: handleSummarizeChanges, disabled: !artifactLoaded || artifactContent === originalContent, children: [_jsx(ListChecks, { className: "size-3.5" }), t('agent.summarizeChanges')] })) : null, _jsx(VTooltip, { description: t('agent.refresh'), asChild: true, children: _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setArtifactRefresh((current) => ({ key: current.key + 1 })), disabled: !agentRunId, "aria-label": t('agent.refresh'), children: _jsx(RefreshCw, { className: "size-4" }) }) }), _jsx("div", { "aria-hidden": true, className: "mx-1 h-6 w-px bg-mixer-muted/25" }), _jsx(DocumentEditingConfigurationSelector, { value: executionConfiguration, onChange: handleConfigurationChange, disabled: Boolean(agentRunId) || isStarting || isResolvingRun, isLoading: isLoadingConfiguration }), !agentRunId ? (_jsxs(Button, { variant: "primary", size: "sm", className: "h-8 gap-1.5", onClick: () => void startWorkflow(t('agent.documentEditingStartRequest')), disabled: isStarting ||
+                                    isResolvingRun ||
+                                    isResolvingTarget ||
+                                    isLoadingConfiguration ||
+                                    targetResolutionFailed ||
+                                    !project ||
+                                    !editingInteraction ||
+                                    !executionConfiguration.environment ||
+                                    !executionConfiguration.model, children: [isStarting ? _jsx(Spinner, { size: "sm" }) : _jsx(Sparkles, { className: "size-4" }), isStarting ? t('agent.startingAgent') : t('agent.documentEditingStart')] })) : null, agentRunId ? (_jsxs(_Fragment, { children: [_jsx(VTooltip, { description: agentRunId, asChild: true, children: _jsx(Button, { variant: "ghost", size: "sm", className: "font-mono text-[11px] text-muted", onClick: handleCopyRunId, "aria-label": t('agent.copyRunId'), children: shortenRunId(agentRunId) }) }), _jsx(VTooltip, { description: t('agent.startNewConversation'), asChild: true, children: _jsx(Button, { variant: "ghost", size: "sm", onClick: () => {
+                                                if (isDirty) {
+                                                    setShowNewSessionConfirm(true);
+                                                }
+                                                else {
+                                                    void handleStartNewSession();
+                                                }
+                                            }, disabled: isTerminating, "aria-label": t('agent.startNewConversation'), children: _jsx(RotateCcw, { className: "size-4" }) }) })] })) : null, _jsx("div", { "aria-hidden": true, className: "mx-1 h-6 w-px bg-mixer-muted/25" }), _jsxs(Button, { variant: "primary", className: "min-w-36 gap-2", onClick: () => setShowSaveConfirmation(true), disabled: !isDirty ||
+                                    !targetEtag ||
+                                    isEditingLocked ||
+                                    isSaving ||
+                                    isResolvingTarget ||
+                                    targetResolutionFailed, children: [isSaving ? _jsx(Spinner, { size: "sm" }) : _jsx(Save, { className: "size-4" }), t('agent.saveToDocument')] }), onClose ? (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => void handleCloseWorkspace(), "aria-label": t('agent.close'), children: _jsx(X, { className: "size-4" }) })) : null] })] }), saveConflict ? (_jsxs("div", { className: "flex shrink-0 items-center justify-between gap-3 border-b border-mixer-attention/30 bg-mixer-attention/10 px-4 py-2 text-sm", children: [_jsx("span", { className: "min-w-0 truncate text-attention", children: t('agent.saveConflictNotice') }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: handleReconcile, children: t('agent.askAgentToReconcile') }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setSaveConflict(undefined), "aria-label": t('agent.close'), children: _jsx(X, { className: "size-4" }) })] })] })) : null, _jsxs(ResizablePanelGroup, { direction: "horizontal", className: "min-h-0 flex-1", children: [_jsx(ResizablePanel, { defaultSize: 65, minSize: 35, className: "min-w-0 bg-background", children: _jsx("div", { className: "flex h-full min-h-0 flex-col", children: _jsx("div", { className: "min-h-0 flex-1", children: workspaceView === 'diff' ? (_jsx(DocumentWorkingCopyDiff, { original: originalContent, workingCopy: artifactContent })) : (_jsx(ArtifactEditingSurface, { runId: agentRunId, path: draftPath, viewMode: workspaceView === 'editor' ? 'document' : 'components', baselineContent: originalContent, initialContent: savedContent, refreshKey: artifactRefresh.key, refreshDetails: artifactRefresh.details, readOnly: isEditingLocked, allowComments: Boolean(agentRunId), onContentChange: handleArtifactContentChange, onAction: handleArtifactAction, onSendMessage: sendEditingMessage, onSendChangesToAgent: handleSendChangesToAgent, hasUnsentChanges: isDirty && hasDirectEditorChanges, isSendingChanges: isSendingChanges, sendChangesDisabled: !agentRunId || isEditingLocked, toolbarStatus: isAgentWorking ? (_jsx(DocumentEditingLockStatus, { isLocked: isEditingLocked, onToggleLock: () => setIsEditingManuallyUnlocked((isUnlocked) => !isUnlocked) })) : undefined, onDocumentEdit: () => setHasDirectEditorChanges(true), flushChangesRef: flushArtifactChangesRef })) }) }) }), _jsx(ResizableHandle, { withHandle: true }), _jsx(ResizablePanel, { defaultSize: 35, minSize: 25, className: "min-w-[320px]", children: isResolvingRun || isResolvingTarget ? (_jsx(Center, { className: "h-full", children: _jsx(Spinner, { size: "lg" }) })) : targetResolutionFailed ? (_jsxs(Center, { className: "h-full flex-col gap-3 px-6 text-center", children: [_jsx("div", { className: "text-sm text-muted", children: t('agent.failedToLoadDocument') }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => setTargetResolutionAttempt((attempt) => attempt + 1), children: t('agent.retry') })] })) : (_jsx(ModernAgentConversation, { agentRunId: agentRunId, startWorkflow: startWorkflow, resetWorkflow: () => setAgentRunId(undefined), onRestart: (run) => setAgentRunId(run.id), sendMessageRef: messageRef, onMessage: (message) => {
+                                const details = message.details;
+                                if (!isArtifactRefreshEvent(details, draftPath))
+                                    return;
+                                const updateKey = `${message.timestamp}:${details?.path}:${details?.generation ?? ''}`;
+                                if (seenUpdatesRef.current.has(updateKey))
+                                    return;
+                                seenUpdatesRef.current.add(updateKey);
+                                setArtifactRefresh((current) => ({
+                                    key: current.key + 1,
+                                    details,
+                                }));
+                            }, onAgentWorkingChange: handleAgentWorkingChange, title: t('agent.documentEditing'), initialMessage: t('agent.documentEditingWelcome'), startButtonText: isStarting ? t('agent.startingAgent') : t('agent.startAgent'), placeholder: t('agent.documentEditingPlaceholder'), initialToolApprovalMode: "full_control", hideObjectLinking: true, hideHeader: true, showRightPanel: false, fullWidth: true, interactive: true })) })] }), _jsx(ConfirmModal, { isOpen: showNewSessionConfirm, title: t('agent.newSessionDiscardTitle'), content: t('agent.newSessionDiscardDescription'), onConfirm: () => {
+                    setShowNewSessionConfirm(false);
+                    void handleStartNewSession();
+                }, onCancel: () => setShowNewSessionConfirm(false) }), _jsx(SaveVersionConfirmModal, { isOpen: showSaveConfirmation, onClose: () => setShowSaveConfirmation(false), onConfirm: handleSave, isLoading: isSaving })] }));
+}
+export function DocumentEditingPanel({ object, initialContent, onClose, onDocumentUpdated, sendMessageRef, model, startImmediately, }) {
+    const { t } = useUITranslation();
+    return (_jsx(Modal, { isOpen: true, onClose: onClose, size: "full", noCloseButton: true, disableCloseOnClickOutside: true, className: "gap-0 overflow-hidden p-0", description: t('agent.documentEditingWelcome'), children: _jsx(DocumentEditingWorkspace, { object: object, initialContent: initialContent, onClose: onClose, onDocumentUpdated: onDocumentUpdated, sendMessageRef: sendMessageRef, model: model, startImmediately: startImmediately }) }));
+}
+//# sourceMappingURL=DocumentEditingPanel.js.map