@tutti-os/agent-gui 0.0.94 → 0.0.95

package/dist/agentPlanPromptDispatch-C7cCMjve.d.ts

@@ -0,0 +1,37 @@
+import * as _tutti_os_agent_activity_core from '@tutti-os/agent-activity-core';
+import { AgentSessionEngine, AgentSessionEngineState } from '@tutti-os/agent-activity-core';
+
+/**
+ * Structural surface the binding needs from an engine instance. Matches
+ * AgentSessionEngine from @tutti-os/agent-activity-core, but stays structural
+ * so focused tests and future engine slices can bind without the full engine.
+ *
+ * Contract: `subscribe` and `getSnapshot` must be stable, this-free function
+ * references for the lifetime of the instance (the engine factory returns
+ * closures, satisfying this by construction). A fresh `subscribe` identity per
+ * render would force useSyncExternalStore to resubscribe on every render.
+ */
+interface EngineStateStore<TState> {
+    getSnapshot(): TState;
+    subscribe(listener: (state: TState) => void): () => void;
+}
+declare function useEngineSelector<TState, TSelected>(engine: EngineStateStore<TState>, selector: (state: TState) => TSelected, isEqual?: (a: TSelected, b: TSelected) => boolean): TSelected;
+
+declare const PLAN_IMPLEMENTATION_PROMPT = "Implement the plan.";
+declare const PLAN_IMPLEMENTATION_ACTION_IMPLEMENT = "implement";
+declare const PLAN_IMPLEMENTATION_ACTION_FEEDBACK = "feedback";
+declare const PLAN_IMPLEMENTATION_ACTION_SKIP = "skip";
+
+type AgentPlanPromptAction = typeof PLAN_IMPLEMENTATION_ACTION_IMPLEMENT | typeof PLAN_IMPLEMENTATION_ACTION_FEEDBACK | typeof PLAN_IMPLEMENTATION_ACTION_SKIP;
+declare function selectAgentPlanPromptTurn(state: AgentSessionEngineState, agentSessionId: string, requestId: string): _tutti_os_agent_activity_core.AgentActivityTurn | null;
+declare function dispatchAgentPlanPromptAction(input: {
+    action: AgentPlanPromptAction;
+    agentSessionId: string;
+    engine: AgentSessionEngine;
+    feedbackText?: string;
+    nowUnixMs?: () => number;
+    requestId: string;
+    workspaceId: string;
+}): boolean;
+
+export { type AgentPlanPromptAction as A, type EngineStateStore as E, PLAN_IMPLEMENTATION_ACTION_IMPLEMENT as P, PLAN_IMPLEMENTATION_PROMPT as a, dispatchAgentPlanPromptAction as d, selectAgentPlanPromptTurn as s, useEngineSelector as u };

package/dist/agents.d.ts

@@ -0,0 +1,13 @@
+import { A as AgentGUIAgent, h as AgentGUIAgentTarget } from './types-DX2bxgB8.js';
+
+declare function normalizeAgentGUIAgents(agents: readonly AgentGUIAgent[] | null | undefined): AgentGUIAgent[];
+declare function agentGUIAgentIsReady(agent: AgentGUIAgent): boolean;
+declare function resolveAgentGUISelectedDirectoryAgent(input: {
+    agents: readonly AgentGUIAgent[];
+    agentTargetId?: string | null;
+    defaultAgentTargetId?: string | null;
+}): AgentGUIAgent | null;
+/** Package-internal bridge while the carried node is migrated to agent names. */
+declare function projectAgentGUIAgentsToInternalTargets(agents: readonly AgentGUIAgent[]): AgentGUIAgentTarget[];
+
+export { agentGUIAgentIsReady, normalizeAgentGUIAgents, projectAgentGUIAgentsToInternalTargets, resolveAgentGUISelectedDirectoryAgent };

package/dist/agents.js

@@ -0,0 +1,13 @@
+import {
+  agentGUIAgentIsReady,
+  normalizeAgentGUIAgents,
+  projectAgentGUIAgentsToInternalTargets,
+  resolveAgentGUISelectedDirectoryAgent
+} from "./chunk-O6W72SEP.js";
+export {
+  agentGUIAgentIsReady,
+  normalizeAgentGUIAgents,
+  projectAgentGUIAgentsToInternalTargets,
+  resolveAgentGUISelectedDirectoryAgent
+};
+//# sourceMappingURL=agents.js.map

package/dist/app/renderer/agentactivity.css

@@ -136,6 +136,22 @@
   background: rgb(0 0 0 / 0%);
 }
 
+.tsh-zoom-dialog[data-closing="true"] {
+  animation: tsh-zoom-dialog-close 180ms ease-out forwards;
+}
+
+@keyframes tsh-zoom-dialog-close {
+  to {
+    opacity: 0;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .tsh-zoom-dialog[data-closing="true"] {
+    animation-duration: 1ms;
+  }
+}
+
 .tsh-zoom-dialog [data-rmiz-btn-unzoom] {
   position: fixed;
   top: max(20px, calc(var(--cove-titlebar-reserve, 0px) + 10px));
@@ -4457,6 +4473,20 @@ aside.workspace-agents-status-panel
   cursor: grabbing !important;
 }
 
+.workbench-window:has(
+    .agent-gui-workbench-header[data-agent-gui-standalone-window-header="true"]
+  )
+  .workbench-window__header {
+  z-index: calc(var(--z-panel) + 1);
+}
+
+.workbench-window:has(
+    .agent-gui-workbench-header[data-agent-gui-standalone-window-header="true"]
+  )
+  .agent-gui-workbench-header::after {
+  display: none;
+}
+
 .workbench-window:has([data-agent-gui-workbench-header="true"])
   .workbench-window__body {
   grid-row: 1;
@@ -4680,16 +4710,32 @@ aside.workspace-agents-status-panel
 .agent-gui-workbench-header[data-agent-gui-workbench-header-collapsed="true"]
   .agent-gui-workbench-header__primary {
   grid-column: 1 / -1;
-  width: min(100%, 720px);
+  width: 100%;
   background: transparent;
 }
 
+/*
+ * The standalone window's tool actions belong to native-window chrome, so
+ * collapsing the conversation rail must not pull them into the 720px content
+ * cap. Let the primary row span the window and keep the same trailing inset as
+ * the expanded detail row.
+ */
+.agent-gui-workbench-header[data-agent-gui-standalone-window-header="true"][data-agent-gui-workbench-header-collapsed="true"]
+  .agent-gui-workbench-header__primary {
+  width: 100%;
+}
+
+.agent-gui-workbench-header[data-agent-gui-standalone-window-header="true"]
+  .agent-gui-workbench-header__secondary-accessory {
+  padding-right: 0;
+}
+
 /*
  * In the collapsed empty state there is no session title to anchor the control
  * cluster, so the detached-window button's margin-left:auto would strand the
- * icons (in the middle of the 720px content cap, or at the far window edge).
- * Drop the auto push so the controls sit as a compact group right after the
- * traffic lights instead.
+ * icons at the far window edge. Drop the auto push so those window controls sit
+ * as a compact group right after the traffic lights instead. Secondary tool
+ * actions retain their own right alignment across the full header width.
  */
 .agent-gui-workbench-header[data-agent-gui-workbench-header-collapsed="true"][data-agent-gui-workbench-header-has-session="false"]
   .agent-gui-workbench-header__detached-window {
@@ -4846,6 +4892,13 @@ aside.workspace-agents-status-panel
   -webkit-app-region: no-drag;
 }
 
+/* The collapsed primary row already supplies the header's right inset. Avoid
+   stacking the accessory inset when actions move out of the detail column. */
+.agent-gui-workbench-header[data-agent-gui-workbench-header-collapsed="true"]
+  .agent-gui-workbench-header__secondary-accessory {
+  padding-right: 0;
+}
+
 .agent-gui-workbench-header__agent-name,
 .agent-gui-workbench-header__session-title,
 .agent-gui-workbench-header__detail-title {
@@ -4913,6 +4966,24 @@ aside.workspace-agents-status-panel
   pointer-events: none;
 }
 
+.workbench-window:has(
+    .agent-gui-workbench-header[data-agent-gui-standalone-window-header="true"]
+  )
+  .agent-gui-workbench-header__session-title,
+.workbench-window:has(
+    .agent-gui-workbench-header[data-agent-gui-standalone-window-header="true"]
+  )
+  .agent-gui-workbench-header__detail-title {
+  box-sizing: border-box;
+  width: auto;
+  max-width: calc(
+    100% - var(--agent-gui-tool-sidebar-layout-width, 0px) - 16px
+  );
+  flex: 1 1 0;
+  min-width: 0;
+  overflow: hidden;
+}
+
 .agent-gui-workbench-header[data-agent-gui-standalone-window-header="true"]
   .agent-gui-workbench-header__agent-brand,
 .agent-gui-workbench-header[data-agent-gui-standalone-window-header="true"]
@@ -4979,7 +5050,8 @@ aside.workspace-agents-status-panel
 
 .agent-gui-workbench-header__detached-window
   + .agent-gui-workbench-header__rail-toggle {
-  margin-left: 0;
+  /* The primary row gap is 12px; keep this icon pair at a net 8px. */
+  margin-left: -4px;
 }
 
 .workbench-window:has([data-workbench-node-render-error="true"])
@@ -5926,17 +5998,14 @@ button.agent-gui-node__conversation-section-toggle:hover
 
 .agent-gui-node__conversation-list-skeleton-rib {
   height: 12px;
-  transform-origin: left center;
 }
 
 .agent-gui-node__conversation-list-skeleton-rib-primary {
   width: 78%;
-  transform: rotate(1deg);
 }
 
 .agent-gui-node__conversation-list-skeleton-rib-secondary {
   width: 52%;
-  transform: rotate(-1deg);
   opacity: 0.72;
 }
 
@@ -7338,7 +7407,7 @@ button.agent-gui-node__conversation-section-toggle:hover
   isolation: isolate;
   z-index: 2;
   min-width: 0;
-  padding: 12px;
+  padding: 8px;
   border: 1px solid var(--agent-gui-border-subtle);
   border-radius: 12px;
   background: var(--agent-gui-surface-raised);
@@ -7346,6 +7415,12 @@ button.agent-gui-node__conversation-section-toggle:hover
   transition: box-shadow 140ms ease;
 }
 
+.agent-gui-node__composer-hero-prompt-input-area {
+  box-sizing: border-box;
+  width: calc(100% - 8px);
+  margin-inline: 4px;
+}
+
 .agent-gui-node__composer[data-layout="dock"]
   .agent-gui-node__composer-input-shell {
   gap: 6px;
@@ -8262,12 +8337,12 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
   align-items: center;
   justify-content: space-between;
   gap: 8px;
-  padding: 2px 12px;
+  padding: 2px 8px;
 }
 
 .agent-gui-node__composer-input-group-hero
   .agent-gui-node__composer-project-row {
-  padding: 2px 12px;
+  padding: 2px 8px;
 }
 
 .agent-gui-node__composer-project-row .agent-gui-node__composer-menu-trigger {
@@ -8769,7 +8844,7 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
   flex: 1 1 auto;
   flex-direction: column;
   align-items: center;
-  padding: 2px 0 12px;
+  padding: 2px 0 16px;
   overflow-x: hidden;
   overflow-y: auto;
   mask-image: linear-gradient(
@@ -8796,10 +8871,22 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
   align-items: center;
   justify-content: center;
   gap: 8px;
-  padding: 0 0 12px;
+  padding: 0;
   -webkit-app-region: no-drag;
 }
 
+.agent-gui-node__provider-rail-config-footer {
+  padding-bottom: 8px;
+}
+
+.agent-gui-node__provider-rail-config-footer:last-child {
+  padding-bottom: 12px;
+}
+
+.agent-gui-node__provider-rail-sidebar-footer {
+  padding-bottom: 12px;
+}
+
 .agent-gui-node__provider-rail-config-button {
   display: grid;
   width: 32px;
@@ -9048,6 +9135,10 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
 }
 
 .agent-gui-node__empty-hero {
+  /* Center one shared frame instead of each state's intrinsic content height.
+     Wrapped titles, composer controls, and readiness actions then grow down. */
+  --agent-gui-empty-hero-anchor-block-size: 398px;
+
   display: flex;
   width: 100%;
   min-height: 100%;
@@ -9061,6 +9152,8 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
 
   display: grid;
   width: min(820px, 100%);
+  block-size: var(--agent-gui-empty-hero-anchor-block-size);
+  align-content: start;
   gap: var(--agent-gui-empty-hero-gap);
   justify-items: center;
 }
@@ -9092,10 +9185,14 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
 .agent-gui-node__empty-hero-carousel-layer {
   position: absolute;
   z-index: 1;
-  top: calc(50% - 210px);
+
+  /* The stage measures the body's placeholder slot and pins the layer to it;
+     the calc() remains only as the first-paint estimate. */
+  top: var(--agent-gui-hero-carousel-slot-top, calc(50% - 210px));
   left: 50%;
-  width: min(400px, calc(100% - 64px));
-  transform: translateX(-50%);
+  width: round(nearest, min(400px, calc(100% - 64px)), 1px);
+  transform: translateX(-50%) scale(0.8);
+  transform-origin: center center;
 }
 
 .agent-gui-node__empty-hero-carousel-placeholder {
@@ -9123,63 +9220,6 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
     both;
 }
 
-.agent-gui-node__empty-hero-icon-rail {
-  display: flex;
-  width: min(216px, 44vw);
-  height: 64px;
-  align-items: center;
-  overflow: hidden;
-  object-fit: unset;
-}
-
-.agent-gui-node__empty-hero-icon-rail-scroller {
-  display: flex;
-  width: 100%;
-  min-width: 0;
-  align-items: center;
-  gap: 12px;
-  overflow-x: auto;
-  overflow-y: hidden;
-  padding: 8px 20px;
-  overscroll-behavior-x: contain;
-  scrollbar-width: none;
-  scroll-snap-type: x proximity;
-  mask-image: linear-gradient(
-    90deg,
-    transparent 0,
-    #000 24px,
-    #000 calc(100% - 24px),
-    transparent 100%
-  );
-}
-
-.agent-gui-node__empty-hero-icon-rail-scroller::-webkit-scrollbar {
-  display: none;
-}
-
-.agent-gui-node__empty-hero-icon-rail-item {
-  display: grid;
-  width: 48px;
-  height: 48px;
-  flex: 0 0 48px;
-  place-items: center;
-  scroll-snap-align: center;
-  transition:
-    opacity 140ms ease,
-    transform 140ms ease;
-}
-
-.agent-gui-node__empty-hero-icon-rail-item:hover {
-  transform: translateY(-1px);
-}
-
-.agent-gui-node__empty-hero-icon-rail-item > img {
-  display: block;
-  width: 48px;
-  height: 48px;
-  object-fit: contain;
-}
-
 /* Empty-hero agent carousel ("All" tab): a three.js ring of same-sized agent
    records (see agentGuiHeroCarouselScene.ts). Records farther around the ring
    genuinely shrink and fade with perspective; visuals live on the canvas,
@@ -9431,14 +9471,21 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
   opacity: 0;
   transition: opacity 120ms ease-out;
 
-  /* Fade-out mask: a horizontal band dissolves tiles toward the stage sides
-     (the fully-transparent stops sit where the outermost tiles ride, not at
-     the canvas edges), intersected with a vertical band so tiles sinking
-     down the wheel melt away instead of being cut by the canvas bottom. */
+  /* Fade-out mask: the horizontal fade runs edge to edge so there is no dead
+     band beside the integer-aligned canvas buffer. The vertical band melts
+     tiles sinking down the wheel instead of clipping them at the bottom. */
   mask-image:
-    linear-gradient(90deg, transparent 4%, #000 30%, #000 70%, transparent 96%),
-    linear-gradient(180deg, #000 0%, #000 70%, transparent 96%);
+    linear-gradient(
+      90deg,
+      transparent 0%,
+      #000 20%,
+      #000 80%,
+      transparent 100%
+    ),
+    linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);
   mask-composite: intersect;
+  mask-size: 100% 100%;
+  mask-position: center;
 }
 
 .agent-gui-node__empty-hero-carousel[data-icons-ready="true"]
@@ -9478,7 +9525,6 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
 .agent-gui-node__empty-provider-gate {
   max-width: 520px;
   gap: 8px;
-  transform: translateY(-40px);
 }
 
 /* Gate gap is 8px; add 16px so the icon-to-title spacing is 24px. */

package/dist/app/renderer/assets/icons/open-link-lined.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M14 3H21V10M20 4L10 14" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M19 13V19C19 20.1046 18.1046 21 17 21H5C3.89543 21 3 20.1046 3 19V7C3 5.89543 3.89543 5 5 5H11" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>