@workerdeck/ui 2.7.1 → 2.8.0

package/src/components/prompt-area/use-prompt-area.ts

@@ -88,7 +88,7 @@ type UsePromptAreaReturn = {
 const UNDO_DEBOUNCE_MS = 300
 
 // Shared default so an omitted `triggers` prop keeps a stable identity across
-// renders — a fresh [] would re-create renderSegmentsToDOM (and everything
+// renders - a fresh [] would re-create renderSegmentsToDOM (and everything
 // keyed on it) on every parent render.
 const NO_TRIGGERS: TriggerConfig[] = []
 
@@ -401,7 +401,7 @@ export function usePromptArea({
   // pending passive effects before rendering that keystroke's onChange. The
   // stale flush would compare an older render's `value` against the
   // lastRenderedValue that handleInput just advanced, read its own echo lag as
-  // an external change, and rewrite the editor to pre-keystroke content —
+  // an external change, and rewrite the editor to pre-keystroke content -
   // leaving the caret behind the character once the echo re-rendered it.
   // Inside the commit, `value` can never be older than lastRenderedValue.
   useLayoutEffect(() => {
@@ -423,7 +423,7 @@ export function usePromptArea({
     }
 
     // A rebuild churns the caret and the decorations, so skip it when the
-    // editor already shows exactly this content — e.g. a consumer echoed our
+    // editor already shows exactly this content - e.g. a consumer echoed our
     // onChange back re-chunked, or the DOM is split by decorations. Adopt the
     // value so the equality guard above short-circuits from here on.
     if (segmentsContentEqual(readSegmentsFromDOM(), value)) {
@@ -520,7 +520,7 @@ export function usePromptArea({
     // Native structural edits (e.g. a Backspace that deleted or merged a list
     // row) bypass applyEditResult, so rebuild ordered-list numbering here too.
     // handleInput fires on every keystroke, so gate on a genuine ordered-list
-    // run — this renumbers a real list (1,2,4 → 1,2,3) but leaves incidental
+    // run - this renumbers a real list (1,2,4 → 1,2,3) but leaves incidental
     // numeric prose ("1985. Born / 2020. Died") untouched.
     let nextSegments = segments
     let renumberedCursor: number | null = null
@@ -643,7 +643,7 @@ export function usePromptArea({
 
   const selectSuggestion = selectSuggestionInternal
 
-  // Handle key events — the numbered router and its chip-deletion helpers live in
+  // Handle key events - the numbered router and its chip-deletion helpers live in
   // use-prompt-area-keydown.ts.
 
   const handleKeyDown = usePromptAreaKeydown({

package/src/components/prompt-area/use-trigger-search.ts

@@ -25,7 +25,7 @@ export function useTriggerSearch(): UseTriggerSearchReturn {
   const [suggestionsLoading, setSuggestionsLoading] = useState(false)
   const [suggestionsError, setSuggestionsError] = useState<string | null>(null)
 
-  // Version counter – belt-and-suspenders alongside AbortController
+  // Version counter - belt-and-suspenders alongside AbortController
   const searchVersion = useRef(0)
   const abortController = useRef<AbortController | null>(null)
   const debounceTimer = useRef<ReturnType<typeof setTimeout> | null>(null)

package/src/components/terminal/PermissionPrompt.tsx

@@ -42,8 +42,8 @@ export function TerminalPermissionPrompt({ request, onApprove, onDeny, className
       onCancel={() => setDenying(false)}
       placeholder={
         plan
-          ? 'What should change? (optional) — the agent keeps planning and reads this'
-          : 'Reason (optional) — the agent reads this and can try something else'
+          ? 'What should change? (optional) - the agent keeps planning and reads this'
+          : 'Reason (optional) - the agent reads this and can try something else'
       }
     />
   ) : undefined
@@ -51,7 +51,7 @@ export function TerminalPermissionPrompt({ request, onApprove, onDeny, className
   const options = plan
     ? [
         { key: 'allow', label: 'Approve plan' },
-        { key: 'deny', label: 'Keep planning — tell it what to change', detail: reasonInput },
+        { key: 'deny', label: 'Keep planning - tell it what to change', detail: reasonInput },
         { key: 'stop', label: 'No, and stop the turn', danger: true },
       ]
     : [
@@ -116,7 +116,7 @@ export function TerminalPermissionPrompt({ request, onApprove, onDeny, className
       <Hint>
         {denying
           ? 'Enter to send · Shift+Enter for a new line · Esc to go back'
-          : 'Enter to select · ↑/↓ to navigate · 1–3 to choose · Esc to cancel'}
+          : 'Enter to select · ↑/↓ to navigate · 1-3 to choose · Esc to cancel'}
       </Hint>
     </div>
   )

package/src/components/terminal/affordances.tsx

@@ -44,7 +44,7 @@ export function WithActions({ actions, children, className }: { actions: ReactNo
 
 // Bookmarks are a host concern (which items, where they persist); the transcript only needs
 // membership and a toggle. A missing provider renders no action at all, so embeddings that
-// never wire bookmarks pay nothing — the same contract AffordanceContext has.
+// never wire bookmarks pay nothing - the same contract AffordanceContext has.
 export type BookmarkHandle = {
   has: (itemId: string) => boolean
   toggle: (itemId: string) => void

package/src/components/terminal/height.ts

@@ -102,7 +102,7 @@ type Token = { kind: 'word' | 'space'; w: number; exact: boolean }
 const TAB_SIZE = 2
 
 // Break after these unless a digit follows; `?` is here because Chrome breaks long URLs after it (verified against real break rects).
-const BREAK_AFTER = new Set(['-', '–', '—', '?'])
+const BREAK_AFTER = new Set(['-', '-', '-', '?'])
 
 const PLAIN_ASCII = /^[\x20-\x7e]*$/
 
@@ -181,7 +181,7 @@ function tokenize(line: string): Token[] {
     const { w, exact } = clusterCells(segment)
     const cp = segment.codePointAt(0) ?? 0
     if (isWide(cp) || PICTOGRAPHIC.test(segment)) {
-      // Each wide cluster is its own token — a break may fall between any two.
+      // Each wide cluster is its own token - a break may fall between any two.
       flushWord()
       tokens.push({ kind: 'word', w, exact })
       col += w

package/src/components/terminal/items.tsx

@@ -173,8 +173,8 @@ export function ToolRow({ item }: { item: ToolCallItem }) {
                     }}
                   >
                     {truncated
-                      ? `… +${missing.toLocaleString()} chars — fetch the rest`
-                      : `… +${hidden} line${hidden === 1 ? '' : 's'} — show all ${text.length.toLocaleString()} chars`}
+                      ? `… +${missing.toLocaleString()} chars - fetch the rest`
+                      : `… +${hidden} line${hidden === 1 ? '' : 's'} - show all ${text.length.toLocaleString()} chars`}
                   </button>
                 ) : (
                   <>

package/src/components/terminal/scrubber.tsx

@@ -351,7 +351,7 @@ export function TerminalScrubber(props: TerminalScrubberProps) {
     setPeek(null)
   }, [props.items])
 
-  // Manual listener because it must `preventDefault` — React's root wheel listeners are passive.
+  // Manual listener because it must `preventDefault` - React's root wheel listeners are passive.
   useEffect(() => {
     if (!interactive) {
       return

package/src/components/terminal/todos.ts

@@ -29,7 +29,7 @@ export function todoPreview(name: string, input: unknown): TodoPreview | undefin
   }
 }
 
-// Height and render both draw this exact string — `toolRowHeight` counts what `TerminalTodos` paints.
+// Height and render both draw this exact string - `toolRowHeight` counts what `TerminalTodos` paints.
 export function todoLine(todo: TodoEntry): string {
   return `${GLYPH[todo.status]} ${todo.text}`
 }

package/src/components/ui/Splitter.tsx

@@ -59,7 +59,7 @@ export function Splitter({
     }
   }
 
-  // Reached after `endDrag` — the second click of a double-click has already started a drag, and dblclick fires after pointerup.
+  // Reached after `endDrag` - the second click of a double-click has already started a drag, and dblclick fires after pointerup.
   const onDoubleClick = () => {
     if (defaultValue !== undefined) {
       onValueChange(clamp(defaultValue))

package/src/lib/context-note.ts

@@ -9,11 +9,11 @@ export interface ContextNote {
 
 const CODEX_CONTEXT_NOTE: ContextNote = {
   summary:
-    'Codex budgets 272K input by default and reports 95% of it, so a 1M-class model reads ~258k. That is codex’s price tier, not the model’s ceiling — and it is the number auto-compaction fires on, so the meter is honest.',
-  hint: 'Raising it is yours to set: model_context_window in ~/.codex/config.toml — and watch for auto-compaction failing afterwards.',
+    'Codex budgets 272K input by default and reports 95% of it, so a 1M-class model reads ~258k. That is codex’s price tier, not the model’s ceiling - and it is the number auto-compaction fires on, so the meter is honest.',
+  hint: 'Raising it is yours to set: model_context_window in ~/.codex/config.toml - and watch for auto-compaction failing afterwards.',
   detail: [
     'To raise it, set model_context_window in ~/.codex/config.toml, up to 872000 (reported as 828400). Codex clamps to its own max_context_window, itself below OpenAI’s stated 922,000 max input.',
-    'Above 272K input, a request bills at 2x input / 1.5x output for the whole request. WorkerDeck never writes this setting — it is a cost decision on your account.',
+    'Above 272K input, a request bills at 2x input / 1.5x output for the whole request. WorkerDeck never writes this setting - it is a cost decision on your account.',
   ],
   caveat:
     'Raise it and watch for auto-compaction failing: openai/codex #16068 reports it stops firing after the first overflow. Unverified here on 0.149.0.',

package/src/lib/format.ts

@@ -28,7 +28,7 @@ export function compactionText(item: {
 
 export function formatCost(usd: number | undefined): string {
   if (usd === undefined || Number.isNaN(usd)) {
-    return '—'
+    return '-'
   }
   if (usd === 0) {
     return '$0.00'
@@ -92,7 +92,7 @@ export function formatCountdown(untilEpochMs: number, now = Date.now()): string
 
 export function formatRelativeTime(epochMs: number | undefined, now = Date.now()): string {
   if (!epochMs) {
-    return '—'
+    return '-'
   }
   const diff = Math.max(0, now - epochMs)
   const s = Math.floor(diff / 1000)

package/src/styles/scoped.entry.css

@@ -1,12 +1,12 @@
 /*
- * Build entry for the SCOPED stylesheet (`@workerdeck/ui/scoped.css`) — see
+ * Build entry for the SCOPED stylesheet (`@workerdeck/ui/scoped.css`) - see
  * `scripts/build-scoped-css.mjs`, which compiles this with the Tailwind CLI and
  * then rewrites every selector under `.wd-root`. Not shipped as-is and not an
  * export: embedders import the compiled `scoped.css` artifact.
  *
  * `source(none)` + explicit `@source`: the utilities compiled here are exactly
  * the ones this package's own components (and streamdown, whose markdown
- * renderer ships Tailwind-classed markup) use — hermetic, independent of any
+ * renderer ships Tailwind-classed markup) use - hermetic, independent of any
  * host app's Tailwind build.
  */
 @import 'tailwindcss' source(none);