@workerdeck/ui 3.4.0 → 3.6.1
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/index.d.mts +55 -4
- package/build/index.mjs +702 -163
- package/build/index.mjs.map +1 -1
- package/build/scoped.css +131 -0
- package/package.json +4 -4
- package/src/components/agent/AgentAvatar.tsx +117 -0
- package/src/components/agent/SessionBrowser.tsx +246 -43
- package/src/components/agent/SessionGroups.tsx +256 -23
- package/src/components/agent/SessionItem.tsx +200 -68
- package/src/index.ts +11 -0
- package/src/lib/team-drop.ts +65 -0
- package/src/styles/theme.css +22 -0
package/build/index.d.mts
CHANGED
|
@@ -11,7 +11,7 @@ import { Popover as Popover$1 } from "@base-ui/react/popover";
|
|
|
11
11
|
import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
|
|
12
12
|
import { Tooltip } from "@base-ui/react/tooltip";
|
|
13
13
|
import { toast } from "sonner";
|
|
14
|
-
import { ByModel, ContextReading, ContextUsage, EngineCapabilities, FilePatch, McpServerActionRequest, McpServerStatusInfo, McpServerToolInfo, ModelOption, PermissionRequest, PricingTable, ProfileEngine, ProfileSpend, ProjectIcon as ProjectIcon$1, QuestionBehavior, RateLimitInfo, SessionInfo, SessionRow, SessionStatus, SessionTask, ShellInfo, SkillInfo, SlashCommandInfo, StepDisplay, SubagentDisplay, UsageWindowRow, ViewConfig, WorkspaceScope, parseUserQuestions } from "@workerdeck/protocol";
|
|
14
|
+
import { AgentRef, ByModel, ContextReading, ContextUsage, EngineCapabilities, FilePatch, McpServerActionRequest, McpServerStatusInfo, McpServerToolInfo, ModelOption, PermissionRequest, PricingTable, ProfileEngine, ProfileSpend, ProjectIcon as ProjectIcon$1, QuestionBehavior, RateLimitInfo, SessionInfo, SessionRow, SessionState, SessionStatus, SessionTask, ShellInfo, SkillInfo, SlashCommandInfo, StepDisplay, SubagentDisplay, UsageWindowRow, ViewConfig, WorkspaceScope, parseUserQuestions } from "@workerdeck/protocol";
|
|
15
15
|
import { ConnectionState, PeerSessionOption, TranscriptItem, TranscriptState, UseAttachmentsResult } from "@workerdeck/react";
|
|
16
16
|
import { WorkerDeckClient } from "@workerdeck/client";
|
|
17
17
|
//#region src/components/ui/Button.d.ts
|
|
@@ -1198,6 +1198,36 @@ interface SessionListProps {
|
|
|
1198
1198
|
}
|
|
1199
1199
|
declare function SessionList({ sessions, activeId, onSelect, onDelete, emptyText, className }: SessionListProps): import("react").JSX.Element;
|
|
1200
1200
|
//#endregion
|
|
1201
|
+
//#region src/components/agent/AgentAvatar.d.ts
|
|
1202
|
+
type AgentAvatarImage = {
|
|
1203
|
+
still: string;
|
|
1204
|
+
busy?: {
|
|
1205
|
+
src: string;
|
|
1206
|
+
durations: number[];
|
|
1207
|
+
};
|
|
1208
|
+
};
|
|
1209
|
+
type AgentAvatars = Record<string, AgentAvatarImage>;
|
|
1210
|
+
declare function avatarOf(avatars: AgentAvatars | undefined, agent: AgentRef | undefined): AgentAvatarImage | undefined;
|
|
1211
|
+
interface AgentAvatarProps {
|
|
1212
|
+
row: SessionRow;
|
|
1213
|
+
image?: AgentAvatarImage;
|
|
1214
|
+
size?: number;
|
|
1215
|
+
state?: SessionState;
|
|
1216
|
+
badge?: boolean;
|
|
1217
|
+
className?: string;
|
|
1218
|
+
}
|
|
1219
|
+
declare function AgentAvatar({ row, image, size, state, badge, className }: AgentAvatarProps): import("react").JSX.Element;
|
|
1220
|
+
declare function LeadChip({ className }: {
|
|
1221
|
+
className?: string;
|
|
1222
|
+
}): import("react").JSX.Element;
|
|
1223
|
+
interface AgentHeadingProps {
|
|
1224
|
+
row: SessionRow;
|
|
1225
|
+
image?: AgentAvatarImage;
|
|
1226
|
+
conversation?: number;
|
|
1227
|
+
className?: string;
|
|
1228
|
+
}
|
|
1229
|
+
declare function AgentHeading({ row, image, conversation, className }: AgentHeadingProps): import("react").JSX.Element | null;
|
|
1230
|
+
//#endregion
|
|
1201
1231
|
//#region src/components/agent/SessionItem.d.ts
|
|
1202
1232
|
type SelectModifiers = {
|
|
1203
1233
|
meta: boolean;
|
|
@@ -1227,9 +1257,27 @@ interface SessionItemProps {
|
|
|
1227
1257
|
editing?: boolean;
|
|
1228
1258
|
onEditingChange?: (editing: boolean) => void;
|
|
1229
1259
|
actions?: ReactNode;
|
|
1260
|
+
avatars?: AgentAvatars;
|
|
1261
|
+
variant?: 'card' | 'member';
|
|
1262
|
+
badgeState?: SessionState;
|
|
1263
|
+
teamUnseen?: number;
|
|
1264
|
+
teamTray?: ReactNode;
|
|
1265
|
+
tile?: boolean;
|
|
1230
1266
|
className?: string;
|
|
1231
1267
|
}
|
|
1232
|
-
declare function SessionItem({ row, active, activeStepKey, showGateway, showProject, projectIcons, subagents, shells, tasks, onSelect, onSelectSubagent, onSelectTask, onStopTask, onSelectShell, onKillShell, onShellAgentWrite, now, onRename, renameOn, editing, onEditingChange, actions, className }: SessionItemProps): import("react").JSX.Element;
|
|
1268
|
+
declare function SessionItem({ row, active, activeStepKey, showGateway, showProject, projectIcons, subagents, shells, tasks, onSelect, onSelectSubagent, onSelectTask, onStopTask, onSelectShell, onKillShell, onShellAgentWrite, now, onRename, renameOn, editing, onEditingChange, actions, avatars, variant, badgeState, teamUnseen, teamTray, tile, className }: SessionItemProps): import("react").JSX.Element;
|
|
1269
|
+
//#endregion
|
|
1270
|
+
//#region src/lib/team-drop.d.ts
|
|
1271
|
+
type TeamMove = {
|
|
1272
|
+
row: SessionRow;
|
|
1273
|
+
lead: SessionRow | null;
|
|
1274
|
+
order?: number;
|
|
1275
|
+
siblings?: {
|
|
1276
|
+
row: SessionRow;
|
|
1277
|
+
order: number;
|
|
1278
|
+
}[];
|
|
1279
|
+
};
|
|
1280
|
+
declare function teamDropRefusal(dragged: SessionRow, lead: SessionRow): string | undefined;
|
|
1233
1281
|
//#endregion
|
|
1234
1282
|
//#region src/components/agent/SessionStatusIcon.d.ts
|
|
1235
1283
|
declare function SessionStatusIcon({ row, className }: {
|
|
@@ -1254,6 +1302,7 @@ interface SessionBrowserProps {
|
|
|
1254
1302
|
onSelect?: (row: SessionRow, modifiers: SelectModifiers) => void;
|
|
1255
1303
|
onDelete?: (row: SessionRow) => void;
|
|
1256
1304
|
onRename?: (row: SessionRow, title: string) => void;
|
|
1305
|
+
onRenameAgent?: (row: SessionRow, name: string) => void;
|
|
1257
1306
|
onClearContext?: (row: SessionRow) => void;
|
|
1258
1307
|
onSleep?: (row: SessionRow) => void;
|
|
1259
1308
|
onSelectSubagent?: (row: SessionRow, toolUseId: string) => void;
|
|
@@ -1262,6 +1311,8 @@ interface SessionBrowserProps {
|
|
|
1262
1311
|
onSelectShell?: (row: SessionRow, shellId: string) => void;
|
|
1263
1312
|
onKillShell?: (row: SessionRow, shellId: string) => void;
|
|
1264
1313
|
onShellAgentWrite?: (row: SessionRow, shellId: string, enabled: boolean) => void;
|
|
1314
|
+
avatars?: AgentAvatars;
|
|
1315
|
+
onTeamMove?: (move: TeamMove) => Promise<void> | void;
|
|
1265
1316
|
onCreateInGroup?: (target: GroupTarget) => void;
|
|
1266
1317
|
emptyState?: ReactNode;
|
|
1267
1318
|
showControls?: boolean;
|
|
@@ -1275,7 +1326,7 @@ type GroupTarget = {
|
|
|
1275
1326
|
cwd?: string;
|
|
1276
1327
|
};
|
|
1277
1328
|
declare function rowShapeClass(active: boolean): string;
|
|
1278
|
-
declare function SessionBrowser({ rows, config, onConfigChange, scope, activeId, activeSubagentId, activeShellId, now, isActive, rowActions, gatewayCount, showSubset, onSelect, onDelete, onRename, onClearContext, onSleep, onSelectSubagent, onSelectTask, onStopTask, onSelectShell, onKillShell, onShellAgentWrite, onCreateInGroup, emptyState, showControls, showSearch, autoFocusSearch, projectIcons, className }: SessionBrowserProps): import("react").JSX.Element;
|
|
1329
|
+
declare function SessionBrowser({ rows, config, onConfigChange, scope, activeId, activeSubagentId, activeShellId, now, isActive, rowActions, gatewayCount, showSubset, onSelect, onDelete, onRename, onRenameAgent, onClearContext, onSleep, onSelectSubagent, onSelectTask, onStopTask, onSelectShell, onKillShell, onShellAgentWrite, avatars, onTeamMove, onCreateInGroup, emptyState, showControls, showSearch, autoFocusSearch, projectIcons, className }: SessionBrowserProps): import("react").JSX.Element;
|
|
1279
1330
|
declare function SessionSearch({ value, onChange, autoFocus, className, inputClassName }: {
|
|
1280
1331
|
value: string;
|
|
1281
1332
|
onChange: (value: string) => void;
|
|
@@ -1514,5 +1565,5 @@ declare function copyText(value: string): Promise<boolean>;
|
|
|
1514
1565
|
declare function toolIcon(toolName: string): LucideIcon;
|
|
1515
1566
|
declare function isMutatingTool(toolName: string): boolean;
|
|
1516
1567
|
//#endregion
|
|
1517
|
-
export { type ActionPlacement, AgentWriteIcon, AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, type ApprovalPromptProps, Badge, type BadgeProps, Band, Blank, Button, type ButtonProps, Card, CardContent, CardHeader, CardTitle, type ChipSegment, type ClientCommand, CodeBlock, type CodeBlockProps, Composer, type ComposerFileMatch, type ComposerHandle, type ComposerProps, type ComposerRow, ContextDialog, type ContextDialogProps, ContextPanel, type ContextPanelProps, ContextRing, Conversation, ConversationContent, type ConversationProps, ConversationScrollButton, CopyAction, CopyButton, type CopyButtonProps, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, EffortSelect, type EffortSelectProps, Empty, EmptyKey, EngineIcon, FileCard, type FileCardProps, type FileDeliveredItem, type FileLink, type FileLinkHandle, type FileLinkOpener, FileLinkProvider, type GroupTarget, HostFilesDialog, type HostFilesDialogProps, ImageViewer, ImageViewerProvider, Ink, Input, Loader, McpDialog, type McpDialogProps, McpPanel, McpPanelActions, type McpPanelModel, type McpPanelProps, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, type MessageProps, ModelSelect, type ModelSelectProps, type OpenImage, OptionSelect, type OptionSelectProps, PERMISSION_MODES, type PathHit, type PathMatch, type PermissionModeChoice, type PermissionModeMeta, PermissionModeSelect, type PermissionModeSelectProps, PermissionPrompt, type PermissionPromptProps, Popover, PopoverContent, PopoverTrigger, ProgressRing, type ProgressRingProps, ProjectIcon, PromptArea, type PromptAreaHandle, type PromptAreaProps, PromptTokenText, QUESTION_BEHAVIORS, type QuestionBehaviorMeta, QuestionPrompt, type QuestionPromptProps, Reasoning, type ReasoningProps, Response, type ResponseProps, Row, type RowProps, SHELL_AGENT_WRITE_NOTE, SHELL_GLYPH, SHELL_KILL_GLYPH, STATUS_META, STEP_DISPLAY_OPTIONS, SUBAGENT_DISPLAY_META, SUBAGENT_DISPLAY_ORDER, type Segment, Select, SelectContent, SelectItem, SelectItemText, type SelectModifiers, SelectTrigger, SelectValue, SessionBrowser, type SessionBrowserProps, type SessionControls, SessionEmptyState, type SessionEmptyStateProps, SessionFilters, SessionFiltersButton, type SessionFiltersButtonProps, type SessionFiltersProps, SessionInfoDialog, type SessionInfoDialogProps, SessionInfoPanel, type SessionInfoPanelProps, SessionItem, type SessionItemProps, SessionList, SessionListItem, type SessionListItemProps, type SessionListProps, SessionNamesProvider, SessionPanel, type SessionPanelProps, SessionSearch, SessionStatusIcon, type SessionSurfacePanel, type SessionVitals, type ShellActions, ShellActionsProvider, type ShellFrame, type ShellFrameOptions, type ShellStepOptions, ShellStrip, type ShellStripProps, SkillNamesProvider, SkillsDialog, type SkillsDialogProps, Spinner, Splitter, type SplitterProps, StatusBar, type StatusBarProps, type Step, StepDisplayControl, type StepKind, StepRow, SubagentDisplayIcon, SubagentStrip, SubagentToggle, type SubagentToggleProps, TaskList, type TaskListProps, type TaskStepOptions, TasksDialog, type TasksDialogProps, type TerminalAffordances, TerminalDiff, TerminalItemView, TerminalMarkdown, type TerminalMarkdownProps, type TerminalMetrics, TerminalPermissionPrompt, type TerminalPermissionPromptProps, TerminalQuestionPrompt, type TerminalQuestionPromptProps, TerminalStatusLine, type TerminalStatusLineProps, TerminalSurface, type TerminalSurfaceProps, TerminalTranscript, type TerminalTranscriptProps, type TextSegment, Textarea, Tip, Toaster, type Tone, ToolCallCard, type ToolCallCardProps, type ToolCallItem, ToolTitleProvider, TooltipContent, TooltipProvider, Transcript, type TranscriptFont, type TranscriptProps, type TranscriptVariant, TranscriptVariantProvider, type TriggerConfig, type TriggerSuggestion, UsageDialog, type UsageDialogProps, UsageMeters, ViewableImage, type ViewedImage, WithActions, badgeVariants, buttonVariants, cn, commandTrigger, copyText, effortChoices, engineMark, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, getChipsByTrigger, hashtagTrigger, isMutatingTool, isSegmentsEmpty, launchTrigger, matchClientCommand, matchPath, mentionTrigger, mergeComposerRows, parseFileLink, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, previewPatch, rankComposerRows, rankPeerSessions, rateLimitWindowSeconds, resolveAgainstCwd, rowShapeClass, segmentsToPlainText, sessionSteps, shellAgentWriteLabel, shellGrantable, shellInfoFailed, shellInfoLabel, shellInfoStatusText, shellTitle, skillPrompt, toast, toolIcon, toolInputPreview, useAffordances, useFileLinks, useMcpPanel, useMinuteClock, useOpenImage, usePathLinks, usePromptAreaState, useShellActions, useShellFrame, useToolTitle, useTranscriptVariant, vendorMarkClass, vendorTextClass };
|
|
1568
|
+
export { type ActionPlacement, AgentAvatar, type AgentAvatarImage, type AgentAvatarProps, type AgentAvatars, AgentHeading, type AgentHeadingProps, AgentWriteIcon, AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, type ApprovalPromptProps, Badge, type BadgeProps, Band, Blank, Button, type ButtonProps, Card, CardContent, CardHeader, CardTitle, type ChipSegment, type ClientCommand, CodeBlock, type CodeBlockProps, Composer, type ComposerFileMatch, type ComposerHandle, type ComposerProps, type ComposerRow, ContextDialog, type ContextDialogProps, ContextPanel, type ContextPanelProps, ContextRing, Conversation, ConversationContent, type ConversationProps, ConversationScrollButton, CopyAction, CopyButton, type CopyButtonProps, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, EffortSelect, type EffortSelectProps, Empty, EmptyKey, EngineIcon, FileCard, type FileCardProps, type FileDeliveredItem, type FileLink, type FileLinkHandle, type FileLinkOpener, FileLinkProvider, type GroupTarget, HostFilesDialog, type HostFilesDialogProps, ImageViewer, ImageViewerProvider, Ink, Input, LeadChip, Loader, McpDialog, type McpDialogProps, McpPanel, McpPanelActions, type McpPanelModel, type McpPanelProps, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, type MessageProps, ModelSelect, type ModelSelectProps, type OpenImage, OptionSelect, type OptionSelectProps, PERMISSION_MODES, type PathHit, type PathMatch, type PermissionModeChoice, type PermissionModeMeta, PermissionModeSelect, type PermissionModeSelectProps, PermissionPrompt, type PermissionPromptProps, Popover, PopoverContent, PopoverTrigger, ProgressRing, type ProgressRingProps, ProjectIcon, PromptArea, type PromptAreaHandle, type PromptAreaProps, PromptTokenText, QUESTION_BEHAVIORS, type QuestionBehaviorMeta, QuestionPrompt, type QuestionPromptProps, Reasoning, type ReasoningProps, Response, type ResponseProps, Row, type RowProps, SHELL_AGENT_WRITE_NOTE, SHELL_GLYPH, SHELL_KILL_GLYPH, STATUS_META, STEP_DISPLAY_OPTIONS, SUBAGENT_DISPLAY_META, SUBAGENT_DISPLAY_ORDER, type Segment, Select, SelectContent, SelectItem, SelectItemText, type SelectModifiers, SelectTrigger, SelectValue, SessionBrowser, type SessionBrowserProps, type SessionControls, SessionEmptyState, type SessionEmptyStateProps, SessionFilters, SessionFiltersButton, type SessionFiltersButtonProps, type SessionFiltersProps, SessionInfoDialog, type SessionInfoDialogProps, SessionInfoPanel, type SessionInfoPanelProps, SessionItem, type SessionItemProps, SessionList, SessionListItem, type SessionListItemProps, type SessionListProps, SessionNamesProvider, SessionPanel, type SessionPanelProps, SessionSearch, SessionStatusIcon, type SessionSurfacePanel, type SessionVitals, type ShellActions, ShellActionsProvider, type ShellFrame, type ShellFrameOptions, type ShellStepOptions, ShellStrip, type ShellStripProps, SkillNamesProvider, SkillsDialog, type SkillsDialogProps, Spinner, Splitter, type SplitterProps, StatusBar, type StatusBarProps, type Step, StepDisplayControl, type StepKind, StepRow, SubagentDisplayIcon, SubagentStrip, SubagentToggle, type SubagentToggleProps, TaskList, type TaskListProps, type TaskStepOptions, TasksDialog, type TasksDialogProps, type TeamMove, type TerminalAffordances, TerminalDiff, TerminalItemView, TerminalMarkdown, type TerminalMarkdownProps, type TerminalMetrics, TerminalPermissionPrompt, type TerminalPermissionPromptProps, TerminalQuestionPrompt, type TerminalQuestionPromptProps, TerminalStatusLine, type TerminalStatusLineProps, TerminalSurface, type TerminalSurfaceProps, TerminalTranscript, type TerminalTranscriptProps, type TextSegment, Textarea, Tip, Toaster, type Tone, ToolCallCard, type ToolCallCardProps, type ToolCallItem, ToolTitleProvider, TooltipContent, TooltipProvider, Transcript, type TranscriptFont, type TranscriptProps, type TranscriptVariant, TranscriptVariantProvider, type TriggerConfig, type TriggerSuggestion, UsageDialog, type UsageDialogProps, UsageMeters, ViewableImage, type ViewedImage, WithActions, avatarOf, badgeVariants, buttonVariants, cn, commandTrigger, copyText, effortChoices, engineMark, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, getChipsByTrigger, hashtagTrigger, isMutatingTool, isSegmentsEmpty, launchTrigger, matchClientCommand, matchPath, mentionTrigger, mergeComposerRows, parseFileLink, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, previewPatch, rankComposerRows, rankPeerSessions, rateLimitWindowSeconds, resolveAgainstCwd, rowShapeClass, segmentsToPlainText, sessionSteps, shellAgentWriteLabel, shellGrantable, shellInfoFailed, shellInfoLabel, shellInfoStatusText, shellTitle, skillPrompt, teamDropRefusal, toast, toolIcon, toolInputPreview, useAffordances, useFileLinks, useMcpPanel, useMinuteClock, useOpenImage, usePathLinks, usePromptAreaState, useShellActions, useShellFrame, useToolTitle, useTranscriptVariant, vendorMarkClass, vendorTextClass };
|
|
1518
1569
|
//# sourceMappingURL=index.d.mts.map
|