@tutti-os/agent-gui 0.0.75 → 0.0.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,8 +6,8 @@ import {
6
6
  projectAgentConversationVM,
7
7
  reconcileProjectedAgentConversationVM,
8
8
  useProjectedAgentConversation
9
- } from "../chunk-7GSBP5CN.js";
10
- import "../chunk-3FYA2K4P.js";
9
+ } from "../chunk-WIRYWLAI.js";
10
+ import "../chunk-5CLGEUWK.js";
11
11
  import "../chunk-PSLAWU25.js";
12
12
  import "../chunk-KELYWKTC.js";
13
13
  import "../chunk-Y35GDLP2.js";
@@ -6,7 +6,7 @@ import {
6
6
  approvalOptionDisplayLabel,
7
7
  getPromptToolDetails,
8
8
  isPromptRequestIdTitle
9
- } from "../chunk-U6EDUTUO.js";
9
+ } from "../chunk-3B3KPQ4Y.js";
10
10
  import {
11
11
  PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
12
12
  PLAN_IMPLEMENTATION_PROMPT,
@@ -25,7 +25,7 @@ import {
25
25
  extractExitPlanModeOptions,
26
26
  isExitPlanSwitchModeInput,
27
27
  normalizeAskUserQuestions
28
- } from "../chunk-3FYA2K4P.js";
28
+ } from "../chunk-5CLGEUWK.js";
29
29
  import {
30
30
  userAvatarPlaceholderUrl,
31
31
  workspaceAgentActivityStatusLabel
@@ -1,4 +1,3 @@
1
- @import "react-medium-image-zoom/dist/styles.css";
2
1
  @source "../..";
3
2
 
4
3
  /* Restored agent activity renderer styles from the TSH desktop source during the GUI migration. */
@@ -79,12 +78,52 @@
79
78
  );
80
79
  }
81
80
 
81
+ .tsh-zoomable-image {
82
+ position: relative;
83
+ display: inline-block;
84
+ max-width: 100%;
85
+ vertical-align: top;
86
+ }
87
+
88
+ .tsh-zoomable-image--block {
89
+ display: block;
90
+ }
91
+
92
+ .tsh-zoomable-image__trigger {
93
+ position: absolute;
94
+ inset: 0;
95
+ z-index: 1;
96
+ border: 0;
97
+ background: transparent;
98
+ color: transparent;
99
+ cursor: zoom-in;
100
+ -webkit-app-region: no-drag;
101
+ }
102
+
82
103
  .tsh-zoom-dialog[data-rmiz-modal] {
104
+ position: fixed;
105
+ inset: 0;
83
106
  z-index: 100300;
107
+ display: flex;
108
+ align-items: center;
109
+ justify-content: center;
110
+ padding: 24px;
84
111
  -webkit-app-region: no-drag;
85
112
  }
86
113
 
114
+ .tsh-zoom-dialog [data-rmiz-modal-overlay] {
115
+ position: absolute;
116
+ inset: 0;
117
+ }
118
+
87
119
  .tsh-zoom-dialog [data-rmiz-modal-content] {
120
+ position: relative;
121
+ z-index: 100300;
122
+ display: flex;
123
+ align-items: center;
124
+ justify-content: center;
125
+ max-width: calc(100vw - 48px);
126
+ max-height: calc(100vh - 48px);
88
127
  -webkit-app-region: no-drag;
89
128
  }
90
129
 
@@ -98,9 +137,20 @@
98
137
  }
99
138
 
100
139
  .tsh-zoom-dialog [data-rmiz-btn-unzoom] {
140
+ position: fixed;
101
141
  top: max(20px, calc(var(--cove-titlebar-reserve, 0px) + 10px));
102
142
  right: 20px;
103
143
  inset-inline-end: 20px;
144
+ z-index: 100301;
145
+ }
146
+
147
+ .tsh-zoom-dialog__image {
148
+ display: block;
149
+ max-width: calc(100vw - 48px);
150
+ max-height: calc(100vh - 48px);
151
+ object-fit: contain;
152
+ transform-origin: center center;
153
+ cursor: zoom-out;
104
154
  }
105
155
 
106
156
  .tsh-zoom-dialog__image-actions {
@@ -1857,6 +1907,37 @@ aside.workspace-agents-status-panel
1857
1907
  white-space: nowrap;
1858
1908
  }
1859
1909
 
1910
+ /* Compact tool-call rows when nested inside a details block (e.g. task STEPS) */
1911
+ .workspace-agents-status-panel__detail-tool-body
1912
+ .workspace-agents-status-panel__detail-tool-row-title,
1913
+ .workspace-agents-status-panel__detail-tool-body
1914
+ .workspace-agents-status-panel__detail-tool-status,
1915
+ .workspace-agents-status-panel__detail-tool-body
1916
+ .workspace-agents-status-panel__detail-tool-diff-stats,
1917
+ .workspace-agents-status-panel__detail-tool-body
1918
+ .workspace-agents-status-panel__detail-tool-row-summary {
1919
+ font-size: 11px;
1920
+ }
1921
+
1922
+ .workspace-agents-status-panel__detail-tool-body
1923
+ .workspace-agents-status-panel__detail-tool-row-icon {
1924
+ width: 14px;
1925
+ height: 14px;
1926
+ }
1927
+
1928
+ .workspace-agents-status-panel__detail-tool-body
1929
+ .workspace-agents-status-panel__detail-tool-row-icon
1930
+ svg {
1931
+ width: 14px;
1932
+ height: 14px;
1933
+ }
1934
+
1935
+ /* Looser vertical rhythm for the nested step rows so they don't feel cramped */
1936
+ .workspace-agents-status-panel__detail-tool-body
1937
+ .workspace-agents-status-panel__detail-tool-stack {
1938
+ gap: 12px;
1939
+ }
1940
+
1860
1941
  .workspace-agents-status-panel__detail-tool-row-head
1861
1942
  .workspace-agents-status-panel__detail-tool-row-chevron {
1862
1943
  flex: 0 0 auto;
@@ -1915,7 +1996,7 @@ aside.workspace-agents-status-panel
1915
1996
  .workspace-agents-status-panel__detail-tool-body {
1916
1997
  display: flex;
1917
1998
  flex-direction: column;
1918
- gap: 10px;
1999
+ gap: 16px;
1919
2000
  box-sizing: border-box;
1920
2001
  width: 100%;
1921
2002
  min-width: 0;
@@ -6487,7 +6568,7 @@ button.agent-gui-node__conversation-section-toggle:hover
6487
6568
  box-sizing: border-box;
6488
6569
  width: 100%;
6489
6570
  min-width: 0;
6490
- padding-bottom: 24px;
6571
+ padding-bottom: 16px;
6491
6572
  will-change: transform;
6492
6573
  }
6493
6574
 
@@ -6497,7 +6578,7 @@ button.agent-gui-node__conversation-section-toggle:hover
6497
6578
  .agent-gui-transcript-virtual-item
6498
6579
  > [data-testid="agent-transcript-turn-divider"]
6499
6580
  + .agent-gui-transcript-row {
6500
- margin-top: 24px;
6581
+ margin-top: 16px;
6501
6582
  }
6502
6583
 
6503
6584
  .agent-gui-transcript-row[data-agent-transcript-row-enter="true"] {
@@ -8953,6 +9034,30 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
8953
9034
  box-shadow: 0 0 0 1.5px var(--tutti-purple);
8954
9035
  }
8955
9036
 
9037
+ /* Clickable agent switchers: reset native button chrome, keep the same box, and
9038
+ give a hover/focus affordance so the strip reads as interactive. */
9039
+ button.agent-gui-node__provider-rail-launchpad-item {
9040
+ padding: 0;
9041
+ border: 0;
9042
+ cursor: pointer;
9043
+ appearance: none;
9044
+ -webkit-appearance: none;
9045
+ }
9046
+
9047
+ .agent-gui-node__empty-hero-launchpad-icon
9048
+ button.agent-gui-node__provider-rail-launchpad-item:hover:not(
9049
+ [data-provider-active="true"]
9050
+ ) {
9051
+ opacity: 1 !important;
9052
+ transform: scale(1.08);
9053
+ }
9054
+
9055
+ .agent-gui-node__empty-hero-launchpad-icon
9056
+ button.agent-gui-node__provider-rail-launchpad-item:focus-visible {
9057
+ outline: none;
9058
+ box-shadow: 0 0 0 1.5px var(--tutti-purple);
9059
+ }
9060
+
8956
9061
  .agent-gui-node__provider-rail-tile[data-loading="true"]
8957
9062
  .agent-gui-node__provider-rail-avatar {
8958
9063
  background: linear-gradient(
@@ -9131,7 +9236,7 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
9131
9236
  }
9132
9237
 
9133
9238
  .agent-gui-node__empty-hero-provider-select {
9134
- display: inline-flex;
9239
+ display: inline-block;
9135
9240
  width: auto;
9136
9241
  min-width: 0;
9137
9242
  height: auto;
@@ -9148,6 +9253,8 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
9148
9253
  letter-spacing: inherit;
9149
9254
  box-shadow: none;
9150
9255
  white-space: nowrap;
9256
+ appearance: auto;
9257
+ cursor: pointer;
9151
9258
  }
9152
9259
 
9153
9260
  .agent-gui-node__empty-hero-provider-select:hover,
@@ -7,7 +7,7 @@ import {
7
7
  AgentGUIConversation_styles_default,
8
8
  MessageSquareMoreIcon,
9
9
  extractAgentMcpToolTarget
10
- } from "./chunk-3FYA2K4P.js";
10
+ } from "./chunk-5CLGEUWK.js";
11
11
  import {
12
12
  getOptionalAgentHostApi,
13
13
  useOptionalAgentHostApi
@@ -1172,4 +1172,4 @@ export {
1172
1172
  isPromptRequestIdTitle,
1173
1173
  AgentInteractivePromptSurface
1174
1174
  };
1175
- //# sourceMappingURL=chunk-U6EDUTUO.js.map
1175
+ //# sourceMappingURL=chunk-3B3KPQ4Y.js.map