@tangle-network/sandbox-ui 0.113.4 → 0.113.5

package/dist/{chunk-EKYA6AFY.js → chunk-TADGS4Q7.js}

@@ -18,6 +18,7 @@ import {
 } from "@tangle-network/agent-interface";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import { Brain, ChevronDown, Sparkles } from "lucide-react";
+import { focusRing } from "@tangle-network/ui/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 var REASONING_LADDER = reasoningLadder;
 function ReasoningGlyph({ level }) {
@@ -87,7 +88,8 @@ function ReasoningLevelPicker({
         className: cn(
           "inline-flex h-8 items-center gap-1.5 rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container px-2.5",
           "text-xs font-medium text-foreground shadow-sm transition-colors",
-          "hover:border-[var(--md3-outline-variant)] hover:bg-surface-container-high focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+          "hover:border-[var(--md3-outline-variant)] hover:bg-surface-container-high",
+          focusRing,
           "data-[state=open]:border-[var(--md3-outline-variant)] data-[state=open]:bg-surface-container-high",
           "disabled:cursor-not-allowed disabled:opacity-50",
           className,
@@ -224,6 +226,7 @@ var AnchoredPopover = React2.forwardRef(
 // src/chat/informative-lock.tsx
 import { Lock, Plus } from "lucide-react";
 import * as React3 from "react";
+import { focusRing as focusRing2 } from "@tangle-network/ui/utils";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function InformativeLock({
   children,
@@ -278,7 +281,8 @@ function InformativeLock({
             className: cn(
               "inline-flex h-8 items-center gap-1.5 rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container px-2.5 opacity-60",
               "text-xs font-medium text-foreground shadow-sm transition-colors",
-              "hover:border-[var(--md3-outline-variant)] hover:bg-surface-container-high focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+              "hover:border-[var(--md3-outline-variant)] hover:bg-surface-container-high",
+              focusRing2,
               "data-[state=open]:border-[var(--md3-outline-variant)] data-[state=open]:bg-surface-container-high",
               triggerClassName
             ),
@@ -319,7 +323,8 @@ function InformativeLock({
                   className: cn(
                     "mt-3 flex w-full items-center justify-center gap-1.5 rounded-md px-2.5 py-2 text-sm font-medium text-foreground",
                     "bg-primary/10 ring-1 ring-inset ring-primary/25 transition-colors",
-                    "hover:bg-primary/15 focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                    "hover:bg-primary/15",
+                    focusRing2
                   ),
                   children: [
                     /* @__PURE__ */ jsx3(Plus, { className: "h-4 w-4" }),
@@ -336,6 +341,7 @@ function InformativeLock({
 }
 
 // src/chat/agent-profile-picker.tsx
+import { focusField, focusRing as focusRing3 } from "@tangle-network/ui/utils";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function profileSubtitle(profile) {
   if (profile.description) return profile.description;
@@ -418,7 +424,8 @@ function AgentProfilePicker({
         className: cn(
           "inline-flex h-8 items-center gap-1.5 rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container px-2.5",
           "text-xs font-medium text-foreground shadow-sm transition-colors",
-          "hover:border-[var(--md3-outline-variant)] hover:bg-surface-container-high focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+          "hover:border-[var(--md3-outline-variant)] hover:bg-surface-container-high",
+          focusRing3,
           "data-[state=open]:border-[var(--md3-outline-variant)] data-[state=open]:bg-surface-container-high",
           "disabled:cursor-not-allowed disabled:opacity-60",
           triggerClassName
@@ -576,7 +583,7 @@ function ProfileForm({
         value: name,
         onChange: (event) => setName(event.target.value),
         placeholder: "Agent name (e.g. Tax Reviewer)",
-        className: "w-full rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container px-3 py-2 text-sm outline-none focus:border-primary"
+        className: `w-full rounded-lg border bg-surface-container px-3 py-2 text-sm ${focusField}`
       }
     ),
     capabilities.length > 0 && /* @__PURE__ */ jsxs3("div", { children: [
@@ -611,7 +618,7 @@ function ProfileForm({
         onChange: (event) => setInstructions(event.target.value),
         rows: 2,
         placeholder: "Instructions (optional) \u2014 how this agent should behave",
-        className: "w-full resize-none rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container px-3 py-2 text-sm outline-none focus:border-primary"
+        className: `w-full resize-none rounded-lg border bg-surface-container px-3 py-2 text-sm ${focusField}`
       }
     ),
     /* @__PURE__ */ jsxs3("div", { className: "flex justify-end gap-2", children: [
@@ -650,6 +657,7 @@ import { modelProvider, snapHarnessToModel } from "@tangle-network/agent-interfa
 import * as React5 from "react";
 import { Sparkles as Sparkles2, Send, Square, X } from "lucide-react";
 import { ChatMessage } from "@tangle-network/ui/chat";
+import { focusField as focusField2 } from "@tangle-network/ui/utils";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function defaultScopeLabel(scope) {
   if (scope.label) return scope.label;
@@ -879,7 +887,7 @@ function ArtifactAgentDock({
                   placeholder: `Ask about ${heading}\u2026`,
                   rows: 2,
                   disabled: !threadId,
-                  className: "min-h-[44px] flex-1 resize-none rounded-[20px] border border-[var(--md3-outline-variant)] bg-surface-dim px-3.5 py-2 text-sm text-foreground placeholder:text-muted-foreground transition-colors focus:outline-none focus:border-[var(--border-accent)] disabled:opacity-50"
+                  className: `min-h-[44px] flex-1 resize-none rounded-[20px] border bg-surface-dim px-3.5 py-2 text-sm text-foreground placeholder:text-muted-foreground disabled:opacity-50 ${focusField2}`
                 }
               ),
               sending ? /* @__PURE__ */ jsx5(

package/dist/{chunk-PZVUIUUW.js → chunk-ULPLRBMF.js}

@@ -1,5 +1,6 @@
 // src/files/index.ts
 import {
+  CSV_PREVIEW_ROW_LIMIT,
   FileArtifactPane,
   FilePreview,
   FileTabs,
@@ -10,10 +11,13 @@ import {
   filterFileTree,
   getCodeLanguage,
   getFormatLabel,
-  getSyntaxLanguage
+  getSyntaxLanguage,
+  parseCsv,
+  resolveFilePreviewKind
 } from "@tangle-network/ui/files";
 
 export {
+  CSV_PREVIEW_ROW_LIMIT,
   FileArtifactPane,
   FilePreview,
   FileTabs,
@@ -24,5 +28,7 @@ export {
   filterFileTree,
   getCodeLanguage,
   getFormatLabel,
-  getSyntaxLanguage
+  getSyntaxLanguage,
+  parseCsv,
+  resolveFilePreviewKind
 };

package/dist/{chunk-TK46XFLM.js → chunk-X3YXP7FG.js}

@@ -3,6 +3,11 @@ import {
   TOOL_CATEGORY_ICONS,
   cn,
   copyText,
+  focusField,
+  focusFieldInvalid,
+  focusFieldWithin,
+  focusRing,
+  focusRingInset,
   formatBytes,
   formatDuration,
   formatUptime,
@@ -17,6 +22,11 @@ export {
   TOOL_CATEGORY_ICONS,
   cn,
   copyText,
+  focusField,
+  focusFieldInvalid,
+  focusFieldWithin,
+  focusRing,
+  focusRingInset,
   formatBytes,
   formatDuration,
   formatUptime,

package/dist/connectors.js

@@ -428,6 +428,7 @@ function ConnectorActionList({
 import { Button as Button2, EmptyState, Input as Input2 } from "@tangle-network/ui/primitives";
 import { Blocks, ChevronRight as ChevronRight2, Search as Search2 } from "lucide-react";
 import { useEffect as useEffect2, useMemo as useMemo2, useState as useState3 } from "react";
+import { focusField } from "@tangle-network/ui/utils";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function optionsFor(entries, pick) {
   const map = /* @__PURE__ */ new Map();
@@ -469,7 +470,7 @@ function FilterSelect({
       value,
       onChange: (e) => onChange(e.target.value),
       "aria-label": ariaLabel,
-      className: "rounded-lg border border-border bg-card px-3 py-2 text-foreground text-sm focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+      className: `rounded-lg border bg-card px-3 py-2 text-foreground text-sm ${focusField}`,
       children: [
         /* @__PURE__ */ jsx3("option", { value: "", children: allLabel }),
         options.map((option) => /* @__PURE__ */ jsx3("option", { value: option.value, children: option.label }, option.value))

package/dist/dashboard.d.ts

@@ -51,7 +51,14 @@ interface RailHeaderProps {
     brand?: React.ReactNode;
     /** Destination for the brand link. When set with `LinkComponent`, the brand is a link. */
     brandHref?: string;
-    /** Optional middle content (e.g. a project/workspace switcher). Hidden when collapsed. */
+    /**
+     * Optional middle content (e.g. a project/workspace switcher).
+     *
+     * When `brand` is set, this is expanded-only — the collapsed rail has room
+     * for the mark alone. When `brand` is NOT set this content owns the rail top
+     * in BOTH states, so it is also rendered collapsed; read `useSidebar()` to
+     * swap in a compact mark there.
+     */
     children?: React.ReactNode;
     /** Whether the rail is collapsed (icon-only). */
     collapsed: boolean;
@@ -66,13 +73,6 @@ interface RailHeaderProps {
     LinkComponent?: React.ComponentType<any>;
     className?: string;
 }
-/**
- * The redesigned rail header. Expanded: brand (left) · optional middle · panel
- * toggle (right). Collapsed: only the brand mark, which morphs into the
- * expand button on hover (brand fades out, panel glyph fades in over the same
- * box) so the collapse affordance is discoverable without spending rail width.
- * Renders its own `h-14` bordered bar — drop it in at the top of {@link SidebarRail}.
- */
 declare function RailHeader({ brand, brandHref, children, collapsed, onToggle, collapsible, LinkComponent, className }: RailHeaderProps): React.JSX.Element;
 interface SidebarProps {
     children: React.ReactNode;

package/dist/dashboard.js

@@ -60,7 +60,7 @@ import {
   chatCapableHarnesses,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-LDAKIKTV.js";
+} from "./chunk-SX344CDB.js";
 import {
   BillingDashboard,
   InfoPanel,
@@ -69,7 +69,7 @@ import {
   UsageChart,
   formatPrice
 } from "./chunk-OMUIPJQZ.js";
-import "./chunk-2XPJ2XF7.js";
+import "./chunk-ANSC5AFC.js";
 import {
   ModelBrandStack,
   canonicalModelId,

package/dist/files.d.ts

@@ -1,4 +1,4 @@
-export { FileArtifactPane, FileArtifactPaneProps, FileFormat, FileNode, FilePreview, FilePreviewProps, FileTabData, FileTabs, FileTabsProps, FileTree, FileTreeProps, FileTreeVisibilityOptions, RichFileTree, RichFileTreeGitEntry, RichFileTreeGitStatus, RichFileTreeProps, RichFileTreeThemeVars, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage } from '@tangle-network/ui/files';
+export { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, FileArtifactPaneProps, FileFormat, FileNode, FilePreview, FilePreviewKind, FilePreviewProps, FileTabData, FileTabs, FileTabsProps, FileTree, FileTreeProps, FileTreeVisibilityOptions, RichFileTree, RichFileTreeGitEntry, RichFileTreeGitStatus, RichFileTreeProps, RichFileTreeThemeVars, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind } from '@tangle-network/ui/files';
 import '@tangle-network/ui/openui';
 import '@tangle-network/ui/run';
 import '@tangle-network/ui/utils';

package/dist/files.js

@@ -1,4 +1,5 @@
 import {
+  CSV_PREVIEW_ROW_LIMIT,
   FileArtifactPane,
   FilePreview,
   FileTabs,
@@ -9,10 +10,13 @@ import {
   filterFileTree,
   getCodeLanguage,
   getFormatLabel,
-  getSyntaxLanguage
-} from "./chunk-PZVUIUUW.js";
+  getSyntaxLanguage,
+  parseCsv,
+  resolveFilePreviewKind
+} from "./chunk-ULPLRBMF.js";
 import "./chunk-CZ7CSFO4.js";
 export {
+  CSV_PREVIEW_ROW_LIMIT,
   FileArtifactPane,
   FilePreview,
   FileTabs,
@@ -23,5 +27,7 @@ export {
   filterFileTree,
   getCodeLanguage,
   getFormatLabel,
-  getSyntaxLanguage
+  getSyntaxLanguage,
+  parseCsv,
+  resolveFilePreviewKind
 };