@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 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, ProfileSelector |
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, VariantCompareProps, VideoPreviewProps };
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, Trophy, X } from "lucide-react";
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
- //#region src/assets/variant-compare.tsx
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 };