@workerdeck/ui 0.11.0 → 0.12.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/build/{SessionPanel-CyhygZx_.d.mts → SessionPanel-Dy9lQrOV.d.mts} +44 -2
- package/build/{SessionPanel-_U8tjX29.mjs → SessionPanel-NQ8ksCfj.mjs} +280 -215
- package/build/SessionPanel-NQ8ksCfj.mjs.map +1 -0
- package/build/format.d.mts +65 -1
- package/build/format.mjs +118 -1
- package/build/format.mjs.map +1 -0
- package/build/index.d.mts +67 -7
- package/build/index.mjs +330 -5
- package/build/index.mjs.map +1 -1
- package/build/workspace.d.mts +28 -1
- package/build/workspace.mjs +14 -2
- package/build/workspace.mjs.map +1 -1
- package/package.json +4 -4
- package/src/components/agent/Loader.tsx +8 -46
- package/src/components/agent/SessionBrowser.tsx +428 -0
- package/src/components/agent/SessionPanel.tsx +28 -1
- package/src/components/agent/SessionWorkspace.tsx +35 -0
- package/src/components/agent/ToolCallCard.tsx +11 -2
- package/src/components/agent/Transcript.tsx +26 -8
- package/src/components/agent/pulse.tsx +60 -0
- package/src/components/agent/transcript-variant.tsx +62 -0
- package/src/format.ts +1 -0
- package/src/index.ts +4 -0
- package/src/lib/status.ts +124 -0
- package/build/SessionPanel-_U8tjX29.mjs.map +0 -1
|
@@ -103,6 +103,30 @@ declare function TranscriptVariantProvider({
|
|
|
103
103
|
children: ReactNode;
|
|
104
104
|
}): _$react.JSX.Element;
|
|
105
105
|
declare function useTranscriptVariant(): TranscriptVariant;
|
|
106
|
+
/**
|
|
107
|
+
* How much room the transcript gives each row.
|
|
108
|
+
*
|
|
109
|
+
* - `comfortable` — a blank line between messages, which is what the Claude Code
|
|
110
|
+
* CLI does and what the `lines` variant is trying to read like. The default:
|
|
111
|
+
* a transcript is prose before it is a table.
|
|
112
|
+
* - `compact` — rows tight against each other, for a dock where every line of
|
|
113
|
+
* vertical space is contested.
|
|
114
|
+
*
|
|
115
|
+
* Separate from the variant, and deliberately: they answer different questions.
|
|
116
|
+
* The variant decides *how a row is drawn* (boxed or not) and follows from the
|
|
117
|
+
* surface; density decides *how much air is around it* and is a preference the
|
|
118
|
+
* reader holds. Coupling them would mean a dock could not be roomy and a
|
|
119
|
+
* dashboard could not be dense.
|
|
120
|
+
*/
|
|
121
|
+
type TranscriptDensity = 'comfortable' | 'compact';
|
|
122
|
+
declare function TranscriptDensityProvider({
|
|
123
|
+
value,
|
|
124
|
+
children
|
|
125
|
+
}: {
|
|
126
|
+
value: TranscriptDensity;
|
|
127
|
+
children: ReactNode;
|
|
128
|
+
}): _$react.JSX.Element;
|
|
129
|
+
declare function useTranscriptDensity(): TranscriptDensity;
|
|
106
130
|
//#endregion
|
|
107
131
|
//#region src/components/agent/SessionPanel.d.ts
|
|
108
132
|
interface SessionPanelProps {
|
|
@@ -162,6 +186,14 @@ interface SessionPanelProps {
|
|
|
162
186
|
* (the VS Code panel) wants `'lines'`; a full-width dashboard usually doesn't.
|
|
163
187
|
*/
|
|
164
188
|
transcriptVariant?: TranscriptVariant;
|
|
189
|
+
/**
|
|
190
|
+
* How much air the transcript gives each row — `'comfortable'` (default: a
|
|
191
|
+
* blank line between messages, as the Claude Code CLI leaves) or `'compact'`
|
|
192
|
+
* (rows tight against one another). Independent of `transcriptVariant`: the
|
|
193
|
+
* variant follows from the surface, density is the reader's preference, and a
|
|
194
|
+
* dock is allowed to be roomy.
|
|
195
|
+
*/
|
|
196
|
+
transcriptDensity?: TranscriptDensity;
|
|
165
197
|
/**
|
|
166
198
|
* Where the session's own controls — model and permission mode — live.
|
|
167
199
|
* `'internal'` (default) draws them in the composer's toolbar row.
|
|
@@ -213,6 +245,15 @@ type SessionControls = {
|
|
|
213
245
|
setModel: (model?: string) => void;
|
|
214
246
|
setPermissionMode: (mode: PermissionMode) => void;
|
|
215
247
|
interrupt: () => void;
|
|
248
|
+
/**
|
|
249
|
+
* Put the caret in the composer.
|
|
250
|
+
*
|
|
251
|
+
* For an embedder whose own chrome is how you arrive at a session — clicking a
|
|
252
|
+
* row in VS Code's sidebar — where revealing the panel and being able to type
|
|
253
|
+
* are the same intention. The panel cannot infer it: from in here, a session
|
|
254
|
+
* appearing looks identical whether someone asked for it or it was restored.
|
|
255
|
+
*/
|
|
256
|
+
focusComposer: () => void;
|
|
216
257
|
};
|
|
217
258
|
/** The panels the session surface can raise. One at a time, by identity: a bag
|
|
218
259
|
* of booleans would let two open at once. */
|
|
@@ -266,6 +307,7 @@ declare function SessionPanel({
|
|
|
266
307
|
onOpenPanel,
|
|
267
308
|
onVitals,
|
|
268
309
|
transcriptVariant,
|
|
310
|
+
transcriptDensity,
|
|
269
311
|
controlsSurface,
|
|
270
312
|
onControls,
|
|
271
313
|
focusComposerOnClick,
|
|
@@ -273,5 +315,5 @@ declare function SessionPanel({
|
|
|
273
315
|
className
|
|
274
316
|
}: SessionPanelProps): _$react.JSX.Element;
|
|
275
317
|
//#endregion
|
|
276
|
-
export { SessionVitals as a,
|
|
277
|
-
//# sourceMappingURL=SessionPanel-
|
|
318
|
+
export { permissionModeChoices as _, SessionVitals as a, TranscriptVariant as c, useTranscriptVariant as d, PERMISSION_MODES as f, PermissionModeSelectProps as g, PermissionModeSelect as h, SessionSurfacePanel as i, TranscriptVariantProvider as l, PermissionModeMeta as m, SessionPanel as n, TranscriptDensity as o, PermissionModeChoice as p, SessionPanelProps as r, TranscriptDensityProvider as s, SessionControls as t, useTranscriptDensity as u, permissionModeMeta as v };
|
|
319
|
+
//# sourceMappingURL=SessionPanel-Dy9lQrOV.d.mts.map
|