@elizaos/ui 2.0.0-alpha.85 → 2.0.0-beta.2

package/components/policy-controls/SpendingLimitSection.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input, Label } from "@elizaos/ui";
+function UsdInput({ label, value, onChange, }) {
+    return (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs-tight text-muted", children: label }), _jsxs("div", { className: "relative", children: [_jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-xs-tight text-muted pointer-events-none", children: "$" }), _jsx(Input, { type: "text", inputMode: "decimal", value: value, onChange: (e) => {
+                            const v = e.target.value.slice(0, 32);
+                            if (/^(?:\d+(?:\.\d*)?|\.\d*)?$/.test(v))
+                                onChange(v);
+                        }, className: "h-8 text-sm pl-7 tabular-nums", placeholder: "0" })] })] }));
+}
+export function SpendingLimitSection({ config, onChange, }) {
+    return (_jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsx(UsdInput, { label: "Per Transaction", value: config.maxPerTx, onChange: (v) => onChange({ ...config, maxPerTx: v }) }), _jsx(UsdInput, { label: "Daily Max", value: config.maxPerDay, onChange: (v) => onChange({ ...config, maxPerDay: v }) }), _jsx(UsdInput, { label: "Weekly Max", value: config.maxPerWeek, onChange: (v) => onChange({ ...config, maxPerWeek: v }) })] }));
+}
+export function spendingSummary(config) {
+    return `$${config.maxPerTx}/tx · $${config.maxPerDay}/day · $${config.maxPerWeek}/wk`;
+}

package/components/policy-controls/TimeWindowSection.d.ts

@@ -0,0 +1,7 @@
+import type { TimeWindowConfig } from "./types";
+export declare function TimeWindowSection({ config, onChange, }: {
+    config: TimeWindowConfig;
+    onChange: (config: TimeWindowConfig) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function timeWindowSummary(config: TimeWindowConfig): string;
+//# sourceMappingURL=TimeWindowSection.d.ts.map

package/components/policy-controls/TimeWindowSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeWindowSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/policy-controls/TimeWindowSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQhD,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC9C,2CAiGA;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,gBAAgB,GAAG,MAAM,CAOlE"}

package/components/policy-controls/TimeWindowSection.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Label } from "@elizaos/ui";
+import { DAY_NAMES, TIMEZONES } from "./constants.js";
+import { formatHour } from "./helpers.js";
+/** Static hour options — avoids array-index-as-key lint errors. */
+const HOUR_OPTIONS = Array.from({ length: 24 }, (_, i) => ({
+    value: i,
+    label: formatHour(i),
+}));
+export function TimeWindowSection({ config, onChange, }) {
+    const hours = config.allowedHours[0] ?? { start: 9, end: 17 };
+    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "flex-1 space-y-1", children: [_jsx(Label, { className: "text-xs-tight text-muted", children: "From" }), _jsx("select", { value: hours.start, onChange: (e) => onChange({
+                                    ...config,
+                                    allowedHours: [
+                                        { start: Number(e.target.value), end: hours.end },
+                                    ],
+                                }), className: "w-full h-8 rounded-lg border border-border bg-bg px-2 text-xs text-txt", children: HOUR_OPTIONS.map((h) => (_jsx("option", { value: h.value, children: h.label }, h.value))) })] }), _jsx("span", { className: "text-muted text-xs mt-5", children: "\u2192" }), _jsxs("div", { className: "flex-1 space-y-1", children: [_jsx(Label, { className: "text-xs-tight text-muted", children: "To" }), _jsx("select", { value: hours.end, onChange: (e) => onChange({
+                                    ...config,
+                                    allowedHours: [
+                                        { start: hours.start, end: Number(e.target.value) },
+                                    ],
+                                }), className: "w-full h-8 rounded-lg border border-border bg-bg px-2 text-xs text-txt", children: HOUR_OPTIONS.map((h) => (_jsx("option", { value: h.value, children: h.label }, h.value))) })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs-tight text-muted", children: "Active Days" }), _jsx("div", { className: "flex gap-1", children: DAY_NAMES.map((name, i) => {
+                            const active = config.allowedDays.includes(i);
+                            return (_jsx(Button, { variant: active ? "default" : "outline", size: "sm", className: `h-7 w-9 text-2xs font-medium p-0 ${active ? "" : "border-border/50 text-muted hover:text-txt"}`, onClick: () => {
+                                    const days = active
+                                        ? config.allowedDays.filter((d) => d !== i)
+                                        : [...config.allowedDays, i].sort();
+                                    onChange({ ...config, allowedDays: days });
+                                }, children: name }, name));
+                        }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs-tight text-muted", children: "Timezone" }), _jsx("select", { value: config.timezone ?? "UTC", onChange: (e) => onChange({ ...config, timezone: e.target.value }), className: "w-full h-8 rounded-lg border border-border bg-bg px-2 text-xs text-txt", children: TIMEZONES.map((tz) => (_jsx("option", { value: tz, children: tz }, tz))) })] })] }));
+}
+export function timeWindowSummary(config) {
+    const hours = config.allowedHours[0];
+    if (!hours)
+        return "No hours set";
+    const days = config.allowedDays.length;
+    const fmtStart = formatHour(hours.start);
+    const fmtEnd = formatHour(hours.end);
+    return `${fmtStart}–${fmtEnd} · ${days} days`;
+}

package/components/policy-controls/constants.d.ts

@@ -0,0 +1,11 @@
+import type { ApprovedAddressesConfig, AutoApproveConfig, RateLimitConfig, SpendingLimitConfig, TimeWindowConfig } from "./types";
+/** All monetary values are in USD for cross-chain compatibility. */
+export declare const DEFAULT_SPENDING: SpendingLimitConfig;
+export declare const DEFAULT_APPROVED_ADDRESSES: ApprovedAddressesConfig;
+export declare const DEFAULT_RATE_LIMIT: RateLimitConfig;
+export declare const DEFAULT_TIME_WINDOW: TimeWindowConfig;
+/** Threshold in USD. */
+export declare const DEFAULT_AUTO_APPROVE: AutoApproveConfig;
+export declare const TIMEZONES: string[];
+export declare const DAY_NAMES: string[];
+//# sourceMappingURL=constants.d.ts.map

package/components/policy-controls/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/components/policy-controls/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAEjB,oEAAoE;AACpE,eAAO,MAAM,gBAAgB,EAAE,mBAI9B,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,uBAIxC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,eAGhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,gBAIjC,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,oBAAoB,EAAE,iBAElC,CAAC;AAEF,eAAO,MAAM,SAAS,UAerB,CAAC;AAEF,eAAO,MAAM,SAAS,UAAoD,CAAC"}

package/components/policy-controls/constants.js

@@ -0,0 +1,41 @@
+/** All monetary values are in USD for cross-chain compatibility. */
+export const DEFAULT_SPENDING = {
+    maxPerTx: "50",
+    maxPerDay: "500",
+    maxPerWeek: "2000",
+};
+export const DEFAULT_APPROVED_ADDRESSES = {
+    addresses: [],
+    labels: {},
+    mode: "whitelist",
+};
+export const DEFAULT_RATE_LIMIT = {
+    maxTxPerHour: 10,
+    maxTxPerDay: 50,
+};
+export const DEFAULT_TIME_WINDOW = {
+    allowedHours: [{ start: 9, end: 17 }],
+    allowedDays: [1, 2, 3, 4, 5],
+    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+};
+/** Threshold in USD. */
+export const DEFAULT_AUTO_APPROVE = {
+    threshold: "5",
+};
+export const TIMEZONES = [
+    "America/New_York",
+    "America/Chicago",
+    "America/Denver",
+    "America/Los_Angeles",
+    "America/Anchorage",
+    "Pacific/Honolulu",
+    "Europe/London",
+    "Europe/Berlin",
+    "Europe/Paris",
+    "Asia/Tokyo",
+    "Asia/Shanghai",
+    "Asia/Kolkata",
+    "Australia/Sydney",
+    "UTC",
+];
+export const DAY_NAMES = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];

package/components/policy-controls/helpers.d.ts

@@ -0,0 +1,13 @@
+import type { ApprovedAddressEntry, PolicyRule, PolicyType } from "./types";
+export declare function findPolicy(policies: PolicyRule[], type: PolicyType): PolicyRule | undefined;
+/** Parse a numeric string (USD amount). Returns 0 for invalid input. */
+export declare function parseAmount(value: string): number;
+export declare function formatHour(h: number): string;
+/** Validate an address (EVM or Solana). */
+export declare function isValidAddress(addr: string): boolean;
+/** Detect chain type from address format. */
+export declare function detectChainType(addr: string): "evm" | "solana" | null;
+/** Format a chain type label for display. */
+export declare function chainTypeLabel(addr: string): string;
+export declare function approvedAddressValue(entry: string | ApprovedAddressEntry): string;
+//# sourceMappingURL=helpers.d.ts.map

package/components/policy-controls/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/policy-controls/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5E,wBAAgB,UAAU,CACxB,QAAQ,EAAE,UAAU,EAAE,EACtB,IAAI,EAAE,UAAU,GACf,UAAU,GAAG,SAAS,CAExB;AAED,wEAAwE;AACxE,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGjD;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAK5C;AAKD,2CAA2C;AAC3C,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEpD;AAED,6CAA6C;AAC7C,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,IAAI,CAIrE;AAED,6CAA6C;AAC7C,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAKnD;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,GAAG,oBAAoB,GACnC,MAAM,CAER"}

package/components/policy-controls/helpers.js

@@ -0,0 +1,43 @@
+export function findPolicy(policies, type) {
+    return policies.find((p) => p.type === type);
+}
+/** Parse a numeric string (USD amount). Returns 0 for invalid input. */
+export function parseAmount(value) {
+    const n = Number.parseFloat(value);
+    return Number.isNaN(n) ? 0 : n;
+}
+export function formatHour(h) {
+    if (h === 0)
+        return "12:00 AM";
+    if (h === 12)
+        return "12:00 PM";
+    if (h < 12)
+        return `${h}:00 AM`;
+    return `${h - 12}:00 PM`;
+}
+const EVM_RE = /^0x[a-fA-F0-9]{40}$/;
+const SOLANA_RE = /^[1-9A-HJ-NP-Za-km-z]{32,44}$/;
+/** Validate an address (EVM or Solana). */
+export function isValidAddress(addr) {
+    return EVM_RE.test(addr) || SOLANA_RE.test(addr);
+}
+/** Detect chain type from address format. */
+export function detectChainType(addr) {
+    if (EVM_RE.test(addr))
+        return "evm";
+    if (SOLANA_RE.test(addr))
+        return "solana";
+    return null;
+}
+/** Format a chain type label for display. */
+export function chainTypeLabel(addr) {
+    const type = detectChainType(addr);
+    if (type === "evm")
+        return "EVM";
+    if (type === "solana")
+        return "Solana";
+    return "";
+}
+export function approvedAddressValue(entry) {
+    return typeof entry === "string" ? entry : entry.address;
+}

package/components/policy-controls/index.d.ts

@@ -0,0 +1,10 @@
+export { ApprovedAddressesSection, addressSummary, } from "./ApprovedAddressesSection";
+export { AutoApproveSection, autoApproveSummary } from "./AutoApproveSection";
+export * from "./constants";
+export { approvedAddressValue, chainTypeLabel, detectChainType, findPolicy, isValidAddress, parseAmount, } from "./helpers";
+export { PolicyToggle } from "./PolicyToggle";
+export { RateLimitSection, rateLimitSummary } from "./RateLimitSection";
+export { SpendingLimitSection, spendingSummary } from "./SpendingLimitSection";
+export { TimeWindowSection, timeWindowSummary } from "./TimeWindowSection";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

package/components/policy-controls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/policy-controls/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,cAAc,GACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC9E,cAAc,aAAa,CAAC;AAC5B,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,UAAU,EACV,cAAc,EACd,WAAW,GACZ,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC3E,cAAc,SAAS,CAAC"}

package/components/policy-controls/index.js

@@ -0,0 +1,9 @@
+export { ApprovedAddressesSection, addressSummary, } from "./ApprovedAddressesSection.js";
+export { AutoApproveSection, autoApproveSummary } from "./AutoApproveSection.js";
+export * from "./constants.js";
+export { approvedAddressValue, chainTypeLabel, detectChainType, findPolicy, isValidAddress, parseAmount, } from "./helpers.js";
+export { PolicyToggle } from "./PolicyToggle.js";
+export { RateLimitSection, rateLimitSummary } from "./RateLimitSection.js";
+export { SpendingLimitSection, spendingSummary } from "./SpendingLimitSection.js";
+export { TimeWindowSection, timeWindowSummary } from "./TimeWindowSection.js";
+export * from "./types.js";

package/components/policy-controls/types.d.ts

@@ -0,0 +1,58 @@
+export type PolicyType = "spending-limit" | "approved-addresses" | "auto-approve-threshold" | "time-window" | "rate-limit";
+export interface PolicyRule {
+    id: string;
+    type: PolicyType;
+    enabled: boolean;
+    config: Record<string, unknown>;
+}
+/** All monetary amounts are USD strings for cross-chain compatibility. */
+export interface SpendingLimitConfig {
+    /** USD amount per transaction */
+    maxPerTx: string;
+    /** USD amount per day */
+    maxPerDay: string;
+    /** USD amount per week */
+    maxPerWeek: string;
+}
+export interface ApprovedAddressEntry {
+    address: string;
+    label: string;
+    /** Detected chain type based on address format */
+    chainType?: "evm" | "solana";
+}
+export interface ApprovedAddressesConfig {
+    addresses: Array<string | ApprovedAddressEntry>;
+    labels?: Record<string, string>;
+    mode: "whitelist" | "blacklist";
+}
+export interface RateLimitConfig {
+    maxTxPerHour: number;
+    maxTxPerDay: number;
+}
+export interface TimeWindowConfig {
+    allowedHours: {
+        start: number;
+        end: number;
+    }[];
+    allowedDays: number[];
+    timezone?: string;
+}
+/** Threshold is a USD string for cross-chain compatibility. */
+export interface AutoApproveConfig {
+    /** USD amount */
+    threshold: string;
+}
+/** Maps each policy type to its strongly-typed config shape. */
+export interface PolicyConfigMap {
+    "spending-limit": SpendingLimitConfig;
+    "approved-addresses": ApprovedAddressesConfig;
+    "auto-approve-threshold": AutoApproveConfig;
+    "time-window": TimeWindowConfig;
+    "rate-limit": RateLimitConfig;
+}
+/**
+ * Extract a policy's config with the correct type for its `type` discriminant.
+ * Falls back to `fallback` when the policy is missing.
+ */
+export declare function getPolicyConfig<T extends PolicyType>(policy: PolicyRule | undefined, fallback: PolicyConfigMap[T]): PolicyConfigMap[T];
+//# sourceMappingURL=types.d.ts.map

package/components/policy-controls/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/policy-controls/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAClB,gBAAgB,GAChB,oBAAoB,GACpB,wBAAwB,GACxB,aAAa,GACb,YAAY,CAAC;AAEjB,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAED,0EAA0E;AAC1E,MAAM,WAAW,mBAAmB;IAClC,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC9B;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,KAAK,CAAC,MAAM,GAAG,oBAAoB,CAAC,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,IAAI,EAAE,WAAW,GAAG,WAAW,CAAC;CACjC;AAED,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,+DAA+D;AAC/D,MAAM,WAAW,iBAAiB;IAChC,iBAAiB;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,gEAAgE;AAChE,MAAM,WAAW,eAAe;IAC9B,gBAAgB,EAAE,mBAAmB,CAAC;IACtC,oBAAoB,EAAE,uBAAuB,CAAC;IAC9C,wBAAwB,EAAE,iBAAiB,CAAC;IAC5C,aAAa,EAAE,gBAAgB,CAAC;IAChC,YAAY,EAAE,eAAe,CAAC;CAC/B;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,UAAU,EAClD,MAAM,EAAE,UAAU,GAAG,SAAS,EAC9B,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,GAC3B,eAAe,CAAC,CAAC,CAAC,CAEpB"}

package/components/policy-controls/types.js

@@ -0,0 +1,7 @@
+/**
+ * Extract a policy's config with the correct type for its `type` discriminant.
+ * Falls back to `fallback` when the policy is missing.
+ */
+export function getPolicyConfig(policy, fallback) {
+    return policy?.config ? Object.assign({}, fallback, policy.config) : fallback;
+}

package/components/primitives/index.d.ts

@@ -0,0 +1,24 @@
+export * from "../ui/badge";
+export * from "../ui/button";
+export * from "../ui/card";
+export * from "../ui/checkbox";
+export * from "../ui/dialog";
+export * from "../ui/drawer-sheet";
+export * from "../ui/dropdown-menu";
+export * from "../ui/grid";
+export * from "../ui/input";
+export * from "../ui/label";
+export * from "../ui/popover";
+export * from "../ui/select";
+export * from "../ui/separator";
+export * from "../ui/skeleton";
+export * from "../ui/slider";
+export * from "../ui/spinner";
+export * from "../ui/stack";
+export * from "../ui/switch";
+export * from "../ui/tabs";
+export * from "../ui/tag-editor";
+export * from "../ui/textarea";
+export * from "../ui/tooltip";
+export * from "../ui/typography";
+//# sourceMappingURL=index.d.ts.map

package/components/primitives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC"}

package/components/primitives/index.js

@@ -0,0 +1,23 @@
+export * from "../ui/badge.js";
+export * from "../ui/button.js";
+export * from "../ui/card.js";
+export * from "../ui/checkbox.js";
+export * from "../ui/dialog.js";
+export * from "../ui/drawer-sheet.js";
+export * from "../ui/dropdown-menu.js";
+export * from "../ui/grid.js";
+export * from "../ui/input.js";
+export * from "../ui/label.js";
+export * from "../ui/popover.js";
+export * from "../ui/select.js";
+export * from "../ui/separator.js";
+export * from "../ui/skeleton.js";
+export * from "../ui/slider.js";
+export * from "../ui/spinner.js";
+export * from "../ui/stack.js";
+export * from "../ui/switch.js";
+export * from "../ui/tabs.js";
+export * from "../ui/tag-editor.js";
+export * from "../ui/textarea.js";
+export * from "../ui/tooltip.js";
+export * from "../ui/typography.js";

package/components/release-center/sections.d.ts

@@ -0,0 +1,49 @@
+import type { AppReleaseStatus, DesktopBuildInfo, DesktopReleaseNotesWindowInfo, DesktopSessionSnapshot, DesktopUpdaterSnapshot, WebGpuBrowserStatus, WgpuTagElement } from "./types";
+export declare function ReleaseStatusSection({ busyAction, nativeUpdater, updateLoading, updateStatus, onApplyUpdate, onCheckForUpdates, onDetach, onRefresh, }: {
+    busyAction: string | null;
+    nativeUpdater: DesktopUpdaterSnapshot | null;
+    updateLoading: boolean;
+    updateStatus: AppReleaseStatus | null | undefined;
+    onApplyUpdate: () => void;
+    onCheckForUpdates: () => void;
+    onDetach: () => void;
+    onRefresh: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ReleaseNotesSection({ busyAction, nativeUpdater, releaseNotesUrl, releaseNotesWindow, onOpenWindow, onReleaseNotesUrlChange, onResetUrl, }: {
+    busyAction: string | null;
+    nativeUpdater: DesktopUpdaterSnapshot | null;
+    releaseNotesUrl: string;
+    releaseNotesWindow: DesktopReleaseNotesWindowInfo | null;
+    onOpenWindow: () => void;
+    onReleaseNotesUrlChange: (value: string) => void;
+    onResetUrl: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function BuildRuntimeSection({ buildInfo, busyAction, dockVisible, nativeUpdater, onToggleDock, }: {
+    buildInfo: DesktopBuildInfo | null;
+    busyAction: string | null;
+    dockVisible: boolean;
+    nativeUpdater: DesktopUpdaterSnapshot | null;
+    onToggleDock: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SessionControlsSection({ busyAction, sessionSnapshots, onClearCookies, onClearSession, }: {
+    busyAction: string | null;
+    sessionSnapshots: Record<string, DesktopSessionSnapshot | undefined>;
+    onClearCookies: (partition: string) => void;
+    onClearSession: (partition: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function WgpuSurfaceSection({ webGpuStatus, wgpuHidden, wgpuPassthrough, wgpuReady, wgpuRef, wgpuTagAvailable, wgpuTransparent, onRunTest, onToggleHidden, onTogglePassthrough, onToggleTransparent, }: {
+    webGpuStatus: WebGpuBrowserStatus | null;
+    wgpuHidden: boolean;
+    wgpuPassthrough: boolean;
+    wgpuReady: boolean;
+    wgpuRef: {
+        current: WgpuTagElement | null;
+    };
+    wgpuTagAvailable: boolean;
+    wgpuTransparent: boolean;
+    onRunTest: () => void;
+    onToggleHidden: () => void;
+    onTogglePassthrough: () => void;
+    onToggleTransparent: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sections.d.ts.map

package/components/release-center/sections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sections.d.ts","sourceRoot":"","sources":["../../../../../../src/components/release-center/sections.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,6BAA6B,EAC7B,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACf,MAAM,SAAS,CAAC;AAYjB,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,aAAa,EACb,aAAa,EACb,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC7C,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC;IAClD,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,2CAmLA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,UAAU,EACV,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,uBAAuB,EACvB,UAAU,GACX,EAAE;IACD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC7C,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,6BAA6B,GAAG,IAAI,CAAC;IACzD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,uBAAuB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,2CA6EA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,GACb,EAAE;IACD,SAAS,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACnC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC7C,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,2CAkFA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,cAAc,GACf,EAAE;IACD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,GAAG,SAAS,CAAC,CAAC;IACrE,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C,2CAiGA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,YAAY,EACZ,UAAU,EACV,eAAe,EACf,SAAS,EACT,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,cAAc,EACd,mBAAmB,EACnB,mBAAmB,GACpB,EAAE;IACD,YAAY,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACzC,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE;QAAE,OAAO,EAAE,cAAc,GAAG,IAAI,CAAA;KAAE,CAAC;IAC5C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC,2CAiJA"}

package/components/release-center/sections.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input } from "@elizaos/ui";
+import { createElement } from "react";
+import { useBranding } from "../../config/branding.js";
+import { useApp } from "../../state/index.js";
+import { formatDateTime } from "../../utils/format.js";
+import { DefinitionRow, partitionDescription, StatusPill } from "./shared.js";
+import { SESSION_PARTITIONS } from "./types.js";
+function tr(t, key, defaultValue, options) {
+    return t(key, { defaultValue, ...options });
+}
+export function ReleaseStatusSection({ busyAction, nativeUpdater, updateLoading, updateStatus, onApplyUpdate, onCheckForUpdates, onDetach, onRefresh, }) {
+    const { t } = useApp();
+    const appReleaseTone = updateStatus?.updateAvailable ? "warning" : "good";
+    const autoUpdateDisabled = nativeUpdater != null && !nativeUpdater.canAutoUpdate;
+    const nativeReleaseTone = nativeUpdater?.updateReady
+        ? "good"
+        : nativeUpdater?.updateAvailable
+            ? "warning"
+            : "neutral";
+    const loadingLabel = tr(t, "common.loading", "loading");
+    const currentLabel = tr(t, "releasecenterview.Current", "Current");
+    return (_jsxs("section", { className: "rounded-2xl border border-border bg-bg-accent p-4", children: [_jsxs("div", { className: "mb-4 flex flex-wrap items-center gap-2", children: [_jsx(StatusPill, { label: tr(t, "releasecenter.AppVersionPill", "App: {{version}}", {
+                            version: updateStatus?.currentVersion ?? loadingLabel,
+                        }), tone: appReleaseTone }), _jsx(StatusPill, { label: tr(t, "releasecenter.DesktopVersionPill", "Desktop: {{version}}", {
+                            version: nativeUpdater?.currentVersion ?? loadingLabel,
+                        }), tone: nativeReleaseTone }), nativeUpdater?.channel ? (_jsx(StatusPill, { label: tr(t, "releasecenter.ChannelPill", "Channel: {{channel}}", {
+                            channel: nativeUpdater.channel,
+                        }), tone: "neutral" })) : null] }), _jsxs("div", { className: "mb-4 flex items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-txt", children: tr(t, "releasecenter.ReleaseStatus", "Release Status") }), _jsx("p", { className: "mt-1 text-xs text-muted", children: tr(t, "releasecenter.ReleaseStatusDescription", "Compare backend release metadata with the native Electrobun updater state.") })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { size: "sm", disabled: busyAction === "refresh" || updateLoading, onClick: onRefresh, children: tr(t, "common.refresh", "Refresh") }), _jsx(Button, { size: "sm", variant: "outline", disabled: busyAction === "detach-release", onClick: onDetach, children: tr(t, "releasecenter.OpenDetachedReleaseCenter", "Open Detached Release Center") })] })] }), _jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [_jsxs("div", { className: "rounded-xl border border-border bg-bg p-3", children: [_jsx("div", { className: "text-xs font-semibold text-txt", children: tr(t, "releasecenter.AppReleaseService", "App Release Service") }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.CurrentVersion", "Current version"), value: updateStatus?.currentVersion }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.LatestVersion", "Latest version"), value: updateStatus?.latestVersion ?? currentLabel }), _jsx(DefinitionRow, { label: tr(t, "releasecenterview.Channel", "Channel"), value: updateStatus?.channel }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.LastChecked", "Last checked"), value: updateStatus?.lastCheckAt
+                                    ? new Date(updateStatus.lastCheckAt).toLocaleString()
+                                    : tr(t, "releasecenter.NotYet", "Not yet") })] }), _jsxs("div", { className: "rounded-xl border border-border bg-bg p-3", children: [_jsx("div", { className: "mb-3 text-xs font-semibold text-txt", children: tr(t, "releasecenter.NativeElectrobunUpdater", "Native Electrobun Updater") }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.CurrentVersion", "Current version"), value: nativeUpdater?.currentVersion }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.LatestVersion", "Latest version"), value: nativeUpdater?.latestVersion ?? currentLabel }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.AppBundle", "App bundle"), value: nativeUpdater?.appBundlePath ?? tr(t, "common.unknown", "Unknown") }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.LastStatus", "Last status"), value: nativeUpdater?.lastStatus?.message ??
+                                    tr(t, "releasecenterview.Idle", "Idle") }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.StatusTime", "Status time"), value: formatDateTime(nativeUpdater?.lastStatus?.timestamp, {
+                                    fallback: tr(t, "releasecenter.NotYet", "Not yet"),
+                                }) }), autoUpdateDisabled && nativeUpdater?.autoUpdateDisabledReason ? (_jsx("div", { className: "mt-3 rounded-xl border border-warning/40 bg-warning/10 px-3 py-2 text-xs text-warning", children: nativeUpdater.autoUpdateDisabledReason })) : null, _jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [_jsx(Button, { size: "sm", disabled: busyAction === "check-updates" || autoUpdateDisabled, onClick: onCheckForUpdates, children: tr(t, "releasecenter.CheckDownloadUpdate", "Check / Download Update") }), _jsx(Button, { size: "sm", variant: "outline", disabled: busyAction === "apply-update" ||
+                                            autoUpdateDisabled ||
+                                            !nativeUpdater?.updateReady, onClick: onApplyUpdate, children: tr(t, "releasecenter.ApplyDownloadedUpdate", "Apply Downloaded Update") })] })] })] })] }));
+}
+export function ReleaseNotesSection({ busyAction, nativeUpdater, releaseNotesUrl, releaseNotesWindow, onOpenWindow, onReleaseNotesUrlChange, onResetUrl, }) {
+    const { t } = useApp();
+    const { appUrl } = useBranding();
+    const defaultReleaseNotesUrl = `${appUrl}/releases/`;
+    return (_jsxs("section", { className: "rounded-2xl border border-border bg-bg-accent p-4", children: [_jsxs("div", { className: "mb-4", children: [_jsx("h3", { className: "text-sm font-semibold text-txt", children: tr(t, "releasecenter.ReleaseNotesBrowserView", "Release Notes BrowserView") }), _jsx("p", { className: "mt-1 text-xs text-muted", children: tr(t, "releasecenter.ReleaseNotesBrowserViewDescription", "Opens release notes in a dedicated sandboxed BrowserView on its own persistent session.") })] }), _jsxs("div", { className: "space-y-3", children: [_jsx(Input, { value: releaseNotesUrl, onChange: (event) => onReleaseNotesUrlChange(event.target.value), placeholder: defaultReleaseNotesUrl, className: "font-mono text-xs" }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { size: "sm", disabled: busyAction === "open-release-notes", onClick: onOpenWindow, children: tr(t, "releasecenter.OpenBrowserViewWindow", "Open BrowserView Window") }), _jsx(Button, { size: "sm", variant: "outline", disabled: busyAction === "reset-release-url", onClick: onResetUrl, children: tr(t, "releasecenter.ResetUrl", "Reset URL") })] }), releaseNotesWindow ? (_jsxs("div", { className: "rounded-xl border border-border bg-bg p-3 text-xs text-txt", children: [_jsx(DefinitionRow, { label: tr(t, "releasecenter.WindowId", "Window ID"), value: releaseNotesWindow.windowId }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.BrowserViewId", "BrowserView ID"), value: releaseNotesWindow.webviewId }), _jsx(DefinitionRow, { label: tr(t, "appsview.URL", "URL"), value: releaseNotesWindow.url })] })) : (_jsxs("div", { className: "rounded-xl border border-border bg-bg p-3 text-xs text-muted", children: [tr(t, "releasecenter.UsingUpdaterUrl", "Using updater URL:"), " ", nativeUpdater?.baseUrl ?? defaultReleaseNotesUrl] }))] })] }));
+}
+export function BuildRuntimeSection({ buildInfo, busyAction, dockVisible, nativeUpdater, onToggleDock, }) {
+    const { t } = useApp();
+    const { appUrl } = useBranding();
+    const defaultReleaseNotesUrl = `${appUrl}/releases/`;
+    return (_jsxs("section", { className: "rounded-2xl border border-border bg-bg-accent p-4", children: [_jsxs("div", { className: "mb-4", children: [_jsx("h3", { className: "text-sm font-semibold text-txt", children: tr(t, "releasecenter.BuildConfigAndShellRuntime", "BuildConfig and Shell Runtime") }), _jsx("p", { className: "mt-1 text-xs text-muted", children: tr(t, "releasecenter.BuildConfigAndShellRuntimeDescription", "Native runtime metadata sourced directly from Electrobun BuildConfig and shell APIs.") })] }), _jsxs("div", { className: "rounded-xl border border-border bg-bg p-3", children: [_jsx(DefinitionRow, { label: tr(t, "releasecenter.Platform", "Platform"), value: buildInfo?.platform }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.Architecture", "Architecture"), value: buildInfo?.arch }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.DefaultRenderer", "Default renderer"), value: buildInfo?.defaultRenderer }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.AvailableRenderers", "Available renderers"), value: buildInfo?.availableRenderers.join(", ") }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.BunVersion", "Bun version"), value: buildInfo?.bunVersion }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.CefVersion", "CEF version"), value: buildInfo?.cefVersion }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.UpdaterBaseUrl", "Updater base URL"), value: nativeUpdater?.baseUrl ?? defaultReleaseNotesUrl }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.DockIconVisible", "Dock icon visible"), value: buildInfo?.platform === "darwin"
+                            ? String(dockVisible)
+                            : tr(t, "releasecenter.MacOsOnly", "macOS only") }), _jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: _jsx(Button, { size: "sm", variant: "outline", disabled: busyAction === "toggle-dock" || buildInfo?.platform !== "darwin", onClick: onToggleDock, children: dockVisible
+                                ? tr(t, "releasecenter.HideDockIcon", "Hide Dock Icon")
+                                : tr(t, "releasecenter.ShowDockIcon", "Show Dock Icon") }) })] })] }));
+}
+export function SessionControlsSection({ busyAction, sessionSnapshots, onClearCookies, onClearSession, }) {
+    const { t } = useApp();
+    return (_jsxs("section", { className: "rounded-2xl border border-border bg-bg-accent p-4", children: [_jsxs("div", { className: "mb-4", children: [_jsx("h3", { className: "text-sm font-semibold text-txt", children: tr(t, "releasecenter.SessionAndCookieControls", "Session and Cookie Controls") }), _jsx("p", { className: "mt-1 text-xs text-muted", children: tr(t, "releasecenter.SessionAndCookieControlsDescription", "Explicit Session APIs for inspecting and clearing renderer storage.") })] }), _jsx("div", { className: "space-y-3", children: SESSION_PARTITIONS.map(({ label, partition }) => {
+                    const snapshot = sessionSnapshots[partition];
+                    return (_jsxs("div", { className: "rounded-xl border border-border bg-bg p-3", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs font-semibold text-txt", children: label }), _jsx("div", { className: "mt-1 text-xs-tight text-muted", children: partitionDescription(partition, t) })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { size: "sm", variant: "outline", disabled: busyAction === `clear-cookies:${partition}`, onClick: () => onClearCookies(partition), children: tr(t, "releasecenter.ClearCookies", "Clear Cookies") }), _jsx(Button, { size: "sm", variant: "outline", disabled: busyAction === `clear-session:${partition}`, onClick: () => onClearSession(partition), children: tr(t, "releasecenter.ClearStorage", "Clear Storage") })] })] }), _jsxs("div", { className: "mt-3", children: [_jsx(DefinitionRow, { label: tr(t, "releasecenter.Partition", "Partition"), value: snapshot?.partition ?? partition }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.Persistent", "Persistent"), value: snapshot ? String(snapshot.persistent) : undefined }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.CookieCount", "Cookie count"), value: snapshot?.cookieCount })] }), snapshot?.cookies.length ? (_jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: snapshot.cookies.slice(0, 8).map((cookie) => (_jsx("span", { className: "inline-flex items-center rounded-full border border-border bg-bg-accent px-2 py-1 text-xs-tight text-txt", children: cookie.name }, `${partition}:${cookie.name}:${cookie.domain ?? ""}`))) })) : (_jsx("div", { className: "mt-3 text-xs-tight text-muted", children: tr(t, "releasecenter.NoCookiesStoredForThisPartition", "No cookies stored for this partition.") }))] }, partition));
+                }) })] }));
+}
+export function WgpuSurfaceSection({ webGpuStatus, wgpuHidden, wgpuPassthrough, wgpuReady, wgpuRef, wgpuTagAvailable, wgpuTransparent, onRunTest, onToggleHidden, onTogglePassthrough, onToggleTransparent, }) {
+    const { t } = useApp();
+    return (_jsxs("section", { className: "rounded-2xl border border-border bg-bg-accent p-4", children: [_jsxs("div", { className: "mb-4", children: [_jsx("h3", { className: "text-sm font-semibold text-txt", children: tr(t, "releasecenter.BrowserWgpuSurface", "Browser WGPU Surface") }), _jsx("p", { className: "mt-1 text-xs text-muted", children: tr(t, "releasecenter.BrowserWgpuSurfaceDescription", "Inline <electrobun-wgpu> preview plus browser WebGPU compatibility status from the active desktop renderer.") })] }), _jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1fr)_320px]", children: [_jsxs("div", { className: "space-y-3", children: [wgpuTagAvailable ? (_jsx("div", { className: "overflow-hidden rounded-2xl border border-border bg-black/5", children: createElement("electrobun-wgpu", {
+                                    ref: (node) => {
+                                        wgpuRef.current = node;
+                                    },
+                                    className: "block h-56 w-full",
+                                }) })) : (_jsx("div", { className: "rounded-2xl border border-dashed border-border px-4 py-12 text-center text-sm text-muted", children: tr(t, "releasecenter.WgpuCustomElementUnavailable", "The WGPU custom element is not available in this renderer.") })), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { size: "sm", disabled: !wgpuTagAvailable, onClick: onRunTest, children: tr(t, "releasecenter.RunTest", "Run Test") }), _jsx(Button, { size: "sm", variant: "outline", disabled: !wgpuTagAvailable, onClick: onToggleTransparent, children: wgpuTransparent
+                                            ? tr(t, "releasecenter.Opaque", "Opaque")
+                                            : tr(t, "releasecenter.Transparent", "Transparent") }), _jsx(Button, { size: "sm", variant: "outline", disabled: !wgpuTagAvailable, onClick: onTogglePassthrough, children: wgpuPassthrough
+                                            ? tr(t, "releasecenter.PassthroughOff", "Passthrough Off")
+                                            : tr(t, "releasecenter.PassthroughOn", "Passthrough On") }), _jsx(Button, { size: "sm", variant: "outline", disabled: !wgpuTagAvailable, onClick: onToggleHidden, children: wgpuHidden
+                                            ? tr(t, "releasecenter.ShowSurface", "Show Surface")
+                                            : tr(t, "releasecenter.HideSurface", "Hide Surface") })] })] }), _jsxs("div", { className: "rounded-xl border border-border bg-bg p-3", children: [_jsx("div", { className: "mb-3 text-xs font-semibold text-txt", children: tr(t, "releasecenter.BrowserWebgpuStatus", "Browser WebGPU Status") }), _jsx("p", { className: "mb-3 text-xs text-muted", children: tr(t, "releasecenter.BrowserWebgpuStatusDescription", "This reports whether the desktop webview is expected to expose WebGPU for the WGPU preview above. It is not overall app health: companion and avatar already fall back to WebGL when WebGPU is missing.") }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.InlineSurfaceReady", "Inline surface ready"), value: String(wgpuReady) }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.RendererSupport", "Renderer support"), value: webGpuStatus?.available
+                                    ? tr(t, "releasecenter.Available", "Available")
+                                    : tr(t, "releasecenter.NotAvailable", "Not available") }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.RendererType", "Renderer type"), value: webGpuStatus?.renderer }), _jsx(DefinitionRow, { label: tr(t, "releasecenter.ChromeBeta", "Chrome Beta"), value: webGpuStatus?.chromeBetaPath ??
+                                    tr(t, "releasecenter.NotDetected", "Not detected") }), _jsx("div", { className: "mt-3 rounded-lg border border-border bg-bg-accent px-3 py-2 text-xs text-muted", children: webGpuStatus?.reason ??
+                                    tr(t, "releasecenter.WaitingForDesktopRendererStatus", "Waiting for desktop renderer status.") }), webGpuStatus?.downloadUrl ? (_jsx("div", { className: "mt-3 text-xs", children: _jsx("a", { className: "text-accent underline-offset-2 hover:underline", href: webGpuStatus.downloadUrl, target: "_blank", rel: "noreferrer", children: tr(t, "releasecenter.DownloadChromeBetaFallback", "Download Chrome Beta fallback") }) })) : null] })] })] }));
+}

package/components/release-center/shared.d.ts

@@ -0,0 +1,13 @@
+export declare function summarizeError(error: unknown): string;
+export declare function normalizeReleaseNotesUrl(url?: string | null): string;
+export declare function StatusPill({ label, tone, }: {
+    label: string;
+    tone: "neutral" | "good" | "warning";
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DefinitionRow({ emptyFallback, label, value, }: {
+    emptyFallback?: string;
+    label: string;
+    value: string | number | null | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function partitionDescription(partition: string, t: (key: string, options?: Record<string, unknown>) => string): string;
+//# sourceMappingURL=shared.d.ts.map

package/components/release-center/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../../../src/components/release-center/shared.tsx"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAErD;AAED,wBAAgB,wBAAwB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAOpE;AAQD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,GACL,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;CACtC,2CAQA;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,KAAK,EACL,KAAK,GACN,EAAE;IACD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3C,2CAYA;AAED,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,EACjB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,GAC5D,MAAM,CAQR"}

package/components/release-center/shared.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StatusBadge } from "@elizaos/ui";
+import { useApp } from "../../state/index.js";
+export function summarizeError(error) {
+    return error instanceof Error ? error.message : String(error);
+}
+export function normalizeReleaseNotesUrl(url) {
+    const candidate = url?.trim() || "https://elizaos.ai/releases/";
+    try {
+        return new URL(candidate).toString();
+    }
+    catch {
+        return "https://elizaos.ai/releases/";
+    }
+}
+const PILL_TONE_MAP = {
+    good: "success",
+    warning: "warning",
+    neutral: "muted",
+};
+export function StatusPill({ label, tone, }) {
+    return (_jsx(StatusBadge, { label: label, variant: PILL_TONE_MAP[tone] ?? "muted", className: "rounded-full px-2.5 py-1 text-xs-tight font-medium normal-case" }));
+}
+export function DefinitionRow({ emptyFallback, label, value, }) {
+    const { t } = useApp();
+    return (_jsxs("div", { className: "flex items-start justify-between gap-4 py-2", children: [_jsx("div", { className: "text-xs text-muted", children: label }), _jsx("div", { className: "text-right text-xs text-txt break-all", children: value ??
+                    emptyFallback ??
+                    t("common.unavailable", { defaultValue: "Unavailable" }) })] }));
+}
+export function partitionDescription(partition, t) {
+    return partition === "persist:default"
+        ? t("releasecenter.RendererDefaultSession", {
+            defaultValue: "Renderer default session",
+        })
+        : t("releasecenter.SandboxedReleaseNotesSession", {
+            defaultValue: "Sandboxed release notes session",
+        });
+}