@tutti-os/agent-gui 0.0.40 → 0.0.42

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.
Files changed (40) hide show
  1. package/dist/{AgentMessageMarkdown-GDgLA-im.d.ts → AgentMessageMarkdown-Cts0dAIm.d.ts} +1 -0
  2. package/dist/agent-conversation/index.d.ts +1 -1
  3. package/dist/agent-conversation/index.js +4 -4
  4. package/dist/agent-message-center/index.js +6 -6
  5. package/dist/agent-message-center/index.js.map +1 -1
  6. package/dist/app/renderer/agentactivity.css +524 -14
  7. package/dist/{chunk-UUM2GZXH.js → chunk-3PVSIL3H.js} +4 -4
  8. package/dist/{chunk-RE3AHBX6.js → chunk-3WZWZHAJ.js} +2 -2
  9. package/dist/{chunk-Y2DQJPTL.js → chunk-42WP3P5C.js} +2 -2
  10. package/dist/{chunk-Y5SE2XMU.js → chunk-5LVFYNIP.js} +5 -2
  11. package/dist/{chunk-Y5SE2XMU.js.map → chunk-5LVFYNIP.js.map} +1 -1
  12. package/dist/{chunk-EQ4RSPQE.js → chunk-5U4SXENC.js} +4 -4
  13. package/dist/{chunk-R7XH3C4Y.js → chunk-5UD2YEBX.js} +153 -36
  14. package/dist/chunk-5UD2YEBX.js.map +1 -0
  15. package/dist/{chunk-WJPEKD3F.js → chunk-LKOPLDPM.js} +5 -1
  16. package/dist/chunk-LKOPLDPM.js.map +1 -0
  17. package/dist/{chunk-WC34LVH6.js → chunk-OLZP2EFK.js} +230 -45
  18. package/dist/chunk-OLZP2EFK.js.map +1 -0
  19. package/dist/{chunk-DO7D7OOL.js → chunk-XTFRVACA.js} +23 -15
  20. package/dist/chunk-XTFRVACA.js.map +1 -0
  21. package/dist/context-mention-palette/index.js +5 -5
  22. package/dist/i18n/index.d.ts +4 -0
  23. package/dist/i18n/index.js +1 -1
  24. package/dist/index.d.ts +12 -2
  25. package/dist/index.js +1640 -1282
  26. package/dist/index.js.map +1 -1
  27. package/dist/workbench/contribution.d.ts +4 -0
  28. package/dist/workbench/contribution.js +1 -1
  29. package/dist/workbench/index.d.ts +10 -3
  30. package/dist/workbench/index.js +1 -1
  31. package/dist/workspace-agent-generated-files.js +2 -2
  32. package/package.json +12 -12
  33. package/dist/chunk-DO7D7OOL.js.map +0 -1
  34. package/dist/chunk-R7XH3C4Y.js.map +0 -1
  35. package/dist/chunk-WC34LVH6.js.map +0 -1
  36. package/dist/chunk-WJPEKD3F.js.map +0 -1
  37. /package/dist/{chunk-UUM2GZXH.js.map → chunk-3PVSIL3H.js.map} +0 -0
  38. /package/dist/{chunk-RE3AHBX6.js.map → chunk-3WZWZHAJ.js.map} +0 -0
  39. /package/dist/{chunk-Y2DQJPTL.js.map → chunk-42WP3P5C.js.map} +0 -0
  40. /package/dist/{chunk-EQ4RSPQE.js.map → chunk-5U4SXENC.js.map} +0 -0
@@ -3897,6 +3897,7 @@ aside.workspace-agents-status-panel
3897
3897
  --agent-conversation-text: var(--text-primary);
3898
3898
  --agent-conversation-user-text: var(--text-primary);
3899
3899
  --agent-conversation-user-bg: var(--agent-gui-surface-muted);
3900
+ --agent-gui-background-1: var(--background-1, rgb(245 245 245));
3900
3901
  --agent-gui-detail-padding-x: 28px;
3901
3902
  --agent-gui-detail-flow-max-width: 1280px;
3902
3903
  width: 100%;
@@ -3906,6 +3907,16 @@ aside.workspace-agents-status-panel
3906
3907
  color: var(--agent-gui-text-primary);
3907
3908
  }
3908
3909
 
3910
+ :root[data-theme="dark"] .agent-gui-node__shell {
3911
+ --agent-gui-background-1: var(--background-1, rgb(24 24 24));
3912
+ }
3913
+
3914
+ @media (prefers-color-scheme: dark) {
3915
+ :root:not([data-theme="light"]) .agent-gui-node__shell {
3916
+ --agent-gui-background-1: var(--background-1, rgb(24 24 24));
3917
+ }
3918
+ }
3919
+
3909
3920
  .agent-gui-node__body {
3910
3921
  width: 100%;
3911
3922
  height: 100%;
@@ -3931,19 +3942,298 @@ aside.workspace-agents-status-panel
3931
3942
  transition: none;
3932
3943
  }
3933
3944
 
3945
+ .workbench-window:has([data-agent-gui-workbench-header="true"]) {
3946
+ --agent-gui-workbench-header-height: 44px;
3947
+
3948
+ grid-template-rows: minmax(0, 1fr);
3949
+ }
3950
+
3951
+ .workbench-window:has([data-agent-gui-workbench-header="true"])
3952
+ .workbench-window__header {
3953
+ position: absolute !important;
3954
+ top: 0 !important;
3955
+ right: 0 !important;
3956
+ left: 0 !important;
3957
+ z-index: 30;
3958
+ width: 100% !important;
3959
+ height: var(--agent-gui-workbench-header-height);
3960
+ min-height: var(--agent-gui-workbench-header-height);
3961
+ padding: 0;
3962
+ overflow: visible;
3963
+ border-bottom: 0;
3964
+ background: transparent;
3965
+ cursor: default;
3966
+ pointer-events: none !important;
3967
+ user-select: auto;
3968
+ }
3969
+
3970
+ .workbench-window:has([data-agent-gui-workbench-header="true"])
3971
+ .workbench-window__body {
3972
+ grid-row: 1;
3973
+ overflow: hidden;
3974
+ }
3975
+
3976
+ .workbench-window:has(
3977
+ [data-agent-gui-workbench-header="true"][data-agent-gui-workbench-header-collapsed="false"]
3978
+ )
3979
+ .agent-gui-node__rail-toolbar {
3980
+ padding-top: var(--agent-gui-workbench-header-height);
3981
+ }
3982
+
3983
+ .workbench-window:has([data-agent-gui-workbench-header="true"])
3984
+ .agent-gui-node__detail-panel {
3985
+ position: relative;
3986
+ }
3987
+
3988
+ .workbench-window:has([data-agent-gui-workbench-header="true"])
3989
+ .agent-gui-node__detail-header {
3990
+ display: none;
3991
+ }
3992
+
3993
+ .workbench-window:has([data-agent-gui-workbench-header="true"])
3994
+ .agent-gui-node__detail {
3995
+ padding-top: var(--agent-gui-workbench-header-height);
3996
+ }
3997
+
3998
+ .workbench-window:has([data-agent-gui-workbench-header="true"])
3999
+ .agent-gui-node__timeline-with-composer {
4000
+ padding-top: 20px;
4001
+ }
4002
+
4003
+ .agent-gui-workbench-header {
4004
+ --agent-gui-workbench-header-rail-width: 280px;
4005
+ --agent-gui-workbench-header-padding-x: 16px;
4006
+ --agent-gui-workbench-header-agent-icon-radius: 5px;
4007
+ --agent-gui-workbench-header-agent-icon-size: 20px;
4008
+ --agent-gui-workbench-header-primary-gap: 12px;
4009
+ --agent-gui-workbench-header-traffic-light-hit-area-size: 20px;
4010
+ --agent-gui-workbench-header-traffic-light-gap: 8px;
4011
+ --agent-gui-workbench-header-traffic-light-size: 12px;
4012
+ --agent-gui-workbench-header-title-max-width: 280px;
4013
+ --agent-gui-workbench-header-text: var(--text-primary);
4014
+ --agent-gui-workbench-header-muted: var(--text-secondary);
4015
+
4016
+ display: grid;
4017
+ width: 100%;
4018
+ height: var(--agent-gui-workbench-header-height, 44px);
4019
+ min-height: var(--agent-gui-workbench-header-height, 44px);
4020
+ grid-template-columns:
4021
+ minmax(0, var(--agent-gui-workbench-header-rail-width))
4022
+ minmax(0, 1fr);
4023
+ align-items: center;
4024
+ background: transparent;
4025
+ color: var(--agent-gui-workbench-header-text);
4026
+ cursor: grab;
4027
+ pointer-events: auto;
4028
+ user-select: none;
4029
+ }
4030
+
4031
+ .agent-gui-workbench-header:active {
4032
+ cursor: grabbing;
4033
+ }
4034
+
4035
+ .agent-gui-workbench-header[data-agent-gui-workbench-header-collapsed="true"] {
4036
+ grid-template-columns: minmax(0, 1fr);
4037
+ }
4038
+
4039
+ .agent-gui-workbench-header__primary {
4040
+ display: flex;
4041
+ box-sizing: border-box;
4042
+ width: 100%;
4043
+ height: 100%;
4044
+ min-width: 0;
4045
+ align-items: center;
4046
+ gap: var(--agent-gui-workbench-header-primary-gap);
4047
+ padding: 0 var(--agent-gui-workbench-header-padding-x);
4048
+ background: var(--background-panel);
4049
+ pointer-events: auto;
4050
+ }
4051
+
4052
+ .agent-gui-workbench-header[data-agent-gui-workbench-header-collapsed="true"]
4053
+ .agent-gui-workbench-header__primary {
4054
+ width: min(100%, 720px);
4055
+ background: transparent;
4056
+ }
4057
+
4058
+ .agent-gui-workbench-header__traffic-lights {
4059
+ display: inline-flex;
4060
+ flex: 0 0 auto;
4061
+ align-items: center;
4062
+ gap: var(--agent-gui-workbench-header-traffic-light-gap);
4063
+ margin-right: 0;
4064
+ }
4065
+
4066
+ .agent-gui-workbench-header__traffic-light {
4067
+ position: relative;
4068
+ display: inline-flex;
4069
+ width: var(--agent-gui-workbench-header-traffic-light-hit-area-size);
4070
+ height: var(--agent-gui-workbench-header-traffic-light-hit-area-size);
4071
+ flex: 0 0 auto;
4072
+ margin: calc(
4073
+ (
4074
+ var(--agent-gui-workbench-header-traffic-light-size) -
4075
+ var(--agent-gui-workbench-header-traffic-light-hit-area-size)
4076
+ ) /
4077
+ 2
4078
+ );
4079
+ padding: 0;
4080
+ border: 0;
4081
+ border-radius: 999px;
4082
+ background: transparent;
4083
+ cursor: pointer;
4084
+ opacity: 0.78;
4085
+ transition: opacity 160ms ease;
4086
+ }
4087
+
4088
+ .agent-gui-workbench-header__traffic-light::before {
4089
+ position: absolute;
4090
+ inset: calc(
4091
+ (
4092
+ var(--agent-gui-workbench-header-traffic-light-hit-area-size) -
4093
+ var(--agent-gui-workbench-header-traffic-light-size)
4094
+ ) /
4095
+ 2
4096
+ );
4097
+ border-radius: inherit;
4098
+ background-color: color-mix(in srgb, var(--text-tertiary) 72%, transparent);
4099
+ content: "";
4100
+ transition: background-color 160ms ease;
4101
+ }
4102
+
4103
+ .agent-gui-workbench-header__traffic-light:hover,
4104
+ .agent-gui-workbench-header__traffic-light:focus-visible {
4105
+ opacity: 1;
4106
+ outline: none;
4107
+ }
4108
+
4109
+ .agent-gui-workbench-header__traffic-light[data-agent-gui-workbench-traffic-light="close"]:hover::before,
4110
+ .agent-gui-workbench-header__traffic-light[data-agent-gui-workbench-traffic-light="close"]:focus-visible::before {
4111
+ background-color: #ff5f57;
4112
+ }
4113
+
4114
+ .agent-gui-workbench-header__traffic-light[data-agent-gui-workbench-traffic-light="minimize"]:hover::before,
4115
+ .agent-gui-workbench-header__traffic-light[data-agent-gui-workbench-traffic-light="minimize"]:focus-visible::before {
4116
+ background-color: #ffbd2e;
4117
+ }
4118
+
4119
+ .agent-gui-workbench-header__traffic-light[data-agent-gui-workbench-traffic-light="maximize"]:hover::before,
4120
+ .agent-gui-workbench-header__traffic-light[data-agent-gui-workbench-traffic-light="maximize"]:focus-visible::before {
4121
+ background-color: #28c840;
4122
+ }
4123
+
4124
+ .agent-gui-workbench-header__agent-brand {
4125
+ display: inline-flex;
4126
+ min-width: 0;
4127
+ flex: 0 1 auto;
4128
+ align-items: center;
4129
+ gap: 8px;
4130
+ }
4131
+
4132
+ .agent-gui-workbench-header__agent-icon {
4133
+ width: var(--agent-gui-workbench-header-agent-icon-size);
4134
+ height: var(--agent-gui-workbench-header-agent-icon-size);
4135
+ flex: 0 0 auto;
4136
+ border-radius: var(--agent-gui-workbench-header-agent-icon-radius);
4137
+ object-fit: cover;
4138
+ }
4139
+
4140
+ .agent-gui-workbench-header__agent-name,
4141
+ .agent-gui-workbench-header__session-title,
4142
+ .agent-gui-workbench-header__detail-title {
4143
+ box-sizing: border-box;
4144
+ min-width: 0;
4145
+ color: var(--agent-gui-workbench-header-text);
4146
+ font-size: 15px;
4147
+ font-weight: 700;
4148
+ line-height: 20px;
4149
+ white-space: nowrap;
4150
+ }
4151
+
4152
+ .agent-gui-workbench-header__agent-name,
4153
+ .agent-gui-workbench-header__title-text {
4154
+ min-width: 0;
4155
+ max-width: 100%;
4156
+ overflow: hidden;
4157
+ text-overflow: ellipsis;
4158
+ white-space: nowrap;
4159
+ }
4160
+
4161
+ .agent-gui-workbench-header__agent-name {
4162
+ flex: 0 1 auto;
4163
+ max-width: 160px;
4164
+ }
4165
+
4166
+ .agent-gui-workbench-header__session-title {
4167
+ display: flex;
4168
+ flex: 1 1 auto;
4169
+ max-width: min(100%, var(--agent-gui-workbench-header-title-max-width));
4170
+ margin-left: 4px;
4171
+ }
4172
+
4173
+ .agent-gui-workbench-header__detail-title {
4174
+ display: flex;
4175
+ height: 100%;
4176
+ max-width: min(100%, var(--agent-gui-workbench-header-title-max-width));
4177
+ min-width: 0;
4178
+ align-items: center;
4179
+ padding: 0 20px;
4180
+ pointer-events: none;
4181
+ }
4182
+
4183
+ .agent-gui-workbench-header__icon-button {
4184
+ display: inline-flex !important;
4185
+ width: 28px !important;
4186
+ height: 28px !important;
4187
+ min-width: 28px !important;
4188
+ min-height: 28px !important;
4189
+ flex: 0 0 auto;
4190
+ align-items: center;
4191
+ justify-content: center;
4192
+ padding: 0 !important;
4193
+ border: 0 !important;
4194
+ border-radius: 6px !important;
4195
+ background: transparent !important;
4196
+ color: var(--agent-gui-workbench-header-muted) !important;
4197
+ cursor: pointer;
4198
+ }
4199
+
4200
+ .agent-gui-workbench-header__icon-button:hover,
4201
+ .agent-gui-workbench-header__icon-button:focus-visible {
4202
+ background: color-mix(
4203
+ in srgb,
4204
+ var(--text-primary) 8%,
4205
+ transparent
4206
+ ) !important;
4207
+ color: var(--agent-gui-workbench-header-text) !important;
4208
+ }
4209
+
4210
+ .agent-gui-workbench-header__rail-toggle {
4211
+ margin-left: auto;
4212
+ }
4213
+
4214
+ .agent-gui-workbench-header[data-agent-gui-workbench-header-collapsed="true"]
4215
+ .agent-gui-workbench-header__rail-toggle {
4216
+ margin-left: 0;
4217
+ }
4218
+
4219
+ .agent-gui-workbench-header__icon {
4220
+ width: 18px;
4221
+ height: 18px;
4222
+ flex: 0 0 auto;
4223
+ }
4224
+
3934
4225
  .agent-gui-node__rail-panel {
3935
4226
  position: relative;
3936
4227
  z-index: 2;
3937
4228
  min-width: 0;
3938
4229
  min-height: 0;
3939
4230
  height: 100%;
3940
- border-right: 1px solid var(--agent-gui-border-subtle, var(--line-2));
4231
+ border-right: 0;
3941
4232
  overflow: visible;
3942
4233
  isolation: isolate;
3943
4234
  }
3944
4235
 
3945
4236
  .agent-gui-node__rail-panel--collapsed {
3946
- border-right-color: transparent;
3947
4237
  pointer-events: none;
3948
4238
  }
3949
4239
 
@@ -3994,12 +4284,20 @@ aside.workspace-agents-status-panel
3994
4284
  }
3995
4285
 
3996
4286
  .agent-gui-node__detail-panel {
4287
+ display: flex;
4288
+ height: 100%;
3997
4289
  min-width: 0;
3998
4290
  min-height: 0;
3999
- height: 100%;
4000
- display: flex;
4001
4291
  flex-direction: column;
4002
4292
  overflow: hidden;
4293
+ border-radius: 16px;
4294
+ background: var(--agent-gui-background-1);
4295
+ }
4296
+
4297
+ .agent-gui-node__detail-panel > .agent-gui-node__detail {
4298
+ min-height: 0;
4299
+ border-radius: inherit;
4300
+ overflow: hidden;
4003
4301
  }
4004
4302
 
4005
4303
  .agent-gui-node__rail {
@@ -4067,7 +4365,7 @@ aside.workspace-agents-status-panel
4067
4365
  align-items: center;
4068
4366
  gap: 10px;
4069
4367
  min-width: 0;
4070
- padding: 16px;
4368
+ padding: 0 16px 16px;
4071
4369
  }
4072
4370
 
4073
4371
  .agent-gui-node__project-rail-header {
@@ -4310,6 +4608,12 @@ aside.workspace-agents-status-panel
4310
4608
  height: 18px;
4311
4609
  }
4312
4610
 
4611
+ .agent-gui-node__composer-reference-trigger {
4612
+ min-width: 36px;
4613
+ min-height: 36px;
4614
+ padding: 0;
4615
+ }
4616
+
4313
4617
  .agent-gui-node__composer-reference-trigger svg:first-child {
4314
4618
  width: 14px;
4315
4619
  height: 14px;
@@ -5160,10 +5464,11 @@ button.agent-gui-node__conversation-section-toggle:hover
5160
5464
  display: flex;
5161
5465
  flex: 1 1 auto;
5162
5466
  flex-direction: column;
5467
+ box-sizing: border-box;
5163
5468
  width: 100%;
5164
5469
  min-width: 0;
5165
5470
  min-height: 0;
5166
- background: transparent;
5471
+ background: inherit;
5167
5472
  }
5168
5473
 
5169
5474
  .agent-gui-node__timeline {
@@ -5173,8 +5478,11 @@ button.agent-gui-node__conversation-section-toggle:hover
5173
5478
  gap: 24px;
5174
5479
  min-height: 0;
5175
5480
  overflow: auto;
5176
- padding: 32px var(--agent-gui-detail-padding-x) 24px;
5177
- scroll-padding-bottom: 24px;
5481
+ padding: 32px var(--agent-gui-detail-padding-x)
5482
+ calc(24px + var(--agent-gui-bottom-dock-safe-area, 0px));
5483
+ scroll-padding-bottom: calc(
5484
+ 24px + var(--agent-gui-bottom-dock-safe-area, 0px)
5485
+ );
5178
5486
  background: transparent;
5179
5487
  }
5180
5488
 
@@ -5241,8 +5549,10 @@ button.agent-gui-node__conversation-section-toggle:hover
5241
5549
 
5242
5550
  .agent-gui-node__timeline-with-composer {
5243
5551
  padding-top: 24px;
5244
- padding-bottom: 32px;
5245
- scroll-padding-bottom: 32px;
5552
+ padding-bottom: calc(120px + var(--agent-gui-bottom-dock-safe-area, 0px));
5553
+ scroll-padding-bottom: calc(
5554
+ 120px + var(--agent-gui-bottom-dock-safe-area, 0px)
5555
+ );
5246
5556
  -webkit-mask-image: linear-gradient(
5247
5557
  180deg,
5248
5558
  transparent 0,
@@ -5725,7 +6035,7 @@ button.agent-gui-node__conversation-section-toggle:hover
5725
6035
  z-index: 4;
5726
6036
  margin-top: 0;
5727
6037
  padding: 0 12px 12px;
5728
- background: var(--agent-gui-surface);
6038
+ background: transparent;
5729
6039
  }
5730
6040
 
5731
6041
  .agent-gui-node__composer-hero {
@@ -5820,6 +6130,94 @@ button.agent-gui-node__conversation-section-toggle:hover
5820
6130
  transition: box-shadow 140ms ease;
5821
6131
  }
5822
6132
 
6133
+ .agent-gui-node__composer[data-layout="dock"]
6134
+ .agent-gui-node__composer-input-shell {
6135
+ gap: 6px;
6136
+ padding: 0;
6137
+ border: 0;
6138
+ background: transparent;
6139
+ box-shadow: none;
6140
+ }
6141
+
6142
+ .agent-gui-node__composer[data-layout="dock"]
6143
+ .agent-gui-node__composer-prompt-input-area {
6144
+ display: grid;
6145
+ grid-template-rows: minmax(0, 1fr);
6146
+ box-sizing: border-box;
6147
+ height: var(--agent-gui-composer-input-height, 56px);
6148
+ min-height: 56px;
6149
+ max-height: var(--agent-gui-composer-input-max-height, 120px);
6150
+ align-items: center;
6151
+ overflow: hidden;
6152
+ padding: 0 12px;
6153
+ border: 1px solid var(--agent-gui-border-subtle);
6154
+ border-radius: 10px;
6155
+ background: var(--agent-gui-surface-raised);
6156
+ box-shadow: 0 8px 24px rgb(0 0 0 / 4%);
6157
+ transition:
6158
+ height 160ms ease,
6159
+ border-color 140ms ease,
6160
+ box-shadow 140ms ease;
6161
+ }
6162
+
6163
+ .agent-gui-node__composer[data-layout="dock"]
6164
+ .agent-gui-node__composer-prompt-input-area:focus-within,
6165
+ .agent-gui-node__composer[data-layout="dock"]
6166
+ .agent-gui-node__composer-prompt-input-area:hover {
6167
+ border-color: var(--agent-gui-border-subtle);
6168
+ box-shadow: 0 8px 24px rgb(0 0 0 / 6%);
6169
+ }
6170
+
6171
+ .agent-gui-node__composer[data-layout="dock"]
6172
+ .agent-gui-node__composer-prompt-input-area[data-has-draft-images="true"] {
6173
+ grid-template-rows:
6174
+ minmax(0, var(--agent-gui-composer-attachment-height, 0px))
6175
+ minmax(40px, 1fr);
6176
+ align-items: stretch;
6177
+ }
6178
+
6179
+ .agent-gui-node__composer[data-layout="dock"]
6180
+ .agent-gui-node__composer-prompt-input-area[data-has-draft-images="true"]
6181
+ [data-testid="agent-gui-composer-image-drafts"] {
6182
+ min-height: 0;
6183
+ margin-bottom: 0;
6184
+ overflow: hidden;
6185
+ }
6186
+
6187
+ .agent-gui-node__composer[data-layout="dock"]
6188
+ .agent-gui-node__composer-prompt-input-area[data-has-draft-images="true"]
6189
+ [data-testid="agent-gui-composer-image-draft"] {
6190
+ max-height: 56px;
6191
+ }
6192
+
6193
+ .agent-gui-node__composer[data-layout="dock"]
6194
+ .agent-gui-node__composer-prompt-input-line {
6195
+ display: grid;
6196
+ grid-template-columns: minmax(0, 1fr) auto;
6197
+ align-items: center;
6198
+ box-sizing: border-box;
6199
+ gap: 8px;
6200
+ height: calc(var(--agent-gui-composer-text-height, 56px) - 2px);
6201
+ min-height: 54px;
6202
+ max-height: 118px;
6203
+ min-width: 0;
6204
+ padding: 12px 0;
6205
+ }
6206
+
6207
+ .agent-gui-node__composer[data-layout="dock"]
6208
+ .agent-gui-node__composer-prompt-input-area[data-has-draft-images="true"]
6209
+ .agent-gui-node__composer-prompt-input-line {
6210
+ min-height: 40px;
6211
+ height: calc(var(--agent-gui-composer-text-height, 56px) - 2px);
6212
+ max-height: 118px;
6213
+ padding: 4px 0 11px;
6214
+ }
6215
+
6216
+ .agent-gui-node__composer[data-layout="dock"]
6217
+ .agent-gui-node__composer-send-button {
6218
+ align-self: end;
6219
+ }
6220
+
5823
6221
  .agent-gui-node__composer-input-shell > * {
5824
6222
  position: relative;
5825
6223
  z-index: 1;
@@ -5978,6 +6376,17 @@ html[data-theme="light"]
5978
6376
  box-shadow: none;
5979
6377
  }
5980
6378
 
6379
+ .workspace-agent-decision-toast__outcome-card {
6380
+ border: 1px solid var(--line-1);
6381
+ border-radius: 8px;
6382
+ background: var(--background-fronted);
6383
+ padding: 10px;
6384
+ }
6385
+
6386
+ .workspace-agent-decision-toast__outcome-card:hover {
6387
+ border-color: var(--line-2);
6388
+ }
6389
+
5981
6390
  .workspace-agent-decision-toast[data-sonner-toast][data-expanded="false"][data-front="false"] {
5982
6391
  --decision-toast-collapsed-offset: 0px;
5983
6392
  --decision-toast-collapsed-scale: 0.94;
@@ -6453,6 +6862,61 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
6453
6862
  -ms-overflow-style: auto;
6454
6863
  }
6455
6864
 
6865
+ .agent-gui-node__composer[data-layout="dock"] textarea,
6866
+ .agent-gui-node__composer[data-layout="dock"]
6867
+ .agent-gui-node__composer-textarea {
6868
+ display: block;
6869
+ height: auto;
6870
+ min-height: 24px;
6871
+ max-height: calc(var(--agent-gui-composer-text-height, 56px) - 26px);
6872
+ overflow-x: hidden;
6873
+ overflow-y: auto;
6874
+ overflow-wrap: anywhere;
6875
+ scrollbar-gutter: stable;
6876
+ scrollbar-width: none;
6877
+ white-space: pre-wrap;
6878
+ }
6879
+
6880
+ .agent-gui-node__composer[data-layout="dock"]
6881
+ .agent-gui-node__composer-prompt-input-area[data-has-draft-images="true"]
6882
+ textarea,
6883
+ .agent-gui-node__composer[data-layout="dock"]
6884
+ .agent-gui-node__composer-prompt-input-area[data-has-draft-images="true"]
6885
+ .agent-gui-node__composer-textarea {
6886
+ max-height: calc(var(--agent-gui-composer-text-height, 56px) - 26px);
6887
+ }
6888
+
6889
+ .agent-gui-node__composer[data-layout="dock"]
6890
+ .agent-gui-node__composer-prompt-input-area:hover
6891
+ .agent-gui-node__composer-textarea,
6892
+ .agent-gui-node__composer[data-layout="dock"]
6893
+ .agent-gui-node__composer-prompt-input-area:focus-within
6894
+ .agent-gui-node__composer-textarea {
6895
+ scrollbar-width: thin;
6896
+ }
6897
+
6898
+ .agent-gui-node__composer[data-layout="dock"] textarea::-webkit-scrollbar,
6899
+ .agent-gui-node__composer[data-layout="dock"]
6900
+ .agent-gui-node__composer-textarea::-webkit-scrollbar {
6901
+ display: none;
6902
+ width: 4px;
6903
+ }
6904
+
6905
+ .agent-gui-node__composer[data-layout="dock"]
6906
+ .agent-gui-node__composer-prompt-input-area:hover
6907
+ textarea::-webkit-scrollbar,
6908
+ .agent-gui-node__composer[data-layout="dock"]
6909
+ .agent-gui-node__composer-prompt-input-area:hover
6910
+ .agent-gui-node__composer-textarea::-webkit-scrollbar,
6911
+ .agent-gui-node__composer[data-layout="dock"]
6912
+ .agent-gui-node__composer-prompt-input-area:focus-within
6913
+ textarea::-webkit-scrollbar,
6914
+ .agent-gui-node__composer[data-layout="dock"]
6915
+ .agent-gui-node__composer-prompt-input-area:focus-within
6916
+ .agent-gui-node__composer-textarea::-webkit-scrollbar {
6917
+ display: block;
6918
+ }
6919
+
6456
6920
  .agent-gui-node__composer textarea::-webkit-scrollbar,
6457
6921
  .agent-gui-node__composer-textarea::-webkit-scrollbar {
6458
6922
  display: block;
@@ -6498,6 +6962,28 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
6498
6962
  min-height: 1.4em;
6499
6963
  }
6500
6964
 
6965
+ .agent-gui-node__composer[data-layout="dock"]
6966
+ .agent-gui-node__composer-textarea
6967
+ p {
6968
+ display: block;
6969
+ width: auto;
6970
+ min-width: 0;
6971
+ min-height: 24px;
6972
+ overflow: visible;
6973
+ overflow-wrap: anywhere;
6974
+ text-overflow: clip;
6975
+ white-space: pre-wrap;
6976
+ }
6977
+
6978
+ .agent-gui-node__composer[data-layout="dock"]
6979
+ .agent-gui-node__composer-textarea
6980
+ .agent-rich-text-placeholder-node:first-child {
6981
+ position: relative;
6982
+ display: block;
6983
+ width: 100%;
6984
+ min-height: 24px;
6985
+ }
6986
+
6501
6987
  .agent-gui-node__composer-textarea
6502
6988
  p:empty:not(.agent-rich-text-placeholder-node) {
6503
6989
  min-height: 0;
@@ -6515,6 +7001,19 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
6515
7001
  pointer-events: none;
6516
7002
  }
6517
7003
 
7004
+ .agent-gui-node__composer[data-layout="dock"]
7005
+ .agent-gui-node__composer-textarea
7006
+ .agent-rich-text-placeholder-node:first-child::before {
7007
+ position: absolute;
7008
+ top: 0;
7009
+ left: 0;
7010
+ display: block;
7011
+ float: none;
7012
+ height: 24px;
7013
+ line-height: 24px;
7014
+ white-space: nowrap;
7015
+ }
7016
+
6518
7017
  .agent-gui-node__composer textarea::placeholder,
6519
7018
  .agent-gui-node__composer-textarea::placeholder {
6520
7019
  color: var(--agent-gui-text-tertiary);
@@ -6526,6 +7025,13 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
6526
7025
  box-shadow: 0 8px 24px rgb(0 0 0 / 6%);
6527
7026
  }
6528
7027
 
7028
+ .agent-gui-node__composer[data-layout="dock"]
7029
+ .agent-gui-node__composer-input-shell:focus-within,
7030
+ .agent-gui-node__composer[data-layout="dock"]
7031
+ .agent-gui-node__composer-input-shell:hover {
7032
+ box-shadow: none;
7033
+ }
7034
+
6529
7035
  .agent-gui-node__composer-input-shell:focus-within {
6530
7036
  border-color: var(--agent-gui-border-subtle);
6531
7037
  }
@@ -6700,6 +7206,10 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
6700
7206
  padding-top: 0;
6701
7207
  }
6702
7208
 
7209
+ .agent-gui-node__composer[data-layout="dock"] .agent-gui-node__composer-footer {
7210
+ padding: 0 2px;
7211
+ }
7212
+
6703
7213
  .agent-gui-node__composer-footer-left,
6704
7214
  .agent-gui-node__composer-footer-right {
6705
7215
  display: inline-flex;
@@ -6981,8 +7491,8 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
6981
7491
 
6982
7492
  .agent-gui-node__empty-hero-icon-effect {
6983
7493
  display: block;
6984
- width: 64px;
6985
- height: 64px;
7494
+ width: 48px;
7495
+ height: 48px;
6986
7496
  object-fit: contain;
6987
7497
  border-radius: 14px;
6988
7498
  animation: agent-gui-empty-hero-enter 260ms cubic-bezier(0.16, 1, 0.3, 1) 40ms
@@ -6995,7 +7505,7 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
6995
7505
  color: var(--text-primary);
6996
7506
  font-size: 28px;
6997
7507
  line-height: 1.3;
6998
- font-weight: 600;
7508
+ font-weight: 500;
6999
7509
  animation: agent-gui-empty-hero-enter 280ms cubic-bezier(0.16, 1, 0.3, 1)
7000
7510
  110ms both;
7001
7511
  }
@@ -7,10 +7,10 @@ import {
7
7
  AgentGUIConversation_styles_default,
8
8
  MessageSquareMoreIcon,
9
9
  extractAgentMcpToolTarget
10
- } from "./chunk-WC34LVH6.js";
10
+ } from "./chunk-OLZP2EFK.js";
11
11
  import {
12
12
  Spinner
13
- } from "./chunk-Y2DQJPTL.js";
13
+ } from "./chunk-42WP3P5C.js";
14
14
  import {
15
15
  getOptionalAgentHostApi,
16
16
  useOptionalAgentHostApi
@@ -20,7 +20,7 @@ import {
20
20
  } from "./chunk-GCBDIQDX.js";
21
21
  import {
22
22
  translate
23
- } from "./chunk-WJPEKD3F.js";
23
+ } from "./chunk-LKOPLDPM.js";
24
24
 
25
25
  // shared/agentConversation/approvalOptionPresentation.ts
26
26
  function approvalOptionDisplayLabel(option, intent = {}) {
@@ -1213,4 +1213,4 @@ export {
1213
1213
  isPromptRequestIdTitle,
1214
1214
  AgentInteractivePromptSurface
1215
1215
  };
1216
- //# sourceMappingURL=chunk-UUM2GZXH.js.map
1216
+ //# sourceMappingURL=chunk-3PVSIL3H.js.map