@tutti-os/agent-gui 0.0.40 → 0.0.41

package/dist/app/renderer/agentactivity.css

@@ -3897,6 +3897,7 @@ aside.workspace-agents-status-panel
   --agent-conversation-text: var(--text-primary);
   --agent-conversation-user-text: var(--text-primary);
   --agent-conversation-user-bg: var(--agent-gui-surface-muted);
+  --agent-gui-background-1: var(--background-1, rgb(245 245 245));
   --agent-gui-detail-padding-x: 28px;
   --agent-gui-detail-flow-max-width: 1280px;
   width: 100%;
@@ -3906,6 +3907,16 @@ aside.workspace-agents-status-panel
   color: var(--agent-gui-text-primary);
 }
 
+:root[data-theme="dark"] .agent-gui-node__shell {
+  --agent-gui-background-1: var(--background-1, rgb(24 24 24));
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) .agent-gui-node__shell {
+    --agent-gui-background-1: var(--background-1, rgb(24 24 24));
+  }
+}
+
 .agent-gui-node__body {
   width: 100%;
   height: 100%;
@@ -3931,19 +3942,273 @@ aside.workspace-agents-status-panel
   transition: none;
 }
 
+.workbench-window:has([data-agent-gui-workbench-header="true"]) {
+  --agent-gui-workbench-header-height: 44px;
+
+  grid-template-rows: minmax(0, 1fr);
+}
+
+.workbench-window:has([data-agent-gui-workbench-header="true"])
+  .workbench-window__header {
+  position: absolute !important;
+  top: 0 !important;
+  right: 0 !important;
+  left: 0 !important;
+  z-index: 30;
+  width: 100% !important;
+  height: var(--agent-gui-workbench-header-height);
+  min-height: var(--agent-gui-workbench-header-height);
+  padding: 0;
+  overflow: visible;
+  border-bottom: 0;
+  background: transparent;
+  cursor: default;
+  pointer-events: none !important;
+  user-select: auto;
+}
+
+.workbench-window:has([data-agent-gui-workbench-header="true"])
+  .workbench-window__body {
+  grid-row: 1;
+  overflow: hidden;
+}
+
+.workbench-window:has(
+    [data-agent-gui-workbench-header="true"][data-agent-gui-workbench-header-collapsed="false"]
+  )
+  .agent-gui-node__rail-toolbar {
+  padding-top: var(--agent-gui-workbench-header-height);
+}
+
+.workbench-window:has([data-agent-gui-workbench-header="true"])
+  .agent-gui-node__detail-panel {
+  position: relative;
+}
+
+.workbench-window:has([data-agent-gui-workbench-header="true"])
+  .agent-gui-node__detail-header {
+  display: none;
+}
+
+.workbench-window:has([data-agent-gui-workbench-header="true"])
+  .agent-gui-node__detail {
+  padding-top: var(--agent-gui-workbench-header-height);
+}
+
+.workbench-window:has([data-agent-gui-workbench-header="true"])
+  .agent-gui-node__timeline-with-composer {
+  padding-top: 20px;
+}
+
+.agent-gui-workbench-header {
+  --agent-gui-workbench-header-rail-width: 280px;
+  --agent-gui-workbench-header-padding-x: 16px;
+  --agent-gui-workbench-header-agent-icon-radius: 5px;
+  --agent-gui-workbench-header-agent-icon-size: 20px;
+  --agent-gui-workbench-header-primary-gap: 12px;
+  --agent-gui-workbench-header-traffic-light-gap: 8px;
+  --agent-gui-workbench-header-traffic-light-size: 12px;
+  --agent-gui-workbench-header-title-max-width: 280px;
+  --agent-gui-workbench-header-text: var(--text-primary);
+  --agent-gui-workbench-header-muted: var(--text-secondary);
+
+  display: grid;
+  width: 100%;
+  height: var(--agent-gui-workbench-header-height, 44px);
+  min-height: var(--agent-gui-workbench-header-height, 44px);
+  grid-template-columns:
+    minmax(0, var(--agent-gui-workbench-header-rail-width))
+    minmax(0, 1fr);
+  align-items: center;
+  background: transparent;
+  color: var(--agent-gui-workbench-header-text);
+  cursor: grab;
+  pointer-events: auto;
+  user-select: none;
+}
+
+.agent-gui-workbench-header:active {
+  cursor: grabbing;
+}
+
+.agent-gui-workbench-header[data-agent-gui-workbench-header-collapsed="true"] {
+  grid-template-columns: minmax(0, 1fr);
+}
+
+.agent-gui-workbench-header__primary {
+  display: flex;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  align-items: center;
+  gap: var(--agent-gui-workbench-header-primary-gap);
+  padding: 0 var(--agent-gui-workbench-header-padding-x);
+  background: var(--background-panel);
+  pointer-events: auto;
+}
+
+.agent-gui-workbench-header[data-agent-gui-workbench-header-collapsed="true"]
+  .agent-gui-workbench-header__primary {
+  width: min(100%, 720px);
+  background: transparent;
+}
+
+.agent-gui-workbench-header__traffic-lights {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: var(--agent-gui-workbench-header-traffic-light-gap);
+  margin-right: 0;
+}
+
+.agent-gui-workbench-header__traffic-light {
+  display: inline-flex;
+  width: var(--agent-gui-workbench-header-traffic-light-size);
+  height: var(--agent-gui-workbench-header-traffic-light-size);
+  flex: 0 0 auto;
+  padding: 0;
+  border: 0;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--text-tertiary) 72%, transparent);
+  cursor: default;
+  opacity: 0.78;
+}
+
+.agent-gui-workbench-header__traffic-light:hover,
+.agent-gui-workbench-header__traffic-light:focus-visible {
+  opacity: 1;
+  outline: none;
+}
+
+.agent-gui-workbench-header__traffic-light[data-agent-gui-workbench-traffic-light="close"]:hover,
+.agent-gui-workbench-header__traffic-light[data-agent-gui-workbench-traffic-light="close"]:focus-visible {
+  background: #ff5f57;
+}
+
+.agent-gui-workbench-header__traffic-light[data-agent-gui-workbench-traffic-light="minimize"]:hover,
+.agent-gui-workbench-header__traffic-light[data-agent-gui-workbench-traffic-light="minimize"]:focus-visible {
+  background: #ffbd2e;
+}
+
+.agent-gui-workbench-header__traffic-light[data-agent-gui-workbench-traffic-light="maximize"]:hover,
+.agent-gui-workbench-header__traffic-light[data-agent-gui-workbench-traffic-light="maximize"]:focus-visible {
+  background: #28c840;
+}
+
+.agent-gui-workbench-header__agent-brand {
+  display: inline-flex;
+  min-width: 0;
+  flex: 0 1 auto;
+  align-items: center;
+  gap: 8px;
+}
+
+.agent-gui-workbench-header__agent-icon {
+  width: var(--agent-gui-workbench-header-agent-icon-size);
+  height: var(--agent-gui-workbench-header-agent-icon-size);
+  flex: 0 0 auto;
+  border-radius: var(--agent-gui-workbench-header-agent-icon-radius);
+  object-fit: cover;
+}
+
+.agent-gui-workbench-header__agent-name,
+.agent-gui-workbench-header__session-title,
+.agent-gui-workbench-header__detail-title {
+  box-sizing: border-box;
+  min-width: 0;
+  color: var(--agent-gui-workbench-header-text);
+  font-size: 15px;
+  font-weight: 700;
+  line-height: 20px;
+  white-space: nowrap;
+}
+
+.agent-gui-workbench-header__agent-name,
+.agent-gui-workbench-header__title-text {
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.agent-gui-workbench-header__agent-name {
+  flex: 0 1 auto;
+  max-width: 160px;
+}
+
+.agent-gui-workbench-header__session-title {
+  display: flex;
+  flex: 1 1 auto;
+  max-width: min(100%, var(--agent-gui-workbench-header-title-max-width));
+  margin-left: 4px;
+}
+
+.agent-gui-workbench-header__detail-title {
+  display: flex;
+  height: 100%;
+  max-width: min(100%, var(--agent-gui-workbench-header-title-max-width));
+  min-width: 0;
+  align-items: center;
+  padding: 0 20px;
+  pointer-events: none;
+}
+
+.agent-gui-workbench-header__icon-button {
+  display: inline-flex !important;
+  width: 28px !important;
+  height: 28px !important;
+  min-width: 28px !important;
+  min-height: 28px !important;
+  flex: 0 0 auto;
+  align-items: center;
+  justify-content: center;
+  padding: 0 !important;
+  border: 0 !important;
+  border-radius: 6px !important;
+  background: transparent !important;
+  color: var(--agent-gui-workbench-header-muted) !important;
+  cursor: pointer;
+}
+
+.agent-gui-workbench-header__icon-button:hover,
+.agent-gui-workbench-header__icon-button:focus-visible {
+  background: color-mix(
+    in srgb,
+    var(--text-primary) 8%,
+    transparent
+  ) !important;
+  color: var(--agent-gui-workbench-header-text) !important;
+}
+
+.agent-gui-workbench-header__rail-toggle {
+  margin-left: auto;
+}
+
+.agent-gui-workbench-header[data-agent-gui-workbench-header-collapsed="true"]
+  .agent-gui-workbench-header__rail-toggle {
+  margin-left: 0;
+}
+
+.agent-gui-workbench-header__icon {
+  width: 18px;
+  height: 18px;
+  flex: 0 0 auto;
+}
+
 .agent-gui-node__rail-panel {
   position: relative;
   z-index: 2;
   min-width: 0;
   min-height: 0;
   height: 100%;
-  border-right: 1px solid var(--agent-gui-border-subtle, var(--line-2));
+  border-right: 0;
   overflow: visible;
   isolation: isolate;
 }
 
 .agent-gui-node__rail-panel--collapsed {
-  border-right-color: transparent;
   pointer-events: none;
 }
 
@@ -3994,12 +4259,20 @@ aside.workspace-agents-status-panel
 }
 
 .agent-gui-node__detail-panel {
+  display: flex;
+  height: 100%;
   min-width: 0;
   min-height: 0;
-  height: 100%;
-  display: flex;
   flex-direction: column;
   overflow: hidden;
+  border-radius: 16px;
+  background: var(--agent-gui-background-1);
+}
+
+.agent-gui-node__detail-panel > .agent-gui-node__detail {
+  min-height: 0;
+  border-radius: inherit;
+  overflow: hidden;
 }
 
 .agent-gui-node__rail {
@@ -4067,7 +4340,7 @@ aside.workspace-agents-status-panel
   align-items: center;
   gap: 10px;
   min-width: 0;
-  padding: 16px;
+  padding: 0 16px 16px;
 }
 
 .agent-gui-node__project-rail-header {
@@ -4310,6 +4583,12 @@ aside.workspace-agents-status-panel
   height: 18px;
 }
 
+.agent-gui-node__composer-reference-trigger {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
 .agent-gui-node__composer-reference-trigger svg:first-child {
   width: 14px;
   height: 14px;
@@ -5160,10 +5439,11 @@ button.agent-gui-node__conversation-section-toggle:hover
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
+  box-sizing: border-box;
   width: 100%;
   min-width: 0;
   min-height: 0;
-  background: transparent;
+  background: inherit;
 }
 
 .agent-gui-node__timeline {
@@ -5243,20 +5523,6 @@ button.agent-gui-node__conversation-section-toggle:hover
   padding-top: 24px;
   padding-bottom: 32px;
   scroll-padding-bottom: 32px;
-  -webkit-mask-image: linear-gradient(
-    180deg,
-    transparent 0,
-    rgb(0 0 0 / 0.18) 10px,
-    rgb(0 0 0 / 0.62) 26px,
-    black 44px
-  );
-  mask-image: linear-gradient(
-    180deg,
-    transparent 0,
-    rgb(0 0 0 / 0.18) 10px,
-    rgb(0 0 0 / 0.62) 26px,
-    black 44px
-  );
 }
 
 .agent-gui-node__timeline-unavailable-chat-empty {
@@ -5725,7 +5991,7 @@ button.agent-gui-node__conversation-section-toggle:hover
   z-index: 4;
   margin-top: 0;
   padding: 0 12px 12px;
-  background: var(--agent-gui-surface);
+  background: transparent;
 }
 
 .agent-gui-node__composer-hero {
@@ -5978,6 +6244,17 @@ html[data-theme="light"]
   box-shadow: none;
 }
 
+.workspace-agent-decision-toast__outcome-card {
+  border: 1px solid var(--line-1);
+  border-radius: 8px;
+  background: var(--background-fronted);
+  padding: 10px;
+}
+
+.workspace-agent-decision-toast__outcome-card:hover {
+  border-color: var(--line-2);
+}
+
 .workspace-agent-decision-toast[data-sonner-toast][data-expanded="false"][data-front="false"] {
   --decision-toast-collapsed-offset: 0px;
   --decision-toast-collapsed-scale: 0.94;

package/dist/{chunk-UUM2GZXH.js → chunk-3PVSIL3H.js}

@@ -7,10 +7,10 @@ import {
   AgentGUIConversation_styles_default,
   MessageSquareMoreIcon,
   extractAgentMcpToolTarget
-} from "./chunk-WC34LVH6.js";
+} from "./chunk-OLZP2EFK.js";
 import {
   Spinner
-} from "./chunk-Y2DQJPTL.js";
+} from "./chunk-42WP3P5C.js";
 import {
   getOptionalAgentHostApi,
   useOptionalAgentHostApi
@@ -20,7 +20,7 @@ import {
 } from "./chunk-GCBDIQDX.js";
 import {
   translate
-} from "./chunk-WJPEKD3F.js";
+} from "./chunk-LKOPLDPM.js";
 
 // shared/agentConversation/approvalOptionPresentation.ts
 function approvalOptionDisplayLabel(option, intent = {}) {
@@ -1213,4 +1213,4 @@ export {
   isPromptRequestIdTitle,
   AgentInteractivePromptSurface
 };
-//# sourceMappingURL=chunk-UUM2GZXH.js.map
+//# sourceMappingURL=chunk-3PVSIL3H.js.map

package/dist/{chunk-RE3AHBX6.js → chunk-3WZWZHAJ.js}

@@ -1,7 +1,7 @@
 import {
   translate,
   useTranslation
-} from "./chunk-WJPEKD3F.js";
+} from "./chunk-LKOPLDPM.js";
 import {
   resolveAgentMentionFileThumbnailUrl,
   resolveAgentMentionFileVisualKind
@@ -1205,4 +1205,4 @@ export {
   mentionItemToAttrs,
   attrsToMentionItem
 };
-//# sourceMappingURL=chunk-RE3AHBX6.js.map
+//# sourceMappingURL=chunk-3WZWZHAJ.js.map

package/dist/{chunk-Y2DQJPTL.js → chunk-42WP3P5C.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk-MTFSQWZ6.js";
 import {
   translate
-} from "./chunk-WJPEKD3F.js";
+} from "./chunk-LKOPLDPM.js";
 
 // shared/managedAgentProviders.ts
 function normalizeManagedAgentProvider(provider) {
@@ -113,4 +113,4 @@ export {
   userAvatarPlaceholderUrl,
   workspaceAgentActivityStatusLabel
 };
-//# sourceMappingURL=chunk-Y2DQJPTL.js.map
+//# sourceMappingURL=chunk-42WP3P5C.js.map

package/dist/{chunk-Y5SE2XMU.js → chunk-5LVFYNIP.js}

@@ -14,7 +14,7 @@ import {
 import {
   translate,
   translateInUiLanguage
-} from "./chunk-WJPEKD3F.js";
+} from "./chunk-LKOPLDPM.js";
 
 // shared/workspaceAgentActivityListViewModel.ts
 import { normalizeAgentActivityDisplayStatus } from "@tutti-os/agent-activity-core";
@@ -105,6 +105,9 @@ function selectWorkspaceAgentActivityOverlayMessages(input) {
       if (clientSubmitId !== null && durableClientSubmitIds.has(clientSubmitId)) {
         return false;
       }
+      if (clientSubmitId !== null) {
+        return true;
+      }
       const signature = workspaceAgentActivityUserPromptSignature(message);
       return signature === null || !durableUserPromptSignatures.has(signature);
     }
@@ -990,4 +993,4 @@ export {
   resolveWorkspaceAgentActivityStatus,
   resolveWorkspaceAgentActivityTitle
 };
-//# sourceMappingURL=chunk-Y5SE2XMU.js.map
+//# sourceMappingURL=chunk-5LVFYNIP.js.map