@tutti-os/agent-gui 0.0.23 → 0.0.24

package/dist/index.js

@@ -13,7 +13,7 @@ import {
 import {
   AgentInteractivePromptSurface,
   approvalOptionDisplayLabel
-} from "./chunk-ZC4E2QJU.js";
+} from "./chunk-4MOHKNXA.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
@@ -36,21 +36,21 @@ import {
   skillDescriptionForDisplay,
   skillTriggerForPrefix,
   useProjectedAgentConversation
-} from "./chunk-MQAGIHYM.js";
+} from "./chunk-7JW4OAKS.js";
 import {
   AgentMessageMarkdown,
   ZoomableImage,
   cn,
   resolveWorkspaceLinkAction
-} from "./chunk-7Q3JKSQ5.js";
+} from "./chunk-BUBD5E4F.js";
 import {
   AGENT_MENTION_FILTER_TAB_ORDER,
   AgentFileMentionPalette,
   AgentMentionSearchController,
   DEFAULT_AGENT_MENTION_FILTER,
-  flattenAgentMentionPaletteEntries,
+  agentMentionItemKey,
   preloadAgentMentionBrowse
-} from "./chunk-3LVEFR2N.js";
+} from "./chunk-Q6QE7JNG.js";
 import {
   WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN,
   buildWorkspaceAgentActivityListViewModel,
@@ -13486,7 +13486,11 @@ import {
 // agent-gui/agentGuiNode/AgentComposer.tsx
 import { AddIcon, Select as Select2, SelectTrigger as SelectTrigger2 } from "@tutti-os/ui-system";
 import { ListChecks, X } from "lucide-react";
-import { makeAtPanelKeyDown } from "@tutti-os/ui-rich-text/at-panel";
+import {
+  createMentionPaletteStateAdapter,
+  makeAtPanelKeyDown,
+  repairMentionPaletteHighlight
+} from "@tutti-os/ui-rich-text/at-panel";
 
 // agent-gui/agentGuiNode/model/agentComposerTriggerQueries.ts
 import { findRichTextTriggerQuery } from "@tutti-os/ui-rich-text/editor";
@@ -17283,40 +17287,40 @@ function AgentComposer({
     highlightedIndex,
     slashPaletteEntries.length
   );
-  const mentionPaletteEntries = useMemo9(
-    () => flattenAgentMentionPaletteEntries(mentionSearchState),
-    [mentionSearchState]
-  );
   const [mentionPaletteFrame, setMentionPaletteFrame] = useState10(null);
   useEffect11(() => {
     setHighlightedIndex(0);
   }, [skillQueryMatch?.prefix, skillQueryMatch?.query, slashQuery]);
   useEffect11(() => {
-    const firstKey = mentionPaletteEntries[0]?.key ?? null;
-    if (!firstKey) {
-      autoMentionHighlightedKeyRef.current = null;
-      setMentionHighlightedKey(null);
-      return;
-    }
+    const preferredKey = shouldResetMentionHighlightToFilter && mentionSearchState.mode === "browse" ? `category:${mentionSearchState.filter}` : null;
     if (shouldResetMentionHighlightToFilter) {
-      const resetKey = mentionSearchState.mode === "browse" ? `category:${mentionSearchState.filter}` : null;
-      autoMentionHighlightedKeyRef.current = resetKey;
-      setMentionHighlightedKey(resetKey);
+      const nextKey = repairMentionPaletteHighlight({
+        state: mentionSearchState,
+        currentKey: null,
+        preferredKey,
+        getItemKey: agentMentionItemKey
+      });
+      autoMentionHighlightedKeyRef.current = nextKey;
+      setMentionHighlightedKey(nextKey);
       setShouldResetMentionHighlightToFilter(false);
       return;
     }
     setMentionHighlightedKey((current) => {
-      const hasCurrent = current !== null && mentionPaletteEntries.some((entry) => entry.key === current);
-      if (hasCurrent && current !== autoMentionHighlightedKeyRef.current) {
+      const nextKey = repairMentionPaletteHighlight({
+        state: mentionSearchState,
+        currentKey: current,
+        getItemKey: agentMentionItemKey
+      });
+      if (nextKey === current && current !== autoMentionHighlightedKeyRef.current) {
         return current;
       }
-      autoMentionHighlightedKeyRef.current = firstKey;
-      return firstKey;
+      autoMentionHighlightedKeyRef.current = nextKey;
+      return nextKey;
     });
   }, [
-    mentionPaletteEntries,
     mentionSearchState.filter,
     mentionSearchState.mode,
+    mentionSearchState,
     shouldResetMentionHighlightToFilter
   ]);
   useEffect11(() => {
@@ -17665,22 +17669,40 @@ function AgentComposer({
     }
     setIsPaletteOpen(false);
   }, [closeFileMentionPalette, showFileMentionPalette]);
+  const createFileMentionPaletteAdapter = useCallback9(
+    (highlightedKey = mentionHighlightedKey) => createMentionPaletteStateAdapter({
+      state: mentionSearchState,
+      highlightedKey,
+      categoryCycleOrder: mentionSearchState.mode === "browse" ? mentionSearchState.categories : AGENT_MENTION_FILTER_TAB_ORDER,
+      getItemKey: agentMentionItemKey,
+      callbacks: {
+        onHighlightChange: (key) => {
+          setShouldCenterMentionHighlight(true);
+          autoMentionHighlightedKeyRef.current = null;
+          setMentionHighlightedKey(key);
+        },
+        onActiveCategoryIdChange: (categoryId) => {
+          mentionControllerRef.current?.setFilter(
+            categoryId
+          );
+          setShouldResetMentionHighlightToFilter(true);
+          setShouldCenterMentionHighlight(false);
+        },
+        onExpandGroup: (groupId) => {
+          mentionControllerRef.current?.expandGroup(
+            groupId
+          );
+        },
+        onSelectItem: selectFileMention
+      }
+    }),
+    [mentionHighlightedKey, mentionSearchState, selectFileMention]
+  );
   const moveFileMentionSelection = useCallback9(
     (delta) => {
-      const focusableEntries = flattenAgentMentionPaletteEntries(mentionSearchState);
-      if (focusableEntries.length === 0) {
-        return;
-      }
-      const currentIndex = mentionHighlightedKey ? focusableEntries.findIndex(
-        (entry) => entry.key === mentionHighlightedKey
-      ) : -1;
-      const baseIndex = currentIndex >= 0 ? currentIndex : delta > 0 ? -1 : 0;
-      const nextIndex = (baseIndex + delta + focusableEntries.length) % focusableEntries.length;
-      setShouldCenterMentionHighlight(true);
-      autoMentionHighlightedKeyRef.current = null;
-      setMentionHighlightedKey(focusableEntries[nextIndex]?.key ?? null);
+      createFileMentionPaletteAdapter().moveSelection(delta);
     },
-    [mentionHighlightedKey, mentionSearchState]
+    [createFileMentionPaletteAdapter]
   );
   const handleMentionHighlightChange = useCallback9((key) => {
     autoMentionHighlightedKeyRef.current = null;
@@ -17688,57 +17710,19 @@ function AgentComposer({
   }, []);
   const cycleFileMentionFilter = useCallback9(
     (delta = 1) => {
-      const filters = mentionSearchState.mode === "browse" ? mentionSearchState.categories.map((category) => category.id) : [...AGENT_MENTION_FILTER_TAB_ORDER];
-      if (filters.length === 0) {
-        return;
-      }
-      const currentFilterIndex = filters.findIndex(
-        (filter) => filter === mentionSearchState.filter
-      );
-      const baseIndex = currentFilterIndex >= 0 ? currentFilterIndex : delta > 0 ? -1 : 0;
-      const nextIndex = (baseIndex + delta + filters.length) % filters.length;
-      const nextFilter = filters[nextIndex];
-      if (!nextFilter) {
-        return;
-      }
-      mentionControllerRef.current?.setFilter(nextFilter);
-      setShouldResetMentionHighlightToFilter(true);
-      setShouldCenterMentionHighlight(false);
+      createFileMentionPaletteAdapter().cycleCategory(delta);
     },
-    [mentionSearchState]
+    [createFileMentionPaletteAdapter]
   );
   const handleFileMentionKeyDown = useCallback9(
     (event) => {
       if (!showFileMentionPalette) {
         return false;
       }
-      const focusableEntries = flattenAgentMentionPaletteEntries(mentionSearchState);
       return makeAtPanelKeyDown({
         close: closeFileMentionPalette,
         commitSelection: () => {
-          const activeEntry = focusableEntries.find(
-            (entry) => entry.key === mentionHighlightedKey
-          );
-          if (!activeEntry) {
-            const highlightedCategoryId = mentionHighlightedKey?.startsWith(
-              "category:"
-            ) ? mentionHighlightedKey.slice("category:".length) : null;
-            if (highlightedCategoryId && mentionSearchState.categories.some(
-              (category) => category.id === highlightedCategoryId
-            )) {
-              mentionControllerRef.current?.setFilter(
-                highlightedCategoryId
-              );
-            }
-            return;
-          }
-          if (activeEntry.type === "category" && activeEntry.categoryId) {
-            mentionControllerRef.current?.setFilter(activeEntry.categoryId);
-          } else if (activeEntry.type === "expand" && activeEntry.groupId) {
-            mentionControllerRef.current?.expandGroup(activeEntry.groupId);
-          } else if (activeEntry.type === "item" && activeEntry.item) {
-            selectFileMention(activeEntry.item);
-          }
+          createFileMentionPaletteAdapter().commitHighlighted();
         },
         cycleFilter: cycleFileMentionFilter,
         moveSelection: moveFileMentionSelection
@@ -17746,11 +17730,9 @@ function AgentComposer({
     },
     [
       closeFileMentionPalette,
+      createFileMentionPaletteAdapter,
       cycleFileMentionFilter,
-      mentionHighlightedKey,
-      mentionSearchState,
       moveFileMentionSelection,
-      selectFileMention,
       showFileMentionPalette
     ]
   );
@@ -18571,8 +18553,6 @@ function AgentComposer({
                                 onSelectCategory: (filter) => mentionControllerRef.current?.setFilter(filter),
                                 onSelectFilter: (filter) => mentionControllerRef.current?.setFilter(filter),
                                 onExpandGroup: (groupId) => mentionControllerRef.current?.expandGroup(groupId),
-                                onCycleFilter: cycleFileMentionFilter,
-                                onMoveSelection: moveFileMentionSelection,
                                 onOpenReferences: onRequestWorkspaceReferences ? handleOpenReferencesForEntity : void 0
                               }
                             )
@@ -19508,6 +19488,7 @@ function AgentGUINodeView({
   contextMentionProviders,
   referenceSourceAggregator = null,
   resolveMentionReferenceTarget = null,
+  resolveWorkspaceReferenceInitialTarget = null,
   workspaceAppIcons = EMPTY_WORKSPACE_APP_ICONS3
 }) {
   "use memo";
@@ -19539,7 +19520,11 @@ function AgentGUINodeView({
       if (!workspaceFileReferenceAdapter && !referenceSourceAggregator || !workspaceFileReferenceCopy) {
         return emptyReferencePickResult;
       }
-      const target = entity && referenceSourceAggregator ? resolveMentionReferenceTarget?.(entity) ?? null : null;
+      const target = entity && referenceSourceAggregator ? resolveMentionReferenceTarget?.(entity) ?? null : referenceSourceAggregator ? resolveWorkspaceReferenceInitialTarget?.({
+        activeConversation: viewModel.activeConversation,
+        composerSelectedProjectPath: viewModel.composerSettings.selectedProjectPath ?? null,
+        userProjects: viewModel.userProjects
+      }) ?? null : null;
       setWorkspaceReferencePickerTarget(target);
       setWorkspaceReferencePickerOpen(true);
       return await new Promise((resolve) => {
@@ -19551,6 +19536,10 @@ function AgentGUINodeView({
       previewMode,
       referenceSourceAggregator,
       resolveMentionReferenceTarget,
+      resolveWorkspaceReferenceInitialTarget,
+      viewModel.activeConversation,
+      viewModel.composerSettings.selectedProjectPath,
+      viewModel.userProjects,
       workspaceFileReferenceAdapter,
       workspaceFileReferenceCopy
     ]
@@ -19655,12 +19644,20 @@ function AgentGUINodeView({
       }
       if (options) {
         createConversationAction(options);
+      } else if (viewModel.composerSettings.selectedProjectPath) {
+        createConversationAction({
+          projectPath: viewModel.composerSettings.selectedProjectPath
+        });
       } else {
         createConversationAction();
       }
       setLocalComposerFocusRequestSequence((current) => current + 1);
     },
-    [createConversationAction, previewMode]
+    [
+      createConversationAction,
+      previewMode,
+      viewModel.composerSettings.selectedProjectPath
+    ]
   );
   useEffect12(() => {
     if (newConversationRequestSequence === null || handledNewConversationRequestSequenceRef.current === newConversationRequestSequence) {
@@ -21630,6 +21627,15 @@ var AgentGUIConversationRailSection = memo(
     const showLessConversations = useCallback10(() => {
       setVisibleItemLimit(AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE);
     }, []);
+    const canCreateConversationFromSection = section.kind === "conversations" || Boolean(projectPath);
+    const createConversationLabel = projectPath ? labels.projectSectionEdit : labels.newConversation;
+    const handleCreateConversation = useCallback10(() => {
+      if (projectPath) {
+        onCreateConversation({ projectPath });
+        return;
+      }
+      onCreateConversation({ projectPath: null });
+    }, [onCreateConversation, projectPath]);
     return /* @__PURE__ */ jsxs15(
       "section",
       {
@@ -21666,16 +21672,16 @@ var AgentGUIConversationRailSection = memo(
                 ]
               }
             ) : /* @__PURE__ */ jsx29("div", { className: AgentGUINode_styles_default.conversationSectionToggle, children: /* @__PURE__ */ jsx29("span", { className: AgentGUINode_styles_default.conversationSectionLabel, children: /* @__PURE__ */ jsx29("span", { children: section.label }) }) }),
-            projectPath ? /* @__PURE__ */ jsxs15("div", { className: AgentGUINode_styles_default.conversationSectionActions, children: [
+            canCreateConversationFromSection ? /* @__PURE__ */ jsxs15("div", { className: AgentGUINode_styles_default.conversationSectionActions, children: [
               /* @__PURE__ */ jsxs15("span", { className: AgentGUINode_styles_default.conversationSectionActionTooltipWrap, children: [
                 /* @__PURE__ */ jsx29(
                   BareIconButton,
                   {
                     className: AgentGUINode_styles_default.conversationSectionMoreButton,
-                    "aria-label": labels.projectSectionEdit,
+                    "aria-label": createConversationLabel,
                     size: "sm",
                     disabled: createConversationDisabled,
-                    onClick: () => onCreateConversation({ projectPath }),
+                    onClick: handleCreateConversation,
                     children: /* @__PURE__ */ jsx29(EditIcon, { "aria-hidden": "true" })
                   }
                 ),
@@ -21684,30 +21690,36 @@ var AgentGUIConversationRailSection = memo(
                   {
                     "aria-hidden": "true",
                     className: AgentGUINode_styles_default.conversationSectionActionTooltip,
-                    children: labels.projectSectionEdit
+                    children: createConversationLabel
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs15(DropdownMenu, { children: [
-                /* @__PURE__ */ jsx29(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15("span", { className: AgentGUINode_styles_default.conversationSectionActionTooltipWrap, children: [
-                  /* @__PURE__ */ jsx29(
-                    BareIconButton,
-                    {
-                      className: AgentGUINode_styles_default.conversationSectionMoreButton,
-                      "aria-label": labels.projectSectionMoreActions,
-                      size: "sm",
-                      children: /* @__PURE__ */ jsx29(MoreHorizontalIcon, { "aria-hidden": "true" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx29(
-                    "span",
-                    {
-                      "aria-hidden": "true",
-                      className: AgentGUINode_styles_default.conversationSectionActionTooltip,
-                      children: labels.projectSectionMoreActions
-                    }
-                  )
-                ] }) }),
+              projectPath ? /* @__PURE__ */ jsxs15(DropdownMenu, { children: [
+                /* @__PURE__ */ jsx29(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
+                  "span",
+                  {
+                    className: AgentGUINode_styles_default.conversationSectionActionTooltipWrap,
+                    children: [
+                      /* @__PURE__ */ jsx29(
+                        BareIconButton,
+                        {
+                          className: AgentGUINode_styles_default.conversationSectionMoreButton,
+                          "aria-label": labels.projectSectionMoreActions,
+                          size: "sm",
+                          children: /* @__PURE__ */ jsx29(MoreHorizontalIcon, { "aria-hidden": "true" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx29(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: AgentGUINode_styles_default.conversationSectionActionTooltip,
+                          children: labels.projectSectionMoreActions
+                        }
+                      )
+                    ]
+                  }
+                ) }),
                 /* @__PURE__ */ jsxs15(
                   DropdownMenuContent,
                   {
@@ -21767,7 +21779,7 @@ var AgentGUIConversationRailSection = memo(
                     ]
                   }
                 )
-              ] })
+              ] }) : null
             ] }) : null
           ] }),
           /* @__PURE__ */ jsx29(
@@ -22768,7 +22780,7 @@ function composerOverridesByProviderEqual(left, right) {
   return true;
 }
 function areAgentGUINodePropsEqual(previous, next) {
-  return previous.nodeId === next.nodeId && previous.workspaceId === next.workspaceId && previous.currentUserId === next.currentUserId && previous.workspacePath === next.workspacePath && previous.workspaceFileReferenceAdapter === next.workspaceFileReferenceAdapter && previous.referenceSourceAggregator === next.referenceSourceAggregator && previous.resolveMentionReferenceTarget === next.resolveMentionReferenceTarget && previous.onWorkspaceFileReferencesAdded === next.onWorkspaceFileReferencesAdded && previous.agentSettings.avoidGroupingEdits === next.agentSettings.avoidGroupingEdits && previous.title === next.title && agentGuiStateEquals(previous.state, next.state) && previous.position.x === next.position.x && previous.position.y === next.position.y && previous.width === next.width && previous.height === next.height && previous.desktopSize.width === next.desktopSize.width && previous.desktopSize.height === next.desktopSize.height && previous.onLinkAction === next.onLinkAction && previous.onCapabilitySettingsRequest === next.onCapabilitySettingsRequest && previous.onAgentProviderLogin === next.onAgentProviderLogin && previous.onClose === next.onClose && previous.onResize === next.onResize && previous.onUpdateNode === next.onUpdateNode && previous.onOpenConversationWindow === next.onOpenConversationWindow && previous.isMaximized === next.isMaximized && previous.isMuted === next.isMuted && previous.onMinimize === next.onMinimize && previous.onToggleMaximize === next.onToggleMaximize && previous.onShowMessage === next.onShowMessage && workspaceAgentProbeRenderStateEqualsForProvider(
+  return previous.nodeId === next.nodeId && previous.workspaceId === next.workspaceId && previous.currentUserId === next.currentUserId && previous.workspacePath === next.workspacePath && previous.workspaceFileReferenceAdapter === next.workspaceFileReferenceAdapter && previous.referenceSourceAggregator === next.referenceSourceAggregator && previous.resolveMentionReferenceTarget === next.resolveMentionReferenceTarget && previous.resolveWorkspaceReferenceInitialTarget === next.resolveWorkspaceReferenceInitialTarget && previous.onWorkspaceFileReferencesAdded === next.onWorkspaceFileReferencesAdded && previous.agentSettings.avoidGroupingEdits === next.agentSettings.avoidGroupingEdits && previous.title === next.title && agentGuiStateEquals(previous.state, next.state) && previous.position.x === next.position.x && previous.position.y === next.position.y && previous.width === next.width && previous.height === next.height && previous.desktopSize.width === next.desktopSize.width && previous.desktopSize.height === next.desktopSize.height && previous.onLinkAction === next.onLinkAction && previous.onCapabilitySettingsRequest === next.onCapabilitySettingsRequest && previous.onAgentProviderLogin === next.onAgentProviderLogin && previous.onClose === next.onClose && previous.onResize === next.onResize && previous.onUpdateNode === next.onUpdateNode && previous.onOpenConversationWindow === next.onOpenConversationWindow && previous.isMaximized === next.isMaximized && previous.isMuted === next.isMuted && previous.onMinimize === next.onMinimize && previous.onToggleMaximize === next.onToggleMaximize && previous.onShowMessage === next.onShowMessage && workspaceAgentProbeRenderStateEqualsForProvider(
     previous.workspaceAgentProbes,
     next.workspaceAgentProbes,
     previous.state.provider
@@ -22783,6 +22795,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
   onRequestGitBranches = null,
   referenceSourceAggregator = null,
   resolveMentionReferenceTarget = null,
+  resolveWorkspaceReferenceInitialTarget = null,
   agentSettings,
   title,
   state,
@@ -23553,6 +23566,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
             onRequestGitBranches,
             referenceSourceAggregator,
             resolveMentionReferenceTarget,
+            resolveWorkspaceReferenceInitialTarget,
             workspaceFileReferenceCopy,
             contextMentionProviders,
             workspaceAppIcons