@workerdeck/ui 0.13.0 → 0.15.0
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 +19 -0
- package/build/{SessionPanel-CKQa4i0Y.mjs → SessionPanel-DI1NO4l8.mjs} +118 -61
- package/build/SessionPanel-DI1NO4l8.mjs.map +1 -0
- package/build/{SessionPanel-CZMA44NM.d.mts → SessionPanel-J2U8v88q.d.mts} +57 -8
- package/build/index.d.mts +54 -2
- package/build/index.mjs +79 -24
- package/build/index.mjs.map +1 -1
- package/build/workspace.d.mts +5 -1
- package/build/workspace.mjs +5 -2
- package/build/workspace.mjs.map +1 -1
- package/package.json +4 -4
- package/src/components/agent/Composer.tsx +108 -41
- package/src/components/agent/Message.tsx +4 -1
- package/src/components/agent/SessionBrowser.tsx +35 -25
- package/src/components/agent/SessionPanel.tsx +88 -35
- package/src/components/agent/SessionWorkspace.tsx +7 -0
- package/src/components/agent/StatusBar.tsx +50 -11
- package/src/components/agent/transcript-variant.tsx +14 -0
- package/src/components/ui/Badge.tsx +6 -1
- package/src/components/ui/Empty.tsx +56 -0
- package/src/components/ui/Splitter.tsx +14 -0
- package/src/index.ts +2 -0
- package/src/styles/theme.css +32 -0
- package/build/SessionPanel-CKQa4i0Y.mjs.map +0 -1
package/src/styles/theme.css
CHANGED
|
@@ -196,6 +196,38 @@
|
|
|
196
196
|
--radius: var(--radius-md);
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
+
/*
|
|
200
|
+
* The agent panel's typeface, from `SessionPanel`'s `transcriptFont` prop.
|
|
201
|
+
*
|
|
202
|
+
* `mono` repoints the **sans** token at the mono stack for that subtree, so the
|
|
203
|
+
* transcript and its composer render monospace and read as part of the terminal
|
|
204
|
+
* rather than as a web app beside one. The mono token itself is left alone: code
|
|
205
|
+
* was already mono, and pointing both at the same stack is what makes the two
|
|
206
|
+
* indistinguishable — which is the point.
|
|
207
|
+
*
|
|
208
|
+
* A subtree rule rather than `:root`, and deliberately: this is the *agent
|
|
209
|
+
* panel's* preference, not the app's. A host's sidebar, dialogs and lists keep
|
|
210
|
+
* their UI font, and nothing outside the panel can pick this up by accident.
|
|
211
|
+
* (VS Code's webview does the same thing one level up, at `html[data-font]`,
|
|
212
|
+
* because there the panel *is* the document.)
|
|
213
|
+
*/
|
|
214
|
+
[data-agent-font='mono'] {
|
|
215
|
+
--cw-font-sans: var(--cw-font-mono);
|
|
216
|
+
/* Tailwind's `font-sans` utility reads `--font-sans`, whose `:root` value is
|
|
217
|
+
`var(--cw-font-sans)` — and a `var()` inside a custom property is resolved
|
|
218
|
+
against the element that DECLARED it, not the one that inherits it. So
|
|
219
|
+
repointing `--cw-font-sans` here leaves `--font-sans` still holding the sans
|
|
220
|
+
stack it computed at `:root`. Both have to move. */
|
|
221
|
+
--font-sans: var(--cw-font-mono);
|
|
222
|
+
/* And the actual property, because the ambient typeface is not a token lookup
|
|
223
|
+
at all: `body { font-family: var(--cw-font-sans) }` computed once at `body`,
|
|
224
|
+
and every descendant inherits that *resolved* stack. Nothing under here
|
|
225
|
+
re-reads the token, so the subtree has to be told directly.
|
|
226
|
+
(VS Code's webview gets away with tokens alone only because its override
|
|
227
|
+
sits on `html` — the same element `:root` declares them on.) */
|
|
228
|
+
font-family: var(--cw-font-mono);
|
|
229
|
+
}
|
|
230
|
+
|
|
199
231
|
/* Drive dark: off the same <html data-theme> the tokens swap on. */
|
|
200
232
|
@custom-variant dark (&:where([data-theme='dark'], [data-theme='dark'] *));
|
|
201
233
|
|