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

package/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/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/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/search-bar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/search-bar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,WAAyB,EACzB,WAAsB,EACtB,cAA+B,GAChC,EAAE,cAAc,2CAiChB"}

package/components/ui/search-bar.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * SearchBar — a self-contained search input with submit button.
- *
- * Fully generic; no app-context dependency. Callers pass the placeholder
- * and loading state directly.
- */
-import { useCallback, useState } from "react";
-import { Button } from "./button";
-import { Input } from "./input";
-export function SearchBar({ onSearch, searching, placeholder = "Search...", searchLabel = "Search", searchingLabel = "Searching...", }) {
-    const [query, setQuery] = useState("");
-    const handleSubmit = useCallback(() => {
-        if (query.trim()) {
-            onSearch(query.trim());
-        }
-    }, [query, onSearch]);
-    return (_jsx("div", { className: "mb-6", children: _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { type: "text", placeholder: placeholder, value: query, onChange: (e) => setQuery(e.target.value), onKeyDown: (e) => e.key === "Enter" && handleSubmit(), className: "h-9 bg-bg border-border text-sm shadow-sm focus-visible:ring-1 focus-visible:ring-accent", disabled: searching }), _jsx(Button, { variant: "default", size: "sm", className: "h-9 px-4 shadow-sm", onClick: handleSubmit, disabled: !query.trim() || searching, children: searching ? searchingLabel : searchLabel })] }) }));
-}

package/components/ui/search-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/search-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,2FAwCvB,CAAC"}

package/components/ui/sonner.d.ts

@@ -1,5 +0,0 @@
-import { Toaster as Sonner } from "sonner";
-type ToasterProps = React.ComponentProps<typeof Sonner>;
-declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
-export { Toaster };
-//# sourceMappingURL=sonner.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sonner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE3C,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAExD,QAAA,MAAM,OAAO,GAAI,cAAc,YAAY,4CAoB1C,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/components/ui/sonner.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTheme } from "next-themes";
-import { Toaster as Sonner } from "sonner";
-const Toaster = ({ ...props }) => {
-    const { theme = "system" } = useTheme();
-    return (_jsx(Sonner, { theme: theme, className: "toaster group", toastOptions: {
-            classNames: {
-                toast: "group toast group-[.toaster]:bg-bg group-[.toaster]:text-txt group-[.toaster]:border-border group-[.toaster]:shadow-lg",
-                description: "group-[.toast]:text-muted",
-                actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-fg",
-                cancelButton: "group-[.toast]:bg-bg-accent group-[.toast]:text-muted",
-            },
-        }, ...props }));
-};
-export { Toaster };

package/components/ui/tag-input.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-export interface TagInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
-    /** Label shown above the input */
-    label?: string;
-    /** Current list of tags */
-    items: string[];
-    /** Called with the updated tag list */
-    onChange: (items: string[]) => void;
-    /** Placeholder text for the input */
-    placeholder?: string;
-    /** Maximum number of tags */
-    maxItems?: number;
-    /** Label for the explicit add button */
-    addLabel?: string;
-    /** Aria-label template for the remove button */
-    removeLabel?: string;
-}
-export declare const TagInput: React.ForwardRefExoticComponent<TagInputProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=tag-input.d.ts.map

package/components/ui/tag-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag-input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tag-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,sFAoFpB,CAAC"}

package/components/ui/tag-input.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { X } from "lucide-react";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-export const TagInput = React.forwardRef(({ label, items, onChange, placeholder = "Add item…", maxItems, addLabel = "Add", removeLabel = "Remove", className, ...props }, ref) => {
-    const [inputValue, setInputValue] = React.useState("");
-    const addItem = React.useCallback(() => {
-        const trimmed = inputValue.trim();
-        if (!trimmed || items.includes(trimmed))
-            return;
-        if (maxItems != null && items.length >= maxItems)
-            return;
-        onChange([...items, trimmed]);
-        setInputValue("");
-    }, [inputValue, items, onChange, maxItems]);
-    const removeItem = React.useCallback((index) => {
-        const updated = [...items];
-        updated.splice(index, 1);
-        onChange(updated);
-    }, [items, onChange]);
-    return (_jsxs("div", { ref: ref, className: cn("flex flex-col gap-1.5", className), ...props, children: [label && _jsx("span", { className: "text-xs font-semibold", children: label }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("input", { type: "text", value: inputValue, placeholder: placeholder, onChange: (e) => setInputValue(e.target.value), onKeyDown: (e) => {
-                            if (e.key === "Enter") {
-                                e.preventDefault();
-                                addItem();
-                            }
-                        }, className: "flex-1 min-w-0 rounded-md border border-input bg-bg px-2 py-1 text-[11px] placeholder:text-muted focus-visible:outline-none focus-visible:border-ring" }), _jsx("button", { type: "button", className: "rounded-md border border-input bg-bg px-1.5 py-0.5 text-[10px] text-muted transition-colors hover:border-accent hover:text-accent", onClick: addItem, children: addLabel })] }), _jsx("div", { className: "flex flex-wrap gap-1.5 rounded-md border border-border bg-bg-accent p-1.5 min-h-[60px] content-start", children: items.map((item, i) => (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-sm border border-border bg-bg px-2 py-0.5 text-[11px]", children: [item, _jsx("button", { type: "button", className: "text-muted hover:text-destructive transition-colors", onClick: () => removeItem(i), "aria-label": `${removeLabel} ${item}`, children: _jsx(X, { className: "h-3 w-3" }) })] }, item))) })] }));
-});
-TagInput.displayName = "TagInput";

package/components/ui/themed-select.d.ts

@@ -1,27 +0,0 @@
-/**
- * ThemedSelect — custom dropdown with grouped options.
- *
- * A generic, fully-controlled select component that supports grouped option
- * lists and optional hint text per item. Has no dependency on any app-level
- * context; all state is passed in as props.
- */
-export interface ThemedSelectGroup<T extends string = string> {
-    label: string;
-    items: {
-        id: T;
-        text: string;
-        hint?: string;
-    }[];
-}
-export interface ThemedSelectProps<T extends string = string> {
-    value: T | null;
-    groups: ThemedSelectGroup<T>[];
-    onChange: (id: T) => void;
-    placeholder?: string;
-    menuPlacement?: "top" | "bottom";
-    className?: string;
-    triggerClassName?: string;
-    menuClassName?: string;
-}
-export declare function ThemedSelect<T extends string>({ value, groups, onChange, placeholder, menuPlacement, className, triggerClassName, menuClassName, }: ThemedSelectProps<T>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=themed-select.d.ts.map

package/components/ui/themed-select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"themed-select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/themed-select.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QAAE,EAAE,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACjD;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC1D,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,EAC7C,KAAK,EACL,MAAM,EACN,QAAQ,EACR,WAAyB,EACzB,aAAwB,EACxB,SAAc,EACd,gBAAqB,EACrB,aAAkB,GACnB,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAwGtB"}

package/components/ui/themed-select.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * ThemedSelect — custom dropdown with grouped options.
- *
- * A generic, fully-controlled select component that supports grouped option
- * lists and optional hint text per item. Has no dependency on any app-level
- * context; all state is passed in as props.
- */
-import { useEffect, useRef, useState } from "react";
-import { Button } from "./button";
-export function ThemedSelect({ value, groups, onChange, placeholder = "select...", menuPlacement = "bottom", className = "", triggerClassName = "", menuClassName = "", }) {
-    const [open, setOpen] = useState(false);
-    const ref = useRef(null);
-    // Close on outside click
-    useEffect(() => {
-        if (!open)
-            return;
-        const handler = (e) => {
-            if (ref.current && !ref.current.contains(e.target))
-                setOpen(false);
-        };
-        document.addEventListener("mousedown", handler);
-        return () => document.removeEventListener("mousedown", handler);
-    }, [open]);
-    // Close on Escape
-    useEffect(() => {
-        if (!open)
-            return;
-        const handler = (e) => {
-            if (e.key === "Escape")
-                setOpen(false);
-        };
-        document.addEventListener("keydown", handler);
-        return () => document.removeEventListener("keydown", handler);
-    }, [open]);
-    // Find current label
-    let currentLabel = placeholder;
-    for (const g of groups) {
-        const found = g.items.find((i) => i.id === value);
-        if (found) {
-            currentLabel = found.hint ? `${found.text} — ${found.hint}` : found.text;
-            break;
-        }
-    }
-    const menuStyle = menuPlacement === "top"
-        ? { bottom: "calc(100% + 0.125rem)" }
-        : { top: "calc(100% + 0.125rem)" };
-    return (_jsxs("div", { ref: ref, className: `relative min-w-0 w-full ${open ? "z-[100]" : ""} ${className}`, children: [_jsxs(Button, { type: "button", variant: "outline", size: "sm", className: `flex h-12 w-full items-center justify-between border-border bg-card px-2.5 py-1.5 text-left text-xs shadow-sm hover:border-accent focus-visible:ring-1 focus-visible:ring-accent ${triggerClassName}`, onClick: () => setOpen(!open), children: [_jsx("span", { className: "truncate", children: currentLabel }), _jsx("span", { className: `ml-2 text-[10px] text-muted transition-transform ${open ? "rotate-180" : ""}`, children: "\u25BC" })] }), open && (_jsx("div", { className: `absolute left-0 right-0 z-50 max-h-[280px] overflow-y-auto rounded-md border border-border bg-card shadow-lg ${menuClassName}`, style: menuStyle, children: groups.map((g) => (_jsxs("div", { children: [_jsx("div", { className: "px-2.5 py-1 text-[10px] font-semibold text-muted bg-bg-accent sticky top-0", children: g.label }), g.items.map((item) => {
-                            const active = item.id === value;
-                            return (_jsxs(Button, { variant: "ghost", size: "sm", className: `w-full justify-start text-left px-2.5 py-1.5 h-auto text-xs rounded-none ${active
-                                    ? "bg-accent/20 text-accent"
-                                    : "text-txt hover:bg-accent/10 hover:text-txt"}`, onClick: () => {
-                                    onChange(item.id);
-                                    setOpen(false);
-                                }, children: [_jsx("span", { className: "font-semibold", children: item.text }), item.hint && (_jsx("span", { className: `ml-1.5 ${active ? "opacity-70" : "text-muted"}`, children: item.hint }))] }, item.id));
-                        })] }, g.label))) }))] }));
-}

package/lib/button-styles.d.ts

@@ -1,12 +0,0 @@
-/**
- * Shared button class strings for consistent styling across views.
- *
- * These CSS class strings complement the `Button` component for cases where
- * a plain HTML `button` element is used or Tailwind class composition is
- * preferred over the variant prop.
- */
-export declare const btnPrimary = "px-4 py-2 text-sm font-medium bg-[var(--accent)] text-[var(--accent-foreground,#1a1f26)] border border-[var(--accent)] cursor-pointer hover:opacity-90 transition-opacity disabled:opacity-40 disabled:cursor-default rounded-lg";
-export declare const btnGhost = "px-3 py-1.5 text-xs bg-transparent text-[var(--muted)] border border-[var(--border)] cursor-pointer hover:text-[var(--txt)] hover:border-[var(--txt)] transition-colors disabled:opacity-40 disabled:cursor-default rounded-lg";
-export declare const btnDanger = "px-3 py-1.5 text-xs bg-transparent text-[var(--danger,#e74c3c)] border border-[var(--danger,#e74c3c)] cursor-pointer hover:bg-[var(--danger,#e74c3c)] hover:text-white transition-colors disabled:opacity-40 disabled:cursor-default rounded-lg";
-export declare const inputCls = "flex-1 px-3 py-2 text-sm bg-[var(--card)] border border-[var(--border)] text-[var(--txt)] focus:border-[var(--accent)] focus:outline-none transition-colors rounded-lg";
-//# sourceMappingURL=button-styles.d.ts.map

package/lib/button-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-styles.d.ts","sourceRoot":"","sources":["../../src/lib/button-styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,UAAU,qOAC6M,CAAC;AAErO,eAAO,MAAM,QAAQ,mOAC6M,CAAC;AAEnO,eAAO,MAAM,SAAS,oPAC6N,CAAC;AAEpP,eAAO,MAAM,QAAQ,2KACqJ,CAAC"}

package/lib/button-styles.js

@@ -1,11 +0,0 @@
-/**
- * Shared button class strings for consistent styling across views.
- *
- * These CSS class strings complement the `Button` component for cases where
- * a plain HTML `button` element is used or Tailwind class composition is
- * preferred over the variant prop.
- */
-export const btnPrimary = "px-4 py-2 text-sm font-medium bg-[var(--accent)] text-[var(--accent-foreground,#1a1f26)] border border-[var(--accent)] cursor-pointer hover:opacity-90 transition-opacity disabled:opacity-40 disabled:cursor-default rounded-lg";
-export const btnGhost = "px-3 py-1.5 text-xs bg-transparent text-[var(--muted)] border border-[var(--border)] cursor-pointer hover:text-[var(--txt)] hover:border-[var(--txt)] transition-colors disabled:opacity-40 disabled:cursor-default rounded-lg";
-export const btnDanger = "px-3 py-1.5 text-xs bg-transparent text-[var(--danger,#e74c3c)] border border-[var(--danger,#e74c3c)] cursor-pointer hover:bg-[var(--danger,#e74c3c)] hover:text-white transition-colors disabled:opacity-40 disabled:cursor-default rounded-lg";
-export const inputCls = "flex-1 px-3 py-2 text-sm bg-[var(--card)] border border-[var(--border)] text-[var(--txt)] focus:border-[var(--accent)] focus:outline-none transition-colors rounded-lg";