@mcp-b/react-components 0.20.1 → 0.20.4

package/dist/components/WorkspaceExplorer.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { a as WorkspaceNavigationRestorationBoundary, n as WorkspaceNavigationProvider, o as useRequiredWorkspaceNavigationRestoration, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../WorkspaceLink-BYYeTQLf.js";
+import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./WorkspaceFile.js";
 import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
-import { t as WorkspaceFileView } from "../WorkspaceFileView-CEdArlOT.js";
-import { t as mergeRefs } from "../merge-refs-KlanQB7A.js";
+import { t as WorkspaceFileView } from "../WorkspaceFileView-Bxx4wEzJ.js";
 import { useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions } from "./Workspace.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/WorkspaceFileView.js

@@ -1,2 +1,2 @@
-import { t as WorkspaceFileView } from "../WorkspaceFileView-CEdArlOT.js";
+import { t as WorkspaceFileView } from "../WorkspaceFileView-Bxx4wEzJ.js";
 export { WorkspaceFileView };

package/dist/components/WorkspaceHeader.js

@@ -1,4 +1,4 @@
-import { U as RefreshIcon } from "../icons-DKXiSepE.js";
+import { U as RefreshIcon } from "../icons-DyOM0EJs.js";
 import { AppTopBar } from "./AppTopBar.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/icons.js

@@ -1,2 +1,2 @@
-import { $ as WrenchIcon, A as McpIcon, B as PlayIcon, C as FolderIcon, D as InfoIcon, E as ImageIcon, F as MoonIcon, G as SidebarIcon, H as QueueIcon, I as MoveToFrontIcon, J as StopIcon, K as SpinnerIcon, L as PaperclipIcon, M as MicrophoneIcon, N as MinusIcon, O as LinkIcon, P as MonitorIcon, Q as WarningIcon, R as PauseIcon, S as FileIcon, T as HashIcon, U as RefreshIcon, V as PlusIcon, W as SearchIcon, X as TerminalIcon, Y as SunIcon, Z as TrashIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, c as BrainIcon, d as ChevronDownIcon, et as XIcon, f as ChevronLeftIcon, g as DiscordIcon, h as CopyIcon, i as ArrowRightIcon, j as MessageSquareIcon, k as MaximizeIcon, l as CalendarIcon, m as CodeIcon, n as ArrowDownIcon, o as BookmarkIcon, p as ChevronRightIcon, q as SquareIcon, r as ArrowLeftIcon, s as BoxIcon, t as ArchiveIcon, u as CheckIcon, v as DownloadIcon, w as FolderOpenIcon, x as EyeOffIcon, y as EllipsisIcon, z as PencilIcon } from "../icons-DKXiSepE.js";
+import { $ as WrenchIcon, A as McpIcon, B as PlayIcon, C as FolderIcon, D as InfoIcon, E as ImageIcon, F as MoonIcon, G as SidebarIcon, H as QueueIcon, I as MoveToFrontIcon, J as StopIcon, K as SpinnerIcon, L as PaperclipIcon, M as MicrophoneIcon, N as MinusIcon, O as LinkIcon, P as MonitorIcon, Q as WarningIcon, R as PauseIcon, S as FileIcon, T as HashIcon, U as RefreshIcon, V as PlusIcon, W as SearchIcon, X as TerminalIcon, Y as SunIcon, Z as TrashIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, c as BrainIcon, d as ChevronDownIcon, et as XIcon, f as ChevronLeftIcon, g as DiscordIcon, h as CopyIcon, i as ArrowRightIcon, j as MessageSquareIcon, k as MaximizeIcon, l as CalendarIcon, m as CodeIcon, n as ArrowDownIcon, o as BookmarkIcon, p as ChevronRightIcon, q as SquareIcon, r as ArrowLeftIcon, s as BoxIcon, t as ArchiveIcon, u as CheckIcon, v as DownloadIcon, w as FolderOpenIcon, x as EyeOffIcon, y as EllipsisIcon, z as PencilIcon } from "../icons-DyOM0EJs.js";
 export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookmarkIcon, BoxIcon, BrainIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/{copy-button-BtRwhRks.js → copy-button-vo1paUSi.js}

@@ -1,4 +1,4 @@
-import { h as CopyIcon, u as CheckIcon } from "./icons-DKXiSepE.js";
+import { h as CopyIcon, u as CheckIcon } from "./icons-DyOM0EJs.js";
 import { Button } from "./components/Button.js";
 import { Tooltip } from "./components/Tooltip.js";
 import * as React from "react";

package/dist/format-S6uWyoSb.js

@@ -0,0 +1,38 @@
+//#region src/components/_internal/format.ts
+/**
+* Small string/number formatting helpers shared across components, so the same
+* one-liners are not re-derived in each file.
+*/
+/**
+* Constrains `value` to the inclusive `[min, max]` range.
+*/
+function clamp(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+/**
+* Uppercases the first character of `value`, leaving the rest untouched.
+*/
+function capitalize(value) {
+	return value.charAt(0).toUpperCase() + value.slice(1);
+}
+/**
+* Turns a `kebab-case` or `snake_case` identifier into a space-separated,
+* word-capitalized label (e.g. `"service-tier"` → `"Service Tier"`).
+*/
+function titleCase(value) {
+	return value.split(/[-_]/).filter(Boolean).map((word) => word[0].toUpperCase() + word.slice(1)).join(" ");
+}
+/**
+* Formats a whole number of seconds as a clock string — `m:ss`, widening to
+* `h:mm:ss` once it reaches an hour. Negative and fractional inputs are floored
+* to whole seconds, so callers that need rounding should round before calling.
+*/
+function formatClock(totalSeconds) {
+	const total = Math.max(0, Math.floor(totalSeconds));
+	const hours = Math.floor(total / 3600);
+	const minutes = Math.floor(total % 3600 / 60);
+	const seconds = String(total % 60).padStart(2, "0");
+	return hours > 0 ? `${hours}:${String(minutes).padStart(2, "0")}:${seconds}` : `${minutes}:${seconds}`;
+}
+//#endregion
+export { titleCase as i, clamp as n, formatClock as r, capitalize as t };

package/dist/{icons-DKXiSepE.js → icons-DyOM0EJs.js}

@@ -1,3 +1,4 @@
+import { t as cx } from "./class-names-BiMDVpUo.js";
 import { jsx } from "react/jsx-runtime";
 import { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Bookmark, Box, Brain, CalendarDays, Check, ChevronDown, ChevronLeft, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Hash, Image, Info, Link2, ListRestart, LoaderCircle, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Terminal, Trash2, TriangleAlert, Wrench, X } from "lucide-react";
 import { SiDiscord, SiModelcontextprotocol } from "react-icons/si";
@@ -61,7 +62,7 @@ function SpinnerIcon({ className, size = 16, strokeWidth = 1.75, ...props }) {
 		strokeWidth,
 		"aria-hidden": "true",
 		focusable: "false",
-		className: ["sigvelo-icon--spinner", className].filter(Boolean).join(" "),
+		className: cx("sigvelo-icon--spinner", className),
 		...props
 	});
 }

package/dist/{merge-refs-KlanQB7A.js → merge-refs-DF_7w2x_.js}

@@ -15,4 +15,4 @@ function mergeRefs(...refs) {
 	};
 }
 //#endregion
-export { mergeRefs as t };
+export { mergeRefs as n, assignRef as t };

package/dist/styles/activity-header.css

@@ -18,9 +18,6 @@
   min-width: 0;
   max-width: max-content;
   color: var(--sigvelo-color-text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .activity__item-icon {

package/dist/styles/activity.css

@@ -339,7 +339,7 @@
 
 @media (forced-colors: active) {
   .activity__trigger:focus-visible {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: 2px;
   }
 }

package/dist/styles/agent-attention.css

@@ -60,13 +60,6 @@
   line-height: 1.35;
 }
 
-.agent-attention__title,
-.agent-attention__description {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .agent-attention__title {
   font-size: var(--sigvelo-text-compact);
   font-weight: var(--sigvelo-font-weight-semibold);

package/dist/styles/agent-connection.css

@@ -175,7 +175,7 @@
   }
 
   .agent-connect__target[data-selected="true"] {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: -2px;
   }
 }

package/dist/styles/app-top-bar.css

@@ -38,13 +38,10 @@
   max-inline-size: min(20rem, 45vw);
   align-self: center;
   justify-self: center;
-  overflow: hidden;
   color: var(--sigvelo-color-text);
   font-size: var(--sigvelo-density-compact-control-font-size);
   font-weight: var(--sigvelo-font-weight-semibold);
   line-height: var(--sigvelo-leading-tight);
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .app-top-bar__trailing {
@@ -98,13 +95,13 @@
   }
 
   .app-top-bar__button:focus-visible {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: 2px;
     box-shadow: none;
   }
 
   .app-top-bar__button:is([aria-expanded="true"], [data-popup-open], [data-pressed]) {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: -2px;
   }
 }

package/dist/styles/browser-live-view.css

@@ -66,9 +66,6 @@
   font-size: var(--sigvelo-text-xs);
   color: var(--sigvelo-color-text-muted);
   max-inline-size: 80%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 /* An expired view showing a screenshot fallback keeps the image flush */
@@ -95,7 +92,7 @@
 }
 
 .browser-live-view__state-spinner {
-  animation: browser-live-view-spin 900ms linear infinite;
+  animation: sigvelo-icon-spin 900ms linear infinite;
 }
 
 /* Expand affordance, video-player style: quiet until the box is hovered or
@@ -157,12 +154,6 @@
   }
 }
 
-@keyframes browser-live-view-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
 @media (prefers-reduced-motion: reduce) {
   .browser-live-view__badge-dot,
   .browser-live-view__state-spinner {

package/dist/styles/browser-run-panel.css

@@ -61,12 +61,9 @@
 }
 
 .browser-run-panel__tab-title {
-  overflow: hidden;
   max-inline-size: 100%;
   font-size: var(--sigvelo-text-xs);
   line-height: var(--sigvelo-leading-tight);
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .browser-run-panel__address-bar {
@@ -105,13 +102,7 @@
 }
 
 .browser-run-panel__spinner {
-  animation: browser-run-panel-spin 900ms linear infinite;
-}
-
-@keyframes browser-run-panel-spin {
-  to {
-    transform: rotate(360deg);
-  }
+  animation: sigvelo-icon-spin 900ms linear infinite;
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -126,7 +117,7 @@
 
 @media (forced-colors: active) {
   .browser-run-panel__tab[data-active] {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: -2px;
   }
 }

package/dist/styles/chain-of-thought.css

@@ -44,7 +44,7 @@
   background-color: var(--sigvelo-color-primary-bg-subtle);
   border-color: var(--sigvelo-color-primary-border-muted);
   color: var(--sigvelo-color-primary-text);
-  animation: chain-of-thought-spin 1.6s linear infinite;
+  animation: sigvelo-icon-spin 1.6s linear infinite;
 }
 
 .chain-of-thought__step-body {
@@ -105,9 +105,6 @@
   color: var(--sigvelo-color-text);
   text-decoration: none;
   max-inline-size: 18rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
   transition:
     background-color var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change),
     border-color var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change);
@@ -157,15 +154,6 @@
   color: var(--sigvelo-color-text-muted);
 }
 
-@keyframes chain-of-thought-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
 @media (prefers-reduced-motion: reduce) {
   .chain-of-thought__step--active .chain-of-thought__step-indicator {
     animation: none;
@@ -184,7 +172,7 @@
 
   .chain-of-thought__header:focus-visible,
   .chain-of-thought__search-result:focus-visible {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: 2px;
   }
 }

package/dist/styles/checkbox-group.css

@@ -52,12 +52,6 @@
 }
 
 .checkbox-group__title,
-.checkbox-group__description {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .checkbox-group__title {
   font-weight: var(--sigvelo-font-weight-semibold);
 }

package/dist/styles/codex-model-selector.css

@@ -60,10 +60,7 @@
   justify-content: center;
   gap: var(--sigvelo-spacing-1);
   min-inline-size: 0;
-  overflow: hidden;
   text-align: center;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .codex-model-selector__summary-effort,
@@ -145,9 +142,6 @@
 .codex-model-selector__submenu-value {
   min-inline-size: 0;
   margin-inline-start: auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .codex-model-selector__option {

package/dist/styles/commit.css

@@ -67,10 +67,7 @@
 
 .commit__message {
   min-inline-size: 0;
-  overflow: hidden;
   font-weight: var(--sigvelo-font-weight-semibold);
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .commit__metadata {
@@ -146,9 +143,6 @@
   color: var(--sigvelo-color-text);
   flex: 1;
   min-inline-size: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .commit__file-additions {
@@ -177,7 +171,7 @@
   }
 
   .commit__header:focus-visible {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: 2px;
   }
 }

package/dist/styles/environment-variables.css

@@ -88,9 +88,6 @@
   border: var(--sigvelo-border-style) var(--sigvelo-border-width)
     var(--sigvelo-color-neutral-border-subtle);
   border-radius: var(--sigvelo-radius-sm);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .environment-variables__required {

package/dist/styles/file-tree.css

@@ -159,7 +159,7 @@
 
   .file-tree__node:focus-visible,
   .file-tree__node[data-focused] {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: 2px;
   }
 

package/dist/styles/inline-citation.css

@@ -68,13 +68,10 @@
 }
 
 .inline-citation__title {
-  overflow: hidden;
   color: var(--sigvelo-color-text);
   font-size: var(--sigvelo-text-compact);
   font-weight: var(--sigvelo-font-weight-semibold);
   line-height: var(--sigvelo-leading-compact);
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .inline-citation__location,
@@ -100,7 +97,7 @@
 
 @media (forced-colors: active) {
   .inline-citation__trigger:focus-visible {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: 2px;
     box-shadow: none;
   }

package/dist/styles/mcp-server-picker.css

@@ -110,9 +110,6 @@
 
 .mcp-server-picker__description {
   min-inline-size: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
   color: var(--sigvelo-color-text);
 }
 

package/dist/styles/message.css

@@ -83,12 +83,6 @@
   flex-shrink: 0;
 }
 
-.message__attachment-name {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .message__attachment-zoom {
   display: block;
   min-block-size: 0;

package/dist/styles/model-selector.css

@@ -181,7 +181,7 @@
 @media (forced-colors: active) {
   .model-selector__item:focus-visible,
   .model-selector__item:hover {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: -2px;
   }
 }

package/dist/styles/prompt-input.css

@@ -141,12 +141,6 @@
   color: var(--sigvelo-color-text-muted);
 }
 
-.prompt-input__attachment-name {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .prompt-input__attachment-remove {
   display: inline-flex;
   align-items: center;
@@ -283,7 +277,7 @@
 }
 
 .prompt-input__dictation[data-starting] .prompt-input__dictation-icon {
-  animation: prompt-input-spin 900ms linear infinite;
+  animation: sigvelo-icon-spin 900ms linear infinite;
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -328,7 +322,7 @@
 }
 
 .prompt-input__submit-spinner {
-  animation: prompt-input-spin 900ms linear infinite;
+  animation: sigvelo-icon-spin 900ms linear infinite;
 }
 
 .prompt-input__action-menu {
@@ -563,12 +557,6 @@
   min-inline-size: 0;
 }
 
-.prompt-input__command-description {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .prompt-input__command-meta {
   color: var(--prompt-input-secondary-text);
   font-size: var(--sigvelo-density-compact-control-font-size);
@@ -603,10 +591,7 @@
 }
 
 .prompt-input__reference-label {
-  overflow: hidden;
   max-inline-size: 18rem;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .prompt-input__reference-remove {
@@ -638,13 +623,6 @@
   max-inline-size: min(20rem, 45cqi);
 }
 
-.prompt-input__context-category,
-.prompt-input__context-value {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .prompt-input__context-category {
   flex: 0 0 auto;
   color: var(--sigvelo-color-text);
@@ -673,15 +651,6 @@
   margin-inline-start: auto;
 }
 
-@keyframes prompt-input-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
 @media (prefers-reduced-motion: reduce) {
   .prompt-input__submit-spinner {
     animation: none;
@@ -694,7 +663,7 @@
   }
 
   .prompt-input:focus-within {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: 2px;
   }
 }

package/dist/styles/queue.css

@@ -237,7 +237,7 @@
   }
 
   .queue__section-trigger:focus-visible {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: 2px;
   }
 }

package/dist/styles/recipes.css

@@ -740,7 +740,7 @@
     [data-slot="number-field-input"],
     [data-slot="toolbar-input"]
   ):focus-visible {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: 2px;
     box-shadow: none;
   }
@@ -750,7 +750,7 @@
     [data-slot="reasoning-trigger"],
     [data-slot="sources-trigger"]
   ):focus-visible {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: 2px;
     box-shadow: none;
   }

package/dist/styles/sources.css

@@ -62,9 +62,6 @@
   font-size: var(--sigvelo-text-compact);
   font-weight: var(--sigvelo-font-weight-semibold);
   color: var(--sigvelo-color-text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .sources__link-description {
@@ -90,7 +87,7 @@
   }
 
   .sources__link:focus-visible {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: 2px;
   }
 }

package/dist/styles/stepper.css

@@ -119,7 +119,7 @@
 }
 
 .stepper__indicator[data-loading] .stepper__indicator-content {
-  animation: stepper-spin 800ms linear infinite;
+  animation: sigvelo-icon-spin 800ms linear infinite;
 }
 
 .stepper__separator {
@@ -206,12 +206,6 @@
   display: none;
 }
 
-@keyframes stepper-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
 @media (prefers-reduced-motion: reduce) {
   .stepper__indicator[data-loading] .stepper__indicator-content {
     animation: none;

package/dist/styles/subagent-run.css

@@ -43,12 +43,9 @@
 
 .subagent-run__title {
   min-inline-size: 0;
-  overflow: hidden;
   color: var(--sigvelo-color-text);
   font-size: var(--sigvelo-text-sm);
   font-weight: var(--sigvelo-font-weight-semibold);
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .subagent-run__selector .subagent-run__title {

package/dist/styles/task.css

@@ -123,7 +123,7 @@
   }
 
   .task__trigger:focus-visible {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: 2px;
   }
 }

package/dist/styles/test-results.css

@@ -126,9 +126,6 @@
   font-family: var(--sigvelo-font-mono);
   font-size: var(--sigvelo-text-compact);
   font-weight: var(--sigvelo-font-weight-normal);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .test-results__suite-stats {
@@ -191,7 +188,7 @@
 
 .test-results__test-status--running {
   color: var(--sigvelo-color-primary-text);
-  animation: test-results-spin 1.4s linear infinite;
+  animation: sigvelo-icon-spin 1.4s linear infinite;
 }
 
 .test-results__test-name {
@@ -200,9 +197,6 @@
   font-family: var(--sigvelo-font-mono);
   font-size: var(--sigvelo-text-compact);
   color: var(--sigvelo-color-text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .test-results__test-duration {
@@ -250,15 +244,6 @@
   font-weight: var(--sigvelo-font-weight-semibold);
 }
 
-@keyframes test-results-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
 @media (prefers-reduced-motion: reduce) {
   .test-results__progress-segment {
     transition: none;
@@ -285,7 +270,7 @@
   }
 
   .test-results__suite-trigger:focus-visible {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: 2px;
   }
 }