@lukeashford/aurelius 2.21.0 → 3.0.0

package/dist/index.mjs

@@ -4136,7 +4136,7 @@ var StreamingCursor = React55.forwardRef(
 StreamingCursor.displayName = "StreamingCursor";
 
 // src/components/chat/ChatInterface.tsx
-import React73, { useCallback as useCallback19, useEffect as useEffect15, useMemo as useMemo4, useRef as useRef13, useState as useState20 } from "react";
+import React73, { useCallback as useCallback18, useEffect as useEffect15, useMemo as useMemo4, useRef as useRef13, useState as useState19 } from "react";
 
 // src/components/chat/ChatView.tsx
 import React57, { useEffect as useEffect9 } from "react";
@@ -5876,7 +5876,6 @@ function NodeRenderer({
 var ArtifactsPanel = React69.forwardRef(
   ({
     nodes,
-    artifacts,
     loading,
     className,
     ...rest
@@ -5884,7 +5883,7 @@ var ArtifactsPanel = React69.forwardRef(
     const [expandedArtifact, setExpandedArtifact] = useState16(null);
     const [zoomIndex, setZoomIndex] = useState16(ZOOM_LEVELS.length - 1);
     const treeNav = useArtifactTreeNavigation(nodes || []);
-    const isTreeMode = !!nodes && nodes.length > 0;
+    const hasNodes = !!nodes && nodes.length > 0;
     const handleExpandArtifact = useCallback15((artifact) => {
       setExpandedArtifact(artifact);
     }, []);
@@ -5926,7 +5925,7 @@ var ArtifactsPanel = React69.forwardRef(
           className: "flex items-center justify-between p-4 border-b border-ash/40 shrink-0"
         },
         /* @__PURE__ */ React69.createElement("h3", { className: "text-sm font-semibold text-white" }, "Artifacts"),
-        isTreeMode && /* @__PURE__ */ React69.createElement(
+        hasNodes && /* @__PURE__ */ React69.createElement(
           "div",
           {
             className: "flex items-center gap-0.5",
@@ -5963,7 +5962,7 @@ var ArtifactsPanel = React69.forwardRef(
           )
         )
       ),
-      isTreeMode && !treeNav.isAtRoot && /* @__PURE__ */ React69.createElement(
+      hasNodes && !treeNav.isAtRoot && /* @__PURE__ */ React69.createElement(
         "nav",
         {
           className: "flex items-center gap-1 px-4 py-2 border-b border-ash/40 shrink-0 overflow-x-auto text-xs",
@@ -6004,7 +6003,7 @@ var ArtifactsPanel = React69.forwardRef(
                 transformOrigin: "top center"
               } : void 0
             },
-            isTreeMode ? treeNav.currentNodes.length === 0 ? /* @__PURE__ */ React69.createElement("p", { className: "text-xs text-silver/60 text-center py-8" }, "Empty group") : treeNav.currentNodes.map((node) => /* @__PURE__ */ React69.createElement(
+            treeNav.currentNodes.length === 0 ? /* @__PURE__ */ React69.createElement("p", { className: "text-xs text-silver/60 text-center py-8" }, hasNodes ? "Empty group" : "No artifacts to display") : treeNav.currentNodes.map((node) => /* @__PURE__ */ React69.createElement(
               NodeRenderer,
               {
                 key: node.id,
@@ -6013,14 +6012,6 @@ var ArtifactsPanel = React69.forwardRef(
                 onExpandArtifact: handleExpandArtifact,
                 onGroupClick: handleGroupClick
               }
-            )) : (!artifacts || artifacts.length === 0) && !loading ? /* @__PURE__ */ React69.createElement("p", { className: "text-xs text-silver/60 text-center py-8" }, "No artifacts to display") : artifacts?.map((artifact) => /* @__PURE__ */ React69.createElement(
-              ArtifactCard,
-              {
-                key: artifact.id,
-                artifact,
-                loading,
-                onExpand: handleExpandArtifact
-              }
             ))
           )
         )
@@ -6365,58 +6356,27 @@ var ToolPanelContainer = React72.forwardRef(
 );
 ToolPanelContainer.displayName = "ToolPanelContainer";
 
-// src/components/chat/hooks/useArtifacts.ts
-import { useCallback as useCallback17, useState as useState18 } from "react";
-function useArtifacts() {
-  const [artifacts, setArtifacts] = useState18([]);
-  const scheduleArtifact = useCallback17((artifact) => {
-    setArtifacts((prev) => [...prev, { ...artifact, isPending: true }]);
-  }, []);
-  const showArtifact = useCallback17(
-    (artifactId, updates) => {
-      setArtifacts((prev) => {
-        const existingIndex = prev.findIndex((a) => a.id === artifactId);
-        if (existingIndex >= 0) {
-          return prev.map(
-            (a) => a.id === artifactId ? { ...a, ...updates, isPending: false } : a
-          );
-        } else {
-          return [...prev, { id: artifactId, ...updates, isPending: false }];
-        }
-      });
-    },
-    []
-  );
-  const removeArtifact = useCallback17((artifactId) => {
-    setArtifacts((prev) => prev.filter((a) => a.id !== artifactId));
-  }, []);
-  const clearArtifacts = useCallback17(() => {
-    setArtifacts([]);
-  }, []);
-  return { artifacts, scheduleArtifact, showArtifact, removeArtifact, clearArtifacts };
-}
-
 // src/components/chat/hooks/useResizable.ts
-import { useCallback as useCallback18, useEffect as useEffect14, useRef as useRef12, useState as useState19 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect14, useRef as useRef12, useState as useState18 } from "react";
 function useResizable({
   initialWidthPercent,
   minWidthPercent,
   maxWidthPercent,
   direction
 }) {
-  const [widthPercent, setWidthPercent] = useState19(initialWidthPercent);
-  const [isResizing, setIsResizing] = useState19(false);
+  const [widthPercent, setWidthPercent] = useState18(initialWidthPercent);
+  const [isResizing, setIsResizing] = useState18(false);
   const lastX = useRef12(null);
-  const startResizing = useCallback18((e) => {
+  const startResizing = useCallback17((e) => {
     e.preventDefault();
     setIsResizing(true);
     lastX.current = e.clientX;
   }, []);
-  const stopResizing = useCallback18(() => {
+  const stopResizing = useCallback17(() => {
     setIsResizing(false);
     lastX.current = null;
   }, []);
-  const resize = useCallback18(
+  const resize = useCallback17(
     (e) => {
       if (!isResizing || lastX.current === null) {
         return;
@@ -6478,7 +6438,6 @@ var ChatInterface = React73.forwardRef(
     enableMessageActions = true,
     attachments: propsAttachments,
     onAttachmentsChange,
-    artifacts = [],
     artifactNodes,
     isArtifactsPanelOpen,
     onArtifactsPanelOpenChange,
@@ -6487,10 +6446,10 @@ var ChatInterface = React73.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [sidebarCollapsed, setSidebarCollapsed] = useState20(initialSidebarCollapsed);
-    const prevArtifactsRef = useRef13([]);
+    const [sidebarCollapsed, setSidebarCollapsed] = useState19(initialSidebarCollapsed);
+    const prevArtifactNodesRef = useRef13([]);
     const prevTasksRef = useRef13([]);
-    const [internalTools, setInternalTools] = useState20({
+    const [internalTools, setInternalTools] = useState19({
       top: null,
       bottom: null
     });
@@ -6524,7 +6483,7 @@ var ChatInterface = React73.forwardRef(
       maxWidthPercent: 70,
       direction: "left"
     });
-    const toggleTool = useCallback19((toolId) => {
+    const toggleTool = useCallback18((toolId) => {
       const toolDef = TOOL_DEFINITIONS.find((t) => t.id === toolId);
       if (!toolDef) return;
       const group = toolDef.group;
@@ -6571,15 +6530,10 @@ var ChatInterface = React73.forwardRef(
       return -1;
     }, [effectiveMessages]);
     useEffect15(() => {
-      const hasNewOrSignificantArtifact = artifacts.some((a) => {
-        const p = prevArtifactsRef.current.find((prev) => prev.id === a.id);
-        if (!p) return true;
-        if (p.isPending && !a.isPending) return true;
-        if (p.title !== a.title || p.type !== a.type) return true;
-        return false;
-      });
-      const hasNodes = artifactNodes && artifactNodes.length > 0;
-      if (!isPanelControlled && (hasNewOrSignificantArtifact || hasNodes) && !dismissedToolsRef.current.has("artifacts")) {
+      const nodes = artifactNodes || [];
+      const prevNodes = prevArtifactNodesRef.current;
+      const hasNewOrChangedNode = nodes.length !== prevNodes.length || nodes.some((n, i) => n.id !== prevNodes[i]?.id);
+      if (!isPanelControlled && hasNewOrChangedNode && nodes.length > 0 && !dismissedToolsRef.current.has("artifacts")) {
         setInternalTools((prev) => ({ ...prev, top: "artifacts" }));
       }
       const hasNewOrUpdatedTask = (curr, prev) => {
@@ -6594,10 +6548,10 @@ var ChatInterface = React73.forwardRef(
       if (hasNewOrUpdatedTask(tasks, prevTasksRef.current) && !dismissedToolsRef.current.has("todos")) {
         setInternalTools((prev) => ({ ...prev, bottom: "todos" }));
       }
-      prevArtifactsRef.current = artifacts;
+      prevArtifactNodesRef.current = nodes;
       prevTasksRef.current = tasks;
-    }, [artifacts, artifactNodes, tasks, isPanelControlled]);
-    const handleBranchSwitch = useCallback19(
+    }, [artifactNodes, tasks, isPanelControlled]);
+    const handleBranchSwitch = useCallback18(
       (nodeId, direction) => {
         if (!isTreeMode || !conversationTree || !onTreeChange) return;
         const newTree = switchBranch(conversationTree, nodeId, direction);
@@ -6635,13 +6589,13 @@ var ChatInterface = React73.forwardRef(
       onRetryMessage,
       handleBranchSwitch
     ]);
-    const handleSubmit = useCallback19(
+    const handleSubmit = useCallback18(
       (message, attachments) => {
         onMessageSubmit?.(message, attachments);
       },
       [onMessageSubmit]
     );
-    const toggleSidebar = useCallback19(() => {
+    const toggleSidebar = useCallback18(() => {
       setSidebarCollapsed((prev) => !prev);
     }, []);
     const isEmpty = effectiveMessages.length === 0;
@@ -6667,7 +6621,6 @@ var ChatInterface = React73.forwardRef(
           return /* @__PURE__ */ React73.createElement(
             ArtifactsPanel,
             {
-              artifacts,
               nodes: artifactNodes,
               className: "h-full"
             }
@@ -6763,7 +6716,7 @@ var TOOL_DEFINITIONS = [
 ];
 
 // src/components/chat/MessageActions.tsx
-import React74, { useCallback as useCallback20, useState as useState21 } from "react";
+import React74, { useCallback as useCallback19, useState as useState20 } from "react";
 import { Check as Check3, Copy, Pencil, RotateCcw, Send as Send2, X as X5 } from "lucide-react";
 var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ React74.createElement(
   "button",
@@ -6793,12 +6746,12 @@ var MessageActions = React74.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [localIsEditing, setLocalIsEditing] = useState21(false);
-    const [localEditValue, setLocalEditValue] = useState21(content);
-    const [copied, setCopied] = useState21(false);
+    const [localIsEditing, setLocalIsEditing] = useState20(false);
+    const [localEditValue, setLocalEditValue] = useState20(content);
+    const [copied, setCopied] = useState20(false);
     const isEditing = controlledIsEditing ?? localIsEditing;
     const editValue = controlledEditValue ?? localEditValue;
-    const setIsEditing = useCallback20(
+    const setIsEditing = useCallback19(
       (value) => {
         if (onEditingChange) {
           onEditingChange(value);
@@ -6808,10 +6761,10 @@ var MessageActions = React74.forwardRef(
       },
       [onEditingChange]
     );
-    const setEditValue = useCallback20((value) => {
+    const setEditValue = useCallback19((value) => {
       setLocalEditValue(value);
     }, []);
-    const handleCopy = useCallback20(async () => {
+    const handleCopy = useCallback19(async () => {
       try {
         await navigator.clipboard.writeText(content);
         setCopied(true);
@@ -6827,22 +6780,22 @@ var MessageActions = React74.forwardRef(
         setTimeout(() => setCopied(false), 2e3);
       }
     }, [content]);
-    const handleStartEdit = useCallback20(() => {
+    const handleStartEdit = useCallback19(() => {
       setLocalEditValue(content);
       setIsEditing(true);
     }, [content, setIsEditing]);
-    const handleCancelEdit = useCallback20(() => {
+    const handleCancelEdit = useCallback19(() => {
       setIsEditing(false);
       setLocalEditValue(content);
     }, [content, setIsEditing]);
-    const handleSubmitEdit = useCallback20(() => {
+    const handleSubmitEdit = useCallback19(() => {
       const trimmed = editValue.trim();
       if (trimmed && trimmed !== content) {
         onEdit?.(trimmed);
       }
       setIsEditing(false);
     }, [editValue, content, onEdit, setIsEditing]);
-    const handleEditKeyDown = useCallback20(
+    const handleEditKeyDown = useCallback19(
       (e) => {
         if (e.key === "Enter" && !e.shiftKey) {
           e.preventDefault();
@@ -7212,7 +7165,6 @@ export {
   switchBranch,
   updateNodeContent,
   useArtifactTreeNavigation,
-  useArtifacts,
   useResizable,
   useScrollAnchor,
   useToast,