@parhelia/core 0.1.11069 → 0.1.11141

package/dist/editor/ai/EditOperationsPanel.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { ChevronDown, ChevronUp, History } from "lucide-react";
+import { getAgentHistory } from "../services/editService";
+import { OperationItem, filterUndone } from "../sidebar/OperationItem";
+import { useEditContext } from "../client/editContext";
+export function AgentEditOperationsPanel({ agentId, }) {
+    const [isExpanded, setIsExpanded] = useState(false);
+    const [agentOperations, setAgentOperations] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const editContext = useEditContext();
+    // Fetch edit operations from backend by agentId
+    const fetchOperations = useCallback(async () => {
+        if (!agentId) {
+            setAgentOperations([]);
+            return;
+        }
+        setIsLoading(true);
+        try {
+            const result = await getAgentHistory(agentId, 1000);
+            if (result.type === "success" && result.data) {
+                // Filter undone operations
+                const filtered = filterUndone(result.data);
+                setAgentOperations(filtered);
+            }
+        }
+        catch (error) {
+            console.error("Failed to fetch agent operations:", error);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [agentId]);
+    // Initial load
+    useEffect(() => {
+        fetchOperations();
+    }, [fetchOperations]);
+    // Listen to WebSocket messages for edit operations from this agent
+    useEffect(() => {
+        if (!agentId || !editContext?.addSocketMessageListener) {
+            return;
+        }
+        const handleMessage = (message) => {
+            // Check if this is an edit-operation message from our agent
+            if (message.type === "edit-operation") {
+                const op = message.payload;
+                // Check both op.agentId and op.user?.agentId
+                const operationAgentId = op.agentId || op.user?.agentId;
+                if (operationAgentId === agentId) {
+                    // Reload operations when this agent performs an operation
+                    fetchOperations();
+                }
+            }
+        };
+        const unsubscribe = editContext.addSocketMessageListener(handleMessage);
+        return () => {
+            unsubscribe();
+        };
+    }, [agentId, editContext, fetchOperations]);
+    if (agentOperations.length === 0 && !isLoading)
+        return null;
+    return (_jsxs("div", { className: "border-t border-gray-200 bg-gray-50", children: [_jsxs("button", { onClick: () => setIsExpanded(!isExpanded), className: "flex w-full cursor-pointer items-center justify-between px-4 py-2 text-left transition-colors hover:bg-gray-100", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(History, { className: "h-4 w-4 text-gray-500", strokeWidth: 1 }), _jsx("span", { className: "text-xs font-medium text-gray-700", children: "Edit History" }), _jsxs("span", { className: "text-xs text-gray-500", children: ["(", agentOperations.length, ")"] })] }), isExpanded ? (_jsx(ChevronUp, { className: "h-4 w-4 text-gray-500", strokeWidth: 1 })) : (_jsx(ChevronDown, { className: "h-4 w-4 text-gray-500", strokeWidth: 1 }))] }), isExpanded && (_jsx("div", { className: "max-h-64 overflow-y-auto", children: agentOperations.map((op, i) => (_jsx(OperationItem, { operation: op, index: i, showUserName: false }, op.id))) }))] }));
+}
+//# sourceMappingURL=EditOperationsPanel.js.map

package/dist/editor/ai/EditOperationsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditOperationsPanel.js","sourceRoot":"","sources":["../../../src/editor/ai/EditOperationsPanel.tsx"],"names":[],"mappings":"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"}

package/dist/editor/client/EditorShell.js

@@ -8,7 +8,7 @@ import { useRouter, useSearchParams, usePathname } from "next/navigation";
 import { findComponent, getComponentById } from "../componentTreeHelper";
 import { getOperationsContext } from "./operations";
 import { handleErrorResult } from "./helpers";
-import { executeFieldAction as executeFieldServerAction, connectSocket, getEditHistory, releaseFieldLocks, validateItems, } from "../services/editService";
+import { executeFieldAction as executeFieldServerAction, connectSocket, getEditHistory, getSessionHistory, getAllHistory, releaseFieldLocks, validateItems, } from "../services/editService";
 import { useEditorWebSocket } from "./hooks/useEditorWebSocket";
 import { useSocketMessageHandler } from "./hooks/useSocketMessageHandler";
 import "react-json-view-lite/dist/index.css";
@@ -75,6 +75,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     const fieldEditorPopupRef = React.useRef(null);
     const [validationResult, setValidationResult] = useState();
     const [editHistory, setEditHistory] = useState([]);
+    const [historyMode, setHistoryMode] = useState("global");
     const [recentEdits, setRecentEdits] = useState([]);
     const addRecentEdit = useCallback((edit) => {
         setRecentEdits((prevEditedFields) => {
@@ -683,18 +684,70 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             setInserting(undefined);
     }, [page, viewName, revision]);
     // moved below to ensure requestRefresh is declared first
-    const loadHistory = useDebouncedCallback(async (item) => {
-        const result = await getEditHistory(item);
-        if (handleErrorResult(result, ui, state))
+    const loadHistory = useDebouncedCallback(async () => {
+        if (!sessionId)
             return;
-        setEditHistory(result.data || []);
-    }, 200);
-    const refreshHistory = useCallback(async (item) => {
-        const result = await getEditHistory(item);
+        const result = await getSessionHistory(sessionId);
         if (handleErrorResult(result, ui, state))
             return;
         setEditHistory(result.data || []);
-    }, []);
+    }, 200);
+    const refreshHistory = useCallback(async (mode, filterBySession = true) => {
+        const currentMode = mode || historyMode;
+        if (currentMode === "global") {
+            if (!filterBySession) {
+                // Show all operations globally (across all sessions) with limit of 500
+                console.log("[EditorShell] Loading all operations globally (all sessions)");
+                const result = await getAllHistory(500);
+                if (handleErrorResult(result, ui, state)) {
+                    console.error("[EditorShell] Failed to load all history:", result);
+                    return;
+                }
+                console.log("[EditorShell] Loaded", result.data?.length || 0, "operations (all sessions)");
+                setEditHistory(result.data || []);
+                return;
+            }
+            // Filter by session
+            if (!sessionId) {
+                console.warn("[EditorShell] Cannot load history: sessionId is not available");
+                return;
+            }
+            console.log("[EditorShell] Loading session history for sessionId:", sessionId);
+            const result = await getSessionHistory(sessionId);
+            if (handleErrorResult(result, ui, state)) {
+                console.error("[EditorShell] Failed to load session history:", result);
+                return;
+            }
+            console.log("[EditorShell] Loaded", result.data?.length || 0, "operations");
+            setEditHistory(result.data || []);
+        }
+        else {
+            // Page-centric or current-version mode - need current item
+            const currentItem = contentEditorItem?.descriptor;
+            if (!currentItem) {
+                console.warn("[EditorShell] Cannot load page-centric history: no item loaded");
+                setEditHistory([]);
+                return;
+            }
+            console.log("[EditorShell] Loading item history for:", currentItem.id, "mode:", currentMode, "filterBySession:", filterBySession);
+            const result = await getEditHistory(currentItem);
+            if (handleErrorResult(result, ui, state)) {
+                console.error("[EditorShell] Failed to load item history:", result);
+                return;
+            }
+            let operations = result.data || [];
+            // Filter by session if requested
+            if (filterBySession) {
+                operations = operations.filter((op) => op.sessionId === sessionId);
+            }
+            // Filter by version if current-version mode
+            if (currentMode === "current-version") {
+                operations = operations.filter((op) => op.mainItem?.version === currentItem.version);
+            }
+            console.log("[EditorShell] Loaded", operations.length, "operations");
+            setEditHistory(operations);
+        }
+    }, [sessionId, historyMode, contentEditorItem]);
     // defined below after loadItem/loadItemVersions/requestRefresh
     const requestRefresh = useCallback((mode) => {
         const refreshTimer = globalThis.editorRefreshTimer;
@@ -722,6 +775,27 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         loadComments();
         loadSuggestedEdits();
     }, [currentItemDescriptor]);
+    // Load history on initialization or when mode/item changes
+    useEffect(() => {
+        if (historyMode === "global" && sessionId) {
+            // Use refreshHistory for immediate load on initialization
+            refreshHistory("global");
+        }
+        else if (historyMode !== "global" && currentItemDescriptor) {
+            refreshHistory(historyMode);
+        }
+        else if (historyMode !== "global" && !currentItemDescriptor) {
+            // Clear history if no item loaded in page-centric modes
+            setEditHistory([]);
+        }
+    }, [
+        sessionId,
+        historyMode,
+        currentItemDescriptor?.id,
+        currentItemDescriptor?.language,
+        currentItemDescriptor?.version,
+        refreshHistory,
+    ]);
     // Load available comment tags once per current item descriptor
     useEffect(() => {
         let cancelled = false;
@@ -796,10 +870,16 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         }
         else {
             // Remove item-related parameters when no item is selected
-            current.delete("itemid");
-            current.delete("lang");
-            current.delete("language");
-            current.delete("version");
+            // BUT preserve them if reviewId is present (review links may not have loaded item yet)
+            const reviewId = current.get("reviewId");
+            if (!reviewId) {
+                // Only delete item params if we're not in a review context
+                current.delete("itemid");
+                current.delete("lang");
+                current.delete("language");
+                current.delete("version");
+            }
+            // If reviewId exists, preserve itemid/lang/version from URL for review links
         }
         // Always sync view-related parameters regardless of item selection
         if (current.get("view") !== viewName) {
@@ -829,6 +909,12 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         else {
             current.delete("wizardid");
         }
+        // Preserve reviewId parameter if it exists (for review links)
+        // This ensures review links don't lose the reviewId when URL is synced
+        const reviewId = current.get("reviewId");
+        if (reviewId) {
+            current.set("reviewId", reviewId); // Explicitly preserve it
+        }
         // Use the actual browser pathname (including any basePath like /parhelia)
         // so we don't accidentally drop the base segment when updating the URL
         const browserPathname = typeof window !== "undefined" ? window.location.pathname : pathname;
@@ -949,8 +1035,8 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         setCurrentItemDescriptor(itemToLoad);
         setContentEditorItem(item);
         setSelection([]);
-        // Load history and add to browse history
-        loadHistory(itemToLoad);
+        // Load history (session-based) and add to browse history
+        loadHistory();
         if (options?.addToBrowseHistory ||
             options?.addToBrowseHistory === undefined) {
             addToBrowseHistory(item);
@@ -1061,7 +1147,9 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             contentEditorItem?.version === op.mainItem?.version) {
             setInsertMode(false);
         }
-    }, [contentEditorItem, setEditHistory, setInsertMode]);
+        // Refresh history from server to ensure consistency
+        refreshHistory();
+    }, [contentEditorItem, setEditHistory, setInsertMode, refreshHistory]);
     const ui = {
         showErrorToast,
         confirmationDialogRef,
@@ -1193,19 +1281,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     }, [operationsContext.cleanup]);
     // Shared focused field setter with lock handling (used in both contexts)
     const setFocusedFieldWithLock = useCallback(async (field, requestLock) => {
-        console.log("[setFocusedFieldWithLock] Called with:", {
-            field: field
-                ? {
-                    fieldId: field.fieldId,
-                    itemId: field.item?.id,
-                    language: field.item?.language,
-                    version: field.item?.version,
-                }
-                : undefined,
-            requestLock,
-            ignoreBlur,
-            timestamp: new Date().toISOString(),
-        });
         if (field) {
             setIgnoreBlur(true);
             setTimeout(() => {
@@ -1213,17 +1288,13 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             }, 20);
             setFocusedField({ ...field });
             if (requestLock) {
-                console.log("[setFocusedFieldWithLock] Calling operations.ensureLock for field:", field.fieldId);
                 const lockResult = (await operations.ensureLock(field)) || false;
-                console.log("[setFocusedFieldWithLock] ensureLock result:", lockResult);
                 return lockResult;
             }
         }
         else {
-            console.log("[setFocusedFieldWithLock] Clearing focused field, ignoreBlur:", ignoreBlur);
             if (!ignoreBlur) {
                 setFocusedField(undefined);
-                console.log("[setFocusedFieldWithLock] Clearing lockedField state");
                 setLockedField(undefined); // Clear client-side lock state
                 releaseFieldLocks(sessionId);
             }
@@ -1735,7 +1806,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                         date: new Date().toISOString(),
                         id: uuid(),
                         linkedComponentItem: dragObject.items[0],
-                        description: "Link component",
+                        title: "Link component",
                     };
                     console.log("op", op);
                 }
@@ -1756,7 +1827,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                         componentIds,
                         date: new Date().toISOString(),
                         id: uuid(),
-                        description: "Move component",
+                        title: "Move component",
                     };
                 }
             }
@@ -1878,6 +1949,9 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         contentEditorItem,
         loadItem,
         editHistory,
+        historyMode,
+        setHistoryMode,
+        refreshHistory,
         isRefreshing,
         activeSessions,
         unlockField: async () => {