@4djs/assistant 0.1.0 → 0.1.2
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/README.md +138 -3
- package/dist/core/chat-activity.d.ts +2 -1
- package/dist/core/chat-activity.d.ts.map +1 -1
- package/dist/core/chat-commands.d.ts +6 -4
- package/dist/core/chat-commands.d.ts.map +1 -1
- package/dist/core/chat-history.d.ts.map +1 -1
- package/dist/core/chat-reply-suggestions-parse.d.ts.map +1 -1
- package/dist/core/create-assistant-store.d.ts +1 -0
- package/dist/core/create-assistant-store.d.ts.map +1 -1
- package/dist/core/fetch-suggested-prompts.d.ts.map +1 -1
- package/dist/core/index.d.ts +10 -2
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +2148 -838
- package/dist/core/interactive-tools/choices.d.ts.map +1 -1
- package/dist/core/interactive-tools/confirmation.d.ts.map +1 -1
- package/dist/core/interactive-tools/execute.d.ts.map +1 -1
- package/dist/core/interactive-tools/gate.d.ts +14 -0
- package/dist/core/interactive-tools/gate.d.ts.map +1 -0
- package/dist/core/interactive-tools/index.d.ts +1 -0
- package/dist/core/interactive-tools/index.d.ts.map +1 -1
- package/dist/core/interactive-tools/suggestions.d.ts.map +1 -1
- package/dist/core/interactive-tools/waiters.d.ts.map +1 -1
- package/dist/core/llm-chat.d.ts.map +1 -1
- package/dist/core/llm-config.d.ts.map +1 -1
- package/dist/core/llm-models.d.ts.map +1 -1
- package/dist/core/llm-provider.d.ts.map +1 -1
- package/dist/core/llm-settings-storage.d.ts.map +1 -1
- package/dist/core/llm-sse.d.ts.map +1 -1
- package/dist/core/llm-types.d.ts.map +1 -1
- package/dist/core/markdown-utils.d.ts +1 -2
- package/dist/core/markdown-utils.d.ts.map +1 -1
- package/dist/core/system-prompt.d.ts +3 -0
- package/dist/core/system-prompt.d.ts.map +1 -0
- package/dist/core/tool-names.d.ts +5 -0
- package/dist/core/tool-names.d.ts.map +1 -0
- package/dist/core/tool-registry.d.ts +28 -0
- package/dist/core/tool-registry.d.ts.map +1 -0
- package/dist/core/types.d.ts +5 -2
- package/dist/core/types.d.ts.map +1 -1
- package/dist/index.js +875 -4161
- package/dist/labels.d.ts +136 -0
- package/dist/labels.d.ts.map +1 -0
- package/dist/react/Assistant.d.ts.map +1 -1
- package/dist/react/components/HighlightedJsonCode.d.ts.map +1 -1
- package/dist/react/components/MarkdownContent.d.ts.map +1 -1
- package/dist/react/components/MarkdownEditor.d.ts.map +1 -1
- package/dist/react/components/MermaidDiagram.d.ts.map +1 -1
- package/dist/react/components/ModelSelector.d.ts.map +1 -1
- package/dist/react/components/chat/AssistantErrorCallout.d.ts +3 -1
- package/dist/react/components/chat/AssistantErrorCallout.d.ts.map +1 -1
- package/dist/react/components/chat/ChatActivity.d.ts.map +1 -1
- package/dist/react/components/chat/ChatComposer.d.ts +3 -1
- package/dist/react/components/chat/ChatComposer.d.ts.map +1 -1
- package/dist/react/components/chat/ChatEmptyState.d.ts.map +1 -1
- package/dist/react/components/chat/ChatInteractivePrompt/choices-prompt.d.ts.map +1 -1
- package/dist/react/components/chat/ChatInteractivePrompt/confirmation-prompt.d.ts.map +1 -1
- package/dist/react/components/chat/ChatInteractivePrompt/index.d.ts.map +1 -1
- package/dist/react/components/chat/ChatInteractivePrompt/shell.d.ts.map +1 -1
- package/dist/react/components/chat/ChatMessage.d.ts.map +1 -1
- package/dist/react/components/chat/ChatMessageScroll.d.ts.map +1 -1
- package/dist/react/components/chat/ChatReplySuggestions.d.ts.map +1 -1
- package/dist/react/components/chat/ComposerCommandMenu.d.ts.map +1 -1
- package/dist/react/components/chat/LlmSettingsStrip.d.ts.map +1 -1
- package/dist/react/components/chat/LlmSetupPrompt.d.ts.map +1 -1
- package/dist/react/components/chat/LlmUnavailableBanner.d.ts.map +1 -1
- package/dist/react/components/chat/SuggestedPromptsList.d.ts.map +1 -1
- package/dist/react/components/chat/SuggestedPromptsStrip.d.ts.map +1 -1
- package/dist/react/components/chat/SystemPromptField.d.ts.map +1 -1
- package/dist/react/components/highlighted-code.d.ts.map +1 -1
- package/dist/react/context.d.ts +4 -2
- package/dist/react/context.d.ts.map +1 -1
- package/dist/react/hooks/use-composer-commands.d.ts +4 -2
- package/dist/react/hooks/use-composer-commands.d.ts.map +1 -1
- package/dist/react/hooks/use-suggested-prompts.d.ts +2 -1
- package/dist/react/hooks/use-suggested-prompts.d.ts.map +1 -1
- package/dist/react/index.d.ts +4 -2
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/lib/parse-assistant-error.d.ts +2 -1
- package/dist/react/lib/parse-assistant-error.d.ts.map +1 -1
- package/dist/react/lib/prompt-icons.d.ts.map +1 -1
- package/dist/react/types.d.ts +7 -2
- package/dist/react/types.d.ts.map +1 -1
- package/dist/react/utils/cn.d.ts.map +1 -1
- package/dist/styles.css +1886 -1806
- package/dist/tools/datastore.d.ts +28 -0
- package/dist/tools/datastore.d.ts.map +1 -0
- package/dist/tools/index.d.ts +4 -0
- package/dist/tools/index.d.ts.map +1 -0
- package/dist/tools/index.js +249 -0
- package/package.json +55 -50
package/dist/styles.css
CHANGED
|
@@ -1,475 +1,542 @@
|
|
|
1
1
|
.btn {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
gap: 0.5rem;
|
|
6
|
+
padding: 0.625rem 1.125rem;
|
|
7
|
+
border-radius: var(--radius-base);
|
|
8
|
+
font-size: 0.875rem;
|
|
9
|
+
font-weight: 500;
|
|
10
|
+
font-family: inherit;
|
|
11
|
+
border: 1px solid transparent;
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
transition:
|
|
14
|
+
background 180ms ease,
|
|
15
|
+
border-color 180ms ease,
|
|
16
|
+
color 180ms ease,
|
|
17
|
+
transform 120ms ease,
|
|
18
|
+
box-shadow 180ms ease;
|
|
19
19
|
}
|
|
20
20
|
.btn:active:not(:disabled) {
|
|
21
|
-
|
|
21
|
+
transform: scale(0.98);
|
|
22
22
|
}
|
|
23
23
|
.btn:disabled {
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
opacity: 0.45;
|
|
25
|
+
cursor: not-allowed;
|
|
26
26
|
}
|
|
27
27
|
.btn-primary {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
background: var(--brand);
|
|
29
|
+
color: var(--brand-on-surface);
|
|
30
|
+
box-shadow: var(--btn-primary-shadow);
|
|
31
31
|
}
|
|
32
32
|
.btn-primary:hover:not(:disabled) {
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
background: var(--brand-medium);
|
|
34
|
+
box-shadow: var(--btn-primary-shadow-hover);
|
|
35
35
|
}
|
|
36
36
|
.btn-secondary {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
background: var(--overlay-subtle);
|
|
38
|
+
color: var(--text-heading);
|
|
39
|
+
border-color: var(--border-default-medium);
|
|
40
40
|
}
|
|
41
41
|
.btn-secondary:hover:not(:disabled) {
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
background: var(--overlay-hover);
|
|
43
|
+
border-color: var(--border-default-medium);
|
|
44
44
|
}
|
|
45
45
|
.btn-ghost {
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
background: transparent;
|
|
47
|
+
color: var(--text-body);
|
|
48
48
|
}
|
|
49
49
|
.btn-ghost:hover:not(:disabled) {
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
background: var(--overlay-hover);
|
|
51
|
+
color: var(--text-heading);
|
|
52
52
|
}
|
|
53
53
|
.btn-danger {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
54
|
+
background: var(--danger-soft);
|
|
55
|
+
color: var(--text-danger);
|
|
56
|
+
border-color: var(--border-danger-subtle);
|
|
57
57
|
}
|
|
58
58
|
.btn-danger:hover:not(:disabled) {
|
|
59
|
-
|
|
60
|
-
|
|
59
|
+
background: var(--danger);
|
|
60
|
+
color: var(--danger-on-hover);
|
|
61
61
|
}
|
|
62
62
|
.btn-compact {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
63
|
+
padding: 0.3125rem 0.625rem;
|
|
64
|
+
font-size: 0.6875rem;
|
|
65
|
+
font-weight: 600;
|
|
66
|
+
border-radius: calc(var(--radius-base) - 2px);
|
|
67
|
+
min-height: 1.625rem;
|
|
68
68
|
}
|
|
69
69
|
.btn-danger--solid {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
70
|
+
background: var(--danger);
|
|
71
|
+
color: var(--danger-on-hover);
|
|
72
|
+
border-color: transparent;
|
|
73
|
+
box-shadow: 0 1px 0 rgb(255 255 255 / 0.08) inset;
|
|
74
74
|
}
|
|
75
75
|
.btn-danger--solid:hover:not(:disabled) {
|
|
76
|
-
|
|
76
|
+
background: var(--danger-strong);
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.model-selector {
|
|
80
|
-
|
|
80
|
+
min-width: 0;
|
|
81
81
|
}
|
|
82
82
|
.model-selector__field {
|
|
83
|
-
|
|
84
|
-
|
|
83
|
+
position: relative;
|
|
84
|
+
width: min(220px, 42vw);
|
|
85
85
|
}
|
|
86
86
|
.model-selector__input {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
87
|
+
width: 100%;
|
|
88
|
+
padding-top: 0.375rem;
|
|
89
|
+
padding-bottom: 0.375rem;
|
|
90
|
+
font-size: 0.75rem;
|
|
91
91
|
}
|
|
92
92
|
.model-selector__list {
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
93
|
+
position: absolute;
|
|
94
|
+
top: calc(100% + 0.375rem);
|
|
95
|
+
left: 0;
|
|
96
|
+
right: 0;
|
|
97
|
+
z-index: 30;
|
|
98
|
+
display: flex;
|
|
99
|
+
flex-direction: column;
|
|
100
|
+
gap: 0.125rem;
|
|
101
|
+
max-height: 12rem;
|
|
102
|
+
overflow-y: auto;
|
|
103
|
+
padding: 0.25rem;
|
|
104
|
+
border: 1px solid var(--border-default-medium);
|
|
105
|
+
border-radius: var(--radius-base);
|
|
106
|
+
background: var(--surface-chat-card);
|
|
107
|
+
box-shadow: var(--shadow-sm);
|
|
108
108
|
}
|
|
109
109
|
.model-selector__option {
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
110
|
+
display: flex;
|
|
111
|
+
align-items: center;
|
|
112
|
+
justify-content: space-between;
|
|
113
|
+
gap: 0.5rem;
|
|
114
|
+
width: 100%;
|
|
115
|
+
padding: 0.5rem 0.625rem;
|
|
116
|
+
border: none;
|
|
117
|
+
border-radius: calc(var(--radius-base) - 2px);
|
|
118
|
+
background: transparent;
|
|
119
|
+
font: inherit;
|
|
120
|
+
text-align: left;
|
|
121
|
+
color: var(--text-heading);
|
|
122
|
+
cursor: pointer;
|
|
123
123
|
}
|
|
124
124
|
.model-selector__option--active,
|
|
125
125
|
.model-selector__option:hover {
|
|
126
|
-
|
|
126
|
+
background: var(--overlay-hover);
|
|
127
127
|
}
|
|
128
128
|
.model-selector__option-label {
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
129
|
+
min-width: 0;
|
|
130
|
+
overflow: hidden;
|
|
131
|
+
text-overflow: ellipsis;
|
|
132
|
+
white-space: nowrap;
|
|
133
|
+
font-size: 0.75rem;
|
|
134
|
+
font-family: "JetBrains Mono", ui-monospace, monospace;
|
|
135
135
|
}
|
|
136
136
|
.model-selector__option-hint {
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
137
|
+
flex-shrink: 0;
|
|
138
|
+
font-size: 0.625rem;
|
|
139
|
+
font-weight: 600;
|
|
140
|
+
letter-spacing: 0.04em;
|
|
141
|
+
text-transform: uppercase;
|
|
142
|
+
color: var(--text-brand);
|
|
143
143
|
}
|
|
144
144
|
.markdown-body {
|
|
145
|
-
|
|
146
|
-
|
|
145
|
+
line-height: 1.65;
|
|
146
|
+
word-break: break-word;
|
|
147
147
|
}
|
|
148
148
|
.markdown-body > :first-child {
|
|
149
|
-
|
|
149
|
+
margin-top: 0;
|
|
150
150
|
}
|
|
151
151
|
.markdown-body > :last-child {
|
|
152
|
-
|
|
152
|
+
margin-bottom: 0;
|
|
153
153
|
}
|
|
154
154
|
.markdown-body p,
|
|
155
155
|
.markdown-body ul,
|
|
156
156
|
.markdown-body ol,
|
|
157
157
|
.markdown-body pre,
|
|
158
158
|
.markdown-body blockquote {
|
|
159
|
-
|
|
159
|
+
margin: 0.625rem 0;
|
|
160
160
|
}
|
|
161
161
|
.markdown-body h1,
|
|
162
162
|
.markdown-body h2,
|
|
163
163
|
.markdown-body h3,
|
|
164
164
|
.markdown-body h4 {
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
165
|
+
margin: 0.875rem 0 0.5rem;
|
|
166
|
+
font-weight: 600;
|
|
167
|
+
color: var(--text-heading);
|
|
168
168
|
}
|
|
169
169
|
.markdown-body h1 {
|
|
170
|
-
|
|
170
|
+
font-size: 1.25rem;
|
|
171
171
|
}
|
|
172
172
|
.markdown-body h2 {
|
|
173
|
-
|
|
173
|
+
font-size: 1.125rem;
|
|
174
174
|
}
|
|
175
175
|
.markdown-body h3 {
|
|
176
|
-
|
|
176
|
+
font-size: 1rem;
|
|
177
177
|
}
|
|
178
178
|
.markdown-body ul,
|
|
179
179
|
.markdown-body ol {
|
|
180
|
-
|
|
180
|
+
padding-left: 1.25rem;
|
|
181
181
|
}
|
|
182
182
|
.markdown-body li + li {
|
|
183
|
-
|
|
183
|
+
margin-top: 0.25rem;
|
|
184
184
|
}
|
|
185
185
|
.markdown-body .markdown-pre code.hljs {
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
186
|
+
padding: 0;
|
|
187
|
+
border: none;
|
|
188
|
+
background: transparent;
|
|
189
|
+
font-size: 0.8125rem;
|
|
190
190
|
}
|
|
191
191
|
.markdown-body blockquote {
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
192
|
+
padding-left: 0.875rem;
|
|
193
|
+
border-left: 3px solid var(--border-brand-subtle);
|
|
194
|
+
color: var(--text-body-subtle);
|
|
195
195
|
}
|
|
196
196
|
.markdown-body a {
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
197
|
+
color: var(--text-brand);
|
|
198
|
+
text-decoration: underline;
|
|
199
|
+
text-underline-offset: 2px;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
.markdown-table-wrap {
|
|
203
|
+
margin: 0.625rem 0;
|
|
204
|
+
max-width: 100%;
|
|
205
|
+
overflow-x: auto;
|
|
206
|
+
-webkit-overflow-scrolling: touch;
|
|
207
|
+
border-radius: calc(var(--radius-base) - 2px);
|
|
208
|
+
border: 1px solid var(--border-default);
|
|
209
|
+
background: var(--surface-inset);
|
|
210
|
+
box-shadow: var(--shadow-xs);
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.markdown-body .markdown-table-wrap table {
|
|
214
|
+
width: max-content;
|
|
215
|
+
min-width: 100%;
|
|
216
|
+
border-collapse: collapse;
|
|
217
|
+
font-size: 0.8125rem;
|
|
218
|
+
line-height: 1.45;
|
|
219
|
+
word-break: normal;
|
|
220
|
+
overflow-wrap: normal;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.markdown-body .markdown-table-wrap th,
|
|
224
|
+
.markdown-body .markdown-table-wrap td {
|
|
225
|
+
padding: 0.5rem 0.875rem;
|
|
226
|
+
text-align: left;
|
|
227
|
+
vertical-align: top;
|
|
228
|
+
border-right: 1px solid var(--border-default);
|
|
229
|
+
border-bottom: 1px solid var(--border-default);
|
|
230
|
+
white-space: nowrap;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
.markdown-body .markdown-table-wrap th:last-child,
|
|
234
|
+
.markdown-body .markdown-table-wrap td:last-child {
|
|
235
|
+
border-right: none;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
.markdown-body .markdown-table-wrap td:last-child {
|
|
239
|
+
white-space: normal;
|
|
240
|
+
min-width: 10rem;
|
|
241
|
+
max-width: 22rem;
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
.markdown-body .markdown-table-wrap tr:last-child td {
|
|
245
|
+
border-bottom: none;
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
.markdown-body .markdown-table-wrap th {
|
|
249
|
+
position: sticky;
|
|
250
|
+
top: 0;
|
|
251
|
+
z-index: 1;
|
|
252
|
+
font-weight: 600;
|
|
253
|
+
font-size: 0.6875rem;
|
|
254
|
+
letter-spacing: 0.04em;
|
|
255
|
+
text-transform: uppercase;
|
|
256
|
+
color: var(--text-heading);
|
|
257
|
+
background: color-mix(in oklab, var(--surface-panel) 90%, var(--brand) 6%);
|
|
258
|
+
border-bottom: 1px solid var(--border-default-medium);
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
.markdown-body .markdown-table-wrap tbody tr:nth-child(even) td {
|
|
262
|
+
background: color-mix(in oklab, var(--surface-panel) 96%, var(--brand) 2%);
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.markdown-body .markdown-table-wrap tbody tr:hover td {
|
|
266
|
+
background: var(--overlay-subtle);
|
|
200
267
|
}
|
|
201
268
|
|
|
202
269
|
.markdown-body pre:has(.markdown-mermaid) {
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
270
|
+
margin: 0.5rem 0;
|
|
271
|
+
padding: 0;
|
|
272
|
+
border: none;
|
|
273
|
+
background: transparent;
|
|
207
274
|
}
|
|
208
275
|
|
|
209
276
|
.markdown-body .markdown-pre:not(:has(.markdown-mermaid)) {
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
277
|
+
overflow-x: auto;
|
|
278
|
+
border-radius: calc(var(--radius-base) - 2px);
|
|
279
|
+
border: 1px solid var(--border-default);
|
|
280
|
+
background: var(--surface-inset);
|
|
281
|
+
padding: 0.625rem 0.75rem;
|
|
215
282
|
}
|
|
216
283
|
|
|
217
284
|
.markdown-body .markdown-inline-code {
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
285
|
+
font-family:
|
|
286
|
+
"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
|
287
|
+
monospace;
|
|
288
|
+
font-size: 0.8125em;
|
|
289
|
+
padding: 0.125rem 0.375rem;
|
|
290
|
+
border-radius: 0.25rem;
|
|
291
|
+
background: var(--surface-code);
|
|
292
|
+
border: 1px solid var(--surface-code-border);
|
|
226
293
|
}
|
|
227
294
|
|
|
228
295
|
.markdown-body .katex {
|
|
229
|
-
|
|
230
|
-
|
|
296
|
+
font-size: 1.02em;
|
|
297
|
+
color: var(--text-heading);
|
|
231
298
|
}
|
|
232
299
|
|
|
233
300
|
.markdown-body .katex-display {
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
301
|
+
margin: 0.625rem 0;
|
|
302
|
+
overflow-x: auto;
|
|
303
|
+
overflow-y: hidden;
|
|
237
304
|
}
|
|
238
305
|
|
|
239
306
|
.markdown-mermaid {
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
307
|
+
display: block;
|
|
308
|
+
overflow-x: auto;
|
|
309
|
+
margin: 0.375rem 0;
|
|
310
|
+
padding: 0.625rem;
|
|
311
|
+
border-radius: calc(var(--radius-base) - 2px);
|
|
312
|
+
border: 1px solid var(--border-default-medium);
|
|
313
|
+
background: var(--surface-inset);
|
|
247
314
|
}
|
|
248
315
|
|
|
249
316
|
.markdown-mermaid svg {
|
|
250
|
-
|
|
251
|
-
|
|
317
|
+
display: block;
|
|
318
|
+
height: auto;
|
|
252
319
|
}
|
|
253
320
|
|
|
254
321
|
/* ── Assistant chat (aligned with 4d-ai-agents editor) ── */
|
|
255
322
|
@keyframes assistant-icon-spin {
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
323
|
+
to {
|
|
324
|
+
transform: rotate(360deg);
|
|
325
|
+
}
|
|
259
326
|
}
|
|
260
327
|
|
|
261
328
|
@keyframes assistant-message-in {
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
329
|
+
from {
|
|
330
|
+
opacity: 0;
|
|
331
|
+
transform: translateY(6px);
|
|
332
|
+
}
|
|
333
|
+
to {
|
|
334
|
+
opacity: 1;
|
|
335
|
+
transform: translateY(0);
|
|
336
|
+
}
|
|
270
337
|
}
|
|
271
338
|
|
|
272
339
|
@keyframes assistant-typing-bounce {
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
340
|
+
0%,
|
|
341
|
+
60%,
|
|
342
|
+
100% {
|
|
343
|
+
opacity: 0.35;
|
|
344
|
+
transform: translateY(0);
|
|
345
|
+
}
|
|
346
|
+
30% {
|
|
347
|
+
opacity: 1;
|
|
348
|
+
transform: translateY(-2px);
|
|
349
|
+
}
|
|
283
350
|
}
|
|
284
351
|
|
|
285
352
|
@keyframes assistant-empty-state-in {
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
353
|
+
from {
|
|
354
|
+
opacity: 0;
|
|
355
|
+
transform: translateY(4px);
|
|
356
|
+
}
|
|
357
|
+
to {
|
|
358
|
+
opacity: 1;
|
|
359
|
+
transform: translateY(0);
|
|
360
|
+
}
|
|
294
361
|
}
|
|
295
362
|
|
|
296
363
|
@keyframes assistant-empty-state-glow {
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
364
|
+
0%,
|
|
365
|
+
100% {
|
|
366
|
+
box-shadow:
|
|
367
|
+
0 0 0 1px var(--border-brand-subtle),
|
|
368
|
+
0 0 20px color-mix(in oklab, var(--brand) 12%, transparent);
|
|
369
|
+
}
|
|
370
|
+
50% {
|
|
371
|
+
box-shadow:
|
|
372
|
+
0 0 0 1px var(--border-brand-subtle),
|
|
373
|
+
0 0 32px color-mix(in oklab, var(--brand) 22%, transparent);
|
|
374
|
+
}
|
|
308
375
|
}
|
|
309
376
|
|
|
310
377
|
@keyframes assistant-empty-state-spin {
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
378
|
+
to {
|
|
379
|
+
transform: rotate(360deg);
|
|
380
|
+
}
|
|
314
381
|
}
|
|
315
382
|
|
|
316
383
|
.assistant-message {
|
|
317
|
-
|
|
318
|
-
|
|
384
|
+
width: 100%;
|
|
385
|
+
animation: assistant-message-in 0.28s ease-out both;
|
|
319
386
|
}
|
|
320
387
|
|
|
321
388
|
.assistant-message-list {
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
389
|
+
display: flex;
|
|
390
|
+
flex-direction: column;
|
|
391
|
+
gap: 1rem;
|
|
392
|
+
padding: 0.875rem 1rem 0.75rem;
|
|
326
393
|
}
|
|
327
394
|
|
|
328
395
|
.assistant-message-list > .assistant-message:last-child {
|
|
329
|
-
|
|
396
|
+
margin-bottom: 0.125rem;
|
|
330
397
|
}
|
|
331
398
|
|
|
332
399
|
.assistant-message--user {
|
|
333
|
-
|
|
334
|
-
|
|
400
|
+
display: flex;
|
|
401
|
+
justify-content: flex-end;
|
|
335
402
|
}
|
|
336
403
|
|
|
337
404
|
.assistant-message--assistant {
|
|
338
|
-
|
|
405
|
+
display: block;
|
|
339
406
|
}
|
|
340
407
|
|
|
341
408
|
.assistant-user-row {
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
409
|
+
display: flex;
|
|
410
|
+
min-width: 0;
|
|
411
|
+
max-width: min(100%, 28rem);
|
|
412
|
+
margin-left: auto;
|
|
413
|
+
align-items: flex-end;
|
|
414
|
+
gap: 0.5rem;
|
|
348
415
|
}
|
|
349
416
|
|
|
350
417
|
.assistant-user-bubble {
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
418
|
+
min-width: 0;
|
|
419
|
+
flex: 1 1 auto;
|
|
420
|
+
padding: 0.625rem 0.9375rem;
|
|
421
|
+
border-radius: 1.125rem 1.125rem 0.375rem 1.125rem;
|
|
422
|
+
color: var(--text-on-brand);
|
|
423
|
+
background: linear-gradient(
|
|
424
|
+
145deg,
|
|
425
|
+
color-mix(in oklab, var(--brand) 92%, white 8%),
|
|
426
|
+
color-mix(in oklab, var(--brand) 82%, white 18%)
|
|
427
|
+
);
|
|
428
|
+
box-shadow:
|
|
429
|
+
0 1px 0 rgb(255 255 255 / 0.2) inset,
|
|
430
|
+
0 10px 28px -14px rgb(0 0 0 / 0.35);
|
|
364
431
|
}
|
|
365
432
|
|
|
366
433
|
.assistant-user-bubble__text {
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
434
|
+
margin: 0;
|
|
435
|
+
font-size: 0.875rem;
|
|
436
|
+
line-height: 1.55;
|
|
437
|
+
white-space: pre-wrap;
|
|
438
|
+
overflow-wrap: anywhere;
|
|
439
|
+
word-break: break-word;
|
|
373
440
|
}
|
|
374
441
|
|
|
375
442
|
.assistant-user-avatar,
|
|
376
443
|
.assistant-bot-avatar {
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
444
|
+
display: flex;
|
|
445
|
+
flex-shrink: 0;
|
|
446
|
+
width: 1.75rem;
|
|
447
|
+
height: 1.75rem;
|
|
448
|
+
align-items: center;
|
|
449
|
+
justify-content: center;
|
|
450
|
+
border-radius: 9999px;
|
|
384
451
|
}
|
|
385
452
|
|
|
386
453
|
.assistant-user-avatar {
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
454
|
+
align-self: flex-end;
|
|
455
|
+
margin-bottom: 0.125rem;
|
|
456
|
+
color: var(--brand-on-surface);
|
|
457
|
+
background: linear-gradient(
|
|
458
|
+
160deg,
|
|
459
|
+
color-mix(in oklab, var(--brand) 75%, white),
|
|
460
|
+
color-mix(in oklab, var(--brand) 85%, black)
|
|
461
|
+
);
|
|
462
|
+
box-shadow: 0 0 0 1px color-mix(in oklab, var(--brand) 35%, transparent);
|
|
396
463
|
}
|
|
397
464
|
|
|
398
465
|
.assistant-bot-avatar {
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
466
|
+
margin-top: 0.125rem;
|
|
467
|
+
color: var(--text-brand);
|
|
468
|
+
background: color-mix(in oklab, var(--surface-panel) 88%, var(--brand) 12%);
|
|
469
|
+
box-shadow:
|
|
470
|
+
0 0 0 1px var(--border-brand-subtle),
|
|
471
|
+
0 8px 20px -14px color-mix(in oklab, var(--brand) 25%, transparent);
|
|
405
472
|
}
|
|
406
473
|
|
|
407
474
|
.assistant-assistant-row {
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
475
|
+
display: flex;
|
|
476
|
+
min-width: 0;
|
|
477
|
+
align-items: flex-start;
|
|
478
|
+
gap: 0.625rem;
|
|
412
479
|
}
|
|
413
480
|
|
|
414
481
|
.assistant-assistant-card {
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
482
|
+
min-width: 0;
|
|
483
|
+
flex: 1;
|
|
484
|
+
overflow: hidden;
|
|
485
|
+
border-radius: 0.375rem 1.125rem 1.125rem 1.125rem;
|
|
486
|
+
border: 1px solid var(--border-default-medium);
|
|
487
|
+
background: var(--surface-chat-card);
|
|
488
|
+
box-shadow: var(--shadow-xs);
|
|
422
489
|
}
|
|
423
490
|
|
|
424
491
|
.assistant-assistant-card--error {
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
492
|
+
border-color: color-mix(
|
|
493
|
+
in oklab,
|
|
494
|
+
var(--danger) 28%,
|
|
495
|
+
var(--border-default-medium)
|
|
496
|
+
);
|
|
497
|
+
background: color-mix(in oklab, var(--danger) 4%, var(--surface-chat-card));
|
|
498
|
+
box-shadow:
|
|
499
|
+
inset 3px 0 0 var(--danger),
|
|
500
|
+
var(--shadow-xs);
|
|
434
501
|
}
|
|
435
502
|
|
|
436
503
|
.assistant-assistant-card__error {
|
|
437
|
-
|
|
504
|
+
padding: 0.5rem 0.875rem 0.75rem;
|
|
438
505
|
}
|
|
439
506
|
|
|
440
507
|
.assistant-assistant-card__meta {
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
508
|
+
display: flex;
|
|
509
|
+
align-items: center;
|
|
510
|
+
padding: 0.4375rem 0.875rem 0;
|
|
444
511
|
}
|
|
445
512
|
|
|
446
513
|
.assistant-assistant-card__typing {
|
|
447
|
-
|
|
514
|
+
padding: 0.625rem 0.875rem 0.75rem;
|
|
448
515
|
}
|
|
449
516
|
|
|
450
517
|
.assistant-role-label {
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
518
|
+
display: inline-flex;
|
|
519
|
+
align-items: center;
|
|
520
|
+
padding: 0.125rem 0.5rem;
|
|
521
|
+
border-radius: 9999px;
|
|
522
|
+
border: 1px solid var(--border-default-medium);
|
|
523
|
+
background: var(--overlay-subtle);
|
|
524
|
+
letter-spacing: 0.04em;
|
|
525
|
+
text-transform: uppercase;
|
|
526
|
+
font-size: 0.625rem;
|
|
527
|
+
font-weight: 600;
|
|
528
|
+
color: var(--text-chat-secondary);
|
|
462
529
|
}
|
|
463
530
|
|
|
464
531
|
.assistant-markdown {
|
|
465
|
-
|
|
466
|
-
|
|
532
|
+
padding: 0.375rem 0.875rem 0.75rem;
|
|
533
|
+
color: var(--text-body);
|
|
467
534
|
}
|
|
468
535
|
|
|
469
536
|
.assistant-markdown .markdown-body {
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
537
|
+
color: var(--text-body);
|
|
538
|
+
font-size: 0.875rem;
|
|
539
|
+
line-height: 1.6;
|
|
473
540
|
}
|
|
474
541
|
|
|
475
542
|
.assistant-markdown .markdown-body p,
|
|
@@ -477,2533 +544,2546 @@
|
|
|
477
544
|
.assistant-markdown .markdown-body ol,
|
|
478
545
|
.assistant-markdown .markdown-body pre,
|
|
479
546
|
.assistant-markdown .markdown-body blockquote {
|
|
480
|
-
|
|
547
|
+
margin: 0.375rem 0;
|
|
481
548
|
}
|
|
482
549
|
|
|
483
550
|
.assistant-markdown .markdown-body h1,
|
|
484
551
|
.assistant-markdown .markdown-body h2,
|
|
485
552
|
.assistant-markdown .markdown-body h3,
|
|
486
553
|
.assistant-markdown .markdown-body h4 {
|
|
487
|
-
|
|
554
|
+
margin: 0.625rem 0 0.25rem;
|
|
488
555
|
}
|
|
489
556
|
|
|
490
557
|
.assistant-markdown .markdown-body h3 {
|
|
491
|
-
|
|
558
|
+
font-size: 0.9375rem;
|
|
492
559
|
}
|
|
493
560
|
|
|
494
561
|
.assistant-markdown .markdown-body ul,
|
|
495
562
|
.assistant-markdown .markdown-body ol {
|
|
496
|
-
|
|
563
|
+
padding-left: 1.125rem;
|
|
497
564
|
}
|
|
498
565
|
|
|
499
566
|
.assistant-markdown .markdown-body li + li {
|
|
500
|
-
|
|
567
|
+
margin-top: 0.125rem;
|
|
501
568
|
}
|
|
502
569
|
|
|
503
570
|
.assistant-markdown .markdown-body p,
|
|
504
571
|
.assistant-markdown .markdown-body li,
|
|
505
572
|
.assistant-markdown .markdown-body td {
|
|
506
|
-
|
|
573
|
+
color: var(--text-body);
|
|
574
|
+
}
|
|
575
|
+
|
|
576
|
+
.assistant-markdown .markdown-table-wrap {
|
|
577
|
+
margin: 0.5rem 0;
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
.assistant-markdown .markdown-body .markdown-table-wrap table {
|
|
581
|
+
font-size: 0.75rem;
|
|
582
|
+
}
|
|
583
|
+
|
|
584
|
+
.assistant-markdown .markdown-body .markdown-table-wrap th,
|
|
585
|
+
.assistant-markdown .markdown-body .markdown-table-wrap td {
|
|
586
|
+
padding: 0.4375rem 0.75rem;
|
|
507
587
|
}
|
|
508
588
|
|
|
509
589
|
.assistant-markdown .markdown-body strong {
|
|
510
|
-
|
|
590
|
+
color: var(--text-heading);
|
|
511
591
|
}
|
|
512
592
|
|
|
513
593
|
.assistant-markdown .markdown-body code.markdown-inline-code {
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
594
|
+
color: var(--text-heading);
|
|
595
|
+
background: var(--surface-code);
|
|
596
|
+
border-color: var(--surface-code-border);
|
|
517
597
|
}
|
|
518
598
|
|
|
519
599
|
.assistant-markdown > :first-child {
|
|
520
|
-
|
|
600
|
+
margin-top: 0;
|
|
521
601
|
}
|
|
522
602
|
|
|
523
603
|
.assistant-markdown > :last-child {
|
|
524
|
-
|
|
604
|
+
margin-bottom: 0;
|
|
525
605
|
}
|
|
526
606
|
|
|
527
607
|
.assistant-markdown__cursor {
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
608
|
+
display: inline-block;
|
|
609
|
+
width: 0.125rem;
|
|
610
|
+
height: 1rem;
|
|
611
|
+
margin-left: 0.125rem;
|
|
612
|
+
vertical-align: middle;
|
|
613
|
+
background: var(--accent-violet);
|
|
614
|
+
animation: assistant-cursor-pulse 1s ease-in-out infinite;
|
|
535
615
|
}
|
|
536
616
|
|
|
537
617
|
@keyframes assistant-cursor-pulse {
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
618
|
+
0%,
|
|
619
|
+
100% {
|
|
620
|
+
opacity: 0.35;
|
|
621
|
+
}
|
|
622
|
+
50% {
|
|
623
|
+
opacity: 1;
|
|
624
|
+
}
|
|
545
625
|
}
|
|
546
626
|
|
|
547
627
|
.assistant-assistant-card .assistant-markdown {
|
|
548
|
-
|
|
628
|
+
padding-bottom: 0.625rem;
|
|
549
629
|
}
|
|
550
630
|
|
|
551
631
|
.assistant-assistant-card
|
|
552
|
-
|
|
553
|
-
|
|
632
|
+
.assistant-markdown:has(+ .assistant-activity--embedded) {
|
|
633
|
+
padding-bottom: 0.5rem;
|
|
554
634
|
}
|
|
555
635
|
|
|
556
636
|
.assistant-typing {
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
637
|
+
display: flex;
|
|
638
|
+
align-items: center;
|
|
639
|
+
gap: 0.375rem;
|
|
640
|
+
padding: 0.125rem 0;
|
|
561
641
|
}
|
|
562
642
|
|
|
563
643
|
.assistant-typing-dot {
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
644
|
+
width: 0.375rem;
|
|
645
|
+
height: 0.375rem;
|
|
646
|
+
border-radius: 9999px;
|
|
647
|
+
background: color-mix(in oklab, var(--brand) 70%, transparent);
|
|
648
|
+
animation: assistant-typing-bounce 1.1s ease-in-out infinite;
|
|
569
649
|
}
|
|
570
650
|
|
|
571
651
|
.assistant-activity {
|
|
572
|
-
|
|
652
|
+
min-width: 0;
|
|
573
653
|
}
|
|
574
654
|
|
|
575
655
|
.assistant-activity pre {
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
656
|
+
margin: 0;
|
|
657
|
+
border: none;
|
|
658
|
+
background: transparent;
|
|
659
|
+
box-shadow: none;
|
|
660
|
+
padding: 0;
|
|
661
|
+
min-width: 0;
|
|
662
|
+
max-width: 100%;
|
|
663
|
+
overflow-x: hidden;
|
|
664
|
+
white-space: pre-wrap;
|
|
665
|
+
overflow-wrap: anywhere;
|
|
666
|
+
word-break: break-word;
|
|
587
667
|
}
|
|
588
668
|
|
|
589
669
|
.assistant-activity pre .hljs {
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
670
|
+
background: transparent;
|
|
671
|
+
color: var(--log-syntax-base);
|
|
672
|
+
white-space: pre-wrap;
|
|
673
|
+
overflow-wrap: anywhere;
|
|
674
|
+
word-break: break-word;
|
|
595
675
|
}
|
|
596
676
|
|
|
597
677
|
.assistant-activity pre .hljs .hljs-attr,
|
|
598
678
|
.assistant-activity pre .hljs .hljs-property,
|
|
599
679
|
.assistant-activity pre .hljs .hljs-title {
|
|
600
|
-
|
|
680
|
+
color: var(--log-syntax-key);
|
|
601
681
|
}
|
|
602
682
|
|
|
603
683
|
.assistant-activity pre .hljs .hljs-string {
|
|
604
|
-
|
|
684
|
+
color: var(--log-syntax-string);
|
|
605
685
|
}
|
|
606
686
|
|
|
607
687
|
.assistant-activity pre .hljs .hljs-number {
|
|
608
|
-
|
|
688
|
+
color: var(--log-syntax-number);
|
|
609
689
|
}
|
|
610
690
|
|
|
611
691
|
.assistant-activity pre .hljs .hljs-literal,
|
|
612
692
|
.assistant-activity pre .hljs .hljs-keyword {
|
|
613
|
-
|
|
693
|
+
color: var(--log-syntax-literal);
|
|
614
694
|
}
|
|
615
695
|
|
|
616
696
|
.assistant-activity pre .hljs .hljs-punctuation {
|
|
617
|
-
|
|
697
|
+
color: var(--log-syntax-punctuation);
|
|
618
698
|
}
|
|
619
699
|
|
|
620
700
|
.assistant-activity__live {
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
701
|
+
display: inline-flex;
|
|
702
|
+
align-items: center;
|
|
703
|
+
gap: 0.25rem;
|
|
704
|
+
font-size: 0.625rem;
|
|
705
|
+
font-weight: 500;
|
|
706
|
+
color: var(--text-brand);
|
|
627
707
|
}
|
|
628
708
|
|
|
629
709
|
.assistant-activity__live::before {
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
710
|
+
content: "";
|
|
711
|
+
width: 0.375rem;
|
|
712
|
+
height: 0.375rem;
|
|
713
|
+
border-radius: 9999px;
|
|
714
|
+
background: var(--text-brand);
|
|
635
715
|
}
|
|
636
716
|
|
|
637
717
|
.assistant-activity--embedded {
|
|
638
|
-
|
|
639
|
-
|
|
718
|
+
background: var(--surface-chat-trace);
|
|
719
|
+
overflow: hidden;
|
|
640
720
|
}
|
|
641
721
|
|
|
642
722
|
.assistant-assistant-card .assistant-activity--embedded {
|
|
643
|
-
|
|
723
|
+
border-top: 1px solid var(--border-default);
|
|
644
724
|
}
|
|
645
725
|
|
|
646
726
|
.assistant-activity__header {
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
727
|
+
display: flex;
|
|
728
|
+
align-items: center;
|
|
729
|
+
gap: 0.375rem;
|
|
730
|
+
min-height: 2rem;
|
|
731
|
+
border-bottom: 1px solid var(--border-default);
|
|
732
|
+
padding: 0.4375rem 0.875rem;
|
|
733
|
+
background: color-mix(
|
|
734
|
+
in oklab,
|
|
735
|
+
var(--surface-chat-trace) 92%,
|
|
736
|
+
var(--border-default) 8%
|
|
737
|
+
);
|
|
658
738
|
}
|
|
659
739
|
|
|
660
740
|
.assistant-activity__toggle {
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
741
|
+
display: flex;
|
|
742
|
+
min-width: 0;
|
|
743
|
+
flex: 1;
|
|
744
|
+
align-items: center;
|
|
745
|
+
gap: 0.375rem;
|
|
746
|
+
border: none;
|
|
747
|
+
background: transparent;
|
|
748
|
+
padding: 0;
|
|
749
|
+
font: inherit;
|
|
750
|
+
text-align: left;
|
|
751
|
+
color: inherit;
|
|
752
|
+
cursor: pointer;
|
|
673
753
|
}
|
|
674
754
|
|
|
675
755
|
.assistant-activity__toggle-chevron {
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
756
|
+
width: 0.875rem;
|
|
757
|
+
height: 0.875rem;
|
|
758
|
+
flex-shrink: 0;
|
|
759
|
+
color: var(--text-chat-tertiary);
|
|
760
|
+
transition:
|
|
761
|
+
transform 150ms ease,
|
|
762
|
+
color 150ms ease;
|
|
683
763
|
}
|
|
684
764
|
|
|
685
765
|
.assistant-activity__toggle:hover .assistant-activity__toggle-chevron {
|
|
686
|
-
|
|
766
|
+
color: var(--text-chat-secondary);
|
|
687
767
|
}
|
|
688
768
|
|
|
689
769
|
.assistant-activity__toggle-chevron--open {
|
|
690
|
-
|
|
770
|
+
transform: rotate(90deg);
|
|
691
771
|
}
|
|
692
772
|
|
|
693
773
|
.assistant-activity__title {
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
774
|
+
font-size: 0.625rem;
|
|
775
|
+
font-weight: 600;
|
|
776
|
+
letter-spacing: 0.04em;
|
|
777
|
+
text-transform: uppercase;
|
|
778
|
+
color: var(--text-chat-tertiary);
|
|
699
779
|
}
|
|
700
780
|
|
|
701
781
|
.assistant-activity__count {
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
782
|
+
border-radius: 9999px;
|
|
783
|
+
background: var(--surface-chip);
|
|
784
|
+
padding: 0.0625rem 0.375rem;
|
|
785
|
+
font-size: 0.625rem;
|
|
786
|
+
font-weight: 500;
|
|
787
|
+
color: var(--text-chat-secondary);
|
|
788
|
+
font-variant-numeric: tabular-nums;
|
|
709
789
|
}
|
|
710
790
|
|
|
711
791
|
.assistant-activity__steps {
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
792
|
+
list-style: none;
|
|
793
|
+
margin: 0;
|
|
794
|
+
padding: 0.375rem 0.875rem 0.625rem;
|
|
715
795
|
}
|
|
716
796
|
|
|
717
797
|
.assistant-activity-step {
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
798
|
+
display: flex;
|
|
799
|
+
gap: 0.625rem;
|
|
800
|
+
min-width: 0;
|
|
721
801
|
}
|
|
722
802
|
|
|
723
803
|
.assistant-activity-step + .assistant-activity-step {
|
|
724
|
-
|
|
804
|
+
margin-top: 0.125rem;
|
|
725
805
|
}
|
|
726
806
|
|
|
727
807
|
.assistant-activity-step__rail {
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
808
|
+
display: flex;
|
|
809
|
+
width: 1.375rem;
|
|
810
|
+
flex-shrink: 0;
|
|
811
|
+
flex-direction: column;
|
|
812
|
+
align-items: center;
|
|
813
|
+
padding-top: 0.0625rem;
|
|
734
814
|
}
|
|
735
815
|
|
|
736
816
|
.assistant-activity-step__connector {
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
817
|
+
margin-block: 0.125rem;
|
|
818
|
+
width: 1px;
|
|
819
|
+
flex: 1;
|
|
820
|
+
min-height: 0.375rem;
|
|
821
|
+
background: var(--border-default);
|
|
742
822
|
}
|
|
743
823
|
|
|
744
824
|
.assistant-activity-step__body {
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
825
|
+
min-width: 0;
|
|
826
|
+
flex: 1;
|
|
827
|
+
padding-bottom: 0.375rem;
|
|
748
828
|
}
|
|
749
829
|
|
|
750
830
|
.assistant-activity-step:last-child .assistant-activity-step__body {
|
|
751
|
-
|
|
831
|
+
padding-bottom: 0;
|
|
752
832
|
}
|
|
753
833
|
|
|
754
834
|
.assistant-activity-step__header {
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
835
|
+
display: flex;
|
|
836
|
+
width: 100%;
|
|
837
|
+
min-height: 1.625rem;
|
|
838
|
+
align-items: center;
|
|
839
|
+
gap: 0.3125rem;
|
|
840
|
+
border: none;
|
|
841
|
+
border-radius: 0.4375rem;
|
|
842
|
+
background: transparent;
|
|
843
|
+
padding: 0.125rem 0.3125rem;
|
|
844
|
+
font: inherit;
|
|
845
|
+
text-align: left;
|
|
846
|
+
color: var(--text-chat-secondary);
|
|
847
|
+
cursor: pointer;
|
|
848
|
+
transition:
|
|
849
|
+
background-color 150ms ease,
|
|
850
|
+
color 150ms ease;
|
|
771
851
|
}
|
|
772
852
|
|
|
773
853
|
.assistant-activity-step__header:hover {
|
|
774
|
-
|
|
775
|
-
|
|
854
|
+
background: var(--overlay-hover);
|
|
855
|
+
color: var(--text-heading);
|
|
776
856
|
}
|
|
777
857
|
|
|
778
858
|
.assistant-activity-step__header--active {
|
|
779
|
-
|
|
859
|
+
color: var(--text-heading);
|
|
780
860
|
}
|
|
781
861
|
|
|
782
862
|
.assistant-activity-step__header--static {
|
|
783
|
-
|
|
863
|
+
cursor: default;
|
|
784
864
|
}
|
|
785
865
|
|
|
786
866
|
.assistant-activity-step__header--static:hover {
|
|
787
|
-
|
|
788
|
-
|
|
867
|
+
background: transparent;
|
|
868
|
+
color: var(--text-chat-secondary);
|
|
789
869
|
}
|
|
790
870
|
|
|
791
871
|
.assistant-activity-step__chevron {
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
872
|
+
width: 0.875rem;
|
|
873
|
+
height: 0.875rem;
|
|
874
|
+
flex-shrink: 0;
|
|
875
|
+
color: var(--text-chat-tertiary);
|
|
876
|
+
transition:
|
|
877
|
+
transform 150ms ease,
|
|
878
|
+
color 150ms ease;
|
|
799
879
|
}
|
|
800
880
|
|
|
801
881
|
.assistant-activity-step__header:hover .assistant-activity-step__chevron {
|
|
802
|
-
|
|
882
|
+
color: var(--text-chat-secondary);
|
|
803
883
|
}
|
|
804
884
|
|
|
805
885
|
.assistant-activity-step__chevron--open {
|
|
806
|
-
|
|
886
|
+
transform: rotate(90deg);
|
|
807
887
|
}
|
|
808
888
|
|
|
809
889
|
.assistant-activity-step__label {
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
890
|
+
display: inline-flex;
|
|
891
|
+
min-width: 0;
|
|
892
|
+
flex: 1;
|
|
893
|
+
align-items: center;
|
|
894
|
+
gap: 0.25rem;
|
|
895
|
+
font-size: 0.75rem;
|
|
896
|
+
font-weight: 500;
|
|
897
|
+
line-height: 1.25;
|
|
818
898
|
}
|
|
819
899
|
|
|
820
900
|
.assistant-activity-step__label-text {
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
901
|
+
overflow: hidden;
|
|
902
|
+
text-overflow: ellipsis;
|
|
903
|
+
white-space: nowrap;
|
|
824
904
|
}
|
|
825
905
|
|
|
826
906
|
.assistant-activity-step__tool-icon {
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
907
|
+
width: 0.75rem;
|
|
908
|
+
height: 0.75rem;
|
|
909
|
+
flex-shrink: 0;
|
|
910
|
+
opacity: 0.6;
|
|
831
911
|
}
|
|
832
912
|
|
|
833
913
|
.assistant-activity-step__details {
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
914
|
+
margin-top: 0.375rem;
|
|
915
|
+
min-width: 0;
|
|
916
|
+
border-radius: 0.5rem;
|
|
917
|
+
border: 1px solid var(--border-default);
|
|
918
|
+
background: var(--surface-chat-card);
|
|
919
|
+
padding: 0.375rem 0.5rem;
|
|
840
920
|
}
|
|
841
921
|
|
|
842
922
|
.assistant-activity-step__details--interactive {
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
923
|
+
border-color: transparent;
|
|
924
|
+
background: transparent;
|
|
925
|
+
padding: 0;
|
|
846
926
|
}
|
|
847
927
|
|
|
848
928
|
.assistant-activity-step__json-label {
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
929
|
+
margin: 0 0 0.125rem;
|
|
930
|
+
font-size: 0.625rem;
|
|
931
|
+
font-weight: 600;
|
|
932
|
+
letter-spacing: 0.04em;
|
|
933
|
+
text-transform: uppercase;
|
|
934
|
+
color: var(--text-chat-tertiary);
|
|
855
935
|
}
|
|
856
936
|
|
|
857
937
|
.assistant-activity-step__json-block {
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
938
|
+
min-width: 0;
|
|
939
|
+
border-radius: 0.375rem;
|
|
940
|
+
background: var(--surface-inset);
|
|
941
|
+
padding: 0.25rem 0.5rem;
|
|
862
942
|
}
|
|
863
943
|
|
|
864
944
|
.assistant-activity-step__json-block pre {
|
|
865
|
-
|
|
866
|
-
|
|
945
|
+
max-height: 8rem;
|
|
946
|
+
overflow-y: auto;
|
|
867
947
|
}
|
|
868
948
|
|
|
869
949
|
.assistant-trace-icon {
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
950
|
+
display: flex;
|
|
951
|
+
width: 1.375rem;
|
|
952
|
+
height: 1.375rem;
|
|
953
|
+
align-items: center;
|
|
954
|
+
justify-content: center;
|
|
955
|
+
border-radius: 9999px;
|
|
956
|
+
color: var(--text-chat-secondary);
|
|
957
|
+
background: var(--overlay-subtle);
|
|
958
|
+
box-shadow: 0 0 0 1px var(--border-default);
|
|
879
959
|
}
|
|
880
960
|
|
|
881
961
|
.assistant-trace-icon--active {
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
962
|
+
color: var(--text-brand);
|
|
963
|
+
background: var(--surface-promo);
|
|
964
|
+
box-shadow: 0 0 0 1px var(--border-brand-subtle);
|
|
885
965
|
}
|
|
886
966
|
|
|
887
967
|
.assistant-icon-spin {
|
|
888
|
-
|
|
968
|
+
animation: assistant-icon-spin 0.85s linear infinite;
|
|
889
969
|
}
|
|
890
970
|
|
|
891
971
|
.assistant-trace-icon--error {
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
972
|
+
color: var(--text-danger);
|
|
973
|
+
background: var(--danger-soft);
|
|
974
|
+
box-shadow: 0 0 0 1px var(--border-danger-subtle);
|
|
895
975
|
}
|
|
896
976
|
|
|
897
977
|
.assistant-composer {
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
978
|
+
position: relative;
|
|
979
|
+
overflow: visible;
|
|
980
|
+
border-radius: 1rem;
|
|
981
|
+
border: 1px solid var(--border-default);
|
|
982
|
+
background: var(--surface-chat-input);
|
|
983
|
+
box-shadow: var(--shadow-xs);
|
|
984
|
+
transition:
|
|
985
|
+
border-color 150ms,
|
|
986
|
+
box-shadow 150ms;
|
|
907
987
|
}
|
|
908
988
|
|
|
909
989
|
.assistant-composer:focus-within {
|
|
910
|
-
|
|
990
|
+
border-color: var(--border-default-medium);
|
|
911
991
|
}
|
|
912
992
|
|
|
913
993
|
.assistant-composer__input-row {
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
994
|
+
display: flex;
|
|
995
|
+
align-items: flex-end;
|
|
996
|
+
gap: 0.5rem;
|
|
997
|
+
padding: 0.5rem;
|
|
918
998
|
}
|
|
919
999
|
|
|
920
1000
|
.assistant-composer__textarea {
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
1001
|
+
flex: 1;
|
|
1002
|
+
min-height: 2.5rem;
|
|
1003
|
+
max-height: 6rem;
|
|
1004
|
+
resize: none;
|
|
1005
|
+
border: none;
|
|
1006
|
+
background: transparent;
|
|
1007
|
+
padding: 0.5rem;
|
|
1008
|
+
font: inherit;
|
|
1009
|
+
font-size: 0.875rem;
|
|
1010
|
+
color: var(--text-heading);
|
|
1011
|
+
outline: none;
|
|
1012
|
+
box-shadow: none;
|
|
933
1013
|
}
|
|
934
1014
|
|
|
935
1015
|
.assistant-composer__textarea:focus,
|
|
936
1016
|
.assistant-composer__textarea:focus-visible {
|
|
937
|
-
|
|
938
|
-
|
|
1017
|
+
outline: none;
|
|
1018
|
+
box-shadow: none;
|
|
939
1019
|
}
|
|
940
1020
|
|
|
941
1021
|
.assistant-composer__textarea::placeholder {
|
|
942
|
-
|
|
1022
|
+
color: var(--text-chat-tertiary);
|
|
943
1023
|
}
|
|
944
1024
|
|
|
945
1025
|
.assistant-composer__footer {
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
1026
|
+
display: flex;
|
|
1027
|
+
align-items: center;
|
|
1028
|
+
justify-content: space-between;
|
|
1029
|
+
gap: 0.5rem;
|
|
1030
|
+
border-top: 1px solid var(--border-default);
|
|
1031
|
+
padding: 0.375rem 0.5rem;
|
|
952
1032
|
}
|
|
953
1033
|
|
|
954
1034
|
.assistant-composer__tools {
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
1035
|
+
display: inline-flex;
|
|
1036
|
+
flex-shrink: 0;
|
|
1037
|
+
align-items: center;
|
|
1038
|
+
gap: 0.125rem;
|
|
1039
|
+
margin-left: auto;
|
|
960
1040
|
}
|
|
961
1041
|
|
|
962
1042
|
.assistant-composer__tool {
|
|
963
|
-
|
|
1043
|
+
padding: 0.375rem;
|
|
964
1044
|
}
|
|
965
1045
|
|
|
966
1046
|
.assistant-composer__tool-spinner {
|
|
967
|
-
|
|
1047
|
+
animation: assistant-empty-state-spin 0.8s linear infinite;
|
|
968
1048
|
}
|
|
969
1049
|
|
|
970
1050
|
.assistant-composer__hint {
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
1051
|
+
margin-top: 0.5rem;
|
|
1052
|
+
text-align: center;
|
|
1053
|
+
font-size: 0.6875rem;
|
|
1054
|
+
color: var(--text-chat-tertiary);
|
|
975
1055
|
}
|
|
976
1056
|
|
|
977
1057
|
.composer-command-menu {
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
1058
|
+
position: absolute;
|
|
1059
|
+
bottom: calc(100% + 0.5rem);
|
|
1060
|
+
left: 0;
|
|
1061
|
+
z-index: 20;
|
|
1062
|
+
width: 100%;
|
|
1063
|
+
min-width: 14rem;
|
|
1064
|
+
overflow: hidden;
|
|
1065
|
+
border-radius: 0.75rem;
|
|
1066
|
+
border: 1px solid var(--border-default-medium);
|
|
1067
|
+
background: var(--surface-chat-card);
|
|
1068
|
+
box-shadow: var(--shadow-sm);
|
|
989
1069
|
}
|
|
990
1070
|
|
|
991
1071
|
.composer-command-menu__header {
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
1072
|
+
border-bottom: 1px solid var(--border-default);
|
|
1073
|
+
padding: 0.5rem 0.75rem;
|
|
1074
|
+
font-size: 0.625rem;
|
|
1075
|
+
font-weight: 600;
|
|
1076
|
+
letter-spacing: 0.04em;
|
|
1077
|
+
text-transform: uppercase;
|
|
1078
|
+
color: var(--text-chat-tertiary);
|
|
999
1079
|
}
|
|
1000
1080
|
|
|
1001
1081
|
.composer-command-menu__list {
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1082
|
+
max-height: 12rem;
|
|
1083
|
+
overflow-y: auto;
|
|
1084
|
+
padding-block: 0.25rem;
|
|
1005
1085
|
}
|
|
1006
1086
|
|
|
1007
1087
|
.composer-command-menu__item {
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1088
|
+
display: flex;
|
|
1089
|
+
width: 100%;
|
|
1090
|
+
align-items: flex-start;
|
|
1091
|
+
gap: 0.625rem;
|
|
1092
|
+
padding: 0.5rem 0.75rem;
|
|
1093
|
+
text-align: left;
|
|
1094
|
+
color: var(--text-body);
|
|
1095
|
+
transition: background-color 150ms;
|
|
1016
1096
|
}
|
|
1017
1097
|
|
|
1018
1098
|
.composer-command-menu__item:hover,
|
|
1019
1099
|
.composer-command-menu__item--active {
|
|
1020
|
-
|
|
1100
|
+
background: var(--overlay-hover);
|
|
1021
1101
|
}
|
|
1022
1102
|
|
|
1023
1103
|
.composer-command-menu__icon {
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1104
|
+
margin-top: 0.125rem;
|
|
1105
|
+
flex-shrink: 0;
|
|
1106
|
+
color: var(--text-chat-tertiary);
|
|
1027
1107
|
}
|
|
1028
1108
|
|
|
1029
1109
|
.composer-command-menu__usage {
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1110
|
+
display: block;
|
|
1111
|
+
font-family: ui-monospace, monospace;
|
|
1112
|
+
font-size: 0.75rem;
|
|
1113
|
+
font-weight: 500;
|
|
1114
|
+
color: var(--text-heading);
|
|
1035
1115
|
}
|
|
1036
1116
|
|
|
1037
1117
|
.composer-command-menu__description {
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1118
|
+
display: block;
|
|
1119
|
+
margin-top: 0.125rem;
|
|
1120
|
+
font-size: 0.6875rem;
|
|
1121
|
+
color: var(--text-chat-secondary);
|
|
1042
1122
|
}
|
|
1043
1123
|
|
|
1044
1124
|
.assistant-command-error {
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1125
|
+
display: flex;
|
|
1126
|
+
align-items: flex-start;
|
|
1127
|
+
justify-content: space-between;
|
|
1128
|
+
gap: 0.5rem;
|
|
1129
|
+
margin-bottom: 0.75rem;
|
|
1130
|
+
border-radius: var(--radius-base);
|
|
1131
|
+
border: 1px solid var(--border-danger-subtle);
|
|
1132
|
+
background: var(--danger-soft);
|
|
1133
|
+
padding: 0.5rem 0.625rem;
|
|
1054
1134
|
}
|
|
1055
1135
|
|
|
1056
1136
|
.assistant-command-error__text {
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1137
|
+
min-width: 0;
|
|
1138
|
+
font-size: 0.75rem;
|
|
1139
|
+
line-height: 1.4;
|
|
1140
|
+
color: var(--text-danger);
|
|
1061
1141
|
}
|
|
1062
1142
|
|
|
1063
1143
|
.assistant-command-error__dismiss {
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1144
|
+
display: flex;
|
|
1145
|
+
flex-shrink: 0;
|
|
1146
|
+
align-items: center;
|
|
1147
|
+
justify-content: center;
|
|
1148
|
+
border: none;
|
|
1149
|
+
border-radius: 0.375rem;
|
|
1150
|
+
background: transparent;
|
|
1151
|
+
padding: 0.125rem;
|
|
1152
|
+
color: var(--text-danger);
|
|
1153
|
+
cursor: pointer;
|
|
1074
1154
|
}
|
|
1075
1155
|
|
|
1076
1156
|
.assistant-command-error__dismiss:hover {
|
|
1077
|
-
|
|
1157
|
+
background: color-mix(in oklab, var(--danger) 12%, transparent);
|
|
1078
1158
|
}
|
|
1079
1159
|
|
|
1080
1160
|
.assistant-llm-setup {
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1161
|
+
border-radius: var(--radius-base);
|
|
1162
|
+
border: 1px solid var(--border-brand-subtle, var(--border-default-medium));
|
|
1163
|
+
background: color-mix(in oklab, var(--brand) 5%, var(--overlay-subtle));
|
|
1084
1164
|
}
|
|
1085
1165
|
|
|
1086
1166
|
.assistant-llm-setup--banner {
|
|
1087
|
-
|
|
1088
|
-
|
|
1167
|
+
margin-bottom: 0.625rem;
|
|
1168
|
+
padding: 0.5rem 0.625rem;
|
|
1089
1169
|
}
|
|
1090
1170
|
|
|
1091
1171
|
.assistant-llm-setup__row {
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1172
|
+
display: flex;
|
|
1173
|
+
align-items: center;
|
|
1174
|
+
gap: 0.5rem;
|
|
1175
|
+
min-width: 0;
|
|
1096
1176
|
}
|
|
1097
1177
|
|
|
1098
1178
|
.assistant-llm-setup__badge {
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1179
|
+
display: inline-flex;
|
|
1180
|
+
flex-shrink: 0;
|
|
1181
|
+
align-items: center;
|
|
1182
|
+
justify-content: center;
|
|
1183
|
+
width: 1.375rem;
|
|
1184
|
+
height: 1.375rem;
|
|
1185
|
+
border-radius: 999px;
|
|
1186
|
+
background: color-mix(in oklab, var(--brand) 12%, transparent);
|
|
1187
|
+
color: var(--text-brand-strong, var(--text-brand));
|
|
1108
1188
|
}
|
|
1109
1189
|
|
|
1110
1190
|
.assistant-llm-setup__copy {
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1191
|
+
min-width: 0;
|
|
1192
|
+
flex: 1;
|
|
1193
|
+
margin: 0;
|
|
1194
|
+
font-size: 0.75rem;
|
|
1195
|
+
line-height: 1.45;
|
|
1196
|
+
color: var(--text-body-subtle, var(--text-chat-secondary));
|
|
1117
1197
|
}
|
|
1118
1198
|
|
|
1119
1199
|
.assistant-llm-setup .assistant-llm-setup__copy strong {
|
|
1120
|
-
|
|
1121
|
-
|
|
1200
|
+
font-weight: 600;
|
|
1201
|
+
color: var(--text-body-strong, var(--text-body));
|
|
1122
1202
|
}
|
|
1123
1203
|
|
|
1124
1204
|
.assistant-llm-setup__sep {
|
|
1125
|
-
|
|
1126
|
-
|
|
1205
|
+
margin-inline: 0.25rem;
|
|
1206
|
+
opacity: 0.55;
|
|
1127
1207
|
}
|
|
1128
1208
|
|
|
1129
1209
|
.assistant-llm-setup__chip {
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1210
|
+
display: inline-flex;
|
|
1211
|
+
flex-shrink: 0;
|
|
1212
|
+
align-items: center;
|
|
1213
|
+
gap: 0.25rem;
|
|
1214
|
+
padding: 0.1875rem 0.5rem;
|
|
1215
|
+
border: 1px solid var(--border-brand-subtle, var(--border-default-medium));
|
|
1216
|
+
border-radius: 999px;
|
|
1217
|
+
background: color-mix(in oklab, var(--surface-panel) 88%, var(--brand) 12%);
|
|
1218
|
+
color: var(--text-brand-strong, var(--text-brand));
|
|
1219
|
+
font-family: inherit;
|
|
1220
|
+
font-size: 0.6875rem;
|
|
1221
|
+
font-weight: 600;
|
|
1222
|
+
line-height: 1.2;
|
|
1223
|
+
cursor: pointer;
|
|
1224
|
+
transition:
|
|
1225
|
+
background 150ms ease,
|
|
1226
|
+
border-color 150ms ease;
|
|
1147
1227
|
}
|
|
1148
1228
|
|
|
1149
1229
|
.assistant-llm-setup__chip:hover {
|
|
1150
|
-
|
|
1151
|
-
|
|
1230
|
+
background: color-mix(in oklab, var(--surface-panel) 78%, var(--brand) 22%);
|
|
1231
|
+
border-color: var(--border-brand-subtle, var(--border-default));
|
|
1152
1232
|
}
|
|
1153
1233
|
|
|
1154
1234
|
.assistant-llm-setup__chip:focus-visible {
|
|
1155
|
-
|
|
1156
|
-
|
|
1235
|
+
outline: 2px solid var(--border-brand-subtle, var(--border-default));
|
|
1236
|
+
outline-offset: 2px;
|
|
1157
1237
|
}
|
|
1158
1238
|
|
|
1159
1239
|
.assistant-llm-setup--inline {
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1240
|
+
min-width: 0;
|
|
1241
|
+
flex: 1;
|
|
1242
|
+
padding: 0.625rem 0.75rem;
|
|
1243
|
+
border-radius: 0.375rem 1.125rem 1.125rem 1.125rem;
|
|
1164
1244
|
}
|
|
1165
1245
|
|
|
1166
1246
|
.assistant-llm-setup--inline .assistant-llm-setup__copy {
|
|
1167
|
-
|
|
1247
|
+
font-size: 0.8125rem;
|
|
1168
1248
|
}
|
|
1169
1249
|
|
|
1170
1250
|
.assistant-llm-setup__label {
|
|
1171
|
-
|
|
1172
|
-
|
|
1251
|
+
font-weight: 600;
|
|
1252
|
+
color: var(--text-body-strong, var(--text-body));
|
|
1173
1253
|
}
|
|
1174
1254
|
|
|
1175
1255
|
.assistant-llm-setup__action {
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1256
|
+
display: inline;
|
|
1257
|
+
padding: 0;
|
|
1258
|
+
border: none;
|
|
1259
|
+
background: none;
|
|
1260
|
+
color: var(--text-brand-strong, var(--text-brand));
|
|
1261
|
+
font-family: inherit;
|
|
1262
|
+
font-size: inherit;
|
|
1263
|
+
font-weight: 600;
|
|
1264
|
+
line-height: inherit;
|
|
1265
|
+
text-decoration: underline;
|
|
1266
|
+
text-decoration-color: color-mix(in oklab, currentColor 35%, transparent);
|
|
1267
|
+
text-underline-offset: 0.12em;
|
|
1268
|
+
cursor: pointer;
|
|
1189
1269
|
}
|
|
1190
1270
|
|
|
1191
1271
|
.assistant-llm-setup__action:hover {
|
|
1192
|
-
|
|
1272
|
+
text-decoration-color: currentColor;
|
|
1193
1273
|
}
|
|
1194
1274
|
|
|
1195
1275
|
.assistant-llm-setup__action:focus-visible {
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1276
|
+
outline: 2px solid var(--border-brand-subtle, var(--border-default));
|
|
1277
|
+
outline-offset: 2px;
|
|
1278
|
+
border-radius: 0.125rem;
|
|
1199
1279
|
}
|
|
1200
1280
|
|
|
1201
1281
|
.assistant-empty-state {
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1282
|
+
margin-inline: auto;
|
|
1283
|
+
width: 100%;
|
|
1284
|
+
max-width: 40rem;
|
|
1285
|
+
padding: 1.25rem 1rem 1.5rem;
|
|
1286
|
+
display: flex;
|
|
1287
|
+
flex-direction: column;
|
|
1288
|
+
gap: 1.25rem;
|
|
1209
1289
|
}
|
|
1210
1290
|
|
|
1211
1291
|
.assistant-empty-state__card {
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1292
|
+
position: relative;
|
|
1293
|
+
overflow: hidden;
|
|
1294
|
+
border-radius: var(--radius-xl, 1rem);
|
|
1295
|
+
border: 1px solid var(--border-default-medium);
|
|
1296
|
+
background: var(
|
|
1297
|
+
--surface-hero,
|
|
1298
|
+
linear-gradient(
|
|
1299
|
+
135deg,
|
|
1300
|
+
color-mix(in oklab, var(--surface-panel) 96%, var(--brand) 4%) 0%,
|
|
1301
|
+
var(--surface-panel) 100%
|
|
1302
|
+
)
|
|
1303
|
+
);
|
|
1304
|
+
box-shadow:
|
|
1305
|
+
var(--shadow-sm, 0 1px 2px rgb(0 0 0 / 0.04)),
|
|
1306
|
+
var(
|
|
1307
|
+
--shadow-glow,
|
|
1308
|
+
0 0 32px color-mix(in oklab, var(--brand) 8%, transparent)
|
|
1309
|
+
);
|
|
1310
|
+
backdrop-filter: blur(16px);
|
|
1231
1311
|
}
|
|
1232
1312
|
|
|
1233
1313
|
.assistant-empty-state__card-glow {
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1314
|
+
position: absolute;
|
|
1315
|
+
inset: 0;
|
|
1316
|
+
background: var(
|
|
1317
|
+
--surface-hero-glow,
|
|
1318
|
+
radial-gradient(
|
|
1319
|
+
circle at 85% 15%,
|
|
1320
|
+
color-mix(in oklab, var(--brand) 12%, transparent),
|
|
1321
|
+
transparent 45%
|
|
1322
|
+
)
|
|
1323
|
+
);
|
|
1324
|
+
pointer-events: none;
|
|
1245
1325
|
}
|
|
1246
1326
|
|
|
1247
1327
|
.assistant-empty-state__card-inner {
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1328
|
+
position: relative;
|
|
1329
|
+
display: flex;
|
|
1330
|
+
flex-direction: column;
|
|
1331
|
+
align-items: center;
|
|
1332
|
+
padding: 1.75rem 1.25rem 1.5rem;
|
|
1333
|
+
text-align: center;
|
|
1334
|
+
gap: 0.625rem;
|
|
1255
1335
|
}
|
|
1256
1336
|
|
|
1257
1337
|
.assistant-empty-state__eyebrow {
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1338
|
+
margin: 0;
|
|
1339
|
+
font-size: 0.6875rem;
|
|
1340
|
+
font-weight: 600;
|
|
1341
|
+
letter-spacing: 0.12em;
|
|
1342
|
+
text-transform: uppercase;
|
|
1343
|
+
color: var(--text-brand);
|
|
1264
1344
|
}
|
|
1265
1345
|
|
|
1266
1346
|
.assistant-empty-state__icon-ring {
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1347
|
+
display: flex;
|
|
1348
|
+
width: 3.25rem;
|
|
1349
|
+
height: 3.25rem;
|
|
1350
|
+
align-items: center;
|
|
1351
|
+
justify-content: center;
|
|
1352
|
+
margin-block: 0.25rem;
|
|
1353
|
+
border-radius: 1rem;
|
|
1354
|
+
color: var(--text-brand);
|
|
1355
|
+
background: var(--surface-promo);
|
|
1356
|
+
animation: assistant-empty-state-glow 4s ease-in-out infinite;
|
|
1277
1357
|
}
|
|
1278
1358
|
|
|
1279
1359
|
.assistant-empty-state__title {
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1360
|
+
margin: 0;
|
|
1361
|
+
font-size: 1.125rem;
|
|
1362
|
+
font-weight: 600;
|
|
1363
|
+
letter-spacing: -0.02em;
|
|
1364
|
+
color: var(--text-heading);
|
|
1285
1365
|
}
|
|
1286
1366
|
|
|
1287
1367
|
.assistant-empty-state__description {
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1368
|
+
margin: 0;
|
|
1369
|
+
max-width: 32ch;
|
|
1370
|
+
font-size: 0.8125rem;
|
|
1371
|
+
line-height: 1.55;
|
|
1372
|
+
color: var(--text-body-subtle);
|
|
1293
1373
|
}
|
|
1294
1374
|
|
|
1295
1375
|
.assistant-empty-state__capabilities {
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1376
|
+
display: flex;
|
|
1377
|
+
flex-wrap: wrap;
|
|
1378
|
+
justify-content: center;
|
|
1379
|
+
gap: 0.375rem;
|
|
1380
|
+
margin-top: 0.25rem;
|
|
1301
1381
|
}
|
|
1302
1382
|
|
|
1303
1383
|
.assistant-empty-state__capability {
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1384
|
+
display: inline-flex;
|
|
1385
|
+
align-items: center;
|
|
1386
|
+
gap: 0.375rem;
|
|
1387
|
+
padding: 0.3125rem 0.625rem;
|
|
1388
|
+
border-radius: 9999px;
|
|
1389
|
+
border: 1px solid var(--surface-chip-border, var(--border-default));
|
|
1390
|
+
background: var(--surface-chip, var(--overlay-subtle));
|
|
1391
|
+
font-size: 0.6875rem;
|
|
1392
|
+
font-weight: 500;
|
|
1393
|
+
color: var(--text-body);
|
|
1314
1394
|
}
|
|
1315
1395
|
|
|
1316
1396
|
.assistant-empty-state__cta {
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1397
|
+
display: flex;
|
|
1398
|
+
width: 100%;
|
|
1399
|
+
align-items: center;
|
|
1400
|
+
gap: 0.75rem;
|
|
1401
|
+
margin-top: 0.75rem;
|
|
1402
|
+
padding: 0.875rem 1rem;
|
|
1403
|
+
border-radius: var(--radius-base);
|
|
1404
|
+
border: 1px solid var(--border-brand-subtle);
|
|
1405
|
+
background: color-mix(in oklab, var(--brand) 6%, var(--surface-panel));
|
|
1406
|
+
color: inherit;
|
|
1407
|
+
font-family: inherit;
|
|
1408
|
+
text-align: left;
|
|
1409
|
+
cursor: pointer;
|
|
1410
|
+
transition:
|
|
1411
|
+
background 180ms ease,
|
|
1412
|
+
border-color 180ms ease,
|
|
1413
|
+
transform 120ms ease,
|
|
1414
|
+
box-shadow 180ms ease;
|
|
1335
1415
|
}
|
|
1336
1416
|
|
|
1337
1417
|
.assistant-empty-state__cta:hover {
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1418
|
+
border-color: color-mix(in oklab, var(--brand) 35%, var(--border-default));
|
|
1419
|
+
background: color-mix(in oklab, var(--brand) 10%, var(--surface-panel));
|
|
1420
|
+
transform: translateY(-1px);
|
|
1421
|
+
box-shadow: var(--shadow-sm, 0 1px 2px rgb(0 0 0 / 0.04));
|
|
1342
1422
|
}
|
|
1343
1423
|
|
|
1344
1424
|
.assistant-empty-state__cta:active {
|
|
1345
|
-
|
|
1425
|
+
transform: translateY(0);
|
|
1346
1426
|
}
|
|
1347
1427
|
|
|
1348
1428
|
.assistant-empty-state__cta-icon {
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1357
|
-
|
|
1358
|
-
|
|
1429
|
+
display: flex;
|
|
1430
|
+
width: 2.25rem;
|
|
1431
|
+
height: 2.25rem;
|
|
1432
|
+
flex-shrink: 0;
|
|
1433
|
+
align-items: center;
|
|
1434
|
+
justify-content: center;
|
|
1435
|
+
border-radius: calc(var(--radius-base) - 2px);
|
|
1436
|
+
color: var(--text-brand);
|
|
1437
|
+
background: var(--surface-promo);
|
|
1438
|
+
box-shadow: 0 0 0 1px var(--border-brand-subtle);
|
|
1359
1439
|
}
|
|
1360
1440
|
|
|
1361
1441
|
.assistant-empty-state__cta-text {
|
|
1362
|
-
|
|
1363
|
-
|
|
1442
|
+
min-width: 0;
|
|
1443
|
+
flex: 1;
|
|
1364
1444
|
}
|
|
1365
1445
|
|
|
1366
1446
|
.assistant-empty-state__cta-label {
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1447
|
+
display: block;
|
|
1448
|
+
font-size: 0.8125rem;
|
|
1449
|
+
font-weight: 600;
|
|
1450
|
+
color: var(--text-heading);
|
|
1371
1451
|
}
|
|
1372
1452
|
|
|
1373
1453
|
.assistant-empty-state__cta-hint {
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1454
|
+
display: block;
|
|
1455
|
+
margin-top: 0.125rem;
|
|
1456
|
+
font-size: 0.6875rem;
|
|
1457
|
+
line-height: 1.4;
|
|
1458
|
+
color: var(--text-body-subtle);
|
|
1379
1459
|
}
|
|
1380
1460
|
|
|
1381
1461
|
.assistant-empty-state__section {
|
|
1382
|
-
|
|
1462
|
+
min-width: 0;
|
|
1383
1463
|
}
|
|
1384
1464
|
|
|
1385
1465
|
.assistant-empty-state__section-header {
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1466
|
+
display: flex;
|
|
1467
|
+
align-items: center;
|
|
1468
|
+
justify-content: space-between;
|
|
1469
|
+
gap: 0.75rem;
|
|
1470
|
+
margin-bottom: 0.625rem;
|
|
1391
1471
|
}
|
|
1392
1472
|
|
|
1393
1473
|
.assistant-empty-state__section-title {
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1474
|
+
display: inline-flex;
|
|
1475
|
+
align-items: center;
|
|
1476
|
+
gap: 0.375rem;
|
|
1477
|
+
margin: 0;
|
|
1478
|
+
font-size: 0.6875rem;
|
|
1479
|
+
font-weight: 600;
|
|
1480
|
+
letter-spacing: 0.06em;
|
|
1481
|
+
text-transform: uppercase;
|
|
1482
|
+
color: var(--text-body-subtle);
|
|
1403
1483
|
}
|
|
1404
1484
|
|
|
1405
1485
|
.assistant-empty-state__section-spinner {
|
|
1406
|
-
|
|
1486
|
+
animation: assistant-empty-state-spin 0.8s linear infinite;
|
|
1407
1487
|
}
|
|
1408
1488
|
|
|
1409
1489
|
.assistant-empty-state__section-refresh {
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1490
|
+
gap: 0.375rem;
|
|
1491
|
+
padding-inline: 0.5rem;
|
|
1492
|
+
font-size: 0.75rem;
|
|
1413
1493
|
}
|
|
1414
1494
|
|
|
1415
1495
|
.assistant-empty-state__hero {
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1496
|
+
display: flex;
|
|
1497
|
+
flex-direction: column;
|
|
1498
|
+
align-items: center;
|
|
1499
|
+
gap: 0.75rem;
|
|
1500
|
+
text-align: center;
|
|
1421
1501
|
}
|
|
1422
1502
|
|
|
1423
1503
|
.assistant-empty-state__hero-icon {
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1504
|
+
display: flex;
|
|
1505
|
+
width: 2.5rem;
|
|
1506
|
+
height: 2.5rem;
|
|
1507
|
+
align-items: center;
|
|
1508
|
+
justify-content: center;
|
|
1509
|
+
border-radius: 0.875rem;
|
|
1510
|
+
color: var(--text-brand);
|
|
1511
|
+
background: var(--surface-promo);
|
|
1512
|
+
box-shadow: 0 0 0 1px var(--border-brand-subtle);
|
|
1433
1513
|
}
|
|
1434
1514
|
|
|
1435
1515
|
.assistant-empty-state__grid {
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1516
|
+
display: grid;
|
|
1517
|
+
grid-template-columns: minmax(0, 1fr);
|
|
1518
|
+
gap: 0.625rem;
|
|
1439
1519
|
}
|
|
1440
1520
|
|
|
1441
1521
|
@media (min-width: 32rem) {
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1522
|
+
.assistant-empty-state__grid:not(.assistant-empty-state__grid--compact) {
|
|
1523
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1524
|
+
}
|
|
1445
1525
|
}
|
|
1446
1526
|
|
|
1447
1527
|
.assistant-empty-state__grid--compact {
|
|
1448
|
-
|
|
1528
|
+
margin-top: 0;
|
|
1449
1529
|
}
|
|
1450
1530
|
|
|
1451
1531
|
.assistant-empty-state__actions {
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1532
|
+
display: flex;
|
|
1533
|
+
justify-content: center;
|
|
1534
|
+
margin-top: 1rem;
|
|
1455
1535
|
}
|
|
1456
1536
|
|
|
1457
1537
|
.assistant-empty-state__actions--inline {
|
|
1458
|
-
|
|
1459
|
-
|
|
1538
|
+
margin-top: 0.75rem;
|
|
1539
|
+
margin-bottom: -0.25rem;
|
|
1460
1540
|
}
|
|
1461
1541
|
|
|
1462
1542
|
.assistant-empty-state__fetch {
|
|
1463
|
-
|
|
1543
|
+
gap: 0.5rem;
|
|
1464
1544
|
}
|
|
1465
1545
|
|
|
1466
1546
|
.assistant-empty-state__refresh {
|
|
1467
|
-
|
|
1547
|
+
font-size: 0.8125rem;
|
|
1468
1548
|
}
|
|
1469
1549
|
|
|
1470
1550
|
.assistant-error-callout {
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1551
|
+
display: flex;
|
|
1552
|
+
align-items: flex-start;
|
|
1553
|
+
gap: 0.625rem;
|
|
1554
|
+
min-width: 0;
|
|
1555
|
+
border-radius: var(--radius-base);
|
|
1556
|
+
border: 1px solid color-mix(in oklab, var(--danger) 22%, transparent);
|
|
1557
|
+
background: color-mix(in oklab, var(--danger) 6%, var(--overlay-subtle));
|
|
1478
1558
|
}
|
|
1479
1559
|
|
|
1480
1560
|
.assistant-error-callout--embedded {
|
|
1481
|
-
|
|
1561
|
+
padding: 0.625rem 0.75rem;
|
|
1482
1562
|
}
|
|
1483
1563
|
|
|
1484
1564
|
.assistant-error-callout--panel {
|
|
1485
|
-
|
|
1486
|
-
|
|
1565
|
+
margin-top: 0.25rem;
|
|
1566
|
+
padding: 0.625rem 0.75rem;
|
|
1487
1567
|
}
|
|
1488
1568
|
|
|
1489
1569
|
.assistant-error-callout__badge {
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1570
|
+
display: inline-flex;
|
|
1571
|
+
flex-shrink: 0;
|
|
1572
|
+
align-items: center;
|
|
1573
|
+
justify-content: center;
|
|
1574
|
+
width: 1.375rem;
|
|
1575
|
+
height: 1.375rem;
|
|
1576
|
+
border-radius: 999px;
|
|
1577
|
+
background: color-mix(in oklab, var(--danger) 14%, transparent);
|
|
1578
|
+
color: var(--text-danger);
|
|
1499
1579
|
}
|
|
1500
1580
|
|
|
1501
1581
|
.assistant-error-callout__body {
|
|
1502
|
-
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1582
|
+
display: flex;
|
|
1583
|
+
min-width: 0;
|
|
1584
|
+
flex: 1;
|
|
1585
|
+
flex-direction: column;
|
|
1586
|
+
gap: 0.125rem;
|
|
1507
1587
|
}
|
|
1508
1588
|
|
|
1509
1589
|
.assistant-error-callout__title {
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1590
|
+
margin: 0;
|
|
1591
|
+
font-size: 0.8125rem;
|
|
1592
|
+
font-weight: 600;
|
|
1593
|
+
line-height: 1.35;
|
|
1594
|
+
color: var(--text-body-strong, var(--text-body));
|
|
1515
1595
|
}
|
|
1516
1596
|
|
|
1517
1597
|
.assistant-error-callout__detail {
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1598
|
+
margin: 0;
|
|
1599
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
|
|
1600
|
+
font-size: 0.6875rem;
|
|
1601
|
+
line-height: 1.45;
|
|
1602
|
+
color: var(--text-danger);
|
|
1523
1603
|
}
|
|
1524
1604
|
|
|
1525
1605
|
.assistant-error-callout__hint {
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1606
|
+
margin: 0.125rem 0 0;
|
|
1607
|
+
font-size: 0.75rem;
|
|
1608
|
+
line-height: 1.45;
|
|
1609
|
+
color: var(--text-body-subtle, var(--text-chat-secondary));
|
|
1530
1610
|
}
|
|
1531
1611
|
|
|
1532
1612
|
.assistant-error-callout__chip {
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1613
|
+
display: inline-flex;
|
|
1614
|
+
flex-shrink: 0;
|
|
1615
|
+
align-items: center;
|
|
1616
|
+
gap: 0.25rem;
|
|
1617
|
+
align-self: center;
|
|
1618
|
+
padding: 0.1875rem 0.5rem;
|
|
1619
|
+
border: 1px solid color-mix(in oklab, var(--danger) 28%, transparent);
|
|
1620
|
+
border-radius: 999px;
|
|
1621
|
+
background: color-mix(in oklab, var(--surface-panel) 90%, var(--danger) 10%);
|
|
1622
|
+
color: var(--text-danger);
|
|
1623
|
+
font-family: inherit;
|
|
1624
|
+
font-size: 0.6875rem;
|
|
1625
|
+
font-weight: 600;
|
|
1626
|
+
line-height: 1.2;
|
|
1627
|
+
cursor: pointer;
|
|
1628
|
+
transition:
|
|
1629
|
+
background 150ms ease,
|
|
1630
|
+
border-color 150ms ease;
|
|
1551
1631
|
}
|
|
1552
1632
|
|
|
1553
1633
|
.assistant-error-callout__chip:hover:not(:disabled) {
|
|
1554
|
-
|
|
1555
|
-
|
|
1634
|
+
background: color-mix(in oklab, var(--surface-panel) 82%, var(--danger) 18%);
|
|
1635
|
+
border-color: color-mix(in oklab, var(--danger) 40%, transparent);
|
|
1556
1636
|
}
|
|
1557
1637
|
|
|
1558
1638
|
.assistant-error-callout__chip:focus-visible {
|
|
1559
|
-
|
|
1560
|
-
|
|
1639
|
+
outline: 2px solid color-mix(in oklab, var(--danger) 45%, transparent);
|
|
1640
|
+
outline-offset: 2px;
|
|
1561
1641
|
}
|
|
1562
1642
|
|
|
1563
1643
|
.assistant-error-callout__chip:disabled {
|
|
1564
|
-
|
|
1565
|
-
|
|
1644
|
+
opacity: 0.55;
|
|
1645
|
+
cursor: not-allowed;
|
|
1566
1646
|
}
|
|
1567
1647
|
|
|
1568
1648
|
.assistant-suggestions-strip {
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1649
|
+
margin-bottom: 0.75rem;
|
|
1650
|
+
padding: 0.75rem;
|
|
1651
|
+
border-radius: var(--radius-base);
|
|
1652
|
+
border: 1px solid var(--border-default);
|
|
1653
|
+
background: var(--surface-panel);
|
|
1574
1654
|
}
|
|
1575
1655
|
|
|
1576
1656
|
.assistant-suggestions-strip__header {
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1657
|
+
display: flex;
|
|
1658
|
+
align-items: center;
|
|
1659
|
+
justify-content: space-between;
|
|
1660
|
+
gap: 0.5rem;
|
|
1661
|
+
margin-bottom: 0.5rem;
|
|
1582
1662
|
}
|
|
1583
1663
|
|
|
1584
1664
|
.assistant-suggestions-strip__title {
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
|
|
1665
|
+
display: inline-flex;
|
|
1666
|
+
align-items: center;
|
|
1667
|
+
gap: 0.375rem;
|
|
1668
|
+
font-size: 0.8125rem;
|
|
1669
|
+
font-weight: 600;
|
|
1670
|
+
color: var(--text-heading);
|
|
1591
1671
|
}
|
|
1592
1672
|
|
|
1593
1673
|
.assistant-suggestions-strip__actions {
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1674
|
+
display: inline-flex;
|
|
1675
|
+
align-items: center;
|
|
1676
|
+
gap: 0.25rem;
|
|
1597
1677
|
}
|
|
1598
1678
|
|
|
1599
1679
|
.assistant-suggestions-strip__refresh {
|
|
1600
|
-
|
|
1601
|
-
|
|
1680
|
+
gap: 0.375rem;
|
|
1681
|
+
font-size: 0.8125rem;
|
|
1602
1682
|
}
|
|
1603
1683
|
|
|
1604
1684
|
.assistant-panel__clear {
|
|
1605
|
-
|
|
1685
|
+
padding: 0.5rem;
|
|
1606
1686
|
}
|
|
1607
1687
|
|
|
1608
1688
|
.assistant-empty-state__prompt {
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
|
|
1615
|
-
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
|
|
1621
|
-
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
|
|
1625
|
-
|
|
1626
|
-
|
|
1627
|
-
|
|
1689
|
+
display: flex;
|
|
1690
|
+
width: 100%;
|
|
1691
|
+
align-items: flex-start;
|
|
1692
|
+
gap: 0.625rem;
|
|
1693
|
+
padding: 0.875rem;
|
|
1694
|
+
border-radius: var(--radius-base);
|
|
1695
|
+
border: 1px solid var(--border-default);
|
|
1696
|
+
background: var(--surface-panel);
|
|
1697
|
+
color: inherit;
|
|
1698
|
+
font-family: inherit;
|
|
1699
|
+
text-align: left;
|
|
1700
|
+
cursor: pointer;
|
|
1701
|
+
position: relative;
|
|
1702
|
+
transition:
|
|
1703
|
+
background 180ms ease,
|
|
1704
|
+
border-color 180ms ease,
|
|
1705
|
+
transform 120ms ease,
|
|
1706
|
+
box-shadow 180ms ease;
|
|
1707
|
+
animation: assistant-empty-state-in 0.35s ease-out both;
|
|
1628
1708
|
}
|
|
1629
1709
|
|
|
1630
1710
|
.assistant-empty-state__prompt:not(
|
|
1631
|
-
|
|
1711
|
+
.assistant-empty-state__prompt--compact
|
|
1632
1712
|
):hover {
|
|
1633
|
-
|
|
1634
|
-
|
|
1635
|
-
|
|
1636
|
-
|
|
1713
|
+
border-color: var(--border-brand-subtle);
|
|
1714
|
+
background: color-mix(in oklab, var(--brand) 4%, var(--surface-panel));
|
|
1715
|
+
transform: translateY(-2px);
|
|
1716
|
+
box-shadow: var(--shadow-sm, 0 1px 2px rgb(0 0 0 / 0.04));
|
|
1637
1717
|
}
|
|
1638
1718
|
|
|
1639
1719
|
.assistant-empty-state__prompt--compact {
|
|
1640
|
-
|
|
1641
|
-
|
|
1720
|
+
align-items: center;
|
|
1721
|
+
padding: 0.625rem 0.75rem;
|
|
1642
1722
|
}
|
|
1643
1723
|
|
|
1644
1724
|
.assistant-empty-state__prompt--compact:hover {
|
|
1645
|
-
|
|
1646
|
-
|
|
1725
|
+
border-color: var(--border-brand-subtle);
|
|
1726
|
+
background: color-mix(in oklab, var(--brand) 4%, var(--surface-panel));
|
|
1647
1727
|
}
|
|
1648
1728
|
|
|
1649
1729
|
.assistant-empty-state__icon {
|
|
1650
|
-
|
|
1651
|
-
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
|
|
1655
|
-
|
|
1656
|
-
|
|
1657
|
-
|
|
1658
|
-
|
|
1659
|
-
|
|
1730
|
+
display: flex;
|
|
1731
|
+
width: 2rem;
|
|
1732
|
+
height: 2rem;
|
|
1733
|
+
flex-shrink: 0;
|
|
1734
|
+
align-items: center;
|
|
1735
|
+
justify-content: center;
|
|
1736
|
+
border-radius: calc(var(--radius-base) - 2px);
|
|
1737
|
+
color: var(--text-brand);
|
|
1738
|
+
background: var(--surface-promo);
|
|
1739
|
+
box-shadow: 0 0 0 1px var(--border-brand-subtle);
|
|
1660
1740
|
}
|
|
1661
1741
|
|
|
1662
1742
|
.assistant-empty-state__prompt--compact .assistant-empty-state__icon {
|
|
1663
|
-
|
|
1664
|
-
|
|
1743
|
+
width: 1.75rem;
|
|
1744
|
+
height: 1.75rem;
|
|
1665
1745
|
}
|
|
1666
1746
|
|
|
1667
1747
|
.assistant-scroll-down {
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
|
|
1676
|
-
|
|
1677
|
-
|
|
1678
|
-
|
|
1679
|
-
|
|
1680
|
-
|
|
1681
|
-
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
|
|
1748
|
+
position: absolute;
|
|
1749
|
+
bottom: 0.75rem;
|
|
1750
|
+
left: 50%;
|
|
1751
|
+
z-index: 10;
|
|
1752
|
+
display: flex;
|
|
1753
|
+
width: 2.25rem;
|
|
1754
|
+
height: 2.25rem;
|
|
1755
|
+
align-items: center;
|
|
1756
|
+
justify-content: center;
|
|
1757
|
+
border-radius: 9999px;
|
|
1758
|
+
border: 1px solid var(--border-default);
|
|
1759
|
+
background: color-mix(in oklab, var(--surface-panel) 95%, transparent);
|
|
1760
|
+
box-shadow: 0 4px 16px rgb(0 0 0 / 0.12);
|
|
1761
|
+
transform: translateX(-50%);
|
|
1762
|
+
cursor: pointer;
|
|
1763
|
+
color: var(--text-heading);
|
|
1764
|
+
backdrop-filter: blur(8px);
|
|
1685
1765
|
}
|
|
1686
1766
|
|
|
1687
1767
|
.model-selector--footer {
|
|
1688
|
-
|
|
1689
|
-
|
|
1768
|
+
min-width: 0;
|
|
1769
|
+
flex: 1;
|
|
1690
1770
|
}
|
|
1691
1771
|
|
|
1692
1772
|
.model-selector--footer .model-selector__field {
|
|
1693
|
-
|
|
1694
|
-
|
|
1773
|
+
width: 100%;
|
|
1774
|
+
max-width: none;
|
|
1695
1775
|
}
|
|
1696
1776
|
|
|
1697
1777
|
.model-selector--footer .model-selector__input {
|
|
1698
|
-
|
|
1699
|
-
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1778
|
+
border: none;
|
|
1779
|
+
background: transparent;
|
|
1780
|
+
padding-top: 0.25rem;
|
|
1781
|
+
padding-bottom: 0.25rem;
|
|
1782
|
+
font-size: 0.75rem;
|
|
1783
|
+
color: var(--text-chat-secondary);
|
|
1704
1784
|
}
|
|
1705
1785
|
|
|
1706
1786
|
.model-selector--footer .model-selector__input:focus,
|
|
1707
1787
|
.model-selector--footer .model-selector__input:focus-visible {
|
|
1708
|
-
|
|
1709
|
-
|
|
1788
|
+
outline: none;
|
|
1789
|
+
box-shadow: none;
|
|
1710
1790
|
}
|
|
1711
1791
|
|
|
1712
1792
|
.model-selector--footer .model-selector__list--drop-up {
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1793
|
+
top: auto;
|
|
1794
|
+
bottom: calc(100% + 0.375rem);
|
|
1795
|
+
z-index: 40;
|
|
1716
1796
|
}
|
|
1717
1797
|
|
|
1718
1798
|
/* Interactive confirmation / choices in trace */
|
|
1719
1799
|
.assistant-interactive-prompt {
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1800
|
+
position: relative;
|
|
1801
|
+
overflow: clip;
|
|
1802
|
+
display: flex;
|
|
1803
|
+
flex-direction: column;
|
|
1804
|
+
gap: 0.4375rem;
|
|
1805
|
+
width: 100%;
|
|
1806
|
+
min-width: 0;
|
|
1807
|
+
border-radius: var(--radius-base);
|
|
1808
|
+
border: 1px solid var(--border-default-medium);
|
|
1809
|
+
background: var(--surface-chat-card);
|
|
1810
|
+
padding: 0.5rem 0.5625rem 0.5rem 0.625rem;
|
|
1811
|
+
font-family: inherit;
|
|
1732
1812
|
}
|
|
1733
1813
|
|
|
1734
1814
|
.assistant-interactive-prompt::before {
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1815
|
+
content: "";
|
|
1816
|
+
position: absolute;
|
|
1817
|
+
inset-block: 0.3125rem;
|
|
1818
|
+
inset-inline-start: 0;
|
|
1819
|
+
width: 2px;
|
|
1820
|
+
border-radius: 0 9999px 9999px 0;
|
|
1821
|
+
background: var(--accent-violet);
|
|
1742
1822
|
}
|
|
1743
1823
|
|
|
1744
1824
|
.assistant-interactive-prompt--caution {
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1825
|
+
border-color: color-mix(
|
|
1826
|
+
in oklab,
|
|
1827
|
+
var(--warning) 30%,
|
|
1828
|
+
var(--border-default) 70%
|
|
1829
|
+
);
|
|
1830
|
+
background: color-mix(
|
|
1831
|
+
in oklab,
|
|
1832
|
+
var(--warning-soft) 35%,
|
|
1833
|
+
var(--surface-chat-card)
|
|
1834
|
+
);
|
|
1755
1835
|
}
|
|
1756
1836
|
|
|
1757
1837
|
.assistant-interactive-prompt--caution::before {
|
|
1758
|
-
|
|
1838
|
+
background: var(--warning);
|
|
1759
1839
|
}
|
|
1760
1840
|
|
|
1761
1841
|
.assistant-interactive-prompt__main {
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
|
|
1842
|
+
display: flex;
|
|
1843
|
+
align-items: flex-start;
|
|
1844
|
+
gap: 0.4375rem;
|
|
1845
|
+
min-width: 0;
|
|
1766
1846
|
}
|
|
1767
1847
|
|
|
1768
1848
|
.assistant-interactive-prompt__icon {
|
|
1769
|
-
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
|
|
1778
|
-
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
|
|
1849
|
+
display: flex;
|
|
1850
|
+
width: 1.5rem;
|
|
1851
|
+
height: 1.5rem;
|
|
1852
|
+
flex-shrink: 0;
|
|
1853
|
+
align-items: center;
|
|
1854
|
+
justify-content: center;
|
|
1855
|
+
border-radius: 0.3125rem;
|
|
1856
|
+
color: var(--accent-violet);
|
|
1857
|
+
background: color-mix(
|
|
1858
|
+
in oklab,
|
|
1859
|
+
var(--accent-violet) 12%,
|
|
1860
|
+
var(--surface-chip)
|
|
1861
|
+
);
|
|
1782
1862
|
}
|
|
1783
1863
|
|
|
1784
1864
|
.assistant-interactive-prompt__icon--caution {
|
|
1785
|
-
|
|
1786
|
-
|
|
1865
|
+
color: var(--warning);
|
|
1866
|
+
background: var(--warning-soft);
|
|
1787
1867
|
}
|
|
1788
1868
|
|
|
1789
1869
|
.assistant-interactive-prompt__content {
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
|
|
1793
|
-
|
|
1794
|
-
|
|
1870
|
+
display: flex;
|
|
1871
|
+
flex-direction: column;
|
|
1872
|
+
gap: 0.1875rem;
|
|
1873
|
+
min-width: 0;
|
|
1874
|
+
flex: 1;
|
|
1795
1875
|
}
|
|
1796
1876
|
|
|
1797
1877
|
.assistant-interactive-prompt__title {
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1878
|
+
margin: 0;
|
|
1879
|
+
font-size: 0.75rem;
|
|
1880
|
+
font-weight: 600;
|
|
1881
|
+
line-height: 1.25;
|
|
1882
|
+
color: var(--text-heading);
|
|
1803
1883
|
}
|
|
1804
1884
|
|
|
1805
1885
|
.assistant-interactive-prompt__body {
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1886
|
+
display: flex;
|
|
1887
|
+
flex-direction: column;
|
|
1888
|
+
gap: 0.125rem;
|
|
1889
|
+
min-width: 0;
|
|
1810
1890
|
}
|
|
1811
1891
|
|
|
1812
1892
|
.assistant-interactive-prompt__message {
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1893
|
+
margin: 0;
|
|
1894
|
+
font-size: 0.75rem;
|
|
1895
|
+
line-height: 1.4;
|
|
1896
|
+
color: var(--text-chat-secondary);
|
|
1897
|
+
overflow-wrap: anywhere;
|
|
1818
1898
|
}
|
|
1819
1899
|
|
|
1820
1900
|
.assistant-interactive-prompt__action {
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1901
|
+
margin: 0;
|
|
1902
|
+
font-size: 0.6875rem;
|
|
1903
|
+
font-weight: 600;
|
|
1904
|
+
line-height: 1.3;
|
|
1905
|
+
color: var(--text-chat-tertiary);
|
|
1906
|
+
overflow-wrap: anywhere;
|
|
1827
1907
|
}
|
|
1828
1908
|
|
|
1829
1909
|
.assistant-interactive-prompt__action--caution {
|
|
1830
|
-
|
|
1910
|
+
color: var(--text-danger);
|
|
1831
1911
|
}
|
|
1832
1912
|
|
|
1833
1913
|
.assistant-interactive-prompt__bar {
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
|
|
1914
|
+
display: flex;
|
|
1915
|
+
align-items: center;
|
|
1916
|
+
justify-content: space-between;
|
|
1917
|
+
gap: 0.5rem;
|
|
1918
|
+
padding-top: 0.3125rem;
|
|
1919
|
+
border-top: 1px solid var(--border-default);
|
|
1840
1920
|
}
|
|
1841
1921
|
|
|
1842
1922
|
.assistant-interactive-prompt--caution .assistant-interactive-prompt__bar {
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1923
|
+
border-top-color: color-mix(
|
|
1924
|
+
in oklab,
|
|
1925
|
+
var(--warning) 15%,
|
|
1926
|
+
var(--border-default) 85%
|
|
1927
|
+
);
|
|
1848
1928
|
}
|
|
1849
1929
|
|
|
1850
1930
|
.assistant-interactive-prompt__hint {
|
|
1851
|
-
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1931
|
+
margin: 0;
|
|
1932
|
+
flex-shrink: 0;
|
|
1933
|
+
font-size: 0.625rem;
|
|
1934
|
+
line-height: 1;
|
|
1935
|
+
color: var(--text-chat-tertiary);
|
|
1936
|
+
white-space: nowrap;
|
|
1857
1937
|
}
|
|
1858
1938
|
|
|
1859
1939
|
.assistant-interactive-prompt__actions {
|
|
1860
|
-
|
|
1861
|
-
|
|
1862
|
-
|
|
1863
|
-
|
|
1940
|
+
display: flex;
|
|
1941
|
+
flex-shrink: 0;
|
|
1942
|
+
align-items: center;
|
|
1943
|
+
gap: 0.3125rem;
|
|
1864
1944
|
}
|
|
1865
1945
|
|
|
1866
1946
|
.assistant-interactive-choice-list {
|
|
1867
|
-
|
|
1868
|
-
|
|
1869
|
-
|
|
1947
|
+
display: flex;
|
|
1948
|
+
flex-direction: column;
|
|
1949
|
+
gap: 0.375rem;
|
|
1870
1950
|
}
|
|
1871
1951
|
|
|
1872
1952
|
.assistant-interactive-choice {
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
|
|
1883
|
-
|
|
1953
|
+
display: flex;
|
|
1954
|
+
cursor: pointer;
|
|
1955
|
+
align-items: flex-start;
|
|
1956
|
+
gap: 0.4375rem;
|
|
1957
|
+
padding: 0.375rem 0.4375rem;
|
|
1958
|
+
border-radius: calc(var(--radius-base) - 2px);
|
|
1959
|
+
border: 1px solid var(--border-default);
|
|
1960
|
+
background: var(--surface-inset);
|
|
1961
|
+
transition:
|
|
1962
|
+
border-color 150ms ease,
|
|
1963
|
+
background-color 150ms ease;
|
|
1884
1964
|
}
|
|
1885
1965
|
|
|
1886
1966
|
.assistant-interactive-choice:hover:not(
|
|
1887
|
-
|
|
1967
|
+
.assistant-interactive-choice--disabled
|
|
1888
1968
|
) {
|
|
1889
|
-
|
|
1890
|
-
|
|
1969
|
+
border-color: var(--border-brand-subtle);
|
|
1970
|
+
background: var(--overlay-hover);
|
|
1891
1971
|
}
|
|
1892
1972
|
|
|
1893
1973
|
.assistant-interactive-choice--selected {
|
|
1894
|
-
|
|
1895
|
-
|
|
1896
|
-
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
|
|
1974
|
+
border-color: var(--border-brand-subtle);
|
|
1975
|
+
background: color-mix(
|
|
1976
|
+
in oklab,
|
|
1977
|
+
var(--accent-violet) 8%,
|
|
1978
|
+
var(--surface-inset)
|
|
1979
|
+
);
|
|
1900
1980
|
}
|
|
1901
1981
|
|
|
1902
1982
|
.assistant-interactive-choice--disabled {
|
|
1903
|
-
|
|
1904
|
-
|
|
1983
|
+
cursor: not-allowed;
|
|
1984
|
+
opacity: 0.55;
|
|
1905
1985
|
}
|
|
1906
1986
|
|
|
1907
1987
|
.assistant-interactive-choice__check {
|
|
1908
|
-
|
|
1909
|
-
|
|
1910
|
-
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1988
|
+
display: flex;
|
|
1989
|
+
width: 1rem;
|
|
1990
|
+
height: 1rem;
|
|
1991
|
+
flex-shrink: 0;
|
|
1992
|
+
margin-top: 0.0625rem;
|
|
1993
|
+
align-items: center;
|
|
1994
|
+
justify-content: center;
|
|
1995
|
+
border-radius: 9999px;
|
|
1996
|
+
border: 1px solid var(--border-default-medium);
|
|
1997
|
+
background: var(--surface-chip);
|
|
1998
|
+
color: var(--modern-primary-deep);
|
|
1999
|
+
transition:
|
|
2000
|
+
border-color 150ms ease,
|
|
2001
|
+
background-color 150ms ease;
|
|
1922
2002
|
}
|
|
1923
2003
|
|
|
1924
2004
|
.assistant-interactive-choice__check--on {
|
|
1925
|
-
|
|
1926
|
-
|
|
2005
|
+
border-color: var(--accent-violet);
|
|
2006
|
+
background: var(--accent-violet);
|
|
1927
2007
|
}
|
|
1928
2008
|
|
|
1929
2009
|
.assistant-interactive-choice__content {
|
|
1930
|
-
|
|
1931
|
-
|
|
2010
|
+
min-width: 0;
|
|
2011
|
+
flex: 1 1 auto;
|
|
1932
2012
|
}
|
|
1933
2013
|
|
|
1934
2014
|
.assistant-interactive-choice__label {
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
2015
|
+
display: block;
|
|
2016
|
+
font-size: 0.75rem;
|
|
2017
|
+
font-weight: 600;
|
|
2018
|
+
line-height: 1.35;
|
|
2019
|
+
color: var(--text-heading);
|
|
2020
|
+
overflow-wrap: anywhere;
|
|
1941
2021
|
}
|
|
1942
2022
|
|
|
1943
2023
|
.assistant-interactive-choice__label--mono {
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
2024
|
+
font-family: ui-monospace, monospace;
|
|
2025
|
+
font-size: 0.6875rem;
|
|
2026
|
+
letter-spacing: -0.01em;
|
|
1947
2027
|
}
|
|
1948
2028
|
|
|
1949
2029
|
.assistant-interactive-choice__description {
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
|
|
1953
|
-
|
|
1954
|
-
|
|
1955
|
-
|
|
2030
|
+
display: block;
|
|
2031
|
+
margin-top: 0.1875rem;
|
|
2032
|
+
font-size: 0.6875rem;
|
|
2033
|
+
line-height: 1.4;
|
|
2034
|
+
color: var(--text-chat-tertiary);
|
|
2035
|
+
overflow-wrap: anywhere;
|
|
1956
2036
|
}
|
|
1957
2037
|
|
|
1958
2038
|
.assistant-interactive-kbd {
|
|
1959
|
-
|
|
1960
|
-
|
|
1961
|
-
|
|
1962
|
-
|
|
1963
|
-
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
|
|
1971
|
-
|
|
1972
|
-
|
|
1973
|
-
|
|
1974
|
-
|
|
1975
|
-
|
|
2039
|
+
display: inline-flex;
|
|
2040
|
+
min-width: 1.25rem;
|
|
2041
|
+
align-items: center;
|
|
2042
|
+
justify-content: center;
|
|
2043
|
+
flex-shrink: 0;
|
|
2044
|
+
margin-top: 0.0625rem;
|
|
2045
|
+
border-radius: 0.375rem;
|
|
2046
|
+
border: 1px solid var(--border-default-medium);
|
|
2047
|
+
background: var(--surface-chat-card);
|
|
2048
|
+
padding: 0.0625rem 0.375rem;
|
|
2049
|
+
font-family: ui-monospace, monospace;
|
|
2050
|
+
font-size: 0.625rem;
|
|
2051
|
+
font-weight: 600;
|
|
2052
|
+
line-height: 1.2;
|
|
2053
|
+
color: var(--text-chat-tertiary);
|
|
2054
|
+
opacity: 0;
|
|
2055
|
+
transition: opacity 0.15s ease;
|
|
1976
2056
|
}
|
|
1977
2057
|
|
|
1978
2058
|
.assistant-interactive-choice:hover .assistant-interactive-kbd,
|
|
1979
2059
|
.assistant-interactive-choice--selected .assistant-interactive-kbd {
|
|
1980
|
-
|
|
2060
|
+
opacity: 1;
|
|
1981
2061
|
}
|
|
1982
2062
|
|
|
1983
2063
|
.assistant-activity-step--waiting .assistant-trace-icon--active {
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
2064
|
+
color: var(--warning);
|
|
2065
|
+
background: var(--warning-soft);
|
|
2066
|
+
box-shadow: 0 0 0 1px color-mix(in oklab, var(--warning) 30%, transparent);
|
|
1987
2067
|
}
|
|
1988
2068
|
|
|
1989
2069
|
.assistant-activity-step-details--interactive {
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
|
|
2070
|
+
display: flex;
|
|
2071
|
+
flex-direction: column;
|
|
2072
|
+
gap: 0.625rem;
|
|
1993
2073
|
}
|
|
1994
2074
|
|
|
1995
2075
|
/* Reply suggestions */
|
|
1996
2076
|
.assistant-reply-suggestions {
|
|
1997
|
-
|
|
2077
|
+
padding: 0.5rem 0.875rem 0.625rem;
|
|
1998
2078
|
}
|
|
1999
2079
|
|
|
2000
2080
|
.assistant-assistant-card .assistant-reply-suggestions {
|
|
2001
|
-
|
|
2002
|
-
|
|
2081
|
+
border-top: 1px solid var(--border-default);
|
|
2082
|
+
background: var(--surface-chat-trace);
|
|
2003
2083
|
}
|
|
2004
2084
|
|
|
2005
2085
|
.assistant-reply-suggestions__panel {
|
|
2006
|
-
|
|
2007
|
-
|
|
2008
|
-
|
|
2009
|
-
|
|
2086
|
+
overflow: clip;
|
|
2087
|
+
border-radius: calc(var(--radius-base) - 1px);
|
|
2088
|
+
border: 1px solid var(--border-default-medium);
|
|
2089
|
+
background: var(--surface-inset);
|
|
2010
2090
|
}
|
|
2011
2091
|
|
|
2012
2092
|
.assistant-reply-suggestions__list {
|
|
2013
|
-
|
|
2014
|
-
|
|
2093
|
+
display: flex;
|
|
2094
|
+
flex-direction: column;
|
|
2015
2095
|
}
|
|
2016
2096
|
|
|
2017
2097
|
.assistant-reply-option {
|
|
2018
|
-
|
|
2019
|
-
|
|
2020
|
-
|
|
2021
|
-
|
|
2022
|
-
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
|
|
2029
|
-
|
|
2098
|
+
display: flex;
|
|
2099
|
+
width: 100%;
|
|
2100
|
+
align-items: center;
|
|
2101
|
+
gap: 0.5rem;
|
|
2102
|
+
padding: 0.4375rem 0.5rem;
|
|
2103
|
+
border: 0;
|
|
2104
|
+
border-bottom: 1px solid var(--border-default);
|
|
2105
|
+
background: transparent;
|
|
2106
|
+
text-align: left;
|
|
2107
|
+
cursor: pointer;
|
|
2108
|
+
font-family: inherit;
|
|
2109
|
+
transition: background-color 120ms ease;
|
|
2030
2110
|
}
|
|
2031
2111
|
|
|
2032
2112
|
.assistant-reply-option:last-of-type {
|
|
2033
|
-
|
|
2113
|
+
border-bottom: none;
|
|
2034
2114
|
}
|
|
2035
2115
|
|
|
2036
2116
|
.assistant-reply-option:hover:not(:disabled) {
|
|
2037
|
-
|
|
2117
|
+
background: var(--overlay-hover);
|
|
2038
2118
|
}
|
|
2039
2119
|
|
|
2040
2120
|
.assistant-reply-option__arrow {
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
|
|
2121
|
+
opacity: 0;
|
|
2122
|
+
color: var(--text-chat-tertiary);
|
|
2123
|
+
transition:
|
|
2124
|
+
opacity 120ms ease,
|
|
2125
|
+
color 120ms ease;
|
|
2046
2126
|
}
|
|
2047
2127
|
|
|
2048
2128
|
.assistant-reply-option:hover:not(:disabled) .assistant-reply-option__arrow {
|
|
2049
|
-
|
|
2050
|
-
|
|
2129
|
+
opacity: 1;
|
|
2130
|
+
color: var(--accent-violet);
|
|
2051
2131
|
}
|
|
2052
2132
|
|
|
2053
2133
|
.assistant-reply-option:disabled {
|
|
2054
|
-
|
|
2055
|
-
|
|
2134
|
+
cursor: not-allowed;
|
|
2135
|
+
opacity: 0.55;
|
|
2056
2136
|
}
|
|
2057
2137
|
|
|
2058
2138
|
.assistant-reply-option--custom {
|
|
2059
|
-
|
|
2139
|
+
border-bottom-style: dashed;
|
|
2060
2140
|
}
|
|
2061
2141
|
|
|
2062
2142
|
.assistant-reply-option--structured {
|
|
2063
|
-
|
|
2064
|
-
|
|
2143
|
+
align-items: flex-start;
|
|
2144
|
+
padding-block: 0.5rem;
|
|
2065
2145
|
}
|
|
2066
2146
|
|
|
2067
2147
|
.assistant-reply-option__index {
|
|
2068
|
-
|
|
2069
|
-
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2148
|
+
display: inline-flex;
|
|
2149
|
+
width: 1.125rem;
|
|
2150
|
+
height: 1.125rem;
|
|
2151
|
+
flex-shrink: 0;
|
|
2152
|
+
align-items: center;
|
|
2153
|
+
justify-content: center;
|
|
2154
|
+
border-radius: 0.3125rem;
|
|
2155
|
+
font-size: 0.625rem;
|
|
2156
|
+
font-weight: 700;
|
|
2157
|
+
font-family: ui-monospace, monospace;
|
|
2158
|
+
color: var(--accent-violet);
|
|
2159
|
+
background: color-mix(
|
|
2160
|
+
in oklab,
|
|
2161
|
+
var(--accent-violet) 10%,
|
|
2162
|
+
var(--surface-chat-card)
|
|
2163
|
+
);
|
|
2164
|
+
box-shadow: inset 0 0 0 1px
|
|
2165
|
+
color-mix(in oklab, var(--accent-violet) 18%, transparent);
|
|
2086
2166
|
}
|
|
2087
2167
|
|
|
2088
2168
|
.assistant-reply-option__body {
|
|
2089
|
-
|
|
2090
|
-
|
|
2091
|
-
|
|
2092
|
-
|
|
2093
|
-
|
|
2169
|
+
min-width: 0;
|
|
2170
|
+
flex: 1;
|
|
2171
|
+
display: flex;
|
|
2172
|
+
flex-direction: column;
|
|
2173
|
+
gap: 0.125rem;
|
|
2094
2174
|
}
|
|
2095
2175
|
|
|
2096
2176
|
.assistant-reply-option__label {
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
|
|
2100
|
-
|
|
2101
|
-
|
|
2177
|
+
font-size: 0.75rem;
|
|
2178
|
+
font-weight: 500;
|
|
2179
|
+
line-height: 1.35;
|
|
2180
|
+
color: var(--text-heading);
|
|
2181
|
+
overflow-wrap: anywhere;
|
|
2102
2182
|
}
|
|
2103
2183
|
|
|
2104
2184
|
.assistant-reply-option__meta {
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
2185
|
+
font-size: 0.6875rem;
|
|
2186
|
+
line-height: 1.35;
|
|
2187
|
+
color: var(--text-chat-tertiary);
|
|
2188
|
+
overflow-wrap: anywhere;
|
|
2109
2189
|
}
|
|
2110
2190
|
|
|
2111
2191
|
.assistant-reply-option__custom {
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2192
|
+
display: inline-flex;
|
|
2193
|
+
align-items: center;
|
|
2194
|
+
gap: 0.375rem;
|
|
2195
|
+
font-size: 0.75rem;
|
|
2196
|
+
color: var(--text-chat-secondary);
|
|
2117
2197
|
}
|
|
2118
2198
|
|
|
2119
2199
|
.assistant-reply-option__badges {
|
|
2120
|
-
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
|
|
2200
|
+
display: flex;
|
|
2201
|
+
flex-wrap: wrap;
|
|
2202
|
+
gap: 0.25rem;
|
|
2203
|
+
margin-top: 0.125rem;
|
|
2124
2204
|
}
|
|
2125
2205
|
|
|
2126
2206
|
.assistant-reply-badge {
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2207
|
+
display: inline-flex;
|
|
2208
|
+
align-items: center;
|
|
2209
|
+
gap: 0.25rem;
|
|
2210
|
+
padding: 0.0625rem 0.375rem;
|
|
2211
|
+
border-radius: 9999px;
|
|
2212
|
+
font-size: 0.625rem;
|
|
2213
|
+
background: var(--surface-chat-card);
|
|
2214
|
+
box-shadow: inset 0 0 0 1px var(--border-default);
|
|
2135
2215
|
}
|
|
2136
2216
|
|
|
2137
2217
|
.assistant-reply-badge__label {
|
|
2138
|
-
|
|
2139
|
-
|
|
2140
|
-
|
|
2218
|
+
font-weight: 600;
|
|
2219
|
+
text-transform: uppercase;
|
|
2220
|
+
color: var(--text-chat-tertiary);
|
|
2141
2221
|
}
|
|
2142
2222
|
|
|
2143
2223
|
.assistant-reply-badge__value {
|
|
2144
|
-
|
|
2224
|
+
color: var(--text-heading);
|
|
2145
2225
|
}
|
|
2146
2226
|
|
|
2147
2227
|
.assistant-reply-tool {
|
|
2148
|
-
|
|
2149
|
-
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
|
-
|
|
2155
|
-
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
|
|
2228
|
+
display: inline-flex;
|
|
2229
|
+
padding: 0.0625rem 0.375rem;
|
|
2230
|
+
border-radius: 0.25rem;
|
|
2231
|
+
font-family: ui-monospace, monospace;
|
|
2232
|
+
font-size: 0.625rem;
|
|
2233
|
+
color: var(--accent-violet);
|
|
2234
|
+
background: color-mix(
|
|
2235
|
+
in oklab,
|
|
2236
|
+
var(--accent-violet) 8%,
|
|
2237
|
+
var(--surface-chat-card)
|
|
2238
|
+
);
|
|
2159
2239
|
}
|
|
2160
2240
|
|
|
2161
2241
|
.assistant-reply-suggestions__hint {
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2168
|
-
|
|
2169
|
-
|
|
2170
|
-
|
|
2171
|
-
|
|
2242
|
+
display: flex;
|
|
2243
|
+
align-items: center;
|
|
2244
|
+
justify-content: center;
|
|
2245
|
+
gap: 0.25rem;
|
|
2246
|
+
margin: 0;
|
|
2247
|
+
padding: 0.3125rem 0.5rem;
|
|
2248
|
+
border-top: 1px solid var(--border-default);
|
|
2249
|
+
font-size: 0.625rem;
|
|
2250
|
+
line-height: 1;
|
|
2251
|
+
color: var(--text-chat-tertiary);
|
|
2172
2252
|
}
|
|
2173
2253
|
|
|
2174
2254
|
.assistant-reply-kbd {
|
|
2175
|
-
|
|
2176
|
-
|
|
2177
|
-
|
|
2178
|
-
|
|
2179
|
-
|
|
2180
|
-
|
|
2181
|
-
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
|
|
2255
|
+
display: inline-flex;
|
|
2256
|
+
min-width: 0.875rem;
|
|
2257
|
+
align-items: center;
|
|
2258
|
+
justify-content: center;
|
|
2259
|
+
padding: 0.0625rem 0.25rem;
|
|
2260
|
+
border-radius: 0.1875rem;
|
|
2261
|
+
border: 1px solid var(--border-default-medium);
|
|
2262
|
+
background: var(--surface-chat-card);
|
|
2263
|
+
font-family: ui-monospace, monospace;
|
|
2264
|
+
font-size: 0.5625rem;
|
|
2265
|
+
font-weight: 600;
|
|
2266
|
+
color: var(--text-chat-secondary);
|
|
2187
2267
|
}
|
|
2188
2268
|
|
|
2189
2269
|
/* ── Assistant panel shell ── */
|
|
2190
2270
|
.assistant-panel {
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
|
|
2271
|
+
display: flex;
|
|
2272
|
+
flex-direction: column;
|
|
2273
|
+
height: 100%;
|
|
2274
|
+
min-height: 0;
|
|
2275
|
+
width: 100%;
|
|
2276
|
+
margin-inline: auto;
|
|
2277
|
+
overflow: hidden;
|
|
2198
2278
|
}
|
|
2199
2279
|
|
|
2200
2280
|
.assistant-panel__header {
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2281
|
+
display: flex;
|
|
2282
|
+
flex-shrink: 0;
|
|
2283
|
+
align-items: center;
|
|
2284
|
+
justify-content: space-between;
|
|
2285
|
+
gap: 0.5rem;
|
|
2286
|
+
border-bottom: 1px solid var(--border-default);
|
|
2287
|
+
padding: 0.75rem 1rem;
|
|
2208
2288
|
}
|
|
2209
2289
|
|
|
2210
2290
|
.assistant-panel__header-main {
|
|
2211
|
-
|
|
2212
|
-
|
|
2213
|
-
|
|
2214
|
-
|
|
2291
|
+
display: flex;
|
|
2292
|
+
min-width: 0;
|
|
2293
|
+
align-items: center;
|
|
2294
|
+
gap: 0.625rem;
|
|
2215
2295
|
}
|
|
2216
2296
|
|
|
2217
2297
|
.assistant-panel__header-icon {
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
|
|
2227
|
-
|
|
2298
|
+
display: flex;
|
|
2299
|
+
width: 2rem;
|
|
2300
|
+
height: 2rem;
|
|
2301
|
+
flex-shrink: 0;
|
|
2302
|
+
align-items: center;
|
|
2303
|
+
justify-content: center;
|
|
2304
|
+
border-radius: 0.625rem;
|
|
2305
|
+
color: var(--text-brand);
|
|
2306
|
+
background: var(--surface-promo);
|
|
2307
|
+
box-shadow: 0 0 0 1px var(--border-brand-subtle);
|
|
2228
2308
|
}
|
|
2229
2309
|
|
|
2230
2310
|
.assistant-panel__header-text {
|
|
2231
|
-
|
|
2311
|
+
min-width: 0;
|
|
2232
2312
|
}
|
|
2233
2313
|
|
|
2234
2314
|
.assistant-panel__title {
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
-
|
|
2315
|
+
margin: 0;
|
|
2316
|
+
font-size: 0.875rem;
|
|
2317
|
+
font-weight: 600;
|
|
2318
|
+
letter-spacing: -0.01em;
|
|
2319
|
+
color: var(--text-heading);
|
|
2240
2320
|
}
|
|
2241
2321
|
|
|
2242
2322
|
.assistant-panel__subtitle {
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2323
|
+
margin: 0;
|
|
2324
|
+
overflow: hidden;
|
|
2325
|
+
text-overflow: ellipsis;
|
|
2326
|
+
white-space: nowrap;
|
|
2327
|
+
font-size: 0.6875rem;
|
|
2328
|
+
color: var(--text-chat-secondary);
|
|
2249
2329
|
}
|
|
2250
2330
|
|
|
2251
2331
|
.assistant-panel__clear {
|
|
2252
|
-
|
|
2332
|
+
padding: 0.5rem;
|
|
2253
2333
|
}
|
|
2254
2334
|
|
|
2255
2335
|
.assistant-panel__footer {
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
|
|
2336
|
+
position: relative;
|
|
2337
|
+
z-index: 10;
|
|
2338
|
+
flex-shrink: 0;
|
|
2339
|
+
overflow: visible;
|
|
2340
|
+
border-top: 1px solid var(--border-default);
|
|
2341
|
+
background: var(--surface-chat);
|
|
2342
|
+
padding: 0.75rem;
|
|
2263
2343
|
}
|
|
2264
2344
|
|
|
2265
2345
|
.assistant-panel__empty-title {
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2269
|
-
|
|
2270
|
-
|
|
2346
|
+
margin: 0;
|
|
2347
|
+
font-size: 0.875rem;
|
|
2348
|
+
font-weight: 600;
|
|
2349
|
+
letter-spacing: -0.01em;
|
|
2350
|
+
color: var(--text-heading);
|
|
2271
2351
|
}
|
|
2272
2352
|
|
|
2273
2353
|
.assistant-panel__empty-description {
|
|
2274
|
-
|
|
2275
|
-
|
|
2276
|
-
|
|
2277
|
-
|
|
2354
|
+
margin: 0.25rem 0 0;
|
|
2355
|
+
font-size: 0.6875rem;
|
|
2356
|
+
line-height: 1.5;
|
|
2357
|
+
color: var(--text-body-subtle);
|
|
2278
2358
|
}
|
|
2279
2359
|
|
|
2280
2360
|
.assistant-empty-state__prompt-text {
|
|
2281
|
-
|
|
2282
|
-
|
|
2283
|
-
|
|
2361
|
+
min-width: 0;
|
|
2362
|
+
flex: 1;
|
|
2363
|
+
text-align: left;
|
|
2284
2364
|
}
|
|
2285
2365
|
|
|
2286
2366
|
.assistant-empty-state__prompt-label {
|
|
2287
|
-
|
|
2288
|
-
|
|
2289
|
-
|
|
2290
|
-
|
|
2291
|
-
|
|
2292
|
-
|
|
2367
|
+
display: block;
|
|
2368
|
+
padding-right: 1.25rem;
|
|
2369
|
+
font-size: 0.8125rem;
|
|
2370
|
+
font-weight: 500;
|
|
2371
|
+
line-height: 1.35;
|
|
2372
|
+
color: var(--text-heading);
|
|
2293
2373
|
}
|
|
2294
2374
|
|
|
2295
2375
|
.assistant-empty-state__prompt--compact .assistant-empty-state__prompt-label {
|
|
2296
|
-
|
|
2297
|
-
|
|
2376
|
+
padding-right: 0;
|
|
2377
|
+
font-size: 0.75rem;
|
|
2298
2378
|
}
|
|
2299
2379
|
|
|
2300
2380
|
.assistant-empty-state__prompt-hint {
|
|
2301
|
-
|
|
2302
|
-
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2381
|
+
display: block;
|
|
2382
|
+
margin-top: 0.1875rem;
|
|
2383
|
+
font-size: 0.6875rem;
|
|
2384
|
+
line-height: 1.4;
|
|
2385
|
+
color: var(--text-body-subtle);
|
|
2306
2386
|
}
|
|
2307
2387
|
|
|
2308
2388
|
.assistant-empty-state__prompt-arrow {
|
|
2309
|
-
|
|
2310
|
-
|
|
2311
|
-
|
|
2312
|
-
|
|
2313
|
-
|
|
2314
|
-
|
|
2315
|
-
|
|
2316
|
-
|
|
2389
|
+
position: absolute;
|
|
2390
|
+
top: 0.875rem;
|
|
2391
|
+
right: 0.75rem;
|
|
2392
|
+
flex-shrink: 0;
|
|
2393
|
+
color: var(--text-disabled);
|
|
2394
|
+
transition:
|
|
2395
|
+
color 180ms ease,
|
|
2396
|
+
transform 120ms ease;
|
|
2317
2397
|
}
|
|
2318
2398
|
|
|
2319
2399
|
.assistant-empty-state__prompt:not(
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
|
-
|
|
2323
|
-
|
|
2324
|
-
|
|
2400
|
+
.assistant-empty-state__prompt--compact
|
|
2401
|
+
):hover
|
|
2402
|
+
.assistant-empty-state__prompt-arrow {
|
|
2403
|
+
color: var(--text-brand);
|
|
2404
|
+
transform: translateX(2px);
|
|
2325
2405
|
}
|
|
2326
2406
|
|
|
2327
2407
|
.assistant-empty-state__prompt--compact .assistant-empty-state__prompt-arrow {
|
|
2328
|
-
|
|
2408
|
+
position: static;
|
|
2329
2409
|
}
|
|
2330
2410
|
|
|
2331
2411
|
.assistant-composer__send,
|
|
2332
2412
|
.assistant-composer__stop {
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
|
|
2413
|
+
flex-shrink: 0;
|
|
2414
|
+
padding: 0.5rem;
|
|
2415
|
+
border-radius: 0.75rem;
|
|
2336
2416
|
}
|
|
2337
2417
|
|
|
2338
2418
|
/* ── Assistant buttons (self-contained) ── */
|
|
2339
2419
|
.assistant-btn {
|
|
2340
|
-
|
|
2341
|
-
|
|
2342
|
-
|
|
2343
|
-
|
|
2344
|
-
|
|
2345
|
-
|
|
2346
|
-
|
|
2347
|
-
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
-
|
|
2351
|
-
|
|
2352
|
-
|
|
2353
|
-
|
|
2354
|
-
|
|
2355
|
-
|
|
2420
|
+
display: inline-flex;
|
|
2421
|
+
align-items: center;
|
|
2422
|
+
justify-content: center;
|
|
2423
|
+
gap: 0.5rem;
|
|
2424
|
+
padding: 0.625rem 1.125rem;
|
|
2425
|
+
border-radius: var(--radius-base, 0.5rem);
|
|
2426
|
+
font-size: 0.875rem;
|
|
2427
|
+
font-weight: 500;
|
|
2428
|
+
font-family: inherit;
|
|
2429
|
+
border: 1px solid transparent;
|
|
2430
|
+
cursor: pointer;
|
|
2431
|
+
transition:
|
|
2432
|
+
background 180ms ease,
|
|
2433
|
+
border-color 180ms ease,
|
|
2434
|
+
color 180ms ease,
|
|
2435
|
+
transform 120ms ease;
|
|
2356
2436
|
}
|
|
2357
2437
|
|
|
2358
2438
|
.assistant-btn:active:not(:disabled) {
|
|
2359
|
-
|
|
2439
|
+
transform: scale(0.98);
|
|
2360
2440
|
}
|
|
2361
2441
|
|
|
2362
2442
|
.assistant-btn:disabled {
|
|
2363
|
-
|
|
2364
|
-
|
|
2443
|
+
opacity: 0.45;
|
|
2444
|
+
cursor: not-allowed;
|
|
2365
2445
|
}
|
|
2366
2446
|
|
|
2367
2447
|
.assistant-btn--primary {
|
|
2368
|
-
|
|
2369
|
-
|
|
2448
|
+
background: var(--brand);
|
|
2449
|
+
color: var(--brand-on-surface);
|
|
2370
2450
|
}
|
|
2371
2451
|
|
|
2372
2452
|
.assistant-btn--primary:hover:not(:disabled) {
|
|
2373
|
-
|
|
2453
|
+
filter: brightness(1.05);
|
|
2374
2454
|
}
|
|
2375
2455
|
|
|
2376
2456
|
.assistant-btn--secondary {
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
|
|
2457
|
+
background: var(--surface-panel);
|
|
2458
|
+
border-color: var(--border-default);
|
|
2459
|
+
color: var(--text-heading);
|
|
2380
2460
|
}
|
|
2381
2461
|
|
|
2382
2462
|
.assistant-btn--secondary:hover:not(:disabled) {
|
|
2383
|
-
|
|
2463
|
+
background: var(--overlay-hover);
|
|
2384
2464
|
}
|
|
2385
2465
|
|
|
2386
2466
|
.assistant-btn--ghost {
|
|
2387
|
-
|
|
2388
|
-
|
|
2467
|
+
background: transparent;
|
|
2468
|
+
color: var(--text-body);
|
|
2389
2469
|
}
|
|
2390
2470
|
|
|
2391
2471
|
.assistant-btn--ghost:hover:not(:disabled) {
|
|
2392
|
-
|
|
2472
|
+
background: var(--overlay-hover);
|
|
2393
2473
|
}
|
|
2394
2474
|
|
|
2395
2475
|
.assistant-input {
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2400
|
-
|
|
2401
|
-
|
|
2402
|
-
|
|
2403
|
-
|
|
2404
|
-
|
|
2405
|
-
|
|
2406
|
-
|
|
2476
|
+
width: 100%;
|
|
2477
|
+
padding: 0.375rem 0.625rem;
|
|
2478
|
+
border: 1px solid var(--border-default);
|
|
2479
|
+
border-radius: var(--radius-base, 0.5rem);
|
|
2480
|
+
font: inherit;
|
|
2481
|
+
font-size: 0.875rem;
|
|
2482
|
+
color: var(--text-heading);
|
|
2483
|
+
background: var(--surface-input, var(--surface-panel));
|
|
2484
|
+
transition:
|
|
2485
|
+
border-color 150ms,
|
|
2486
|
+
background 150ms;
|
|
2407
2487
|
}
|
|
2408
2488
|
|
|
2409
2489
|
.assistant-input:focus {
|
|
2410
|
-
|
|
2411
|
-
|
|
2412
|
-
|
|
2490
|
+
outline: none;
|
|
2491
|
+
border-color: var(--border-default-medium);
|
|
2492
|
+
background: var(--surface-input-focus, var(--surface-panel));
|
|
2413
2493
|
}
|
|
2414
2494
|
|
|
2415
2495
|
.model-selector__label {
|
|
2416
|
-
|
|
2417
|
-
|
|
2418
|
-
|
|
2419
|
-
|
|
2496
|
+
display: flex;
|
|
2497
|
+
min-width: 0;
|
|
2498
|
+
align-items: center;
|
|
2499
|
+
gap: 0.5rem;
|
|
2420
2500
|
}
|
|
2421
2501
|
|
|
2422
2502
|
.model-selector__label-text {
|
|
2423
|
-
|
|
2424
|
-
|
|
2425
|
-
|
|
2503
|
+
flex-shrink: 0;
|
|
2504
|
+
font-size: 0.75rem;
|
|
2505
|
+
color: var(--text-body-subtle);
|
|
2426
2506
|
}
|
|
2427
2507
|
|
|
2428
2508
|
.sr-only {
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2509
|
+
position: absolute;
|
|
2510
|
+
width: 1px;
|
|
2511
|
+
height: 1px;
|
|
2512
|
+
padding: 0;
|
|
2513
|
+
margin: -1px;
|
|
2514
|
+
overflow: hidden;
|
|
2515
|
+
clip: rect(0, 0, 0, 0);
|
|
2516
|
+
white-space: nowrap;
|
|
2517
|
+
border: 0;
|
|
2438
2518
|
}
|
|
2439
2519
|
|
|
2440
2520
|
.assistant-empty-state__prompt--skeleton {
|
|
2441
|
-
|
|
2442
|
-
|
|
2521
|
+
pointer-events: none;
|
|
2522
|
+
cursor: default;
|
|
2443
2523
|
}
|
|
2444
2524
|
|
|
2445
2525
|
.assistant-empty-state__icon--skeleton,
|
|
2446
2526
|
.assistant-empty-state__skeleton-line {
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2452
|
-
|
|
2453
|
-
|
|
2454
|
-
|
|
2527
|
+
background: linear-gradient(
|
|
2528
|
+
90deg,
|
|
2529
|
+
var(--overlay-subtle) 25%,
|
|
2530
|
+
var(--overlay-hover) 50%,
|
|
2531
|
+
var(--overlay-subtle) 75%
|
|
2532
|
+
);
|
|
2533
|
+
background-size: 200% 100%;
|
|
2534
|
+
animation: assistant-skeleton-shimmer 1.2s ease-in-out infinite;
|
|
2455
2535
|
}
|
|
2456
2536
|
|
|
2457
2537
|
.assistant-empty-state__icon--skeleton {
|
|
2458
|
-
|
|
2459
|
-
|
|
2460
|
-
|
|
2538
|
+
width: 1.75rem;
|
|
2539
|
+
height: 1.75rem;
|
|
2540
|
+
border-radius: calc(var(--radius-base) - 2px);
|
|
2461
2541
|
}
|
|
2462
2542
|
|
|
2463
2543
|
.assistant-empty-state__skeleton-line {
|
|
2464
|
-
|
|
2465
|
-
|
|
2466
|
-
|
|
2544
|
+
display: block;
|
|
2545
|
+
height: 0.625rem;
|
|
2546
|
+
border-radius: 9999px;
|
|
2467
2547
|
}
|
|
2468
2548
|
|
|
2469
2549
|
.assistant-empty-state__skeleton-line--title {
|
|
2470
|
-
|
|
2550
|
+
width: 72%;
|
|
2471
2551
|
}
|
|
2472
2552
|
|
|
2473
2553
|
.assistant-empty-state__skeleton-line--hint {
|
|
2474
|
-
|
|
2475
|
-
|
|
2554
|
+
width: 48%;
|
|
2555
|
+
margin-top: 0.375rem;
|
|
2476
2556
|
}
|
|
2477
2557
|
|
|
2478
2558
|
@keyframes assistant-skeleton-shimmer {
|
|
2479
|
-
|
|
2480
|
-
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
|
|
2484
|
-
|
|
2559
|
+
0% {
|
|
2560
|
+
background-position: 200% 0;
|
|
2561
|
+
}
|
|
2562
|
+
100% {
|
|
2563
|
+
background-position: -200% 0;
|
|
2564
|
+
}
|
|
2485
2565
|
}
|
|
2486
2566
|
|
|
2487
2567
|
/* ── LLM settings strip ── */
|
|
2488
2568
|
.assistant-llm-settings-strip {
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
|
|
2494
|
-
|
|
2495
|
-
|
|
2496
|
-
|
|
2497
|
-
|
|
2569
|
+
display: flex;
|
|
2570
|
+
flex-direction: column;
|
|
2571
|
+
max-height: min(78vh, 34rem);
|
|
2572
|
+
margin-bottom: 0.75rem;
|
|
2573
|
+
padding: 0.75rem;
|
|
2574
|
+
border-radius: var(--radius-base);
|
|
2575
|
+
border: 1px solid var(--border-default);
|
|
2576
|
+
background: var(--surface-panel);
|
|
2577
|
+
overflow: hidden;
|
|
2498
2578
|
}
|
|
2499
2579
|
|
|
2500
2580
|
.assistant-llm-settings-strip__header {
|
|
2501
|
-
|
|
2502
|
-
|
|
2503
|
-
|
|
2504
|
-
|
|
2505
|
-
|
|
2506
|
-
|
|
2581
|
+
display: flex;
|
|
2582
|
+
align-items: center;
|
|
2583
|
+
justify-content: space-between;
|
|
2584
|
+
gap: 0.5rem;
|
|
2585
|
+
flex-shrink: 0;
|
|
2586
|
+
margin-bottom: 0.5rem;
|
|
2507
2587
|
}
|
|
2508
2588
|
|
|
2509
2589
|
.assistant-llm-settings-strip__title {
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2590
|
+
display: inline-flex;
|
|
2591
|
+
align-items: center;
|
|
2592
|
+
gap: 0.375rem;
|
|
2593
|
+
font-size: 0.8125rem;
|
|
2594
|
+
font-weight: 600;
|
|
2595
|
+
color: var(--text-heading);
|
|
2516
2596
|
}
|
|
2517
2597
|
|
|
2518
2598
|
.assistant-llm-settings-strip__header-actions {
|
|
2519
|
-
|
|
2520
|
-
|
|
2521
|
-
|
|
2522
|
-
|
|
2599
|
+
display: inline-flex;
|
|
2600
|
+
align-items: center;
|
|
2601
|
+
gap: 0.125rem;
|
|
2602
|
+
flex-shrink: 0;
|
|
2523
2603
|
}
|
|
2524
2604
|
|
|
2525
2605
|
.assistant-llm-settings-strip__header-btn {
|
|
2526
|
-
|
|
2606
|
+
padding: 0.375rem;
|
|
2527
2607
|
}
|
|
2528
2608
|
|
|
2529
2609
|
.assistant-llm-settings-strip__loading {
|
|
2530
|
-
|
|
2531
|
-
|
|
2532
|
-
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
|
|
2536
|
-
|
|
2610
|
+
display: flex;
|
|
2611
|
+
align-items: center;
|
|
2612
|
+
justify-content: center;
|
|
2613
|
+
gap: 0.375rem;
|
|
2614
|
+
padding: 0.75rem 0;
|
|
2615
|
+
font-size: 0.75rem;
|
|
2616
|
+
color: var(--text-body-subtle);
|
|
2537
2617
|
}
|
|
2538
2618
|
|
|
2539
2619
|
.assistant-llm-settings-strip__form {
|
|
2540
|
-
|
|
2541
|
-
|
|
2542
|
-
|
|
2543
|
-
|
|
2620
|
+
display: flex;
|
|
2621
|
+
flex: 1;
|
|
2622
|
+
min-height: 0;
|
|
2623
|
+
flex-direction: column;
|
|
2544
2624
|
}
|
|
2545
2625
|
|
|
2546
2626
|
.assistant-llm-settings-strip__fields {
|
|
2547
|
-
|
|
2548
|
-
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2627
|
+
display: flex;
|
|
2628
|
+
flex: 1;
|
|
2629
|
+
min-height: 0;
|
|
2630
|
+
flex-direction: column;
|
|
2631
|
+
gap: 0.5rem;
|
|
2632
|
+
overflow-y: auto;
|
|
2633
|
+
overscroll-behavior: contain;
|
|
2634
|
+
scrollbar-width: thin;
|
|
2635
|
+
scrollbar-color: var(--scrollbar-thumb, var(--border-default)) transparent;
|
|
2556
2636
|
}
|
|
2557
2637
|
|
|
2558
2638
|
.assistant-llm-settings-strip__field {
|
|
2559
|
-
|
|
2560
|
-
|
|
2561
|
-
|
|
2562
|
-
|
|
2639
|
+
display: flex;
|
|
2640
|
+
min-width: 0;
|
|
2641
|
+
flex-direction: column;
|
|
2642
|
+
gap: 0.25rem;
|
|
2563
2643
|
}
|
|
2564
2644
|
|
|
2565
2645
|
.assistant-llm-settings-strip__label {
|
|
2566
|
-
|
|
2567
|
-
|
|
2568
|
-
|
|
2646
|
+
font-size: 0.6875rem;
|
|
2647
|
+
font-weight: 600;
|
|
2648
|
+
color: var(--text-body-subtle);
|
|
2569
2649
|
}
|
|
2570
2650
|
|
|
2571
2651
|
.assistant-llm-settings-strip__input--mono {
|
|
2572
|
-
|
|
2573
|
-
|
|
2652
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
|
|
2653
|
+
font-size: 0.75rem;
|
|
2574
2654
|
}
|
|
2575
2655
|
|
|
2576
2656
|
.assistant-llm-settings-strip__textarea {
|
|
2577
|
-
|
|
2578
|
-
|
|
2579
|
-
|
|
2580
|
-
|
|
2657
|
+
min-height: 5rem;
|
|
2658
|
+
resize: vertical;
|
|
2659
|
+
line-height: 1.45;
|
|
2660
|
+
font-size: 0.8125rem;
|
|
2581
2661
|
}
|
|
2582
2662
|
|
|
2583
2663
|
/* System prompt — compact doc panel */
|
|
2584
2664
|
.assistant-system-prompt {
|
|
2585
|
-
|
|
2665
|
+
min-width: 0;
|
|
2586
2666
|
}
|
|
2587
2667
|
|
|
2588
2668
|
.assistant-system-prompt__shell {
|
|
2589
|
-
|
|
2590
|
-
|
|
2591
|
-
|
|
2592
|
-
|
|
2669
|
+
overflow: hidden;
|
|
2670
|
+
border-radius: var(--radius-base);
|
|
2671
|
+
border: 1px solid var(--border-default);
|
|
2672
|
+
background: var(--surface-input, var(--surface-panel));
|
|
2593
2673
|
}
|
|
2594
2674
|
|
|
2595
2675
|
.assistant-system-prompt__bar {
|
|
2596
|
-
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2600
|
-
|
|
2601
|
-
|
|
2602
|
-
|
|
2676
|
+
display: flex;
|
|
2677
|
+
align-items: center;
|
|
2678
|
+
justify-content: space-between;
|
|
2679
|
+
gap: 0.5rem;
|
|
2680
|
+
padding: 0.25rem 0.25rem 0.25rem 0.5rem;
|
|
2681
|
+
border-bottom: 1px solid var(--border-default);
|
|
2682
|
+
background: var(--overlay-subtle);
|
|
2603
2683
|
}
|
|
2604
2684
|
|
|
2605
2685
|
.assistant-system-prompt__bar-start {
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
|
|
2609
|
-
|
|
2686
|
+
display: inline-flex;
|
|
2687
|
+
min-width: 0;
|
|
2688
|
+
align-items: center;
|
|
2689
|
+
gap: 0.375rem;
|
|
2610
2690
|
}
|
|
2611
2691
|
|
|
2612
2692
|
.assistant-system-prompt__label {
|
|
2613
|
-
|
|
2614
|
-
|
|
2615
|
-
|
|
2693
|
+
font-size: 0.6875rem;
|
|
2694
|
+
font-weight: 600;
|
|
2695
|
+
color: var(--text-body-subtle);
|
|
2616
2696
|
}
|
|
2617
2697
|
|
|
2618
2698
|
.assistant-system-prompt__tag {
|
|
2619
|
-
|
|
2620
|
-
|
|
2621
|
-
|
|
2622
|
-
|
|
2623
|
-
|
|
2624
|
-
|
|
2625
|
-
|
|
2699
|
+
padding: 0.0625rem 0.375rem;
|
|
2700
|
+
border-radius: var(--radius-full);
|
|
2701
|
+
background: var(--surface-chip, var(--overlay-subtle));
|
|
2702
|
+
border: 1px solid var(--surface-chip-border, var(--border-default));
|
|
2703
|
+
font-size: 0.5625rem;
|
|
2704
|
+
font-weight: 600;
|
|
2705
|
+
color: var(--text-brand);
|
|
2626
2706
|
}
|
|
2627
2707
|
|
|
2628
2708
|
.assistant-system-prompt__modes {
|
|
2629
|
-
|
|
2630
|
-
|
|
2631
|
-
|
|
2632
|
-
|
|
2633
|
-
|
|
2634
|
-
|
|
2709
|
+
display: inline-flex;
|
|
2710
|
+
flex-shrink: 0;
|
|
2711
|
+
gap: 0.0625rem;
|
|
2712
|
+
padding: 0.0625rem;
|
|
2713
|
+
border-radius: calc(var(--radius-base) - 3px);
|
|
2714
|
+
background: var(--surface-panel);
|
|
2635
2715
|
}
|
|
2636
2716
|
|
|
2637
2717
|
.assistant-system-prompt__mode {
|
|
2638
|
-
|
|
2639
|
-
|
|
2640
|
-
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
|
|
2646
|
-
|
|
2647
|
-
|
|
2648
|
-
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
|
|
2718
|
+
display: inline-flex;
|
|
2719
|
+
align-items: center;
|
|
2720
|
+
justify-content: center;
|
|
2721
|
+
width: 1.375rem;
|
|
2722
|
+
height: 1.375rem;
|
|
2723
|
+
padding: 0;
|
|
2724
|
+
border: none;
|
|
2725
|
+
border-radius: calc(var(--radius-base) - 4px);
|
|
2726
|
+
background: transparent;
|
|
2727
|
+
color: var(--text-body-subtle);
|
|
2728
|
+
cursor: pointer;
|
|
2729
|
+
transition:
|
|
2730
|
+
background 150ms ease,
|
|
2731
|
+
color 150ms ease;
|
|
2652
2732
|
}
|
|
2653
2733
|
|
|
2654
2734
|
.assistant-system-prompt__mode:hover {
|
|
2655
|
-
|
|
2656
|
-
|
|
2735
|
+
color: var(--text-heading);
|
|
2736
|
+
background: var(--overlay-hover);
|
|
2657
2737
|
}
|
|
2658
2738
|
|
|
2659
2739
|
.assistant-system-prompt__mode--active {
|
|
2660
|
-
|
|
2661
|
-
|
|
2740
|
+
color: var(--text-brand);
|
|
2741
|
+
background: color-mix(in oklab, var(--brand) 10%, var(--surface-panel));
|
|
2662
2742
|
}
|
|
2663
2743
|
|
|
2664
2744
|
.assistant-system-prompt__editor {
|
|
2665
|
-
|
|
2666
|
-
|
|
2667
|
-
|
|
2668
|
-
|
|
2745
|
+
display: block;
|
|
2746
|
+
width: 100%;
|
|
2747
|
+
min-height: 9rem;
|
|
2748
|
+
max-height: 14rem;
|
|
2669
2749
|
}
|
|
2670
2750
|
|
|
2671
2751
|
.assistant-markdown-editor {
|
|
2672
|
-
|
|
2673
|
-
|
|
2674
|
-
|
|
2675
|
-
|
|
2676
|
-
|
|
2752
|
+
position: relative;
|
|
2753
|
+
width: 100%;
|
|
2754
|
+
min-height: inherit;
|
|
2755
|
+
max-height: inherit;
|
|
2756
|
+
overflow: hidden;
|
|
2677
2757
|
}
|
|
2678
2758
|
|
|
2679
2759
|
.assistant-markdown-editor__highlight,
|
|
2680
2760
|
.assistant-markdown-editor__input {
|
|
2681
|
-
|
|
2682
|
-
|
|
2683
|
-
|
|
2684
|
-
|
|
2685
|
-
|
|
2686
|
-
|
|
2687
|
-
|
|
2688
|
-
|
|
2689
|
-
|
|
2690
|
-
|
|
2691
|
-
|
|
2692
|
-
|
|
2693
|
-
|
|
2694
|
-
|
|
2695
|
-
|
|
2761
|
+
box-sizing: border-box;
|
|
2762
|
+
width: 100%;
|
|
2763
|
+
min-height: 9rem;
|
|
2764
|
+
max-height: 14rem;
|
|
2765
|
+
margin: 0;
|
|
2766
|
+
padding: 0.5rem 0.625rem;
|
|
2767
|
+
border: none;
|
|
2768
|
+
background: transparent;
|
|
2769
|
+
font: inherit;
|
|
2770
|
+
font-size: 0.75rem;
|
|
2771
|
+
line-height: 1.5;
|
|
2772
|
+
white-space: pre-wrap;
|
|
2773
|
+
overflow-wrap: anywhere;
|
|
2774
|
+
word-break: break-word;
|
|
2775
|
+
tab-size: 2;
|
|
2696
2776
|
}
|
|
2697
2777
|
|
|
2698
2778
|
.assistant-markdown-editor__highlight {
|
|
2699
|
-
|
|
2700
|
-
|
|
2701
|
-
|
|
2702
|
-
|
|
2703
|
-
|
|
2779
|
+
position: absolute;
|
|
2780
|
+
inset: 0;
|
|
2781
|
+
overflow: auto;
|
|
2782
|
+
pointer-events: none;
|
|
2783
|
+
scrollbar-width: none;
|
|
2704
2784
|
}
|
|
2705
2785
|
|
|
2706
2786
|
.assistant-markdown-editor__highlight::-webkit-scrollbar {
|
|
2707
|
-
|
|
2787
|
+
display: none;
|
|
2708
2788
|
}
|
|
2709
2789
|
|
|
2710
2790
|
.assistant-markdown-editor .assistant-markdown-editor__highlight code.hljs {
|
|
2711
|
-
|
|
2712
|
-
|
|
2713
|
-
|
|
2714
|
-
|
|
2715
|
-
|
|
2716
|
-
|
|
2717
|
-
|
|
2718
|
-
|
|
2719
|
-
|
|
2720
|
-
|
|
2721
|
-
|
|
2791
|
+
display: block;
|
|
2792
|
+
padding: 0;
|
|
2793
|
+
border: none;
|
|
2794
|
+
background: transparent;
|
|
2795
|
+
font: inherit;
|
|
2796
|
+
font-size: inherit;
|
|
2797
|
+
line-height: inherit;
|
|
2798
|
+
color: var(--text-heading);
|
|
2799
|
+
white-space: pre-wrap;
|
|
2800
|
+
overflow-wrap: anywhere;
|
|
2801
|
+
word-break: break-word;
|
|
2722
2802
|
}
|
|
2723
2803
|
|
|
2724
2804
|
.assistant-markdown-editor__highlight .hljs-section {
|
|
2725
|
-
|
|
2726
|
-
|
|
2805
|
+
font-weight: 700;
|
|
2806
|
+
color: var(--text-brand);
|
|
2727
2807
|
}
|
|
2728
2808
|
|
|
2729
2809
|
.assistant-markdown-editor__highlight .hljs-strong {
|
|
2730
|
-
|
|
2731
|
-
|
|
2810
|
+
font-weight: 600;
|
|
2811
|
+
color: var(--text-heading);
|
|
2732
2812
|
}
|
|
2733
2813
|
|
|
2734
2814
|
.assistant-markdown-editor__highlight .hljs-bullet,
|
|
2735
2815
|
.assistant-markdown-editor__highlight .hljs-symbol {
|
|
2736
|
-
|
|
2737
|
-
|
|
2816
|
+
color: var(--text-brand);
|
|
2817
|
+
font-weight: 700;
|
|
2738
2818
|
}
|
|
2739
2819
|
|
|
2740
2820
|
.assistant-markdown-editor__highlight .hljs-code {
|
|
2741
|
-
|
|
2742
|
-
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
|
|
2748
|
-
|
|
2749
|
-
|
|
2821
|
+
padding: 0 0.125rem;
|
|
2822
|
+
border-radius: 0.1875rem;
|
|
2823
|
+
background: var(--surface-code);
|
|
2824
|
+
color: var(--surface-code-text, var(--text-heading));
|
|
2825
|
+
font-family:
|
|
2826
|
+
"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
|
2827
|
+
monospace;
|
|
2828
|
+
font-size: 0.92em;
|
|
2829
|
+
font-weight: 500;
|
|
2750
2830
|
}
|
|
2751
2831
|
|
|
2752
2832
|
.assistant-markdown-editor__highlight .hljs-emphasis {
|
|
2753
|
-
|
|
2754
|
-
|
|
2833
|
+
font-style: italic;
|
|
2834
|
+
color: var(--text-body-subtle);
|
|
2755
2835
|
}
|
|
2756
2836
|
|
|
2757
2837
|
.assistant-markdown-editor
|
|
2758
|
-
|
|
2759
|
-
|
|
2760
|
-
|
|
2838
|
+
.assistant-markdown-editor__highlight
|
|
2839
|
+
code.hljs
|
|
2840
|
+
.hljs-link,
|
|
2761
2841
|
.assistant-markdown-editor
|
|
2762
|
-
|
|
2763
|
-
|
|
2764
|
-
|
|
2765
|
-
|
|
2842
|
+
.assistant-markdown-editor__highlight
|
|
2843
|
+
code.hljs
|
|
2844
|
+
.hljs-string {
|
|
2845
|
+
color: var(--text-brand);
|
|
2766
2846
|
}
|
|
2767
2847
|
|
|
2768
2848
|
.assistant-markdown-editor__highlight .hljs-quote {
|
|
2769
|
-
|
|
2849
|
+
color: var(--text-body-subtle);
|
|
2770
2850
|
}
|
|
2771
2851
|
|
|
2772
2852
|
.assistant-markdown-editor__input {
|
|
2773
|
-
|
|
2774
|
-
|
|
2775
|
-
|
|
2776
|
-
|
|
2777
|
-
|
|
2778
|
-
|
|
2779
|
-
|
|
2780
|
-
|
|
2853
|
+
position: relative;
|
|
2854
|
+
z-index: 1;
|
|
2855
|
+
display: block;
|
|
2856
|
+
resize: vertical;
|
|
2857
|
+
color: transparent;
|
|
2858
|
+
caret-color: var(--text-heading);
|
|
2859
|
+
-webkit-text-fill-color: transparent;
|
|
2860
|
+
overflow: auto;
|
|
2781
2861
|
}
|
|
2782
2862
|
|
|
2783
2863
|
.assistant-markdown-editor__input:focus {
|
|
2784
|
-
|
|
2864
|
+
outline: none;
|
|
2785
2865
|
}
|
|
2786
2866
|
|
|
2787
2867
|
.assistant-markdown-editor__input::placeholder {
|
|
2788
|
-
|
|
2789
|
-
|
|
2790
|
-
|
|
2868
|
+
color: var(--text-body-subtle);
|
|
2869
|
+
-webkit-text-fill-color: var(--text-body-subtle);
|
|
2870
|
+
opacity: 1;
|
|
2791
2871
|
}
|
|
2792
2872
|
|
|
2793
2873
|
.assistant-markdown-editor__input:disabled {
|
|
2794
|
-
|
|
2795
|
-
|
|
2874
|
+
opacity: 0.55;
|
|
2875
|
+
cursor: not-allowed;
|
|
2796
2876
|
}
|
|
2797
2877
|
|
|
2798
2878
|
.assistant-system-prompt__doc {
|
|
2799
|
-
|
|
2800
|
-
|
|
2801
|
-
|
|
2802
|
-
|
|
2803
|
-
|
|
2879
|
+
max-height: 14rem;
|
|
2880
|
+
overflow-y: auto;
|
|
2881
|
+
padding: 0.4375rem 0.625rem 0.5rem;
|
|
2882
|
+
scrollbar-width: thin;
|
|
2883
|
+
scrollbar-color: var(--scrollbar-thumb, var(--border-default)) transparent;
|
|
2804
2884
|
}
|
|
2805
2885
|
|
|
2806
2886
|
.assistant-system-prompt__md {
|
|
2807
|
-
|
|
2808
|
-
|
|
2809
|
-
|
|
2810
|
-
|
|
2887
|
+
font-family: inherit;
|
|
2888
|
+
font-size: 0.75rem;
|
|
2889
|
+
line-height: 1.48;
|
|
2890
|
+
color: var(--text-body);
|
|
2811
2891
|
}
|
|
2812
2892
|
|
|
2813
2893
|
.assistant-system-prompt__md > :first-child {
|
|
2814
|
-
|
|
2894
|
+
margin-top: 0;
|
|
2815
2895
|
}
|
|
2816
2896
|
|
|
2817
2897
|
.assistant-system-prompt__md > :last-child {
|
|
2818
|
-
|
|
2898
|
+
margin-bottom: 0;
|
|
2819
2899
|
}
|
|
2820
2900
|
|
|
2821
2901
|
.assistant-system-prompt__md p {
|
|
2822
|
-
|
|
2902
|
+
margin: 0.25rem 0;
|
|
2823
2903
|
}
|
|
2824
2904
|
|
|
2825
2905
|
.assistant-system-prompt__md h1,
|
|
2826
2906
|
.assistant-system-prompt__md h2,
|
|
2827
2907
|
.assistant-system-prompt__md h3,
|
|
2828
2908
|
.assistant-system-prompt__md h4 {
|
|
2829
|
-
|
|
2830
|
-
|
|
2831
|
-
|
|
2832
|
-
|
|
2909
|
+
margin: 0.375rem 0 0.125rem;
|
|
2910
|
+
font-weight: 600;
|
|
2911
|
+
line-height: 1.3;
|
|
2912
|
+
color: var(--text-heading);
|
|
2833
2913
|
}
|
|
2834
2914
|
|
|
2835
2915
|
.assistant-system-prompt__md h2 {
|
|
2836
|
-
|
|
2837
|
-
|
|
2838
|
-
|
|
2839
|
-
|
|
2840
|
-
|
|
2916
|
+
font-size: 0.625rem;
|
|
2917
|
+
font-weight: 700;
|
|
2918
|
+
letter-spacing: 0.05em;
|
|
2919
|
+
text-transform: uppercase;
|
|
2920
|
+
color: var(--text-brand);
|
|
2841
2921
|
}
|
|
2842
2922
|
|
|
2843
2923
|
.assistant-system-prompt__md h3 {
|
|
2844
|
-
|
|
2924
|
+
font-size: 0.75rem;
|
|
2845
2925
|
}
|
|
2846
2926
|
|
|
2847
2927
|
.assistant-system-prompt__md h2 + p {
|
|
2848
|
-
|
|
2849
|
-
|
|
2850
|
-
|
|
2928
|
+
margin-bottom: 0.125rem;
|
|
2929
|
+
font-size: 0.6875rem;
|
|
2930
|
+
color: var(--text-body-subtle);
|
|
2851
2931
|
}
|
|
2852
2932
|
|
|
2853
2933
|
.assistant-system-prompt__md ul,
|
|
2854
2934
|
.assistant-system-prompt__md ol {
|
|
2855
|
-
|
|
2856
|
-
|
|
2857
|
-
|
|
2935
|
+
margin: 0.125rem 0 0.25rem;
|
|
2936
|
+
padding: 0;
|
|
2937
|
+
list-style: none;
|
|
2858
2938
|
}
|
|
2859
2939
|
|
|
2860
2940
|
.assistant-system-prompt__md ul ul,
|
|
2861
2941
|
.assistant-system-prompt__md ol ul {
|
|
2862
|
-
|
|
2863
|
-
|
|
2942
|
+
margin-top: 0.125rem;
|
|
2943
|
+
padding-left: 0.625rem;
|
|
2864
2944
|
}
|
|
2865
2945
|
|
|
2866
2946
|
.assistant-system-prompt .assistant-system-prompt__md li {
|
|
2867
|
-
|
|
2868
|
-
|
|
2869
|
-
|
|
2947
|
+
position: relative;
|
|
2948
|
+
margin: 0.1875rem 0;
|
|
2949
|
+
padding-left: 0.6875rem;
|
|
2870
2950
|
}
|
|
2871
2951
|
|
|
2872
2952
|
.assistant-system-prompt__md ul > li::before {
|
|
2873
|
-
|
|
2874
|
-
|
|
2875
|
-
|
|
2876
|
-
|
|
2877
|
-
|
|
2878
|
-
|
|
2879
|
-
|
|
2953
|
+
content: "–";
|
|
2954
|
+
position: absolute;
|
|
2955
|
+
left: 0;
|
|
2956
|
+
top: 0;
|
|
2957
|
+
color: var(--text-brand);
|
|
2958
|
+
font-weight: 600;
|
|
2959
|
+
line-height: inherit;
|
|
2880
2960
|
}
|
|
2881
2961
|
|
|
2882
2962
|
.assistant-system-prompt__md ul ul > li::before {
|
|
2883
|
-
|
|
2884
|
-
|
|
2963
|
+
content: "·";
|
|
2964
|
+
font-weight: 700;
|
|
2885
2965
|
}
|
|
2886
2966
|
|
|
2887
2967
|
.assistant-system-prompt__md ol {
|
|
2888
|
-
|
|
2968
|
+
counter-reset: prompt-item;
|
|
2889
2969
|
}
|
|
2890
2970
|
|
|
2891
2971
|
.assistant-system-prompt__md ol > li {
|
|
2892
|
-
|
|
2972
|
+
padding-left: 1rem;
|
|
2893
2973
|
}
|
|
2894
2974
|
|
|
2895
2975
|
.assistant-system-prompt__md ol > li::before {
|
|
2896
|
-
|
|
2897
|
-
|
|
2898
|
-
|
|
2899
|
-
|
|
2900
|
-
|
|
2901
|
-
|
|
2902
|
-
|
|
2903
|
-
|
|
2904
|
-
|
|
2905
|
-
|
|
2976
|
+
content: counter(prompt-item) ".";
|
|
2977
|
+
counter-increment: prompt-item;
|
|
2978
|
+
position: absolute;
|
|
2979
|
+
left: 0;
|
|
2980
|
+
top: 0;
|
|
2981
|
+
font-size: 0.6875rem;
|
|
2982
|
+
font-weight: 600;
|
|
2983
|
+
font-variant-numeric: tabular-nums;
|
|
2984
|
+
color: var(--text-brand);
|
|
2985
|
+
line-height: inherit;
|
|
2906
2986
|
}
|
|
2907
2987
|
|
|
2908
2988
|
.assistant-system-prompt .assistant-system-prompt__md strong {
|
|
2909
|
-
|
|
2910
|
-
|
|
2989
|
+
font-weight: 600;
|
|
2990
|
+
color: var(--text-heading);
|
|
2911
2991
|
}
|
|
2912
2992
|
|
|
2913
2993
|
.assistant-system-prompt
|
|
2914
|
-
|
|
2915
|
-
|
|
2916
|
-
|
|
2917
|
-
|
|
2918
|
-
|
|
2919
|
-
|
|
2920
|
-
|
|
2921
|
-
|
|
2922
|
-
|
|
2923
|
-
|
|
2924
|
-
|
|
2925
|
-
|
|
2994
|
+
.assistant-system-prompt__md
|
|
2995
|
+
code.markdown-inline-code {
|
|
2996
|
+
padding: 0 0.25rem;
|
|
2997
|
+
border: none;
|
|
2998
|
+
border-radius: 0.1875rem;
|
|
2999
|
+
background: var(--surface-code);
|
|
3000
|
+
color: var(--surface-code-text, var(--text-heading));
|
|
3001
|
+
font-family:
|
|
3002
|
+
"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
|
3003
|
+
monospace;
|
|
3004
|
+
font-size: 0.68em;
|
|
3005
|
+
font-weight: 500;
|
|
2926
3006
|
}
|
|
2927
3007
|
|
|
2928
3008
|
.assistant-system-prompt__md .markdown-pre:not(:has(.markdown-mermaid)) {
|
|
2929
|
-
|
|
2930
|
-
|
|
2931
|
-
|
|
2932
|
-
|
|
2933
|
-
|
|
3009
|
+
margin: 0.25rem 0;
|
|
3010
|
+
padding: 0.375rem 0.5rem;
|
|
3011
|
+
border-radius: calc(var(--radius-base) - 3px);
|
|
3012
|
+
border: 1px solid var(--border-default);
|
|
3013
|
+
background: var(--surface-inset, var(--overlay-subtle));
|
|
2934
3014
|
}
|
|
2935
3015
|
|
|
2936
3016
|
.assistant-llm-settings-strip .assistant-input {
|
|
2937
|
-
|
|
2938
|
-
|
|
3017
|
+
font-size: 0.8125rem;
|
|
3018
|
+
padding: 0.375rem 0.5rem;
|
|
2939
3019
|
}
|
|
2940
3020
|
|
|
2941
3021
|
.assistant-llm-settings-strip__advanced-toggle {
|
|
2942
|
-
|
|
2943
|
-
|
|
2944
|
-
|
|
2945
|
-
|
|
2946
|
-
|
|
2947
|
-
|
|
2948
|
-
|
|
2949
|
-
|
|
2950
|
-
|
|
2951
|
-
|
|
2952
|
-
|
|
2953
|
-
|
|
2954
|
-
|
|
2955
|
-
|
|
3022
|
+
display: inline-flex;
|
|
3023
|
+
align-items: center;
|
|
3024
|
+
gap: 0.25rem;
|
|
3025
|
+
align-self: flex-start;
|
|
3026
|
+
margin-top: 0.125rem;
|
|
3027
|
+
padding: 0.125rem 0;
|
|
3028
|
+
border: none;
|
|
3029
|
+
background: none;
|
|
3030
|
+
font: inherit;
|
|
3031
|
+
font-size: 0.6875rem;
|
|
3032
|
+
font-weight: 600;
|
|
3033
|
+
color: var(--text-body-subtle);
|
|
3034
|
+
cursor: pointer;
|
|
3035
|
+
transition: color 150ms ease;
|
|
2956
3036
|
}
|
|
2957
3037
|
|
|
2958
3038
|
.assistant-llm-settings-strip__advanced-toggle:hover {
|
|
2959
|
-
|
|
3039
|
+
color: var(--text-heading);
|
|
2960
3040
|
}
|
|
2961
3041
|
|
|
2962
3042
|
.assistant-llm-settings-strip__chevron {
|
|
2963
|
-
|
|
3043
|
+
transition: transform 180ms ease;
|
|
2964
3044
|
}
|
|
2965
3045
|
|
|
2966
3046
|
.assistant-llm-settings-strip__chevron--open {
|
|
2967
|
-
|
|
3047
|
+
transform: rotate(180deg);
|
|
2968
3048
|
}
|
|
2969
3049
|
|
|
2970
3050
|
.assistant-llm-settings-strip__advanced {
|
|
2971
|
-
|
|
2972
|
-
|
|
2973
|
-
|
|
2974
|
-
|
|
3051
|
+
display: flex;
|
|
3052
|
+
flex-direction: column;
|
|
3053
|
+
gap: 0.5rem;
|
|
3054
|
+
padding-left: 0.125rem;
|
|
2975
3055
|
}
|
|
2976
3056
|
|
|
2977
3057
|
.assistant-llm-settings-strip__status {
|
|
2978
|
-
|
|
2979
|
-
|
|
2980
|
-
|
|
3058
|
+
margin: 0;
|
|
3059
|
+
font-size: 0.6875rem;
|
|
3060
|
+
line-height: 1.4;
|
|
2981
3061
|
}
|
|
2982
3062
|
|
|
2983
3063
|
.assistant-llm-settings-strip__status--error {
|
|
2984
|
-
|
|
3064
|
+
color: var(--danger);
|
|
2985
3065
|
}
|
|
2986
3066
|
|
|
2987
3067
|
.assistant-llm-settings-strip__status--success {
|
|
2988
|
-
|
|
3068
|
+
color: var(--text-brand);
|
|
2989
3069
|
}
|
|
2990
3070
|
|
|
2991
3071
|
.assistant-llm-settings-strip__footer {
|
|
2992
|
-
|
|
2993
|
-
|
|
2994
|
-
|
|
2995
|
-
|
|
2996
|
-
|
|
2997
|
-
|
|
2998
|
-
|
|
2999
|
-
|
|
3072
|
+
display: flex;
|
|
3073
|
+
justify-content: flex-end;
|
|
3074
|
+
align-items: center;
|
|
3075
|
+
gap: 0.25rem;
|
|
3076
|
+
flex-shrink: 0;
|
|
3077
|
+
margin-top: 0.5rem;
|
|
3078
|
+
padding-top: 0.5rem;
|
|
3079
|
+
border-top: 1px solid var(--border-default);
|
|
3000
3080
|
}
|
|
3001
3081
|
|
|
3002
3082
|
.assistant-llm-settings-strip__footer-btn--reset {
|
|
3003
|
-
|
|
3083
|
+
margin-right: auto;
|
|
3004
3084
|
}
|
|
3005
3085
|
|
|
3006
3086
|
.assistant-llm-settings-strip__footer-btn {
|
|
3007
|
-
|
|
3008
|
-
|
|
3087
|
+
padding: 0.375rem 0.75rem;
|
|
3088
|
+
font-size: 0.75rem;
|
|
3009
3089
|
}
|