@tutti-os/agent-gui 0.0.92 → 0.0.94

package/dist/{agentConversationVM-CfXN_TQ2.d.ts → agentConversationVM-Cl4G0Lln.d.ts}

@@ -1,4 +1,4 @@
-import { W as WorkspaceAgentActivityCard, n as WorkspaceAgentActivitySession, T as ToolCallStatusKind, q as WorkspaceAgentActivityTimelineItem } from './workspaceAgentActivityListViewModel-TXH1VXrk.js';
+import { W as WorkspaceAgentActivityCard, n as WorkspaceAgentActivitySession, T as ToolCallStatusKind, q as WorkspaceAgentActivityTimelineItem } from './workspaceAgentActivityListViewModel-BzV-cf0D.js';
 
 interface WorkspaceAgentSessionDetailMessage {
     id: string;

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

@@ -1,7 +1,7 @@
 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, 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 { 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-BzV-cf0D.js';
+import { A as AgentApprovalItemVM, a as AgentAskUserQuestionVM, b as AgentConversationPromptVM, c as AgentConversationVM, W as WorkspaceAgentSessionDetailViewModel } from './agentConversationVM-Cl4G0Lln.js';
 import { WorkspaceUserProjectService } from '@tutti-os/workspace-user-project/contracts';
 
 declare const APP_ERROR_CODES: readonly ["common.invalid_input", "common.approved_path_required", "common.unavailable", "common.unexpected", "session.not_found", "control_surface.unauthorized", "workspace.select_directory_failed", "workspace.select_files_failed", "workspace.ensure_directory_failed", "workspace.import_files_failed", "workspace.read_file_failed", "workspace.write_file_failed", "workspace.export_file_failed", "workspace.copy_path_failed", "workspace.host_unsupported", "workspace.runtime_artifact_unavailable", "runtime.guest_agent_lane_unavailable", "workspace.room_full", "workspace.room_delete_forbidden", "workspace.room_delete_not_found", "filesystem.create_directory_failed", "filesystem.read_file_bytes_failed", "filesystem.read_file_text_failed", "filesystem.write_file_text_failed", "filesystem.copy_entry_failed", "filesystem.move_entry_failed", "filesystem.rename_entry_failed", "filesystem.delete_entry_failed", "filesystem.read_directory_failed", "filesystem.stat_failed", "terminal.spawn_failed", "terminal.write_failed", "terminal.resize_failed", "terminal.close_failed", "terminal.attach_failed", "terminal.detach_failed", "terminal.snapshot_failed", "agent.list_models_failed", "agent.launch_failed", "agent.read_last_message_failed", "agent.provider_session_not_found", "agent.resume_session_not_local", "agent.resume_session_resolve_failed", "agent.settings_require_new_session", "task.suggest_title_failed", "persistence.unavailable", "persistence.quota_exceeded", "persistence.payload_too_large", "persistence.io_failed", "persistence.invalid_state", "persistence.invalid_node_id", "update.get_state_failed", "update.configure_failed", "update.check_failed", "update.download_failed", "update.install_failed", "PACKAGE_DOWNLOAD_INTERRUPTED", "PACKAGE_DOWNLOAD_HTTP_STATUS", "PACKAGE_DOWNLOAD_INVALID", "PACKAGE_DOWNLOAD_DISK_ERROR"];
@@ -463,7 +463,12 @@ interface AgentGUISessionChrome {
         kind: "activating" | "failed" | "warning";
         message: string;
         canRetry?: boolean;
-        followupAction?: "continue-in-new-conversation";
+        followupAction?: never;
+    } | {
+        kind: "resume-unavailable";
+        message: string;
+        followupAction: "continue-in-new-conversation";
+        canRetry?: never;
     } | null;
     rawState: AgentSessionState | null;
 }

package/dist/app/renderer/agentactivity.css

@@ -604,6 +604,7 @@
 
   .agent-gui-chrome__card--warning,
   .agent-gui-chrome__card--danger,
+  .agent-gui-chrome__card--success,
   .agent-gui-chrome__card--muted,
   .agent-gui-chrome__card--connecting {
     animation: none !important;
@@ -2750,6 +2751,7 @@ aside.workspace-agents-status-panel
 
 .agent-gui-chrome__card--warning,
 .agent-gui-chrome__card--danger,
+.agent-gui-chrome__card--success,
 .agent-gui-chrome__card--muted,
 .agent-gui-chrome__card--connecting {
   --agent-gui-chrome-card-spring: cubic-bezier(0.22, 1.18, 0.36, 1);
@@ -2915,6 +2917,58 @@ aside.workspace-agents-status-panel
   color: var(--status-danger-hover, var(--state-danger-hover));
 }
 
+.agent-gui-chrome__card--success {
+  /* --state-success alone reads ~2:1 against the light-theme card wash;
+     mixing toward --text-primary keeps the hue while adapting the contrast
+     in both themes (45% keeps 13px text past the 4.5:1 target). Borders and
+     backgrounds stay on the raw token. */
+  --agent-gui-chrome-success-foreground: color-mix(
+    in srgb,
+    var(--state-success) 45%,
+    var(--text-primary)
+  );
+
+  border-color: color-mix(in srgb, var(--state-success) 28%, transparent);
+  border-bottom: 0;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+  background: color-mix(
+    in srgb,
+    var(--state-success) 10%,
+    var(--background-fronted)
+  );
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  min-height: 36px;
+  padding: 6px 16px;
+  cursor: default;
+}
+
+.agent-gui-chrome__card--success .agent-gui-chrome__icon,
+.agent-gui-chrome__card--success .agent-gui-chrome__message {
+  color: var(--agent-gui-chrome-success-foreground, var(--state-success));
+}
+
+.agent-gui-chrome__success-ghost-button {
+  background: transparent;
+  color: var(--agent-gui-chrome-success-foreground, var(--state-success));
+  font-size: 13px;
+  font-weight: 400;
+}
+
+.agent-gui-chrome__success-ghost-button:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--state-success) 14%, transparent);
+}
+
+.agent-gui-chrome__success-ghost-button:focus-visible {
+  border-color: var(--state-success);
+  color: var(--agent-gui-chrome-success-foreground, var(--state-success));
+  box-shadow: 0 0 0 2px
+    color-mix(in srgb, var(--state-success) 25%, transparent);
+}
+
 .agent-gui-chrome__danger-ghost-button:focus-visible {
   border-color: var(--status-danger, var(--state-danger));
   color: var(--status-danger, var(--state-danger));
@@ -2959,6 +3013,8 @@ aside.workspace-agents-status-panel
   .agent-gui-chrome__message:not(.agent-gui-chrome__notice-message),
 .agent-gui-chrome__card--danger
   .agent-gui-chrome__message:not(.agent-gui-chrome__notice-message),
+.agent-gui-chrome__card--success
+  .agent-gui-chrome__message:not(.agent-gui-chrome__notice-message),
 .agent-gui-chrome__card--muted
   .agent-gui-chrome__message:not(.agent-gui-chrome__notice-message),
 .agent-gui-chrome__card--connecting
@@ -4763,6 +4819,33 @@ aside.workspace-agents-status-panel
   gap: 8px;
 }
 
+.agent-gui-workbench-header__primary-accessory {
+  display: inline-flex;
+  min-width: 0;
+  flex: 0 0 auto;
+  align-items: center;
+  -webkit-app-region: no-drag;
+}
+
+.agent-gui-workbench-header__detail {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  align-items: center;
+}
+
+.agent-gui-workbench-header__secondary-accessory {
+  display: inline-flex;
+  min-width: 0;
+  flex: 0 0 auto;
+  align-items: center;
+  margin-left: auto;
+  padding-right: var(--agent-gui-workbench-header-padding-x);
+  pointer-events: auto;
+  -webkit-app-region: no-drag;
+}
+
 .agent-gui-workbench-header__agent-name,
 .agent-gui-workbench-header__session-title,
 .agent-gui-workbench-header__detail-title {
@@ -4821,6 +4904,7 @@ aside.workspace-agents-status-panel
 .agent-gui-workbench-header__detail-title {
   display: flex;
   height: 100%;
+  flex: 1 1 auto;
   max-width: min(100%, var(--agent-gui-workbench-header-title-max-width));
   min-width: 0;
   align-items: center;
@@ -8967,7 +9051,7 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
   display: flex;
   width: 100%;
   min-height: 100%;
-  align-items: flex-start;
+  align-items: center;
   justify-content: center;
   padding: 24px clamp(32px, 4vw, 48px) 40px;
 }
@@ -9000,6 +9084,7 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
 
 .agent-gui-node__empty-hero-carousel-stage {
   position: relative;
+  top: -24px;
   width: 100%;
   min-height: 100%;
 }
@@ -9007,7 +9092,7 @@ 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: 24px;
+  top: calc(50% - 210px);
   left: 50%;
   width: min(400px, calc(100% - 64px));
   transform: translateX(-50%);
@@ -9110,6 +9195,230 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
     both;
 }
 
+/* Reference VinylPlayer structure, scaled from 440px to the 112px hero slot. */
+.agent-gui-vinyl-player {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 2;
+  width: 440px;
+  height: 440px;
+  overflow: visible;
+  border-radius: 40px;
+  background: transparent;
+  pointer-events: none;
+  transform: translate(-50%, -50%) scale(0.25);
+  transform-origin: center;
+}
+
+.agent-gui-vinyl-player__chassis {
+  position: absolute;
+  top: 12px;
+  left: 0;
+  z-index: 0;
+  width: 440px;
+  height: 416px;
+  object-fit: fill;
+  pointer-events: none;
+}
+
+.agent-gui-vinyl-player__indicator {
+  position: absolute;
+  top: 32px;
+  left: 32px;
+  display: grid;
+  width: 26px;
+  height: 26px;
+  place-items: center;
+  border: 1px solid #c0c2c4;
+  border-radius: 50%;
+  background: #9ea0a3;
+  box-shadow:
+    0 2px 4px rgb(0 0 0 / 10%),
+    inset 0 1px 2px rgb(255 255 255 / 80%);
+  display: none;
+}
+
+.agent-gui-vinyl-player__indicator-light {
+  display: flex;
+  width: 20px;
+  height: 20px;
+  align-items: center;
+  justify-content: center;
+  gap: 2px;
+  border: 1px solid #384a3c;
+  border-radius: 50%;
+  background: #4b6652;
+  box-shadow: inset 0 2px 6px rgb(0 0 0 / 40%);
+}
+
+.agent-gui-vinyl-player__indicator-light--playing {
+  border-color: #86f0a6;
+  background: #5edb84;
+  box-shadow:
+    0 0 12px rgb(74 222 128 / 70%),
+    inset 0 1px 4px rgb(255 255 255 / 60%);
+}
+
+.agent-gui-vinyl-player__indicator-light > span {
+  width: 1px;
+  height: 8px;
+  background: rgb(255 255 255 / 80%);
+}
+
+.agent-gui-vinyl-player__platter {
+  position: absolute;
+  top: 29px;
+  left: 24px;
+  display: grid;
+  width: 370px;
+  height: 370px;
+  place-items: center;
+  border-radius: 50%;
+  background: transparent;
+  box-shadow: none;
+}
+
+.agent-gui-vinyl-player__platter-inner {
+  display: grid;
+  width: 340px;
+  height: 340px;
+  place-items: center;
+  border-radius: 50%;
+  background: transparent;
+  box-shadow: none;
+}
+
+.agent-gui-vinyl-player__record {
+  position: relative;
+  display: grid;
+  width: 326px;
+  height: 326px;
+  place-items: center;
+  overflow: hidden;
+  border-radius: 50%;
+  background:
+    repeating-radial-gradient(
+      circle at center,
+      rgb(255 255 255 / 9%) 0 2px,
+      rgb(0 0 0 / 0%) 2px 8px
+    ),
+    #111;
+  box-shadow: 0 4px 15px rgb(0 0 0 / 60%);
+}
+
+.agent-gui-vinyl-player__groove,
+.agent-gui-vinyl-player__reflection,
+.agent-gui-vinyl-player__label,
+.agent-gui-vinyl-player__hole {
+  position: absolute;
+  border-radius: 50%;
+}
+
+.agent-gui-vinyl-player__groove {
+  border: 2px solid rgb(255 255 255 / 12%);
+}
+
+.agent-gui-vinyl-player__reflection {
+  inset: 0;
+  background: conic-gradient(
+    from 0deg,
+    transparent 0deg,
+    rgb(255 255 255 / 15%) 45deg,
+    transparent 90deg,
+    transparent 180deg,
+    rgb(255 255 255 / 15%) 225deg,
+    transparent 270deg
+  );
+  mix-blend-mode: screen;
+  opacity: 0.35;
+}
+
+.agent-gui-vinyl-player__label {
+  display: grid;
+  width: 144px;
+  height: 144px;
+  place-items: center;
+  overflow: hidden;
+  background: #2a2a2a;
+  box-shadow: inset 0 0 12px rgb(0 0 0 / 60%);
+}
+
+.agent-gui-vinyl-player__label > img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.agent-gui-vinyl-player__tonearm {
+  position: absolute;
+  top: -20px;
+  right: 14px;
+  z-index: 4;
+  width: 140px;
+  height: 400px;
+  object-fit: contain;
+  pointer-events: none;
+  transform: rotate(15deg);
+  transform-origin: 50% 8%;
+}
+
+.agent-gui-vinyl-player__hole {
+  width: 12px;
+  height: 12px;
+  border: 0.5px solid #717171;
+  background: #e0e2e5;
+  box-shadow: inset 0 1px 4px rgb(0 0 0 / 80%);
+}
+
+.agent-gui-vinyl-player__power-control {
+  position: absolute;
+  bottom: 32px;
+  left: 32px;
+  display: none;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+}
+
+.agent-gui-vinyl-player__lever {
+  display: block;
+  width: 16px;
+  height: 44px;
+  border: 1px solid #111;
+  border-radius: 10px;
+  background: linear-gradient(90deg, #1a1a1a, #3a3a3a, #1a1a1a);
+  box-shadow: 4px 2px 8px rgb(0 0 0 / 40%);
+  transform-origin: bottom;
+}
+
+.agent-gui-vinyl-player__power-label {
+  color: #3f4144;
+  font-size: 10px;
+  font-weight: 700;
+}
+
+.agent-gui-vinyl-player__tone-control {
+  position: absolute;
+  right: 32px;
+  bottom: 32px;
+  display: none;
+  align-items: center;
+  gap: 12px;
+  color: #65676b;
+  font-size: 10px;
+  font-weight: 700;
+}
+
+.agent-gui-vinyl-player__tone-control > span:first-child {
+  width: 30px;
+  height: 52px;
+  border: 1px solid #a0a2a4;
+  border-radius: 6px;
+  background: linear-gradient(#b0b2b5, #ced0d3);
+  box-shadow: inset 0 2px 5px rgb(0 0 0 / 30%);
+}
+
 .agent-gui-node__empty-hero-carousel:has(:focus-visible) {
   border-radius: 12px;
   box-shadow: 0 0 0 1.5px var(--tutti-purple);
@@ -9169,6 +9478,7 @@ 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. */