@tutti-os/agent-gui 0.0.90 → 0.0.92

package/README.md

@@ -131,6 +131,18 @@ directly. With multiple agents, it shows `All` plus the host-ordered agent rail
 and empty-home carousel. Hosts may customize the aggregate icon with
 `allAgentsPresentation.iconUrl`.
 
+Inside AgentGUI, normalized directory entries use the canonical
+`AgentGUIAgentTarget` / `agentTargets` vocabulary. `provider` is execution
+metadata, not target identity. Rail tiles, the single-agent empty state, and
+the WebGL empty-home carousel all project the same agent-target avatar
+presentation, including the owner badge; renderer-specific DOM and WebGL code
+must not rebuild partial icon-only models.
+
+Hosts serving `owner.avatarUrl` from another origin must enable anonymous CORS
+for that asset. The WebGL carousel keeps a local programmatic owner marker when
+the remote image cannot be decoded or uploaded safely, while DOM avatar
+surfaces continue using the same shared presentation.
+
 Use `agentsLoading` for directory hydration and `renderAgentsEmpty` for a
 host-specific loaded-empty state. Use `renderAgentUnavailableState` or
 `renderAgentReadinessState` for host-specific availability presentation, and

package/dist/agent-conversation/index.d.ts

@@ -4,11 +4,11 @@ import { W as WorkspaceLinkAction } from '../workspaceLinkActions-DS9LWqzI.js';
 import { A as AgentMessageMarkdownWorkspaceAppIcon } from '../AgentMessageMarkdown-DeYPURtF.js';
 import { c as AgentConversationVM, W as WorkspaceAgentSessionDetailViewModel } from '../agentConversationVM-CfXN_TQ2.js';
 export { B as BuildWorkspaceAgentSessionDetailInput, d as buildWorkspaceAgentSessionDetailViewModel } from '../agentConversationVM-CfXN_TQ2.js';
-import { e as AgentGUIProviderSkillOption } from '../agentGuiNodeTypes-D4mk1Nr3.js';
+import { e as AgentGUIProviderSkillOption } from '../agentGuiNodeTypes-rGaDqxVR.js';
 export { W as WorkspaceAgentActivityCard, n as WorkspaceAgentActivitySession, q as WorkspaceAgentActivityTimelineItem } from '../workspaceAgentActivityListViewModel-TXH1VXrk.js';
 import '@tutti-os/workspace-issue-manager/core';
 import '@tutti-os/agent-activity-core';
-import '../types-BvztUbHf.js';
+import '../types-PLFZ8SBX.js';
 import '@tutti-os/workspace-user-project/contracts';
 
 interface AgentConversationFlowProps {

package/dist/agent-conversation/index.js

@@ -6,7 +6,7 @@ import {
   projectAgentConversationVM,
   reconcileProjectedAgentConversationVM,
   useProjectedAgentConversation
-} from "../chunk-KTXWPKGP.js";
+} from "../chunk-7QHBFRG5.js";
 import "../chunk-XQUUELKF.js";
 import "../chunk-PSLAWU25.js";
 import "../chunk-KQE5KV2V.js";

package/dist/{agentGuiNodeTypes-D4mk1Nr3.d.ts → agentGuiNodeTypes-rGaDqxVR.d.ts}

@@ -1,5 +1,5 @@
 import { AgentActivityUsage } from '@tutti-os/agent-activity-core';
-import { k as AgentHostAgentSessionCommand, l as AgentHostAgentSessionComposerSettings, n as AgentHostAgentSessionReasoningEffort, o as AgentHostAgentSessionSpeed, m as AgentHostAgentSessionPermissionConfig, p as AgentHostAgentSessionState, g as AgentGUIProvider, s as AgentPromptContentBlock, f as AgentGUINodeData, i as AgentGUIProviderTarget, h as AgentGUIProviderReadinessGate } from './types-BvztUbHf.js';
+import { k as AgentHostAgentSessionCommand, l as AgentHostAgentSessionComposerSettings, n as AgentHostAgentSessionReasoningEffort, o as AgentHostAgentSessionSpeed, m as AgentHostAgentSessionPermissionConfig, p as AgentHostAgentSessionState, h as AgentGUIProvider, s as AgentPromptContentBlock, g as AgentGUINodeData, e as AgentGUIAgentTarget, i as AgentGUIProviderReadinessGate } from './types-PLFZ8SBX.js';
 import { A as AgentHostBatchUserInfoInput, a as AgentHostBatchUserInfoResult, b as AgentHostDeleteWorkspaceAgentSessionInput, k as AgentHostWorkspaceAgentSessionSummaryInput, j as AgentHostWorkspaceAgentSessionSummary, e as AgentHostWorkspaceAgentListInput, l as AgentHostWorkspaceAgentSnapshot, i as AgentHostWorkspaceAgentSessionMessagesInput, h as AgentHostWorkspaceAgentSessionMessages, p as WorkspaceAgentActivitySyncState } from './workspaceAgentActivityListViewModel-TXH1VXrk.js';
 import { A as AgentApprovalItemVM, a as AgentAskUserQuestionVM, b as AgentConversationPromptVM, c as AgentConversationVM, W as WorkspaceAgentSessionDetailViewModel } from './agentConversationVM-CfXN_TQ2.js';
 import { WorkspaceUserProjectService } from '@tutti-os/workspace-user-project/contracts';
@@ -604,10 +604,10 @@ interface AgentGUINodeViewModel {
     workspacePath?: string | null;
     currentUserId?: string | null;
     data: AgentGUINodeData;
-    selectedProviderTarget: AgentGUIProviderTarget;
-    providerTargets: readonly AgentGUIProviderTarget[];
-    handoffProviderTargets: readonly AgentGUIProviderTarget[];
-    providerTargetsLoading: boolean;
+    selectedAgentTarget: AgentGUIAgentTarget;
+    agentTargets: readonly AgentGUIAgentTarget[];
+    handoffAgentTargets: readonly AgentGUIAgentTarget[];
+    agentTargetsLoading: boolean;
     conversationFilter: AgentGUIConversationFilter;
     conversations: AgentGUIConversationSummary[];
     userProjects: AgentGUIConversationUserProject[];

package/dist/app/renderer/agentactivity.css

@@ -6644,7 +6644,7 @@ button.agent-gui-node__conversation-section-toggle:hover
 
 .agent-gui-node__timeline-centered {
   display: flex;
-  align-items: center;
+  align-items: stretch;
   justify-content: center;
 }
 
@@ -8852,6 +8852,9 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
 }
 
 .agent-gui-node__provider-rail-avatar {
+  --agent-gui-avatar-badge-offset: -4px;
+  --agent-gui-avatar-badge-size: 16px;
+
   position: relative;
   box-sizing: border-box;
   display: grid;
@@ -8905,23 +8908,34 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
   object-fit: contain;
 }
 
-.agent-gui-node__provider-rail-badge {
+.agent-gui-node__agent-avatar {
+  position: relative;
+}
+
+.agent-gui-node__agent-avatar-image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.agent-gui-node__agent-avatar-badge {
   position: absolute;
-  right: -4px;
-  bottom: -4px;
+  right: var(--agent-gui-avatar-badge-offset, -4px);
+  bottom: var(--agent-gui-avatar-badge-offset, -4px);
   box-sizing: border-box;
   display: grid;
-  width: 16px;
-  height: 16px;
+  width: var(--agent-gui-avatar-badge-size, 16px);
+  height: var(--agent-gui-avatar-badge-size, 16px);
   place-items: center;
   overflow: hidden;
-  border: 1px solid #fff;
+  border: 1px solid var(--background-fronted);
   border-radius: 999px;
-  background: #fff;
+  background: var(--background-fronted);
   pointer-events: none;
 }
 
-.agent-gui-node__provider-rail-badge-image {
+.agent-gui-node__agent-avatar-badge-image {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -8953,7 +8967,7 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
   display: flex;
   width: 100%;
   min-height: 100%;
-  align-items: center;
+  align-items: flex-start;
   justify-content: center;
   padding: 24px clamp(32px, 4vw, 48px) 40px;
 }
@@ -8978,12 +8992,44 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
    slot; keep it centered in the hero column. */
 .agent-gui-node__empty-hero-icon-slot:has(
   > .agent-gui-node__empty-hero-carousel
-) {
+),
+.agent-gui-node__empty-hero-icon-slot[data-carousel-placeholder="true"] {
   width: min(400px, 100%);
-  height: auto;
+  height: 112px;
+}
+
+.agent-gui-node__empty-hero-carousel-stage {
+  position: relative;
+  width: 100%;
+  min-height: 100%;
+}
+
+.agent-gui-node__empty-hero-carousel-layer {
+  position: absolute;
+  z-index: 1;
+  top: 24px;
+  left: 50%;
+  width: min(400px, calc(100% - 64px));
+  transform: translateX(-50%);
+}
+
+.agent-gui-node__empty-hero-carousel-placeholder {
+  width: min(400px, 100%);
+  height: 112px;
+  flex: 0 0 auto;
+}
+
+/* Keep the overlayed carousel interactive while the ready/gated body below it
+   changes independently. */
+.agent-gui-node__empty-hero-carousel-layer
+  > .agent-gui-node__empty-hero-carousel {
+  pointer-events: auto;
 }
 
 .agent-gui-node__empty-hero-icon-effect {
+  --agent-gui-avatar-badge-offset: -5px;
+  --agent-gui-avatar-badge-size: 18px;
+
   display: block;
   width: 48px;
   height: 48px;
@@ -9050,7 +9096,7 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
 }
 
 /* Empty-hero agent carousel ("All" tab): a three.js ring of same-sized agent
-   tiles (see agentGuiHeroCarouselScene.ts). Tiles farther around the ring
+   records (see agentGuiHeroCarouselScene.ts). Records farther around the ring
    genuinely shrink and fade with perspective; visuals live on the canvas,
    while visually-hidden buttons keep the switcher reachable by keyboard,
    screen readers, and DOM tests. */
@@ -9081,13 +9127,7 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
      the canvas edges), intersected with a vertical band so tiles sinking
      down the wheel melt away instead of being cut by the canvas bottom. */
   mask-image:
-    linear-gradient(
-      90deg,
-      transparent 12%,
-      #000 36%,
-      #000 64%,
-      transparent 88%
-    ),
+    linear-gradient(90deg, transparent 4%, #000 30%, #000 70%, transparent 96%),
     linear-gradient(180deg, #000 0%, #000 70%, transparent 96%);
   mask-composite: intersect;
 }
@@ -9133,7 +9173,9 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
 
 /* Gate gap is 8px; add 16px so the icon-to-title spacing is 24px. */
 .agent-gui-node__empty-provider-gate > .agent-gui-node__empty-hero-icon-effect,
-.agent-gui-node__empty-provider-gate > .agent-gui-node__empty-hero-carousel {
+.agent-gui-node__empty-provider-gate > .agent-gui-node__empty-hero-carousel,
+.agent-gui-node__empty-provider-gate
+  > .agent-gui-node__empty-hero-carousel-placeholder {
   margin-bottom: 16px;
 }
 

package/dist/{chunk-KTXWPKGP.js → chunk-7QHBFRG5.js}

@@ -15505,4 +15505,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-KTXWPKGP.js.map
+//# sourceMappingURL=chunk-7QHBFRG5.js.map