@agent-native/core 0.12.7 → 0.12.9

package/dist/client/extensions/ExtensionsSidebarSection.js

@@ -3,16 +3,19 @@ import { agentNativePath } from "../api-path.js";
 import { useState, useCallback, useMemo } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { Link, useLocation, useNavigate } from "react-router";
-import { IconPlus, IconStar, IconStarFilled, IconTrash, IconDots, IconHelpCircle, IconPencil, IconGripVertical, } from "@tabler/icons-react";
+import { IconChevronDown, IconPlus, IconSettings, IconStar, IconStarFilled, IconTrash, IconDots, IconPencil, IconGripVertical, IconTool, } from "@tabler/icons-react";
 import { cn } from "../utils.js";
 import { sendToAgentChat } from "../agent-chat.js";
 import { PromptComposer } from "../composer/PromptComposer.js";
 import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../components/ui/dropdown-menu.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "../components/ui/dropdown-menu.js";
 import { applyToolsOrder, getToolsOrder, setToolsOrder, } from "./extension-order.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../components/ui/tooltip.js";
+import { extensionPopularityOf, useExtensionPopularity, } from "./extension-popularity.js";
 const FAVORITES_KEY = "extensions-favorites";
 const COLLAPSED_EXTENSION_COUNT = 3;
+const EXTENSIONS_OPEN_KEY = "extensions-sidebar-open";
+const EXTENSIONS_SORT_MODE_KEY = "extensions-sort-mode";
 function getFavorites() {
     try {
         const raw = localStorage.getItem(FAVORITES_KEY);
@@ -33,11 +36,68 @@ function saveFavorites(ids) {
         // localStorage unavailable — ignore
     }
 }
+function getStoredBoolean(key, fallback) {
+    if (typeof window === "undefined")
+        return fallback;
+    const raw = window.localStorage.getItem(key);
+    if (raw === "true")
+        return true;
+    if (raw === "false")
+        return false;
+    return fallback;
+}
+function setStoredBoolean(key, value) {
+    if (typeof window === "undefined")
+        return;
+    try {
+        window.localStorage.setItem(key, String(value));
+    }
+    catch {
+        // localStorage unavailable — ignore
+    }
+}
+function getSortMode() {
+    if (typeof window === "undefined")
+        return "most-used";
+    const raw = window.localStorage.getItem(EXTENSIONS_SORT_MODE_KEY);
+    if (raw === "alphabetical" || raw === "manual" || raw === "most-used") {
+        return raw;
+    }
+    return "most-used";
+}
+function setSortMode(mode) {
+    if (typeof window === "undefined")
+        return;
+    try {
+        window.localStorage.setItem(EXTENSIONS_SORT_MODE_KEY, mode);
+    }
+    catch {
+        // localStorage unavailable — ignore
+    }
+}
+function sortByName(items) {
+    return [...items].sort((a, b) => {
+        const name = a.name.localeCompare(b.name);
+        return name !== 0 ? name : a.id.localeCompare(b.id);
+    });
+}
+function ExtensionSortMenu({ value, onChange, }) {
+    return (_jsxs(DropdownMenu, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/45 opacity-0 transition-all hover:bg-accent hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring group-hover/extensions-section:opacity-100", "aria-label": "Extensions sort options", children: _jsx(IconSettings, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { children: "Extensions sort" })] }), _jsxs(DropdownMenuContent, { side: "right", align: "start", className: "w-44", children: [_jsx(DropdownMenuLabel, { children: "Sort by" }), _jsxs(DropdownMenuRadioGroup, { value: value, onValueChange: (next) => {
+                            if (next === "most-used" ||
+                                next === "alphabetical" ||
+                                next === "manual") {
+                                onChange(next);
+                            }
+                        }, children: [_jsx(DropdownMenuRadioItem, { value: "most-used", children: "Most used" }), _jsx(DropdownMenuRadioItem, { value: "alphabetical", children: "Alphabetical" }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuRadioItem, { value: "manual", children: "Manual order" })] })] })] }));
+}
 export function ExtensionsSidebarSection() {
     const location = useLocation();
     const navigate = useNavigate();
     const queryClient = useQueryClient();
+    const popularity = useExtensionPopularity();
     const [favoriteIds, setFavoriteIds] = useState(() => typeof window !== "undefined" ? getFavorites() : new Set());
+    const [extensionsOpen, setExtensionsOpen] = useState(() => getStoredBoolean(EXTENSIONS_OPEN_KEY, true));
+    const [sortModeState, setSortModeState] = useState(getSortMode);
     const [menuOpenId, setMenuOpenId] = useState(null);
     const [renamingId, setRenamingId] = useState(null);
     const [renameValue, setRenameValue] = useState("");
@@ -68,6 +128,17 @@ export function ExtensionsSidebarSection() {
             return next;
         });
     }, []);
+    const setExtensionSortMode = useCallback((mode) => {
+        setSortMode(mode);
+        setSortModeState(mode);
+    }, []);
+    const toggleExtensionsOpen = useCallback(() => {
+        setExtensionsOpen((current) => {
+            const next = !current;
+            setStoredBoolean(EXTENSIONS_OPEN_KEY, next);
+            return next;
+        });
+    }, []);
     const handleDelete = useCallback(async (extensionId) => {
         setMenuOpenId(null);
         const prev = queryClient.getQueryData(["extensions"]);
@@ -136,17 +207,24 @@ export function ExtensionsSidebarSection() {
     const sortedTools = useMemo(() => {
         if (!extensions)
             return [];
-        const defaultSorted = [...extensions].sort((a, b) => {
+        if (sortModeState === "alphabetical") {
+            return sortByName(extensions);
+        }
+        const mostUsed = [...extensions].sort((a, b) => {
+            const aPop = extensionPopularityOf(popularity, a.id);
+            const bPop = extensionPopularityOf(popularity, b.id);
+            if (aPop !== bPop)
+                return bPop - aPop;
             const aFav = favoriteIds.has(a.id) ? 0 : 1;
             const bFav = favoriteIds.has(b.id) ? 0 : 1;
             if (aFav !== bFav)
                 return aFav - bFav;
             return a.name.localeCompare(b.name);
         });
-        return toolOrderState.length > 0
-            ? applyToolsOrder(defaultSorted, toolOrderState)
-            : defaultSorted;
-    }, [extensions, favoriteIds, toolOrderState]);
+        return sortModeState === "manual" && toolOrderState.length > 0
+            ? applyToolsOrder(mostUsed, toolOrderState)
+            : mostUsed;
+    }, [extensions, favoriteIds, popularity, sortModeState, toolOrderState]);
     const activeExtensionId = useMemo(() => sortedTools.find((extension) => location.pathname === `/extensions/${extension.id}` ||
         location.pathname === `/extensions/${extension.id}/edit`)?.id ?? null, [location.pathname, sortedTools]);
     const visibleTools = useMemo(() => {
@@ -180,7 +258,8 @@ export function ExtensionsSidebarSection() {
         next.splice(newIndex, 0, moved);
         setToolsOrder(next);
         setToolOrderState(next);
-    }, [sortedTools]);
+        setExtensionSortMode("manual");
+    }, [setExtensionSortMode, sortedTools]);
     const handleCreate = (text) => {
         const trimmed = text.trim();
         if (!trimmed)
@@ -193,54 +272,57 @@ export function ExtensionsSidebarSection() {
         });
         setShowCreate(false);
     };
-    return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs("div", { className: "group/help relative min-w-0 py-2", children: [_jsxs("div", { className: cn("flex items-center justify-between px-3", sortedTools.length > 0 && "mb-1"), children: [_jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: ["Extensions", _jsx("a", { href: "https://agent-native.com/docs/extensions", target: "_blank", rel: "noopener noreferrer", className: "opacity-0 group-hover/help:opacity-100 transition-opacity text-muted-foreground/50 hover:text-muted-foreground", "aria-label": "Extensions documentation", children: _jsx(IconHelpCircle, { className: "h-3 w-3" }) })] }), _jsxs(Popover, { open: showCreate, onOpenChange: setShowCreate, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "inline-flex h-5 w-5 cursor-pointer items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground", "aria-label": "New extension", children: _jsx(IconPlus, { className: "h-3.5 w-3.5" }) }) }), _jsxs(PopoverContent, { side: "right", align: "start", className: "w-[420px] p-3", children: [_jsx("p", { className: "px-1 pb-2 text-sm font-semibold text-foreground", children: "New extension" }), _jsx(PromptComposer, { autoFocus: true, placeholder: "Describe what you'd like to build...", draftScope: "extensions:sidebar-create", onSubmit: handleCreate })] })] })] }), isLoading ? (_jsx("div", { className: "min-w-0 space-y-0.5 px-1", children: [1, 2, 3].map((i) => (_jsx("div", { className: "flex items-center rounded-md px-2 py-1.5", children: _jsx("div", { className: "h-3 rounded bg-muted animate-pulse", style: { width: `${60 + i * 20}px` } }) }, i))) })) : sortedTools.length === 0 ? null : (_jsxs("div", { className: "min-w-0 space-y-0.5 px-1", children: [visibleTools.map((extension) => {
-                            const isActive = location.pathname === `/extensions/${extension.id}` ||
-                                location.pathname === `/extensions/${extension.id}/edit`;
-                            const isFav = favoriteIds.has(extension.id);
-                            const isRenamingThis = renamingId === extension.id;
-                            const actionsVisible = menuOpenId === extension.id || isRenamingThis;
-                            return (_jsxs("div", { onDragOver: (e) => {
-                                    if (!draggingId || draggingId === extension.id)
-                                        return;
-                                    e.preventDefault();
-                                    e.dataTransfer.dropEffect = "move";
-                                    setDragOverId(extension.id);
-                                }, onDragLeave: () => {
-                                    setDragOverId((current) => current === extension.id ? null : current);
-                                }, onDrop: (e) => {
-                                    e.preventDefault();
-                                    const activeId = draggingId || e.dataTransfer.getData("text/plain");
-                                    setDraggingId(null);
-                                    setDragOverId(null);
-                                    if (activeId)
-                                        reorderTool(activeId, extension.id);
-                                }, className: cn("group/extension relative flex items-center min-w-0 rounded-md", draggingId === extension.id && "opacity-50", dragOverId === extension.id &&
-                                    draggingId !== extension.id &&
-                                    "bg-accent/60"), children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", draggable: true, onDragStart: (e) => {
-                                                        setDraggingId(extension.id);
-                                                        setDragOverId(null);
-                                                        e.dataTransfer.effectAllowed = "move";
-                                                        e.dataTransfer.setData("text/plain", extension.id);
-                                                    }, onDragEnd: () => {
-                                                        setDraggingId(null);
-                                                        setDragOverId(null);
-                                                    }, className: "-ml-2 cursor-grab rounded p-0.5 text-muted-foreground/30 opacity-0 transition-colors hover:text-muted-foreground/70 active:cursor-grabbing group-hover/extension:opacity-100 group-focus-within/extension:opacity-100", "aria-label": `Reorder ${extension.name}`, children: _jsx(IconGripVertical, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: "Drag to reorder" })] }), _jsx(Link, { to: `/extensions/${extension.id}`, className: cn("flex min-w-0 flex-1 items-center rounded-md px-2 py-1.5 pr-12 text-xs transition-[padding,color,background-color] md:pr-2 md:group-hover/extension:pr-12 md:group-focus-within/extension:pr-12", actionsVisible && "md:pr-12", isActive
-                                            ? "bg-accent text-accent-foreground font-medium"
-                                            : "text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground"), children: isRenamingThis ? (_jsx("input", { autoFocus: true, value: renameValue, onChange: (e) => setRenameValue(e.target.value), onBlur: () => submitRename(extension.id), onKeyDown: (e) => {
-                                                if (e.key === "Enter")
-                                                    submitRename(extension.id);
-                                                if (e.key === "Escape")
-                                                    setRenamingId(null);
-                                            }, onClick: (e) => {
-                                                e.preventDefault();
-                                                e.stopPropagation();
-                                            }, className: "min-w-0 flex-1 truncate border-b border-primary bg-transparent px-0 py-0 text-xs outline-none" })) : (_jsx("span", { className: "block truncate", children: extension.name })) }), _jsxs("div", { className: cn("pointer-events-none absolute right-1 top-1/2 flex -translate-y-1/2 items-center gap-0.5 opacity-100 transition-opacity md:opacity-0 md:group-hover/extension:opacity-100 md:group-focus-within/extension:opacity-100", actionsVisible && "md:opacity-100"), children: [_jsx("button", { type: "button", onClick: (e) => {
+    return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs("div", { className: "relative min-w-0 py-2", children: [_jsxs("div", { className: cn("group/extensions-section relative flex w-full min-w-0 items-center rounded-lg transition-all hover:text-primary", location.pathname.startsWith("/extensions")
+                        ? "text-sidebar-accent-foreground"
+                        : "text-muted-foreground hover:bg-sidebar-accent/50", extensionsOpen && sortedTools.length > 0 && "mb-1"), children: [_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "flex min-w-0 flex-1 items-center gap-3 px-3 py-2 pr-28 text-left", "aria-label": "About extensions", children: [_jsx(IconTool, { className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "min-w-0 whitespace-nowrap", children: "Extensions" })] }) }), _jsxs(PopoverContent, { side: "right", align: "start", className: "w-72 space-y-3 p-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: "Extensions" }), _jsx("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: "Build small sandboxed apps that can read app data, call actions, and save their own state." })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Link, { to: "/extensions", className: "inline-flex h-8 items-center rounded-md border px-2.5 text-xs font-medium text-foreground transition-colors hover:bg-accent", children: "Open extensions" }), _jsx("a", { href: "https://agent-native.com/docs/extensions", target: "_blank", rel: "noopener noreferrer", className: "inline-flex h-8 items-center rounded-md px-2.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground", children: "Learn more" })] })] })] }), _jsxs("div", { className: "absolute right-1 top-1/2 flex -translate-y-1/2 items-center", children: [_jsx(ExtensionSortMenu, { value: sortModeState, onChange: setExtensionSortMode }), _jsxs(Popover, { open: showCreate, onOpenChange: setShowCreate, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "inline-flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 transition-colors hover:bg-accent hover:text-accent-foreground", "aria-label": "New extension", children: _jsx(IconPlus, { className: "h-3.5 w-3.5" }) }) }), _jsxs(PopoverContent, { side: "right", align: "start", className: "w-[420px] p-3", children: [_jsx("p", { className: "px-1 pb-2 text-sm font-semibold text-foreground", children: "New extension" }), _jsx(PromptComposer, { autoFocus: true, placeholder: "Describe what you'd like to build...", draftScope: "extensions:sidebar-create", onSubmit: handleCreate })] })] }), _jsx("button", { type: "button", onClick: toggleExtensionsOpen, className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 hover:bg-accent hover:text-foreground", "aria-label": extensionsOpen ? "Collapse extensions" : "Expand extensions", "aria-expanded": extensionsOpen, children: _jsx(IconChevronDown, { className: cn("h-3.5 w-3.5 shrink-0 transition-transform", !extensionsOpen && "-rotate-90") }) })] })] }), extensionsOpen &&
+                    (isLoading ? (_jsx("div", { className: "min-w-0 space-y-0.5 px-1", children: [1, 2, 3].map((i) => (_jsx("div", { className: "flex items-center rounded-md px-2 py-1.5", children: _jsx("div", { className: "h-3 rounded bg-muted animate-pulse", style: { width: `${60 + i * 20}px` } }) }, i))) })) : sortedTools.length === 0 ? null : (_jsxs("div", { className: "min-w-0 space-y-0.5 px-1", children: [visibleTools.map((extension) => {
+                                const isActive = location.pathname === `/extensions/${extension.id}` ||
+                                    location.pathname === `/extensions/${extension.id}/edit`;
+                                const isFav = favoriteIds.has(extension.id);
+                                const isRenamingThis = renamingId === extension.id;
+                                const actionsVisible = menuOpenId === extension.id || isRenamingThis;
+                                return (_jsxs("div", { onDragOver: (e) => {
+                                        if (!draggingId || draggingId === extension.id)
+                                            return;
+                                        e.preventDefault();
+                                        e.dataTransfer.dropEffect = "move";
+                                        setDragOverId(extension.id);
+                                    }, onDragLeave: () => {
+                                        setDragOverId((current) => current === extension.id ? null : current);
+                                    }, onDrop: (e) => {
+                                        e.preventDefault();
+                                        const activeId = draggingId || e.dataTransfer.getData("text/plain");
+                                        setDraggingId(null);
+                                        setDragOverId(null);
+                                        if (activeId)
+                                            reorderTool(activeId, extension.id);
+                                    }, className: cn("group/extension relative flex items-center min-w-0 rounded-md", draggingId === extension.id && "opacity-50", dragOverId === extension.id &&
+                                        draggingId !== extension.id &&
+                                        "bg-accent/60"), children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", draggable: true, onDragStart: (e) => {
+                                                            setDraggingId(extension.id);
+                                                            setDragOverId(null);
+                                                            e.dataTransfer.effectAllowed = "move";
+                                                            e.dataTransfer.setData("text/plain", extension.id);
+                                                        }, onDragEnd: () => {
+                                                            setDraggingId(null);
+                                                            setDragOverId(null);
+                                                        }, className: "-ml-2 cursor-grab rounded p-0.5 text-muted-foreground/30 opacity-0 transition-colors hover:text-muted-foreground/70 active:cursor-grabbing group-hover/extension:opacity-100 group-focus-within/extension:opacity-100", "aria-label": `Reorder ${extension.name}`, children: _jsx(IconGripVertical, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: "Drag to reorder" })] }), _jsx(Link, { to: `/extensions/${extension.id}`, className: cn("flex min-w-0 flex-1 items-center rounded-md px-2 py-1.5 pr-12 text-xs transition-[padding,color,background-color] md:pr-2 md:group-hover/extension:pr-12 md:group-focus-within/extension:pr-12", actionsVisible && "md:pr-12", isActive
+                                                ? "bg-accent text-accent-foreground font-medium"
+                                                : "text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground"), children: isRenamingThis ? (_jsx("input", { autoFocus: true, value: renameValue, onChange: (e) => setRenameValue(e.target.value), onBlur: () => submitRename(extension.id), onKeyDown: (e) => {
+                                                    if (e.key === "Enter")
+                                                        submitRename(extension.id);
+                                                    if (e.key === "Escape")
+                                                        setRenamingId(null);
+                                                }, onClick: (e) => {
                                                     e.preventDefault();
                                                     e.stopPropagation();
-                                                    toggleFavorite(extension.id);
-                                                }, className: cn("pointer-events-auto cursor-pointer rounded p-0.5 transition-colors", isFav
-                                                    ? "text-yellow-500"
-                                                    : "text-muted-foreground/40 hover:text-yellow-500"), "aria-label": isFav ? "Unfavorite" : "Favorite", children: isFav ? (_jsx(IconStarFilled, { className: "h-3 w-3" })) : (_jsx(IconStar, { className: "h-3 w-3" })) }), _jsxs(DropdownMenu, { open: menuOpenId === extension.id, onOpenChange: (open) => setMenuOpenId(open ? extension.id : null), children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "pointer-events-auto cursor-pointer rounded p-0.5 text-muted-foreground/40 transition-colors hover:text-foreground", "aria-label": "Extension actions", children: _jsx(IconDots, { className: "h-3 w-3" }) }) }), _jsxs(DropdownMenuContent, { align: "end", sideOffset: 4, className: "min-w-[140px]", children: [_jsxs(DropdownMenuItem, { onSelect: () => startRename(extension), children: [_jsx(IconPencil, { className: "h-3.5 w-3.5" }), "Rename"] }), _jsxs(DropdownMenuItem, { onSelect: () => handleDelete(extension.id), className: "text-destructive focus:text-destructive", children: [_jsx(IconTrash, { className: "h-3.5 w-3.5" }), "Delete"] })] })] })] })] }, extension.id));
-                        }), hasMoreExtensions && (_jsx("button", { type: "button", "aria-expanded": showAllExtensions, onClick: () => setShowAllExtensions((current) => !current), className: "ml-5 mt-1 inline-flex h-5 items-center rounded px-1.5 text-[11px] font-medium text-muted-foreground/60 transition-colors hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", children: showAllExtensions ? "show less" : "show more" }))] }))] }) }));
+                                                }, className: "min-w-0 flex-1 truncate border-b border-primary bg-transparent px-0 py-0 text-xs outline-none" })) : (_jsx("span", { className: "block truncate", children: extension.name })) }), _jsxs("div", { className: cn("pointer-events-none absolute right-1 top-1/2 flex -translate-y-1/2 items-center gap-0.5 opacity-100 transition-opacity md:opacity-0 md:group-hover/extension:opacity-100 md:group-focus-within/extension:opacity-100", actionsVisible && "md:opacity-100"), children: [_jsx("button", { type: "button", onClick: (e) => {
+                                                        e.preventDefault();
+                                                        e.stopPropagation();
+                                                        toggleFavorite(extension.id);
+                                                    }, className: cn("pointer-events-auto cursor-pointer rounded p-0.5 transition-colors", isFav
+                                                        ? "text-yellow-500"
+                                                        : "text-muted-foreground/40 hover:text-yellow-500"), "aria-label": isFav ? "Unfavorite" : "Favorite", children: isFav ? (_jsx(IconStarFilled, { className: "h-3 w-3" })) : (_jsx(IconStar, { className: "h-3 w-3" })) }), _jsxs(DropdownMenu, { open: menuOpenId === extension.id, onOpenChange: (open) => setMenuOpenId(open ? extension.id : null), children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "pointer-events-auto cursor-pointer rounded p-0.5 text-muted-foreground/40 transition-colors hover:text-foreground", "aria-label": "Extension actions", children: _jsx(IconDots, { className: "h-3 w-3" }) }) }), _jsxs(DropdownMenuContent, { align: "end", sideOffset: 4, className: "min-w-[140px]", children: [_jsxs(DropdownMenuItem, { onSelect: () => startRename(extension), children: [_jsx(IconPencil, { className: "h-3.5 w-3.5" }), "Rename"] }), _jsxs(DropdownMenuItem, { onSelect: () => handleDelete(extension.id), className: "text-destructive focus:text-destructive", children: [_jsx(IconTrash, { className: "h-3.5 w-3.5" }), "Delete"] })] })] })] })] }, extension.id));
+                            }), hasMoreExtensions && (_jsx("button", { type: "button", "aria-expanded": showAllExtensions, onClick: () => setShowAllExtensions((current) => !current), className: "ml-5 mt-1 inline-flex h-5 items-center rounded px-1.5 text-[11px] font-medium text-muted-foreground/60 transition-colors hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", children: showAllExtensions ? "show less" : "show more" }))] })))] }) }));
 }
 //# sourceMappingURL=ExtensionsSidebarSection.js.map

package/dist/client/extensions/ExtensionsSidebarSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionsSidebarSection.js","sourceRoot":"","sources":["../../../src/client/extensions/ExtensionsSidebarSection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useState, useCallback, useMemo } from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { Link, useLocation, useNavigate } from \"react-router\";\nimport {\n  IconPlus,\n  IconStar,\n  IconStarFilled,\n  IconTrash,\n  IconDots,\n  IconHelpCircle,\n  IconPencil,\n  IconGripVertical,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport { PromptComposer } from \"../composer/PromptComposer.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"../components/ui/dropdown-menu.js\";\nimport {\n  applyToolsOrder,\n  getToolsOrder,\n  setToolsOrder,\n} from \"./extension-order.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\n\ninterface Extension {\n  id: string;\n  name: string;\n  description?: string;\n  icon?: string;\n}\n\nconst FAVORITES_KEY = \"extensions-favorites\";\nconst COLLAPSED_EXTENSION_COUNT = 3;\n\nfunction getFavorites(): Set<string> {\n  try {\n    const raw = localStorage.getItem(FAVORITES_KEY);\n    if (!raw) return new Set();\n    const parsed = JSON.parse(raw);\n    return new Set(Array.isArray(parsed) ? parsed : []);\n  } catch {\n    return new Set();\n  }\n}\n\nfunction saveFavorites(ids: Set<string>) {\n  try {\n    localStorage.setItem(FAVORITES_KEY, JSON.stringify(Array.from(ids)));\n  } catch {\n    // localStorage unavailable — ignore\n  }\n}\n\nexport function ExtensionsSidebarSection() {\n  const location = useLocation();\n  const navigate = useNavigate();\n  const queryClient = useQueryClient();\n  const [favoriteIds, setFavoriteIds] = useState<Set<string>>(() =>\n    typeof window !== \"undefined\" ? getFavorites() : new Set(),\n  );\n  const [menuOpenId, setMenuOpenId] = useState<string | null>(null);\n  const [renamingId, setRenamingId] = useState<string | null>(null);\n  const [renameValue, setRenameValue] = useState(\"\");\n  const [showCreate, setShowCreate] = useState(false);\n  const [toolOrderState, setToolOrderState] = useState<string[]>(() =>\n    typeof window !== \"undefined\" ? getToolsOrder() : [],\n  );\n  const [draggingId, setDraggingId] = useState<string | null>(null);\n  const [dragOverId, setDragOverId] = useState<string | null>(null);\n  const [showAllExtensions, setShowAllExtensions] = useState(false);\n\n  const { data: extensions, isLoading } = useQuery<Extension[]>({\n    queryKey: [\"extensions\"],\n    queryFn: async () => {\n      const res = await fetch(agentNativePath(\"/_agent-native/extensions\"));\n      if (!res.ok) return [];\n      return res.json();\n    },\n  });\n\n  const toggleFavorite = useCallback((id: string) => {\n    setFavoriteIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      saveFavorites(next);\n      return next;\n    });\n  }, []);\n\n  const handleDelete = useCallback(\n    async (extensionId: string) => {\n      setMenuOpenId(null);\n      const prev = queryClient.getQueryData<Extension[]>([\"extensions\"]);\n      queryClient.setQueryData<Extension[]>([\"extensions\"], (old) =>\n        (old ?? []).filter((t) => t.id !== extensionId),\n      );\n      try {\n        const res = await fetch(\n          agentNativePath(`/_agent-native/extensions/${extensionId}`),\n          {\n            method: \"DELETE\",\n          },\n        );\n        if (!res.ok) throw new Error(\"Delete failed\");\n        queryClient.removeQueries({ queryKey: [\"extension\", extensionId] });\n        queryClient.invalidateQueries({ queryKey: [\"extensions\"] });\n        setFavoriteIds((prev) => {\n          const next = new Set(prev);\n          next.delete(extensionId);\n          saveFavorites(next);\n          return next;\n        });\n        setToolOrderState((prev) => {\n          const next = prev.filter((id) => id !== extensionId);\n          if (next.length !== prev.length) setToolsOrder(next);\n          return next;\n        });\n        if (\n          location.pathname === `/extensions/${extensionId}` ||\n          location.pathname === `/extensions/${extensionId}/edit`\n        ) {\n          navigate(\"/extensions\");\n        }\n      } catch {\n        if (prev) queryClient.setQueryData([\"extensions\"], prev);\n      }\n    },\n    [location.pathname, navigate, queryClient],\n  );\n\n  const startRename = useCallback((extension: Extension) => {\n    setMenuOpenId(null);\n    setRenameValue(extension.name);\n    setRenamingId(extension.id);\n  }, []);\n\n  const submitRename = useCallback(\n    async (extensionId: string) => {\n      const trimmed = renameValue.trim();\n      setRenamingId(null);\n      if (!trimmed) return;\n      const prev = queryClient.getQueryData<Extension[]>([\"extensions\"]);\n      const existing = prev?.find((t) => t.id === extensionId);\n      if (!existing || trimmed === existing.name) return;\n      queryClient.setQueryData<Extension[]>([\"extensions\"], (old) =>\n        (old ?? []).map((t) =>\n          t.id === extensionId ? { ...t, name: trimmed } : t,\n        ),\n      );\n      queryClient.setQueryData<Extension>([\"extension\", extensionId], (old) =>\n        old ? { ...old, name: trimmed } : old,\n      );\n      try {\n        await fetch(\n          agentNativePath(`/_agent-native/extensions/${extensionId}`),\n          {\n            method: \"PUT\",\n            headers: { \"Content-Type\": \"application/json\" },\n            body: JSON.stringify({ name: trimmed }),\n          },\n        );\n        queryClient.invalidateQueries({ queryKey: [\"extensions\"] });\n        queryClient.invalidateQueries({ queryKey: [\"extension\", extensionId] });\n      } catch {\n        if (prev) queryClient.setQueryData([\"extensions\"], prev);\n        queryClient.invalidateQueries({ queryKey: [\"extension\", extensionId] });\n      }\n    },\n    [renameValue, queryClient],\n  );\n\n  const sortedTools = useMemo(() => {\n    if (!extensions) return [];\n    const defaultSorted = [...extensions].sort((a, b) => {\n      const aFav = favoriteIds.has(a.id) ? 0 : 1;\n      const bFav = favoriteIds.has(b.id) ? 0 : 1;\n      if (aFav !== bFav) return aFav - bFav;\n      return a.name.localeCompare(b.name);\n    });\n    return toolOrderState.length > 0\n      ? applyToolsOrder(defaultSorted, toolOrderState)\n      : defaultSorted;\n  }, [extensions, favoriteIds, toolOrderState]);\n\n  const activeExtensionId = useMemo(\n    () =>\n      sortedTools.find(\n        (extension) =>\n          location.pathname === `/extensions/${extension.id}` ||\n          location.pathname === `/extensions/${extension.id}/edit`,\n      )?.id ?? null,\n    [location.pathname, sortedTools],\n  );\n\n  const visibleTools = useMemo(() => {\n    if (showAllExtensions || sortedTools.length <= COLLAPSED_EXTENSION_COUNT) {\n      return sortedTools;\n    }\n\n    const defaultVisible = sortedTools.slice(0, COLLAPSED_EXTENSION_COUNT);\n    if (!activeExtensionId) return defaultVisible;\n\n    const activeTool = sortedTools.find(\n      (extension) => extension.id === activeExtensionId,\n    );\n    if (!activeTool || defaultVisible.some((tool) => tool.id === activeTool.id))\n      return defaultVisible;\n\n    return [\n      ...defaultVisible.slice(0, COLLAPSED_EXTENSION_COUNT - 1),\n      activeTool,\n    ];\n  }, [activeExtensionId, showAllExtensions, sortedTools]);\n\n  const hasMoreExtensions = sortedTools.length > COLLAPSED_EXTENSION_COUNT;\n\n  const reorderTool = useCallback(\n    (activeId: string, overId: string) => {\n      if (activeId === overId) return;\n      const ids = sortedTools.map((extension) => extension.id);\n      const oldIndex = ids.indexOf(activeId);\n      const newIndex = ids.indexOf(overId);\n      if (oldIndex === -1 || newIndex === -1) return;\n      const next = [...ids];\n      const [moved] = next.splice(oldIndex, 1);\n      if (!moved) return;\n      next.splice(newIndex, 0, moved);\n      setToolsOrder(next);\n      setToolOrderState(next);\n    },\n    [sortedTools],\n  );\n\n  const handleCreate = (text: string) => {\n    const trimmed = text.trim();\n    if (!trimmed) return;\n    sendToAgentChat({\n      message: `Create an extension: ${trimmed}`,\n      submit: true,\n      openSidebar: true,\n      newTab: true,\n    });\n    setShowCreate(false);\n  };\n\n  return (\n    <TooltipProvider delayDuration={200}>\n      <div className=\"group/help relative min-w-0 py-2\">\n        <div\n          className={cn(\n            \"flex items-center justify-between px-3\",\n            sortedTools.length > 0 && \"mb-1\",\n          )}\n        >\n          <span className=\"inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            Extensions\n            <a\n              href=\"https://agent-native.com/docs/extensions\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"opacity-0 group-hover/help:opacity-100 transition-opacity text-muted-foreground/50 hover:text-muted-foreground\"\n              aria-label=\"Extensions documentation\"\n            >\n              <IconHelpCircle className=\"h-3 w-3\" />\n            </a>\n          </span>\n          <Popover open={showCreate} onOpenChange={setShowCreate}>\n            <PopoverTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"inline-flex h-5 w-5 cursor-pointer items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n                aria-label=\"New extension\"\n              >\n                <IconPlus className=\"h-3.5 w-3.5\" />\n              </button>\n            </PopoverTrigger>\n            <PopoverContent\n              side=\"right\"\n              align=\"start\"\n              className=\"w-[420px] p-3\"\n            >\n              <p className=\"px-1 pb-2 text-sm font-semibold text-foreground\">\n                New extension\n              </p>\n              <PromptComposer\n                autoFocus\n                placeholder=\"Describe what you'd like to build...\"\n                draftScope=\"extensions:sidebar-create\"\n                onSubmit={handleCreate}\n              />\n            </PopoverContent>\n          </Popover>\n        </div>\n\n        {isLoading ? (\n          <div className=\"min-w-0 space-y-0.5 px-1\">\n            {[1, 2, 3].map((i) => (\n              <div key={i} className=\"flex items-center rounded-md px-2 py-1.5\">\n                <div\n                  className=\"h-3 rounded bg-muted animate-pulse\"\n                  style={{ width: `${60 + i * 20}px` }}\n                />\n              </div>\n            ))}\n          </div>\n        ) : sortedTools.length === 0 ? null : (\n          <div className=\"min-w-0 space-y-0.5 px-1\">\n            {visibleTools.map((extension) => {\n              const isActive =\n                location.pathname === `/extensions/${extension.id}` ||\n                location.pathname === `/extensions/${extension.id}/edit`;\n              const isFav = favoriteIds.has(extension.id);\n              const isRenamingThis = renamingId === extension.id;\n              const actionsVisible =\n                menuOpenId === extension.id || isRenamingThis;\n\n              return (\n                <div\n                  key={extension.id}\n                  onDragOver={(e) => {\n                    if (!draggingId || draggingId === extension.id) return;\n                    e.preventDefault();\n                    e.dataTransfer.dropEffect = \"move\";\n                    setDragOverId(extension.id);\n                  }}\n                  onDragLeave={() => {\n                    setDragOverId((current) =>\n                      current === extension.id ? null : current,\n                    );\n                  }}\n                  onDrop={(e) => {\n                    e.preventDefault();\n                    const activeId =\n                      draggingId || e.dataTransfer.getData(\"text/plain\");\n                    setDraggingId(null);\n                    setDragOverId(null);\n                    if (activeId) reorderTool(activeId, extension.id);\n                  }}\n                  className={cn(\n                    \"group/extension relative flex items-center min-w-0 rounded-md\",\n                    draggingId === extension.id && \"opacity-50\",\n                    dragOverId === extension.id &&\n                      draggingId !== extension.id &&\n                      \"bg-accent/60\",\n                  )}\n                >\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <button\n                        type=\"button\"\n                        draggable\n                        onDragStart={(e) => {\n                          setDraggingId(extension.id);\n                          setDragOverId(null);\n                          e.dataTransfer.effectAllowed = \"move\";\n                          e.dataTransfer.setData(\"text/plain\", extension.id);\n                        }}\n                        onDragEnd={() => {\n                          setDraggingId(null);\n                          setDragOverId(null);\n                        }}\n                        className=\"-ml-2 cursor-grab rounded p-0.5 text-muted-foreground/30 opacity-0 transition-colors hover:text-muted-foreground/70 active:cursor-grabbing group-hover/extension:opacity-100 group-focus-within/extension:opacity-100\"\n                        aria-label={`Reorder ${extension.name}`}\n                      >\n                        <IconGripVertical className=\"h-3 w-3\" />\n                      </button>\n                    </TooltipTrigger>\n                    <TooltipContent>Drag to reorder</TooltipContent>\n                  </Tooltip>\n                  <Link\n                    to={`/extensions/${extension.id}`}\n                    className={cn(\n                      \"flex min-w-0 flex-1 items-center rounded-md px-2 py-1.5 pr-12 text-xs transition-[padding,color,background-color] md:pr-2 md:group-hover/extension:pr-12 md:group-focus-within/extension:pr-12\",\n                      actionsVisible && \"md:pr-12\",\n                      isActive\n                        ? \"bg-accent text-accent-foreground font-medium\"\n                        : \"text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground\",\n                    )}\n                  >\n                    {isRenamingThis ? (\n                      <input\n                        autoFocus\n                        value={renameValue}\n                        onChange={(e) => setRenameValue(e.target.value)}\n                        onBlur={() => submitRename(extension.id)}\n                        onKeyDown={(e) => {\n                          if (e.key === \"Enter\") submitRename(extension.id);\n                          if (e.key === \"Escape\") setRenamingId(null);\n                        }}\n                        onClick={(e) => {\n                          e.preventDefault();\n                          e.stopPropagation();\n                        }}\n                        className=\"min-w-0 flex-1 truncate border-b border-primary bg-transparent px-0 py-0 text-xs outline-none\"\n                      />\n                    ) : (\n                      <span className=\"block truncate\">{extension.name}</span>\n                    )}\n                  </Link>\n\n                  <div\n                    className={cn(\n                      \"pointer-events-none absolute right-1 top-1/2 flex -translate-y-1/2 items-center gap-0.5 opacity-100 transition-opacity md:opacity-0 md:group-hover/extension:opacity-100 md:group-focus-within/extension:opacity-100\",\n                      actionsVisible && \"md:opacity-100\",\n                    )}\n                  >\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        toggleFavorite(extension.id);\n                      }}\n                      className={cn(\n                        \"pointer-events-auto cursor-pointer rounded p-0.5 transition-colors\",\n                        isFav\n                          ? \"text-yellow-500\"\n                          : \"text-muted-foreground/40 hover:text-yellow-500\",\n                      )}\n                      aria-label={isFav ? \"Unfavorite\" : \"Favorite\"}\n                    >\n                      {isFav ? (\n                        <IconStarFilled className=\"h-3 w-3\" />\n                      ) : (\n                        <IconStar className=\"h-3 w-3\" />\n                      )}\n                    </button>\n\n                    <DropdownMenu\n                      open={menuOpenId === extension.id}\n                      onOpenChange={(open) =>\n                        setMenuOpenId(open ? extension.id : null)\n                      }\n                    >\n                      <DropdownMenuTrigger asChild>\n                        <button\n                          type=\"button\"\n                          className=\"pointer-events-auto cursor-pointer rounded p-0.5 text-muted-foreground/40 transition-colors hover:text-foreground\"\n                          aria-label=\"Extension actions\"\n                        >\n                          <IconDots className=\"h-3 w-3\" />\n                        </button>\n                      </DropdownMenuTrigger>\n                      <DropdownMenuContent\n                        align=\"end\"\n                        sideOffset={4}\n                        className=\"min-w-[140px]\"\n                      >\n                        <DropdownMenuItem\n                          onSelect={() => startRename(extension)}\n                        >\n                          <IconPencil className=\"h-3.5 w-3.5\" />\n                          Rename\n                        </DropdownMenuItem>\n                        <DropdownMenuItem\n                          onSelect={() => handleDelete(extension.id)}\n                          className=\"text-destructive focus:text-destructive\"\n                        >\n                          <IconTrash className=\"h-3.5 w-3.5\" />\n                          Delete\n                        </DropdownMenuItem>\n                      </DropdownMenuContent>\n                    </DropdownMenu>\n                  </div>\n                </div>\n              );\n            })}\n            {hasMoreExtensions && (\n              <button\n                type=\"button\"\n                aria-expanded={showAllExtensions}\n                onClick={() => setShowAllExtensions((current) => !current)}\n                className=\"ml-5 mt-1 inline-flex h-5 items-center rounded px-1.5 text-[11px] font-medium text-muted-foreground/60 transition-colors hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1\"\n              >\n                {showAllExtensions ? \"show less\" : \"show more\"}\n              </button>\n            )}\n          </div>\n        )}\n      </div>\n    </TooltipProvider>\n  );\n}\n"]}
+{"version":3,"file":"ExtensionsSidebarSection.js","sourceRoot":"","sources":["../../../src/client/extensions/ExtensionsSidebarSection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useState, useCallback, useMemo } from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { Link, useLocation, useNavigate } from \"react-router\";\nimport {\n  IconChevronDown,\n  IconPlus,\n  IconSettings,\n  IconStar,\n  IconStarFilled,\n  IconTrash,\n  IconDots,\n  IconPencil,\n  IconGripVertical,\n  IconTool,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport { PromptComposer } from \"../composer/PromptComposer.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../components/ui/dropdown-menu.js\";\nimport {\n  applyToolsOrder,\n  getToolsOrder,\n  setToolsOrder,\n} from \"./extension-order.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\nimport {\n  extensionPopularityOf,\n  useExtensionPopularity,\n} from \"./extension-popularity.js\";\n\ninterface Extension {\n  id: string;\n  name: string;\n  description?: string;\n  icon?: string;\n}\n\nconst FAVORITES_KEY = \"extensions-favorites\";\nconst COLLAPSED_EXTENSION_COUNT = 3;\nconst EXTENSIONS_OPEN_KEY = \"extensions-sidebar-open\";\nconst EXTENSIONS_SORT_MODE_KEY = \"extensions-sort-mode\";\n\ntype ExtensionSortMode = \"most-used\" | \"alphabetical\" | \"manual\";\n\nfunction getFavorites(): Set<string> {\n  try {\n    const raw = localStorage.getItem(FAVORITES_KEY);\n    if (!raw) return new Set();\n    const parsed = JSON.parse(raw);\n    return new Set(Array.isArray(parsed) ? parsed : []);\n  } catch {\n    return new Set();\n  }\n}\n\nfunction saveFavorites(ids: Set<string>) {\n  try {\n    localStorage.setItem(FAVORITES_KEY, JSON.stringify(Array.from(ids)));\n  } catch {\n    // localStorage unavailable — ignore\n  }\n}\n\nfunction getStoredBoolean(key: string, fallback: boolean): boolean {\n  if (typeof window === \"undefined\") return fallback;\n  const raw = window.localStorage.getItem(key);\n  if (raw === \"true\") return true;\n  if (raw === \"false\") return false;\n  return fallback;\n}\n\nfunction setStoredBoolean(key: string, value: boolean): void {\n  if (typeof window === \"undefined\") return;\n  try {\n    window.localStorage.setItem(key, String(value));\n  } catch {\n    // localStorage unavailable — ignore\n  }\n}\n\nfunction getSortMode(): ExtensionSortMode {\n  if (typeof window === \"undefined\") return \"most-used\";\n  const raw = window.localStorage.getItem(EXTENSIONS_SORT_MODE_KEY);\n  if (raw === \"alphabetical\" || raw === \"manual\" || raw === \"most-used\") {\n    return raw;\n  }\n  return \"most-used\";\n}\n\nfunction setSortMode(mode: ExtensionSortMode): void {\n  if (typeof window === \"undefined\") return;\n  try {\n    window.localStorage.setItem(EXTENSIONS_SORT_MODE_KEY, mode);\n  } catch {\n    // localStorage unavailable — ignore\n  }\n}\n\nfunction sortByName<T extends { id: string; name: string }>(items: T[]): T[] {\n  return [...items].sort((a, b) => {\n    const name = a.name.localeCompare(b.name);\n    return name !== 0 ? name : a.id.localeCompare(b.id);\n  });\n}\n\nfunction ExtensionSortMenu({\n  value,\n  onChange,\n}: {\n  value: ExtensionSortMode;\n  onChange: (value: ExtensionSortMode) => void;\n}) {\n  return (\n    <DropdownMenu>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <DropdownMenuTrigger asChild>\n            <button\n              type=\"button\"\n              className=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/45 opacity-0 transition-all hover:bg-accent hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring group-hover/extensions-section:opacity-100\"\n              aria-label=\"Extensions sort options\"\n            >\n              <IconSettings className=\"h-3.5 w-3.5\" />\n            </button>\n          </DropdownMenuTrigger>\n        </TooltipTrigger>\n        <TooltipContent>Extensions sort</TooltipContent>\n      </Tooltip>\n      <DropdownMenuContent side=\"right\" align=\"start\" className=\"w-44\">\n        <DropdownMenuLabel>Sort by</DropdownMenuLabel>\n        <DropdownMenuRadioGroup\n          value={value}\n          onValueChange={(next) => {\n            if (\n              next === \"most-used\" ||\n              next === \"alphabetical\" ||\n              next === \"manual\"\n            ) {\n              onChange(next);\n            }\n          }}\n        >\n          <DropdownMenuRadioItem value=\"most-used\">\n            Most used\n          </DropdownMenuRadioItem>\n          <DropdownMenuRadioItem value=\"alphabetical\">\n            Alphabetical\n          </DropdownMenuRadioItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuRadioItem value=\"manual\">\n            Manual order\n          </DropdownMenuRadioItem>\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nexport function ExtensionsSidebarSection() {\n  const location = useLocation();\n  const navigate = useNavigate();\n  const queryClient = useQueryClient();\n  const popularity = useExtensionPopularity();\n  const [favoriteIds, setFavoriteIds] = useState<Set<string>>(() =>\n    typeof window !== \"undefined\" ? getFavorites() : new Set(),\n  );\n  const [extensionsOpen, setExtensionsOpen] = useState(() =>\n    getStoredBoolean(EXTENSIONS_OPEN_KEY, true),\n  );\n  const [sortModeState, setSortModeState] =\n    useState<ExtensionSortMode>(getSortMode);\n  const [menuOpenId, setMenuOpenId] = useState<string | null>(null);\n  const [renamingId, setRenamingId] = useState<string | null>(null);\n  const [renameValue, setRenameValue] = useState(\"\");\n  const [showCreate, setShowCreate] = useState(false);\n  const [toolOrderState, setToolOrderState] = useState<string[]>(() =>\n    typeof window !== \"undefined\" ? getToolsOrder() : [],\n  );\n  const [draggingId, setDraggingId] = useState<string | null>(null);\n  const [dragOverId, setDragOverId] = useState<string | null>(null);\n  const [showAllExtensions, setShowAllExtensions] = useState(false);\n\n  const { data: extensions, isLoading } = useQuery<Extension[]>({\n    queryKey: [\"extensions\"],\n    queryFn: async () => {\n      const res = await fetch(agentNativePath(\"/_agent-native/extensions\"));\n      if (!res.ok) return [];\n      return res.json();\n    },\n  });\n\n  const toggleFavorite = useCallback((id: string) => {\n    setFavoriteIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      saveFavorites(next);\n      return next;\n    });\n  }, []);\n\n  const setExtensionSortMode = useCallback((mode: ExtensionSortMode) => {\n    setSortMode(mode);\n    setSortModeState(mode);\n  }, []);\n\n  const toggleExtensionsOpen = useCallback(() => {\n    setExtensionsOpen((current) => {\n      const next = !current;\n      setStoredBoolean(EXTENSIONS_OPEN_KEY, next);\n      return next;\n    });\n  }, []);\n\n  const handleDelete = useCallback(\n    async (extensionId: string) => {\n      setMenuOpenId(null);\n      const prev = queryClient.getQueryData<Extension[]>([\"extensions\"]);\n      queryClient.setQueryData<Extension[]>([\"extensions\"], (old) =>\n        (old ?? []).filter((t) => t.id !== extensionId),\n      );\n      try {\n        const res = await fetch(\n          agentNativePath(`/_agent-native/extensions/${extensionId}`),\n          {\n            method: \"DELETE\",\n          },\n        );\n        if (!res.ok) throw new Error(\"Delete failed\");\n        queryClient.removeQueries({ queryKey: [\"extension\", extensionId] });\n        queryClient.invalidateQueries({ queryKey: [\"extensions\"] });\n        setFavoriteIds((prev) => {\n          const next = new Set(prev);\n          next.delete(extensionId);\n          saveFavorites(next);\n          return next;\n        });\n        setToolOrderState((prev) => {\n          const next = prev.filter((id) => id !== extensionId);\n          if (next.length !== prev.length) setToolsOrder(next);\n          return next;\n        });\n        if (\n          location.pathname === `/extensions/${extensionId}` ||\n          location.pathname === `/extensions/${extensionId}/edit`\n        ) {\n          navigate(\"/extensions\");\n        }\n      } catch {\n        if (prev) queryClient.setQueryData([\"extensions\"], prev);\n      }\n    },\n    [location.pathname, navigate, queryClient],\n  );\n\n  const startRename = useCallback((extension: Extension) => {\n    setMenuOpenId(null);\n    setRenameValue(extension.name);\n    setRenamingId(extension.id);\n  }, []);\n\n  const submitRename = useCallback(\n    async (extensionId: string) => {\n      const trimmed = renameValue.trim();\n      setRenamingId(null);\n      if (!trimmed) return;\n      const prev = queryClient.getQueryData<Extension[]>([\"extensions\"]);\n      const existing = prev?.find((t) => t.id === extensionId);\n      if (!existing || trimmed === existing.name) return;\n      queryClient.setQueryData<Extension[]>([\"extensions\"], (old) =>\n        (old ?? []).map((t) =>\n          t.id === extensionId ? { ...t, name: trimmed } : t,\n        ),\n      );\n      queryClient.setQueryData<Extension>([\"extension\", extensionId], (old) =>\n        old ? { ...old, name: trimmed } : old,\n      );\n      try {\n        await fetch(\n          agentNativePath(`/_agent-native/extensions/${extensionId}`),\n          {\n            method: \"PUT\",\n            headers: { \"Content-Type\": \"application/json\" },\n            body: JSON.stringify({ name: trimmed }),\n          },\n        );\n        queryClient.invalidateQueries({ queryKey: [\"extensions\"] });\n        queryClient.invalidateQueries({ queryKey: [\"extension\", extensionId] });\n      } catch {\n        if (prev) queryClient.setQueryData([\"extensions\"], prev);\n        queryClient.invalidateQueries({ queryKey: [\"extension\", extensionId] });\n      }\n    },\n    [renameValue, queryClient],\n  );\n\n  const sortedTools = useMemo(() => {\n    if (!extensions) return [];\n    if (sortModeState === \"alphabetical\") {\n      return sortByName(extensions);\n    }\n    const mostUsed = [...extensions].sort((a, b) => {\n      const aPop = extensionPopularityOf(popularity, a.id);\n      const bPop = extensionPopularityOf(popularity, b.id);\n      if (aPop !== bPop) return bPop - aPop;\n      const aFav = favoriteIds.has(a.id) ? 0 : 1;\n      const bFav = favoriteIds.has(b.id) ? 0 : 1;\n      if (aFav !== bFav) return aFav - bFav;\n      return a.name.localeCompare(b.name);\n    });\n    return sortModeState === \"manual\" && toolOrderState.length > 0\n      ? applyToolsOrder(mostUsed, toolOrderState)\n      : mostUsed;\n  }, [extensions, favoriteIds, popularity, sortModeState, toolOrderState]);\n\n  const activeExtensionId = useMemo(\n    () =>\n      sortedTools.find(\n        (extension) =>\n          location.pathname === `/extensions/${extension.id}` ||\n          location.pathname === `/extensions/${extension.id}/edit`,\n      )?.id ?? null,\n    [location.pathname, sortedTools],\n  );\n\n  const visibleTools = useMemo(() => {\n    if (showAllExtensions || sortedTools.length <= COLLAPSED_EXTENSION_COUNT) {\n      return sortedTools;\n    }\n\n    const defaultVisible = sortedTools.slice(0, COLLAPSED_EXTENSION_COUNT);\n    if (!activeExtensionId) return defaultVisible;\n\n    const activeTool = sortedTools.find(\n      (extension) => extension.id === activeExtensionId,\n    );\n    if (!activeTool || defaultVisible.some((tool) => tool.id === activeTool.id))\n      return defaultVisible;\n\n    return [\n      ...defaultVisible.slice(0, COLLAPSED_EXTENSION_COUNT - 1),\n      activeTool,\n    ];\n  }, [activeExtensionId, showAllExtensions, sortedTools]);\n\n  const hasMoreExtensions = sortedTools.length > COLLAPSED_EXTENSION_COUNT;\n\n  const reorderTool = useCallback(\n    (activeId: string, overId: string) => {\n      if (activeId === overId) return;\n      const ids = sortedTools.map((extension) => extension.id);\n      const oldIndex = ids.indexOf(activeId);\n      const newIndex = ids.indexOf(overId);\n      if (oldIndex === -1 || newIndex === -1) return;\n      const next = [...ids];\n      const [moved] = next.splice(oldIndex, 1);\n      if (!moved) return;\n      next.splice(newIndex, 0, moved);\n      setToolsOrder(next);\n      setToolOrderState(next);\n      setExtensionSortMode(\"manual\");\n    },\n    [setExtensionSortMode, sortedTools],\n  );\n\n  const handleCreate = (text: string) => {\n    const trimmed = text.trim();\n    if (!trimmed) return;\n    sendToAgentChat({\n      message: `Create an extension: ${trimmed}`,\n      submit: true,\n      openSidebar: true,\n      newTab: true,\n    });\n    setShowCreate(false);\n  };\n\n  return (\n    <TooltipProvider delayDuration={200}>\n      <div className=\"relative min-w-0 py-2\">\n        <div\n          className={cn(\n            \"group/extensions-section relative flex w-full min-w-0 items-center rounded-lg transition-all hover:text-primary\",\n            location.pathname.startsWith(\"/extensions\")\n              ? \"text-sidebar-accent-foreground\"\n              : \"text-muted-foreground hover:bg-sidebar-accent/50\",\n            extensionsOpen && sortedTools.length > 0 && \"mb-1\",\n          )}\n        >\n          <Popover>\n            <PopoverTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"flex min-w-0 flex-1 items-center gap-3 px-3 py-2 pr-28 text-left\"\n                aria-label=\"About extensions\"\n              >\n                <IconTool className=\"h-4 w-4 shrink-0\" />\n                <span className=\"min-w-0 whitespace-nowrap\">Extensions</span>\n              </button>\n            </PopoverTrigger>\n            <PopoverContent\n              side=\"right\"\n              align=\"start\"\n              className=\"w-72 space-y-3 p-3\"\n            >\n              <div>\n                <p className=\"text-sm font-semibold text-foreground\">\n                  Extensions\n                </p>\n                <p className=\"mt-1 text-xs leading-relaxed text-muted-foreground\">\n                  Build small sandboxed apps that can read app data, call\n                  actions, and save their own state.\n                </p>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Link\n                  to=\"/extensions\"\n                  className=\"inline-flex h-8 items-center rounded-md border px-2.5 text-xs font-medium text-foreground transition-colors hover:bg-accent\"\n                >\n                  Open extensions\n                </Link>\n                <a\n                  href=\"https://agent-native.com/docs/extensions\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"inline-flex h-8 items-center rounded-md px-2.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n                >\n                  Learn more\n                </a>\n              </div>\n            </PopoverContent>\n          </Popover>\n          <div className=\"absolute right-1 top-1/2 flex -translate-y-1/2 items-center\">\n            <ExtensionSortMenu\n              value={sortModeState}\n              onChange={setExtensionSortMode}\n            />\n            <Popover open={showCreate} onOpenChange={setShowCreate}>\n              <PopoverTrigger asChild>\n                <button\n                  type=\"button\"\n                  className=\"inline-flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 transition-colors hover:bg-accent hover:text-accent-foreground\"\n                  aria-label=\"New extension\"\n                >\n                  <IconPlus className=\"h-3.5 w-3.5\" />\n                </button>\n              </PopoverTrigger>\n              <PopoverContent\n                side=\"right\"\n                align=\"start\"\n                className=\"w-[420px] p-3\"\n              >\n                <p className=\"px-1 pb-2 text-sm font-semibold text-foreground\">\n                  New extension\n                </p>\n                <PromptComposer\n                  autoFocus\n                  placeholder=\"Describe what you'd like to build...\"\n                  draftScope=\"extensions:sidebar-create\"\n                  onSubmit={handleCreate}\n                />\n              </PopoverContent>\n            </Popover>\n            <button\n              type=\"button\"\n              onClick={toggleExtensionsOpen}\n              className=\"flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 hover:bg-accent hover:text-foreground\"\n              aria-label={\n                extensionsOpen ? \"Collapse extensions\" : \"Expand extensions\"\n              }\n              aria-expanded={extensionsOpen}\n            >\n              <IconChevronDown\n                className={cn(\n                  \"h-3.5 w-3.5 shrink-0 transition-transform\",\n                  !extensionsOpen && \"-rotate-90\",\n                )}\n              />\n            </button>\n          </div>\n        </div>\n\n        {extensionsOpen &&\n          (isLoading ? (\n            <div className=\"min-w-0 space-y-0.5 px-1\">\n              {[1, 2, 3].map((i) => (\n                <div\n                  key={i}\n                  className=\"flex items-center rounded-md px-2 py-1.5\"\n                >\n                  <div\n                    className=\"h-3 rounded bg-muted animate-pulse\"\n                    style={{ width: `${60 + i * 20}px` }}\n                  />\n                </div>\n              ))}\n            </div>\n          ) : sortedTools.length === 0 ? null : (\n            <div className=\"min-w-0 space-y-0.5 px-1\">\n              {visibleTools.map((extension) => {\n                const isActive =\n                  location.pathname === `/extensions/${extension.id}` ||\n                  location.pathname === `/extensions/${extension.id}/edit`;\n                const isFav = favoriteIds.has(extension.id);\n                const isRenamingThis = renamingId === extension.id;\n                const actionsVisible =\n                  menuOpenId === extension.id || isRenamingThis;\n\n                return (\n                  <div\n                    key={extension.id}\n                    onDragOver={(e) => {\n                      if (!draggingId || draggingId === extension.id) return;\n                      e.preventDefault();\n                      e.dataTransfer.dropEffect = \"move\";\n                      setDragOverId(extension.id);\n                    }}\n                    onDragLeave={() => {\n                      setDragOverId((current) =>\n                        current === extension.id ? null : current,\n                      );\n                    }}\n                    onDrop={(e) => {\n                      e.preventDefault();\n                      const activeId =\n                        draggingId || e.dataTransfer.getData(\"text/plain\");\n                      setDraggingId(null);\n                      setDragOverId(null);\n                      if (activeId) reorderTool(activeId, extension.id);\n                    }}\n                    className={cn(\n                      \"group/extension relative flex items-center min-w-0 rounded-md\",\n                      draggingId === extension.id && \"opacity-50\",\n                      dragOverId === extension.id &&\n                        draggingId !== extension.id &&\n                        \"bg-accent/60\",\n                    )}\n                  >\n                    <Tooltip>\n                      <TooltipTrigger asChild>\n                        <button\n                          type=\"button\"\n                          draggable\n                          onDragStart={(e) => {\n                            setDraggingId(extension.id);\n                            setDragOverId(null);\n                            e.dataTransfer.effectAllowed = \"move\";\n                            e.dataTransfer.setData(\"text/plain\", extension.id);\n                          }}\n                          onDragEnd={() => {\n                            setDraggingId(null);\n                            setDragOverId(null);\n                          }}\n                          className=\"-ml-2 cursor-grab rounded p-0.5 text-muted-foreground/30 opacity-0 transition-colors hover:text-muted-foreground/70 active:cursor-grabbing group-hover/extension:opacity-100 group-focus-within/extension:opacity-100\"\n                          aria-label={`Reorder ${extension.name}`}\n                        >\n                          <IconGripVertical className=\"h-3 w-3\" />\n                        </button>\n                      </TooltipTrigger>\n                      <TooltipContent>Drag to reorder</TooltipContent>\n                    </Tooltip>\n                    <Link\n                      to={`/extensions/${extension.id}`}\n                      className={cn(\n                        \"flex min-w-0 flex-1 items-center rounded-md px-2 py-1.5 pr-12 text-xs transition-[padding,color,background-color] md:pr-2 md:group-hover/extension:pr-12 md:group-focus-within/extension:pr-12\",\n                        actionsVisible && \"md:pr-12\",\n                        isActive\n                          ? \"bg-accent text-accent-foreground font-medium\"\n                          : \"text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground\",\n                      )}\n                    >\n                      {isRenamingThis ? (\n                        <input\n                          autoFocus\n                          value={renameValue}\n                          onChange={(e) => setRenameValue(e.target.value)}\n                          onBlur={() => submitRename(extension.id)}\n                          onKeyDown={(e) => {\n                            if (e.key === \"Enter\") submitRename(extension.id);\n                            if (e.key === \"Escape\") setRenamingId(null);\n                          }}\n                          onClick={(e) => {\n                            e.preventDefault();\n                            e.stopPropagation();\n                          }}\n                          className=\"min-w-0 flex-1 truncate border-b border-primary bg-transparent px-0 py-0 text-xs outline-none\"\n                        />\n                      ) : (\n                        <span className=\"block truncate\">{extension.name}</span>\n                      )}\n                    </Link>\n\n                    <div\n                      className={cn(\n                        \"pointer-events-none absolute right-1 top-1/2 flex -translate-y-1/2 items-center gap-0.5 opacity-100 transition-opacity md:opacity-0 md:group-hover/extension:opacity-100 md:group-focus-within/extension:opacity-100\",\n                        actionsVisible && \"md:opacity-100\",\n                      )}\n                    >\n                      <button\n                        type=\"button\"\n                        onClick={(e) => {\n                          e.preventDefault();\n                          e.stopPropagation();\n                          toggleFavorite(extension.id);\n                        }}\n                        className={cn(\n                          \"pointer-events-auto cursor-pointer rounded p-0.5 transition-colors\",\n                          isFav\n                            ? \"text-yellow-500\"\n                            : \"text-muted-foreground/40 hover:text-yellow-500\",\n                        )}\n                        aria-label={isFav ? \"Unfavorite\" : \"Favorite\"}\n                      >\n                        {isFav ? (\n                          <IconStarFilled className=\"h-3 w-3\" />\n                        ) : (\n                          <IconStar className=\"h-3 w-3\" />\n                        )}\n                      </button>\n\n                      <DropdownMenu\n                        open={menuOpenId === extension.id}\n                        onOpenChange={(open) =>\n                          setMenuOpenId(open ? extension.id : null)\n                        }\n                      >\n                        <DropdownMenuTrigger asChild>\n                          <button\n                            type=\"button\"\n                            className=\"pointer-events-auto cursor-pointer rounded p-0.5 text-muted-foreground/40 transition-colors hover:text-foreground\"\n                            aria-label=\"Extension actions\"\n                          >\n                            <IconDots className=\"h-3 w-3\" />\n                          </button>\n                        </DropdownMenuTrigger>\n                        <DropdownMenuContent\n                          align=\"end\"\n                          sideOffset={4}\n                          className=\"min-w-[140px]\"\n                        >\n                          <DropdownMenuItem\n                            onSelect={() => startRename(extension)}\n                          >\n                            <IconPencil className=\"h-3.5 w-3.5\" />\n                            Rename\n                          </DropdownMenuItem>\n                          <DropdownMenuItem\n                            onSelect={() => handleDelete(extension.id)}\n                            className=\"text-destructive focus:text-destructive\"\n                          >\n                            <IconTrash className=\"h-3.5 w-3.5\" />\n                            Delete\n                          </DropdownMenuItem>\n                        </DropdownMenuContent>\n                      </DropdownMenu>\n                    </div>\n                  </div>\n                );\n              })}\n              {hasMoreExtensions && (\n                <button\n                  type=\"button\"\n                  aria-expanded={showAllExtensions}\n                  onClick={() => setShowAllExtensions((current) => !current)}\n                  className=\"ml-5 mt-1 inline-flex h-5 items-center rounded px-1.5 text-[11px] font-medium text-muted-foreground/60 transition-colors hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1\"\n                >\n                  {showAllExtensions ? \"show less\" : \"show more\"}\n                </button>\n              )}\n            </div>\n          ))}\n      </div>\n    </TooltipProvider>\n  );\n}\n"]}

package/dist/client/extensions/extension-popularity.d.ts

@@ -0,0 +1,5 @@
+export type ExtensionPopularity = Record<string, number>;
+export declare function incrementExtensionView(id: string): void;
+export declare function useExtensionPopularity(): ExtensionPopularity;
+export declare function extensionPopularityOf(popularity: ExtensionPopularity, id: string): number;
+//# sourceMappingURL=extension-popularity.d.ts.map

package/dist/client/extensions/extension-popularity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension-popularity.d.ts","sourceRoot":"","sources":["../../../src/client/extensions/extension-popularity.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AA2BzD,wBAAgB,sBAAsB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAKvD;AAED,wBAAgB,sBAAsB,IAAI,mBAAmB,CAc5D;AAED,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,mBAAmB,EAC/B,EAAE,EAAE,MAAM,GACT,MAAM,CAER"}

package/dist/client/extensions/extension-popularity.js

@@ -0,0 +1,52 @@
+import { useEffect, useState } from "react";
+const EXTENSION_POPULARITY_KEY = "extensions-popularity:v1";
+const EXTENSION_POPULARITY_CHANGE_EVENT = "extensions-popularity-change";
+function read() {
+    if (typeof window === "undefined")
+        return {};
+    try {
+        const raw = window.localStorage.getItem(EXTENSION_POPULARITY_KEY);
+        if (!raw)
+            return {};
+        const parsed = JSON.parse(raw);
+        return parsed && typeof parsed === "object" ? parsed : {};
+    }
+    catch {
+        return {};
+    }
+}
+function write(popularity) {
+    if (typeof window === "undefined")
+        return;
+    try {
+        window.localStorage.setItem(EXTENSION_POPULARITY_KEY, JSON.stringify(popularity));
+    }
+    catch {
+        // localStorage unavailable — popularity is best-effort.
+    }
+    window.dispatchEvent(new Event(EXTENSION_POPULARITY_CHANGE_EVENT));
+}
+export function incrementExtensionView(id) {
+    if (!id)
+        return;
+    const popularity = read();
+    popularity[id] = (popularity[id] ?? 0) + 1;
+    write(popularity);
+}
+export function useExtensionPopularity() {
+    const [snapshot, setSnapshot] = useState(() => read());
+    useEffect(() => {
+        const refresh = () => setSnapshot(read());
+        window.addEventListener(EXTENSION_POPULARITY_CHANGE_EVENT, refresh);
+        window.addEventListener("storage", refresh);
+        return () => {
+            window.removeEventListener(EXTENSION_POPULARITY_CHANGE_EVENT, refresh);
+            window.removeEventListener("storage", refresh);
+        };
+    }, []);
+    return snapshot;
+}
+export function extensionPopularityOf(popularity, id) {
+    return popularity[id] ?? 0;
+}
+//# sourceMappingURL=extension-popularity.js.map

package/dist/client/extensions/extension-popularity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension-popularity.js","sourceRoot":"","sources":["../../../src/client/extensions/extension-popularity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,wBAAwB,GAAG,0BAA0B,CAAC;AAC5D,MAAM,iCAAiC,GAAG,8BAA8B,CAAC;AAIzE,SAAS,IAAI;IACX,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,EAAE,CAAC;IAC7C,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;QAClE,IAAI,CAAC,GAAG;YAAE,OAAO,EAAE,CAAC;QACpB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/B,OAAO,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5D,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC;AAED,SAAS,KAAK,CAAC,UAA+B;IAC5C,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO;IAC1C,IAAI,CAAC;QACH,MAAM,CAAC,YAAY,CAAC,OAAO,CACzB,wBAAwB,EACxB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAC3B,CAAC;IACJ,CAAC;IAAC,MAAM,CAAC;QACP,wDAAwD;IAC1D,CAAC;IACD,MAAM,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC,CAAC;AACrE,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EAAU;IAC/C,IAAI,CAAC,EAAE;QAAE,OAAO;IAChB,MAAM,UAAU,GAAG,IAAI,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAC3C,KAAK,CAAC,UAAU,CAAC,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAsB,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;IAE5E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;QAC1C,MAAM,CAAC,gBAAgB,CAAC,iCAAiC,EAAE,OAAO,CAAC,CAAC;QACpE,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,iCAAiC,EAAE,OAAO,CAAC,CAAC;YACvE,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,UAA+B,EAC/B,EAAU;IAEV,OAAO,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC","sourcesContent":["import { useEffect, useState } from \"react\";\n\nconst EXTENSION_POPULARITY_KEY = \"extensions-popularity:v1\";\nconst EXTENSION_POPULARITY_CHANGE_EVENT = \"extensions-popularity-change\";\n\nexport type ExtensionPopularity = Record<string, number>;\n\nfunction read(): ExtensionPopularity {\n  if (typeof window === \"undefined\") return {};\n  try {\n    const raw = window.localStorage.getItem(EXTENSION_POPULARITY_KEY);\n    if (!raw) return {};\n    const parsed = JSON.parse(raw);\n    return parsed && typeof parsed === \"object\" ? parsed : {};\n  } catch {\n    return {};\n  }\n}\n\nfunction write(popularity: ExtensionPopularity): void {\n  if (typeof window === \"undefined\") return;\n  try {\n    window.localStorage.setItem(\n      EXTENSION_POPULARITY_KEY,\n      JSON.stringify(popularity),\n    );\n  } catch {\n    // localStorage unavailable — popularity is best-effort.\n  }\n  window.dispatchEvent(new Event(EXTENSION_POPULARITY_CHANGE_EVENT));\n}\n\nexport function incrementExtensionView(id: string): void {\n  if (!id) return;\n  const popularity = read();\n  popularity[id] = (popularity[id] ?? 0) + 1;\n  write(popularity);\n}\n\nexport function useExtensionPopularity(): ExtensionPopularity {\n  const [snapshot, setSnapshot] = useState<ExtensionPopularity>(() => read());\n\n  useEffect(() => {\n    const refresh = () => setSnapshot(read());\n    window.addEventListener(EXTENSION_POPULARITY_CHANGE_EVENT, refresh);\n    window.addEventListener(\"storage\", refresh);\n    return () => {\n      window.removeEventListener(EXTENSION_POPULARITY_CHANGE_EVENT, refresh);\n      window.removeEventListener(\"storage\", refresh);\n    };\n  }, []);\n\n  return snapshot;\n}\n\nexport function extensionPopularityOf(\n  popularity: ExtensionPopularity,\n  id: string,\n): number {\n  return popularity[id] ?? 0;\n}\n"]}

package/dist/scripts/call-agent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"call-agent.d.ts","sourceRoot":"","sources":["../../src/scripts/call-agent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAuErE,eAAO,MAAM,IAAI,EAAE,UAsBlB,CAAC;AAEF,wBAAsB,GAAG,CACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,OAAO,CAAC,EAAE,gBAAgB,EAC1B,SAAS,CAAC,EAAE,MAAM,GACjB,OAAO,CAAC,MAAM,CAAC,CA4NjB;AAmHD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CASzE"}
+{"version":3,"file":"call-agent.d.ts","sourceRoot":"","sources":["../../src/scripts/call-agent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAuErE,eAAO,MAAM,IAAI,EAAE,UAuBlB,CAAC;AAEF,wBAAsB,GAAG,CACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,OAAO,CAAC,EAAE,gBAAgB,EAC1B,SAAS,CAAC,EAAE,MAAM,GACjB,OAAO,CAAC,MAAM,CAAC,CA4NjB;AAmHD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CASzE"}

package/dist/scripts/call-agent.js

@@ -46,6 +46,7 @@ function formatDownstreamLlmCredentialFailure(agentName, value) {
 }
 export const tool = {
     description: "Call a DIFFERENT, separately-deployed agent app to ask a question or delegate a task. This is strictly for cross-app A2A communication — for example, asking the mail agent to send an email while you are the calendar agent. NEVER use this to call your own app or perform actions you can do with your own tools. Using call-agent on yourself will fail and waste time. " +
+        'For brand-consistent raster image generation, the first-party Images agent is available as agent="images"; use it when another app needs generated heroes, diagrams, product shots, thumbnails, or design imagery, unless the current app has its own image-generation action that already delegates there. ' +
         "IMPORTANT — handling the response: " +
         "(a) If it contains a URL or ID, copy it VERBATIM into your reply. Do not 'correct' or pluralize the path (e.g. /deck/ → /decks/), normalize casing, or change the slug — any edit breaks the link. " +
         '(b) If it does NOT contain a URL/ID and the user asked for one, say so explicitly (e.g. "the agent created the deck/image but didn\'t return a link — open the app directly to view it"). NEVER invent a URL, slug, or path — guessing produces broken links that look real. ' +