@tangle-network/sandbox-ui 0.123.3 → 0.125.0
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/README.md +11 -0
- package/dist/{WorkflowGraph-i6XZ90Ae.js → WorkflowGraph-YhtQWa5b.js} +1 -1
- package/dist/{dashboard-2z8THYrD.js → dashboard-BQhWvIsS.js} +55 -89
- package/dist/dashboard.d.ts +2 -2
- package/dist/dashboard.js +2 -2
- package/dist/globals.css +436 -137
- package/dist/{index-v1lfd9oE.d.ts → index-CV-BKrDF.d.ts} +1 -1
- package/dist/index-DloDwgbc.d.ts +30 -0
- package/dist/{index-B_70pkX2.d.ts → index-Qm_yQvZh.d.ts} +30 -1
- package/dist/index.d.ts +4 -4
- package/dist/index.js +4 -4
- package/dist/{node-output-D_m-vmHB.js → node-output-BQr2Dgy5.js} +22 -8
- package/dist/pages.js +1 -1
- package/dist/primitives-DLE_MCwZ.js +25 -0
- package/dist/primitives.d.ts +2 -2
- package/dist/primitives.js +2 -2
- package/dist/styles.css +436 -137
- package/dist/tailwind.css +1002 -0
- package/dist/tokens.css +134 -18
- package/dist/{workbench-HbWxUqrR.js → workbench-CMnjtsN3.js} +1 -1
- package/dist/workbench.d.ts +1 -1
- package/dist/workbench.js +1 -1
- package/dist/workflows.d.ts +10 -2
- package/dist/workflows.js +3 -3
- package/package.json +6 -6
- package/dist/index-BUooECWO.d.ts +0 -30
- package/dist/primitives-Db_ASpuT.js +0 -25
package/dist/tokens.css
CHANGED
|
@@ -206,15 +206,73 @@
|
|
|
206
206
|
--surface-info-bg: #2d4e67;
|
|
207
207
|
--surface-info-border: #3d7292;
|
|
208
208
|
--surface-info-text: #67cdff;
|
|
209
|
-
|
|
210
|
-
--
|
|
211
|
-
--
|
|
212
|
-
--
|
|
213
|
-
--
|
|
214
|
-
--
|
|
215
|
-
--
|
|
216
|
-
--
|
|
217
|
-
--
|
|
209
|
+
/* tones:begin — generated by scripts/gen-ladders.mjs; edit its CATEGORY map, not these lines. */
|
|
210
|
+
--tone-violet-bg: #4e3a60;
|
|
211
|
+
--tone-violet-bg-hover: #583d71;
|
|
212
|
+
--tone-violet-bg-selected: #624080;
|
|
213
|
+
--tone-violet-border: #8457aa;
|
|
214
|
+
--tone-violet-border-selected: #d19dff;
|
|
215
|
+
--tone-violet-text: #ecd9fa;
|
|
216
|
+
--tone-violet-icon: #d19dff;
|
|
217
|
+
--tone-orange-bg: #583c2b;
|
|
218
|
+
--tone-orange-bg-hover: #664029;
|
|
219
|
+
--tone-orange-bg-selected: #724327;
|
|
220
|
+
--tone-orange-border: #a35829;
|
|
221
|
+
--tone-orange-border-selected: #ff801f;
|
|
222
|
+
--tone-orange-text: #ffe0c2;
|
|
223
|
+
--tone-orange-icon: #ff801f;
|
|
224
|
+
--tone-teal-bg: #2a4744;
|
|
225
|
+
--tone-teal-bg-hover: #28504b;
|
|
226
|
+
--tone-teal-bg-selected: #265751;
|
|
227
|
+
--tone-teal-border: #207e73;
|
|
228
|
+
--tone-teal-border-selected: #0eb39e;
|
|
229
|
+
--tone-teal-text: #adf0dd;
|
|
230
|
+
--tone-teal-icon: #0eb39e;
|
|
231
|
+
--tone-blue-bg: #25455e;
|
|
232
|
+
--tone-blue-bg-hover: #224c6c;
|
|
233
|
+
--tone-blue-bg-selected: #1f537b;
|
|
234
|
+
--tone-blue-border: #2870bd;
|
|
235
|
+
--tone-blue-border-selected: #70b8ff;
|
|
236
|
+
--tone-blue-text: #c2e6ff;
|
|
237
|
+
--tone-blue-icon: #70b8ff;
|
|
238
|
+
--tone-pink-bg: #5e344f;
|
|
239
|
+
--tone-pink-bg-hover: #6d3659;
|
|
240
|
+
--tone-pink-bg-selected: #7b3762;
|
|
241
|
+
--tone-pink-border: #a84885;
|
|
242
|
+
--tone-pink-border-selected: #ff8dcc;
|
|
243
|
+
--tone-pink-text: #fdd1ea;
|
|
244
|
+
--tone-pink-icon: #ff8dcc;
|
|
245
|
+
--tone-brown-bg: #494038;
|
|
246
|
+
--tone-brown-bg-hover: #54473c;
|
|
247
|
+
--tone-brown-bg-selected: #5c4c3e;
|
|
248
|
+
--tone-brown-border: #7c5f46;
|
|
249
|
+
--tone-brown-border-selected: #dbb594;
|
|
250
|
+
--tone-brown-text: #f2e1ca;
|
|
251
|
+
--tone-brown-icon: #dbb594;
|
|
252
|
+
--tone-cyan-bg: #27464d;
|
|
253
|
+
--tone-cyan-bg-hover: #234f59;
|
|
254
|
+
--tone-cyan-bg-selected: #205662;
|
|
255
|
+
--tone-cyan-border: #11809c;
|
|
256
|
+
--tone-cyan-border-selected: #23afd0;
|
|
257
|
+
--tone-cyan-text: #b6ecf7;
|
|
258
|
+
--tone-cyan-icon: #23afd0;
|
|
259
|
+
--tone-lime-bg: #404536;
|
|
260
|
+
--tone-lime-bg-hover: #444b37;
|
|
261
|
+
--tone-lime-bg-selected: #495239;
|
|
262
|
+
--tone-lime-border: #577538;
|
|
263
|
+
--tone-lime-border-selected: #bdee63;
|
|
264
|
+
--tone-lime-text: #e3f7ba;
|
|
265
|
+
--tone-lime-icon: #bdee63;
|
|
266
|
+
--surface-violet-bg: #4e3a60;
|
|
267
|
+
--surface-violet-border: #8457aa;
|
|
268
|
+
--surface-violet-text: #d19dff;
|
|
269
|
+
--surface-orange-bg: #583c2b;
|
|
270
|
+
--surface-orange-border: #a35829;
|
|
271
|
+
--surface-orange-text: #ffa057;
|
|
272
|
+
--surface-teal-bg: #2a4744;
|
|
273
|
+
--surface-teal-border: #207e73;
|
|
274
|
+
--surface-teal-text: #0bd8b6;
|
|
275
|
+
/* tones:end */
|
|
218
276
|
|
|
219
277
|
/* Run-mix ramp — the fills of a proportional status bar.
|
|
220
278
|
*
|
|
@@ -588,15 +646,73 @@
|
|
|
588
646
|
--surface-info-bg: #f0f9ff;
|
|
589
647
|
--surface-info-border: #bae6fd;
|
|
590
648
|
--surface-info-text: #0369a1;
|
|
591
|
-
|
|
592
|
-
--
|
|
593
|
-
--
|
|
594
|
-
--
|
|
595
|
-
--
|
|
596
|
-
--
|
|
597
|
-
--
|
|
598
|
-
--
|
|
599
|
-
--
|
|
649
|
+
/* tones:begin — generated by scripts/gen-ladders.mjs; edit its CATEGORY map, not these lines. */
|
|
650
|
+
--tone-violet-bg: #f7edfe;
|
|
651
|
+
--tone-violet-bg-hover: #f2e2fc;
|
|
652
|
+
--tone-violet-bg-selected: #ead5f9;
|
|
653
|
+
--tone-violet-border: #e0c4f4;
|
|
654
|
+
--tone-violet-border-selected: #8e4ec6;
|
|
655
|
+
--tone-violet-text: #402060;
|
|
656
|
+
--tone-violet-icon: #8e4ec6;
|
|
657
|
+
--tone-orange-bg: #ffefd6;
|
|
658
|
+
--tone-orange-bg-hover: #ffdfb5;
|
|
659
|
+
--tone-orange-bg-selected: #ffd19a;
|
|
660
|
+
--tone-orange-border: #ffc182;
|
|
661
|
+
--tone-orange-border-selected: #cc4e00;
|
|
662
|
+
--tone-orange-text: #582d1d;
|
|
663
|
+
--tone-orange-icon: #cc4e00;
|
|
664
|
+
--tone-teal-bg: #e0f8f3;
|
|
665
|
+
--tone-teal-bg-hover: #ccf3ea;
|
|
666
|
+
--tone-teal-bg-selected: #b8eae0;
|
|
667
|
+
--tone-teal-border: #a1ded2;
|
|
668
|
+
--tone-teal-border-selected: #008573;
|
|
669
|
+
--tone-teal-text: #0d3d38;
|
|
670
|
+
--tone-teal-icon: #008573;
|
|
671
|
+
--tone-blue-bg: #e6f4fe;
|
|
672
|
+
--tone-blue-bg-hover: #d5efff;
|
|
673
|
+
--tone-blue-bg-selected: #c2e5ff;
|
|
674
|
+
--tone-blue-border: #acd8fc;
|
|
675
|
+
--tone-blue-border-selected: #0d74ce;
|
|
676
|
+
--tone-blue-text: #113264;
|
|
677
|
+
--tone-blue-icon: #0d74ce;
|
|
678
|
+
--tone-pink-bg: #fee9f5;
|
|
679
|
+
--tone-pink-bg-hover: #fbdcef;
|
|
680
|
+
--tone-pink-bg-selected: #f6cee7;
|
|
681
|
+
--tone-pink-border: #efbfdd;
|
|
682
|
+
--tone-pink-border-selected: #cf3897;
|
|
683
|
+
--tone-pink-text: #651249;
|
|
684
|
+
--tone-pink-icon: #cf3897;
|
|
685
|
+
--tone-brown-bg: #f6eee7;
|
|
686
|
+
--tone-brown-bg-hover: #f0e4d9;
|
|
687
|
+
--tone-brown-bg-selected: #ebdaca;
|
|
688
|
+
--tone-brown-border: #e4cdb7;
|
|
689
|
+
--tone-brown-border-selected: #815e46;
|
|
690
|
+
--tone-brown-text: #3e332e;
|
|
691
|
+
--tone-brown-icon: #815e46;
|
|
692
|
+
--tone-cyan-bg: #def7f9;
|
|
693
|
+
--tone-cyan-bg-hover: #caf1f6;
|
|
694
|
+
--tone-cyan-bg-selected: #b5e9f0;
|
|
695
|
+
--tone-cyan-border: #9ddde7;
|
|
696
|
+
--tone-cyan-border-selected: #107d98;
|
|
697
|
+
--tone-cyan-text: #0d3c48;
|
|
698
|
+
--tone-cyan-icon: #107d98;
|
|
699
|
+
--tone-lime-bg: #eef6d6;
|
|
700
|
+
--tone-lime-bg-hover: #e2f0bd;
|
|
701
|
+
--tone-lime-bg-selected: #d3e7a6;
|
|
702
|
+
--tone-lime-border: #c2da91;
|
|
703
|
+
--tone-lime-border-selected: #5c7c2f;
|
|
704
|
+
--tone-lime-text: #37401c;
|
|
705
|
+
--tone-lime-icon: #5c7c2f;
|
|
706
|
+
--surface-violet-bg: #f7edfe;
|
|
707
|
+
--surface-violet-border: #e0c4f4;
|
|
708
|
+
--surface-violet-text: #8145b5;
|
|
709
|
+
--surface-orange-bg: #ffefd6;
|
|
710
|
+
--surface-orange-border: #ffc182;
|
|
711
|
+
--surface-orange-text: #bc4904;
|
|
712
|
+
--surface-teal-bg: #e0f8f3;
|
|
713
|
+
--surface-teal-border: #a1ded2;
|
|
714
|
+
--surface-teal-text: #017d6d;
|
|
715
|
+
/* tones:end */
|
|
600
716
|
|
|
601
717
|
/* Run-mix ramp — the fills of a proportional status bar.
|
|
602
718
|
*
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as cn$1 } from "./utils-DzWbktWG.js";
|
|
2
|
-
import { s as PortsList } from "./dashboard-
|
|
2
|
+
import { s as PortsList } from "./dashboard-BQhWvIsS.js";
|
|
3
3
|
import { n as TerminalView } from "./terminal-DmSUfGha.js";
|
|
4
4
|
import { RichFileTree } from "./files.js";
|
|
5
5
|
import { n as PreviewView } from "./embedded-app-view-CMRPEvon.js";
|
package/dist/workbench.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { A as SandboxArtifactTerminal, C as ChangesPane, D as ChangesPaneProps, E as ChangedFile, O as SandboxArtifact, S as PillTabsProps, T as ArtifactView, _ as DiffStats, a as PreviewView, b as PillTabItem, c as DiffViewProps, d as FileBreadcrumb, f as FileBreadcrumbProps, g as PanelHeaderProps, h as PanelHeader, i as resolveLanguage, k as SandboxArtifactPaneProps, l as CodeView, m as GitStatusBadge, n as CodeSurface, o as PreviewViewProps, p as DiffStatsBadge, r as CodeSurfaceProps, s as DiffView, t as BRAND_PRISM_THEME, u as CodeViewProps, v as buildUnifiedPatch, w as SandboxArtifactPane, x as PillTabs, y as computeDiffStats } from "./index-
|
|
1
|
+
import { A as SandboxArtifactTerminal, C as ChangesPane, D as ChangesPaneProps, E as ChangedFile, O as SandboxArtifact, S as PillTabsProps, T as ArtifactView, _ as DiffStats, a as PreviewView, b as PillTabItem, c as DiffViewProps, d as FileBreadcrumb, f as FileBreadcrumbProps, g as PanelHeaderProps, h as PanelHeader, i as resolveLanguage, k as SandboxArtifactPaneProps, l as CodeView, m as GitStatusBadge, n as CodeSurface, o as PreviewViewProps, p as DiffStatsBadge, r as CodeSurfaceProps, s as DiffView, t as BRAND_PRISM_THEME, u as CodeViewProps, v as buildUnifiedPatch, w as SandboxArtifactPane, x as PillTabs, y as computeDiffStats } from "./index-CV-BKrDF.js";
|
|
2
2
|
import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-B_vMTtJn.js";
|
|
3
3
|
export { type ArtifactView, BRAND_PRISM_THEME, type ChangedFile, ChangesPane, type ChangesPaneProps, CodeSurface, type CodeSurfaceProps, CodeView, type CodeViewProps, type DiffStats, DiffStatsBadge, DiffView, type DiffViewProps, type EmbeddedApp, EmbeddedAppView, type EmbeddedAppViewProps, FileBreadcrumb, type FileBreadcrumbProps, GitStatusBadge, PanelHeader, type PanelHeaderProps, type PillTabItem, PillTabs, type PillTabsProps, type PreviewAccess, type PreviewReadiness, PreviewView, type PreviewViewProps, type SandboxArtifact, SandboxArtifactPane, type SandboxArtifactPaneProps, type SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats, resolveLanguage };
|
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-
|
|
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-CMnjtsN3.js";
|
|
2
2
|
import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CMRPEvon.js";
|
|
3
3
|
export { BRAND_PRISM_THEME, ChangesPane, CodeSurface, CodeView, DiffStatsBadge, DiffView, EmbeddedAppView, FileBreadcrumb, GitStatusBadge, PanelHeader, PillTabs, PreviewView, SandboxArtifactPane, buildUnifiedPatch, computeDiffStats, resolveLanguage };
|
package/dist/workflows.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { a as modelBrandFor, n as ModelBrandStack, t as ModelBrandIdentity } from "./model-brand-B9A4H9pJ.js";
|
|
2
|
+
import { StatusTone } from "@tangle-network/ui/primitives";
|
|
2
3
|
import { ReactElement } from "react";
|
|
3
4
|
import { LucideIcon } from "lucide-react";
|
|
4
5
|
import "@xyflow/react";
|
|
@@ -493,7 +494,9 @@ declare function WorkflowGraph(props: WorkflowGraphProps): import("react").JSX.E
|
|
|
493
494
|
//#region src/workflows/node-ui.d.ts
|
|
494
495
|
export declare const STATUS_COLOR: Record<WfNodeStatus, string>;
|
|
495
496
|
export declare const STATUS_LABEL: Record<WfNodeStatus, string>;
|
|
496
|
-
/**
|
|
497
|
+
/** @deprecated `StatusPill` now renders ui's StatusPill from `STATUS_TONE`;
|
|
498
|
+
* kept for consumers that styled their own pill from it.
|
|
499
|
+
* Status pill styling — a tinted well in the status color. Built from the
|
|
497
500
|
* semantic surface trio (bg/border/text) so the pill keeps its contrast in both
|
|
498
501
|
* themes rather than washing out in one of them. */
|
|
499
502
|
export declare const STATUS_PILL: Record<WfNodeStatus, {
|
|
@@ -502,8 +505,13 @@ export declare const STATUS_PILL: Record<WfNodeStatus, {
|
|
|
502
505
|
borderColor: string;
|
|
503
506
|
}>;
|
|
504
507
|
export declare const KIND_ICON: Record<string, LucideIcon>;
|
|
508
|
+
/** Run state to ui's status tone: waiting needs a person, queued has not started. */
|
|
509
|
+
export declare const STATUS_TONE: Record<WfNodeStatus, StatusTone>;
|
|
505
510
|
/** The status pill in a card's header — the one place the run state is spelled
|
|
506
|
-
* out in words.
|
|
511
|
+
* out in words. ui's `StatusPill`, so a node's state carries the same glyph,
|
|
512
|
+
* tone and label as every other status in the product. `shrink-0` because the
|
|
513
|
+
* longest label is two words ("Waiting on you") and the pill is often nested a
|
|
514
|
+
* level below the flex row it sits in. */
|
|
507
515
|
declare function StatusPill({ status }: {
|
|
508
516
|
status: WfNodeStatus;
|
|
509
517
|
}): import("react").JSX.Element;
|
package/dist/workflows.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
|
|
2
|
-
import { C as
|
|
2
|
+
import { C as TRIGGER_NODE_ID, E as buildWorkflowGraph, F as shortModel, M as actionPathLabel, N as humanizeIdentifier, O as triggerNodeId, P as parseActionPath, T as branchNodeId, a as NodeMark, d as STATUS_PILL, f as STATUS_TONE, i as KIND_ICON, k as triggerNodeIndex, l as STATUS_COLOR, m as StatusPill, n as classifyOutput, r as condenseText, t as NodeOutputBody, u as STATUS_LABEL, w as actionNodeId } from "./node-output-BQr2Dgy5.js";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
import { Component, Suspense, lazy, useMemo, useState } from "react";
|
|
5
5
|
//#region src/workflows/WorkflowGraphLazy.tsx
|
|
@@ -30,7 +30,7 @@ function retryImport(factory, retries = 2, delayMs = 350) {
|
|
|
30
30
|
});
|
|
31
31
|
}
|
|
32
32
|
function lazyWorkflowGraph() {
|
|
33
|
-
return lazy(() => retryImport(() => import("./WorkflowGraph-
|
|
33
|
+
return lazy(() => retryImport(() => import("./WorkflowGraph-YhtQWa5b.js").then((m) => ({ default: m.WorkflowGraph }))));
|
|
34
34
|
}
|
|
35
35
|
var GraphErrorBoundary = class extends Component {
|
|
36
36
|
state = { hasError: false };
|
|
@@ -81,4 +81,4 @@ function WorkflowGraph(props) {
|
|
|
81
81
|
}, `${props.yaml}::${attempt}`);
|
|
82
82
|
}
|
|
83
83
|
//#endregion
|
|
84
|
-
export { KIND_ICON, ModelBrandStack, NodeMark, NodeOutputBody, StatusPill as NodeStatusPill, STATUS_COLOR, STATUS_LABEL, STATUS_PILL, TRIGGER_NODE_ID, WorkflowGraph as WorkflowGraphLazy, actionNodeId, actionPathLabel, branchNodeId, buildWorkflowGraph, classifyOutput, condenseText, humanizeIdentifier, modelBrandFor, parseActionPath, shortModel, triggerNodeId, triggerNodeIndex };
|
|
84
|
+
export { KIND_ICON, ModelBrandStack, NodeMark, NodeOutputBody, StatusPill as NodeStatusPill, STATUS_COLOR, STATUS_LABEL, STATUS_PILL, STATUS_TONE, TRIGGER_NODE_ID, WorkflowGraph as WorkflowGraphLazy, actionNodeId, actionPathLabel, branchNodeId, buildWorkflowGraph, classifyOutput, condenseText, humanizeIdentifier, modelBrandFor, parseActionPath, shortModel, triggerNodeId, triggerNodeIndex };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tangle-network/sandbox-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.125.0",
|
|
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",
|
|
@@ -117,6 +117,7 @@
|
|
|
117
117
|
"./styles": "./dist/styles.css",
|
|
118
118
|
"./globals.css": "./dist/globals.css",
|
|
119
119
|
"./tokens.css": "./dist/tokens.css",
|
|
120
|
+
"./tailwind.css": "./dist/tailwind.css",
|
|
120
121
|
"./tailwind": "./tailwind.config.cjs"
|
|
121
122
|
},
|
|
122
123
|
"files": [
|
|
@@ -127,8 +128,8 @@
|
|
|
127
128
|
"@hocuspocus/provider": ">=2.15.0 <5.0.0",
|
|
128
129
|
"@nanostores/react": ">=0.8.4 <2.0.0",
|
|
129
130
|
"@tangle-network/agent-interface": "^1.0.0 || ^2.0.0",
|
|
130
|
-
"@tangle-network/brand": "^1.
|
|
131
|
-
"@tangle-network/ui": "^11.
|
|
131
|
+
"@tangle-network/brand": "^1.11.0",
|
|
132
|
+
"@tangle-network/ui": "^11.17.0",
|
|
132
133
|
"@tanstack/react-query": "^5.0.0",
|
|
133
134
|
"@tiptap/core": ">=3.20.4 <4.0.0",
|
|
134
135
|
"@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
|
|
@@ -213,8 +214,8 @@
|
|
|
213
214
|
"@storybook/react-vite": "^10.6.0",
|
|
214
215
|
"@tailwindcss/postcss": "^4.3.3",
|
|
215
216
|
"@tangle-network/agent-interface": "2.13.1",
|
|
216
|
-
"@tangle-network/brand": "1.
|
|
217
|
-
"@tangle-network/ui": "11.
|
|
217
|
+
"@tangle-network/brand": "1.11.0",
|
|
218
|
+
"@tangle-network/ui": "11.17.0",
|
|
218
219
|
"@tanstack/react-query": "^5.104.0",
|
|
219
220
|
"@testing-library/dom": "^10.4.2",
|
|
220
221
|
"@testing-library/jest-dom": "^7.0.1",
|
|
@@ -236,7 +237,6 @@
|
|
|
236
237
|
"jsdom": "^30.1.1",
|
|
237
238
|
"playwright": "^1.63.0",
|
|
238
239
|
"postcss": "^8.5.28",
|
|
239
|
-
"postcss-import": "^17.0.0",
|
|
240
240
|
"react": "^19.3.0",
|
|
241
241
|
"react-dom": "^19.3.0",
|
|
242
242
|
"react-syntax-highlighter": "^16.1.1",
|
package/dist/index-BUooECWO.d.ts
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { ArtifactPane as ArtifactPane$1, ArtifactPaneProps, Avatar as Avatar$1, AvatarFallback as AvatarFallback$1, AvatarImage as AvatarImage$1, Badge as Badge$1, BadgeProps, Button as Button$1, ButtonProps as ButtonProps$1, Card as Card$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CardTitleProps, CodeBlock, CodeBlockProps, CopyButton, Dialog as Dialog$1, DialogClose as DialogClose$1, DialogContent as DialogContent$1, DialogDescription as DialogDescription$1, DialogFooter as DialogFooter$1, DialogHeader as DialogHeader$1, DialogOverlay, DialogPortal, DialogTitle as DialogTitle$1, DialogTrigger as DialogTrigger$1, DropZone, DropZoneProps, DropdownMenu as DropdownMenu$1, DropdownMenuCheckboxItem, DropdownMenuContent as DropdownMenuContent$1, DropdownMenuGroup, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuLabel as DropdownMenuLabel$1, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator as DropdownMenuSeparator$1, DropdownMenuShortcut, DropdownMenuSub as DropdownMenuSub$1, DropdownMenuSubContent as DropdownMenuSubContent$1, DropdownMenuSubTrigger as DropdownMenuSubTrigger$1, DropdownMenuTrigger as DropdownMenuTrigger$1, EmptyState as EmptyState$1, EmptyStateProps, FilterField, FilterFieldProps, Heading, HeadingVariant, HeadingVariant as HeadingVariant$1, InlineCode, InlineCodeProps, Input as Input$1, InputProps, Label as Label$1, Metric, MetricProps, MetricStrip, MetricStripProps, PageHeader as PageHeader$1, PageHeaderProps, PageHeaderProps as PageHeaderProps$1, PageShell as PageShell$1, PageShellProps, Progress as Progress$1, SegmentedControl, SegmentedControlOption, SegmentedControlProps, Select as Select$1, SelectContent as SelectContent$1, SelectGroup, SelectItem as SelectItem$1, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger as SelectTrigger$1, SelectValue as SelectValue$1, SidebarDropZone, SidebarDropZoneProps, Skeleton as Skeleton$1, SkeletonCard as SkeletonCard$1, SkeletonTable, StatCard as StatCard$1, StatCardProps, StatusPill, StatusPillProps, StatusTone, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableProps, TableRow, Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, TextShimmerProps, Textarea as Textarea$1, TextareaProps, ThemeToggle, Toast, ToastContainer, ToastProvider, Toolbar, ToolbarProps, UploadFile, UploadProgress, UploadProgressProps, badgeVariants, buttonVariants, useTheme as useTheme$1, useToast } from "@tangle-network/ui/primitives";
|
|
2
|
-
import { TangleKnot as TangleKnot$1 } from "@tangle-network/brand";
|
|
3
|
-
import { ElementType, HTMLAttributes, ReactNode } from "react";
|
|
4
|
-
//#region src/primitives/logo.d.ts
|
|
5
|
-
interface LogoProps {
|
|
6
|
-
variant?: "sandbox";
|
|
7
|
-
size?: "sm" | "md" | "lg" | "xl";
|
|
8
|
-
className?: string;
|
|
9
|
-
iconOnly?: boolean;
|
|
10
|
-
}
|
|
11
|
-
/** Keep the Sandbox wordmark API while Brand owns the mark and layout. */
|
|
12
|
-
declare function Logo$1({ variant, size, className, iconOnly }: LogoProps): import("react").JSX.Element;
|
|
13
|
-
declare namespace Logo$1 {
|
|
14
|
-
var displayName: string;
|
|
15
|
-
}
|
|
16
|
-
//#endregion
|
|
17
|
-
//#region src/primitives/heading.d.ts
|
|
18
|
-
/** Preserve the existing public type's required visual role and children.
|
|
19
|
-
* The binding above remains UI's object, without a local render function.
|
|
20
|
-
*/
|
|
21
|
-
interface HeadingProps extends Omit<HTMLAttributes<HTMLElement>, "role"> {
|
|
22
|
-
role: HeadingVariant;
|
|
23
|
-
as?: ElementType;
|
|
24
|
-
children: ReactNode;
|
|
25
|
-
}
|
|
26
|
-
type SectionTitleProps = Pick<PageHeaderProps, "title" | "description" | "action" | "className">;
|
|
27
|
-
/** Compatibility name for the canonical nested (h2) page header. */
|
|
28
|
-
declare function SectionTitle(props: SectionTitleProps): import("react").JSX.Element;
|
|
29
|
-
//#endregion
|
|
30
|
-
export { InlineCode as $, TerminalLine as $t, DropZone as A, SkeletonTable as At, DropdownMenuRadioItem as B, TableCell as Bt, DialogDescription$1 as C, SelectSeparator as Ct, DialogPortal as D, SidebarDropZoneProps as Dt, DialogOverlay as E, SidebarDropZone as Et, DropdownMenuGroup as F, StatusTone as Ft, DropdownMenuSubTrigger$1 as G, TableRow as Gt, DropdownMenuShortcut as H, TableHead as Ht, DropdownMenuItem$1 as I, Switch as It, EmptyStateProps as J, TabsList$1 as Jt, DropdownMenuTrigger$1 as K, Tabs$1 as Kt, DropdownMenuLabel$1 as L, Table as Lt, DropdownMenu$1 as M, StatCardProps as Mt, DropdownMenuCheckboxItem as N, StatusPill as Nt, DialogTitle$1 as O, Skeleton$1 as Ot, DropdownMenuContent$1 as P, StatusPillProps as Pt, HeadingVariant$1 as Q, TerminalInput as Qt, DropdownMenuPortal as R, TableBody as Rt, DialogContent$1 as S, TangleKnot$1 as Sn, SelectScrollUpButton as St, DialogHeader$1 as T, SelectValue$1 as Tt, DropdownMenuSub$1 as U, TableHeader as Ut, DropdownMenuSeparator$1 as V, TableFooter as Vt, DropdownMenuSubContent$1 as W, TableProps as Wt, FilterFieldProps as X, TerminalCursor as Xt, FilterField as Y, TabsTrigger$1 as Yt, Heading as Z, TerminalDisplay as Zt, CodeBlock as _, HeadingProps as _n, SelectContent$1 as _t, AvatarImage$1 as a, Toast as an, MetricProps as at, Dialog$1 as b, Logo$1 as bn, SelectLabel as bt, Button$1 as c, Toolbar as cn, PageHeader$1 as ct, CardContent$1 as d, UploadProgress as dn, PageShellProps as dt, TextShimmer as en, InlineCodeProps as et, CardDescription$1 as f, UploadProgressProps as fn, Progress$1 as ft, CardTitleProps as g, useToast as gn, Select$1 as gt, CardTitle$1 as h, useTheme$1 as hn, SegmentedControlProps as ht, AvatarFallback$1 as i, ThemeToggle as in, Metric as it, DropZoneProps as j, StatCard$1 as jt, DialogTrigger$1 as k, SkeletonCard$1 as kt, ButtonProps$1 as l, ToolbarProps as ln, PageHeaderProps$1 as lt, CardHeader$1 as m, buttonVariants as mn, SegmentedControlOption as mt, ArtifactPaneProps as n, Textarea$1 as nn, InputProps as nt, Badge$1 as o, ToastContainer as on, MetricStrip as ot, CardFooter as p, badgeVariants as pn, SegmentedControl as pt, EmptyState$1 as q, TabsContent$1 as qt, Avatar$1 as r, TextareaProps as rn, Label$1 as rt, BadgeProps as s, ToastProvider as sn, MetricStripProps as st, ArtifactPane$1 as t, TextShimmerProps as tn, Input$1 as tt, Card$1 as u, UploadFile as un, PageShell$1 as ut, CodeBlockProps as v, SectionTitle as vn, SelectGroup as vt, DialogFooter$1 as w, SelectTrigger$1 as wt, DialogClose$1 as x, LogoProps as xn, SelectScrollDownButton as xt, CopyButton as y, SectionTitleProps as yn, SelectItem$1 as yt, DropdownMenuRadioGroup as z, TableCaption as zt };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ArtifactPane as ArtifactPane$1, Avatar as Avatar$1, AvatarFallback as AvatarFallback$1, AvatarImage as AvatarImage$1, Badge as Badge$1, Button as Button$1, Card as Card$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CodeBlock, CopyButton, Dialog as Dialog$1, DialogClose as DialogClose$1, DialogContent as DialogContent$1, DialogDescription as DialogDescription$1, DialogFooter as DialogFooter$1, DialogHeader as DialogHeader$1, DialogOverlay, DialogPortal, DialogTitle as DialogTitle$1, DialogTrigger as DialogTrigger$1, DropZone, DropdownMenu as DropdownMenu$1, DropdownMenuCheckboxItem, DropdownMenuContent as DropdownMenuContent$1, DropdownMenuGroup, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuLabel as DropdownMenuLabel$1, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator as DropdownMenuSeparator$1, DropdownMenuShortcut, DropdownMenuSub as DropdownMenuSub$1, DropdownMenuSubContent as DropdownMenuSubContent$1, DropdownMenuSubTrigger as DropdownMenuSubTrigger$1, DropdownMenuTrigger as DropdownMenuTrigger$1, EmptyState as EmptyState$1, FilterField, Heading, InlineCode, Input as Input$1, Label as Label$1, Metric, MetricStrip, PageHeader, PageHeader as PageHeader$1, PageShell as PageShell$1, Progress as Progress$1, SegmentedControl, Select as Select$1, SelectContent as SelectContent$1, SelectGroup, SelectItem as SelectItem$1, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger as SelectTrigger$1, SelectValue as SelectValue$1, SidebarDropZone, Skeleton as Skeleton$1, SkeletonCard as SkeletonCard$1, SkeletonTable, StatCard as StatCard$1, StatusPill, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, Textarea as Textarea$1, ThemeToggle, ToastContainer, ToastProvider, Toolbar, UploadProgress, badgeVariants, buttonVariants, useTheme as useTheme$1, useToast } from "@tangle-network/ui/primitives";
|
|
2
|
-
import { Logo, TangleKnot as TangleKnot$1 } from "@tangle-network/brand";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
//#region src/primitives/logo.tsx
|
|
5
|
-
/** Keep the Sandbox wordmark API while Brand owns the mark and layout. */
|
|
6
|
-
function Logo$1({ variant = "sandbox", size = "md", className, iconOnly = false }) {
|
|
7
|
-
return /* @__PURE__ */ jsx(Logo, {
|
|
8
|
-
size,
|
|
9
|
-
variant: iconOnly ? "icon" : "full",
|
|
10
|
-
suffix: variant === "sandbox" ? "Sandbox" : null,
|
|
11
|
-
className
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
Logo$1.displayName = "Logo";
|
|
15
|
-
//#endregion
|
|
16
|
-
//#region src/primitives/heading.tsx
|
|
17
|
-
/** Compatibility name for the canonical nested (h2) page header. */
|
|
18
|
-
function SectionTitle(props) {
|
|
19
|
-
return /* @__PURE__ */ jsx(PageHeader, {
|
|
20
|
-
...props,
|
|
21
|
-
level: 2
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
//#endregion
|
|
25
|
-
export { Select$1 as $, DropdownMenuItem$1 as A, TerminalInput as At, DropdownMenuTrigger$1 as B, buttonVariants as Bt, DialogTitle$1 as C, TableRow as Ct, DropdownMenuCheckboxItem as D, TabsTrigger$1 as Dt, DropdownMenu$1 as E, TabsList$1 as Et, DropdownMenuSeparator$1 as F, ToastContainer as Ft, Input$1 as G, TangleKnot$1 as Gt, FilterField as H, useToast as Ht, DropdownMenuShortcut as I, ToastProvider as It, MetricStrip as J, Label$1 as K, DropdownMenuSub$1 as L, Toolbar as Lt, DropdownMenuPortal as M, TextShimmer as Mt, DropdownMenuRadioGroup as N, Textarea$1 as Nt, DropdownMenuContent$1 as O, TerminalCursor as Ot, DropdownMenuRadioItem as P, ThemeToggle as Pt, SegmentedControl as Q, DropdownMenuSubContent$1 as R, UploadProgress as Rt, DialogPortal as S, TableHeader as St, DropZone as T, TabsContent$1 as Tt, Heading as U, SectionTitle as Ut, EmptyState$1 as V, useTheme$1 as Vt, InlineCode as W, Logo$1 as Wt, PageShell$1 as X, PageHeader$1 as Y, Progress$1 as Z, DialogContent$1 as _, TableBody as _t, Badge$1 as a, SelectScrollUpButton as at, DialogHeader$1 as b, TableFooter as bt, CardContent$1 as c, SelectValue$1 as ct, CardHeader$1 as d, SkeletonCard$1 as dt, SelectContent$1 as et, CardTitle$1 as f, SkeletonTable as ft, DialogClose$1 as g, Table as gt, Dialog$1 as h, Switch as ht, AvatarImage$1 as i, SelectScrollDownButton as it, DropdownMenuLabel$1 as j, TerminalLine as jt, DropdownMenuGroup as k, TerminalDisplay as kt, CardDescription$1 as l, SidebarDropZone as lt, CopyButton as m, StatusPill as mt, Avatar$1 as n, SelectItem$1 as nt, Button$1 as o, SelectSeparator as ot, CodeBlock as p, StatCard$1 as pt, Metric as q, AvatarFallback$1 as r, SelectLabel as rt, Card$1 as s, SelectTrigger$1 as st, ArtifactPane$1 as t, SelectGroup as tt, CardFooter as u, Skeleton$1 as ut, DialogDescription$1 as v, TableCaption as vt, DialogTrigger$1 as w, Tabs$1 as wt, DialogOverlay as x, TableHead as xt, DialogFooter$1 as y, TableCell as yt, DropdownMenuSubTrigger$1 as z, badgeVariants as zt };
|