@tangle-network/sandbox-ui 0.125.3 → 0.126.1
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 +1 -2
- package/dist/assets.d.ts +1 -27
- package/dist/assets.js +2 -76
- package/dist/{dashboard-Ce1Qy0Yv.js → dashboard-Bms7lRpU.js} +48 -1026
- package/dist/dashboard.d.ts +3 -3
- package/dist/dashboard.js +3 -3
- package/dist/globals.css +0 -257
- package/dist/{index-B_Ae4rdp.d.ts → index-Bww3rzEG.d.ts} +1 -41
- package/dist/{index-CV-BKrDF.d.ts → index-DPTVn2nS.d.ts} +1 -1
- package/dist/{index-Qm_yQvZh.d.ts → index-DXxi5EtM.d.ts} +26 -208
- package/dist/{index-DloDwgbc.d.ts → index-Du0ovoHu.d.ts} +2 -2
- package/dist/index.d.ts +6 -6
- package/dist/index.js +6 -6
- package/dist/{page-layout-DJV7cbxx.js → page-layout-2IRtfx51.js} +2 -38
- package/dist/pages.d.ts +9 -130
- package/dist/pages.js +5 -2059
- package/dist/{primitives-DLE_MCwZ.js → primitives-WP3v1yf0.js} +2 -2
- package/dist/primitives.d.ts +1 -1
- package/dist/primitives.js +1 -1
- package/dist/styles.css +0 -257
- package/dist/{template-card-L-4gmjx2.d.ts → usage-chart-BjM8ShvX.d.ts} +1 -16
- package/dist/{workbench-DLQ07SoM.js → workbench-CF7uaTsc.js} +16 -16
- package/dist/workbench.d.ts +1 -1
- package/dist/workbench.js +1 -1
- package/dist/{workspace-CjeZTLPQ.js → workspace-C68fk9qa.js} +3 -194
- package/dist/workspace.d.ts +2 -2
- package/dist/workspace.js +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -457,7 +457,6 @@ The higher-order dashboard/billing surfaces are now accent-token driven rather t
|
|
|
457
457
|
- `BillingDashboard.className`, `cardClassName`
|
|
458
458
|
- `PricingCards.className`, `cardClassName`
|
|
459
459
|
- `UsageChart.className`
|
|
460
|
-
- `StandalonePricingPage.className`
|
|
461
460
|
|
|
462
461
|
For that, compose directly from:
|
|
463
462
|
|
|
@@ -490,7 +489,7 @@ Retheming is absolutely supported, but the documentation was thinner than it sho
|
|
|
490
489
|
| `/openui` | OpenUIArtifactRenderer and schema types for structured artifact rendering |
|
|
491
490
|
| `/files` | FileTree, FilePreview, FileTabs, FileArtifactPane |
|
|
492
491
|
| `/workbench/embedded-app` | EmbeddedAppView and preview status types without terminal or editor modules |
|
|
493
|
-
| `/dashboard` | [Sidebar](./docs/sidebar.md), DashboardLayout, BillingDashboard, UsageChart
|
|
492
|
+
| `/dashboard` | [Sidebar](./docs/sidebar.md), DashboardLayout, BillingDashboard, UsageChart |
|
|
494
493
|
| `/editor` | TipTap collaborative editor (requires optional peers) |
|
|
495
494
|
| `/terminal` | xterm.js terminal view (requires optional peers) |
|
|
496
495
|
| `/markdown` | Markdown renderer with GFM, code blocks, copy button |
|
package/dist/assets.d.ts
CHANGED
|
@@ -178,23 +178,6 @@ interface AssetSpec<F extends AssetFormat = AssetFormat> {
|
|
|
178
178
|
createdAt: string;
|
|
179
179
|
updatedAt: string;
|
|
180
180
|
}
|
|
181
|
-
interface ApprovalEvent {
|
|
182
|
-
assetId: string;
|
|
183
|
-
variantId?: string;
|
|
184
|
-
action: "approved" | "rejected" | "edited" | "scheduled";
|
|
185
|
-
editedFields?: string[];
|
|
186
|
-
userId: string;
|
|
187
|
-
timestamp: string;
|
|
188
|
-
}
|
|
189
|
-
interface AssetVariant {
|
|
190
|
-
id: string;
|
|
191
|
-
parentId: string;
|
|
192
|
-
label: string;
|
|
193
|
-
spec: AssetSpec;
|
|
194
|
-
approvedAt?: string;
|
|
195
|
-
rejectedAt?: string;
|
|
196
|
-
editLog: ApprovalEvent[];
|
|
197
|
-
}
|
|
198
181
|
//#endregion
|
|
199
182
|
//#region src/assets/approval-queue.d.ts
|
|
200
183
|
interface ApprovalQueueProps {
|
|
@@ -261,15 +244,6 @@ interface ImagePreviewProps {
|
|
|
261
244
|
}
|
|
262
245
|
export declare function ImagePreview({ content, brand, format, className }: ImagePreviewProps): React$1.JSX.Element;
|
|
263
246
|
//#endregion
|
|
264
|
-
//#region src/assets/variant-compare.d.ts
|
|
265
|
-
interface VariantCompareProps {
|
|
266
|
-
variants: AssetVariant[];
|
|
267
|
-
onPromote?: (variantId: string) => void;
|
|
268
|
-
onSave?: (variant: AssetVariant) => void;
|
|
269
|
-
className?: string;
|
|
270
|
-
}
|
|
271
|
-
export declare function VariantCompare({ variants, onPromote, onSave, className }: VariantCompareProps): import("react").JSX.Element;
|
|
272
|
-
//#endregion
|
|
273
247
|
//#region src/assets/preview/video-preview.d.ts
|
|
274
248
|
interface VideoPreviewProps {
|
|
275
249
|
content: VideoContent;
|
|
@@ -280,4 +254,4 @@ interface VideoPreviewProps {
|
|
|
280
254
|
}
|
|
281
255
|
export declare function VideoPreview({ content, brand, onRenderRequest, isRendering, className }: VideoPreviewProps): import("react").JSX.Element;
|
|
282
256
|
//#endregion
|
|
283
|
-
export type { ApprovalQueueProps, AssetCardProps, AssetEditorProps, CopyPreviewProps, EmailPreviewProps, ImageFormat, ImagePreviewProps,
|
|
257
|
+
export type { ApprovalQueueProps, AssetCardProps, AssetEditorProps, CopyPreviewProps, EmailPreviewProps, ImageFormat, ImagePreviewProps, VideoPreviewProps };
|
package/dist/assets.js
CHANGED
|
@@ -3,7 +3,7 @@ import { Badge, Button, Input, Label, Textarea } from "@tangle-network/ui/primit
|
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
import * as React$1 from "react";
|
|
5
5
|
import { Fragment as Fragment$1 } from "react";
|
|
6
|
-
import { Check, CheckCheck, ChevronDown, ChevronLeft, ChevronRight, Film, GitBranch, Loader2, MessageSquare, Pencil, Play, Save, Search,
|
|
6
|
+
import { Check, CheckCheck, ChevronDown, ChevronLeft, ChevronRight, Film, GitBranch, Loader2, MessageSquare, Pencil, Play, Save, Search, X } from "lucide-react";
|
|
7
7
|
//#region src/assets/preview/image-preview.tsx
|
|
8
8
|
const ASPECT = {
|
|
9
9
|
feed: "aspect-square",
|
|
@@ -1019,78 +1019,4 @@ function ApprovalQueue({ assets, variantCounts = {}, onApprove, onReject, onEdit
|
|
|
1019
1019
|
});
|
|
1020
1020
|
}
|
|
1021
1021
|
//#endregion
|
|
1022
|
-
|
|
1023
|
-
function VariantCompare({ variants, onPromote, onSave, className }) {
|
|
1024
|
-
const cols = Math.min(variants.length, 3);
|
|
1025
|
-
if (variants.length === 0) return /* @__PURE__ */ jsx("div", {
|
|
1026
|
-
className: cn("py-12 text-center text-sm text-muted-foreground", className),
|
|
1027
|
-
children: "No variants to compare."
|
|
1028
|
-
});
|
|
1029
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
1030
|
-
className: cn("flex flex-col gap-3", className),
|
|
1031
|
-
children: [/* @__PURE__ */ jsxs("div", {
|
|
1032
|
-
className: "text-xs text-muted-foreground",
|
|
1033
|
-
children: [
|
|
1034
|
-
"Comparing ",
|
|
1035
|
-
variants.length,
|
|
1036
|
-
" variant",
|
|
1037
|
-
variants.length !== 1 ? "s" : "",
|
|
1038
|
-
".",
|
|
1039
|
-
onPromote && " Promote one to mark it approved and archive the rest."
|
|
1040
|
-
]
|
|
1041
|
-
}), /* @__PURE__ */ jsx("div", {
|
|
1042
|
-
className: "grid gap-3",
|
|
1043
|
-
style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` },
|
|
1044
|
-
children: variants.slice(0, 3).map((variant) => /* @__PURE__ */ jsxs("div", {
|
|
1045
|
-
className: "flex flex-col gap-2 rounded-lg border border-border p-3",
|
|
1046
|
-
children: [
|
|
1047
|
-
/* @__PURE__ */ jsxs("div", {
|
|
1048
|
-
className: "flex items-center justify-between",
|
|
1049
|
-
children: [/* @__PURE__ */ jsxs("div", {
|
|
1050
|
-
className: "flex items-center gap-1.5",
|
|
1051
|
-
children: [
|
|
1052
|
-
/* @__PURE__ */ jsx("span", {
|
|
1053
|
-
className: "text-xs font-medium",
|
|
1054
|
-
children: variant.label
|
|
1055
|
-
}),
|
|
1056
|
-
variant.approvedAt && /* @__PURE__ */ jsx(Badge, {
|
|
1057
|
-
variant: "default",
|
|
1058
|
-
className: "text-[10px] h-4 px-1.5",
|
|
1059
|
-
children: "Approved"
|
|
1060
|
-
}),
|
|
1061
|
-
variant.rejectedAt && /* @__PURE__ */ jsx(Badge, {
|
|
1062
|
-
variant: "destructive",
|
|
1063
|
-
className: "text-[10px] h-4 px-1.5",
|
|
1064
|
-
children: "Rejected"
|
|
1065
|
-
})
|
|
1066
|
-
]
|
|
1067
|
-
}), onPromote && !variant.approvedAt && /* @__PURE__ */ jsxs(Button, {
|
|
1068
|
-
size: "sm",
|
|
1069
|
-
variant: "outline",
|
|
1070
|
-
onClick: () => onPromote(variant.id),
|
|
1071
|
-
className: "h-6 gap-1 text-[11px] px-2",
|
|
1072
|
-
children: [/* @__PURE__ */ jsx(Trophy, { size: 11 }), "Pick this"]
|
|
1073
|
-
})]
|
|
1074
|
-
}),
|
|
1075
|
-
/* @__PURE__ */ jsx(AssetEditor, {
|
|
1076
|
-
spec: variant.spec,
|
|
1077
|
-
onSave: (spec) => onSave?.({
|
|
1078
|
-
...variant,
|
|
1079
|
-
spec
|
|
1080
|
-
}),
|
|
1081
|
-
className: "min-h-[300px]"
|
|
1082
|
-
}),
|
|
1083
|
-
variant.editLog.length > 0 && /* @__PURE__ */ jsxs("div", {
|
|
1084
|
-
className: "text-[10px] text-muted-foreground space-y-0.5",
|
|
1085
|
-
children: [/* @__PURE__ */ jsx("span", {
|
|
1086
|
-
className: "font-medium",
|
|
1087
|
-
children: "Edit history"
|
|
1088
|
-
}), variant.editLog.slice(-3).map((ev, i) => /* @__PURE__ */ jsxs("div", { children: [ev.action, ev.editedFields?.length ? ` (${ev.editedFields.join(", ")})` : ""] }, i))]
|
|
1089
|
-
})
|
|
1090
|
-
]
|
|
1091
|
-
}, variant.id))
|
|
1092
|
-
})]
|
|
1093
|
-
});
|
|
1094
|
-
}
|
|
1095
|
-
//#endregion
|
|
1096
|
-
export { ApprovalQueue, AssetCard, AssetEditor, CopyPreview, EmailPreview, ImagePreview, VariantCompare, VideoPreview };
|
|
1022
|
+
export { ApprovalQueue, AssetCard, AssetEditor, CopyPreview, EmailPreview, ImagePreview, VideoPreview };
|