@ai-matrx/agents 0.8.0 → 0.9.0

package/dist/catalog/native/index.cjs

@@ -0,0 +1,2806 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// catalog/native/index.ts
+var native_exports = {};
+__export(native_exports, {
+  AgentCatalogProvider: () => AgentCatalogProvider,
+  AgentDetailCard: () => AgentDetailCard,
+  AgentFilterBar: () => AgentFilterBar,
+  AgentIcon: () => AgentIcon,
+  AgentListContent: () => AgentListContent,
+  AgentListInlinePicker: () => AgentListInlinePicker,
+  AgentListSheet: () => AgentListSheet,
+  AgentListTabs: () => AgentListTabs,
+  AgentPickerBody: () => AgentPickerBody,
+  AgentRow: () => AgentRow,
+  AgentSubView: () => AgentSubView,
+  CheckRow: () => CheckRow,
+  DEFAULT_AGENT_CATALOG_NATIVE_THEME: () => DEFAULT_AGENT_CATALOG_NATIVE_THEME,
+  FavoriteAgentButton: () => FavoriteAgentButton,
+  FilterChip: () => FilterChip,
+  HOVER_GRACE_MS: () => HOVER_GRACE_MS,
+  LIGHT_AGENT_CATALOG_NATIVE_THEME: () => LIGHT_AGENT_CATALOG_NATIVE_THEME,
+  OptionRow: () => OptionRow,
+  SearchInput: () => SearchInput,
+  SidePanelHeader: () => SidePanelHeader,
+  _resetNativeIconState: () => _resetNativeIconState,
+  announceMissingSvgOnce: () => announceMissingSvgOnce,
+  coerceVisibleTab: () => coerceVisibleTab,
+  orchestraDelegatesLine: () => orchestraDelegatesLine,
+  orchestraDepthLine: () => orchestraDepthLine,
+  orchestraLabel: () => orchestraLabel,
+  orchestraModeLabel: () => orchestraModeLabel,
+  resolveAgentCatalogNativeTheme: () => resolveAgentCatalogNativeTheme,
+  resolveSvgModule: () => resolveSvgModule,
+  useAgentCatalog: () => useAgentCatalog,
+  useAgentCatalogNativeTheme: () => useAgentCatalogNativeTheme,
+  useAgentCatalogRows: () => useAgentCatalogRows,
+  useAgentCatalogState: () => useAgentCatalogState,
+  useAgentCatalogUiPorts: () => useAgentCatalogUiPorts,
+  useAgentConsumer: () => useAgentConsumer,
+  useAgentListCore: () => useAgentListCore
+});
+module.exports = __toCommonJS(native_exports);
+
+// catalog/native/context.tsx
+var import_react2 = require("react");
+var import_react_native = require("react-native");
+
+// catalog/shared/context.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AgentCatalogContext = (0, import_react.createContext)(null);
+function AgentCatalogProviderCore({
+  catalog,
+  platform,
+  children,
+  ...ports
+}) {
+  const value = (0, import_react.useMemo)(
+    () => ({ catalog, platform, ...ports }),
+    // The ports are plain values a host declares once; re-binding on identity
+    // change is correct and cheap.
+    [
+      catalog,
+      platform,
+      ports.navigate,
+      ports.LinkComponent,
+      ports.renderModelRef,
+      ports.openPeek,
+      ports.popoverContainer
+    ]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AgentCatalogContext.Provider, { value, children });
+}
+function useBinding() {
+  const binding = (0, import_react.useContext)(AgentCatalogContext);
+  if (!binding) {
+    throw new Error(
+      "@ai-matrx/agents/catalog: no <AgentCatalogProvider> is mounted above this component. Create the catalog once with createAgentCatalog({ client, identity }) and mount <AgentCatalogProvider catalog={catalog}> at the top of your tree."
+    );
+  }
+  return binding;
+}
+function useAgentCatalog() {
+  return useBinding().catalog;
+}
+function useAgentCatalogUiPorts() {
+  const binding = useBinding();
+  const hostNavigate = binding.navigate;
+  const platformNavigate = binding.platform.navigate;
+  const navigate = (0, import_react.useCallback)(
+    (href) => {
+      if (hostNavigate) {
+        hostNavigate(href);
+        return;
+      }
+      platformNavigate(href);
+    },
+    [hostNavigate, platformNavigate]
+  );
+  return {
+    navigate,
+    LinkComponent: binding.LinkComponent ?? binding.platform.LinkComponent,
+    renderModelRef: binding.renderModelRef ?? binding.platform.renderModelRef,
+    openPeek: binding.openPeek,
+    popoverContainer: binding.popoverContainer
+  };
+}
+function useAgentCatalogState(select) {
+  const catalog = useAgentCatalog();
+  const getSnapshot = (0, import_react.useCallback)(
+    () => select(catalog.getState()),
+    [catalog, select]
+  );
+  return (0, import_react.useSyncExternalStore)(catalog.subscribe, getSnapshot, getSnapshot);
+}
+function useAgentCatalogRows() {
+  return useAgentCatalogState(selectRows);
+}
+var selectRows = (state) => state.rows;
+
+// catalog/native/theme.ts
+var DEFAULT_AGENT_CATALOG_NATIVE_THEME = {
+  colors: {
+    background: "#0b0b0f",
+    surface: "#17171d",
+    surfacePressed: "#22222b",
+    text: "#f5f5f7",
+    textMuted: "#9b9ba5",
+    textFaint: "#6e6e78",
+    border: "#2a2a33",
+    primary: "#3b82f6",
+    primaryForeground: "#ffffff",
+    primarySoft: "#1c2a44",
+    // The web sheet's dark value for --matrx-agent-favorite.
+    favorite: "#fbbf24",
+    driftBackground: "#451a03",
+    driftForeground: "#fcd34d",
+    driftBorder: "#78350f"
+  },
+  radius: { sm: 4, md: 8, lg: 12 },
+  spacing: { xs: 4, sm: 8, md: 12, lg: 16 },
+  fontSize: { xs: 10, sm: 11, md: 13, lg: 15 }
+};
+var LIGHT_AGENT_CATALOG_NATIVE_THEME = {
+  ...DEFAULT_AGENT_CATALOG_NATIVE_THEME,
+  colors: {
+    background: "#ffffff",
+    surface: "#f4f4f6",
+    surfacePressed: "#e9e9ee",
+    text: "#0b0b0f",
+    textMuted: "#61616b",
+    textFaint: "#8c8c96",
+    border: "#e2e2e8",
+    primary: "#2563eb",
+    primaryForeground: "#ffffff",
+    primarySoft: "#e5edfd",
+    favorite: "#f59e0b",
+    driftBackground: "#fef3c7",
+    driftForeground: "#92400e",
+    driftBorder: "#fcd34d"
+  }
+};
+function resolveAgentCatalogNativeTheme(override, base = DEFAULT_AGENT_CATALOG_NATIVE_THEME) {
+  if (!override) return base;
+  return {
+    colors: { ...base.colors, ...override.colors ?? {} },
+    radius: { ...base.radius, ...override.radius ?? {} },
+    spacing: { ...base.spacing, ...override.spacing ?? {} },
+    fontSize: { ...base.fontSize, ...override.fontSize ?? {} }
+  };
+}
+
+// catalog/native/context.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ThemeContext = (0, import_react2.createContext)(
+  DEFAULT_AGENT_CATALOG_NATIVE_THEME
+);
+function useAgentCatalogNativeTheme() {
+  return (0, import_react2.useContext)(ThemeContext);
+}
+var NativeLink = ({ children, onClick, title }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  import_react_native.Pressable,
+  {
+    accessibilityRole: "link",
+    ...title ? { accessibilityLabel: title } : {},
+    onPress: () => onClick?.({
+      preventDefault: () => {
+      },
+      stopPropagation: () => {
+      }
+    }),
+    children
+  }
+);
+var nativeRenderModelRef = ({ modelId }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native.Text, { children: modelId });
+function AgentCatalogProvider({
+  catalog,
+  theme,
+  children,
+  ...ports
+}) {
+  const resolvedTheme = (0, import_react2.useMemo)(
+    () => resolveAgentCatalogNativeTheme(theme),
+    // A theme object is declared once by a host; re-resolving on identity
+    // change is correct and cheap.
+    [theme]
+  );
+  const platform = (0, import_react2.useMemo)(
+    () => ({
+      /**
+       * 🚨 THE NATIVE `navigate` DEFAULT. There is no `window.location` to
+       * assign, and there is no router this package may assume — Expo Router,
+       * React Navigation and a custom stack all differ. So the default is a
+       * no-op that REPORTS, with the remedy, through the catalog's own
+       * errorSink. It never fails silently, and it never pretends to have
+       * navigated. A host that wants working links passes `navigate`.
+       */
+      navigate: (href) => {
+        catalog.errorSink({
+          code: "native_navigate_not_bound",
+          message: "the agent picker was asked to navigate, but this native host bound no `navigate` port, so nothing moved.",
+          context: {
+            href,
+            remedy: "pass navigate={(href) => router.push(href)} (Expo Router) or your navigator's equivalent to <AgentCatalogProvider>"
+          }
+        });
+      },
+      LinkComponent: NativeLink,
+      renderModelRef: nativeRenderModelRef
+    }),
+    [catalog]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ThemeContext.Provider, { value: resolvedTheme, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    AgentCatalogProviderCore,
+    {
+      catalog,
+      platform,
+      ...ports,
+      children
+    }
+  ) });
+}
+
+// catalog/native/AgentListSheet.tsx
+var import_react_native12 = require("react-native");
+
+// catalog/native/AgentPickerBody.tsx
+var import_react6 = require("react");
+var import_react_native11 = require("react-native");
+
+// catalog/shared/useAgentListCore.ts
+var import_react4 = require("react");
+
+// catalog/shared/useAgentConsumer.ts
+var import_react3 = require("react");
+
+// catalog/types.ts
+function isMandateAgentId(id) {
+  return id.startsWith("mandate:");
+}
+var SORT_OPTIONS = [
+  { value: "updated-desc", label: "Recent" },
+  { value: "created-desc", label: "Created" },
+  { value: "name-asc", label: "A \u2192 Z" },
+  { value: "name-desc", label: "Z \u2192 A" },
+  { value: "category-asc", label: "Category" }
+];
+var AGENT_NONE_SENTINEL = "__none__";
+var DEFAULT_AGENT_CONSUMER_STATE = {
+  tab: "mine",
+  sortBy: "updated-desc",
+  searchTerm: "",
+  includedCats: [],
+  includedTags: [],
+  favFilter: "all",
+  archFilter: "active",
+  accessFilter: "any",
+  favoritesFirst: true,
+  listPage: 1,
+  sharedPage: 1,
+  serverMatchedIds: [],
+  isServerSearching: false,
+  deepSearch: false
+};
+
+// catalog/shared/useAgentConsumer.ts
+var DEBOUNCE_MS = 250;
+var MIN_QUERY_LENGTH = 2;
+function useAgentConsumer(consumerId, options) {
+  const catalog = useAgentCatalog();
+  const selectConsumer = (0, import_react3.useCallback)(
+    (state) => state.consumers[consumerId] ?? DEFAULT_AGENT_CONSUMER_STATE,
+    [consumerId]
+  );
+  const consumer = useAgentCatalogState(selectConsumer);
+  const optionsRef = (0, import_react3.useRef)(options);
+  optionsRef.current = options;
+  (0, import_react3.useEffect)(() => {
+    const opts = optionsRef.current;
+    catalog.registerConsumer(
+      consumerId,
+      opts?.initialTab ? { tab: opts.initialTab } : void 0
+    );
+    return () => {
+      if (optionsRef.current?.unregisterOnUnmount) {
+        catalog.unregisterConsumer(consumerId);
+      }
+    };
+  }, [consumerId, catalog]);
+  const setSearchTerm = (0, import_react3.useCallback)(
+    (value) => catalog.setConsumerFilter(consumerId, { searchTerm: value }),
+    [consumerId, catalog]
+  );
+  const setDeepSearch = (0, import_react3.useCallback)(
+    (value) => catalog.setConsumerFilter(consumerId, { deepSearch: value }),
+    [consumerId, catalog]
+  );
+  const setSortBy = (0, import_react3.useCallback)(
+    (value) => catalog.setConsumerFilter(consumerId, { sortBy: value }),
+    [consumerId, catalog]
+  );
+  const setTab = (0, import_react3.useCallback)(
+    (value) => catalog.setConsumerFilter(consumerId, { tab: value }),
+    [consumerId, catalog]
+  );
+  const setFavFilter = (0, import_react3.useCallback)(
+    (value) => catalog.setConsumerFilter(consumerId, { favFilter: value }),
+    [consumerId, catalog]
+  );
+  const setArchFilter = (0, import_react3.useCallback)(
+    (value) => catalog.setConsumerFilter(consumerId, { archFilter: value }),
+    [consumerId, catalog]
+  );
+  const setAccessFilter = (0, import_react3.useCallback)(
+    (value) => catalog.setConsumerFilter(consumerId, { accessFilter: value }),
+    [consumerId, catalog]
+  );
+  const toggleCategory = (0, import_react3.useCallback)(
+    (cat) => {
+      const current = catalog.getConsumer(consumerId).includedCats;
+      const next = current.includes(cat) ? current.filter((c) => c !== cat) : [...current, cat];
+      catalog.setConsumerFilter(consumerId, { includedCats: next });
+    },
+    [consumerId, catalog]
+  );
+  const toggleTag = (0, import_react3.useCallback)(
+    (tag) => {
+      const current = catalog.getConsumer(consumerId).includedTags;
+      const next = current.includes(tag) ? current.filter((t) => t !== tag) : [...current, tag];
+      catalog.setConsumerFilter(consumerId, { includedTags: next });
+    },
+    [consumerId, catalog]
+  );
+  const setIncludedCats = (0, import_react3.useCallback)(
+    (next) => catalog.setConsumerFilter(consumerId, { includedCats: next }),
+    [consumerId, catalog]
+  );
+  const setIncludedTags = (0, import_react3.useCallback)(
+    (next) => catalog.setConsumerFilter(consumerId, { includedTags: next }),
+    [consumerId, catalog]
+  );
+  const toggleFavoritesFirst = (0, import_react3.useCallback)(
+    () => catalog.setConsumerFilter(consumerId, {
+      favoritesFirst: !catalog.getConsumer(consumerId).favoritesFirst
+    }),
+    [consumerId, catalog]
+  );
+  const loadMoreList = (0, import_react3.useCallback)(
+    () => catalog.setConsumerPage(
+      consumerId,
+      "list",
+      catalog.getConsumer(consumerId).listPage + 1
+    ),
+    [consumerId, catalog]
+  );
+  const loadMoreShared = (0, import_react3.useCallback)(
+    () => catalog.setConsumerPage(
+      consumerId,
+      "shared",
+      catalog.getConsumer(consumerId).sharedPage + 1
+    ),
+    [consumerId, catalog]
+  );
+  const resetFilters = (0, import_react3.useCallback)(
+    () => catalog.resetConsumerFilters(consumerId),
+    [consumerId, catalog]
+  );
+  const [isSearching, setIsSearching] = (0, import_react3.useState)(false);
+  const [matchedIds, setMatchedIds] = (0, import_react3.useState)(null);
+  const requestSeq = (0, import_react3.useRef)(0);
+  const query = consumer.searchTerm;
+  const deep = consumer.deepSearch;
+  (0, import_react3.useEffect)(() => {
+    const q = query.trim();
+    if (q.length < MIN_QUERY_LENGTH) {
+      setIsSearching(false);
+      setMatchedIds(null);
+      return void 0;
+    }
+    const seq = ++requestSeq.current;
+    setIsSearching(true);
+    const timer = setTimeout(() => {
+      void catalog.searchServer(q, deep).then((ids) => {
+        if (seq !== requestSeq.current) return;
+        setMatchedIds(ids);
+        setIsSearching(false);
+      }).catch((e) => {
+        if (seq !== requestSeq.current) return;
+        catalog.errorSink({
+          code: "server_search_failed",
+          message: `agent search failed: ${e instanceof Error ? e.message : String(e)}`,
+          context: { query: q, deep }
+        });
+        setIsSearching(false);
+      });
+    }, DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [query, deep, catalog]);
+  (0, import_react3.useEffect)(() => {
+    catalog.setConsumerServerSearch(consumerId, {
+      matchedIds: matchedIds ?? [],
+      isSearching
+    });
+  }, [consumerId, catalog, matchedIds, isSearching]);
+  const hasActiveFilters = consumer.searchTerm !== "" || consumer.includedCats.length > 0 || consumer.includedTags.length > 0 || consumer.favFilter !== "all" || consumer.archFilter !== "active" || consumer.accessFilter !== "any" || !consumer.favoritesFirst;
+  return {
+    tab: consumer.tab,
+    sortBy: consumer.sortBy,
+    searchTerm: consumer.searchTerm,
+    includedCats: consumer.includedCats,
+    includedTags: consumer.includedTags,
+    favFilter: consumer.favFilter,
+    archFilter: consumer.archFilter,
+    accessFilter: consumer.accessFilter,
+    favoritesFirst: consumer.favoritesFirst,
+    listPage: consumer.listPage,
+    sharedPage: consumer.sharedPage,
+    state: consumer,
+    hasActiveFilters,
+    deepSearch: consumer.deepSearch,
+    isServerSearching: consumer.isServerSearching,
+    setSearchTerm,
+    setDeepSearch,
+    setSortBy,
+    setTab,
+    setFavFilter,
+    setArchFilter,
+    setAccessFilter,
+    toggleCategory,
+    toggleTag,
+    setIncludedCats,
+    setIncludedTags,
+    toggleFavoritesFirst,
+    loadMoreList,
+    loadMoreShared,
+    resetFilters
+  };
+}
+
+// catalog/labels.ts
+function agentListEmptyLabel(tab, labels) {
+  switch (tab) {
+    case "system":
+      return labels.emptySystem;
+    case "shared":
+      return labels.emptyShared;
+    default:
+      return labels.emptyDefault;
+  }
+}
+function shouldDefaultAgentListToPublicTab(args) {
+  if (!args.userId) return true;
+  if (!args.agentsLoaded) return false;
+  return args.ownedCount === 0;
+}
+
+// catalog/score.ts
+function computeAgentSearchScore(agent, query) {
+  const q = query.trim().toLowerCase();
+  if (!q) return 0;
+  let score = 0;
+  const name = (agent.name ?? "").toLowerCase();
+  const desc = (agent.description ?? "").toLowerCase();
+  if (name === q) score += 1e4;
+  else if (name.startsWith(q)) score += 5e3;
+  else if (matchesWholeWord(name, q)) score += 3e3;
+  else if (name.includes(q)) score += 2e3;
+  if (desc === q) score += 1e3;
+  else if (desc.includes(q)) score += 500;
+  if (agent.category?.toLowerCase().includes(q)) score += 300;
+  if (agent.tags?.some((t) => t.toLowerCase().includes(q))) score += 300;
+  if (agent.modelId?.toLowerCase().includes(q)) score += 100;
+  if (agent.agentType?.toLowerCase().includes(q)) score += 100;
+  if (agent.outputFormat?.toLowerCase().includes(q)) score += 100;
+  const id = agent.id.toLowerCase();
+  if (id === q) score += 1e5;
+  else if (id.includes(q)) score += 5e3;
+  if (agent.sharedByEmail?.toLowerCase().includes(q)) score += 200;
+  if (score === 0 && q.includes(" ")) {
+    const terms = q.split(/\s+/).filter(Boolean);
+    let hits = 0;
+    let termScore = 0;
+    for (const term of terms) {
+      const inName = name.includes(term);
+      const matched = inName || desc.includes(term) || (agent.category?.toLowerCase().includes(term) ?? false) || (agent.tags?.some((t) => t.toLowerCase().includes(term)) ?? false);
+      if (matched) {
+        hits += 1;
+        termScore += inName ? 400 : 100;
+      }
+    }
+    if (hits === terms.length) score += termScore;
+  }
+  return score;
+}
+function matchesWholeWord(haystack, q) {
+  const escaped = q.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  return new RegExp(`\\b${escaped}\\b`).test(haystack);
+}
+function agentMatchesSearch(agent, query) {
+  return computeAgentSearchScore(agent, query) > 0;
+}
+
+// catalog/selectors.ts
+function memoize1(fn) {
+  let lastA;
+  let last;
+  let has = false;
+  return (a) => {
+    if (!has || lastA !== a) {
+      last = fn(a);
+      lastA = a;
+      has = true;
+    }
+    return last;
+  };
+}
+function memoize2(fn) {
+  let lastA;
+  let lastB;
+  let last;
+  let has = false;
+  return (a, b) => {
+    if (!has || lastA !== a || lastB !== b) {
+      last = fn(a, b);
+      lastA = a;
+      lastB = b;
+      has = true;
+    }
+    return last;
+  };
+}
+function applyAgentSortComparator(a, b, sortBy) {
+  switch (sortBy) {
+    case "name-asc":
+      return (a.name ?? "").localeCompare(b.name ?? "");
+    case "name-desc":
+      return (b.name ?? "").localeCompare(a.name ?? "");
+    case "created-desc":
+      return +new Date(b.createdAt ?? 0) - +new Date(a.createdAt ?? 0);
+    case "category-asc":
+      return (a.category ?? "").localeCompare(b.category ?? "");
+    case "updated-desc":
+    default:
+      return +new Date(b.updatedAt ?? 0) - +new Date(a.updatedAt ?? 0);
+  }
+}
+var selectAllAgentCategories = memoize1(
+  (agents) => {
+    const cats = /* @__PURE__ */ new Set();
+    for (const a of agents) {
+      if (a.agentType === "user" && a.category) cats.add(a.category);
+    }
+    return Array.from(cats).sort();
+  }
+);
+var selectAllSystemAgentCategories = memoize1(
+  (agents) => {
+    const cats = /* @__PURE__ */ new Set();
+    for (const a of agents) {
+      if (a.agentType === "builtin" && a.category) cats.add(a.category);
+    }
+    return Array.from(cats).sort();
+  }
+);
+var selectAllAgentTags = memoize1(
+  (agents) => {
+    const tags = /* @__PURE__ */ new Set();
+    for (const a of agents) {
+      if (a.agentType === "user") a.tags?.forEach((t) => tags.add(t));
+    }
+    return Array.from(tags).sort();
+  }
+);
+var selectAllSystemAgentTags = memoize1(
+  (agents) => {
+    const tags = /* @__PURE__ */ new Set();
+    for (const a of agents) {
+      if (a.agentType === "builtin") a.tags?.forEach((t) => tags.add(t));
+    }
+    return Array.from(tags).sort();
+  }
+);
+var selectUserTypeAgents = memoize1(
+  (agents) => agents.filter((a) => a.agentType === "user")
+);
+var selectBuiltinTypeAgents = memoize1(
+  (agents) => agents.filter((a) => a.agentType === "builtin")
+);
+function sortFilteredAgents(filtered, consumer) {
+  const { searchTerm, sortBy, favFilter, favoritesFirst } = consumer;
+  if (searchTerm) {
+    const scores = /* @__PURE__ */ new Map();
+    filtered.forEach((a) => {
+      scores.set(a.id, computeAgentSearchScore(a, searchTerm));
+    });
+    const serverRank = /* @__PURE__ */ new Map();
+    consumer.serverMatchedIds.forEach((id, i) => serverRank.set(id, i));
+    return [...filtered].sort((a, b) => {
+      const sa = scores.get(a.id) ?? 0;
+      const sb = scores.get(b.id) ?? 0;
+      if (sb !== sa) return sb - sa;
+      if (sa === 0) {
+        const ra = serverRank.get(a.id);
+        const rb = serverRank.get(b.id);
+        if (ra !== void 0 && rb !== void 0 && ra !== rb) return ra - rb;
+      }
+      return applyAgentSortComparator(a, b, sortBy);
+    });
+  }
+  return [...filtered].sort((a, b) => {
+    if (favoritesFirst && favFilter === "all") {
+      const aFav = a.isFavorite ? 1 : 0;
+      const bFav = b.isFavorite ? 1 : 0;
+      if (bFav !== aFav) return bFav - aFav;
+    }
+    return applyAgentSortComparator(a, b, sortBy);
+  });
+}
+function filterUserTypeAgents(agents, consumer) {
+  const {
+    searchTerm,
+    includedCats,
+    includedTags,
+    favFilter,
+    archFilter,
+    accessFilter,
+    tab
+  } = consumer;
+  const serverMatched = new Set(consumer.serverMatchedIds);
+  const filtered = agents.filter((agent) => {
+    if (tab === "mine" && agent.isOwner !== true) return false;
+    if (tab === "shared" && !(agent.isOwner === false && agent.accessLevel != null))
+      return false;
+    if (archFilter === "active" && agent.isArchived) return false;
+    if (archFilter === "archived" && !agent.isArchived) return false;
+    if (favFilter === "yes" && !agent.isFavorite) return false;
+    if (favFilter === "no" && agent.isFavorite) return false;
+    if (accessFilter === "owned" && agent.isOwner !== true) return false;
+    if (accessFilter === "shared" && agent.isOwner !== false) return false;
+    if (accessFilter === "editable" && agent.accessLevel !== "owner" && agent.accessLevel !== "admin" && agent.accessLevel !== "editor")
+      return false;
+    if (includedCats.length > 0) {
+      const category = agent.category;
+      if (!category) {
+        if (!includedCats.includes(AGENT_NONE_SENTINEL)) return false;
+      } else if (!includedCats.includes(category)) {
+        return false;
+      }
+    }
+    if (includedTags.length > 0) {
+      const isUntagged = !agent.tags?.length;
+      if (isUntagged) {
+        if (!includedTags.includes(AGENT_NONE_SENTINEL)) return false;
+      } else if (!agent.tags?.some((t) => includedTags.includes(t))) {
+        return false;
+      }
+    }
+    if (searchTerm && !agentMatchesSearch(agent, searchTerm) && !serverMatched.has(agent.id))
+      return false;
+    return true;
+  });
+  return sortFilteredAgents(filtered, consumer);
+}
+function filterBuiltinTypeAgents(agents, consumer) {
+  const { searchTerm, favFilter, includedCats, includedTags } = consumer;
+  const serverMatched = new Set(consumer.serverMatchedIds);
+  const filtered = agents.filter((agent) => {
+    if (favFilter === "yes" && !agent.isFavorite) return false;
+    if (favFilter === "no" && agent.isFavorite) return false;
+    if (includedCats.length > 0) {
+      const category = agent.category;
+      if (!category) {
+        if (!includedCats.includes(AGENT_NONE_SENTINEL)) return false;
+      } else if (!includedCats.includes(category)) {
+        return false;
+      }
+    }
+    if (includedTags.length > 0) {
+      const isUntagged = !agent.tags?.length;
+      if (isUntagged) {
+        if (!includedTags.includes(AGENT_NONE_SENTINEL)) return false;
+      } else if (!agent.tags?.some((t) => includedTags.includes(t))) {
+        return false;
+      }
+    }
+    if (searchTerm && !agentMatchesSearch(agent, searchTerm) && !serverMatched.has(agent.id))
+      return false;
+    return true;
+  });
+  return sortFilteredAgents(filtered, consumer);
+}
+var makeSelectFilteredAgents = (includeSystemInAll = false) => memoize2(
+  (agents, consumer) => {
+    const userAgents = selectUserTypeAgents(agents);
+    const builtinAgents = selectBuiltinTypeAgents(agents);
+    if (consumer.tab === "system") {
+      return filterBuiltinTypeAgents(builtinAgents, consumer);
+    }
+    if (includeSystemInAll && consumer.tab === "all") {
+      return [
+        ...filterUserTypeAgents(userAgents, consumer),
+        ...filterBuiltinTypeAgents(builtinAgents, consumer)
+      ];
+    }
+    return filterUserTypeAgents(userAgents, consumer);
+  }
+);
+var selectTotalUserAgentsCount = memoize1(
+  (agents) => selectUserTypeAgents(agents).length
+);
+var selectTotalOwnedAgentsCount = memoize1(
+  (agents) => selectUserTypeAgents(agents).filter((a) => a.isOwner === true).length
+);
+var selectTotalSharedAgentsCount = memoize1(
+  (agents) => selectUserTypeAgents(agents).filter(
+    (a) => a.isOwner === false && a.accessLevel != null
+  ).length
+);
+var selectTotalBuiltinAgentsCount = memoize1(
+  (agents) => selectBuiltinTypeAgents(agents).length
+);
+var selectTotalFavoriteAgentsCount = memoize1(
+  (agents) => selectUserTypeAgents(agents).filter((a) => a.isFavorite).length
+);
+
+// catalog/shared/useAgentListCore.ts
+var HOVER_GRACE_MS = 900;
+function coerceVisibleTab(current, allowed, initialTab) {
+  if (allowed.length === 0) return null;
+  if (allowed.includes(current)) return null;
+  return initialTab && allowed.includes(initialTab) ? initialTab : allowed[0] ?? null;
+}
+var EMPTY_EXCLUDES = [];
+function useAgentListCore({
+  consumerId,
+  onSelect,
+  navigateTo,
+  activeAgentIdOverride,
+  initialTab,
+  includeSystemInAll = false,
+  visibleTabs,
+  excludeAgentIds = EMPTY_EXCLUDES,
+  defaultMandateKey
+}) {
+  const catalog = useAgentCatalog();
+  const { navigate } = useAgentCatalogUiPorts();
+  const hasFetchedRef = (0, import_react4.useRef)(false);
+  const [hoveredAgent, setHoveredAgent] = (0, import_react4.useState)(null);
+  const hoverLeaveTimerRef = (0, import_react4.useRef)(null);
+  const defaultTabAppliedRef = (0, import_react4.useRef)(false);
+  const consumer = useAgentConsumer(consumerId, { unregisterOnUnmount: true });
+  const rows = useAgentCatalogRows();
+  const userId = catalog.getUserIdOrNull();
+  const ownedCount = selectTotalOwnedAgentsCount(rows);
+  const selectFiltered = (0, import_react4.useMemo)(
+    () => makeSelectFilteredAgents(includeSystemInAll),
+    [includeSystemInAll]
+  );
+  const filteredAgents = selectFiltered(rows, consumer.state);
+  const excludedAgentIds = (0, import_react4.useMemo)(
+    () => new Set(excludeAgentIds),
+    [excludeAgentIds]
+  );
+  const agents = excludedAgentIds.size === 0 ? filteredAgents : filteredAgents.filter((agent) => !excludedAgentIds.has(agent.id));
+  const status = useAgentCatalogState(selectStatus);
+  const activeAgentId = activeAgentIdOverride ?? null;
+  const pinnedAgent = activeAgentId ? catalog.getAgent(activeAgentId) : void 0;
+  const onSystemTab = consumer.tab === "system";
+  const allCategories = onSystemTab ? selectAllSystemAgentCategories(rows) : selectAllAgentCategories(rows);
+  const allTags = onSystemTab ? selectAllSystemAgentTags(rows) : selectAllAgentTags(rows);
+  const tabCounts = {
+    mine: ownedCount,
+    shared: selectTotalSharedAgentsCount(rows),
+    all: selectTotalUserAgentsCount(rows),
+    system: selectTotalBuiltinAgentsCount(rows)
+  };
+  const isLoading = status === "loading";
+  const agentsLoaded = status === "succeeded" || status === "failed";
+  const ensureLoaded = (0, import_react4.useCallback)(() => {
+    if (!hasFetchedRef.current) {
+      hasFetchedRef.current = true;
+      void catalog.ensureLoaded().catch(() => {
+      });
+    }
+  }, [catalog]);
+  const selectDefaultRow = (0, import_react4.useCallback)(
+    (state) => defaultMandateKey ? state.defaultRows[defaultMandateKey] : void 0,
+    [defaultMandateKey]
+  );
+  const defaultRow = useAgentCatalogState(selectDefaultRow);
+  (0, import_react4.useEffect)(() => {
+    if (!defaultMandateKey) return;
+    catalog.ensureDefaultRow(defaultMandateKey);
+  }, [catalog, defaultMandateKey]);
+  (0, import_react4.useEffect)(() => {
+    if (defaultTabAppliedRef.current) return;
+    if (initialTab) {
+      defaultTabAppliedRef.current = true;
+      if (consumer.tab !== initialTab) consumer.setTab(initialTab);
+      return;
+    }
+    if (consumer.tab !== "mine") {
+      defaultTabAppliedRef.current = true;
+      return;
+    }
+    const wantsPublic = shouldDefaultAgentListToPublicTab({
+      userId,
+      ownedCount,
+      agentsLoaded
+    });
+    if (!wantsPublic) {
+      if (!userId || agentsLoaded) {
+        defaultTabAppliedRef.current = true;
+      }
+      return;
+    }
+    consumer.setTab("system");
+    defaultTabAppliedRef.current = true;
+  }, [
+    userId,
+    ownedCount,
+    agentsLoaded,
+    initialTab,
+    consumer.tab,
+    consumer.setTab
+  ]);
+  const allowedTabsKey = visibleTabs ? visibleTabs.join(",") : "";
+  (0, import_react4.useEffect)(() => {
+    if (!allowedTabsKey) return;
+    const next = coerceVisibleTab(
+      consumer.tab,
+      allowedTabsKey.split(","),
+      initialTab
+    );
+    if (next) consumer.setTab(next);
+  }, [allowedTabsKey, initialTab, consumer.tab, consumer.setTab]);
+  (0, import_react4.useEffect)(() => {
+    ensureLoaded();
+  }, [ensureLoaded]);
+  const handleSelectAgent = (0, import_react4.useCallback)(
+    (agent) => {
+      if (onSelect) {
+        onSelect(agent.id);
+      } else if (navigateTo) {
+        navigate(navigateTo.replace("{id}", agent.id));
+      } else {
+        catalog.errorSink({
+          code: "select_has_nowhere_to_go",
+          message: "an agent was chosen but this picker was given neither onSelect nor navigateTo, so the choice went nowhere.",
+          context: { consumerId, agentId: agent.id }
+        });
+      }
+    },
+    [onSelect, navigateTo, navigate, catalog, consumerId]
+  );
+  const activeFilterCount = (consumer.sortBy !== "updated-desc" ? 1 : 0) + (consumer.includedCats.length > 0 ? 1 : 0) + (consumer.includedTags.length > 0 ? 1 : 0) + (consumer.favFilter !== "all" ? 1 : 0);
+  const handleAgentHover = (0, import_react4.useCallback)(
+    (agent, panelOpen) => {
+      if (panelOpen) return;
+      if (hoverLeaveTimerRef.current) {
+        clearTimeout(hoverLeaveTimerRef.current);
+        hoverLeaveTimerRef.current = null;
+      }
+      setHoveredAgent(agent);
+    },
+    []
+  );
+  const handleAgentHoverEnd = (0, import_react4.useCallback)(
+    (agent, onClear) => {
+      if (hoveredAgent?.id === agent.id) {
+        hoverLeaveTimerRef.current = setTimeout(() => {
+          setHoveredAgent(null);
+          onClear();
+        }, HOVER_GRACE_MS);
+      }
+    },
+    [hoveredAgent]
+  );
+  const handleDetailPanelMouseEnter = (0, import_react4.useCallback)(() => {
+    if (hoverLeaveTimerRef.current) {
+      clearTimeout(hoverLeaveTimerRef.current);
+      hoverLeaveTimerRef.current = null;
+    }
+  }, []);
+  const handleDetailPanelMouseLeave = (0, import_react4.useCallback)((onClear) => {
+    hoverLeaveTimerRef.current = setTimeout(() => {
+      setHoveredAgent(null);
+      onClear();
+    }, HOVER_GRACE_MS);
+  }, []);
+  (0, import_react4.useEffect)(
+    () => () => {
+      if (hoverLeaveTimerRef.current) clearTimeout(hoverLeaveTimerRef.current);
+    },
+    []
+  );
+  return {
+    agents,
+    isLoading,
+    activeAgentId,
+    pinnedAgent: pinnedAgent ?? null,
+    defaultRow: defaultRow ?? null,
+    allCategories,
+    allTags,
+    consumer,
+    tabCounts,
+    activeFilterCount,
+    hoveredAgent,
+    setHoveredAgent,
+    ensureLoaded,
+    handleSelectAgent,
+    handleAgentHover,
+    handleAgentHoverEnd,
+    handleDetailPanelMouseEnter,
+    handleDetailPanelMouseLeave
+  };
+}
+var selectStatus = (state) => state.status;
+
+// catalog/native/AgentDetailCard.tsx
+var import_react_native4 = require("react-native");
+
+// catalog/orchestra.ts
+var ORCHESTRA_MODE_LABEL = {
+  supervisor: "supervisor",
+  sequential: "in order",
+  parallel: "together",
+  dag: "custom flow"
+};
+function orchestraModeLabel(mode) {
+  return ORCHESTRA_MODE_LABEL[mode] ?? mode;
+}
+function orchestraLabel(badge) {
+  const n = badge.memberCount;
+  return `Orchestra \xB7 ${orchestraModeLabel(badge.mode)} \xB7 ${n} ${n === 1 ? "member" : "members"}`;
+}
+function orchestraDepthLine(badge) {
+  const n = badge.depthBudget;
+  if (typeof n !== "number" || n <= 0) return null;
+  return `Team members can call helpers up to ${n} ${n === 1 ? "level" : "levels"} deep`;
+}
+function orchestraDelegatesLine(badge, limit = 3) {
+  const titles = badge.memberTitles;
+  if (titles.length === 0) return null;
+  const shown = titles.slice(0, limit);
+  const extra = titles.length - shown.length;
+  return `Delegates to: ${shown.join(", ")}${extra > 0 ? ` +${extra} more` : ""}`;
+}
+
+// catalog/native/icons.tsx
+var import_react_native2 = require("react-native");
+
+// catalog/shared/icon-paths.ts
+var SHAPES = {
+  star: {
+    paths: [
+      "M11.5 3.2a.6.6 0 0 1 1 0l2.3 4.7 5.2.8a.6.6 0 0 1 .3 1l-3.8 3.7.9 5.2a.6.6 0 0 1-.9.6L12 16.8l-4.6 2.4a.6.6 0 0 1-.9-.6l.9-5.2-3.8-3.7a.6.6 0 0 1 .3-1l5.2-.8Z"
+    ],
+    fillable: true
+  },
+  chevronRight: { paths: ["m9 18 6-6-6-6"] },
+  chevronDown: { paths: ["m6 9 6 6 6-6"] },
+  search: {
+    paths: ["m21 21-4.3-4.3"],
+    circles: [{ cx: 11, cy: 11, r: 8 }]
+  },
+  x: { paths: ["M18 6 6 18", "m6 6 12 12"] },
+  check: { paths: ["M20 6 9 17l-5-5"] },
+  arrowUpDown: {
+    paths: ["m21 16-4 4-4-4", "M17 20V4", "m3 8 4-4 4 4", "M7 4v16"]
+  },
+  folder: {
+    paths: [
+      "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
+    ]
+  },
+  tag: {
+    paths: [
+      "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"
+    ],
+    circles: [{ cx: 7.5, cy: 7.5, r: 0.5, filled: true }]
+  },
+  rotateCcw: {
+    paths: [
+      "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
+      "M3 3v5h5"
+    ]
+  },
+  loader: { paths: ["M21 12a9 9 0 1 1-6.219-8.56"] },
+  alertTriangle: {
+    paths: [
+      "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      "M12 9v4",
+      "M12 17h.01"
+    ]
+  },
+  /**
+   * The Orchestra marker (Lucide `music-4`): the glyph the Workflow Studio's
+   * picker used for a conductor, kept identical so the same agent wears the
+   * same mark in every client.
+   */
+  music4: {
+    paths: ["M9 18V5l12-2v13", "m9 9 12-2"],
+    circles: [
+      { cx: 6, cy: 18, r: 3 },
+      { cx: 18, cy: 16, r: 3 }
+    ]
+  },
+  clock: {
+    paths: ["M12 6v6l4 2"],
+    circles: [{ cx: 12, cy: 12, r: 10 }]
+  },
+  globe: {
+    paths: ["M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", "M2 12h20"],
+    circles: [{ cx: 12, cy: 12, r: 10 }]
+  },
+  users: {
+    paths: [
+      "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
+      "M22 21v-2a4 4 0 0 0-3-3.87",
+      "M16 3.13a4 4 0 0 1 0 7.75"
+    ],
+    circles: [{ cx: 9, cy: 7, r: 4 }]
+  },
+  externalLink: {
+    paths: [
+      "M15 3h6v6",
+      "M10 14 21 3",
+      "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
+    ]
+  },
+  messageCircle: { paths: ["M7.9 20A9 9 0 1 0 4 16.1L2 22Z"] },
+  rocket: {
+    paths: [
+      "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91 0",
+      "m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2",
+      "M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0",
+      "M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"
+    ]
+  },
+  circleCheck: {
+    paths: ["m9 12 2 2 4-4"],
+    circles: [{ cx: 12, cy: 12, r: 10 }]
+  }
+};
+var ICON_PATHS = SHAPES;
+var ICON_NAMES = Object.keys(ICON_PATHS);
+
+// catalog/native/icons.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var STATE_KEY = /* @__PURE__ */ Symbol.for("ai-matrx.agents.catalog.native.icons");
+function getIconsGlobalState() {
+  const store = globalThis;
+  const existing = store[STATE_KEY];
+  if (existing) return existing;
+  const created = { svg: void 0, announced: false };
+  store[STATE_KEY] = created;
+  return created;
+}
+function _resetNativeIconState(svg) {
+  const state = getIconsGlobalState();
+  state.svg = svg === void 0 ? void 0 : svg;
+  state.announced = false;
+}
+function isSvgModule(value) {
+  if (typeof value !== "object" || value === null) return false;
+  const record = value;
+  return Boolean(record["Path"] && record["Circle"] && record["default"]);
+}
+function resolveSvgModule() {
+  const state = getIconsGlobalState();
+  if (state.svg !== void 0) return state.svg;
+  let resolved = null;
+  try {
+    const required = globalThis.require?.("react-native-svg");
+    if (isSvgModule(required)) resolved = required;
+    else {
+      const viaModule = require("react-native-svg");
+      if (isSvgModule(viaModule)) resolved = viaModule;
+    }
+  } catch {
+    resolved = null;
+  }
+  state.svg = resolved;
+  return resolved;
+}
+function announceMissingSvgOnce(report) {
+  const state = getIconsGlobalState();
+  if (state.announced) return;
+  state.announced = true;
+  report({
+    code: "native_icons_degraded_to_text",
+    message: "react-native-svg is not installed, so the agent picker is drawing its icons as text glyphs. Every control still works and every label is still correct \u2014 only the glyphs are plainer.",
+    context: {
+      remedy: "run `npx expo install react-native-svg` (it is an optional peer of @ai-matrx/agents) and reload to get the real icons"
+    }
+  });
+}
+var TEXT_GLYPHS = {
+  star: "\u2605",
+  chevronRight: "\u203A",
+  chevronDown: "\u2304",
+  search: "\u2315",
+  x: "\u2715",
+  check: "\u2713",
+  arrowUpDown: "\u21C5",
+  folder: "\u25A4",
+  tag: "\u2317",
+  rotateCcw: "\u21BA",
+  loader: "\u25CC",
+  alertTriangle: "\u26A0",
+  music4: "\u266A",
+  clock: "\u25F7",
+  globe: "\u2295",
+  users: "\u2687",
+  externalLink: "\u2197",
+  messageCircle: "\u2709",
+  rocket: "\u27A4",
+  circleCheck: "\u2713"
+};
+function AgentIcon({
+  name,
+  size = 14,
+  color,
+  filled = false,
+  report
+}) {
+  const svg = resolveSvgModule();
+  if (!svg) {
+    announceMissingSvgOnce(report);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react_native2.Text,
+      {
+        accessible: false,
+        style: { color, fontSize: size, lineHeight: size * 1.2 },
+        children: TEXT_GLYPHS[name]
+      }
+    );
+  }
+  const Svg = svg.default;
+  const Path = svg.Path;
+  const Circle = svg.Circle;
+  const shape = ICON_PATHS[name];
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    Svg,
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color,
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        shape.paths.map((d, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          Path,
+          {
+            d,
+            ...filled && shape.fillable ? { fill: color } : {}
+          },
+          `p${index}`
+        )),
+        (shape.circles ?? []).map((circle, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          Circle,
+          {
+            cx: circle.cx,
+            cy: circle.cy,
+            r: circle.r,
+            ...circle.filled ? { fill: color } : {}
+          },
+          `c${index}`
+        ))
+      ]
+    }
+  );
+}
+
+// catalog/native/FavoriteAgentButton.tsx
+var import_react5 = require("react");
+var import_react_native3 = require("react-native");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function FavoriteAgentButton({
+  id,
+  size = 18,
+  disabled
+}) {
+  const catalog = useAgentCatalog();
+  const theme = useAgentCatalogNativeTheme();
+  const select = (0, import_react5.useCallback)((state) => state.byId[id], [id]);
+  const record = useAgentCatalogState(select);
+  const isFavorite = record?.isFavorite ?? false;
+  const isOwner = record?.isOwner ?? true;
+  const inert = Boolean(disabled) || !isOwner;
+  const title = isOwner ? isFavorite ? "Remove from favorites" : "Add to favorites" : "Shared \u2014 cannot favorite";
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_native3.Pressable,
+    {
+      onPress: () => {
+        if (inert) return;
+        void catalog.setFavorite(id, !isFavorite).catch(() => {
+        });
+      },
+      disabled: inert,
+      hitSlop: 8,
+      accessibilityRole: "button",
+      accessibilityLabel: title,
+      accessibilityState: { disabled: inert, selected: isFavorite },
+      style: { opacity: inert ? 0.4 : 1 },
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        AgentIcon,
+        {
+          name: "star",
+          size,
+          filled: isFavorite,
+          color: isFavorite ? theme.colors.favorite : theme.colors.textFaint,
+          report: catalog.errorSink
+        }
+      )
+    }
+  );
+}
+
+// catalog/native/AgentDetailCard.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function formatDate(value) {
+  if (!value) return null;
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return null;
+  return date.toLocaleDateString(void 0, {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+function AgentDetailCard({ agent, onSelect }) {
+  const { errorSink } = useAgentCatalog();
+  const { renderModelRef, openPeek } = useAgentCatalogUiPorts();
+  const theme = useAgentCatalogNativeTheme();
+  const isDefaultRow = isMandateAgentId(agent.id);
+  const updated = formatDate(agent.updatedAt);
+  const created = formatDate(agent.createdAt);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: [styles.header, { padding: theme.spacing.md }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          import_react_native4.Text,
+          {
+            numberOfLines: 2,
+            style: {
+              color: theme.colors.text,
+              fontSize: theme.fontSize.lg,
+              fontWeight: "600"
+            },
+            children: agent.name || "Untitled"
+          }
+        ),
+        agent.isFavorite && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          import_react_native4.Text,
+          {
+            style: { color: theme.colors.favorite, fontSize: theme.fontSize.sm },
+            children: "Pinned to favorites"
+          }
+        )
+      ] }),
+      !isDefaultRow && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FavoriteAgentButton, { id: agent.id })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.View, { style: { height: import_react_native4.StyleSheet.hairlineWidth, backgroundColor: theme.colors.border } }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      import_react_native4.ScrollView,
+      {
+        style: styles.body,
+        contentContainerStyle: { padding: theme.spacing.md, gap: theme.spacing.md },
+        children: [
+          agent.orchestra && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            import_react_native4.View,
+            {
+              style: [
+                styles.orchestra,
+                {
+                  borderColor: theme.colors.primary,
+                  backgroundColor: theme.colors.primarySoft,
+                  borderRadius: theme.radius.md,
+                  padding: theme.spacing.sm
+                }
+              ],
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: styles.inline, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    AgentIcon,
+                    {
+                      name: "music4",
+                      size: 14,
+                      color: theme.colors.primary,
+                      report: errorSink
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    import_react_native4.Text,
+                    {
+                      style: {
+                        color: theme.colors.primary,
+                        fontSize: theme.fontSize.sm,
+                        fontWeight: "600"
+                      },
+                      children: orchestraLabel(agent.orchestra)
+                    }
+                  )
+                ] }),
+                agent.orchestra.tagline && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.Text, { style: { color: theme.colors.text, fontSize: theme.fontSize.md }, children: agent.orchestra.tagline }),
+                orchestraDelegatesLine(agent.orchestra) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  import_react_native4.Text,
+                  {
+                    style: { color: theme.colors.textMuted, fontSize: theme.fontSize.sm },
+                    children: orchestraDelegatesLine(agent.orchestra)
+                  }
+                ),
+                orchestraDepthLine(agent.orchestra) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  import_react_native4.Text,
+                  {
+                    style: { color: theme.colors.textMuted, fontSize: theme.fontSize.sm },
+                    children: orchestraDepthLine(agent.orchestra)
+                  }
+                )
+              ]
+            }
+          ),
+          agent.description && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: { gap: 4 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              import_react_native4.Text,
+              {
+                style: {
+                  color: theme.colors.textMuted,
+                  fontSize: theme.fontSize.sm,
+                  fontWeight: "600",
+                  textTransform: "uppercase"
+                },
+                children: "Description"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.Text, { style: { color: theme.colors.text, fontSize: theme.fontSize.md }, children: agent.description })
+          ] }),
+          agent.category && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: styles.inline, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              AgentIcon,
+              {
+                name: "folder",
+                size: 14,
+                color: theme.colors.textMuted,
+                report: errorSink
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.Text, { style: { color: theme.colors.text, fontSize: theme.fontSize.md }, children: agent.category })
+          ] }),
+          agent.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: { gap: 6 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: styles.inline, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                AgentIcon,
+                {
+                  name: "tag",
+                  size: 14,
+                  color: theme.colors.textMuted,
+                  report: errorSink
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                import_react_native4.Text,
+                {
+                  style: { color: theme.colors.textMuted, fontSize: theme.fontSize.sm },
+                  children: "Tags"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.View, { style: styles.tagWrap, children: agent.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              import_react_native4.Text,
+              {
+                style: {
+                  color: theme.colors.textMuted,
+                  backgroundColor: theme.colors.surface,
+                  borderRadius: theme.radius.sm,
+                  overflow: "hidden",
+                  paddingHorizontal: 6,
+                  paddingVertical: 2,
+                  fontSize: theme.fontSize.xs
+                },
+                children: tag
+              },
+              tag
+            )) })
+          ] }),
+          agent.accessLevel && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: styles.inline, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              AgentIcon,
+              {
+                name: agent.isOwner === false ? "users" : "globe",
+                size: 14,
+                color: theme.colors.textMuted,
+                report: errorSink
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.Text, { style: { color: theme.colors.text, fontSize: theme.fontSize.md }, children: agent.accessLevel === "owner" ? "You own this" : `Shared \u2014 ${agent.accessLevel}` }),
+              agent.sharedByEmail && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                import_react_native4.Text,
+                {
+                  style: { color: theme.colors.textMuted, fontSize: theme.fontSize.xs },
+                  children: [
+                    "by ",
+                    agent.sharedByEmail
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          agent.modelId && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.View, { children: renderModelRef({ modelId: agent.modelId }) }),
+          (updated || created) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: { gap: 4 }, children: [
+            updated && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: styles.inline, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                AgentIcon,
+                {
+                  name: "clock",
+                  size: 13,
+                  color: theme.colors.textMuted,
+                  report: errorSink
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                import_react_native4.Text,
+                {
+                  style: { color: theme.colors.textMuted, fontSize: theme.fontSize.sm },
+                  children: [
+                    "Updated ",
+                    updated
+                  ]
+                }
+              )
+            ] }),
+            created && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: styles.inline, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                AgentIcon,
+                {
+                  name: "clock",
+                  size: 13,
+                  color: theme.colors.textFaint,
+                  report: errorSink
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                import_react_native4.Text,
+                {
+                  style: { color: theme.colors.textFaint, fontSize: theme.fontSize.sm },
+                  children: [
+                    "Created ",
+                    created
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.View, { style: { height: import_react_native4.StyleSheet.hairlineWidth, backgroundColor: theme.colors.border } }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: [styles.footer, { padding: theme.spacing.sm }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_react_native4.Pressable,
+        {
+          onPress: onSelect,
+          accessibilityRole: "button",
+          accessibilityLabel: `Select ${agent.name || "Untitled"}`,
+          style: ({ pressed }) => [
+            styles.selectButton,
+            {
+              borderRadius: theme.radius.md,
+              backgroundColor: theme.colors.primary,
+              opacity: pressed ? 0.85 : 1
+            }
+          ],
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_react_native4.Text,
+            {
+              style: {
+                color: theme.colors.primaryForeground,
+                fontSize: theme.fontSize.md,
+                fontWeight: "600"
+              },
+              children: "Select"
+            }
+          )
+        }
+      ),
+      openPeek && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_react_native4.Pressable,
+        {
+          onPress: () => openPeek(agent),
+          accessibilityRole: "button",
+          accessibilityLabel: "Sneak Peek",
+          style: ({ pressed }) => [
+            styles.iconButton,
+            {
+              borderRadius: theme.radius.md,
+              borderColor: theme.colors.border,
+              backgroundColor: pressed ? theme.colors.surfacePressed : theme.colors.surface
+            }
+          ],
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            AgentIcon,
+            {
+              name: "rocket",
+              size: 14,
+              color: theme.colors.textMuted,
+              report: errorSink
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+}
+var styles = import_react_native4.StyleSheet.create({
+  container: { flex: 1, minHeight: 0 },
+  header: { flexDirection: "row", alignItems: "flex-start", gap: 12 },
+  body: { flex: 1, minHeight: 0 },
+  inline: { flexDirection: "row", alignItems: "center", gap: 8 },
+  orchestra: { borderWidth: import_react_native4.StyleSheet.hairlineWidth, gap: 4 },
+  tagWrap: { flexDirection: "row", flexWrap: "wrap", gap: 4 },
+  footer: { flexDirection: "row", alignItems: "center", gap: 8 },
+  selectButton: {
+    flex: 1,
+    height: 40,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  iconButton: {
+    width: 40,
+    height: 40,
+    alignItems: "center",
+    justifyContent: "center",
+    borderWidth: import_react_native4.StyleSheet.hairlineWidth
+  }
+});
+
+// catalog/native/AgentListContent.tsx
+var import_react_native9 = require("react-native");
+
+// catalog/native/AgentFilterBar.tsx
+var import_react_native6 = require("react-native");
+
+// catalog/native/primitives.tsx
+var import_react_native5 = require("react-native");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function SearchInput({
+  value,
+  onChange,
+  placeholder,
+  autoFocus = false
+}) {
+  const theme = useAgentCatalogNativeTheme();
+  const { errorSink } = useAgentCatalog();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    import_react_native5.View,
+    {
+      style: [
+        styles2.searchWrap,
+        {
+          backgroundColor: theme.colors.surface,
+          borderColor: theme.colors.border,
+          borderRadius: theme.radius.md,
+          paddingHorizontal: theme.spacing.sm
+        }
+      ],
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          AgentIcon,
+          {
+            name: "search",
+            size: 14,
+            color: theme.colors.textMuted,
+            report: errorSink
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_react_native5.TextInput,
+          {
+            value,
+            onChangeText: onChange,
+            placeholder,
+            placeholderTextColor: theme.colors.textFaint,
+            autoFocus,
+            autoCorrect: false,
+            autoCapitalize: "none",
+            returnKeyType: "search",
+            accessibilityLabel: placeholder,
+            style: [styles2.searchInput, { color: theme.colors.text }]
+          }
+        ),
+        value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_react_native5.Pressable,
+          {
+            onPress: () => onChange(""),
+            accessibilityRole: "button",
+            accessibilityLabel: "Clear search",
+            hitSlop: 8,
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              AgentIcon,
+              {
+                name: "x",
+                size: 13,
+                color: theme.colors.textMuted,
+                report: errorSink
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function FilterChip({
+  icon,
+  label,
+  active,
+  onPress
+}) {
+  const theme = useAgentCatalogNativeTheme();
+  const { errorSink } = useAgentCatalog();
+  const tint = active ? theme.colors.primary : theme.colors.textMuted;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    import_react_native5.Pressable,
+    {
+      onPress,
+      accessibilityRole: "button",
+      accessibilityState: { selected: active },
+      accessibilityLabel: label,
+      style: ({ pressed }) => [
+        styles2.chip,
+        {
+          borderRadius: theme.radius.sm,
+          backgroundColor: active ? theme.colors.primarySoft : pressed ? theme.colors.surfacePressed : "transparent",
+          borderColor: active ? theme.colors.primary : "transparent"
+        }
+      ],
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AgentIcon, { name: icon, size: 12, color: tint, report: errorSink }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native5.Text, { style: { color: tint, fontSize: theme.fontSize.sm, fontWeight: "500" }, children: label })
+      ]
+    }
+  );
+}
+function OptionRow({
+  label,
+  selected,
+  onPress
+}) {
+  const theme = useAgentCatalogNativeTheme();
+  const { errorSink } = useAgentCatalog();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    import_react_native5.Pressable,
+    {
+      onPress,
+      accessibilityRole: "button",
+      accessibilityState: { selected },
+      style: ({ pressed }) => [
+        styles2.optionRow,
+        {
+          paddingHorizontal: theme.spacing.md,
+          backgroundColor: pressed ? theme.colors.surfacePressed : "transparent"
+        }
+      ],
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_react_native5.Text,
+          {
+            style: {
+              flex: 1,
+              color: selected ? theme.colors.primary : theme.colors.text,
+              fontSize: theme.fontSize.md,
+              fontWeight: selected ? "600" : "400"
+            },
+            children: label
+          }
+        ),
+        selected && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          AgentIcon,
+          {
+            name: "check",
+            size: 14,
+            color: theme.colors.primary,
+            report: errorSink
+          }
+        )
+      ]
+    }
+  );
+}
+function CheckRow({
+  label,
+  checked,
+  onPress
+}) {
+  const theme = useAgentCatalogNativeTheme();
+  const { errorSink } = useAgentCatalog();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    import_react_native5.Pressable,
+    {
+      onPress,
+      accessibilityRole: "checkbox",
+      accessibilityState: { checked },
+      style: ({ pressed }) => [
+        styles2.checkRow,
+        {
+          paddingHorizontal: theme.spacing.md,
+          backgroundColor: pressed ? theme.colors.surfacePressed : "transparent"
+        }
+      ],
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_react_native5.View,
+          {
+            style: [
+              styles2.checkBox,
+              {
+                borderRadius: theme.radius.sm,
+                borderColor: checked ? theme.colors.primary : theme.colors.border,
+                backgroundColor: checked ? theme.colors.primary : "transparent"
+              }
+            ],
+            children: checked && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              AgentIcon,
+              {
+                name: "check",
+                size: 10,
+                color: theme.colors.primaryForeground,
+                report: errorSink
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_react_native5.Text,
+          {
+            numberOfLines: 1,
+            style: { flex: 1, color: theme.colors.text, fontSize: theme.fontSize.md },
+            children: label
+          }
+        )
+      ]
+    }
+  );
+}
+function SidePanelHeader({
+  title,
+  onClose
+}) {
+  const theme = useAgentCatalogNativeTheme();
+  const { errorSink } = useAgentCatalog();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    import_react_native5.View,
+    {
+      style: [
+        styles2.panelHeader,
+        {
+          paddingHorizontal: theme.spacing.md,
+          borderBottomColor: theme.colors.border
+        }
+      ],
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_react_native5.Text,
+          {
+            style: {
+              color: theme.colors.text,
+              fontSize: theme.fontSize.md,
+              fontWeight: "600"
+            },
+            children: title
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_react_native5.Pressable,
+          {
+            onPress: onClose,
+            accessibilityRole: "button",
+            accessibilityLabel: "Close",
+            hitSlop: 8,
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              AgentIcon,
+              {
+                name: "x",
+                size: 14,
+                color: theme.colors.textMuted,
+                report: errorSink
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+var styles2 = import_react_native5.StyleSheet.create({
+  searchWrap: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    height: 36,
+    borderWidth: import_react_native5.StyleSheet.hairlineWidth
+  },
+  searchInput: {
+    flex: 1,
+    minWidth: 0,
+    padding: 0,
+    fontSize: 15
+  },
+  chip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    height: 28,
+    paddingHorizontal: 8,
+    borderWidth: import_react_native5.StyleSheet.hairlineWidth
+  },
+  optionRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: 10
+  },
+  checkRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    paddingVertical: 8
+  },
+  checkBox: {
+    width: 18,
+    height: 18,
+    alignItems: "center",
+    justifyContent: "center",
+    borderWidth: 1
+  },
+  panelHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingVertical: 10,
+    borderBottomWidth: import_react_native5.StyleSheet.hairlineWidth
+  }
+});
+
+// catalog/native/AgentFilterBar.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function AgentFilterBar({
+  consumer,
+  allCategories,
+  allTags,
+  activeFilterCount,
+  onFilterChipPress,
+  onReset
+}) {
+  const theme = useAgentCatalogNativeTheme();
+  const { errorSink } = useAgentCatalog();
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    import_react_native6.ScrollView,
+    {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: [
+        styles3.bar,
+        { paddingHorizontal: theme.spacing.sm }
+      ],
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          FilterChip,
+          {
+            icon: "arrowUpDown",
+            label: SORT_OPTIONS.find((o) => o.value === consumer.sortBy)?.label ?? "Sort",
+            active: consumer.sortBy !== "updated-desc",
+            onPress: () => onFilterChipPress("sort")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          FilterChip,
+          {
+            icon: "star",
+            label: consumer.favFilter === "no" ? "No Favs" : "Favs",
+            active: consumer.favFilter !== "all",
+            onPress: () => {
+              const next = consumer.favFilter === "all" ? "yes" : consumer.favFilter === "yes" ? "no" : "all";
+              consumer.setFavFilter(next);
+            }
+          }
+        ),
+        allCategories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          FilterChip,
+          {
+            icon: "folder",
+            label: consumer.includedCats.length > 0 ? `${consumer.includedCats.length}` : "Category",
+            active: consumer.includedCats.length > 0,
+            onPress: () => onFilterChipPress("categories")
+          }
+        ),
+        allTags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          FilterChip,
+          {
+            icon: "tag",
+            label: consumer.includedTags.length > 0 ? `${consumer.includedTags.length}` : "Tags",
+            active: consumer.includedTags.length > 0,
+            onPress: () => onFilterChipPress("tags")
+          }
+        ),
+        activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_react_native6.Pressable,
+          {
+            onPress: onReset,
+            accessibilityRole: "button",
+            accessibilityLabel: "Reset filters",
+            hitSlop: 8,
+            style: ({ pressed }) => [
+              styles3.reset,
+              {
+                borderRadius: theme.radius.sm,
+                backgroundColor: pressed ? theme.colors.surfacePressed : "transparent"
+              }
+            ],
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              AgentIcon,
+              {
+                name: "rotateCcw",
+                size: 12,
+                color: theme.colors.textMuted,
+                report: errorSink
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+var styles3 = import_react_native6.StyleSheet.create({
+  bar: { flexDirection: "row", alignItems: "center", gap: 4, paddingBottom: 6 },
+  reset: {
+    height: 28,
+    paddingHorizontal: 8,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+
+// catalog/native/AgentListTabs.tsx
+var import_react_native7 = require("react-native");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function AgentListTabs({
+  consumer,
+  tabCounts,
+  visibleTabs,
+  systemTabLabel
+}) {
+  const { labels } = useAgentCatalog();
+  const theme = useAgentCatalogNativeTheme();
+  const tabs = [
+    { value: "mine", label: "Mine", countKey: "mine" },
+    { value: "shared", label: "Shared", countKey: "shared" },
+    { value: "all", label: "All", countKey: "all" },
+    { value: "system", label: labels.publicTab, countKey: "system" }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_react_native7.ScrollView,
+    {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      accessibilityRole: "tablist",
+      accessibilityLabel: "Agent ownership",
+      contentContainerStyle: [
+        styles4.strip,
+        { paddingHorizontal: theme.spacing.sm }
+      ],
+      children: tabs.filter(({ value }) => !visibleTabs || visibleTabs.includes(value)).map(({ value, label: baseLabel, countKey }) => {
+        const label = value === "system" ? systemTabLabel ?? baseLabel : baseLabel;
+        const active = consumer.tab === value;
+        const count = tabCounts[countKey];
+        return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          import_react_native7.Pressable,
+          {
+            onPress: () => consumer.setTab(value),
+            accessibilityRole: "tab",
+            accessibilityState: { selected: active },
+            accessibilityLabel: `${label}, ${count}`,
+            style: ({ pressed }) => [
+              styles4.tab,
+              {
+                borderRadius: theme.radius.md,
+                backgroundColor: active ? theme.colors.primary : pressed ? theme.colors.surfacePressed : "transparent"
+              }
+            ],
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                import_react_native7.Text,
+                {
+                  style: {
+                    color: active ? theme.colors.primaryForeground : theme.colors.textMuted,
+                    fontSize: theme.fontSize.sm,
+                    fontWeight: "500"
+                  },
+                  children: label
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                import_react_native7.Text,
+                {
+                  style: {
+                    color: active ? theme.colors.primaryForeground : theme.colors.textMuted,
+                    fontSize: theme.fontSize.sm,
+                    opacity: 0.8,
+                    fontVariant: ["tabular-nums"]
+                  },
+                  children: count
+                }
+              )
+            ]
+          },
+          value
+        );
+      })
+    }
+  );
+}
+var styles4 = import_react_native7.StyleSheet.create({
+  strip: { flexDirection: "row", alignItems: "center", gap: 4, paddingBottom: 6 },
+  tab: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    paddingHorizontal: 10,
+    paddingVertical: 6
+  }
+});
+
+// catalog/native/AgentRow.tsx
+var import_react_native8 = require("react-native");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function AgentRow({
+  agent,
+  isActive,
+  onPress,
+  onDetailPress
+}) {
+  const { labels, errorSink } = useAgentCatalog();
+  const theme = useAgentCatalogNativeTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    import_react_native8.View,
+    {
+      testID: `agent-row-${agent.id}`,
+      style: [
+        styles5.row,
+        isActive ? { backgroundColor: theme.colors.primarySoft } : null
+      ],
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          import_react_native8.Pressable,
+          {
+            onPress,
+            accessibilityRole: "button",
+            accessibilityState: { selected: isActive },
+            accessibilityLabel: agent.name || "Untitled",
+            style: ({ pressed }) => [
+              styles5.main,
+              {
+                paddingHorizontal: theme.spacing.md,
+                backgroundColor: pressed ? theme.colors.surfacePressed : "transparent"
+              }
+            ],
+            children: [
+              agent.isFavorite && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                AgentIcon,
+                {
+                  name: "star",
+                  size: 12,
+                  filled: true,
+                  color: theme.colors.favorite,
+                  report: errorSink
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_react_native8.Text,
+                {
+                  numberOfLines: 1,
+                  style: {
+                    flexShrink: 1,
+                    color: isActive ? theme.colors.primary : theme.colors.text,
+                    fontSize: theme.fontSize.md,
+                    fontWeight: "500"
+                  },
+                  children: agent.name || "Untitled"
+                }
+              ),
+              agent.orchestra && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                import_react_native8.View,
+                {
+                  accessibilityLabel: orchestraDelegatesLine(agent.orchestra) ?? orchestraLabel(agent.orchestra),
+                  style: [
+                    styles5.badge,
+                    {
+                      backgroundColor: theme.colors.primarySoft,
+                      borderRadius: theme.radius.sm
+                    }
+                  ],
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      AgentIcon,
+                      {
+                        name: "music4",
+                        size: 10,
+                        color: theme.colors.primary,
+                        report: errorSink
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      import_react_native8.Text,
+                      {
+                        style: { color: theme.colors.primary, fontSize: theme.fontSize.xs },
+                        children: agent.orchestra.memberCount
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native8.View, { style: styles5.spacer }),
+              agent.agentType === "builtin" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_react_native8.Text,
+                {
+                  style: [
+                    styles5.originBadge,
+                    {
+                      color: theme.colors.primary,
+                      backgroundColor: theme.colors.primarySoft,
+                      borderRadius: theme.radius.sm,
+                      fontSize: theme.fontSize.xs
+                    }
+                  ],
+                  children: labels.systemBadge
+                }
+              ) : agent.isOwner === false ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_react_native8.Text,
+                {
+                  style: [
+                    styles5.originBadge,
+                    {
+                      color: theme.colors.textMuted,
+                      backgroundColor: theme.colors.surface,
+                      borderRadius: theme.radius.sm,
+                      fontSize: theme.fontSize.xs
+                    }
+                  ],
+                  children: "shared"
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_react_native8.Pressable,
+          {
+            onPress: onDetailPress,
+            accessibilityRole: "button",
+            accessibilityLabel: `Show details for ${agent.name || "Untitled"}`,
+            hitSlop: 6,
+            style: ({ pressed }) => [
+              styles5.detailButton,
+              {
+                backgroundColor: pressed ? theme.colors.surfacePressed : "transparent"
+              }
+            ],
+            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              AgentIcon,
+              {
+                name: "chevronRight",
+                size: 16,
+                color: theme.colors.textFaint,
+                report: errorSink
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+var styles5 = import_react_native8.StyleSheet.create({
+  row: { flexDirection: "row", alignItems: "stretch" },
+  main: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingVertical: 10,
+    minWidth: 0
+  },
+  spacer: { flex: 1 },
+  badge: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 2,
+    paddingHorizontal: 4,
+    paddingVertical: 1
+  },
+  originBadge: {
+    overflow: "hidden",
+    paddingHorizontal: 4,
+    paddingVertical: 1,
+    fontWeight: "500"
+  },
+  detailButton: {
+    width: 40,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+
+// catalog/native/AgentListContent.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function AgentListContent({
+  agents,
+  isLoading,
+  consumer,
+  activeAgentId,
+  allCategories,
+  allTags,
+  onSelectAgent,
+  onDetailPress,
+  onFilterChipPress,
+  onReset,
+  activeFilterCount,
+  tabCounts,
+  visibleTabs,
+  systemTabLabel,
+  pinnedAgent = null,
+  defaultRow = null,
+  autoFocusSearch = false
+}) {
+  const catalog = useAgentCatalog();
+  const theme = useAgentCatalogNativeTheme();
+  const { labels, errorSink } = catalog;
+  const emptyLabel = agentListEmptyLabel(consumer.tab, labels);
+  const defaultAgent = defaultRow?.row ?? null;
+  const items = [];
+  if (defaultAgent) {
+    items.push({ key: "label-default", kind: "label", text: "Default" });
+    items.push({
+      key: `default-${defaultAgent.id}`,
+      kind: "row",
+      agent: defaultAgent,
+      forceActive: defaultAgent.id === activeAgentId
+    });
+    items.push({ key: "divider-default", kind: "divider" });
+  }
+  if (pinnedAgent) {
+    items.push({
+      key: "label-pinned",
+      kind: "label",
+      text: labels.currentAgentHeading
+    });
+    items.push({
+      key: `pinned-${pinnedAgent.id}`,
+      kind: "row",
+      agent: pinnedAgent,
+      forceActive: true
+    });
+    items.push({ key: "divider-pinned", kind: "divider" });
+  }
+  for (const agent of agents) {
+    items.push({
+      key: agent.id,
+      kind: "row",
+      agent,
+      forceActive: agent.id === activeAgentId
+    });
+  }
+  const hairline = {
+    height: import_react_native9.StyleSheet.hairlineWidth,
+    backgroundColor: theme.colors.border
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native9.View, { style: [styles6.container, { backgroundColor: theme.colors.background }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.View, { style: { paddingHorizontal: theme.spacing.sm, paddingBottom: 6 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      SearchInput,
+      {
+        value: consumer.searchTerm,
+        onChange: consumer.setSearchTerm,
+        placeholder: labels.searchPlaceholder,
+        autoFocus: autoFocusSearch
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      AgentListTabs,
+      {
+        consumer,
+        tabCounts,
+        visibleTabs,
+        systemTabLabel
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      AgentFilterBar,
+      {
+        consumer,
+        allCategories,
+        allTags,
+        activeFilterCount,
+        onFilterChipPress,
+        onReset
+      }
+    ),
+    defaultRow?.drift && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      import_react_native9.View,
+      {
+        accessibilityRole: "alert",
+        style: [
+          styles6.banner,
+          {
+            marginHorizontal: theme.spacing.sm,
+            borderRadius: theme.radius.md,
+            backgroundColor: theme.colors.driftBackground,
+            borderColor: theme.colors.driftBorder
+          }
+        ],
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            AgentIcon,
+            {
+              name: "alertTriangle",
+              size: 14,
+              color: theme.colors.driftForeground,
+              report: errorSink
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            import_react_native9.Text,
+            {
+              style: {
+                flex: 1,
+                color: theme.colors.driftForeground,
+                fontSize: theme.fontSize.sm
+              },
+              children: defaultRow.drift
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            import_react_native9.Pressable,
+            {
+              onPress: () => catalog.dismissDefaultRowDrift(defaultRow.mandateKey),
+              accessibilityRole: "button",
+              accessibilityLabel: "Dismiss",
+              hitSlop: 8,
+              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                AgentIcon,
+                {
+                  name: "x",
+                  size: 12,
+                  color: theme.colors.driftForeground,
+                  report: errorSink
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    defaultRow?.error && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      import_react_native9.View,
+      {
+        accessibilityRole: "alert",
+        style: [
+          styles6.banner,
+          {
+            marginHorizontal: theme.spacing.sm,
+            borderRadius: theme.radius.md,
+            backgroundColor: theme.colors.driftBackground,
+            borderColor: theme.colors.driftBorder
+          }
+        ],
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            AgentIcon,
+            {
+              name: "alertTriangle",
+              size: 14,
+              color: theme.colors.driftForeground,
+              report: errorSink
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            import_react_native9.Text,
+            {
+              style: {
+                flex: 1,
+                color: theme.colors.driftForeground,
+                fontSize: theme.fontSize.sm
+              },
+              children: defaultRow.error
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.View, { style: hairline }),
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native9.View, { style: styles6.centered, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        AgentIcon,
+        {
+          name: "loader",
+          size: 16,
+          color: theme.colors.textMuted,
+          report: errorSink
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.Text, { style: { color: theme.colors.textMuted, fontSize: theme.fontSize.md }, children: labels.loading })
+    ] }) : items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.View, { style: styles6.centered, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.Text, { style: { color: theme.colors.textMuted, fontSize: theme.fontSize.md }, children: emptyLabel }) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_react_native9.FlatList,
+      {
+        style: styles6.list,
+        data: items,
+        keyExtractor: (item) => item.key,
+        keyboardShouldPersistTaps: "handled",
+        renderItem: ({ item }) => {
+          if (item.kind === "divider") return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.View, { style: hairline });
+          if (item.kind === "label") {
+            return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              import_react_native9.Text,
+              {
+                style: {
+                  color: theme.colors.textMuted,
+                  fontSize: theme.fontSize.xs,
+                  fontWeight: "600",
+                  textTransform: "uppercase",
+                  paddingHorizontal: theme.spacing.md,
+                  paddingTop: 8,
+                  paddingBottom: 2
+                },
+                children: item.text
+              }
+            );
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            AgentRow,
+            {
+              agent: item.agent,
+              isActive: item.forceActive,
+              onPress: () => onSelectAgent(item.agent),
+              onDetailPress: () => onDetailPress(item.agent)
+            }
+          );
+        },
+        ListFooterComponent: agents.length === 0 && (pinnedAgent || defaultAgent) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.View, { style: styles6.centered, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          import_react_native9.Text,
+          {
+            style: {
+              color: theme.colors.textMuted,
+              fontSize: theme.fontSize.md
+            },
+            children: emptyLabel
+          }
+        ) }) : null
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.View, { style: hairline }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native9.View, { style: [styles6.footer, { paddingHorizontal: theme.spacing.md }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        import_react_native9.Text,
+        {
+          style: {
+            color: theme.colors.textMuted,
+            fontSize: theme.fontSize.xs,
+            fontVariant: ["tabular-nums"]
+          },
+          children: [
+            agents.length,
+            " agent",
+            agents.length !== 1 ? "s" : ""
+          ]
+        }
+      ),
+      consumer.searchTerm.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_react_native9.Pressable,
+        {
+          onPress: () => consumer.setSearchTerm(""),
+          accessibilityRole: "button",
+          accessibilityLabel: "Clear search",
+          hitSlop: 8,
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            import_react_native9.Text,
+            {
+              style: { color: theme.colors.textMuted, fontSize: theme.fontSize.xs },
+              children: "Clear search"
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+}
+var styles6 = import_react_native9.StyleSheet.create({
+  container: { flex: 1, minHeight: 0 },
+  list: { flex: 1, minHeight: 0 },
+  banner: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 8,
+    marginBottom: 6,
+    paddingHorizontal: 8,
+    paddingVertical: 6,
+    borderWidth: import_react_native9.StyleSheet.hairlineWidth
+  },
+  centered: {
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 8,
+    paddingVertical: 32
+  },
+  footer: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingVertical: 8
+  }
+});
+
+// catalog/native/AgentSubView.tsx
+var import_react_native10 = require("react-native");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function AgentSubView({
+  view,
+  consumer,
+  allCategories,
+  allTags,
+  search,
+  setSearch,
+  onBack
+}) {
+  const theme = useAgentCatalogNativeTheme();
+  const title = view === "sort" ? "Sort" : view === "categories" ? "Categories" : "Tags";
+  const values = view === "categories" ? allCategories : allTags;
+  const included = view === "categories" ? consumer.includedCats : consumer.includedTags;
+  const filtered = values.filter(
+    (value) => !search || value.toLowerCase().includes(search.toLowerCase())
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native10.View, { style: styles7.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SidePanelHeader, { title, onClose: onBack }),
+    view === "sort" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native10.ScrollView, { style: styles7.list, children: SORT_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      OptionRow,
+      {
+        label: option.label,
+        selected: consumer.sortBy === option.value,
+        onPress: () => {
+          consumer.setSortBy(option.value);
+          onBack();
+        }
+      },
+      option.value
+    )) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native10.View, { style: { paddingHorizontal: theme.spacing.sm, paddingVertical: 6 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        SearchInput,
+        {
+          value: search,
+          onChange: setSearch,
+          placeholder: view === "categories" ? "Filter categories..." : "Filter tags..."
+        }
+      ) }),
+      included.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        import_react_native10.Pressable,
+        {
+          onPress: () => view === "categories" ? consumer.setIncludedCats([]) : consumer.setIncludedTags([]),
+          accessibilityRole: "button",
+          accessibilityLabel: `Clear ${included.length} filters`,
+          style: {
+            marginHorizontal: theme.spacing.sm,
+            marginBottom: 4,
+            paddingVertical: 6
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+            import_react_native10.Text,
+            {
+              style: {
+                color: theme.colors.primary,
+                fontSize: theme.fontSize.sm,
+                fontWeight: "600"
+              },
+              children: [
+                "Clear (",
+                included.length,
+                ")"
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native10.ScrollView, { style: styles7.list, children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        import_react_native10.Text,
+        {
+          style: {
+            color: theme.colors.textMuted,
+            fontSize: theme.fontSize.md,
+            textAlign: "center",
+            paddingVertical: 24
+          },
+          children: view === "categories" ? "No categories" : "No tags"
+        }
+      ) : filtered.map((value) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        CheckRow,
+        {
+          label: value,
+          checked: included.includes(value),
+          onPress: () => view === "categories" ? consumer.toggleCategory(value) : consumer.toggleTag(value)
+        },
+        value
+      )) })
+    ] })
+  ] });
+}
+var styles7 = import_react_native10.StyleSheet.create({
+  container: { flex: 1, minHeight: 0 },
+  list: { flex: 1, minHeight: 0 }
+});
+
+// catalog/native/AgentPickerBody.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function AgentPickerBody({
+  consumerId,
+  onSelect,
+  activeAgentId = null,
+  autoFocusSearch = false,
+  initialTab,
+  includeSystemInAll = false,
+  visibleTabs,
+  systemTabLabel,
+  showPinnedAgent = true,
+  excludeAgentIds,
+  defaultMandateKey,
+  compact = false,
+  onAfterSelect
+}) {
+  const [detailAgent, setDetailAgent] = (0, import_react6.useState)(null);
+  const [subView, setSubView] = (0, import_react6.useState)(null);
+  const [panelSearch, setPanelSearch] = (0, import_react6.useState)("");
+  const {
+    agents,
+    isLoading,
+    allCategories,
+    allTags,
+    consumer,
+    tabCounts,
+    activeFilterCount,
+    pinnedAgent,
+    defaultRow,
+    ensureLoaded,
+    handleSelectAgent: coreSelectAgent
+  } = useAgentListCore({
+    consumerId,
+    onSelect,
+    activeAgentIdOverride: activeAgentId,
+    ...initialTab ? { initialTab } : {},
+    includeSystemInAll,
+    // The restriction has to reach the CORE, not just the tab strip.
+    ...visibleTabs ? { visibleTabs } : {},
+    ...excludeAgentIds ? { excludeAgentIds } : {},
+    ...defaultMandateKey ? { defaultMandateKey } : {}
+  });
+  (0, import_react6.useEffect)(() => {
+    ensureLoaded();
+  }, [ensureLoaded]);
+  const selectAgent = (agent) => {
+    coreSelectAgent(agent);
+    setDetailAgent(null);
+    setSubView(null);
+    onAfterSelect?.();
+  };
+  if (detailAgent) {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.View, { style: styles8.fill, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      AgentDetailCard,
+      {
+        agent: detailAgent,
+        onSelect: () => selectAgent(detailAgent)
+      }
+    ) });
+  }
+  if (subView) {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.View, { style: styles8.fill, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      AgentSubView,
+      {
+        view: subView,
+        consumer,
+        allCategories,
+        allTags,
+        search: panelSearch,
+        setSearch: setPanelSearch,
+        onBack: () => {
+          setSubView(null);
+          setPanelSearch("");
+        }
+      }
+    ) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.View, { style: [styles8.fill, compact ? styles8.compact : null], children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    AgentListContent,
+    {
+      agents,
+      isLoading,
+      consumer,
+      activeAgentId,
+      allCategories,
+      allTags,
+      onSelectAgent: selectAgent,
+      onDetailPress: setDetailAgent,
+      onFilterChipPress: setSubView,
+      onReset: consumer.resetFilters,
+      activeFilterCount,
+      tabCounts,
+      ...visibleTabs ? { visibleTabs } : {},
+      ...systemTabLabel ?? (includeSystemInAll ? "System" : void 0) ? {
+        systemTabLabel: systemTabLabel ?? (includeSystemInAll ? "System" : void 0)
+      } : {},
+      pinnedAgent: showPinnedAgent ? pinnedAgent : null,
+      defaultRow,
+      autoFocusSearch
+    }
+  ) });
+}
+var styles8 = import_react_native11.StyleSheet.create({
+  fill: { flex: 1, minHeight: 0 },
+  compact: { paddingTop: 0 }
+});
+
+// catalog/native/AgentListSheet.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function AgentListSheet({ title, ...props }) {
+  const theme = useAgentCatalogNativeTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native12.View, { style: [styles9.sheet, { backgroundColor: theme.colors.background }], children: [
+    title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_react_native12.Text,
+      {
+        accessibilityRole: "header",
+        style: {
+          color: theme.colors.text,
+          fontSize: theme.fontSize.lg + 3,
+          fontWeight: "700",
+          paddingHorizontal: theme.spacing.md,
+          paddingTop: theme.spacing.sm,
+          paddingBottom: theme.spacing.sm
+        },
+        children: title
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AgentPickerBody, { ...props })
+  ] });
+}
+var styles9 = import_react_native12.StyleSheet.create({
+  sheet: { flex: 1, minHeight: 0 }
+});
+
+// catalog/native/AgentListInlinePicker.tsx
+var import_react_native13 = require("react-native");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function AgentListInlinePicker(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.View, { style: styles10.fill, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AgentPickerBody, { ...props }) });
+}
+var styles10 = import_react_native13.StyleSheet.create({
+  fill: { flex: 1, minHeight: 0 }
+});
+//# sourceMappingURL=index.cjs.map