@tangle-network/sandbox-ui 0.124.0 → 0.125.1

package/README.md

@@ -38,6 +38,16 @@ Import styles in your app root:
 import "@tangle-network/sandbox-ui/styles";
 ```
 
+An app that runs its own Tailwind v4 compile imports the source entry instead, and lists no `node_modules` paths:
+
+```css
+@import "tailwindcss";
+@import "@tangle-network/sandbox-ui/tailwind.css";
+```
+
+The entry carries Brand's tokens and utility registrations, this package's runtime CSS, and `@source` lines for its own `dist` and the `@tangle-network/ui` peer, so every component utility compiles once, in the app's own layer order.
+Agent apps import `@tangle-network/agent-app/tailwind.css`, which includes this entry.
+
 ### Dashboard page spacing
 
 For apps whose pages already provide their own gutters, pass `contentClassName="px-0 pb-0 lg:px-0"` to `DashboardLayout`. New Sandbox is at the top of the sidebar; notifications sit above the account menu. Set `notificationsEnabled={false}` when the app has no notification feed. The desktop has no top bar; the mobile menu opens a focus-managed drawer.
@@ -492,6 +502,7 @@ Retheming is absolutely supported, but the documentation was thinner than it sho
 | `/types` | TypeScript types for messages, parts, runs, sessions |
 | `/utils` | cn, formatDuration, timeAgo, tool display helpers |
 | `/styles` | Compiled CSS bundle |
+| `/tailwind.css` | Tailwind v4 source entry: tokens, runtime CSS, and the `@source` lines for this package and `@tangle-network/ui` |
 
 ## Stack
 

package/dist/{dashboard-BQhWvIsS.js → dashboard-BHZB021r.js}

@@ -1024,7 +1024,7 @@ function ProfileAvatar({ user, isLoading = false, onLogout, onSettingsClick, set
 					src: user.avatarUrl,
 					alt: ""
 				}), /* @__PURE__ */ jsx(AvatarFallback, {
-					className: "text-[10px] bg-violet-500/20 text-violet-300",
+					className: "text-[10px] bg-[var(--accent-surface-strong)] text-[var(--accent-text)]",
 					children: getInitials(user?.name, user?.email)
 				})]
 			}), showDetails && /* @__PURE__ */ jsx("div", {

package/dist/dashboard.js

@@ -1,4 +1,4 @@
-import { $ as SidebarPanelHeader, A as SandboxStatusPill, B as ProfileAvatar, C as PlanCards, D as SandboxCard, E as NewSandboxCard, F as ClusterStatusBar, G as RailHeader, H as RailCollapseToggle, I as INSUFFICIENT_BALANCE_CODE, J as RailThemeToggle, K as RailModeButton, L as OutOfCreditsModal, M as ActivityFeed, N as ResourceSnapshot, O as canAdminSandbox, P as ResourceMeter, Q as SidebarPanelContent, R as parseInsufficientBalance, S as BackendSelector, T as SandboxTable, U as RailExpandable, V as RailButton, W as RailFlyout, X as SidebarContent, Y as Sidebar, Z as SidebarPanel, _ as HARNESS_OPTIONS, a as NetworkConfig, at as SIDEBAR_MOBILE_WIDTH, b as HARNESS_BRAND, c as GitPanel, ct as SIDEBAR_RAIL_WIDTH, d as VariantList, dt as useSidebar, et as SidebarRail, f as MetricAreaChart, g as DashboardLayout, h as SidebarLayout, i as BackendConfig, it as RailTooltip, j as sandboxStatus, k as SANDBOX_STATUS, l as UsageSummary, lt as SIDEBAR_TOTAL_WIDTH, m as ProfileSelector, n as PromoBanner, nt as SidebarRailHeader, o as ProcessList, ot as SIDEBAR_PANEL_WIDTH, p as ProfileComparison, q as RailSeparator, r as SnapshotList, rt as SidebarRailNav, s as PortsList, st as SIDEBAR_RAIL_LABELED_WIDTH, t as InfoPanel, tt as SidebarRailFooter, u as SystemLogsViewer, ut as SidebarProvider, v as HarnessPicker, w as InvoiceTable, x as HarnessLogo, y as chatCapableHarnesses, z as CreditBalance } from "./dashboard-BQhWvIsS.js";
+import { $ as SidebarPanelHeader, A as SandboxStatusPill, B as ProfileAvatar, C as PlanCards, D as SandboxCard, E as NewSandboxCard, F as ClusterStatusBar, G as RailHeader, H as RailCollapseToggle, I as INSUFFICIENT_BALANCE_CODE, J as RailThemeToggle, K as RailModeButton, L as OutOfCreditsModal, M as ActivityFeed, N as ResourceSnapshot, O as canAdminSandbox, P as ResourceMeter, Q as SidebarPanelContent, R as parseInsufficientBalance, S as BackendSelector, T as SandboxTable, U as RailExpandable, V as RailButton, W as RailFlyout, X as SidebarContent, Y as Sidebar, Z as SidebarPanel, _ as HARNESS_OPTIONS, a as NetworkConfig, at as SIDEBAR_MOBILE_WIDTH, b as HARNESS_BRAND, c as GitPanel, ct as SIDEBAR_RAIL_WIDTH, d as VariantList, dt as useSidebar, et as SidebarRail, f as MetricAreaChart, g as DashboardLayout, h as SidebarLayout, i as BackendConfig, it as RailTooltip, j as sandboxStatus, k as SANDBOX_STATUS, l as UsageSummary, lt as SIDEBAR_TOTAL_WIDTH, m as ProfileSelector, n as PromoBanner, nt as SidebarRailHeader, o as ProcessList, ot as SIDEBAR_PANEL_WIDTH, p as ProfileComparison, q as RailSeparator, r as SnapshotList, rt as SidebarRailNav, s as PortsList, st as SIDEBAR_RAIL_LABELED_WIDTH, t as InfoPanel, tt as SidebarRailFooter, u as SystemLogsViewer, ut as SidebarProvider, v as HarnessPicker, w as InvoiceTable, x as HarnessLogo, y as chatCapableHarnesses, z as CreditBalance } from "./dashboard-BHZB021r.js";
 import { n as canonicalModelId, r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
 import { a as PricingPage, i as UsageChart, n as SandboxPageShell, o as formatPrice, r as TemplateCard, s as BillingDashboard, t as DashboardPageHeader } from "./page-layout-DJV7cbxx.js";
 export { ActivityFeed, BackendConfig, BackendSelector, BillingDashboard, ClusterStatusBar, CreditBalance, DashboardLayout, DashboardPageHeader, GitPanel, HARNESS_BRAND, HARNESS_OPTIONS, HarnessLogo, HarnessPicker, INSUFFICIENT_BALANCE_CODE, InfoPanel, InvoiceTable, MetricAreaChart, ModelBrandStack, NetworkConfig, NewSandboxCard, OutOfCreditsModal, PlanCards, PortsList, PricingPage, ProcessList, ProfileAvatar, ProfileComparison, ProfileSelector, PromoBanner, RailButton, RailCollapseToggle, RailExpandable, RailFlyout, RailHeader, RailModeButton, RailSeparator, RailThemeToggle, RailTooltip, ResourceMeter, ResourceSnapshot, SANDBOX_STATUS, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, SandboxPageShell, SandboxStatusPill, SandboxTable, Sidebar, SidebarContent, SidebarLayout, SidebarPanel, SidebarPanelContent, SidebarPanelHeader, SidebarProvider, SidebarRail, SidebarRailFooter, SidebarRailHeader, SidebarRailNav, SnapshotList, SystemLogsViewer, TemplateCard, UsageChart, UsageSummary, VariantList, canAdminSandbox, canonicalModelId, chatCapableHarnesses, formatPrice, modelBrandFor, parseInsufficientBalance, sandboxStatus, useSidebar };