@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.
- package/dist/{AgentMessageMarkdown-GDgLA-im.d.ts → AgentMessageMarkdown-Cts0dAIm.d.ts} +1 -0
- package/dist/agent-conversation/index.d.ts +1 -1
- package/dist/agent-conversation/index.js +4 -4
- package/dist/agent-message-center/index.js +6 -6
- package/dist/agent-message-center/index.js.map +1 -1
- package/dist/app/renderer/agentactivity.css +524 -14
- package/dist/{chunk-UUM2GZXH.js → chunk-3PVSIL3H.js} +4 -4
- package/dist/{chunk-RE3AHBX6.js → chunk-3WZWZHAJ.js} +2 -2
- package/dist/{chunk-Y2DQJPTL.js → chunk-42WP3P5C.js} +2 -2
- package/dist/{chunk-Y5SE2XMU.js → chunk-5LVFYNIP.js} +5 -2
- package/dist/{chunk-Y5SE2XMU.js.map → chunk-5LVFYNIP.js.map} +1 -1
- package/dist/{chunk-EQ4RSPQE.js → chunk-5U4SXENC.js} +4 -4
- package/dist/{chunk-R7XH3C4Y.js → chunk-5UD2YEBX.js} +153 -36
- package/dist/chunk-5UD2YEBX.js.map +1 -0
- package/dist/{chunk-WJPEKD3F.js → chunk-LKOPLDPM.js} +5 -1
- package/dist/chunk-LKOPLDPM.js.map +1 -0
- package/dist/{chunk-WC34LVH6.js → chunk-OLZP2EFK.js} +230 -45
- package/dist/chunk-OLZP2EFK.js.map +1 -0
- package/dist/{chunk-DO7D7OOL.js → chunk-XTFRVACA.js} +23 -15
- package/dist/chunk-XTFRVACA.js.map +1 -0
- package/dist/context-mention-palette/index.js +5 -5
- package/dist/i18n/index.d.ts +4 -0
- package/dist/i18n/index.js +1 -1
- package/dist/index.d.ts +12 -2
- package/dist/index.js +1640 -1282
- package/dist/index.js.map +1 -1
- package/dist/workbench/contribution.d.ts +4 -0
- package/dist/workbench/contribution.js +1 -1
- package/dist/workbench/index.d.ts +10 -3
- package/dist/workbench/index.js +1 -1
- package/dist/workspace-agent-generated-files.js +2 -2
- package/package.json +12 -12
- package/dist/chunk-DO7D7OOL.js.map +0 -1
- package/dist/chunk-R7XH3C4Y.js.map +0 -1
- package/dist/chunk-WC34LVH6.js.map +0 -1
- package/dist/chunk-WJPEKD3F.js.map +0 -1
- /package/dist/{chunk-UUM2GZXH.js.map → chunk-3PVSIL3H.js.map} +0 -0
- /package/dist/{chunk-RE3AHBX6.js.map → chunk-3WZWZHAJ.js.map} +0 -0
- /package/dist/{chunk-Y2DQJPTL.js.map → chunk-42WP3P5C.js.map} +0 -0
- /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:
|
|
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:
|
|
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)
|
|
5177
|
-
|
|
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:
|
|
5245
|
-
scroll-padding-bottom:
|
|
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:
|
|
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:
|
|
6985
|
-
height:
|
|
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:
|
|
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-
|
|
10
|
+
} from "./chunk-OLZP2EFK.js";
|
|
11
11
|
import {
|
|
12
12
|
Spinner
|
|
13
|
-
} from "./chunk-
|
|
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-
|
|
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-
|
|
1216
|
+
//# sourceMappingURL=chunk-3PVSIL3H.js.map
|