@tutti-os/agent-gui 0.0.230 → 0.0.231

package/dist/agent-gui.js

@@ -1,10 +1,12 @@
 import {
   AgentGUI
-} from "./chunk-ZVSKNM6D.js";
+} from "./chunk-5IFWKS7A.js";
+import "./chunk-ZBI6R46N.js";
 import "./chunk-LB4AGT7B.js";
 import "./chunk-A4WCTHWS.js";
-import "./chunk-P2OOYHKQ.js";
-import "./chunk-2QF3RBR4.js";
+import "./chunk-7AYFKNLD.js";
+import "./chunk-T57ZZWTC.js";
+import "./chunk-JA6XAKKE.js";
 import "./chunk-KDN6SLJM.js";
 import "./chunk-SUVMLCED.js";
 import "./chunk-MGSRWYRN.js";

package/dist/{chunk-ZVSKNM6D.js → chunk-5IFWKS7A.js}

@@ -1,3 +1,6 @@
+import {
+  projectCanonicalAgentGUIConversationSummaries
+} from "./chunk-ZBI6R46N.js";
 import {
   inspectAgentConversationBatchDeletionCapability
 } from "./chunk-LB4AGT7B.js";
@@ -7,7 +10,7 @@ import {
 import {
   AGENT_GUI_WORKBENCH_OPEN_EXTERNAL_IMPORT_EVENT,
   resolveAgentGuiSessionProviderFlatIconUrl
-} from "./chunk-P2OOYHKQ.js";
+} from "./chunk-7AYFKNLD.js";
 import {
   AGENT_PROVIDERS,
   AGENT_PROVIDER_LABEL,
@@ -23,7 +26,7 @@ import {
   resolveAgentGUIFirstUserMessageDisplayPrompt,
   resolveAgentGUIProviderDisplayLabel,
   resolveAgentGUIProviderIdentity
-} from "./chunk-2QF3RBR4.js";
+} from "./chunk-JA6XAKKE.js";
 import {
   resolveAgentGuiWorkbenchProviderLabel
 } from "./chunk-MGSRWYRN.js";
@@ -6718,49 +6721,6 @@ function agentGUIConversationRailTitlePromptsEqual(left, right) {
 
 // contexts/workspace/presentation/renderer/agentGuiConversationList/useAgentGuiConversationList.ts
 var EMPTY_AGENT_GUI_AGENT_TARGETS = [];
-function projectCanonicalAgentGUIConversationSummaries(sessions, firstUserDisplayPromptsBySessionId = {}, rootSessionIdsAwaitingUserAction) {
-  return sessions.map((item) => {
-    const provider = resolveAgentGUIProviderIdentity({
-      sessionProvider: item.session.provider
-    });
-    const { title: canonicalTitle } = resolveAgentGUIConversationTitle(
-      item.session.title
-    );
-    const firstUserDisplayPrompt = firstUserDisplayPromptsBySessionId[item.session.agentSessionId];
-    const titleDisplayPrompt = resolveAgentGUIConversationTitleDisplayPrompt({
-      firstUserDisplayPrompt,
-      title: canonicalTitle
-    });
-    const { title, titleFallback } = resolveAgentGUIConversationTitle(
-      resolveAgentGUIConversationBrowserFreeTitle({
-        firstUserDisplayPrompt,
-        title: canonicalTitle
-      })
-    );
-    const canonicalUpdatedAtUnixMs = item.session.updatedAtUnixMs ?? item.session.createdAtUnixMs ?? 0;
-    const titleLeadingMentionKind = resolveAgentGUIConversationTitleLeadingMentionKind(titleDisplayPrompt);
-    return {
-      agentTargetId: item.session.agentTargetId ?? null,
-      cwd: item.session.cwd,
-      id: item.session.agentSessionId,
-      needsUserAction: rootSessionIdsAwaitingUserAction?.has(item.session.agentSessionId) ?? item.pendingInteractions.length > 0,
-      pinnedAtUnixMs: item.session.pinnedAtUnixMs ?? null,
-      provider,
-      railSectionKey: item.session.railSectionKey,
-      resumable: item.session.resumable,
-      sortTimeUnixMs: resolveWorkspaceAgentSessionSortTimeUnixMs({
-        createdAtUnixMs: item.session.createdAtUnixMs,
-        latestTurn: item.latestTurn
-      }),
-      status: item.displayStatus === "idle" ? "ready" : item.displayStatus,
-      title,
-      titleLeadingMentionKind,
-      titleFallback,
-      updatedAtUnixMs: canonicalUpdatedAtUnixMs,
-      userId: item.session.userId?.trim() ?? ""
-    };
-  });
-}
 function useAgentGuiConversationList(engine, query, agentTargets = EMPTY_AGENT_GUI_AGENT_TARGETS) {
   const workspaceReconcile = useEngineSelector(
     engine,
@@ -16825,6 +16785,7 @@ import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 var CAROUSEL_WHEEL_STEP_THRESHOLD = 42;
 var CAROUSEL_WHEEL_STEP_COOLDOWN_MS = 110;
 var CAROUSEL_DRAG_STEP_PX = 52;
+var CAROUSEL_SCENE_IDLE_TIMEOUT_MS = 1e3;
 function activeAgentIndex(props) {
   if (!props.activeAgentTargetId) {
     return -1;
@@ -16846,6 +16807,9 @@ var AgentGUIHeroAgentCarousel = class extends Component {
   canvasRef = createRef();
   scene = null;
   resizeObserver = null;
+  firstPaintFrameId = null;
+  firstPaintReady = false;
+  sceneMountIdleId = null;
   imagePreloadGeneration = 0;
   imageLoad = null;
   wheelListenerAttached = false;
@@ -16863,6 +16827,7 @@ var AgentGUIHeroAgentCarousel = class extends Component {
     imagesReady: this.props.items.length === 0
   };
   componentDidMount() {
+    this.waitForFirstPaint();
     this.preloadImages();
     this.syncWheelListener();
   }
@@ -16883,6 +16848,13 @@ var AgentGUIHeroAgentCarousel = class extends Component {
       );
       return;
     }
+    if (previousProps.isVisible !== this.props.isVisible) {
+      if (this.props.isVisible === false) {
+        this.cancelScheduledSceneMount();
+      } else {
+        this.scheduleSceneMount();
+      }
+    }
     if (previousProps.activeAgentTargetId !== this.props.activeAgentTargetId || previousProps.items !== this.props.items) {
       const activeIndex = activeAgentIndex(this.props);
       if (activeIndex >= 0 && activeIndex !== this.state.centerIndex) {
@@ -16894,6 +16866,11 @@ var AgentGUIHeroAgentCarousel = class extends Component {
   }
   componentWillUnmount() {
     this.imagePreloadGeneration += 1;
+    if (this.firstPaintFrameId !== null) {
+      window.cancelAnimationFrame(this.firstPaintFrameId);
+      this.firstPaintFrameId = null;
+    }
+    this.cancelScheduledSceneMount();
     this.removeWheelListener();
     this.disposeScene();
     this.imageLoad?.cancel();
@@ -16902,6 +16879,15 @@ var AgentGUIHeroAgentCarousel = class extends Component {
   interactive() {
     return this.props.onProviderSelect != null && this.props.items.length > 0;
   }
+  waitForFirstPaint() {
+    this.firstPaintFrameId = window.requestAnimationFrame(() => {
+      this.firstPaintFrameId = window.requestAnimationFrame(() => {
+        this.firstPaintFrameId = null;
+        this.firstPaintReady = true;
+        this.scheduleSceneMount();
+      });
+    });
+  }
   preloadImages() {
     this.imageLoad?.cancel();
     this.imageLoad = null;
@@ -16924,7 +16910,7 @@ var AgentGUIHeroAgentCarousel = class extends Component {
           images: emptyPreloadedCarouselImages(items.length),
           imagesReady: true
         },
-        () => this.mountScene()
+        () => this.scheduleSceneMount()
       );
       return;
     }
@@ -16947,14 +16933,36 @@ var AgentGUIHeroAgentCarousel = class extends Component {
           images: preloaded.icons,
           imagesReady: true
         },
-        () => this.mountScene()
+        () => this.scheduleSceneMount()
       );
     });
   }
+  scheduleSceneMount() {
+    if (this.scene || this.sceneMountIdleId !== null || this.props.isVisible === false || !this.canvasRef.current || !this.stageRef.current || !this.firstPaintReady || !this.state.imagesReady || this.props.items.length === 0) {
+      return;
+    }
+    if (typeof window.requestIdleCallback === "function") {
+      this.sceneMountIdleId = window.requestIdleCallback(
+        () => {
+          this.sceneMountIdleId = null;
+          this.mountScene();
+        },
+        { timeout: CAROUSEL_SCENE_IDLE_TIMEOUT_MS }
+      );
+      return;
+    }
+    this.mountScene();
+  }
+  cancelScheduledSceneMount() {
+    if (this.sceneMountIdleId !== null) {
+      window.cancelIdleCallback(this.sceneMountIdleId);
+      this.sceneMountIdleId = null;
+    }
+  }
   mountScene() {
     const canvas = this.canvasRef.current;
     const stage = this.stageRef.current;
-    if (this.scene || !canvas || !stage || !this.state.imagesReady || this.props.items.length === 0) {
+    if (this.scene || !canvas || !stage || this.props.isVisible === false || !this.firstPaintReady || !this.state.imagesReady || this.props.items.length === 0) {
       return;
     }
     const scene = AgentGuiHeroCarouselScene.create({
@@ -16978,6 +16986,7 @@ var AgentGUIHeroAgentCarousel = class extends Component {
     this.resizeObserver?.observe(stage);
   }
   disposeScene() {
+    this.cancelScheduledSceneMount();
     this.resizeObserver?.disconnect();
     this.resizeObserver = null;
     this.scene?.dispose();
@@ -29258,6 +29267,7 @@ var AgentGUIEmptyHeroCarouselStage = class extends Component3 {
     const {
       activeAgentTargetId,
       children,
+      isVisible,
       items,
       onProviderSelect,
       providerSelectLabel
@@ -29268,6 +29278,7 @@ var AgentGUIEmptyHeroCarouselStage = class extends Component3 {
         AgentGUIHeroAgentCarousel,
         {
           activeAgentTargetId,
+          isVisible,
           items,
           onProviderSelect,
           providerSelectLabel
@@ -29943,6 +29954,7 @@ function shouldEmphasizeEmptyHeroProvider(label) {
 }
 var EMPTY_HOME_SUGGESTIONS = Object.freeze([]);
 var AgentGUIEmptyHomePane = memo2(function AgentGUIEmptyHomePane2({
+  isVisible,
   provider,
   providerReadinessGate,
   showAllProviders,
@@ -29975,6 +29987,7 @@ var AgentGUIEmptyHomePane = memo2(function AgentGUIEmptyHomePane2({
     AgentGUIEmptyHeroCarouselStage,
     {
       activeAgentTargetId: presentedSelectedAgentTarget?.agentTargetId ?? presentedSelectedAgentTarget?.targetId,
+      isVisible,
       items: avatarPresentations,
       onProviderSelect,
       providerSelectLabel: labels.providerSwitchLabel,
@@ -29985,6 +29998,7 @@ var AgentGUIEmptyHomePane = memo2(function AgentGUIEmptyHomePane2({
           children: providerReadinessGate ? /* @__PURE__ */ jsx50(
             AgentGUIProviderReadinessGatePane,
             {
+              isVisible,
               provider,
               gate: providerReadinessGate,
               showAllProviders,
@@ -30002,6 +30016,7 @@ var AgentGUIEmptyHomePane = memo2(function AgentGUIEmptyHomePane2({
             AgentGUIEmptyHeroPane,
             {
               ...heroProps,
+              isVisible,
               provider,
               emptyLabel,
               emptyProvider: providerLabel,
@@ -30020,6 +30035,7 @@ var AgentGUIEmptyHomePane = memo2(function AgentGUIEmptyHomePane2({
   );
 });
 var AgentGUIEmptyHeroPane = memo2(function AgentGUIEmptyHeroPane2({
+  isVisible = true,
   provider,
   emptyLabel,
   emptyProvider,
@@ -30064,6 +30080,7 @@ var AgentGUIEmptyHeroPane = memo2(function AgentGUIEmptyHeroPane2({
           {
             activeAgentTargetId: selectedAgentTarget?.agentTargetId ?? selectedAgentTarget?.targetId,
             items: heroAvatarPresentations,
+            isVisible,
             onProviderSelect,
             providerSelectLabel
           }
@@ -30115,6 +30132,7 @@ var AgentGUIEmptyHeroPane = memo2(function AgentGUIEmptyHeroPane2({
 });
 var AgentGUIProviderReadinessGatePane = memo2(
   function AgentGUIProviderReadinessGatePane2({
+    isVisible = true,
     provider,
     gate,
     showAllProviders = false,
@@ -30166,6 +30184,7 @@ var AgentGUIProviderReadinessGatePane = memo2(
             {
               activeAgentTargetId: selectedAgentTarget?.agentTargetId ?? selectedAgentTarget?.targetId,
               items: heroAvatarPresentations,
+              isVisible,
               onProviderSelect,
               providerSelectLabel
             }
@@ -40540,6 +40559,7 @@ var AgentGUIDetailPane = memo12(function AgentGUIDetailPane2({
   workspaceUserProjectI18n,
   uiLanguage,
   isActive,
+  isVisible,
   workspaceReferencePickerOpen,
   composerFocusRequestSequence,
   slashStatusLimits,
@@ -41024,6 +41044,7 @@ var AgentGUIDetailPane = memo12(function AgentGUIDetailPane2({
   }) }) : /* @__PURE__ */ jsx82(
     AgentGUIEmptyHomePane,
     {
+      isVisible,
       provider: emptyHeroProvider,
       providerReadinessGate: emptyProviderReadinessGate,
       showAllProviders: viewModel.rail.conversationFilter.kind === "all",
@@ -42510,6 +42531,7 @@ function AgentGUINodeView({
                   labels,
                   uiLanguage,
                   isActive,
+                  isVisible,
                   workspaceReferencePickerOpen,
                   composerFocusRequestSequence: detailComposerFocusRequestSequence,
                   slashStatusLimits,
@@ -44620,4 +44642,4 @@ export {
   AgentHandoffMenu,
   AgentGUI
 };
-//# sourceMappingURL=chunk-ZVSKNM6D.js.map
+//# sourceMappingURL=chunk-5IFWKS7A.js.map