@tangle-network/sandbox-ui 0.115.1 → 0.115.3

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.
@@ -287,7 +287,7 @@ function EmbeddedAppView({ app, allowedOrigins, readiness, access, toolbarAction
287
287
  }
288
288
  if (previewUrl) return /* @__PURE__ */ jsx("section", {
289
289
  "aria-label": `${app.name} app`,
290
- className: cn$1("h-full min-h-0 min-w-0", className),
290
+ className: cn$1("h-full w-full min-h-0 min-w-0", className),
291
291
  children: /* @__PURE__ */ jsx(PreviewView, {
292
292
  url: previewUrl,
293
293
  allowedOrigins,
@@ -302,7 +302,7 @@ function EmbeddedAppView({ app, allowedOrigins, readiness, access, toolbarAction
302
302
  const message = starting ? app.statusMessage ?? "The app preview is starting." : urlError ?? app.statusMessage ?? "The app preview is unavailable.";
303
303
  return /* @__PURE__ */ jsx("section", {
304
304
  "aria-label": `${app.name} app`,
305
- className: cn$1("flex h-full min-h-0 min-w-0 flex-col bg-surface-container", className),
305
+ className: cn$1("flex h-full w-full min-h-0 min-w-0 flex-col bg-surface-container", className),
306
306
  children: /* @__PURE__ */ jsx("div", {
307
307
  className: "flex min-h-0 flex-1 items-center justify-center p-6",
308
308
  children: /* @__PURE__ */ jsxs("div", {
package/dist/globals.css CHANGED
@@ -6124,6 +6124,9 @@
6124
6124
  outline-offset: -1px;
6125
6125
  box-shadow: none;
6126
6126
  }
6127
+ .focus-field-within :is(input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file]),textarea,select,[contenteditable]:not([contenteditable=false])):focus-visible {
6128
+ outline: none;
6129
+ }
6127
6130
  body {
6128
6131
  -webkit-font-smoothing: antialiased;
6129
6132
  -moz-osx-font-smoothing: grayscale;
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-DmDMQxZ_.js";
1
+ import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-BijiFIC4.js";
2
2
  import { $ as SelectItem, A as DropdownMenuItem, At as Textarea, B as DropdownMenuTrigger, C as DialogTitle, Ct as TabsList, D as DropdownMenuCheckboxItem, E as DropdownMenu, Et as TerminalDisplay, F as DropdownMenuSeparator, Ft as UploadProgress, G as Label, Gt as TangleKnot, H as FilterField, I as DropdownMenuShortcut, It as badgeVariants, J as Progress, K as Metric, L as DropdownMenuSub, Lt as buttonVariants, M as DropdownMenuPortal, Mt as ToastContainer, N as DropdownMenuRadioGroup, Nt as ToastProvider, O as DropdownMenuContent, P as DropdownMenuRadioItem, Pt as Toolbar, Q as SelectGroup, R as DropdownMenuSubContent, Rt as useTheme, S as DialogPortal, St as TabsContent, T as DropZone, U as InlineCode, V as EmptyState, W as Input, Wt as Logo, X as Select, Y as SegmentedControl, Z as SelectContent, _ as DialogContent, _t as TableFooter, a as Badge, at as SelectValue, b as DialogHeader, bt as TableRow, c as CardContent, ct as SkeletonCard, d as CardHeader, dt as StatusPill, et as SelectLabel, f as CardTitle, ft as Switch, g as DialogClose, gt as TableCell, h as Dialog, ht as TableCaption, i as AvatarImage, it as SelectTrigger, j as DropdownMenuLabel, jt as ThemeToggle, k as DropdownMenuGroup, kt as TextShimmer, l as CardDescription, lt as SkeletonTable, m as CopyButton, mt as TableBody, n as Avatar, nt as SelectScrollUpButton, o as Button, ot as SidebarDropZone, p as CodeBlock, pt as Table, q as MetricStrip, r as AvatarFallback, rt as SelectSeparator, s as Card, st as Skeleton, tt as SelectScrollDownButton, u as CardFooter, ut as StatCard, v as DialogDescription, vt as TableHead, w as DialogTrigger, wt as TabsTrigger, x as DialogOverlay, xt as Tabs, y as DialogFooter, yt as TableHeader, z as DropdownMenuSubTrigger, zt as useToast } from "./primitives-Dh1vG6J3.js";
3
3
  import { S as WorkspacePaneHeader, _ as TerminalPanel, a as AuditResults, b as DirectoryPane, c as SessionActivityMonitor, d as SessionSidebar, f as SESSION_CREATED_EVENT, g as RuntimePane, h as formatRelativeAge, i as TaskBoard, l as createShellShouldRevalidate, m as useOptimisticSessionItems, n as ApprovalQueue, o as AgentWorkbench, p as dispatchSessionCreated, r as CalendarView, s as SandboxWorkbench, t as ArtifactPane, u as shellShouldRevalidate, v as StatusBar, x as WorkspaceLayout, y as StatusBanner } from "./workspace-B6AtI6ld.js";
4
4
  import { $ as SidebarRailNav, A as ResourceMeter, B as RailFlyout, C as InvoiceTable, D as canAdminSandbox, E as SandboxCard, F as CreditBalance, G as Sidebar, H as RailModeButton, I as ProfileAvatar, J as SidebarPanelContent, K as SidebarContent, L as RailButton, M as INSUFFICIENT_BALANCE_CODE, N as OutOfCreditsModal, O as ActivityFeed, P as parseInsufficientBalance, Q as SidebarRailHeader, R as RailCollapseToggle, S as PlanCards, T as NewSandboxCard, U as RailSeparator, V as RailHeader, W as RailThemeToggle, X as SidebarRail, Y as SidebarPanelHeader, Z as SidebarRailFooter, _ as HarnessPicker, a as ProcessList, at as SIDEBAR_TOTAL_WIDTH, b as HarnessLogo, c as UsageSummary, d as MetricAreaChart, et as RailTooltip, f as ProfileComparison, g as HARNESS_OPTIONS, h as DashboardLayout, i as NetworkConfig, it as SIDEBAR_RAIL_WIDTH, j as ClusterStatusBar, k as ResourceSnapshot, l as SystemLogsViewer, m as SidebarLayout, n as SnapshotList, nt as SIDEBAR_PANEL_WIDTH, o as PortsList, ot as SidebarProvider, p as ProfileSelector, q as SidebarPanel, r as BackendConfig, rt as SIDEBAR_RAIL_LABELED_WIDTH, s as GitPanel, st as useSidebar, t as PromoBanner, tt as SIDEBAR_MOBILE_WIDTH, u as VariantList, v as chatCapableHarnesses, w as SandboxTable, x as BackendSelector, y as HARNESS_BRAND, z as RailExpandable } from "./dashboard-CZ3VgNPR.js";
@@ -6,7 +6,7 @@ import { n as canonicalModelId, r as modelBrandFor, t as ModelBrandStack } from
6
6
  import { a as formatPrice, i as PricingPage, n as TemplateCard, o as BillingDashboard, r as UsageChart, t as InfoPanel } from "./info-panel-C9cqDzOL.js";
7
7
  import { t as usePtySession } from "./use-pty-session-C8cE0adT.js";
8
8
  import { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, FilePreview, FileTabs, FileTree, RichFileTree, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind } from "./files.js";
9
- import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-c6-nUY7O.js";
9
+ import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-BhYPICbH.js";
10
10
  import { OpenUIArtifactRenderer } from "./openui.js";
11
11
  import { a as ThinkingIndicator, c as createFetchTransport, d as AgentProfilePicker, f as DEFAULT_REASONING_LEVEL_OPTIONS, i as MessageList, l as modelProvider, m as ReasoningLevelPicker, n as ChatContainer, o as UserMessage, p as HARNESS_REASONING_OPTIONS, r as ChatMessage, s as ArtifactAgentDock, t as AgentTimeline, u as snapHarnessToModel } from "./chat-BOvFAe6p.js";
12
12
  import { ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunRowShell, RunRowStatusDot, ToolCallFeed, parseToolEvent } from "./run.js";
package/dist/styles.css CHANGED
@@ -6124,6 +6124,9 @@
6124
6124
  outline-offset: -1px;
6125
6125
  box-shadow: none;
6126
6126
  }
6127
+ .focus-field-within :is(input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file]),textarea,select,[contenteditable]:not([contenteditable=false])):focus-visible {
6128
+ outline: none;
6129
+ }
6127
6130
  body {
6128
6131
  -webkit-font-smoothing: antialiased;
6129
6132
  -moz-osx-font-smoothing: grayscale;
@@ -1,2 +1,2 @@
1
- import { t as EmbeddedAppView } from "../embedded-app-view-c6-nUY7O.js";
1
+ import { t as EmbeddedAppView } from "../embedded-app-view-BhYPICbH.js";
2
2
  export { EmbeddedAppView };
@@ -2,7 +2,7 @@ import { t as cn$1 } from "./utils-DzWbktWG.js";
2
2
  import { o as PortsList } from "./dashboard-CZ3VgNPR.js";
3
3
  import { n as TerminalView } from "./terminal-CN9ZgHRt.js";
4
4
  import { RichFileTree } from "./files.js";
5
- import { n as PreviewView } from "./embedded-app-view-c6-nUY7O.js";
5
+ import { n as PreviewView } from "./embedded-app-view-BhYPICbH.js";
6
6
  import { Button, Skeleton, Textarea } from "@tangle-network/ui/primitives";
7
7
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
8
8
  import * as React$1 from "react";
package/dist/workbench.js CHANGED
@@ -1,3 +1,3 @@
1
- import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-DmDMQxZ_.js";
2
- import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-c6-nUY7O.js";
1
+ import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-BijiFIC4.js";
2
+ import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-BhYPICbH.js";
3
3
  export { BRAND_PRISM_THEME, ChangesPane, CodeSurface, CodeView, DiffStatsBadge, DiffView, EmbeddedAppView, FileBreadcrumb, GitStatusBadge, PanelHeader, PillTabs, PreviewView, SandboxArtifactPane, buildUnifiedPatch, computeDiffStats, resolveLanguage };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tangle-network/sandbox-ui",
3
- "version": "0.115.1",
3
+ "version": "0.115.3",
4
4
  "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
5
5
  "repository": {
6
6
  "type": "git",
@@ -123,8 +123,8 @@
123
123
  "@hocuspocus/provider": ">=2.15.0 <5.0.0",
124
124
  "@nanostores/react": ">=0.8.4 <2.0.0",
125
125
  "@tangle-network/agent-interface": "^1.0.0 || ^2.0.0",
126
- "@tangle-network/brand": "^1.6.0",
127
- "@tangle-network/ui": "^11.10.0",
126
+ "@tangle-network/brand": "^1.8.2",
127
+ "@tangle-network/ui": "^11.11.1",
128
128
  "@tanstack/react-query": "^5.0.0",
129
129
  "@tiptap/core": ">=3.20.4 <4.0.0",
130
130
  "@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
@@ -207,8 +207,8 @@
207
207
  "@storybook/react-vite": "^10.6.0",
208
208
  "@tailwindcss/postcss": "^4.3.3",
209
209
  "@tangle-network/agent-interface": "2.13.1",
210
- "@tangle-network/brand": "^1.8.0",
211
- "@tangle-network/ui": "^11.10.0",
210
+ "@tangle-network/brand": "^1.8.2",
211
+ "@tangle-network/ui": "^11.11.1",
212
212
  "@tanstack/react-query": "^5.104.0",
213
213
  "@testing-library/dom": "^10.4.2",
214
214
  "@testing-library/jest-dom": "^7.0.1",