@workerdeck/ui 3.1.0 → 3.3.0

package/build/scoped.css

@@ -56,6 +56,7 @@
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--cw-font-sans);
     --default-mono-font-family: var(--cw-font-mono);
+    --color-accent: var(--accent);
     --text-body: 0.9375rem;
     --text-body-sm: 0.8125rem;
   }
@@ -445,12 +446,18 @@
   .wd-root .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }
+  .wd-root .-ml-1\.5 {
+    margin-left: calc(var(--spacing) * -1.5);
+  }
   .wd-root .ml-0 {
     margin-left: 0px;
   }
   .wd-root .ml-1 {
     margin-left: var(--spacing);
   }
+  .wd-root .ml-auto {
+    margin-left: auto;
+  }
   .wd-root .block {
     display: block;
   }
@@ -632,6 +639,9 @@
   .wd-root .min-h-0 {
     min-height: 0px;
   }
+  .wd-root .min-h-5 {
+    min-height: calc(var(--spacing) * 5);
+  }
   .wd-root .min-h-28 {
     min-height: calc(var(--spacing) * 28);
   }
@@ -964,6 +974,9 @@
   .wd-root .self-center {
     align-self: center;
   }
+  .wd-root .self-start {
+    align-self: flex-start;
+  }
   .wd-root .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1038,6 +1051,10 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 4px;
   }
+  .wd-root .border-dashed {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
   .wd-root .border-\[var\(--wd-shell-accent\)\] {
     border-color: var(--wd-shell-accent);
   }
@@ -1236,6 +1253,12 @@
   .wd-root .bg-red-100 {
     background-color: var(--color-red-100);
   }
+  .wd-root .bg-row-hover\/50 {
+    background-color: var(--row-hover);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--row-hover) 50%, transparent);
+    }
+  }
   .wd-root .bg-row-selected {
     background-color: var(--row-selected);
   }
@@ -1761,6 +1784,10 @@
     --tw-shadow: var(--shadow-xs);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .wd-root .shadow-\[inset_0_2px_0_0_var\(--color-accent\)\] {
+    --tw-shadow: inset 0 2px 0 0 var(--tw-shadow-color, var(--color-accent));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .wd-root .shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1886,6 +1913,12 @@
     .wd-root .group-hover\:opacity-100:is(:where(.group):hover *) {
       opacity: 100%;
     }
+    .wd-root .group-hover\/heading\:opacity-60:is(:where(.group\/heading):hover *) {
+      opacity: 60%;
+    }
+    .wd-root .group-hover\/heading\:opacity-100:is(:where(.group\/heading):hover *) {
+      opacity: 100%;
+    }
   }
   .wd-root .placeholder\:text-fg-4::placeholder {
     color: var(--fg-4);
@@ -1940,6 +1973,9 @@
   .wd-root .focus-within\:border-ring:focus-within {
     border-color: var(--ring);
   }
+  .wd-root .focus-within\:opacity-100:focus-within {
+    opacity: 100%;
+  }
   .wd-root .focus-within\:ring-2:focus-within {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

package/build/{use-path-links-C6Fh5zdx.mjs → use-path-links-Cby4i_VL.mjs}

@@ -9,7 +9,7 @@ import { ArrowDown, ArrowDownCircle, ArrowLeft, ArrowUp, AtSign, Bot, BotOff, Br
 import { Menu } from "@base-ui/react/menu";
 import { Dialog } from "@base-ui/react/dialog";
 import { Tooltip } from "@base-ui/react/tooltip";
-import { PRICING_NOTE, PROTOCOL_VERSION, SHELL_INTERACTIVE_NOTE, UNPRICED_WARN_SHARE, canonicalModel, costOf, costOfByModel, errorMessage, isPeerSendTool, mergeUsage, orderUsageWindows, parseTodoWriteInput, parseUserQuestions, peerDeliveredTo, pricingAgeNote, rateFor, resolvePosix, sessionTasks, subagentLabel, taskCountLabel, taskSummary, toolTitle, totalTokens, unknownBasisModels, usageInfos, usageIsStale } from "@workerdeck/protocol";
+import { PRICING_NOTE, PROTOCOL_VERSION, SHELL_INTERACTIVE_NOTE, UNPRICED_WARN_SHARE, canonicalModel, costOf, costOfByModel, errorMessage, isPeerSendTool, mergeUsage, orderUsageWindows, parseTodoWriteInput, parseUserQuestions, peerDeliveredTo, peerShortId, pricingAgeNote, rateFor, resolvePosix, sessionTasks, subagentLabel, taskCountLabel, taskSummary, toolTitle, totalTokens, unknownBasisModels, usageInfos, usageIsStale } from "@workerdeck/protocol";
 import { recapLine, scanPromptTokens, summarizeSince, useAsync, useAttachments, useClaudeSession, useDraft, useHostFileSearch, usePeerSessions, useProfileUsage, useShellTerminal, useToolCallHost } from "@workerdeck/react";
 import { Streamdown, defaultRehypePlugins } from "streamdown";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
@@ -5908,7 +5908,8 @@ function isPeerSend(item) {
 	return item.kind === "tool_call" && isPeerSendTool(item.name);
 }
 function peerName(origin) {
-	return origin.name ?? origin.sessionId.slice(0, 8);
+	if (!origin.name) return peerShortId(origin.sessionId);
+	return origin.hostId ? `${origin.name}@${origin.hostId}` : origin.name;
 }
 function peerNamesOf(items) {
 	const names = /* @__PURE__ */ new Map();
@@ -5929,7 +5930,7 @@ function peerSendTarget(item, names) {
 	const addressed = item.input?.sessionId;
 	const sessionId = delivered?.sessionId ?? (typeof addressed === "string" ? addressed : void 0);
 	if (sessionId === void 0) return "peer";
-	return delivered?.name ?? names?.get(sessionId) ?? sessionId.slice(0, 8);
+	return delivered?.name ?? names?.get(sessionId) ?? peerShortId(sessionId);
 }
 function peerSendText(item) {
 	const text = item.input?.text;
@@ -6305,7 +6306,7 @@ function clipToChars(lines, maxChars) {
 	return out;
 }
 function peerLabel(origin) {
-	const who = origin.name ? `${origin.name} (${origin.sessionId.slice(0, 8)})` : origin.sessionId.slice(0, 8);
+	const who = origin.name ? `${origin.name} (${peerShortId(origin.sessionId)})` : peerShortId(origin.sessionId);
 	return `message from ${origin.engine ? `${origin.engine} session ` : "session "}${who}`;
 }
 function PeerRow({ glyph, who, body, tone = "peer", clip }) {
@@ -13735,4 +13736,4 @@ function resolveAgainstCwd(path, cwd) {
 //#endregion
 export { ShellActionsProvider as $, Spinner as $t, PermissionPrompt as A, buttonVariants as An, PromptTokenText as At, ModelSelect as B, rankPeerSessions as Bt, SessionInfoDialog as C, SelectValue as Cn, Blank as Ct, QUESTION_BEHAVIORS as D, Badge as Dn, CopyAction as Dt, TerminalPermissionPrompt as E, Input as En, AgentWriteIcon as Et, SubagentStrip as F, TranscriptVariantProvider as Ft, useMcpPanel as G, mentionTrigger as Gt, McpDialog as H, commandTrigger as Ht, PERMISSION_MODES as I, useTranscriptVariant as It, ContextDialog as J, plainTextToSegments as Jt, HostFilesDialog as K, usePromptAreaState as Kt, PermissionModeSelect as L, matchClientCommand as Lt, useShellFrame as M, SkillNamesProvider as Mt, ShellTerminal as N, isMutatingTool as Nt, QuestionPrompt as O, badgeVariants as On, WithActions as Ot, ShellStrip as P, toolIcon as Pt, TerminalSurface as Q, CodeBlock as Qt, permissionModeChoices as R, mergeComposerRows as Rt, STATUS_META as S, SelectTrigger as Sn, Band as St, TerminalQuestionPrompt as T, Textarea as Tn, Row as Tt, McpPanel as U, hashtagTrigger as Ut, SkillsDialog as V, skillPrompt as Vt, McpPanelActions as W, launchTrigger as Wt, contextNote as X, ProgressRing as Xt, ContextPanel as Y, segmentsToPlainText as Yt, Composer as Z, Splitter as Zt, Loader as _, OptionSelect as _n, FileLinkProvider as _t, UsageDialog as a, Dialog$1 as an, shellGrantable as at, ConversationScrollButton as b, SelectItem as bn, TerminalDiff as bt, TerminalTranscript as c, DialogContent as cn, shellInfoStatusText as ct, Reasoning as d, DialogTrigger as dn, useToolTitle as dt, CopyButton as en, useShellActions as et, Message as f, Menu$1 as fn, TerminalMarkdown as ft, SessionEmptyState as g, MenuTrigger as gn, useOpenImage as gt, TerminalItemView as h, MenuSeparator as hn, ViewableImage as ht, SessionPanel as i, TooltipProvider as in, shellAgentWriteLabel as it, Response as j, cn as jn, SessionNamesProvider as jt, parseUserQuestions as k, Button as kn, useAffordances as kt, Transcript as l, DialogHeader as ln, shellTitle as lt, FileCard as m, MenuItem as mn, ImageViewerProvider as mt, usePathLinks as n, Tip as nn, SHELL_GLYPH as nt, UsageMeters as o, DialogBody as on, shellInfoFailed as ot, MessageContent as p, MenuContent as pn, ImageViewer as pt, EntryIcon as q, PromptArea as qt, matchPath as r, TooltipContent as rn, SHELL_KILL_GLYPH as rt, useMinuteClock as s, DialogClose as sn, shellInfoLabel as st, resolveAgainstCwd as t, copyText as tn, SHELL_AGENT_WRITE_NOTE as tt, ToolCallCard as u, DialogRow as un, ToolTitleProvider as ut, Conversation as v, Select$1 as vn, useFileLinks as vt, SessionInfoPanel as w, PortalScope as wn, Ink as wt, StatusBar as x, SelectItemText as xn, previewPatch as xt, ConversationContent as y, SelectContent as yn, parseFileLink as yt, permissionModeMeta as z, rankComposerRows as zt };
 
-//# sourceMappingURL=use-path-links-C6Fh5zdx.mjs.map
+//# sourceMappingURL=use-path-links-Cby4i_VL.mjs.map