@elizaos/agent 2.0.0-alpha.520 → 2.0.0-alpha.521

package/packages/ui/src/components/ui/tooltip-extended.js

@@ -1,114 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { X } from "lucide-react";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { Z_OVERLAY, Z_TOOLTIP } from "../../lib/floating-layers";
-import { cn } from "../../lib/utils";
-import { Button } from "./button";
-export function HoverTooltip({ children, content, position = "top", delay = 300, showArrow = true, className = "", visible: controlledVisible, onDismiss, }) {
-    const [isVisible, setIsVisible] = useState(false);
-    const timeoutRef = useRef(null);
-    const containerRef = useRef(null);
-    const isVisibleState = controlledVisible !== undefined ? controlledVisible : isVisible;
-    const show = useCallback(() => {
-        if (timeoutRef.current)
-            clearTimeout(timeoutRef.current);
-        timeoutRef.current = setTimeout(() => setIsVisible(true), delay);
-    }, [delay]);
-    const hide = useCallback(() => {
-        if (timeoutRef.current)
-            clearTimeout(timeoutRef.current);
-        timeoutRef.current = setTimeout(() => setIsVisible(false), 150);
-    }, []);
-    useEffect(() => {
-        return () => {
-            if (timeoutRef.current)
-                clearTimeout(timeoutRef.current);
-        };
-    }, []);
-    return (_jsxs("div", { ref: containerRef, className: "relative inline-flex cursor-default", onMouseEnter: show, onMouseLeave: hide, onFocus: show, onBlur: hide, children: [children, isVisibleState && (_jsx("div", { className: cn("absolute z-50", position === "top"
-                    ? "bottom-full left-1/2 -translate-x-1/2 mb-2"
-                    : position === "bottom"
-                        ? "top-full left-1/2 -translate-x-1/2 mt-2"
-                        : position === "left"
-                            ? "right-full top-1/2 -translate-y-1/2 mr-2"
-                            : "left-full top-1/2 -translate-y-1/2 ml-2", className), children: _jsxs("div", { className: "relative bg-bg-elevated border border-border rounded-lg shadow-xl p-3 min-w-[10rem] max-w-xs", children: [onDismiss && (_jsx(Button, { variant: "ghost", size: "icon", onClick: onDismiss, className: "absolute top-1 right-1 h-6 w-6 text-muted hover:text-txt rounded", "aria-label": "Dismiss tooltip", children: _jsx(X, { className: "w-3 h-3" }) })), content, showArrow && (_jsx("div", { className: cn("absolute w-0 h-0 border-4", position === "top"
-                                ? "top-full left-1/2 -translate-x-1/2 border-t-border border-l-transparent border-r-transparent border-b-transparent"
-                                : position === "bottom"
-                                    ? "bottom-full left-1/2 -translate-x-1/2 border-b-border border-l-transparent border-r-transparent border-t-transparent"
-                                    : position === "left"
-                                        ? "left-full top-1/2 -translate-y-1/2 border-l-border border-t-transparent border-b-transparent border-r-transparent"
-                                        : "right-full top-1/2 -translate-y-1/2 border-r-border border-t-transparent border-b-transparent border-l-transparent") }))] }) }))] }));
-}
-export function IconTooltip({ children, label, shortcut, position = "top", multiline = false, }) {
-    return (_jsxs("div", { className: "relative isolate group", children: [children, _jsxs("div", { className: cn(`absolute px-3 py-2 bg-bg-elevated border border-border text-xs text-txt-strong rounded-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible group-focus-within:opacity-100 group-focus-within:visible transition-opacity duration-200 z-[${Z_OVERLAY}] shadow-lg pointer-events-none`, position === "top"
-                    ? "bottom-full left-1/2 -translate-x-1/2 mb-2"
-                    : "top-full left-1/2 -translate-x-1/2 mt-2", multiline
-                    ? "min-w-[10rem] max-w-[min(22rem,calc(100vw_-_1.5rem))] whitespace-normal text-left leading-snug"
-                    : "min-w-[6rem] whitespace-nowrap"), role: "tooltip", children: [_jsx("div", { className: "font-medium", children: label }), shortcut && _jsx("div", { className: "text-muted mt-0.5", children: shortcut }), _jsx("div", { className: position === "top"
-                            ? "absolute top-full left-1/2 -translate-x-1/2 -mt-1 border-4 border-transparent border-t-bg-elevated"
-                            : "absolute bottom-full left-1/2 -translate-x-1/2 -mb-1 border-4 border-transparent border-b-bg-elevated" })] })] }));
-}
-export function Spotlight({ target, title, description, step, totalSteps, onNext, onPrev, onSkip, labels = {}, }) {
-    const [targetRect, setTargetRect] = useState(null);
-    useEffect(() => {
-        const element = document.querySelector(target);
-        if (element) {
-            const rect = element.getBoundingClientRect();
-            setTargetRect(rect);
-        }
-    }, [target]);
-    if (!targetRect)
-        return null;
-    const padding = 8;
-    return (_jsxs("div", { className: `fixed inset-0 z-[${Z_TOOLTIP}] pointer-events-none`, children: [_jsx("div", { className: "absolute inset-0 bg-black/60 pointer-events-auto", style: {
-                    clipPath: `polygon(
-            0% 0%,
-            0% 100%,
-            ${targetRect.left - padding}px 100%,
-            ${targetRect.left - padding}px ${targetRect.top - padding}px,
-            ${targetRect.right + padding}px ${targetRect.top - padding}px,
-            ${targetRect.right + padding}px ${targetRect.bottom + padding}px,
-            ${targetRect.left - padding}px ${targetRect.bottom + padding}px,
-            ${targetRect.left - padding}px 100%,
-            100% 100%,
-            100% 0%
-          )`,
-                } }), _jsxs("div", { className: "absolute bg-card border border-border rounded-xl shadow-2xl p-5 max-w-sm pointer-events-auto", style: {
-                    top: targetRect.bottom + padding + 16,
-                    left: Math.min(targetRect.left, window.innerWidth - 340),
-                }, children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsxs("span", { className: "text-xs text-muted font-medium", children: [labels.stepOf ?? "Step", " ", step, " of ", totalSteps] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: onSkip, className: "h-auto px-1 py-0 text-xs text-muted hover:text-txt", children: labels.skipTour ?? "Skip Tour" })] }), _jsx("h3", { className: "text-lg font-bold text-txt-strong mb-2", children: title }), _jsx("p", { className: "text-sm text-muted mb-4", children: description }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Button, { variant: "outline", onClick: onPrev, disabled: step === 1, children: labels.previous ?? "Previous" }), _jsx("div", { className: "flex gap-1", children: Array.from({ length: totalSteps }, (_, idx) => idx).map((dotIndex) => (_jsx("div", { className: `w-2 h-2 rounded-full transition-colors ${dotIndex + 1 === step ? "bg-accent" : "bg-border"}` }, `step-dot-${dotIndex}`))) }), _jsx(Button, { onClick: onNext, children: step === totalSteps
-                                    ? (labels.finish ?? "Finish")
-                                    : (labels.next ?? "Next") })] })] })] }));
-}
-export function useGuidedTour(steps) {
-    const [isActive, setIsActive] = useState(false);
-    const [currentStep, setCurrentStep] = useState(0);
-    const start = useCallback(() => {
-        setIsActive(true);
-        setCurrentStep(0);
-    }, []);
-    const next = useCallback(() => {
-        if (currentStep < steps.length - 1) {
-            setCurrentStep((prev) => prev + 1);
-        }
-        else {
-            setIsActive(false);
-        }
-    }, [currentStep, steps.length]);
-    const prev = useCallback(() => {
-        setCurrentStep((prev) => Math.max(0, prev - 1));
-    }, []);
-    const skip = useCallback(() => {
-        setIsActive(false);
-    }, []);
-    return {
-        isActive,
-        currentStep,
-        step: steps[currentStep],
-        start,
-        next,
-        prev,
-        skip,
-        totalSteps: steps.length,
-    };
-}

package/packages/ui/src/components/ui/tooltip.d.ts

@@ -1,18 +0,0 @@
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import * as React from "react";
-declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
-declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface TooltipHintProps {
-    children: React.ReactNode;
-    content: React.ReactNode;
-    side?: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>["side"];
-    sideOffset?: number;
-    contentClassName?: string;
-    delayDuration?: number;
-    skipDelayDuration?: number;
-}
-export declare function TooltipHint({ children, content, side, sideOffset, contentClassName, delayDuration, skipDelayDuration, }: TooltipHintProps): import("react/jsx-runtime").JSX.Element;
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
-//# sourceMappingURL=tooltip.d.ts.map

package/packages/ui/src/components/ui/tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKAelB,CAAC;AAGH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,wBAAwB,CACnC,OAAO,gBAAgB,CAAC,OAAO,CAChC,CAAC,MAAM,CAAC,CAAC;IACV,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,IAAe,EACf,UAAc,EACd,gBAAgB,EAChB,aAAmB,EACnB,iBAAuB,GACxB,EAAE,gBAAgB,2CAkBlB;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}

package/packages/ui/src/components/ui/tooltip.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const TooltipProvider = TooltipPrimitive.Provider;
-const Tooltip = TooltipPrimitive.Root;
-const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-[140] overflow-hidden rounded-md border border-border bg-card px-3 py-1.5 text-sm text-txt shadow-md max-w-[min(24rem,calc(100vw_-_2rem))] animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }) })));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-export function TooltipHint({ children, content, side = "bottom", sideOffset = 4, contentClassName, delayDuration = 200, skipDelayDuration = 100, }) {
-    return (_jsx(TooltipProvider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: children }), _jsx(TooltipContent, { side: side, sideOffset: sideOffset, className: contentClassName, children: content })] }) }));
-}
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/packages/ui/src/components/ui/typography.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-export interface TextVariantProps {
-    variant?: "default" | "medium" | "small" | "muted" | "lead" | "large" | null;
-}
-export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement>, TextVariantProps {
-    asChild?: boolean;
-}
-export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
-export interface HeadingVariantProps {
-    level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null;
-}
-export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, HeadingVariantProps {
-}
-export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
-//# sourceMappingURL=typography.d.ts.map

package/packages/ui/src/components/ui/typography.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/components/ui/typography.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;CAC9E;AAsBD,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,gBAAgB;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,IAAI,wFAWhB,CAAC;AAGF,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAqBD,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAC9C,mBAAmB;CAAG;AAE1B,eAAO,MAAM,OAAO,yFAWnB,CAAC"}

package/packages/ui/src/components/ui/typography.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const _textVariants = cva("text-txt", {
-    variants: {
-        variant: {
-            default: "text-base",
-            medium: "text-sm",
-            small: "text-xs",
-            muted: "text-sm text-muted",
-            lead: "text-xl text-muted",
-            large: "text-lg font-semibold",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-const textVariants = _textVariants;
-export const Text = React.forwardRef(({ className, variant, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? "span" : "p";
-    return (_jsx(Comp, { ref: ref, className: cn(textVariants({ variant }), className), ...props }));
-});
-Text.displayName = "Text";
-const _headingVariants = cva("text-txt font-semibold tracking-tight", {
-    variants: {
-        level: {
-            h1: "text-4xl font-extrabold lg:text-5xl",
-            h2: "text-3xl",
-            h3: "text-2xl",
-            h4: "text-xl",
-            h5: "text-lg",
-            h6: "text-base",
-        },
-    },
-    defaultVariants: {
-        level: "h1",
-    },
-});
-const headingVariants = _headingVariants;
-export const Heading = React.forwardRef(({ className, level = "h1", ...props }, ref) => {
-    const Comp = level ?? "h1";
-    return (_jsx(Comp, { ref: ref, className: cn(headingVariants({ level }), className), ...props }));
-});
-Heading.displayName = "Heading";

package/packages/ui/src/hooks/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./useClickOutside";
-export * from "./useDocumentVisibility";
-export * from "./useKeyboardShortcuts";
-export * from "./useLinkedSidebarSelection";
-export * from "./useTimeout";
-//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/hooks/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../ui/src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,cAAc,CAAC"}

package/packages/ui/src/hooks/index.js

@@ -1,5 +0,0 @@
-export * from "./useClickOutside";
-export * from "./useDocumentVisibility";
-export * from "./useKeyboardShortcuts";
-export * from "./useLinkedSidebarSelection";
-export * from "./useTimeout";

package/packages/ui/src/hooks/useClickOutside.d.ts

@@ -1,3 +0,0 @@
-import { type RefObject } from "react";
-export declare function useClickOutside(ref: RefObject<HTMLElement | null>, handler: () => void, active?: boolean): void;
-//# sourceMappingURL=useClickOutside.d.ts.map

package/packages/ui/src/hooks/useClickOutside.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useClickOutside.d.ts","sourceRoot":"","sources":["../../../../../../ui/src/hooks/useClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAElD,wBAAgB,eAAe,CAC7B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,OAAO,EAAE,MAAM,IAAI,EACnB,MAAM,UAAO,QAsBd"}

package/packages/ui/src/hooks/useClickOutside.js

@@ -1,22 +0,0 @@
-import { useEffect } from "react";
-export function useClickOutside(ref, handler, active = true) {
-    useEffect(() => {
-        if (!active)
-            return;
-        const onMouseDown = (e) => {
-            if (ref.current && !ref.current.contains(e.target)) {
-                handler();
-            }
-        };
-        const onKeyDown = (e) => {
-            if (e.key === "Escape")
-                handler();
-        };
-        document.addEventListener("mousedown", onMouseDown);
-        document.addEventListener("keydown", onKeyDown);
-        return () => {
-            document.removeEventListener("mousedown", onMouseDown);
-            document.removeEventListener("keydown", onKeyDown);
-        };
-    }, [ref, handler, active]);
-}

package/packages/ui/src/hooks/useDocumentVisibility.d.ts

@@ -1,3 +0,0 @@
-export declare function useDocumentVisibility(): boolean;
-export declare function useIntervalWhenDocumentVisible(callback: () => void, delayMs: number, enabled?: boolean): void;
-//# sourceMappingURL=useDocumentVisibility.d.ts.map

package/packages/ui/src/hooks/useDocumentVisibility.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDocumentVisibility.d.ts","sourceRoot":"","sources":["../../../../../../ui/src/hooks/useDocumentVisibility.ts"],"names":[],"mappings":"AAEA,wBAAgB,qBAAqB,IAAI,OAAO,CAgB/C;AAED,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,MAAM,IAAI,EACpB,OAAO,EAAE,MAAM,EACf,OAAO,UAAO,GACb,IAAI,CAYN"}

package/packages/ui/src/hooks/useDocumentVisibility.js

@@ -1,28 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-export function useDocumentVisibility() {
-    const [visible, setVisible] = useState(() => typeof document === "undefined"
-        ? true
-        : document.visibilityState === "visible");
-    useEffect(() => {
-        if (typeof document === "undefined")
-            return;
-        const sync = () => setVisible(document.visibilityState === "visible");
-        sync();
-        document.addEventListener("visibilitychange", sync);
-        return () => document.removeEventListener("visibilitychange", sync);
-    }, []);
-    return visible;
-}
-export function useIntervalWhenDocumentVisible(callback, delayMs, enabled = true) {
-    const saved = useRef(callback);
-    saved.current = callback;
-    const visible = useDocumentVisibility();
-    useEffect(() => {
-        if (!enabled || !visible)
-            return;
-        const id = window.setInterval(() => {
-            saved.current();
-        }, delayMs);
-        return () => window.clearInterval(id);
-    }, [enabled, visible, delayMs]);
-}

package/packages/ui/src/hooks/useKeyboardShortcuts.d.ts

@@ -1,13 +0,0 @@
-export interface ShortcutConfig {
-    key: string;
-    ctrl?: boolean;
-    shift?: boolean;
-    alt?: boolean;
-    meta?: boolean;
-    handler: () => void;
-    description: string;
-    scope?: string;
-}
-export declare function useKeyboardShortcuts(shortcuts: ShortcutConfig[]): void;
-export declare function formatShortcut(s: Omit<ShortcutConfig, "handler">): string;
-//# sourceMappingURL=useKeyboardShortcuts.d.ts.map

package/packages/ui/src/hooks/useKeyboardShortcuts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardShortcuts.d.ts","sourceRoot":"","sources":["../../../../../../ui/src/hooks/useKeyboardShortcuts.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,cAAc,EAAE,QAwB/D;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG,MAAM,CAQzE"}

package/packages/ui/src/hooks/useKeyboardShortcuts.js

@@ -1,34 +0,0 @@
-import { useCallback, useEffect } from "react";
-export function useKeyboardShortcuts(shortcuts) {
-    const handleKeyDown = useCallback((event) => {
-        for (const shortcut of shortcuts) {
-            const keyMatch = event.key.toLowerCase() === shortcut.key.toLowerCase();
-            const ctrlMatch = !!shortcut.ctrl === event.ctrlKey;
-            const shiftMatch = !!shortcut.shift === event.shiftKey;
-            const altMatch = !!shortcut.alt === event.altKey;
-            const metaMatch = !!shortcut.meta === event.metaKey;
-            if (keyMatch && ctrlMatch && shiftMatch && altMatch && metaMatch) {
-                event.preventDefault();
-                shortcut.handler();
-                break;
-            }
-        }
-    }, [shortcuts]);
-    useEffect(() => {
-        window.addEventListener("keydown", handleKeyDown);
-        return () => window.removeEventListener("keydown", handleKeyDown);
-    }, [handleKeyDown]);
-}
-export function formatShortcut(s) {
-    const parts = [];
-    if (s.ctrl)
-        parts.push("Ctrl");
-    if (s.shift)
-        parts.push("Shift");
-    if (s.alt)
-        parts.push("Alt");
-    if (s.meta)
-        parts.push("Cmd");
-    parts.push(s.key.length === 1 ? s.key.toUpperCase() : s.key);
-    return parts.join("+");
-}

package/packages/ui/src/hooks/useLinkedSidebarSelection.d.ts

@@ -1,16 +0,0 @@
-export interface UseLinkedSidebarSelectionOptions<T extends string = string> {
-    contentTopOffset?: number;
-    selectedId: T | null;
-    enabled?: boolean;
-    topAlignedId?: T | null;
-}
-export declare function useLinkedSidebarSelection<T extends string = string>({ contentTopOffset, enabled, selectedId, topAlignedId, }: UseLinkedSidebarSelectionOptions<T>): {
-    contentContainerRef: import("react").RefObject<HTMLDivElement>;
-    queueContentAlignment: (id: T) => void;
-    registerContentItem: (id: T) => (node: HTMLElement | null) => void;
-    registerRailItem: (id: T) => (node: HTMLElement | null) => void;
-    registerSidebarItem: (id: T) => (node: HTMLElement | null) => void;
-    registerSidebarViewport: (node: HTMLElement | null) => void;
-    scrollContentToItem: (id: T) => void;
-};
-//# sourceMappingURL=useLinkedSidebarSelection.d.ts.map

package/packages/ui/src/hooks/useLinkedSidebarSelection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLinkedSidebarSelection.d.ts","sourceRoot":"","sources":["../../../../../../ui/src/hooks/useLinkedSidebarSelection.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,gCAAgC,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,CAAC,GAAG,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;CACzB;AAsBD,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACnE,gBAAqB,EACrB,OAAc,EACd,UAAU,EACV,YAAmB,GACpB,EAAE,gCAAgC,CAAC,CAAC,CAAC;;gCAuE7B,CAAC;8BA5DD,CAAC,YAAY,WAAW,GAAG,IAAI;2BAc/B,CAAC,YAAY,WAAW,GAAG,IAAI;8BAP/B,CAAC,YAAY,WAAW,GAAG,IAAI;oCAaa,WAAW,GAAG,IAAI;8BAK9D,CAAC;EAiGT"}

package/packages/ui/src/hooks/useLinkedSidebarSelection.js

@@ -1,117 +0,0 @@
-import { useCallback, useEffect, useRef } from "react";
-function scrollElementIntoNearestView(element, alignToTop = false, behavior = "smooth") {
-    element?.scrollIntoView({
-        behavior,
-        block: alignToTop ? "start" : "nearest",
-        inline: "nearest",
-    });
-}
-function readElementAlignmentOffset(element) {
-    if (!element)
-        return 0;
-    const rawValue = element.dataset.contentAlignOffset;
-    if (!rawValue)
-        return 0;
-    const parsed = Number(rawValue);
-    return Number.isFinite(parsed) ? parsed : 0;
-}
-export function useLinkedSidebarSelection({ contentTopOffset = 16, enabled = true, selectedId, topAlignedId = null, }) {
-    const contentContainerRef = useRef(null);
-    const sidebarViewportRef = useRef(null);
-    const contentRefs = useRef({});
-    const sidebarItemRefs = useRef({});
-    const railItemRefs = useRef({});
-    const pendingContentAlignmentRef = useRef(null);
-    const queuedAlignmentFrameRef = useRef(null);
-    const hasAppliedInitialSelectionRef = useRef(false);
-    const registerContentItem = useCallback((id) => (node) => {
-        contentRefs.current[id] = node;
-    }, []);
-    const registerSidebarItem = useCallback((id) => (node) => {
-        sidebarItemRefs.current[id] = node;
-    }, []);
-    const registerRailItem = useCallback((id) => (node) => {
-        railItemRefs.current[id] = node;
-    }, []);
-    const registerSidebarViewport = useCallback((node) => {
-        sidebarViewportRef.current = node;
-    }, []);
-    const scrollContentToItem = useCallback((id) => {
-        const scrollRoot = contentContainerRef.current;
-        const element = contentRefs.current[id];
-        const sidebarViewport = sidebarViewportRef.current;
-        if (scrollRoot && element) {
-            if (topAlignedId && id === topAlignedId) {
-                scrollRoot.scrollTo({
-                    top: 0,
-                    behavior: "smooth",
-                });
-                return;
-            }
-            const elementRect = element.getBoundingClientRect();
-            const nextTop = sidebarViewport
-                ? scrollRoot.scrollTop +
-                    (elementRect.top - sidebarViewport.getBoundingClientRect().top)
-                : scrollRoot.scrollTop +
-                    (elementRect.top - scrollRoot.getBoundingClientRect().top) -
-                    contentTopOffset +
-                    readElementAlignmentOffset(element);
-            scrollRoot.scrollTo({
-                top: Math.max(nextTop, 0),
-                behavior: "smooth",
-            });
-            return;
-        }
-        element?.scrollIntoView({
-            behavior: "smooth",
-            block: topAlignedId && id === topAlignedId ? "start" : "nearest",
-        });
-    }, [contentTopOffset, topAlignedId]);
-    const queueContentAlignment = useCallback((id) => {
-        pendingContentAlignmentRef.current = id;
-        if (!enabled)
-            return;
-        if (typeof window === "undefined") {
-            pendingContentAlignmentRef.current = null;
-            scrollContentToItem(id);
-            return;
-        }
-        if (queuedAlignmentFrameRef.current != null) {
-            window.cancelAnimationFrame(queuedAlignmentFrameRef.current);
-        }
-        queuedAlignmentFrameRef.current = window.requestAnimationFrame(() => {
-            queuedAlignmentFrameRef.current = window.requestAnimationFrame(() => {
-                const targetId = pendingContentAlignmentRef.current;
-                pendingContentAlignmentRef.current = null;
-                queuedAlignmentFrameRef.current = null;
-                if (!targetId)
-                    return;
-                scrollContentToItem(targetId);
-            });
-        });
-    }, [enabled, scrollContentToItem]);
-    useEffect(() => () => {
-        if (queuedAlignmentFrameRef.current != null &&
-            typeof window !== "undefined") {
-            window.cancelAnimationFrame(queuedAlignmentFrameRef.current);
-        }
-    }, []);
-    useEffect(() => {
-        if (!enabled || !selectedId)
-            return;
-        const alignToTop = topAlignedId != null && selectedId === topAlignedId;
-        const behavior = hasAppliedInitialSelectionRef.current ? "smooth" : "auto";
-        hasAppliedInitialSelectionRef.current = true;
-        scrollElementIntoNearestView(sidebarItemRefs.current[selectedId], alignToTop, behavior);
-        scrollElementIntoNearestView(railItemRefs.current[selectedId], alignToTop, behavior);
-    }, [enabled, selectedId, topAlignedId]);
-    return {
-        contentContainerRef,
-        queueContentAlignment,
-        registerContentItem,
-        registerRailItem,
-        registerSidebarItem,
-        registerSidebarViewport,
-        scrollContentToItem,
-    };
-}

package/packages/ui/src/hooks/useTimeout.d.ts

@@ -1,5 +0,0 @@
-export declare function useTimeout(): {
-    setTimeout: (callback: () => void, ms: number) => NodeJS.Timeout;
-    clearTimeout: (id: ReturnType<typeof setTimeout>) => void;
-};
-//# sourceMappingURL=useTimeout.d.ts.map

package/packages/ui/src/hooks/useTimeout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTimeout.d.ts","sourceRoot":"","sources":["../../../../../../ui/src/hooks/useTimeout.ts"],"names":[],"mappings":"AAEA,wBAAgB,UAAU;2BAGsB,MAAM,IAAI,MAAM,MAAM;uBAS1B,UAAU,CAAC,OAAO,UAAU,CAAC;EAgBxE"}

package/packages/ui/src/hooks/useTimeout.js

@@ -1,26 +0,0 @@
-import { useCallback, useEffect, useRef } from "react";
-export function useTimeout() {
-    const timeoutRefs = useRef(new Set());
-    const setSafeTimeout = useCallback((callback, ms) => {
-        const id = setTimeout(() => {
-            timeoutRefs.current.delete(id);
-            callback();
-        }, ms);
-        timeoutRefs.current.add(id);
-        return id;
-    }, []);
-    const clearSafeTimeout = useCallback((id) => {
-        clearTimeout(id);
-        timeoutRefs.current.delete(id);
-    }, []);
-    useEffect(() => {
-        const refs = timeoutRefs;
-        return () => {
-            for (const id of refs.current) {
-                clearTimeout(id);
-            }
-            refs.current.clear();
-        };
-    }, []);
-    return { setTimeout: setSafeTimeout, clearTimeout: clearSafeTimeout };
-}

package/packages/ui/src/index.d.ts

@@ -1,8 +0,0 @@
-export * from "./components/composites";
-export * from "./components/composites/chat/chat-source";
-export * from "./components/primitives";
-export * from "./hooks";
-export * from "./layouts";
-export * from "./lib/floating-layers";
-export * from "./lib/utils";
-//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,0CAA0C,CAAC;AACzD,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC"}

package/packages/ui/src/index.js

@@ -1,7 +0,0 @@
-export * from "./components/composites";
-export * from "./components/composites/chat/chat-source";
-export * from "./components/primitives";
-export * from "./hooks";
-export * from "./layouts";
-export * from "./lib/floating-layers";
-export * from "./lib/utils";

package/packages/ui/src/layouts/chat-panel-layout/chat-panel-layout.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-export type ChatPanelLayoutVariant = "full-overlay" | "companion-dock";
-export interface ChatPanelLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
-    variant?: ChatPanelLayoutVariant;
-    sidebar?: React.ReactNode;
-    mobileSidebar?: React.ReactNode;
-    showSidebar?: boolean;
-    thread: React.ReactNode;
-}
-export declare function ChatPanelLayout({ variant, sidebar, mobileSidebar, showSidebar, thread, className, ...props }: ChatPanelLayoutProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chat-panel-layout.d.ts.map

package/packages/ui/src/layouts/chat-panel-layout/chat-panel-layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-panel-layout.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/layouts/chat-panel-layout/chat-panel-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG,gBAAgB,CAAC;AAEvE,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAiCD,wBAAgB,eAAe,CAAC,EAC9B,OAAwB,EACxB,OAAO,EACP,aAAa,EACb,WAAmB,EACnB,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAuDtB"}

package/packages/ui/src/layouts/chat-panel-layout/chat-panel-layout.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-function useMatchMedia(query) {
-    const [matches, setMatches] = React.useState(() => typeof window !== "undefined" && typeof window.matchMedia === "function"
-        ? window.matchMedia(query).matches
-        : false);
-    React.useEffect(() => {
-        if (typeof window === "undefined" ||
-            typeof window.matchMedia !== "function") {
-            return;
-        }
-        const mediaQuery = window.matchMedia(query);
-        const handleChange = () => setMatches(mediaQuery.matches);
-        handleChange();
-        if (typeof mediaQuery.addEventListener === "function") {
-            mediaQuery.addEventListener("change", handleChange);
-            return () => mediaQuery.removeEventListener("change", handleChange);
-        }
-        mediaQuery.addListener(handleChange);
-        return () => mediaQuery.removeListener(handleChange);
-    }, [query]);
-    return matches;
-}
-export function ChatPanelLayout({ variant = "full-overlay", sidebar, mobileSidebar, showSidebar = false, thread, className, ...props }) {
-    const isCompanionDock = variant === "companion-dock";
-    const isNarrow = useMatchMedia("(max-width: 768px)");
-    const showMobileSidebar = isCompanionDock && showSidebar && isNarrow;
-    const showDesktopSidebar = !isCompanionDock || (showSidebar && !isNarrow);
-    return (_jsx("div", { className: cn(isCompanionDock
-            ? "absolute inset-0 z-10 flex flex-col bg-transparent pb-2 pt-2 sm:pb-4 sm:pt-4"
-            : "absolute inset-[max(1rem,6vh)_max(0.75rem,6vw)] z-[100] flex flex-col", className), "data-chat-game-overlay": !isCompanionDock || undefined, "data-chat-game-dock": isCompanionDock || undefined, ...props, children: _jsxs("div", { className: isCompanionDock
-                ? "relative flex min-h-0 flex-1 flex-col overflow-visible rounded-3xl bg-transparent pointer-events-none"
-                : "relative flex min-h-0 flex-1 flex-col rounded-3xl border border-border/60 shadow-[0_28px_90px_rgba(3,5,10,0.45)] ring-1 ring-white/5 overflow-hidden bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_86%,transparent))] backdrop-blur-xl", "data-chat-game-shell": true, children: [showMobileSidebar ? mobileSidebar : null, _jsxs("div", { className: "flex-1 flex min-h-0", children: [sidebar ? (_jsx("aside", { className: cn("w-[292px] shrink-0 xl:w-[320px]", showDesktopSidebar ? "hidden md:flex" : "hidden", isCompanionDock && "pointer-events-auto"), "data-chat-game-sidebar": true, children: sidebar })) : null, _jsx("section", { className: cn("flex-1 flex flex-col min-w-0 bg-transparent relative", isCompanionDock
-                                ? "overflow-visible pointer-events-auto"
-                                : "overflow-hidden"), "data-chat-game-thread": true, children: thread })] })] }) }));
-}

package/packages/ui/src/layouts/chat-panel-layout/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./chat-panel-layout";
-//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/layouts/chat-panel-layout/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/layouts/chat-panel-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/packages/ui/src/layouts/chat-panel-layout/index.js

@@ -1 +0,0 @@
-export * from "./chat-panel-layout";