@elizaos/ui 2.0.0-alpha.84 → 2.0.0-beta.1

package/dist/widgets/visibility.js

@@ -0,0 +1,90 @@
+/**
+ * User-controlled visibility overrides for `chat-sidebar` widgets.
+ *
+ * Layered on top of the existing two-stage gate in
+ * {@link ./registry.ts | resolveWidgetsForSlot}:
+ *
+ *   1. Plugin enabled?  →  declaration.defaultEnabled  →  user override
+ *
+ * The override layer is per-user, persisted to localStorage. When a widget's
+ * id is absent from the override map we fall back to `declaration.defaultEnabled`,
+ * so default flips don't reset users who never touched the toggle.
+ *
+ * Wallet/browser widgets that have not yet shipped get the same treatment:
+ * once their plugin loads them, they appear with `defaultEnabled` and the user
+ * can hide them via the same panel.
+ */
+const CHAT_SIDEBAR_VISIBILITY_STORAGE_KEY = "eliza:chat-sidebar:visibility";
+/**
+ * Synthetic widget id reserved for the bespoke `AppsSection` rendered in
+ * {@link ../components/chat/TasksEventsPanel.tsx}. Lets the same edit panel
+ * toggle Apps even though it's not a registry widget.
+ */
+export const APPS_SECTION_VISIBILITY_KEY = "app-core/apps.section";
+export function widgetVisibilityKey(pluginId, id) {
+    return `${pluginId}/${id}`;
+}
+function tryLocalStorage(fn, fallback) {
+    if (typeof localStorage === "undefined")
+        return fallback;
+    try {
+        return fn();
+    }
+    catch (err) {
+        console.warn("[widget-visibility] localStorage operation failed:", err instanceof Error ? err.message : err);
+        return fallback;
+    }
+}
+function sanitizeOverrides(value) {
+    if (!value || typeof value !== "object")
+        return {};
+    const next = {};
+    for (const [key, raw] of Object.entries(value)) {
+        if (typeof key !== "string" || key.length === 0)
+            continue;
+        if (typeof raw === "boolean")
+            next[key] = raw;
+    }
+    return next;
+}
+export function loadChatSidebarVisibility() {
+    return tryLocalStorage(() => {
+        const raw = localStorage.getItem(CHAT_SIDEBAR_VISIBILITY_STORAGE_KEY);
+        if (!raw)
+            return { overrides: {} };
+        const parsed = JSON.parse(raw);
+        return { overrides: sanitizeOverrides(parsed) };
+    }, { overrides: {} });
+}
+export function saveChatSidebarVisibility(state) {
+    tryLocalStorage(() => {
+        const sanitized = sanitizeOverrides(state.overrides);
+        if (Object.keys(sanitized).length === 0) {
+            localStorage.removeItem(CHAT_SIDEBAR_VISIBILITY_STORAGE_KEY);
+            return;
+        }
+        localStorage.setItem(CHAT_SIDEBAR_VISIBILITY_STORAGE_KEY, JSON.stringify(sanitized));
+    }, undefined);
+}
+/**
+ * Decide whether a widget should be visible right now.
+ * - Explicit `true` override → visible.
+ * - Explicit `false` override → hidden.
+ * - No override → fall back to `defaultEnabled` (defaults to `true` when omitted,
+ *   matching the registry's `defaultEnabled !== false` convention).
+ */
+export function isWidgetVisible(candidate, overrides) {
+    const key = widgetVisibilityKey(candidate.pluginId, candidate.id);
+    if (Object.hasOwn(overrides, key)) {
+        return overrides[key] === true;
+    }
+    return candidate.defaultEnabled !== false;
+}
+/**
+ * Filter a list of resolved widgets through the override map. Preserves the
+ * input order so the registry's `order` field continues to drive layout.
+ */
+export function applyChatSidebarVisibility(resolved, overrides) {
+    return resolved.filter((entry) => isWidgetVisible(entry.declaration, overrides));
+}
+export { CHAT_SIDEBAR_VISIBILITY_STORAGE_KEY };

package/package.json

@@ -1,40 +1,55 @@
 {
   "name": "@elizaos/ui",
-  "version": "2.0.0-alpha.84",
-  "description": "Reusable UI primitives and components for Milady applications.",
+  "version": "2.0.0-beta.1",
+  "description": "Shared UI primitives, composites, and layout utilities for elizaOS apps.",
   "type": "module",
-  "main": "./index.js",
   "license": "MIT",
-  "homepage": "https://github.com/milady-ai/milady",
+  "homepage": "https://github.com/elizaOS/eliza",
   "repository": {
     "type": "git",
-    "url": "https://github.com/milady-ai/milady.git",
+    "url": "https://github.com/elizaOS/eliza.git",
     "directory": "packages/ui"
   },
   "keywords": [
-    "milady",
+    "elizaos",
     "ui",
     "react",
-    "components"
+    "design-system"
   ],
+  "main": "./dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=24.0.0"
+  },
+  "scripts": {
+    "clean": "node ../../scripts/rm-path-recursive.mjs dist",
+    "prepublishOnly": "bun run build:dist",
+    "build": "bun run build:dist",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "test": "NODE_OPTIONS=\"${NODE_OPTIONS:-} --no-experimental-webstorage\" vitest run --config ./vitest.config.ts",
+    "lint": "bunx @biomejs/biome check src",
+    "lint:fix": "bunx @biomejs/biome check --write src",
+    "format": "bunx @biomejs/biome format src",
+    "format:fix": "bunx @biomejs/biome format --write src",
+    "build:dist": "bun run clean && tsc --noCheck -p tsconfig.build.json && node ../../scripts/flatten-tsc-package-output.mjs packages/ui && node ../../scripts/copy-package-assets.mjs packages/ui src/styles && node ../../scripts/prepare-package-dist.mjs packages/ui && node ../../scripts/rewrite-dist-relative-imports-node-esm.mjs packages/ui",
+    "pack:dry-run": "cd dist && npm pack --dry-run"
+  },
   "exports": {
-    ".": {
-      "types": "./index.d.ts",
-      "import": "./index.js",
-      "default": "./index.js"
-    },
-    "./utils": {
-      "types": "./lib/utils.d.ts",
-      "import": "./lib/utils.js",
-      "default": "./lib/utils.js"
-    },
-    "./package.json": "./package.json"
+    ".": "./dist/index.js",
+    "./api/client-types-cloud": "./dist/api/client-types-cloud.js",
+    "./config/app-config": "./dist/config/app-config.js",
+    "./onboarding-config": "./dist/onboarding-config.js"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "dependencies": {
+    "@elizaos/core": "2.0.0-beta.1",
+    "@elizaos/plugin-browser": "2.0.0-beta.1",
+    "@elizaos/shared": "2.0.0-beta.1",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
@@ -47,16 +62,33 @@
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "@xyflow/react": "^12.10.2",
+    "chalk": "^5.3.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.575.0",
-    "next-themes": "^0.4.6",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^2.6.0"
+    "cron-parser": "^5.5.0",
+    "drizzle-orm": "0.45.2",
+    "lucide-react": "^1.0.0",
+    "tailwind-merge": "^3.0.0"
+  },
+  "devDependencies": {
+    "@capacitor/core": "8.3.1",
+    "@capacitor/haptics": "8.0.2",
+    "@capacitor/keyboard": "8.0.3",
+    "@capacitor/preferences": "^8.0.1",
+    "@storybook/react": "^10.3.5",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "jsdom": "^29.0.0",
+    "storybook": "^10.3.5",
+    "typescript": "^6.0.3",
+    "vitest": "^4.0.18"
   },
   "publishConfig": {
     "access": "public",
     "directory": "dist"
   },
-  "types": "./index.d.ts"
+  "types": "./dist/index.d.ts"
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2026 Shaw Walters and elizaOS Contributors
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/components/ui/badge.d.ts

@@ -1,10 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import type * as React from "react";
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
-declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
-export { Badge, badgeVariants };
-//# sourceMappingURL=badge.d.ts.map

package/components/ui/badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,QAAA,MAAM,aAAa;;8EAiBlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAI1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/components/ui/badge.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
-    variants: {
-        variant: {
-            default: "border-transparent bg-primary text-primary-fg hover:bg-primary/80",
-            secondary: "border-transparent bg-bg-accent text-txt hover:bg-bg-hover",
-            destructive: "border-transparent bg-destructive text-destructive-fg hover:bg-destructive/80",
-            outline: "text-txt border-border",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-function Badge({ className, variant, ...props }) {
-    return (_jsx("div", { className: cn(badgeVariants({ variant }), className), ...props }));
-}
-export { Badge, badgeVariants };

package/components/ui/banner.d.ts

@@ -1,18 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const bannerVariants: (props?: ({
-    variant?: "error" | "warning" | "info" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface BannerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof bannerVariants> {
-    /** Optional action element (button, link) */
-    action?: React.ReactNode;
-    /** Show dismiss button */
-    dismissible?: boolean;
-    /** Called when dismiss is clicked */
-    onDismiss?: () => void;
-    /** Aria-label for dismiss button */
-    dismissLabel?: string;
-}
-export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=banner.d.ts.map

package/components/ui/banner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,cAAc;;8EAcnB,CAAC;AAQF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,6CAA6C;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,oFAuClB,CAAC"}

package/components/ui/banner.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { AlertTriangle, Info, X, XCircle } from "lucide-react";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const bannerVariants = cva("flex items-center gap-3 border px-4 py-2.5 text-xs", {
-    variants: {
-        variant: {
-            error: "border-destructive/30 bg-destructive/10 text-destructive",
-            warning: "border-warn/30 bg-warn/10 text-warn",
-            info: "border-accent/30 bg-accent/10 text-accent",
-        },
-    },
-    defaultVariants: {
-        variant: "info",
-    },
-});
-const ICONS = {
-    error: XCircle,
-    warning: AlertTriangle,
-    info: Info,
-};
-export const Banner = React.forwardRef(({ variant = "info", action, dismissible, onDismiss, dismissLabel = "Dismiss", className, children, ...props }, ref) => {
-    const Icon = ICONS[variant ?? "info"];
-    return (_jsxs("div", { ref: ref, className: cn(bannerVariants({ variant }), className), role: "alert", ...props, children: [_jsx(Icon, { className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "flex-1", children: children }), action, dismissible && (_jsx("button", { type: "button", onClick: onDismiss, className: "rounded-sm p-0.5 opacity-70 hover:opacity-100 transition-opacity", "aria-label": dismissLabel, children: _jsx(X, { className: "h-3.5 w-3.5" }) }))] }));
-});
-Banner.displayName = "Banner";

package/components/ui/button.d.ts

@@ -1,12 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { Button, buttonVariants };
-//# sourceMappingURL=button.d.ts.map

package/components/ui/button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;8EA2BnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAiBX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/components/ui/button.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-bg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
-    variants: {
-        variant: {
-            default: "bg-accent/15 text-txt border border-accent/40 hover:bg-accent/25 hover:border-accent/60",
-            destructive: "bg-destructive text-destructive-fg border border-transparent hover:border-destructive/70 hover:shadow-[0_0_0_1px_rgba(239,68,68,0.3)]",
-            outline: "border border-border bg-card hover:border-border-strong hover:bg-bg-hover",
-            secondary: "bg-bg-accent text-txt border border-border hover:border-border-strong hover:bg-bg-hover",
-            ghost: "hover:bg-bg-accent hover:text-txt",
-            link: "text-primary underline-offset-4 hover:underline",
-        },
-        size: {
-            default: "h-10 px-4 py-2",
-            sm: "h-9 rounded-md px-3 py-1.5",
-            lg: "h-11 rounded-md px-8 py-2.5",
-            icon: "h-10 w-10",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-const Button = React.forwardRef(({ className, variant, size, asChild = false, style, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    const isDefault = variant === "default" || variant === undefined;
-    const resolvedStyle = isDefault && !style?.color
-        ? { ...style, color: "var(--primary-foreground)" }
-        : style;
-    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, style: resolvedStyle, ...props }));
-});
-Button.displayName = "Button";
-export { Button, buttonVariants };

package/components/ui/card.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
-//# sourceMappingURL=card.d.ts.map

package/components/ui/card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,6GAYR,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,QAAA,MAAM,SAAS,uHASb,CAAC;AAGH,QAAA,MAAM,eAAe,yHAKnB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAKf,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,CAAC"}

package/components/ui/card.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border border-border bg-card text-card-fg shadow-sm", className), ...props })));
-Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
-CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })));
-CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn("text-sm text-muted", className), ...props })));
-CardDescription.displayName = "CardDescription";
-const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
-CardContent.displayName = "CardContent";
-const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
-CardFooter.displayName = "CardFooter";
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };

package/components/ui/chat-atoms.d.ts

@@ -1,26 +0,0 @@
-/**
- * Chat sub-components that have no app-level context dependency.
- *
- * These complement the full `ChatMessage` component (which stays in
- * `apps/app` because it uses `useApp()` for i18n and the `MessageContent`
- * renderer). Extracted here so they can be reused by any app.
- */
-export declare function TypingIndicator({ agentName, agentAvatarSrc, }: {
-    agentName: string;
-    agentAvatarSrc?: string | null;
-}): import("react/jsx-runtime").JSX.Element;
-export interface ChatEmptyStateProps {
-    agentName: string;
-    /** Starter suggestions shown as quick-reply chips. */
-    suggestions?: string[];
-    onSuggestionClick?: (suggestion: string) => void;
-    /** i18n labels — all have sensible English defaults. */
-    labels?: {
-        startConversation?: string;
-        sendMessageTo?: string;
-        toBeginChatting?: string;
-        chatIconLabel?: string;
-    };
-}
-export declare function ChatEmptyState({ agentName, suggestions, onSuggestionClick, labels, }: ChatEmptyStateProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chat-atoms.d.ts.map

package/components/ui/chat-atoms.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-atoms.d.ts","sourceRoot":"","sources":["../../../src/components/ui/chat-atoms.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,cAAc,GACf,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,2CA0CA;AAID,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,wDAAwD;IACxD,MAAM,CAAC,EAAE;QACP,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;CACH;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,WAA6E,EAC7E,iBAAiB,EACjB,MAAW,GACZ,EAAE,mBAAmB,2CA6CrB"}

package/components/ui/chat-atoms.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Chat sub-components that have no app-level context dependency.
- *
- * These complement the full `ChatMessage` component (which stays in
- * `apps/app` because it uses `useApp()` for i18n and the `MessageContent`
- * renderer). Extracted here so they can be reused by any app.
- */
-import { Button } from "./button";
-/* ── TypingIndicator ─────────────────────────────────────────────────── */
-export function TypingIndicator({ agentName, agentAvatarSrc, }) {
-    const agentInitial = agentName.trim().charAt(0).toUpperCase() || "A";
-    return (_jsxs("div", { className: "flex items-start gap-2 sm:gap-3 mt-4", children: [_jsx("div", { className: "w-8 h-8 shrink-0 rounded-full overflow-hidden border border-border bg-bg-hover shadow-sm", children: agentAvatarSrc ? (_jsx("img", { src: agentAvatarSrc, alt: `${agentName} avatar`, className: "w-full h-full object-cover" })) : (_jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] font-bold text-accent bg-accent-subtle", children: agentInitial })) }), _jsxs("div", { className: "max-w-[88%] sm:max-w-[80%] min-w-0", children: [_jsx("div", { className: "text-[12px] font-semibold text-accent mb-1", children: agentName }), _jsx("div", { className: "px-4 py-3 bg-bg-accent border border-border rounded-2xl rounded-bl-md", children: _jsxs("div", { className: "flex gap-1", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-muted-strong animate-[typing-bounce_1.2s_ease-in-out_infinite]", style: { animationDelay: "0ms" } }), _jsx("span", { className: "w-2 h-2 rounded-full bg-muted-strong animate-[typing-bounce_1.2s_ease-in-out_infinite]", style: { animationDelay: "200ms" } }), _jsx("span", { className: "w-2 h-2 rounded-full bg-muted-strong animate-[typing-bounce_1.2s_ease-in-out_infinite]", style: { animationDelay: "400ms" } })] }) })] })] }));
-}
-export function ChatEmptyState({ agentName, suggestions = ["Hello!", "How are you?", "Tell me a joke", "Help me with..."], onSuggestionClick, labels = {}, }) {
-    return (_jsxs("div", { className: "flex-1 flex flex-col items-center justify-center text-center p-6", children: [_jsx("div", { className: "w-16 h-16 rounded-2xl bg-accent-subtle flex items-center justify-center mb-4", children: _jsxs("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-accent", "aria-label": labels.chatIconLabel ?? "Chat icon", children: [_jsx("title", { children: labels.chatIconLabel ?? "Chat" }), _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })] }) }), _jsx("h3", { className: "text-lg font-semibold text-txt-strong mb-2", children: labels.startConversation ?? "Start a Conversation" }), _jsxs("p", { className: "text-sm text-muted max-w-sm mb-6", style: { fontFamily: "var(--font-chat)" }, children: [labels.sendMessageTo ?? "Send a message to", " ", agentName, " ", labels.toBeginChatting ?? "to begin chatting."] }), _jsx("div", { className: "flex flex-wrap justify-center gap-2", children: suggestions.map((suggestion) => (_jsx(Button, { variant: "outline", size: "sm", className: "px-3 py-1.5 h-7 text-xs rounded-full text-muted border-border bg-bg hover:border-accent hover:text-accent transition-colors", onClick: () => onSuggestionClick?.(suggestion), children: suggestion }, suggestion))) })] }));
-}

package/components/ui/checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,QAAQ,iKAkBZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/components/ui/checkbox.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { Check } from "lucide-react";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const Checkbox = React.forwardRef(({ className, ...props }, ref) => (_jsx(CheckboxPrimitive.Root, { ref: ref, className: cn("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-bg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-fg", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: _jsx(Check, { className: "h-4 w-4" }) }) })));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-export { Checkbox };

package/components/ui/confirm-delete.d.ts

@@ -1,12 +0,0 @@
-export interface ConfirmDeleteProps {
-    onConfirm: () => void;
-    disabled?: boolean;
-    triggerLabel?: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    busyLabel?: string;
-    promptText?: string;
-    className?: string;
-}
-export declare function ConfirmDelete({ onConfirm, disabled, triggerLabel, confirmLabel, cancelLabel, busyLabel, promptText, className, }: ConfirmDeleteProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=confirm-delete.d.ts.map

package/components/ui/confirm-delete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirm-delete.d.ts","sourceRoot":"","sources":["../../../src/components/ui/confirm-delete.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAgB,EAChB,YAAuB,EACvB,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,UAAsB,EACtB,SAAS,GACV,EAAE,kBAAkB,2CA2CpB"}

package/components/ui/confirm-delete.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-export function ConfirmDelete({ onConfirm, disabled = false, triggerLabel = "Delete", confirmLabel = "Confirm", cancelLabel = "Cancel", busyLabel, promptText = "Delete?", className, }) {
-    const [confirming, setConfirming] = React.useState(false);
-    if (!confirming) {
-        return (_jsx("button", { type: "button", className: cn("rounded-md border border-border px-2 py-1 text-xs text-muted transition-colors hover:border-destructive hover:text-destructive", className), onClick: () => setConfirming(true), disabled: disabled, children: triggerLabel }));
-    }
-    return (_jsxs("span", { className: cn("inline-flex items-center gap-1.5", className), children: [_jsx("span", { className: "text-[11px] text-destructive", children: promptText }), _jsx("button", { type: "button", className: "rounded-md border border-destructive bg-destructive px-2 py-0.5 text-[10px] font-medium text-destructive-fg transition-opacity hover:opacity-90 disabled:opacity-50", onClick: () => {
-                    onConfirm();
-                    setConfirming(false);
-                }, disabled: disabled, children: disabled && busyLabel ? busyLabel : confirmLabel }), _jsx("button", { type: "button", className: "rounded-md border border-border px-2 py-0.5 text-[10px] text-muted transition-colors hover:border-accent hover:text-accent disabled:opacity-50", onClick: () => setConfirming(false), disabled: disabled, children: cancelLabel })] }));
-}

package/components/ui/confirm-dialog.d.ts

@@ -1,24 +0,0 @@
-export type ConfirmTone = "danger" | "warn" | "default";
-export interface ConfirmDialogProps {
-    open: boolean;
-    title?: string;
-    message: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    tone?: ConfirmTone;
-    onConfirm: () => void;
-    onCancel: () => void;
-}
-export declare function ConfirmDialog({ open, title, message, confirmLabel, cancelLabel, tone, onConfirm, onCancel, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element | null;
-export interface ConfirmOptions {
-    title?: string;
-    message: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    tone?: ConfirmTone;
-}
-export declare function useConfirm(): {
-    confirm: (opts: ConfirmOptions) => Promise<boolean>;
-    modalProps: ConfirmDialogProps;
-};
-//# sourceMappingURL=confirm-dialog.d.ts.map

package/components/ui/confirm-dialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/confirm-dialog.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAExD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAQD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAiB,EACjB,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,IAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,kDA6DpB;AAID,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,wBAAgB,UAAU;oBAOf,cAAc,KAAG,OAAO,CAAC,OAAO,CAAC;;EA4B3C"}

package/components/ui/confirm-dialog.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const TONE_STYLES = {
-    danger: "bg-destructive text-destructive-fg hover:opacity-90",
-    warn: "bg-warn text-white hover:opacity-90",
-    default: "bg-primary text-primary-fg hover:opacity-90",
-};
-export function ConfirmDialog({ open, title = "Confirm", message, confirmLabel = "Confirm", cancelLabel = "Cancel", tone = "default", onConfirm, onCancel, }) {
-    const confirmRef = React.useRef(null);
-    React.useEffect(() => {
-        if (open) {
-            const t = setTimeout(() => confirmRef.current?.focus(), 50);
-            return () => clearTimeout(t);
-        }
-    }, [open]);
-    const handleKeyDown = React.useCallback((e) => {
-        if (e.key === "Escape") {
-            e.preventDefault();
-            onCancel();
-        }
-    }, [onCancel]);
-    if (!open)
-        return null;
-    return (_jsx("div", { className: "fixed inset-0 flex items-center justify-center bg-black/40", style: { zIndex: 10001 }, onClick: (e) => {
-            if (e.target === e.currentTarget)
-                onCancel();
-        }, onKeyDown: handleKeyDown, role: "dialog", "aria-modal": "true", "aria-label": title, tabIndex: -1, children: _jsxs("div", { className: "mx-4 w-full max-w-md rounded-lg border border-border bg-bg p-6 shadow-2xl", children: [_jsx("h2", { className: "mb-3 text-base font-bold", children: title }), _jsx("p", { className: "mb-6 whitespace-pre-line text-sm text-muted", children: message }), _jsxs("div", { className: "flex items-center justify-end gap-3", children: [_jsx("button", { type: "button", onClick: onCancel, className: "rounded-md border border-border px-4 py-2 text-sm transition-colors hover:bg-bg-hover", children: cancelLabel }), _jsx("button", { ref: confirmRef, type: "button", onClick: onConfirm, className: cn("rounded-md px-4 py-2 text-sm font-medium transition-opacity", TONE_STYLES[tone]), children: confirmLabel })] })] }) }));
-}
-export function useConfirm() {
-    const [state, setState] = React.useState(null);
-    const confirm = React.useCallback((opts) => new Promise((resolve) => {
-        setState({ opts, resolve });
-    }), []);
-    const modalProps = state
-        ? {
-            open: true,
-            ...state.opts,
-            onConfirm: () => {
-                state.resolve(true);
-                setState(null);
-            },
-            onCancel: () => {
-                state.resolve(false);
-                setState(null);
-            },
-        }
-        : {
-            open: false,
-            message: "",
-            onConfirm: () => { },
-            onCancel: () => { },
-        };
-    return { confirm, modalProps };
-}

package/components/ui/connection-status.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-export type ConnectionState = "connected" | "disconnected" | "error";
-export interface ConnectionStatusProps extends React.HTMLAttributes<HTMLDivElement> {
-    state: ConnectionState;
-    /** Custom label — overrides the default state label */
-    label?: string;
-}
-export declare const ConnectionStatus: React.ForwardRefExoticComponent<ConnectionStatusProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=connection-status.d.ts.map

package/components/ui/connection-status.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"connection-status.d.ts","sourceRoot":"","sources":["../../../src/components/ui/connection-status.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,cAAc,GAAG,OAAO,CAAC;AAuBrE,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,eAAe,CAAC;IACvB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,gBAAgB,8FAmB3B,CAAC"}