@tangle-network/sandbox-ui 0.20.3 → 0.21.1

package/dist/template-card-UhV3pmRC.d.ts

@@ -0,0 +1,88 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface BillingSubscription {
+    status: string;
+    tierName: string;
+    renewsAt: string;
+}
+interface BillingBalance {
+    available: number;
+    used: number;
+}
+interface BillingUsage {
+    period: string;
+    total: number;
+    byModel: Record<string, number>;
+}
+interface BillingDashboardProps {
+    subscription: BillingSubscription | null;
+    balance: BillingBalance;
+    usage: BillingUsage;
+    onManageSubscription: () => void;
+    onAddCredits: () => void;
+    variant?: "sandbox";
+    className?: string;
+    cardClassName?: string;
+}
+declare function BillingDashboard({ subscription, balance, usage, onManageSubscription, onAddCredits, variant, className, cardClassName, }: BillingDashboardProps): react_jsx_runtime.JSX.Element;
+
+interface PricingTier {
+    id: string;
+    name: string;
+    description: string;
+    monthlyPriceCents: number;
+    yearlyPriceCents?: number;
+    features: string[];
+    recommended?: boolean;
+    creditsPerMonth?: number;
+    monthlyPriceId?: string;
+    yearlyPriceId?: string;
+}
+interface PricingPageProps {
+    tiers: PricingTier[];
+    currentTierId?: string;
+    billingPeriod: "monthly" | "yearly";
+    onBillingPeriodChange: (period: "monthly" | "yearly") => void;
+    onSelectTier: (tierId: string) => void;
+    variant?: "sandbox";
+    loading?: boolean;
+    className?: string;
+    cardClassName?: string;
+}
+/**
+ * Formats an integer cent amount as a human-readable USD price.
+ * Whole-dollar amounts omit decimals ($10), fractional amounts show two ($10.99).
+ * Returns "$0" for non-finite or negative inputs.
+ * @param cents - Amount in whole US cents (e.g. 1099 for $10.99).
+ */
+declare function formatPrice(cents: number): string;
+declare function PricingPage({ tiers, currentTierId, billingPeriod, onBillingPeriodChange, onSelectTier, loading, className, }: PricingPageProps): react_jsx_runtime.JSX.Element;
+
+interface UsageDataPoint {
+    date: string;
+    value: number;
+}
+interface UsageChartProps {
+    data: UsageDataPoint[];
+    title: string;
+    unit: string;
+    className?: string;
+}
+declare function UsageChart({ data, title, unit, className }: UsageChartProps): react_jsx_runtime.JSX.Element;
+
+interface TemplateCardData {
+    id: string;
+    name: string;
+    description: string;
+    icon?: React.ReactNode;
+    tags?: string[];
+}
+interface TemplateCardProps {
+    template: TemplateCardData;
+    onUseTemplate: (templateId: string) => void;
+    className?: string;
+}
+declare function TemplateCard({ template, onUseTemplate, className }: TemplateCardProps): react_jsx_runtime.JSX.Element;
+
+export { type BillingBalance as B, PricingPage as P, TemplateCard as T, UsageChart as U, BillingDashboard as a, type BillingDashboardProps as b, type BillingSubscription as c, type BillingUsage as d, type PricingPageProps as e, type PricingTier as f, type TemplateCardData as g, type TemplateCardProps as h, type UsageChartProps as i, type UsageDataPoint as j, formatPrice as k };

package/dist/workspace.d.ts

@@ -275,6 +275,13 @@ interface SandboxWorkbenchSessionProps extends Omit<ChatContainerProps, "classNa
     subtitle?: ReactNode;
     meta?: ReactNode;
     headerActions?: ReactNode;
+    /**
+     * Controls rendered as a strip attached beneath the chat composer —
+     * harness/model/effort pickers, token meters, etc. Use
+     * `AgentSessionControls` from `@tangle-network/sandbox-ui/chat` for the
+     * standard set.
+     */
+    composerControls?: ReactNode;
     renderRunActions?: ChatContainerProps["renderRunActions"];
     renderUserMessageActions?: ChatContainerProps["renderUserMessageActions"];
     renderToolActions?: ChatContainerProps["renderToolActions"];

package/dist/workspace.js

@@ -14,7 +14,7 @@ import {
   TaskBoard,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-CP2L6B53.js";
+} from "./chunk-R6NONXFC.js";
 import "./chunk-EI44GEQ5.js";
 export {
   AgentWorkbench,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.20.3",
+  "version": "0.21.1",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -176,23 +176,23 @@
     "@xterm/xterm": "^6.0.0",
     "jsdom": "^29.0.2",
     "marked": "^17.0.5",
+    "postcss": "^8.5.8",
+    "postcss-import": "^16.1.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-markdown": "^10.1.0",
     "react-pdf": "^9.2.1",
     "react-syntax-highlighter": "^16.1.1",
     "rehype-sanitize": "^6.0.0",
     "remark-gfm": "^4.0.1",
-    "turndown": "^7.2.2",
-    "yjs": "^13.6.30",
-    "postcss": "^8.5.8",
-    "postcss-import": "^16.1.1",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
     "storybook": "^8.6.18",
     "tailwindcss": "^4.1.4",
     "tailwindcss-animate": "^1.0.7",
     "tsup": "^8.4.0",
+    "turndown": "^7.2.2",
     "typescript": "^5.8.3",
     "vite": "^8.0.5",
-    "vitest": "^4.1.3"
+    "vitest": "^4.1.3",
+    "yjs": "^13.6.30"
   }
 }