@ai-matrx/agents 0.8.0 → 0.9.1

package/dist/catalog/native/index.js

@@ -0,0 +1,2834 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// catalog/native/context.tsx
+import { createContext as createContext2, useContext as useContext2, useMemo as useMemo2 } from "react";
+import { Pressable, Text } from "react-native";
+
+// catalog/shared/context.tsx
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useMemo,
+  useSyncExternalStore
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var AgentCatalogContext = createContext(null);
+function AgentCatalogProviderCore({
+  catalog,
+  platform,
+  children,
+  ...ports
+}) {
+  const value = 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__ */ jsx(AgentCatalogContext.Provider, { value, children });
+}
+function useBinding() {
+  const binding = 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 = 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 = useCallback(
+    () => select(catalog.getState()),
+    [catalog, select]
+  );
+  return 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
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ThemeContext = createContext2(
+  DEFAULT_AGENT_CATALOG_NATIVE_THEME
+);
+function useAgentCatalogNativeTheme() {
+  return useContext2(ThemeContext);
+}
+var NativeLink = ({ children, onClick, title }) => /* @__PURE__ */ jsx2(
+  Pressable,
+  {
+    accessibilityRole: "link",
+    ...title ? { accessibilityLabel: title } : {},
+    onPress: () => onClick?.({
+      preventDefault: () => {
+      },
+      stopPropagation: () => {
+      }
+    }),
+    children
+  }
+);
+var nativeRenderModelRef = ({ modelId }) => /* @__PURE__ */ jsx2(Text, { children: modelId });
+function AgentCatalogProvider({
+  catalog,
+  theme,
+  children,
+  ...ports
+}) {
+  const resolvedTheme = useMemo2(
+    () => resolveAgentCatalogNativeTheme(theme),
+    // A theme object is declared once by a host; re-resolving on identity
+    // change is correct and cheap.
+    [theme]
+  );
+  const platform = useMemo2(
+    () => ({
+      /**
+       * 🚨 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__ */ jsx2(ThemeContext.Provider, { value: resolvedTheme, children: /* @__PURE__ */ jsx2(
+    AgentCatalogProviderCore,
+    {
+      catalog,
+      platform,
+      ...ports,
+      children
+    }
+  ) });
+}
+
+// catalog/native/AgentListSheet.tsx
+import { StyleSheet as StyleSheet9, Text as Text9, View as View7 } from "react-native";
+
+// catalog/native/AgentPickerBody.tsx
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import { StyleSheet as StyleSheet8, View as View6 } from "react-native";
+
+// catalog/shared/useAgentListCore.ts
+import {
+  useCallback as useCallback3,
+  useEffect as useEffect2,
+  useMemo as useMemo3,
+  useRef as useRef2,
+  useState as useState2
+} from "react";
+
+// catalog/shared/useAgentConsumer.ts
+import { useCallback as useCallback2, useEffect, useRef, useState } from "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 = useCallback2(
+    (state) => state.consumers[consumerId] ?? DEFAULT_AGENT_CONSUMER_STATE,
+    [consumerId]
+  );
+  const consumer = useAgentCatalogState(selectConsumer);
+  const optionsRef = useRef(options);
+  optionsRef.current = options;
+  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 = useCallback2(
+    (value) => catalog.setConsumerFilter(consumerId, { searchTerm: value }),
+    [consumerId, catalog]
+  );
+  const setDeepSearch = useCallback2(
+    (value) => catalog.setConsumerFilter(consumerId, { deepSearch: value }),
+    [consumerId, catalog]
+  );
+  const setSortBy = useCallback2(
+    (value) => catalog.setConsumerFilter(consumerId, { sortBy: value }),
+    [consumerId, catalog]
+  );
+  const setTab = useCallback2(
+    (value) => catalog.setConsumerFilter(consumerId, { tab: value }),
+    [consumerId, catalog]
+  );
+  const setFavFilter = useCallback2(
+    (value) => catalog.setConsumerFilter(consumerId, { favFilter: value }),
+    [consumerId, catalog]
+  );
+  const setArchFilter = useCallback2(
+    (value) => catalog.setConsumerFilter(consumerId, { archFilter: value }),
+    [consumerId, catalog]
+  );
+  const setAccessFilter = useCallback2(
+    (value) => catalog.setConsumerFilter(consumerId, { accessFilter: value }),
+    [consumerId, catalog]
+  );
+  const toggleCategory = useCallback2(
+    (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 = useCallback2(
+    (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 = useCallback2(
+    (next) => catalog.setConsumerFilter(consumerId, { includedCats: next }),
+    [consumerId, catalog]
+  );
+  const setIncludedTags = useCallback2(
+    (next) => catalog.setConsumerFilter(consumerId, { includedTags: next }),
+    [consumerId, catalog]
+  );
+  const toggleFavoritesFirst = useCallback2(
+    () => catalog.setConsumerFilter(consumerId, {
+      favoritesFirst: !catalog.getConsumer(consumerId).favoritesFirst
+    }),
+    [consumerId, catalog]
+  );
+  const loadMoreList = useCallback2(
+    () => catalog.setConsumerPage(
+      consumerId,
+      "list",
+      catalog.getConsumer(consumerId).listPage + 1
+    ),
+    [consumerId, catalog]
+  );
+  const loadMoreShared = useCallback2(
+    () => catalog.setConsumerPage(
+      consumerId,
+      "shared",
+      catalog.getConsumer(consumerId).sharedPage + 1
+    ),
+    [consumerId, catalog]
+  );
+  const resetFilters = useCallback2(
+    () => catalog.resetConsumerFilters(consumerId),
+    [consumerId, catalog]
+  );
+  const [isSearching, setIsSearching] = useState(false);
+  const [matchedIds, setMatchedIds] = useState(null);
+  const requestSeq = useRef(0);
+  const query = consumer.searchTerm;
+  const deep = consumer.deepSearch;
+  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]);
+  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 compareAgentIds(a, b) {
+  const idA = a.id ?? "";
+  const idB = b.id ?? "";
+  if (idA < idB) return -1;
+  if (idA > idB) return 1;
+  return 0;
+}
+function applyAgentSortComparator(a, b, sortBy) {
+  const primary = compareAgentSortKey(a, b, sortBy);
+  if (!Number.isFinite(primary) || primary === 0) return compareAgentIds(a, b);
+  return primary;
+}
+function compareAgentSortKey(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);
+  }
+);
+function agentMatchesArchiveFilter(agent, archFilter) {
+  if (archFilter === "active") return !agent.isArchived;
+  if (archFilter === "archived") return Boolean(agent.isArchived);
+  return true;
+}
+function countUserRows(agents, archFilter, predicate) {
+  let n = 0;
+  for (const a of agents) {
+    if (a.agentType !== "user") continue;
+    if (!agentMatchesArchiveFilter(a, archFilter)) continue;
+    if (predicate(a)) n += 1;
+  }
+  return n;
+}
+var isOwned = (a) => a.isOwner === true;
+var isShared = (a) => a.isOwner === false && a.accessLevel != null;
+var isAny = () => true;
+var isFavorite = (a) => Boolean(a.isFavorite);
+var selectAgentTabCounts = memoize2(
+  (agents, archFilter) => ({
+    mine: countUserRows(agents, archFilter, isOwned),
+    shared: countUserRows(agents, archFilter, isShared),
+    all: countUserRows(agents, archFilter, isAny),
+    system: selectBuiltinTypeAgents(agents).length
+  })
+);
+var selectTotalUserAgentsCount = memoize1(
+  (agents) => countUserRows(agents, "active", isAny)
+);
+var selectTotalOwnedAgentsCount = memoize1(
+  (agents) => countUserRows(agents, "active", isOwned)
+);
+var selectTotalSharedAgentsCount = memoize1(
+  (agents) => countUserRows(agents, "active", isShared)
+);
+var selectTotalBuiltinAgentsCount = memoize1(
+  (agents) => selectBuiltinTypeAgents(agents).length
+);
+var selectTotalFavoriteAgentsCount = memoize1(
+  (agents) => countUserRows(agents, "active", isFavorite)
+);
+
+// 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 = useRef2(false);
+  const [hoveredAgent, setHoveredAgent] = useState2(null);
+  const hoverLeaveTimerRef = useRef2(null);
+  const defaultTabAppliedRef = useRef2(false);
+  const consumer = useAgentConsumer(consumerId, { unregisterOnUnmount: true });
+  const rows = useAgentCatalogRows();
+  const userId = catalog.getUserIdOrNull();
+  const tabCountsForFilter = selectAgentTabCounts(rows, consumer.state.archFilter);
+  const ownedCount = tabCountsForFilter.mine;
+  const selectFiltered = useMemo3(
+    () => makeSelectFilteredAgents(includeSystemInAll),
+    [includeSystemInAll]
+  );
+  const filteredAgents = selectFiltered(rows, consumer.state);
+  const excludedAgentIds = useMemo3(
+    () => 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 = tabCountsForFilter;
+  const isLoading = status === "loading";
+  const agentsLoaded = status === "succeeded" || status === "failed";
+  const ensureLoaded = useCallback3(() => {
+    if (!hasFetchedRef.current) {
+      hasFetchedRef.current = true;
+      void catalog.ensureLoaded().catch(() => {
+      });
+    }
+  }, [catalog]);
+  const selectDefaultRow = useCallback3(
+    (state) => defaultMandateKey ? state.defaultRows[defaultMandateKey] : void 0,
+    [defaultMandateKey]
+  );
+  const defaultRow = useAgentCatalogState(selectDefaultRow);
+  useEffect2(() => {
+    if (!defaultMandateKey) return;
+    catalog.ensureDefaultRow(defaultMandateKey);
+  }, [catalog, defaultMandateKey]);
+  useEffect2(() => {
+    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(",") : "";
+  useEffect2(() => {
+    if (!allowedTabsKey) return;
+    const next = coerceVisibleTab(
+      consumer.tab,
+      allowedTabsKey.split(","),
+      initialTab
+    );
+    if (next) consumer.setTab(next);
+  }, [allowedTabsKey, initialTab, consumer.tab, consumer.setTab]);
+  useEffect2(() => {
+    ensureLoaded();
+  }, [ensureLoaded]);
+  const handleSelectAgent = useCallback3(
+    (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 = useCallback3(
+    (agent, panelOpen) => {
+      if (panelOpen) return;
+      if (hoverLeaveTimerRef.current) {
+        clearTimeout(hoverLeaveTimerRef.current);
+        hoverLeaveTimerRef.current = null;
+      }
+      setHoveredAgent(agent);
+    },
+    []
+  );
+  const handleAgentHoverEnd = useCallback3(
+    (agent, onClear) => {
+      if (hoveredAgent?.id === agent.id) {
+        hoverLeaveTimerRef.current = setTimeout(() => {
+          setHoveredAgent(null);
+          onClear();
+        }, HOVER_GRACE_MS);
+      }
+    },
+    [hoveredAgent]
+  );
+  const handleDetailPanelMouseEnter = useCallback3(() => {
+    if (hoverLeaveTimerRef.current) {
+      clearTimeout(hoverLeaveTimerRef.current);
+      hoverLeaveTimerRef.current = null;
+    }
+  }, []);
+  const handleDetailPanelMouseLeave = useCallback3((onClear) => {
+    hoverLeaveTimerRef.current = setTimeout(() => {
+      setHoveredAgent(null);
+      onClear();
+    }, HOVER_GRACE_MS);
+  }, []);
+  useEffect2(
+    () => () => {
+      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
+import { Pressable as Pressable3, ScrollView, StyleSheet, Text as Text3, View } from "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
+import { Text as Text2 } from "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
+import { jsx as jsx3, jsxs } from "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__ */ jsx3(
+      Text2,
+      {
+        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__ */ 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__ */ jsx3(
+          Path,
+          {
+            d,
+            ...filled && shape.fillable ? { fill: color } : {}
+          },
+          `p${index}`
+        )),
+        (shape.circles ?? []).map((circle, index) => /* @__PURE__ */ jsx3(
+          Circle,
+          {
+            cx: circle.cx,
+            cy: circle.cy,
+            r: circle.r,
+            ...circle.filled ? { fill: color } : {}
+          },
+          `c${index}`
+        ))
+      ]
+    }
+  );
+}
+
+// catalog/native/FavoriteAgentButton.tsx
+import { useCallback as useCallback4 } from "react";
+import { Pressable as Pressable2 } from "react-native";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function FavoriteAgentButton({
+  id,
+  size = 18,
+  disabled
+}) {
+  const catalog = useAgentCatalog();
+  const theme = useAgentCatalogNativeTheme();
+  const select = useCallback4((state) => state.byId[id], [id]);
+  const record = useAgentCatalogState(select);
+  const isFavorite2 = record?.isFavorite ?? false;
+  const isOwner = record?.isOwner ?? true;
+  const inert = Boolean(disabled) || !isOwner;
+  const title = isOwner ? isFavorite2 ? "Remove from favorites" : "Add to favorites" : "Shared \u2014 cannot favorite";
+  return /* @__PURE__ */ jsx4(
+    Pressable2,
+    {
+      onPress: () => {
+        if (inert) return;
+        void catalog.setFavorite(id, !isFavorite2).catch(() => {
+        });
+      },
+      disabled: inert,
+      hitSlop: 8,
+      accessibilityRole: "button",
+      accessibilityLabel: title,
+      accessibilityState: { disabled: inert, selected: isFavorite2 },
+      style: { opacity: inert ? 0.4 : 1 },
+      children: /* @__PURE__ */ jsx4(
+        AgentIcon,
+        {
+          name: "star",
+          size,
+          filled: isFavorite2,
+          color: isFavorite2 ? theme.colors.favorite : theme.colors.textFaint,
+          report: catalog.errorSink
+        }
+      )
+    }
+  );
+}
+
+// catalog/native/AgentDetailCard.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "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__ */ jsxs2(View, { style: styles.container, children: [
+    /* @__PURE__ */ jsxs2(View, { style: [styles.header, { padding: theme.spacing.md }], children: [
+      /* @__PURE__ */ jsxs2(View, { style: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx5(
+          Text3,
+          {
+            numberOfLines: 2,
+            style: {
+              color: theme.colors.text,
+              fontSize: theme.fontSize.lg,
+              fontWeight: "600"
+            },
+            children: agent.name || "Untitled"
+          }
+        ),
+        agent.isFavorite && /* @__PURE__ */ jsx5(
+          Text3,
+          {
+            style: { color: theme.colors.favorite, fontSize: theme.fontSize.sm },
+            children: "Pinned to favorites"
+          }
+        )
+      ] }),
+      !isDefaultRow && /* @__PURE__ */ jsx5(FavoriteAgentButton, { id: agent.id })
+    ] }),
+    /* @__PURE__ */ jsx5(View, { style: { height: StyleSheet.hairlineWidth, backgroundColor: theme.colors.border } }),
+    /* @__PURE__ */ jsxs2(
+      ScrollView,
+      {
+        style: styles.body,
+        contentContainerStyle: { padding: theme.spacing.md, gap: theme.spacing.md },
+        children: [
+          agent.orchestra && /* @__PURE__ */ jsxs2(
+            View,
+            {
+              style: [
+                styles.orchestra,
+                {
+                  borderColor: theme.colors.primary,
+                  backgroundColor: theme.colors.primarySoft,
+                  borderRadius: theme.radius.md,
+                  padding: theme.spacing.sm
+                }
+              ],
+              children: [
+                /* @__PURE__ */ jsxs2(View, { style: styles.inline, children: [
+                  /* @__PURE__ */ jsx5(
+                    AgentIcon,
+                    {
+                      name: "music4",
+                      size: 14,
+                      color: theme.colors.primary,
+                      report: errorSink
+                    }
+                  ),
+                  /* @__PURE__ */ jsx5(
+                    Text3,
+                    {
+                      style: {
+                        color: theme.colors.primary,
+                        fontSize: theme.fontSize.sm,
+                        fontWeight: "600"
+                      },
+                      children: orchestraLabel(agent.orchestra)
+                    }
+                  )
+                ] }),
+                agent.orchestra.tagline && /* @__PURE__ */ jsx5(Text3, { style: { color: theme.colors.text, fontSize: theme.fontSize.md }, children: agent.orchestra.tagline }),
+                orchestraDelegatesLine(agent.orchestra) && /* @__PURE__ */ jsx5(
+                  Text3,
+                  {
+                    style: { color: theme.colors.textMuted, fontSize: theme.fontSize.sm },
+                    children: orchestraDelegatesLine(agent.orchestra)
+                  }
+                ),
+                orchestraDepthLine(agent.orchestra) && /* @__PURE__ */ jsx5(
+                  Text3,
+                  {
+                    style: { color: theme.colors.textMuted, fontSize: theme.fontSize.sm },
+                    children: orchestraDepthLine(agent.orchestra)
+                  }
+                )
+              ]
+            }
+          ),
+          agent.description && /* @__PURE__ */ jsxs2(View, { style: { gap: 4 }, children: [
+            /* @__PURE__ */ jsx5(
+              Text3,
+              {
+                style: {
+                  color: theme.colors.textMuted,
+                  fontSize: theme.fontSize.sm,
+                  fontWeight: "600",
+                  textTransform: "uppercase"
+                },
+                children: "Description"
+              }
+            ),
+            /* @__PURE__ */ jsx5(Text3, { style: { color: theme.colors.text, fontSize: theme.fontSize.md }, children: agent.description })
+          ] }),
+          agent.category && /* @__PURE__ */ jsxs2(View, { style: styles.inline, children: [
+            /* @__PURE__ */ jsx5(
+              AgentIcon,
+              {
+                name: "folder",
+                size: 14,
+                color: theme.colors.textMuted,
+                report: errorSink
+              }
+            ),
+            /* @__PURE__ */ jsx5(Text3, { style: { color: theme.colors.text, fontSize: theme.fontSize.md }, children: agent.category })
+          ] }),
+          agent.tags.length > 0 && /* @__PURE__ */ jsxs2(View, { style: { gap: 6 }, children: [
+            /* @__PURE__ */ jsxs2(View, { style: styles.inline, children: [
+              /* @__PURE__ */ jsx5(
+                AgentIcon,
+                {
+                  name: "tag",
+                  size: 14,
+                  color: theme.colors.textMuted,
+                  report: errorSink
+                }
+              ),
+              /* @__PURE__ */ jsx5(
+                Text3,
+                {
+                  style: { color: theme.colors.textMuted, fontSize: theme.fontSize.sm },
+                  children: "Tags"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx5(View, { style: styles.tagWrap, children: agent.tags.map((tag) => /* @__PURE__ */ jsx5(
+              Text3,
+              {
+                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__ */ jsxs2(View, { style: styles.inline, children: [
+            /* @__PURE__ */ jsx5(
+              AgentIcon,
+              {
+                name: agent.isOwner === false ? "users" : "globe",
+                size: 14,
+                color: theme.colors.textMuted,
+                report: errorSink
+              }
+            ),
+            /* @__PURE__ */ jsxs2(View, { children: [
+              /* @__PURE__ */ jsx5(Text3, { style: { color: theme.colors.text, fontSize: theme.fontSize.md }, children: agent.accessLevel === "owner" ? "You own this" : `Shared \u2014 ${agent.accessLevel}` }),
+              agent.sharedByEmail && /* @__PURE__ */ jsxs2(
+                Text3,
+                {
+                  style: { color: theme.colors.textMuted, fontSize: theme.fontSize.xs },
+                  children: [
+                    "by ",
+                    agent.sharedByEmail
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          agent.modelId && /* @__PURE__ */ jsx5(View, { children: renderModelRef({ modelId: agent.modelId }) }),
+          (updated || created) && /* @__PURE__ */ jsxs2(View, { style: { gap: 4 }, children: [
+            updated && /* @__PURE__ */ jsxs2(View, { style: styles.inline, children: [
+              /* @__PURE__ */ jsx5(
+                AgentIcon,
+                {
+                  name: "clock",
+                  size: 13,
+                  color: theme.colors.textMuted,
+                  report: errorSink
+                }
+              ),
+              /* @__PURE__ */ jsxs2(
+                Text3,
+                {
+                  style: { color: theme.colors.textMuted, fontSize: theme.fontSize.sm },
+                  children: [
+                    "Updated ",
+                    updated
+                  ]
+                }
+              )
+            ] }),
+            created && /* @__PURE__ */ jsxs2(View, { style: styles.inline, children: [
+              /* @__PURE__ */ jsx5(
+                AgentIcon,
+                {
+                  name: "clock",
+                  size: 13,
+                  color: theme.colors.textFaint,
+                  report: errorSink
+                }
+              ),
+              /* @__PURE__ */ jsxs2(
+                Text3,
+                {
+                  style: { color: theme.colors.textFaint, fontSize: theme.fontSize.sm },
+                  children: [
+                    "Created ",
+                    created
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx5(View, { style: { height: StyleSheet.hairlineWidth, backgroundColor: theme.colors.border } }),
+    /* @__PURE__ */ jsxs2(View, { style: [styles.footer, { padding: theme.spacing.sm }], children: [
+      /* @__PURE__ */ jsx5(
+        Pressable3,
+        {
+          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__ */ jsx5(
+            Text3,
+            {
+              style: {
+                color: theme.colors.primaryForeground,
+                fontSize: theme.fontSize.md,
+                fontWeight: "600"
+              },
+              children: "Select"
+            }
+          )
+        }
+      ),
+      openPeek && /* @__PURE__ */ jsx5(
+        Pressable3,
+        {
+          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__ */ jsx5(
+            AgentIcon,
+            {
+              name: "rocket",
+              size: 14,
+              color: theme.colors.textMuted,
+              report: errorSink
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+}
+var styles = 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: 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: StyleSheet.hairlineWidth
+  }
+});
+
+// catalog/native/AgentListContent.tsx
+import { FlatList, Pressable as Pressable8, StyleSheet as StyleSheet6, Text as Text7, View as View4 } from "react-native";
+
+// catalog/native/AgentFilterBar.tsx
+import { Pressable as Pressable5, ScrollView as ScrollView2, StyleSheet as StyleSheet3 } from "react-native";
+
+// catalog/native/primitives.tsx
+import { Pressable as Pressable4, StyleSheet as StyleSheet2, Text as Text4, TextInput, View as View2 } from "react-native";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+function SearchInput({
+  value,
+  onChange,
+  placeholder,
+  autoFocus = false
+}) {
+  const theme = useAgentCatalogNativeTheme();
+  const { errorSink } = useAgentCatalog();
+  return /* @__PURE__ */ jsxs3(
+    View2,
+    {
+      style: [
+        styles2.searchWrap,
+        {
+          backgroundColor: theme.colors.surface,
+          borderColor: theme.colors.border,
+          borderRadius: theme.radius.md,
+          paddingHorizontal: theme.spacing.sm
+        }
+      ],
+      children: [
+        /* @__PURE__ */ jsx6(
+          AgentIcon,
+          {
+            name: "search",
+            size: 14,
+            color: theme.colors.textMuted,
+            report: errorSink
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          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__ */ jsx6(
+          Pressable4,
+          {
+            onPress: () => onChange(""),
+            accessibilityRole: "button",
+            accessibilityLabel: "Clear search",
+            hitSlop: 8,
+            children: /* @__PURE__ */ jsx6(
+              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__ */ jsxs3(
+    Pressable4,
+    {
+      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__ */ jsx6(AgentIcon, { name: icon, size: 12, color: tint, report: errorSink }),
+        /* @__PURE__ */ jsx6(Text4, { style: { color: tint, fontSize: theme.fontSize.sm, fontWeight: "500" }, children: label })
+      ]
+    }
+  );
+}
+function OptionRow({
+  label,
+  selected,
+  onPress
+}) {
+  const theme = useAgentCatalogNativeTheme();
+  const { errorSink } = useAgentCatalog();
+  return /* @__PURE__ */ jsxs3(
+    Pressable4,
+    {
+      onPress,
+      accessibilityRole: "button",
+      accessibilityState: { selected },
+      style: ({ pressed }) => [
+        styles2.optionRow,
+        {
+          paddingHorizontal: theme.spacing.md,
+          backgroundColor: pressed ? theme.colors.surfacePressed : "transparent"
+        }
+      ],
+      children: [
+        /* @__PURE__ */ jsx6(
+          Text4,
+          {
+            style: {
+              flex: 1,
+              color: selected ? theme.colors.primary : theme.colors.text,
+              fontSize: theme.fontSize.md,
+              fontWeight: selected ? "600" : "400"
+            },
+            children: label
+          }
+        ),
+        selected && /* @__PURE__ */ jsx6(
+          AgentIcon,
+          {
+            name: "check",
+            size: 14,
+            color: theme.colors.primary,
+            report: errorSink
+          }
+        )
+      ]
+    }
+  );
+}
+function CheckRow({
+  label,
+  checked,
+  onPress
+}) {
+  const theme = useAgentCatalogNativeTheme();
+  const { errorSink } = useAgentCatalog();
+  return /* @__PURE__ */ jsxs3(
+    Pressable4,
+    {
+      onPress,
+      accessibilityRole: "checkbox",
+      accessibilityState: { checked },
+      style: ({ pressed }) => [
+        styles2.checkRow,
+        {
+          paddingHorizontal: theme.spacing.md,
+          backgroundColor: pressed ? theme.colors.surfacePressed : "transparent"
+        }
+      ],
+      children: [
+        /* @__PURE__ */ jsx6(
+          View2,
+          {
+            style: [
+              styles2.checkBox,
+              {
+                borderRadius: theme.radius.sm,
+                borderColor: checked ? theme.colors.primary : theme.colors.border,
+                backgroundColor: checked ? theme.colors.primary : "transparent"
+              }
+            ],
+            children: checked && /* @__PURE__ */ jsx6(
+              AgentIcon,
+              {
+                name: "check",
+                size: 10,
+                color: theme.colors.primaryForeground,
+                report: errorSink
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          Text4,
+          {
+            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__ */ jsxs3(
+    View2,
+    {
+      style: [
+        styles2.panelHeader,
+        {
+          paddingHorizontal: theme.spacing.md,
+          borderBottomColor: theme.colors.border
+        }
+      ],
+      children: [
+        /* @__PURE__ */ jsx6(
+          Text4,
+          {
+            style: {
+              color: theme.colors.text,
+              fontSize: theme.fontSize.md,
+              fontWeight: "600"
+            },
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          Pressable4,
+          {
+            onPress: onClose,
+            accessibilityRole: "button",
+            accessibilityLabel: "Close",
+            hitSlop: 8,
+            children: /* @__PURE__ */ jsx6(
+              AgentIcon,
+              {
+                name: "x",
+                size: 14,
+                color: theme.colors.textMuted,
+                report: errorSink
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+var styles2 = StyleSheet2.create({
+  searchWrap: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    height: 36,
+    borderWidth: StyleSheet2.hairlineWidth
+  },
+  searchInput: {
+    flex: 1,
+    minWidth: 0,
+    padding: 0,
+    fontSize: 15
+  },
+  chip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    height: 28,
+    paddingHorizontal: 8,
+    borderWidth: StyleSheet2.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: StyleSheet2.hairlineWidth
+  }
+});
+
+// catalog/native/AgentFilterBar.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+function AgentFilterBar({
+  consumer,
+  allCategories,
+  allTags,
+  activeFilterCount,
+  onFilterChipPress,
+  onReset
+}) {
+  const theme = useAgentCatalogNativeTheme();
+  const { errorSink } = useAgentCatalog();
+  return /* @__PURE__ */ jsxs4(
+    ScrollView2,
+    {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: [
+        styles3.bar,
+        { paddingHorizontal: theme.spacing.sm }
+      ],
+      children: [
+        /* @__PURE__ */ jsx7(
+          FilterChip,
+          {
+            icon: "arrowUpDown",
+            label: SORT_OPTIONS.find((o) => o.value === consumer.sortBy)?.label ?? "Sort",
+            active: consumer.sortBy !== "updated-desc",
+            onPress: () => onFilterChipPress("sort")
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          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__ */ jsx7(
+          FilterChip,
+          {
+            icon: "folder",
+            label: consumer.includedCats.length > 0 ? `${consumer.includedCats.length}` : "Category",
+            active: consumer.includedCats.length > 0,
+            onPress: () => onFilterChipPress("categories")
+          }
+        ),
+        allTags.length > 0 && /* @__PURE__ */ jsx7(
+          FilterChip,
+          {
+            icon: "tag",
+            label: consumer.includedTags.length > 0 ? `${consumer.includedTags.length}` : "Tags",
+            active: consumer.includedTags.length > 0,
+            onPress: () => onFilterChipPress("tags")
+          }
+        ),
+        activeFilterCount > 0 && /* @__PURE__ */ jsx7(
+          Pressable5,
+          {
+            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__ */ jsx7(
+              AgentIcon,
+              {
+                name: "rotateCcw",
+                size: 12,
+                color: theme.colors.textMuted,
+                report: errorSink
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+var styles3 = StyleSheet3.create({
+  bar: { flexDirection: "row", alignItems: "center", gap: 4, paddingBottom: 6 },
+  reset: {
+    height: 28,
+    paddingHorizontal: 8,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+
+// catalog/native/AgentListTabs.tsx
+import { Pressable as Pressable6, ScrollView as ScrollView3, StyleSheet as StyleSheet4, Text as Text5 } from "react-native";
+import { jsx as jsx8, jsxs as jsxs5 } from "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__ */ jsx8(
+    ScrollView3,
+    {
+      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__ */ jsxs5(
+          Pressable6,
+          {
+            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__ */ jsx8(
+                Text5,
+                {
+                  style: {
+                    color: active ? theme.colors.primaryForeground : theme.colors.textMuted,
+                    fontSize: theme.fontSize.sm,
+                    fontWeight: "500"
+                  },
+                  children: label
+                }
+              ),
+              /* @__PURE__ */ jsx8(
+                Text5,
+                {
+                  style: {
+                    color: active ? theme.colors.primaryForeground : theme.colors.textMuted,
+                    fontSize: theme.fontSize.sm,
+                    opacity: 0.8,
+                    fontVariant: ["tabular-nums"]
+                  },
+                  children: count
+                }
+              )
+            ]
+          },
+          value
+        );
+      })
+    }
+  );
+}
+var styles4 = StyleSheet4.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
+import { Pressable as Pressable7, StyleSheet as StyleSheet5, Text as Text6, View as View3 } from "react-native";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+function AgentRow({
+  agent,
+  isActive,
+  onPress,
+  onDetailPress
+}) {
+  const { labels, errorSink } = useAgentCatalog();
+  const theme = useAgentCatalogNativeTheme();
+  return /* @__PURE__ */ jsxs6(
+    View3,
+    {
+      testID: `agent-row-${agent.id}`,
+      style: [
+        styles5.row,
+        isActive ? { backgroundColor: theme.colors.primarySoft } : null
+      ],
+      children: [
+        /* @__PURE__ */ jsxs6(
+          Pressable7,
+          {
+            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__ */ jsx9(
+                AgentIcon,
+                {
+                  name: "star",
+                  size: 12,
+                  filled: true,
+                  color: theme.colors.favorite,
+                  report: errorSink
+                }
+              ),
+              /* @__PURE__ */ jsx9(
+                Text6,
+                {
+                  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__ */ jsxs6(
+                View3,
+                {
+                  accessibilityLabel: orchestraDelegatesLine(agent.orchestra) ?? orchestraLabel(agent.orchestra),
+                  style: [
+                    styles5.badge,
+                    {
+                      backgroundColor: theme.colors.primarySoft,
+                      borderRadius: theme.radius.sm
+                    }
+                  ],
+                  children: [
+                    /* @__PURE__ */ jsx9(
+                      AgentIcon,
+                      {
+                        name: "music4",
+                        size: 10,
+                        color: theme.colors.primary,
+                        report: errorSink
+                      }
+                    ),
+                    /* @__PURE__ */ jsx9(
+                      Text6,
+                      {
+                        style: { color: theme.colors.primary, fontSize: theme.fontSize.xs },
+                        children: agent.orchestra.memberCount
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx9(View3, { style: styles5.spacer }),
+              agent.agentType === "builtin" ? /* @__PURE__ */ jsx9(
+                Text6,
+                {
+                  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__ */ jsx9(
+                Text6,
+                {
+                  style: [
+                    styles5.originBadge,
+                    {
+                      color: theme.colors.textMuted,
+                      backgroundColor: theme.colors.surface,
+                      borderRadius: theme.radius.sm,
+                      fontSize: theme.fontSize.xs
+                    }
+                  ],
+                  children: "shared"
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          Pressable7,
+          {
+            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__ */ jsx9(
+              AgentIcon,
+              {
+                name: "chevronRight",
+                size: 16,
+                color: theme.colors.textFaint,
+                report: errorSink
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+var styles5 = StyleSheet5.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
+import { jsx as jsx10, jsxs as jsxs7 } from "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: StyleSheet6.hairlineWidth,
+    backgroundColor: theme.colors.border
+  };
+  return /* @__PURE__ */ jsxs7(View4, { style: [styles6.container, { backgroundColor: theme.colors.background }], children: [
+    /* @__PURE__ */ jsx10(View4, { style: { paddingHorizontal: theme.spacing.sm, paddingBottom: 6 }, children: /* @__PURE__ */ jsx10(
+      SearchInput,
+      {
+        value: consumer.searchTerm,
+        onChange: consumer.setSearchTerm,
+        placeholder: labels.searchPlaceholder,
+        autoFocus: autoFocusSearch
+      }
+    ) }),
+    /* @__PURE__ */ jsx10(
+      AgentListTabs,
+      {
+        consumer,
+        tabCounts,
+        visibleTabs,
+        systemTabLabel
+      }
+    ),
+    /* @__PURE__ */ jsx10(
+      AgentFilterBar,
+      {
+        consumer,
+        allCategories,
+        allTags,
+        activeFilterCount,
+        onFilterChipPress,
+        onReset
+      }
+    ),
+    defaultRow?.drift && /* @__PURE__ */ jsxs7(
+      View4,
+      {
+        accessibilityRole: "alert",
+        style: [
+          styles6.banner,
+          {
+            marginHorizontal: theme.spacing.sm,
+            borderRadius: theme.radius.md,
+            backgroundColor: theme.colors.driftBackground,
+            borderColor: theme.colors.driftBorder
+          }
+        ],
+        children: [
+          /* @__PURE__ */ jsx10(
+            AgentIcon,
+            {
+              name: "alertTriangle",
+              size: 14,
+              color: theme.colors.driftForeground,
+              report: errorSink
+            }
+          ),
+          /* @__PURE__ */ jsx10(
+            Text7,
+            {
+              style: {
+                flex: 1,
+                color: theme.colors.driftForeground,
+                fontSize: theme.fontSize.sm
+              },
+              children: defaultRow.drift
+            }
+          ),
+          /* @__PURE__ */ jsx10(
+            Pressable8,
+            {
+              onPress: () => catalog.dismissDefaultRowDrift(defaultRow.mandateKey),
+              accessibilityRole: "button",
+              accessibilityLabel: "Dismiss",
+              hitSlop: 8,
+              children: /* @__PURE__ */ jsx10(
+                AgentIcon,
+                {
+                  name: "x",
+                  size: 12,
+                  color: theme.colors.driftForeground,
+                  report: errorSink
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    defaultRow?.error && /* @__PURE__ */ jsxs7(
+      View4,
+      {
+        accessibilityRole: "alert",
+        style: [
+          styles6.banner,
+          {
+            marginHorizontal: theme.spacing.sm,
+            borderRadius: theme.radius.md,
+            backgroundColor: theme.colors.driftBackground,
+            borderColor: theme.colors.driftBorder
+          }
+        ],
+        children: [
+          /* @__PURE__ */ jsx10(
+            AgentIcon,
+            {
+              name: "alertTriangle",
+              size: 14,
+              color: theme.colors.driftForeground,
+              report: errorSink
+            }
+          ),
+          /* @__PURE__ */ jsx10(
+            Text7,
+            {
+              style: {
+                flex: 1,
+                color: theme.colors.driftForeground,
+                fontSize: theme.fontSize.sm
+              },
+              children: defaultRow.error
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx10(View4, { style: hairline }),
+    isLoading ? /* @__PURE__ */ jsxs7(View4, { style: styles6.centered, children: [
+      /* @__PURE__ */ jsx10(
+        AgentIcon,
+        {
+          name: "loader",
+          size: 16,
+          color: theme.colors.textMuted,
+          report: errorSink
+        }
+      ),
+      /* @__PURE__ */ jsx10(Text7, { style: { color: theme.colors.textMuted, fontSize: theme.fontSize.md }, children: labels.loading })
+    ] }) : items.length === 0 ? /* @__PURE__ */ jsx10(View4, { style: styles6.centered, children: /* @__PURE__ */ jsx10(Text7, { style: { color: theme.colors.textMuted, fontSize: theme.fontSize.md }, children: emptyLabel }) }) : /* @__PURE__ */ jsx10(
+      FlatList,
+      {
+        style: styles6.list,
+        data: items,
+        keyExtractor: (item) => item.key,
+        keyboardShouldPersistTaps: "handled",
+        renderItem: ({ item }) => {
+          if (item.kind === "divider") return /* @__PURE__ */ jsx10(View4, { style: hairline });
+          if (item.kind === "label") {
+            return /* @__PURE__ */ jsx10(
+              Text7,
+              {
+                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__ */ jsx10(
+            AgentRow,
+            {
+              agent: item.agent,
+              isActive: item.forceActive,
+              onPress: () => onSelectAgent(item.agent),
+              onDetailPress: () => onDetailPress(item.agent)
+            }
+          );
+        },
+        ListFooterComponent: agents.length === 0 && (pinnedAgent || defaultAgent) ? /* @__PURE__ */ jsx10(View4, { style: styles6.centered, children: /* @__PURE__ */ jsx10(
+          Text7,
+          {
+            style: {
+              color: theme.colors.textMuted,
+              fontSize: theme.fontSize.md
+            },
+            children: emptyLabel
+          }
+        ) }) : null
+      }
+    ),
+    /* @__PURE__ */ jsx10(View4, { style: hairline }),
+    /* @__PURE__ */ jsxs7(View4, { style: [styles6.footer, { paddingHorizontal: theme.spacing.md }], children: [
+      /* @__PURE__ */ jsxs7(
+        Text7,
+        {
+          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__ */ jsx10(
+        Pressable8,
+        {
+          onPress: () => consumer.setSearchTerm(""),
+          accessibilityRole: "button",
+          accessibilityLabel: "Clear search",
+          hitSlop: 8,
+          children: /* @__PURE__ */ jsx10(
+            Text7,
+            {
+              style: { color: theme.colors.textMuted, fontSize: theme.fontSize.xs },
+              children: "Clear search"
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+}
+var styles6 = StyleSheet6.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: StyleSheet6.hairlineWidth
+  },
+  centered: {
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 8,
+    paddingVertical: 32
+  },
+  footer: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingVertical: 8
+  }
+});
+
+// catalog/native/AgentSubView.tsx
+import { Pressable as Pressable9, ScrollView as ScrollView4, StyleSheet as StyleSheet7, Text as Text8, View as View5 } from "react-native";
+import { Fragment, jsx as jsx11, jsxs as jsxs8 } from "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__ */ jsxs8(View5, { style: styles7.container, children: [
+    /* @__PURE__ */ jsx11(SidePanelHeader, { title, onClose: onBack }),
+    view === "sort" ? /* @__PURE__ */ jsx11(ScrollView4, { style: styles7.list, children: SORT_OPTIONS.map((option) => /* @__PURE__ */ jsx11(
+      OptionRow,
+      {
+        label: option.label,
+        selected: consumer.sortBy === option.value,
+        onPress: () => {
+          consumer.setSortBy(option.value);
+          onBack();
+        }
+      },
+      option.value
+    )) }) : /* @__PURE__ */ jsxs8(Fragment, { children: [
+      /* @__PURE__ */ jsx11(View5, { style: { paddingHorizontal: theme.spacing.sm, paddingVertical: 6 }, children: /* @__PURE__ */ jsx11(
+        SearchInput,
+        {
+          value: search,
+          onChange: setSearch,
+          placeholder: view === "categories" ? "Filter categories..." : "Filter tags..."
+        }
+      ) }),
+      included.length > 0 && /* @__PURE__ */ jsx11(
+        Pressable9,
+        {
+          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__ */ jsxs8(
+            Text8,
+            {
+              style: {
+                color: theme.colors.primary,
+                fontSize: theme.fontSize.sm,
+                fontWeight: "600"
+              },
+              children: [
+                "Clear (",
+                included.length,
+                ")"
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx11(ScrollView4, { style: styles7.list, children: filtered.length === 0 ? /* @__PURE__ */ jsx11(
+        Text8,
+        {
+          style: {
+            color: theme.colors.textMuted,
+            fontSize: theme.fontSize.md,
+            textAlign: "center",
+            paddingVertical: 24
+          },
+          children: view === "categories" ? "No categories" : "No tags"
+        }
+      ) : filtered.map((value) => /* @__PURE__ */ jsx11(
+        CheckRow,
+        {
+          label: value,
+          checked: included.includes(value),
+          onPress: () => view === "categories" ? consumer.toggleCategory(value) : consumer.toggleTag(value)
+        },
+        value
+      )) })
+    ] })
+  ] });
+}
+var styles7 = StyleSheet7.create({
+  container: { flex: 1, minHeight: 0 },
+  list: { flex: 1, minHeight: 0 }
+});
+
+// catalog/native/AgentPickerBody.tsx
+import { jsx as jsx12 } from "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] = useState3(null);
+  const [subView, setSubView] = useState3(null);
+  const [panelSearch, setPanelSearch] = useState3("");
+  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 } : {}
+  });
+  useEffect3(() => {
+    ensureLoaded();
+  }, [ensureLoaded]);
+  const selectAgent = (agent) => {
+    coreSelectAgent(agent);
+    setDetailAgent(null);
+    setSubView(null);
+    onAfterSelect?.();
+  };
+  if (detailAgent) {
+    return /* @__PURE__ */ jsx12(View6, { style: styles8.fill, children: /* @__PURE__ */ jsx12(
+      AgentDetailCard,
+      {
+        agent: detailAgent,
+        onSelect: () => selectAgent(detailAgent)
+      }
+    ) });
+  }
+  if (subView) {
+    return /* @__PURE__ */ jsx12(View6, { style: styles8.fill, children: /* @__PURE__ */ jsx12(
+      AgentSubView,
+      {
+        view: subView,
+        consumer,
+        allCategories,
+        allTags,
+        search: panelSearch,
+        setSearch: setPanelSearch,
+        onBack: () => {
+          setSubView(null);
+          setPanelSearch("");
+        }
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx12(View6, { style: [styles8.fill, compact ? styles8.compact : null], children: /* @__PURE__ */ jsx12(
+    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 = StyleSheet8.create({
+  fill: { flex: 1, minHeight: 0 },
+  compact: { paddingTop: 0 }
+});
+
+// catalog/native/AgentListSheet.tsx
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+function AgentListSheet({ title, ...props }) {
+  const theme = useAgentCatalogNativeTheme();
+  return /* @__PURE__ */ jsxs9(View7, { style: [styles9.sheet, { backgroundColor: theme.colors.background }], children: [
+    title ? /* @__PURE__ */ jsx13(
+      Text9,
+      {
+        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__ */ jsx13(AgentPickerBody, { ...props })
+  ] });
+}
+var styles9 = StyleSheet9.create({
+  sheet: { flex: 1, minHeight: 0 }
+});
+
+// catalog/native/AgentListInlinePicker.tsx
+import { StyleSheet as StyleSheet10, View as View8 } from "react-native";
+import { jsx as jsx14 } from "react/jsx-runtime";
+function AgentListInlinePicker(props) {
+  return /* @__PURE__ */ jsx14(View8, { style: styles10.fill, children: /* @__PURE__ */ jsx14(AgentPickerBody, { ...props }) });
+}
+var styles10 = StyleSheet10.create({
+  fill: { flex: 1, minHeight: 0 }
+});
+export {
+  AgentCatalogProvider,
+  AgentDetailCard,
+  AgentFilterBar,
+  AgentIcon,
+  AgentListContent,
+  AgentListInlinePicker,
+  AgentListSheet,
+  AgentListTabs,
+  AgentPickerBody,
+  AgentRow,
+  AgentSubView,
+  CheckRow,
+  DEFAULT_AGENT_CATALOG_NATIVE_THEME,
+  FavoriteAgentButton,
+  FilterChip,
+  HOVER_GRACE_MS,
+  LIGHT_AGENT_CATALOG_NATIVE_THEME,
+  OptionRow,
+  SearchInput,
+  SidePanelHeader,
+  _resetNativeIconState,
+  announceMissingSvgOnce,
+  coerceVisibleTab,
+  orchestraDelegatesLine,
+  orchestraDepthLine,
+  orchestraLabel,
+  orchestraModeLabel,
+  resolveAgentCatalogNativeTheme,
+  resolveSvgModule,
+  useAgentCatalog,
+  useAgentCatalogNativeTheme,
+  useAgentCatalogRows,
+  useAgentCatalogState,
+  useAgentCatalogUiPorts,
+  useAgentConsumer,
+  useAgentListCore
+};
+//# sourceMappingURL=index.js.map