@agent-native/core 0.90.10 → 0.91.0

package/dist/client/settings/SettingsTabsPage.d.ts

@@ -2,11 +2,39 @@ import { type ComponentType, type ReactNode } from "react";
 type SettingsTabIcon = ComponentType<{
     className?: string;
 }>;
+/**
+ * A single deep-link target inside settings that the settings search can jump
+ * to. Entries usually map to a section within a tab (via a `hash`/anchor id),
+ * making individual controls discoverable without hunting through every tab.
+ */
+export interface SettingsSearchEntry {
+    /** Stable unique id for the entry. */
+    id: string;
+    /** Primary label shown in the search results. */
+    label: string;
+    /** Extra space-separated terms to match against (synonyms, provider names). */
+    keywords?: string;
+    /** Optional secondary description shown under the label. */
+    description?: string;
+    /** Tab to activate when the entry is picked. Defaults to the owning tab. */
+    tabId?: string;
+    /**
+     * Optional section id / DOM element id to open + scroll to after switching
+     * tabs. Handled by the inner panels' own hash listeners.
+     */
+    hash?: string;
+    /** Optional icon override; defaults to the owning tab's icon. */
+    icon?: SettingsTabIcon;
+}
 export interface SettingsTabItem {
     id: string;
     label: string;
     icon?: SettingsTabIcon;
     content: ReactNode;
+    /** Extra space-separated terms so this tab is findable via search. */
+    keywords?: string;
+    /** Deep-link entries within this tab for the settings search. */
+    searchEntries?: SettingsSearchEntry[];
 }
 export interface SettingsTabsPageProps {
     general: ReactNode;
@@ -21,7 +49,27 @@ export interface SettingsTabsPageProps {
     className?: string;
     navClassName?: string;
     contentClassName?: string;
+    /** Whether to render the settings search box. Defaults to true. */
+    enableSearch?: boolean;
+    /** Placeholder for the settings search box. */
+    searchPlaceholder?: string;
+    /** Extra global search entries (e.g. anchors within the General tab). */
+    searchEntries?: SettingsSearchEntry[];
+    /** Deep-link entries for the General tab. */
+    generalSearchEntries?: SettingsSearchEntry[];
+    /**
+     * Controlled active tab id. When provided, the parent owns tab state (and is
+     * responsible for URL/app-state sync); the component skips its own hash-based
+     * tab tracking. Leave undefined for the default uncontrolled, hash-driven
+     * behavior.
+     */
+    value?: string;
+    /**
+     * Called whenever the active tab changes via a tab click or a search result
+     * selection. Fires in both controlled and uncontrolled modes.
+     */
+    onValueChange?: (tabId: string) => void;
 }
-export declare function SettingsTabsPage({ general, team, whatsNew, extraTabs, generalLabel, teamLabel, whatsNewLabel, ariaLabel, defaultTab, className, navClassName, contentClassName, }: SettingsTabsPageProps): import("react").JSX.Element;
+export declare function SettingsTabsPage({ general, team, whatsNew, extraTabs, generalLabel, teamLabel, whatsNewLabel, ariaLabel, defaultTab, className, navClassName, contentClassName, enableSearch, searchPlaceholder, searchEntries, generalSearchEntries, value, onValueChange, }: SettingsTabsPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=SettingsTabsPage.d.ts.map

package/dist/client/settings/SettingsTabsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsTabsPage.d.ts","sourceRoot":"","sources":["../../../src/client/settings/SettingsTabsPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,KAAK,eAAe,GAAG,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7D,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AA4CD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAc,EACd,YAAwB,EACxB,SAAkB,EAClB,aAA4B,EAC5B,SAA+B,EAC/B,UAAsB,EACtB,SAAS,EACT,YAAY,EACZ,gBAAgB,GACjB,EAAE,qBAAqB,+BA2HvB"}
+{"version":3,"file":"SettingsTabsPage.d.ts","sourceRoot":"","sources":["../../../src/client/settings/SettingsTabsPage.tsx"],"names":[],"mappings":"AAOA,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,KAAK,eAAe,GAAG,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7D;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,SAAS,CAAC;IACnB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iEAAiE;IACjE,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAC;CACvC;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mEAAmE;IACnE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yEAAyE;IACzE,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACtC,6CAA6C;IAC7C,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAmDD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAc,EACd,YAAwB,EACxB,SAAkB,EAClB,aAA4B,EAC5B,SAA+B,EAC/B,UAAsB,EACtB,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,YAAmB,EACnB,iBAAqC,EACrC,aAAa,EACb,oBAAoB,EACpB,KAAK,EACL,aAAa,GACd,EAAE,qBAAqB,+BA6SvB"}

package/dist/client/settings/SettingsTabsPage.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconHistory, IconSettings, IconUsers } from "@tabler/icons-react";
-import { useEffect, useMemo, useState, } from "react";
+import { IconHistory, IconSearch, IconSettings, IconUsers, IconX, } from "@tabler/icons-react";
+import { useCallback, useEffect, useMemo, useState, } from "react";
 import { cn } from "../utils.js";
 function normalizeTabId(value) {
     const normalized = value
@@ -40,7 +40,7 @@ function updateHashForTab(tabId) {
     const hash = tabId === "general" ? "" : `#${encodeURIComponent(tabId)}`;
     window.history.pushState(null, "", `${pathname}${search}${hash}`);
 }
-export function SettingsTabsPage({ general, team, whatsNew, extraTabs = [], generalLabel = "General", teamLabel = "Team", whatsNewLabel = "What's new", ariaLabel = "Settings sections", defaultTab = "general", className, navClassName, contentClassName, }) {
+export function SettingsTabsPage({ general, team, whatsNew, extraTabs = [], generalLabel = "General", teamLabel = "Team", whatsNewLabel = "What's new", ariaLabel = "Settings sections", defaultTab = "general", className, navClassName, contentClassName, enableSearch = true, searchPlaceholder = "Search settings", searchEntries, generalSearchEntries, value, onValueChange, }) {
     const tabs = useMemo(() => {
         const next = [
             {
@@ -48,6 +48,7 @@ export function SettingsTabsPage({ general, team, whatsNew, extraTabs = [], gene
                 label: generalLabel,
                 icon: IconSettings,
                 content: general,
+                searchEntries: generalSearchEntries,
             },
         ];
         next.push(...extraTabs);
@@ -72,6 +73,7 @@ export function SettingsTabsPage({ general, team, whatsNew, extraTabs = [], gene
         extraTabs,
         general,
         generalLabel,
+        generalSearchEntries,
         team,
         teamLabel,
         whatsNew,
@@ -80,29 +82,139 @@ export function SettingsTabsPage({ general, team, whatsNew, extraTabs = [], gene
     const fallbackTab = tabs.some((tab) => tab.id === defaultTab)
         ? defaultTab
         : (tabs[0]?.id ?? "general");
-    const [activeTab, setActiveTab] = useState(() => activeTabFromHash(tabs, fallbackTab));
+    const isControlled = value !== undefined;
+    const [internalTab, setInternalTab] = useState(() => activeTabFromHash(tabs, fallbackTab));
+    const activeTab = isControlled ? value : internalTab;
+    const [query, setQuery] = useState("");
+    const changeTab = useCallback((tabId) => {
+        if (!isControlled)
+            setInternalTab(tabId);
+        onValueChange?.(tabId);
+    }, [isControlled, onValueChange]);
     useEffect(() => {
-        if (tabs.some((tab) => tab.id === activeTab))
+        // In controlled mode the parent owns (and validates) the active tab.
+        if (isControlled)
             return;
-        setActiveTab(fallbackTab);
-    }, [activeTab, fallbackTab, tabs]);
+        if (tabs.some((tab) => tab.id === internalTab))
+            return;
+        setInternalTab(fallbackTab);
+    }, [fallbackTab, internalTab, isControlled, tabs]);
     useEffect(() => {
+        // Hash-driven tab tracking only applies to the uncontrolled mode. Only
+        // react to hashes that name a top-level tab. Section-level hashes
+        // (e.g. `#llm`, `#secrets`) are consumed by the inner panels, so leave
+        // the active tab untouched to avoid bouncing back to General.
+        if (isControlled)
+            return;
         const handleHashChange = () => {
-            setActiveTab(activeTabFromHash(tabs, fallbackTab));
+            const fromHash = normalizeTabId(window.location.hash);
+            if (fromHash && tabs.some((tab) => tab.id === fromHash)) {
+                setInternalTab(fromHash);
+            }
         };
         window.addEventListener("hashchange", handleHashChange);
         return () => window.removeEventListener("hashchange", handleHashChange);
-    }, [fallbackTab, tabs]);
+    }, [isControlled, tabs]);
     const selectedTab = tabs.find((tab) => tab.id === activeTab) ?? tabs[0];
-    return (_jsxs("div", { className: cn("flex min-h-full w-full flex-col overflow-hidden bg-background sm:flex-row", className), children: [_jsx("nav", { "aria-label": ariaLabel, role: "tablist", className: cn("flex shrink-0 gap-1 overflow-x-auto border-b border-border/50 bg-muted/30 p-2 sm:w-48 sm:flex-col sm:overflow-x-visible sm:border-b-0 sm:border-e", navClassName), children: tabs.map((tab) => {
-                    const Icon = tab.icon;
-                    const selected = tab.id === selectedTab?.id;
-                    return (_jsxs("button", { type: "button", role: "tab", "aria-selected": selected, "aria-controls": `settings-tabpanel-${tab.id}`, id: `settings-tab-${tab.id}`, onClick: () => {
-                            setActiveTab(tab.id);
-                            updateHashForTab(tab.id);
-                        }, className: cn("flex min-h-9 shrink-0 items-center gap-2 rounded-md px-3 py-2 text-start text-sm font-medium transition-colors sm:w-full", selected
-                            ? "bg-background text-foreground shadow-sm ring-1 ring-border/60"
-                            : "text-muted-foreground hover:bg-accent/60 hover:text-foreground"), children: [Icon ? (_jsx(Icon, { className: cn("size-4 shrink-0", selected ? "text-foreground" : "text-muted-foreground") })) : null, _jsx("span", { className: "truncate", children: tab.label })] }, tab.id));
-                }) }), _jsx("div", { id: `settings-tabpanel-${selectedTab?.id ?? "general"}`, role: "tabpanel", "aria-labelledby": `settings-tab-${selectedTab?.id ?? "general"}`, className: cn("min-w-0 flex-1 overflow-y-auto p-4 sm:p-6", contentClassName), children: selectedTab?.content })] }));
+    // Flatten tab + deep-link entries into one searchable index.
+    const searchIndex = useMemo(() => {
+        const entries = [];
+        const seen = new Set();
+        const add = (entry) => {
+            if (seen.has(entry.id))
+                return;
+            seen.add(entry.id);
+            entries.push(entry);
+        };
+        for (const tab of tabs) {
+            add({
+                id: `tab:${tab.id}`,
+                label: tab.label,
+                keywords: tab.keywords,
+                tabId: tab.id,
+                tabLabel: tab.label,
+                icon: tab.icon,
+                haystack: `${tab.label} ${tab.keywords ?? ""}`.toLowerCase(),
+            });
+            for (const sub of tab.searchEntries ?? []) {
+                add({
+                    ...sub,
+                    tabId: sub.tabId ?? tab.id,
+                    tabLabel: tab.label,
+                    icon: sub.icon ?? tab.icon,
+                    haystack: `${sub.label} ${sub.keywords ?? ""} ${sub.description ?? ""} ${tab.label}`.toLowerCase(),
+                });
+            }
+        }
+        for (const sub of searchEntries ?? []) {
+            const owner = tabs.find((tab) => tab.id === (sub.tabId ?? "general"));
+            add({
+                ...sub,
+                tabId: sub.tabId ?? "general",
+                tabLabel: owner?.label ?? sub.tabId ?? "General",
+                icon: sub.icon ?? owner?.icon,
+                haystack: `${sub.label} ${sub.keywords ?? ""} ${sub.description ?? ""} ${owner?.label ?? ""}`.toLowerCase(),
+            });
+        }
+        return entries;
+    }, [searchEntries, tabs]);
+    const trimmedQuery = query.trim().toLowerCase();
+    const results = useMemo(() => {
+        if (!trimmedQuery)
+            return [];
+        const terms = trimmedQuery.split(/\s+/).filter(Boolean);
+        return searchIndex
+            .filter((entry) => terms.every((term) => entry.haystack.includes(term)))
+            .sort((a, b) => {
+            const aStarts = a.label.toLowerCase().startsWith(trimmedQuery) ? 0 : 1;
+            const bStarts = b.label.toLowerCase().startsWith(trimmedQuery) ? 0 : 1;
+            if (aStarts !== bStarts)
+                return aStarts - bStarts;
+            return a.label.localeCompare(b.label);
+        });
+    }, [searchIndex, trimmedQuery]);
+    const selectEntry = (entry) => {
+        changeTab(entry.tabId);
+        setQuery("");
+        if (typeof window === "undefined")
+            return;
+        const hash = entry.hash?.replace(/^#/, "");
+        if (hash) {
+            const { pathname, search } = window.location;
+            window.history.pushState(null, "", `${pathname}${search}#${hash}`);
+            // Let the inner panels open + scroll to their section.
+            window.dispatchEvent(new Event("hashchange"));
+            window.requestAnimationFrame(() => {
+                document
+                    .getElementById(hash)
+                    ?.scrollIntoView({ block: "start", behavior: "smooth" });
+            });
+        }
+        else if (!isControlled) {
+            updateHashForTab(entry.tabId);
+        }
+    };
+    const searching = enableSearch && trimmedQuery.length > 0;
+    return (_jsxs("div", { className: cn("flex h-full min-h-0 w-full flex-col overflow-hidden bg-background sm:flex-row", className), children: [_jsxs("div", { className: cn("flex shrink-0 flex-col gap-2 border-b border-border bg-background p-2 sm:min-h-0 sm:w-56 sm:overflow-y-auto sm:border-b-0 sm:border-e sm:p-3", navClassName), children: [enableSearch ? (_jsxs("div", { className: "relative sm:mb-1", children: [_jsx(IconSearch, { className: "pointer-events-none absolute start-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx("input", { type: "search", value: query, onChange: (event) => setQuery(event.target.value), onKeyDown: (event) => {
+                                    if (event.key === "Escape")
+                                        setQuery("");
+                                    if (event.key === "Enter" && results[0]) {
+                                        event.preventDefault();
+                                        selectEntry(results[0]);
+                                    }
+                                }, placeholder: searchPlaceholder, "aria-label": searchPlaceholder, className: "h-8 w-full rounded-md border border-border bg-background ps-8 pe-7 text-[13px] text-foreground outline-none transition-colors placeholder:text-muted-foreground focus:border-foreground/30 focus:ring-2 focus:ring-accent/40" }), query ? (_jsx("button", { type: "button", onClick: () => setQuery(""), "aria-label": "Clear search", className: "absolute end-1.5 top-1/2 flex size-5 -translate-y-1/2 items-center justify-center rounded text-muted-foreground hover:bg-accent/60 hover:text-foreground", children: _jsx(IconX, { className: "size-3.5" }) })) : null] })) : null, searching ? (_jsx("div", { role: "listbox", "aria-label": "Settings search results", className: "flex flex-col gap-0.5", children: results.length === 0 ? (_jsx("p", { className: "px-2 py-6 text-center text-[12px] text-muted-foreground", children: "No matching settings" })) : (results.map((entry) => {
+                            const Icon = entry.icon;
+                            return (_jsxs("button", { type: "button", role: "option", "aria-selected": false, onClick: () => selectEntry(entry), className: "flex items-start gap-2 rounded-md px-2.5 py-2 text-start text-sm text-foreground transition-colors hover:bg-accent/60", children: [Icon ? (_jsx(Icon, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" })) : null, _jsxs("span", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate font-medium", children: entry.label }), _jsx("span", { className: "truncate text-[11px] text-muted-foreground", children: entry.description ?? entry.tabLabel })] })] }, entry.id));
+                        })) })) : (_jsx("nav", { "aria-label": ariaLabel, role: "tablist", className: "flex gap-1 overflow-x-auto sm:flex-col sm:overflow-x-visible", children: tabs.map((tab) => {
+                            const Icon = tab.icon;
+                            const selected = tab.id === selectedTab?.id;
+                            return (_jsxs("button", { type: "button", role: "tab", "aria-selected": selected, "aria-controls": `settings-tabpanel-${tab.id}`, id: `settings-tab-${tab.id}`, onClick: () => {
+                                    changeTab(tab.id);
+                                    if (!isControlled)
+                                        updateHashForTab(tab.id);
+                                }, className: cn("flex min-h-9 shrink-0 items-center gap-2 rounded-md px-3 py-2 text-start text-sm font-medium transition-colors sm:w-full", selected
+                                    ? "bg-accent text-foreground"
+                                    : "text-muted-foreground hover:bg-accent/50 hover:text-foreground"), children: [Icon ? (_jsx(Icon, { className: cn("size-4 shrink-0", selected ? "text-foreground" : "text-muted-foreground") })) : null, _jsx("span", { className: "truncate", children: tab.label })] }, tab.id));
+                        }) }))] }), _jsx("div", { id: `settings-tabpanel-${selectedTab?.id ?? "general"}`, role: "tabpanel", "aria-labelledby": `settings-tab-${selectedTab?.id ?? "general"}`, className: cn("min-h-0 min-w-0 flex-1 overflow-y-auto p-4 sm:p-6", contentClassName), children: selectedTab?.content })] }));
 }
 //# sourceMappingURL=SettingsTabsPage.js.map

package/dist/client/settings/SettingsTabsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsTabsPage.js","sourceRoot":"","sources":["../../../src/client/settings/SettingsTabsPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconHistory, IconSettings, IconUsers } from \"@tabler/icons-react\";\nimport {\n  useEffect,\n  useMemo,\n  useState,\n  type ComponentType,\n  type ReactNode,\n} from \"react\";\n\nimport { cn } from \"../utils.js\";\n\ntype SettingsTabIcon = ComponentType<{ className?: string }>;\n\nexport interface SettingsTabItem {\n  id: string;\n  label: string;\n  icon?: SettingsTabIcon;\n  content: ReactNode;\n}\n\nexport interface SettingsTabsPageProps {\n  general: ReactNode;\n  team?: ReactNode;\n  whatsNew?: ReactNode;\n  extraTabs?: SettingsTabItem[];\n  generalLabel?: string;\n  teamLabel?: string;\n  whatsNewLabel?: string;\n  ariaLabel?: string;\n  defaultTab?: string;\n  className?: string;\n  navClassName?: string;\n  contentClassName?: string;\n}\n\nfunction normalizeTabId(value?: string | null): string | null {\n  const normalized = value\n    ?.replace(/^#/, \"\")\n    .trim()\n    .toLowerCase()\n    .replace(/['\"]/g, \"\")\n    .replace(/[\\s_]+/g, \"-\");\n  if (!normalized) return null;\n  if (\n    normalized === \"whats-new\" ||\n    normalized === \"what-s-new\" ||\n    normalized === \"changelog\" ||\n    normalized === \"updates\"\n  ) {\n    return \"whats-new\";\n  }\n  if (normalized === \"workspace\" || normalized === \"workspace-settings\") {\n    return \"workspace\";\n  }\n  if (normalized === \"organization\" || normalized === \"org\") {\n    return \"team\";\n  }\n  return normalized;\n}\n\nfunction activeTabFromHash(\n  tabs: SettingsTabItem[],\n  defaultTab: string,\n): string {\n  if (typeof window === \"undefined\") return defaultTab;\n  const fromHash = normalizeTabId(window.location.hash);\n  if (fromHash && tabs.some((tab) => tab.id === fromHash)) return fromHash;\n  return defaultTab;\n}\n\nfunction updateHashForTab(tabId: string) {\n  if (typeof window === \"undefined\") return;\n  const { pathname, search } = window.location;\n  const hash = tabId === \"general\" ? \"\" : `#${encodeURIComponent(tabId)}`;\n  window.history.pushState(null, \"\", `${pathname}${search}${hash}`);\n}\n\nexport function SettingsTabsPage({\n  general,\n  team,\n  whatsNew,\n  extraTabs = [],\n  generalLabel = \"General\",\n  teamLabel = \"Team\",\n  whatsNewLabel = \"What's new\",\n  ariaLabel = \"Settings sections\",\n  defaultTab = \"general\",\n  className,\n  navClassName,\n  contentClassName,\n}: SettingsTabsPageProps) {\n  const tabs = useMemo<SettingsTabItem[]>(() => {\n    const next: SettingsTabItem[] = [\n      {\n        id: \"general\",\n        label: generalLabel,\n        icon: IconSettings,\n        content: general,\n      },\n    ];\n    next.push(...extraTabs);\n    if (team) {\n      next.push({\n        id: \"team\",\n        label: teamLabel,\n        icon: IconUsers,\n        content: team,\n      });\n    }\n    if (whatsNew) {\n      next.push({\n        id: \"whats-new\",\n        label: whatsNewLabel,\n        icon: IconHistory,\n        content: whatsNew,\n      });\n    }\n    return next;\n  }, [\n    extraTabs,\n    general,\n    generalLabel,\n    team,\n    teamLabel,\n    whatsNew,\n    whatsNewLabel,\n  ]);\n\n  const fallbackTab = tabs.some((tab) => tab.id === defaultTab)\n    ? defaultTab\n    : (tabs[0]?.id ?? \"general\");\n  const [activeTab, setActiveTab] = useState(() =>\n    activeTabFromHash(tabs, fallbackTab),\n  );\n\n  useEffect(() => {\n    if (tabs.some((tab) => tab.id === activeTab)) return;\n    setActiveTab(fallbackTab);\n  }, [activeTab, fallbackTab, tabs]);\n\n  useEffect(() => {\n    const handleHashChange = () => {\n      setActiveTab(activeTabFromHash(tabs, fallbackTab));\n    };\n    window.addEventListener(\"hashchange\", handleHashChange);\n    return () => window.removeEventListener(\"hashchange\", handleHashChange);\n  }, [fallbackTab, tabs]);\n\n  const selectedTab = tabs.find((tab) => tab.id === activeTab) ?? tabs[0];\n\n  return (\n    <div\n      className={cn(\n        \"flex min-h-full w-full flex-col overflow-hidden bg-background sm:flex-row\",\n        className,\n      )}\n    >\n      <nav\n        aria-label={ariaLabel}\n        role=\"tablist\"\n        className={cn(\n          \"flex shrink-0 gap-1 overflow-x-auto border-b border-border/50 bg-muted/30 p-2 sm:w-48 sm:flex-col sm:overflow-x-visible sm:border-b-0 sm:border-e\",\n          navClassName,\n        )}\n      >\n        {tabs.map((tab) => {\n          const Icon = tab.icon;\n          const selected = tab.id === selectedTab?.id;\n          return (\n            <button\n              key={tab.id}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={selected}\n              aria-controls={`settings-tabpanel-${tab.id}`}\n              id={`settings-tab-${tab.id}`}\n              onClick={() => {\n                setActiveTab(tab.id);\n                updateHashForTab(tab.id);\n              }}\n              className={cn(\n                \"flex min-h-9 shrink-0 items-center gap-2 rounded-md px-3 py-2 text-start text-sm font-medium transition-colors sm:w-full\",\n                selected\n                  ? \"bg-background text-foreground shadow-sm ring-1 ring-border/60\"\n                  : \"text-muted-foreground hover:bg-accent/60 hover:text-foreground\",\n              )}\n            >\n              {Icon ? (\n                <Icon\n                  className={cn(\n                    \"size-4 shrink-0\",\n                    selected ? \"text-foreground\" : \"text-muted-foreground\",\n                  )}\n                />\n              ) : null}\n              <span className=\"truncate\">{tab.label}</span>\n            </button>\n          );\n        })}\n      </nav>\n      <div\n        id={`settings-tabpanel-${selectedTab?.id ?? \"general\"}`}\n        role=\"tabpanel\"\n        aria-labelledby={`settings-tab-${selectedTab?.id ?? \"general\"}`}\n        className={cn(\n          \"min-w-0 flex-1 overflow-y-auto p-4 sm:p-6\",\n          contentClassName,\n        )}\n      >\n        {selectedTab?.content}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"SettingsTabsPage.js","sourceRoot":"","sources":["../../../src/client/settings/SettingsTabsPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  IconHistory,\n  IconSearch,\n  IconSettings,\n  IconUsers,\n  IconX,\n} from \"@tabler/icons-react\";\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type ComponentType,\n  type ReactNode,\n} from \"react\";\n\nimport { cn } from \"../utils.js\";\n\ntype SettingsTabIcon = ComponentType<{ className?: string }>;\n\n/**\n * A single deep-link target inside settings that the settings search can jump\n * to. Entries usually map to a section within a tab (via a `hash`/anchor id),\n * making individual controls discoverable without hunting through every tab.\n */\nexport interface SettingsSearchEntry {\n  /** Stable unique id for the entry. */\n  id: string;\n  /** Primary label shown in the search results. */\n  label: string;\n  /** Extra space-separated terms to match against (synonyms, provider names). */\n  keywords?: string;\n  /** Optional secondary description shown under the label. */\n  description?: string;\n  /** Tab to activate when the entry is picked. Defaults to the owning tab. */\n  tabId?: string;\n  /**\n   * Optional section id / DOM element id to open + scroll to after switching\n   * tabs. Handled by the inner panels' own hash listeners.\n   */\n  hash?: string;\n  /** Optional icon override; defaults to the owning tab's icon. */\n  icon?: SettingsTabIcon;\n}\n\nexport interface SettingsTabItem {\n  id: string;\n  label: string;\n  icon?: SettingsTabIcon;\n  content: ReactNode;\n  /** Extra space-separated terms so this tab is findable via search. */\n  keywords?: string;\n  /** Deep-link entries within this tab for the settings search. */\n  searchEntries?: SettingsSearchEntry[];\n}\n\nexport interface SettingsTabsPageProps {\n  general: ReactNode;\n  team?: ReactNode;\n  whatsNew?: ReactNode;\n  extraTabs?: SettingsTabItem[];\n  generalLabel?: string;\n  teamLabel?: string;\n  whatsNewLabel?: string;\n  ariaLabel?: string;\n  defaultTab?: string;\n  className?: string;\n  navClassName?: string;\n  contentClassName?: string;\n  /** Whether to render the settings search box. Defaults to true. */\n  enableSearch?: boolean;\n  /** Placeholder for the settings search box. */\n  searchPlaceholder?: string;\n  /** Extra global search entries (e.g. anchors within the General tab). */\n  searchEntries?: SettingsSearchEntry[];\n  /** Deep-link entries for the General tab. */\n  generalSearchEntries?: SettingsSearchEntry[];\n  /**\n   * Controlled active tab id. When provided, the parent owns tab state (and is\n   * responsible for URL/app-state sync); the component skips its own hash-based\n   * tab tracking. Leave undefined for the default uncontrolled, hash-driven\n   * behavior.\n   */\n  value?: string;\n  /**\n   * Called whenever the active tab changes via a tab click or a search result\n   * selection. Fires in both controlled and uncontrolled modes.\n   */\n  onValueChange?: (tabId: string) => void;\n}\n\ninterface ResolvedSearchEntry extends SettingsSearchEntry {\n  tabId: string;\n  tabLabel: string;\n  icon?: SettingsTabIcon;\n  haystack: string;\n}\n\nfunction normalizeTabId(value?: string | null): string | null {\n  const normalized = value\n    ?.replace(/^#/, \"\")\n    .trim()\n    .toLowerCase()\n    .replace(/['\"]/g, \"\")\n    .replace(/[\\s_]+/g, \"-\");\n  if (!normalized) return null;\n  if (\n    normalized === \"whats-new\" ||\n    normalized === \"what-s-new\" ||\n    normalized === \"changelog\" ||\n    normalized === \"updates\"\n  ) {\n    return \"whats-new\";\n  }\n  if (normalized === \"workspace\" || normalized === \"workspace-settings\") {\n    return \"workspace\";\n  }\n  if (normalized === \"organization\" || normalized === \"org\") {\n    return \"team\";\n  }\n  return normalized;\n}\n\nfunction activeTabFromHash(\n  tabs: SettingsTabItem[],\n  defaultTab: string,\n): string {\n  if (typeof window === \"undefined\") return defaultTab;\n  const fromHash = normalizeTabId(window.location.hash);\n  if (fromHash && tabs.some((tab) => tab.id === fromHash)) return fromHash;\n  return defaultTab;\n}\n\nfunction updateHashForTab(tabId: string) {\n  if (typeof window === \"undefined\") return;\n  const { pathname, search } = window.location;\n  const hash = tabId === \"general\" ? \"\" : `#${encodeURIComponent(tabId)}`;\n  window.history.pushState(null, \"\", `${pathname}${search}${hash}`);\n}\n\nexport function SettingsTabsPage({\n  general,\n  team,\n  whatsNew,\n  extraTabs = [],\n  generalLabel = \"General\",\n  teamLabel = \"Team\",\n  whatsNewLabel = \"What's new\",\n  ariaLabel = \"Settings sections\",\n  defaultTab = \"general\",\n  className,\n  navClassName,\n  contentClassName,\n  enableSearch = true,\n  searchPlaceholder = \"Search settings\",\n  searchEntries,\n  generalSearchEntries,\n  value,\n  onValueChange,\n}: SettingsTabsPageProps) {\n  const tabs = useMemo<SettingsTabItem[]>(() => {\n    const next: SettingsTabItem[] = [\n      {\n        id: \"general\",\n        label: generalLabel,\n        icon: IconSettings,\n        content: general,\n        searchEntries: generalSearchEntries,\n      },\n    ];\n    next.push(...extraTabs);\n    if (team) {\n      next.push({\n        id: \"team\",\n        label: teamLabel,\n        icon: IconUsers,\n        content: team,\n      });\n    }\n    if (whatsNew) {\n      next.push({\n        id: \"whats-new\",\n        label: whatsNewLabel,\n        icon: IconHistory,\n        content: whatsNew,\n      });\n    }\n    return next;\n  }, [\n    extraTabs,\n    general,\n    generalLabel,\n    generalSearchEntries,\n    team,\n    teamLabel,\n    whatsNew,\n    whatsNewLabel,\n  ]);\n\n  const fallbackTab = tabs.some((tab) => tab.id === defaultTab)\n    ? defaultTab\n    : (tabs[0]?.id ?? \"general\");\n  const isControlled = value !== undefined;\n  const [internalTab, setInternalTab] = useState(() =>\n    activeTabFromHash(tabs, fallbackTab),\n  );\n  const activeTab = isControlled ? value : internalTab;\n  const [query, setQuery] = useState(\"\");\n\n  const changeTab = useCallback(\n    (tabId: string) => {\n      if (!isControlled) setInternalTab(tabId);\n      onValueChange?.(tabId);\n    },\n    [isControlled, onValueChange],\n  );\n\n  useEffect(() => {\n    // In controlled mode the parent owns (and validates) the active tab.\n    if (isControlled) return;\n    if (tabs.some((tab) => tab.id === internalTab)) return;\n    setInternalTab(fallbackTab);\n  }, [fallbackTab, internalTab, isControlled, tabs]);\n\n  useEffect(() => {\n    // Hash-driven tab tracking only applies to the uncontrolled mode. Only\n    // react to hashes that name a top-level tab. Section-level hashes\n    // (e.g. `#llm`, `#secrets`) are consumed by the inner panels, so leave\n    // the active tab untouched to avoid bouncing back to General.\n    if (isControlled) return;\n    const handleHashChange = () => {\n      const fromHash = normalizeTabId(window.location.hash);\n      if (fromHash && tabs.some((tab) => tab.id === fromHash)) {\n        setInternalTab(fromHash);\n      }\n    };\n    window.addEventListener(\"hashchange\", handleHashChange);\n    return () => window.removeEventListener(\"hashchange\", handleHashChange);\n  }, [isControlled, tabs]);\n\n  const selectedTab = tabs.find((tab) => tab.id === activeTab) ?? tabs[0];\n\n  // Flatten tab + deep-link entries into one searchable index.\n  const searchIndex = useMemo<ResolvedSearchEntry[]>(() => {\n    const entries: ResolvedSearchEntry[] = [];\n    const seen = new Set<string>();\n    const add = (entry: ResolvedSearchEntry) => {\n      if (seen.has(entry.id)) return;\n      seen.add(entry.id);\n      entries.push(entry);\n    };\n    for (const tab of tabs) {\n      add({\n        id: `tab:${tab.id}`,\n        label: tab.label,\n        keywords: tab.keywords,\n        tabId: tab.id,\n        tabLabel: tab.label,\n        icon: tab.icon,\n        haystack: `${tab.label} ${tab.keywords ?? \"\"}`.toLowerCase(),\n      });\n      for (const sub of tab.searchEntries ?? []) {\n        add({\n          ...sub,\n          tabId: sub.tabId ?? tab.id,\n          tabLabel: tab.label,\n          icon: sub.icon ?? tab.icon,\n          haystack:\n            `${sub.label} ${sub.keywords ?? \"\"} ${sub.description ?? \"\"} ${tab.label}`.toLowerCase(),\n        });\n      }\n    }\n    for (const sub of searchEntries ?? []) {\n      const owner = tabs.find((tab) => tab.id === (sub.tabId ?? \"general\"));\n      add({\n        ...sub,\n        tabId: sub.tabId ?? \"general\",\n        tabLabel: owner?.label ?? sub.tabId ?? \"General\",\n        icon: sub.icon ?? owner?.icon,\n        haystack:\n          `${sub.label} ${sub.keywords ?? \"\"} ${sub.description ?? \"\"} ${owner?.label ?? \"\"}`.toLowerCase(),\n      });\n    }\n    return entries;\n  }, [searchEntries, tabs]);\n\n  const trimmedQuery = query.trim().toLowerCase();\n  const results = useMemo<ResolvedSearchEntry[]>(() => {\n    if (!trimmedQuery) return [];\n    const terms = trimmedQuery.split(/\\s+/).filter(Boolean);\n    return searchIndex\n      .filter((entry) => terms.every((term) => entry.haystack.includes(term)))\n      .sort((a, b) => {\n        const aStarts = a.label.toLowerCase().startsWith(trimmedQuery) ? 0 : 1;\n        const bStarts = b.label.toLowerCase().startsWith(trimmedQuery) ? 0 : 1;\n        if (aStarts !== bStarts) return aStarts - bStarts;\n        return a.label.localeCompare(b.label);\n      });\n  }, [searchIndex, trimmedQuery]);\n\n  const selectEntry = (entry: ResolvedSearchEntry) => {\n    changeTab(entry.tabId);\n    setQuery(\"\");\n    if (typeof window === \"undefined\") return;\n    const hash = entry.hash?.replace(/^#/, \"\");\n    if (hash) {\n      const { pathname, search } = window.location;\n      window.history.pushState(null, \"\", `${pathname}${search}#${hash}`);\n      // Let the inner panels open + scroll to their section.\n      window.dispatchEvent(new Event(\"hashchange\"));\n      window.requestAnimationFrame(() => {\n        document\n          .getElementById(hash)\n          ?.scrollIntoView({ block: \"start\", behavior: \"smooth\" });\n      });\n    } else if (!isControlled) {\n      updateHashForTab(entry.tabId);\n    }\n  };\n\n  const searching = enableSearch && trimmedQuery.length > 0;\n\n  return (\n    <div\n      className={cn(\n        \"flex h-full min-h-0 w-full flex-col overflow-hidden bg-background sm:flex-row\",\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          \"flex shrink-0 flex-col gap-2 border-b border-border bg-background p-2 sm:min-h-0 sm:w-56 sm:overflow-y-auto sm:border-b-0 sm:border-e sm:p-3\",\n          navClassName,\n        )}\n      >\n        {enableSearch ? (\n          <div className=\"relative sm:mb-1\">\n            <IconSearch className=\"pointer-events-none absolute start-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground\" />\n            <input\n              type=\"search\"\n              value={query}\n              onChange={(event) => setQuery(event.target.value)}\n              onKeyDown={(event) => {\n                if (event.key === \"Escape\") setQuery(\"\");\n                if (event.key === \"Enter\" && results[0]) {\n                  event.preventDefault();\n                  selectEntry(results[0]);\n                }\n              }}\n              placeholder={searchPlaceholder}\n              aria-label={searchPlaceholder}\n              className=\"h-8 w-full rounded-md border border-border bg-background ps-8 pe-7 text-[13px] text-foreground outline-none transition-colors placeholder:text-muted-foreground focus:border-foreground/30 focus:ring-2 focus:ring-accent/40\"\n            />\n            {query ? (\n              <button\n                type=\"button\"\n                onClick={() => setQuery(\"\")}\n                aria-label=\"Clear search\"\n                className=\"absolute end-1.5 top-1/2 flex size-5 -translate-y-1/2 items-center justify-center rounded text-muted-foreground hover:bg-accent/60 hover:text-foreground\"\n              >\n                <IconX className=\"size-3.5\" />\n              </button>\n            ) : null}\n          </div>\n        ) : null}\n\n        {searching ? (\n          <div\n            role=\"listbox\"\n            aria-label=\"Settings search results\"\n            className=\"flex flex-col gap-0.5\"\n          >\n            {results.length === 0 ? (\n              <p className=\"px-2 py-6 text-center text-[12px] text-muted-foreground\">\n                No matching settings\n              </p>\n            ) : (\n              results.map((entry) => {\n                const Icon = entry.icon;\n                return (\n                  <button\n                    key={entry.id}\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={false}\n                    onClick={() => selectEntry(entry)}\n                    className=\"flex items-start gap-2 rounded-md px-2.5 py-2 text-start text-sm text-foreground transition-colors hover:bg-accent/60\"\n                  >\n                    {Icon ? (\n                      <Icon className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\" />\n                    ) : null}\n                    <span className=\"flex min-w-0 flex-col\">\n                      <span className=\"truncate font-medium\">\n                        {entry.label}\n                      </span>\n                      <span className=\"truncate text-[11px] text-muted-foreground\">\n                        {entry.description ?? entry.tabLabel}\n                      </span>\n                    </span>\n                  </button>\n                );\n              })\n            )}\n          </div>\n        ) : (\n          <nav\n            aria-label={ariaLabel}\n            role=\"tablist\"\n            className=\"flex gap-1 overflow-x-auto sm:flex-col sm:overflow-x-visible\"\n          >\n            {tabs.map((tab) => {\n              const Icon = tab.icon;\n              const selected = tab.id === selectedTab?.id;\n              return (\n                <button\n                  key={tab.id}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={selected}\n                  aria-controls={`settings-tabpanel-${tab.id}`}\n                  id={`settings-tab-${tab.id}`}\n                  onClick={() => {\n                    changeTab(tab.id);\n                    if (!isControlled) updateHashForTab(tab.id);\n                  }}\n                  className={cn(\n                    \"flex min-h-9 shrink-0 items-center gap-2 rounded-md px-3 py-2 text-start text-sm font-medium transition-colors sm:w-full\",\n                    selected\n                      ? \"bg-accent text-foreground\"\n                      : \"text-muted-foreground hover:bg-accent/50 hover:text-foreground\",\n                  )}\n                >\n                  {Icon ? (\n                    <Icon\n                      className={cn(\n                        \"size-4 shrink-0\",\n                        selected ? \"text-foreground\" : \"text-muted-foreground\",\n                      )}\n                    />\n                  ) : null}\n                  <span className=\"truncate\">{tab.label}</span>\n                </button>\n              );\n            })}\n          </nav>\n        )}\n      </div>\n      <div\n        id={`settings-tabpanel-${selectedTab?.id ?? \"general\"}`}\n        role=\"tabpanel\"\n        aria-labelledby={`settings-tab-${selectedTab?.id ?? \"general\"}`}\n        className={cn(\n          \"min-h-0 min-w-0 flex-1 overflow-y-auto p-4 sm:p-6\",\n          contentClassName,\n        )}\n      >\n        {selectedTab?.content}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/client/settings/index.d.ts

@@ -1,5 +1,5 @@
 export { SettingsPanel, useAgentSettingsTabs, type SettingsPanelProps, } from "./SettingsPanel.js";
-export { SettingsTabsPage, type SettingsTabItem, type SettingsTabsPageProps, } from "./SettingsTabsPage.js";
+export { SettingsTabsPage, type SettingsSearchEntry, type SettingsTabItem, type SettingsTabsPageProps, } from "./SettingsTabsPage.js";
 export { openBuilderConnectPopup, useBuilderConnectFlow, useBuilderStatus, withBuilderConnectTrackingParams, type BuilderConnectFlow, type BuilderConnectFlowOptions, type BuilderConnectStartOptions, type BuilderStatus, type OpenBuilderConnectPopupOptions, } from "./useBuilderStatus.js";
 export { SecretsSection, type SecretsSectionProps } from "./SecretsSection.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/client/settings/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/settings/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,KAAK,kBAAkB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,gBAAgB,EAChB,KAAK,eAAe,EACpB,KAAK,qBAAqB,GAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,gCAAgC,EAChC,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,aAAa,EAClB,KAAK,8BAA8B,GACpC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/settings/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,KAAK,kBAAkB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,gBAAgB,EAChB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,qBAAqB,GAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,gCAAgC,EAChC,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,aAAa,EAClB,KAAK,8BAA8B,GACpC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/client/settings/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/settings/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,oBAAoB,GAErB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,gBAAgB,GAGjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,gCAAgC,GAMjC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAA4B,MAAM,qBAAqB,CAAC","sourcesContent":["export {\n  SettingsPanel,\n  useAgentSettingsTabs,\n  type SettingsPanelProps,\n} from \"./SettingsPanel.js\";\nexport {\n  SettingsTabsPage,\n  type SettingsTabItem,\n  type SettingsTabsPageProps,\n} from \"./SettingsTabsPage.js\";\nexport {\n  openBuilderConnectPopup,\n  useBuilderConnectFlow,\n  useBuilderStatus,\n  withBuilderConnectTrackingParams,\n  type BuilderConnectFlow,\n  type BuilderConnectFlowOptions,\n  type BuilderConnectStartOptions,\n  type BuilderStatus,\n  type OpenBuilderConnectPopupOptions,\n} from \"./useBuilderStatus.js\";\nexport { SecretsSection, type SecretsSectionProps } from \"./SecretsSection.js\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/settings/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,oBAAoB,GAErB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,gBAAgB,GAIjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,gCAAgC,GAMjC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAA4B,MAAM,qBAAqB,CAAC","sourcesContent":["export {\n  SettingsPanel,\n  useAgentSettingsTabs,\n  type SettingsPanelProps,\n} from \"./SettingsPanel.js\";\nexport {\n  SettingsTabsPage,\n  type SettingsSearchEntry,\n  type SettingsTabItem,\n  type SettingsTabsPageProps,\n} from \"./SettingsTabsPage.js\";\nexport {\n  openBuilderConnectPopup,\n  useBuilderConnectFlow,\n  useBuilderStatus,\n  withBuilderConnectTrackingParams,\n  type BuilderConnectFlow,\n  type BuilderConnectFlowOptions,\n  type BuilderConnectStartOptions,\n  type BuilderStatus,\n  type OpenBuilderConnectPopupOptions,\n} from \"./useBuilderStatus.js\";\nexport { SecretsSection, type SecretsSectionProps } from \"./SecretsSection.js\";\n"]}

package/dist/client/sharing/ShareButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../../src/client/sharing/ShareButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../../src/client/sharing/ShareButton.tsx"],"names":[],"mappings":"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"}

package/dist/client/sharing/ShareButton.js

@@ -522,11 +522,7 @@ function SharePanel(props) {
                                         setShareError(null);
                                 }, onSubmit: handleAdd, placeholder: policy.requireOrgMemberForUserShares
                                     ? "Add people from your organization"
-                                    : "Add people by email", suggestions: memberSuggestions, search: memberSearch }), _jsx(RoleSelect, { value: role, onChange: setRole })] }), shareError ? (_jsx("div", { role: "alert", className: "rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: shareError })) : null, hasInviteEmail ? (_jsxs("label", { className: "inline-flex items-center gap-2 text-xs text-muted-foreground", children: [_jsx("input", { type: "checkbox", checked: notifyPeople, onChange: (e) => setNotifyPeople(e.target.checked), className: "h-4 w-4 rounded border-input accent-primary" }), "Notify people"] })) : null] })) : null, _jsx("div", { className: "mb-2 text-sm font-semibold", children: peopleAccessLabel }), _jsxs("ul", { className: "mb-4 flex flex-col gap-1 list-none p-0 m-0", children: [data?.ownerEmail ? (_jsxs("li", { className: "flex items-center gap-3 px-1 py-1.5 text-sm", children: [_jsx(Avatar, { label: displayName(data.ownerEmail, knownMembers) }), _jsx("span", { className: "flex-1 min-w-0 truncate", children: displayName(data.ownerEmail, knownMembers) }), _jsx("span", { className: "text-xs text-muted-foreground", children: "Owner" })] })) : null, shares.map((s) => (_jsxs("li", { className: cn("flex items-center gap-3 px-1 py-1.5 text-sm", inFlight.has(keyOf(s)) && "opacity-60"), children: [_jsx(Avatar, { label: s.principalType === "org"
-                                    ? s.principalId
-                                    : displayName(s.principalId, knownMembers), org: s.principalType === "org" }), _jsx("span", { className: "flex-1 min-w-0 truncate", children: s.principalType === "org"
-                                    ? s.principalId
-                                    : displayName(s.principalId, knownMembers) }), canManage ? (_jsx(RoleSelect, { value: s.role, onChange: (r) => handleChangeRole(s, r), disabled: inFlight.has(keyOf(s)), plain: true })) : (_jsx("span", { className: "text-xs text-muted-foreground", children: cap(s.role) })), canManage ? (_jsx("button", { type: "button", "aria-label": "Remove", onClick: () => handleRemove(s), disabled: inFlight.has(keyOf(s)), className: BUTTON_GHOST_ICON, children: _jsx(IconTrash, { size: 14 }) })) : null] }, keyOf(s)))), !shares.length && !data?.ownerEmail ? (_jsx("li", { className: "px-1 py-1.5 text-sm text-muted-foreground", children: "No one has access yet." })) : null] }), _jsx("div", { className: "mb-2 text-sm font-semibold", children: generalAccessLabel }), _jsxs("div", { className: "mb-4 flex items-center gap-3", children: [_jsx("span", { "aria-hidden": true, className: "inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground", children: _jsx(meta.Icon, { size: 16, strokeWidth: 1.75 }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(VisibilitySelect, { value: visibility, onChange: handleVisibility, disabled: !canManage, visibilityCopy: props.visibilityCopy, allowPublic: policy.allowPublic }), _jsxs("div", { className: "mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground", children: [_jsx("span", { children: meta.description }), visibility === "org" && props.hideInSearchControl ? (_jsx(AdvancedAccessPopover, { control: props.hideInSearchControl, canManage: canManage, onToggle: handleHideInSearch })) : null] })] })] }), shareError && !canManage ? (_jsx("div", { role: "alert", className: "mb-4 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: shareError })) : null, props.accessNote ? (_jsx("div", { className: "mb-4 rounded-md border border-border bg-muted/35 p-3 text-xs text-muted-foreground", children: props.accessNote })) : null, showShareLinks && shareUrlPlacement === "bottom" ? shareLinks : null, props.shareFooterContent, showDoneButton ? (_jsx("div", { className: "mt-2 flex justify-end", children: _jsx("button", { type: "button", onClick: handleDone, className: BUTTON_PRIMARY_SM, children: "Done" }) })) : null] }));
+                                    : "Add people by email", suggestions: memberSuggestions, search: memberSearch }), _jsx(RoleSelect, { value: role, onChange: setRole })] }), shareError ? (_jsx("div", { role: "alert", className: "rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: shareError })) : null, hasInviteEmail ? (_jsxs("label", { className: "inline-flex items-center gap-2 text-xs text-muted-foreground", children: [_jsx("input", { type: "checkbox", checked: notifyPeople, onChange: (e) => setNotifyPeople(e.target.checked), className: "h-4 w-4 rounded border-input accent-primary" }), "Notify people"] })) : null] })) : null, _jsx("div", { className: "mb-2 text-sm font-semibold", children: peopleAccessLabel }), _jsxs("ul", { className: "mb-4 flex flex-col gap-1 list-none p-0 m-0", children: [data?.ownerEmail ? (_jsxs("li", { className: "flex items-center gap-3 px-1 py-1.5 text-sm", children: [_jsx(Avatar, { label: displayName(data.ownerEmail, knownMembers) }), _jsx("span", { className: "flex-1 min-w-0 truncate", children: displayName(data.ownerEmail, knownMembers) }), _jsx("span", { className: "text-xs text-muted-foreground", children: "Owner" })] })) : null, shares.map((s) => (_jsxs("li", { className: cn("flex items-center gap-3 px-1 py-1.5 text-sm", inFlight.has(keyOf(s)) && "opacity-60"), children: [_jsx(Avatar, { label: principalLabel(s, knownMembers), org: s.principalType === "org" }), _jsx("span", { className: "flex-1 min-w-0 truncate", children: principalLabel(s, knownMembers) }), canManage ? (_jsx(RoleSelect, { value: s.role, onChange: (r) => handleChangeRole(s, r), disabled: inFlight.has(keyOf(s)), plain: true })) : (_jsx("span", { className: "text-xs text-muted-foreground", children: cap(s.role) })), canManage ? (_jsx("button", { type: "button", "aria-label": "Remove", onClick: () => handleRemove(s), disabled: inFlight.has(keyOf(s)), className: BUTTON_GHOST_ICON, children: _jsx(IconTrash, { size: 14 }) })) : null] }, keyOf(s)))), !shares.length && !data?.ownerEmail ? (_jsx("li", { className: "px-1 py-1.5 text-sm text-muted-foreground", children: "No one has access yet." })) : null] }), _jsx("div", { className: "mb-2 text-sm font-semibold", children: generalAccessLabel }), _jsxs("div", { className: "mb-4 flex items-center gap-3", children: [_jsx("span", { "aria-hidden": true, className: "inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground", children: _jsx(meta.Icon, { size: 16, strokeWidth: 1.75 }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(VisibilitySelect, { value: visibility, onChange: handleVisibility, disabled: !canManage, visibilityCopy: props.visibilityCopy, allowPublic: policy.allowPublic }), _jsxs("div", { className: "mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground", children: [_jsx("span", { children: meta.description }), visibility === "org" && props.hideInSearchControl ? (_jsx(AdvancedAccessPopover, { control: props.hideInSearchControl, canManage: canManage, onToggle: handleHideInSearch })) : null] })] })] }), shareError && !canManage ? (_jsx("div", { role: "alert", className: "mb-4 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: shareError })) : null, props.accessNote ? (_jsx("div", { className: "mb-4 rounded-md border border-border bg-muted/35 p-3 text-xs text-muted-foreground", children: props.accessNote })) : null, showShareLinks && shareUrlPlacement === "bottom" ? shareLinks : null, props.shareFooterContent, showDoneButton ? (_jsx("div", { className: "mt-2 flex justify-end", children: _jsx("button", { type: "button", onClick: handleDone, className: BUTTON_PRIMARY_SM, children: "Done" }) })) : null] }));
     if (!hasTabs)
         return sharePanel;
     const tabs = [
@@ -756,10 +752,19 @@ function initials(s) {
     const name = s.split("@")[0] ?? s;
     return (name[0] ?? "?").toUpperCase();
 }
-function displayName(email, members) {
-    const match = members.find((m) => m.email === email);
+function principalLabel(share, members) {
+    const serverLabel = share.displayName?.trim();
+    if (serverLabel)
+        return serverLabel;
+    if (share.principalType === "org")
+        return "Organization";
+    return displayName(share.principalId, members);
+}
+function displayName(emailOrId, members) {
+    const normalized = emailOrId.trim().toLowerCase();
+    const match = members.find((m) => m.email.toLowerCase() === normalized);
     if (match?.name && match.name.trim())
         return match.name;
-    return email;
+    return normalized.includes("@") ? emailOrId : "Unknown person";
 }
 //# sourceMappingURL=ShareButton.js.map