@tangle-network/sandbox-ui 0.133.1 → 0.133.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.
- package/dist/{dashboard-ByNeu9gf.js → dashboard-BbMqXGgc.js} +6 -0
- package/dist/dashboard.js +1 -1
- package/dist/globals.css +361 -108
- package/dist/index.d.ts +2 -2
- package/dist/index.js +4 -4
- package/dist/integrations.d.ts +17 -1
- package/dist/integrations.js +112 -48
- package/dist/styles.css +361 -108
- package/dist/tokens.css +88 -7
- package/dist/utils.d.ts +2 -2
- package/dist/utils.js +2 -2
- package/dist/{workbench-CPS8qGlD.js → workbench-CpezlDh3.js} +1 -1
- package/dist/workbench.js +1 -1
- package/package.json +5 -5
|
@@ -458,6 +458,7 @@ function RailButton({ icon: Icon, label, isActive, badge, badgeLabel = defaultBa
|
|
|
458
458
|
className: cn$1(classes, child.props.className),
|
|
459
459
|
"aria-label": child.props["aria-label"] ?? label,
|
|
460
460
|
"aria-description": child.props["aria-description"] ?? badgeDescription,
|
|
461
|
+
"aria-current": child.props["aria-current"] ?? (isActive ? "page" : void 0),
|
|
461
462
|
style: {
|
|
462
463
|
...child.props.style,
|
|
463
464
|
...style
|
|
@@ -625,6 +626,7 @@ function RailExpandable({ icon: Icon, label, href, isActive, showLabel, subItems
|
|
|
625
626
|
else el.setAttribute("inert", "");
|
|
626
627
|
}, [open]);
|
|
627
628
|
const activeSet = React$1.useMemo(() => new Set(activeSubIds ?? []), [activeSubIds]);
|
|
629
|
+
const rowCurrent = isActive && activeSet.size === 0 ? "page" : void 0;
|
|
628
630
|
const triggerRef = React$1.useRef(null);
|
|
629
631
|
const closeTimer = React$1.useRef(null);
|
|
630
632
|
const [coords, setCoords] = React$1.useState(null);
|
|
@@ -638,6 +640,7 @@ function RailExpandable({ icon: Icon, label, href, isActive, showLabel, subItems
|
|
|
638
640
|
href: item.href,
|
|
639
641
|
to: item.href,
|
|
640
642
|
onClick: onNavigate,
|
|
643
|
+
"aria-current": active ? "page" : void 0,
|
|
641
644
|
...item.prefetch !== void 0 ? { prefetch: item.prefetch } : {},
|
|
642
645
|
className: cn$1("flex h-8 min-w-0 items-center gap-2 rounded-md px-2.5 text-sm transition-colors", MOTION_CONTROL, showLabel && item.actions?.length ? "flex-1" : "w-full flex-none", active ? "bg-[var(--accent-surface-strong)] font-medium text-[var(--accent-text)]" : item.emphasis ? "font-medium text-[var(--accent-text)] hover:underline" : "text-muted-foreground hover:bg-[var(--accent-surface-soft)] hover:text-foreground"),
|
|
643
646
|
children: [
|
|
@@ -735,6 +738,7 @@ function RailExpandable({ icon: Icon, label, href, isActive, showLabel, subItems
|
|
|
735
738
|
to: href,
|
|
736
739
|
onClick: onNavigate,
|
|
737
740
|
"aria-label": label,
|
|
741
|
+
"aria-current": rowCurrent,
|
|
738
742
|
className: triggerClasses,
|
|
739
743
|
children: /* @__PURE__ */ jsx(Icon, { className: "h-[17px] w-[17px] shrink-0" })
|
|
740
744
|
}) : /* @__PURE__ */ jsx("button", {
|
|
@@ -802,6 +806,7 @@ function RailExpandable({ icon: Icon, label, href, isActive, showLabel, subItems
|
|
|
802
806
|
href,
|
|
803
807
|
to: href,
|
|
804
808
|
onClick: onNavigate,
|
|
809
|
+
"aria-current": rowCurrent,
|
|
805
810
|
className: "flex h-9 min-w-0 flex-1 items-center pr-2.5 text-sm font-medium",
|
|
806
811
|
children: /* @__PURE__ */ jsx("span", {
|
|
807
812
|
className: "truncate",
|
|
@@ -2900,6 +2905,7 @@ function SidebarLayoutInner({ children, navItems, activeId, panel, logo, logoHre
|
|
|
2900
2905
|
href: f.href,
|
|
2901
2906
|
to: f.href,
|
|
2902
2907
|
onClick: onNavigate,
|
|
2908
|
+
"aria-current": active ? "page" : void 0,
|
|
2903
2909
|
...f.prefetch !== void 0 ? { prefetch: f.prefetch } : {},
|
|
2904
2910
|
className: cn$1("flex h-9 items-center gap-2.5 rounded-lg px-2.5 text-sm transition-colors", MOTION_CONTROL, active ? "bg-[var(--accent-surface-strong)] font-medium text-[var(--accent-text)]" : "text-muted-foreground hover:bg-[var(--accent-surface-soft)] hover:text-[var(--accent-text)]"),
|
|
2905
2911
|
children: [/* @__PURE__ */ jsx(FIcon, { className: "h-4 w-4 shrink-0" }), /* @__PURE__ */ jsx("span", {
|
package/dist/dashboard.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { $ as useSidebar, A as parseInsufficientBalance, B as SidebarPanel, C as SandboxStatusPill, D as ResourceMeter, E as ResourceSnapshot, F as RailHeader, G as SidebarRailNav, H as SidebarPanelHeader, I as RailModeButton, J as SIDEBAR_PANEL_WIDTH, K as RailTooltip, L as RailSeparator, M as RailButton, N as RailExpandable, O as INSUFFICIENT_BALANCE_CODE, P as RailFlyout, Q as SidebarProvider, R as Sidebar, S as SANDBOX_STATUS, T as ActivityFeed, U as SidebarRail, V as SidebarPanelContent, W as SidebarRailFooter, X as SIDEBAR_RAIL_WIDTH, Y as SIDEBAR_RAIL_LABELED_WIDTH, Z as SIDEBAR_TOTAL_WIDTH, _ as BackendSelector, a as PortsList, b as SandboxCard, c as SystemLogsViewer, d as DashboardLayout, f as HARNESS_OPTIONS, g as HarnessLogo, h as HARNESS_BRAND, i as TemplateCard, j as ProfileAvatar, k as OutOfCreditsModal, l as MetricAreaChart, m as chatCapableHarnesses, n as SnapshotList, o as GitPanel, p as HarnessPicker, q as SIDEBAR_MOBILE_WIDTH, r as ProcessList, s as UsageSummary, t as PromoBanner, u as SidebarLayout, v as SandboxTable, w as sandboxStatus, x as canAdminSandbox, y as NewSandboxCard, z as SidebarContent } from "./dashboard-
|
|
1
|
+
import { $ as useSidebar, A as parseInsufficientBalance, B as SidebarPanel, C as SandboxStatusPill, D as ResourceMeter, E as ResourceSnapshot, F as RailHeader, G as SidebarRailNav, H as SidebarPanelHeader, I as RailModeButton, J as SIDEBAR_PANEL_WIDTH, K as RailTooltip, L as RailSeparator, M as RailButton, N as RailExpandable, O as INSUFFICIENT_BALANCE_CODE, P as RailFlyout, Q as SidebarProvider, R as Sidebar, S as SANDBOX_STATUS, T as ActivityFeed, U as SidebarRail, V as SidebarPanelContent, W as SidebarRailFooter, X as SIDEBAR_RAIL_WIDTH, Y as SIDEBAR_RAIL_LABELED_WIDTH, Z as SIDEBAR_TOTAL_WIDTH, _ as BackendSelector, a as PortsList, b as SandboxCard, c as SystemLogsViewer, d as DashboardLayout, f as HARNESS_OPTIONS, g as HarnessLogo, h as HARNESS_BRAND, i as TemplateCard, j as ProfileAvatar, k as OutOfCreditsModal, l as MetricAreaChart, m as chatCapableHarnesses, n as SnapshotList, o as GitPanel, p as HarnessPicker, q as SIDEBAR_MOBILE_WIDTH, r as ProcessList, s as UsageSummary, t as PromoBanner, u as SidebarLayout, v as SandboxTable, w as sandboxStatus, x as canAdminSandbox, y as NewSandboxCard, z as SidebarContent } from "./dashboard-BbMqXGgc.js";
|
|
2
2
|
import { n as canonicalModelId, r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
|
|
3
3
|
import { a as formatPrice, i as PricingPage, n as SandboxPageShell, o as BillingDashboard, r as UsageChart, t as DashboardPageHeader } from "./page-layout-2IRtfx51.js";
|
|
4
4
|
export { ActivityFeed, BackendSelector, BillingDashboard, DashboardLayout, DashboardPageHeader, GitPanel, HARNESS_BRAND, HARNESS_OPTIONS, HarnessLogo, HarnessPicker, INSUFFICIENT_BALANCE_CODE, MetricAreaChart, ModelBrandStack, NewSandboxCard, OutOfCreditsModal, PortsList, PricingPage, ProcessList, ProfileAvatar, PromoBanner, RailButton, RailExpandable, RailFlyout, RailHeader, RailModeButton, RailSeparator, 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, SidebarRailNav, SnapshotList, SystemLogsViewer, TemplateCard, UsageChart, UsageSummary, canAdminSandbox, canonicalModelId, chatCapableHarnesses, formatPrice, modelBrandFor, parseInsufficientBalance, sandboxStatus, useSidebar };
|