@kortix/ui 0.14.7 → 0.14.9

package/dist/customize/agents/agent-grant-pages.d.ts

@@ -1,13 +1,17 @@
 import type { AgentDraft } from '../sections/view/agent-editor.js';
 import { type ProjectConfigSummary } from '@kortix/sdk';
+import { type PolicySetOption } from './agent-policy-sets.js';
 export declare function SkillsGrantPage({ projectId, config, editor, }: {
     projectId: string;
     config: ProjectConfigSummary;
     editor: AgentDraft;
 }): import("react").JSX.Element;
-export declare function ConnectorsGrantPage({ projectId, editor, }: {
+export declare function ConnectorsGrantPage({ projectId, editor, policySetOptions, }: {
     projectId: string;
     editor: AgentDraft;
+    /** Each connector's policy sets (`connectorPolicySetOptions`), read from the
+     *  manifest the page already holds. */
+    policySetOptions?: Record<string, PolicySetOption[]>;
 }): import("react").JSX.Element;
 export declare function SecretsGrantPage({ projectId, editor }: {
     projectId: string;

package/dist/customize/agents/agent-grant-pages.js

@@ -15,11 +15,15 @@ import { useTranslations as useI18nTranslations } from '../../i18n/index.js';
 import { Badge } from '../../primitives/badge.js';
 import { Button } from '../../primitives/button.js';
 import { Checkbox } from '../../primitives/checkbox.js';
+import Hint from '../../primitives/hint.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../primitives/select.js';
 import { Skeleton } from '../../primitives/skeleton.js';
 import { EmptyState } from '../../primitives/empty-state.js';
 import { ErrorState } from '../../primitives/error-state.js';
 import { connectorDisplayName } from '../connectors/connector-filter.js';
-import { ConnectorAppIcon, ConnectorStatusBadge, } from '../connectors/connector-identity.js';
+import { ConnectorStatusBadge } from '../connectors/connector-identity.js';
+import { ConnectorLogo } from '../../internal/connector-logo/connector-logo.js';
+import { installedConnectorLogoSource } from '../../internal/connector-logo/connector-logo-source.js';
 import { ConnectorModal } from '../connectors/detail/connector-modal.js';
 import { providerLabel } from '../connectors/provider-label.js';
 import { detailSelection } from '../shared/detail-selection.js';
@@ -38,6 +42,7 @@ import { PlusIcon } from '@phosphor-icons/react';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { useState } from 'react';
 import { appGrantRows } from './agent-apps-grant.js';
+import { policySetRows, withPolicySet, } from './agent-policy-sets.js';
 /**
  * All · Pick · None over the project's catalog, as one bordered list. The
  * checkbox exists only in Pick mode, where it is the control; in All and
@@ -97,7 +102,28 @@ export function SkillsGrantPage({ projectId, config, editor, }) {
                 } })] }));
 }
 // ─── Connectors ──────────────────────────────────────────────────────────
-export function ConnectorsGrantPage({ projectId, editor, }) {
+const BASE_SET_VALUE = '__base';
+/**
+ * Which rule set the agent gets on each granted connector that defines sets
+ * (`agents.<a>.policy_sets`). One list for Pick and All alike: under All the
+ * catalog has no per-row controls, and a second rendering for that mode would
+ * be two places to set one value. Choosing a set needs connector write as well
+ * as agent write (the API checks both), so a viewer without it sees the
+ * values but cannot change them.
+ */
+function AgentPolicySetsSection({ editor, catalog, connectors, canWrite, }) {
+    const t = useI18nTranslations('connectorPolicySets');
+    const { draft, set } = editor;
+    const rows = policySetRows(draft.connectors, catalog, draft.policy_sets, connectors.map((connector) => connector.slug));
+    if (rows.length === 0)
+        return null;
+    return (_jsx(EditorSection, { title: t('agentSection'), bare: true, children: _jsx(EditorList, { children: rows.map((row) => {
+                const connector = connectors.find((candidate) => candidate.slug === row.slug);
+                const name = connector ? connectorDisplayName(connector) : row.slug;
+                return (_jsxs("li", { className: "flex min-h-13 items-center gap-3 px-4 py-2", children: [connector ? (_jsx(ConnectorLogo, { source: installedConnectorLogoSource(connector), size: "sm" })) : null, _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "text-foreground block truncate text-sm font-medium", children: name }), _jsx("span", { className: "text-muted-foreground block truncate font-mono text-xs", children: row.slug })] }), row.missing && row.value ? (_jsx(Hint, { label: t('agentMissingHint', { name: row.value }), children: _jsx(Badge, { variant: "destructive", size: "xs", children: t('agentMissing') }) })) : null, _jsxs(Select, { value: row.value ?? BASE_SET_VALUE, disabled: !canWrite, onValueChange: (next) => set('policy_sets', withPolicySet(draft.policy_sets, row.slug, next === BASE_SET_VALUE ? null : next)), children: [_jsx(SelectTrigger, { size: "sm", className: "w-40 shrink-0", "aria-label": t('agentSelectLabel', { name }), children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { align: "end", children: [_jsx(SelectItem, { value: BASE_SET_VALUE, children: t('baseRules') }), row.options.map((option) => (_jsx(SelectItem, { value: option.name, description: option.description, children: _jsx("span", { className: "font-mono", children: option.name }) }, option.name))), row.missing && row.value ? (_jsx(SelectItem, { value: row.value, children: _jsx("span", { className: "font-mono", children: row.value }) })) : null] })] })] }, row.slug));
+            }) }) }));
+}
+export function ConnectorsGrantPage({ projectId, editor, policySetOptions, }) {
     const tI18nComplete = useI18nTranslations('hardcodedUi.i18nComplete');
     const queryClient = useQueryClient();
     const accountId = useProjectAccountId(projectId);
@@ -131,7 +157,7 @@ export function ConnectorsGrantPage({ projectId, editor, }) {
                                 }
                             }, isLoading: connectorsQuery.isLoading, isError: connectorsQuery.isError, onRetry: () => void connectorsQuery.refetch(), items: connectors.map((connector) => ({
                                 id: connector.slug,
-                                leading: _jsx(ConnectorAppIcon, { connector: connector, size: "sm" }),
+                                leading: _jsx(ConnectorLogo, { source: installedConnectorLogoSource(connector), size: "sm" }),
                                 title: connectorDisplayName(connector),
                                 description: `${providerLabel(connector.provider)} · ${connector.actions.length} ${connector.actions.length === 1 ? 'action' : 'actions'}`,
                                 status: _jsx(ConnectorStatusBadge, { connector: connector }),
@@ -142,7 +168,7 @@ export function ConnectorsGrantPage({ projectId, editor, }) {
                                         ? current.filter((a) => a !== slug)
                                         : [...current, slug];
                                     set('connectors_required', next.length ? next : undefined);
-                                } })), empty: _jsx(EmptyState, { size: "sm", title: tI18nComplete.raw('text51ae0a7e3783'), description: tI18nComplete.raw('text9bf8fe539046') }) }), draft.connectors === 'all' && draft.connectors_required?.length ? (_jsxs("p", { className: "text-muted-foreground text-xs", children: [tI18nComplete.raw('textf39fe0fefce2'), ' ', _jsx("span", { className: "font-mono", children: draft.connectors_required.join(', ') }), tI18nComplete.raw('text954401fb96d1')] })) : null] }) }), _jsx(ConnectorModal, { projectId: projectId, connector: detail.record, canWrite: canWrite, open: detail.open, isResolving: detail.isResolving, onOpenChange: (open) => !open && setDetailSlug(null), onChanged: invalidate, onRemoved: () => {
+                                } })), empty: _jsx(EmptyState, { size: "sm", title: tI18nComplete.raw('text51ae0a7e3783'), description: tI18nComplete.raw('text9bf8fe539046') }) }), draft.connectors === 'all' && draft.connectors_required?.length ? (_jsxs("p", { className: "text-muted-foreground text-xs", children: [tI18nComplete.raw('textf39fe0fefce2'), ' ', _jsx("span", { className: "font-mono", children: draft.connectors_required.join(', ') }), tI18nComplete.raw('text954401fb96d1')] })) : null] }) }), _jsx(AgentPolicySetsSection, { editor: editor, catalog: policySetOptions ?? {}, connectors: connectors, canWrite: canWrite }), _jsx(ConnectorModal, { projectId: projectId, connector: detail.record, canWrite: canWrite, open: detail.open, isResolving: detail.isResolving, onOpenChange: (open) => !open && setDetailSlug(null), onChanged: invalidate, onRemoved: () => {
                     invalidate();
                     setDetailSlug(null);
                 } })] }));

package/dist/customize/agents/agent-page.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AgentMark } from '../../internal/components/agent-mark.js';
 import { EntityFilePane } from '../shared/entity/entity-modal.js';
 import { agentStatus } from './agent-status.js';
 import { useDefaultAgent } from './use-default-agent.js';
@@ -66,7 +67,7 @@ import { errorToast, successToast } from '../../primitives/toast.js';
 import { EmptyState } from '../../primitives/empty-state.js';
 import { ErrorState } from '../../primitives/error-state.js';
 import { configEntitySourcePath } from '../sections/component/config-entity-source-path.js';
-import { AgentConfigSections, agentConfigSectionKeys, agentEditorOptionQueries, DEFAULT_AGENT_CONFIG_SECTION, grantSummary, isAgentConfigSectionKey, registryGrantOptions, useAgentDraft, useAgentEditorOptions, useLocalizedAgentConfigCatalog, } from '../sections/view/agent-editor.js';
+import { AgentConfigSections, agentConfigSectionKeys, agentEditorOptionQueries, DEFAULT_AGENT_CONFIG_SECTION, isAgentConfigSectionKey, registryGrantOptions, useAgentDraft, useAgentEditorOptions, useLocalizedAgentConfigCatalog, } from '../sections/view/agent-editor.js';
 import { formatMode, toArray } from '../shared/utils.js';
 import { editConfigPrompt, useConfigureThread, } from '../use-configure-thread.js';
 import { agentConfigNeedsUpgrade, useAgentConfig, useUpdateAgentConfig, } from '../../internal/hooks/projects/use-agent-config.js';
@@ -92,7 +93,7 @@ import { AgentDrivesSection } from './agent-drives-section.js';
 import { AgentAuthorityCard } from './agent-authority-card.js';
 import { AgentModel, AgentScope } from './agent-detail-aside.js';
 import { AppsGrantPage, ConnectorsGrantPage, SecretsGrantPage, SkillsGrantPage, } from './agent-grant-pages.js';
-import { GroupedUnderlineTabs, GroupSwitchTabs, InlineVerticalTabs, PrototypeSwitcher, useNavVariant, } from './agent-nav.prototype.js';
+import { connectorPolicySetOptions } from './agent-policy-sets.js';
 import { AgentPeopleSection } from './agent-people-section.js';
 import { AgentShareControl } from './agent-share-control.js';
 import { AgentTriggersSection } from './agent-triggers-section.js';
@@ -164,7 +165,7 @@ export function AgentPage({ projectId, agentName }) {
  * the one scroller; the rail is the Settings rail
  * (`project-settings-page.tsx`), row for row.
  */
-function AgentPageFrame({ header, section, sections, sectionHref, pane, footer, summaries, }) {
+function AgentPageFrame({ header, section, sections, sectionHref, pane, footer, }) {
     const tI18nComplete = useI18nTranslations('hardcodedUi.i18nComplete');
     const isMobile = useIsMobile();
     const localizedConfig = useLocalizedAgentConfigCatalog();
@@ -186,18 +187,7 @@ function AgentPageFrame({ header, section, sections, sectionHref, pane, footer,
                 // The Settings rail's row dialect (`project-settings-page.tsx`).
                 'gap-2 px-2.5 py-1 font-normal transition-none has-[>svg]:px-2.5', 'text-foreground data-[state=inactive]:text-foreground hover:bg-hover hover:text-foreground', 'data-[state=active]:bg-active data-[state=active]:font-medium', '[&_svg]:text-muted-foreground data-[state=active]:[&_svg]:text-foreground'), children: _jsxs(Link, { href: sectionHref(item.key), prefetch: true, children: [_jsx(SectionIcon, { className: "size-4 shrink-0" }), _jsx("span", { className: cn(!horizontal && 'truncate'), children: item.label })] }) }, item.key));
     };
-    // PROTOTYPE: `?variant=` swaps the rail for one of the candidate navs.
-    const variant = useNavVariant();
-    const navProps = {
-        groups,
-        section,
-        href: (key) => sectionHref(key),
-        summaries,
-    };
-    if (!isMobile && variant !== 'rail') {
-        return (_jsxs("div", { className: "relative flex h-full min-h-0 flex-1 flex-col", children: [_jsx("div", { className: cn('shrink-0 px-5 py-3', variant === 'inline' && 'border-border/60 border-b'), children: header }), variant === 'tabs' ? _jsx(GroupedUnderlineTabs, { ...navProps }) : null, variant === 'groups' ? _jsx(GroupSwitchTabs, { ...navProps }) : null, _jsx("main", { className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto", children: variant === 'inline' ? (_jsx(InlineVerticalTabs, { ...navProps, children: pane })) : (_jsx("div", { className: "mx-auto w-full max-w-2xl px-4 py-10 pb-32 lg:py-14 lg:pb-32", children: pane })) }), footer, _jsx(PrototypeSwitcher, {})] }));
-    }
-    return (_jsxs("div", { className: "relative flex h-full min-h-0 flex-1 flex-col", children: [_jsx("div", { className: "border-border/60 shrink-0 border-b px-5 py-3", children: header }), _jsxs("div", { className: cn('min-h-0 flex-1', isMobile ? 'flex flex-col overflow-hidden' : 'grid overflow-hidden'), style: isMobile ? undefined : { gridTemplateColumns: `${SETTINGS_SIDEBAR_WIDTH_PX}px 1fr` }, children: [isMobile ? (_jsx("nav", { "aria-label": tI18nComplete.raw('text7be318295927'), className: "border-border/60 flex h-auto shrink-0 items-center border-b", children: _jsx(FadedScrollArea, { orientation: "horizontal", fadeColor: "from-background", className: "min-w-0 flex-1 py-2", children: _jsx(Tabs, { value: section, className: "w-fit", children: _jsx(TabsList, { orientation: "horizontal", className: "w-fit", children: items.map((item) => trigger(item, true)) }) }) }) })) : (_jsx("aside", { className: "flex min-h-0 flex-col border-r bg-inherit", children: _jsx("nav", { "aria-label": tI18nComplete.raw('text7be318295927'), className: "flex min-h-0 flex-1 [scrollbar-width:none] flex-col gap-4 overflow-y-auto px-2 pt-3 pb-2 [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", children: _jsx(Tabs, { value: section, orientation: "vertical", className: "space-y-3", children: groups.map((g) => (_jsxs("div", { children: [showGroupLabels ? (_jsx("div", { className: "text-muted-foreground flex h-7 items-center px-2.5 text-xs font-medium", children: g.group })) : null, _jsx(TabsList, { orientation: "vertical", className: "w-full", children: g.items.map((item) => trigger(item, false)) })] }, g.group))) }) }) })), _jsx("main", { className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto", children: _jsx("div", { className: "mx-auto w-full max-w-2xl px-4 py-10 pb-32 lg:py-14 lg:pb-32", children: pane }) })] }), footer, _jsx(PrototypeSwitcher, {})] }));
+    return (_jsxs("div", { className: "relative flex h-full min-h-0 flex-1 flex-col", children: [_jsx("div", { className: "border-border/60 shrink-0 border-b px-5 py-3", children: header }), _jsxs("div", { className: cn('min-h-0 flex-1', isMobile ? 'flex flex-col overflow-hidden' : 'grid overflow-hidden'), style: isMobile ? undefined : { gridTemplateColumns: `${SETTINGS_SIDEBAR_WIDTH_PX}px 1fr` }, children: [isMobile ? (_jsx("nav", { "aria-label": tI18nComplete.raw('text7be318295927'), className: "border-border/60 flex h-auto shrink-0 items-center border-b", children: _jsx(FadedScrollArea, { orientation: "horizontal", fadeColor: "from-background", className: "min-w-0 flex-1 py-2", children: _jsx(Tabs, { value: section, className: "w-fit", children: _jsx(TabsList, { orientation: "horizontal", className: "w-fit", children: items.map((item) => trigger(item, true)) }) }) }) })) : (_jsx("aside", { className: "flex min-h-0 flex-col border-r bg-inherit", children: _jsx("nav", { "aria-label": tI18nComplete.raw('text7be318295927'), className: "flex min-h-0 flex-1 [scrollbar-width:none] flex-col gap-4 overflow-y-auto px-2 pt-3 pb-2 [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", children: _jsx(Tabs, { value: section, orientation: "vertical", className: "space-y-3", children: groups.map((g) => (_jsxs("div", { children: [showGroupLabels ? (_jsx("div", { className: "text-muted-foreground flex h-7 items-center px-2.5 text-xs font-medium", children: g.group })) : null, _jsx(TabsList, { orientation: "vertical", className: "w-full", children: g.items.map((item) => trigger(item, false)) })] }, g.group))) }) }) })), _jsx("main", { className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto", children: _jsx("div", { className: "mx-auto w-full max-w-2xl px-4 py-10 pb-32 lg:py-14 lg:pb-32", children: pane }) })] }), footer] }));
 }
 function CenteredState({ children }) {
     return (_jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: _jsx("div", { className: "mx-auto w-full max-w-3xl px-6 py-16", children: children }) }));
@@ -270,7 +260,7 @@ function AgentChips({ agent, config, size, }) {
  */
 function AgentHeader({ projectId, agent, config, canWrite, children, }) {
     const tI18nComplete = useI18nTranslations('hardcodedUi.i18nComplete');
-    return (_jsxs("header", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("nav", { "aria-label": tI18nComplete.raw('text2bd873d6c734'), className: "flex min-w-0 items-center gap-1.5 text-sm", children: [_jsx(Link, { href: capabilityTabHref(projectId, 'agent'), prefetch: true, className: "text-muted-foreground hover:text-foreground shrink-0 transition-colors", children: tI18nComplete.raw('text279b44d2ab4b') }), _jsx(CaretRightIcon, { "aria-hidden": true, className: "text-muted-foreground size-3.5 shrink-0" }), _jsx("h1", { className: "text-foreground truncate text-sm font-semibold", children: isMetaAgentName(agent.name) ? META_AGENT_DISPLAY_NAME : capitalizeWords(agent.name) }), _jsx(AgentChips, { agent: agent, config: config, size: "xs" })] }), _jsx(AgentActions, { projectId: projectId, agent: agent, config: config, canWrite: canWrite })] }), children] }));
+    return (_jsxs("header", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("nav", { "aria-label": tI18nComplete.raw('text2bd873d6c734'), className: "flex min-w-0 items-center gap-1.5 text-sm", children: [_jsx(Link, { href: capabilityTabHref(projectId, 'agent'), prefetch: true, className: "text-muted-foreground hover:text-foreground shrink-0 transition-colors", children: tI18nComplete.raw('text279b44d2ab4b') }), _jsx(CaretRightIcon, { "aria-hidden": true, className: "text-muted-foreground size-3.5 shrink-0" }), _jsx(AgentMark, { slug: agent.name }), _jsx("h1", { className: "text-foreground truncate text-sm font-semibold", children: isMetaAgentName(agent.name) ? META_AGENT_DISPLAY_NAME : capitalizeWords(agent.name) }), _jsx(AgentChips, { agent: agent, config: config, size: "xs" })] }), _jsx(AgentActions, { projectId: projectId, agent: agent, config: config, canWrite: canWrite })] }), children] }));
 }
 // ─── Editable body ─────────────────────────────────────────────────────────
 /** What a v1 project, or a reader without write, can still see. */
@@ -301,23 +291,8 @@ function EditableAgentPage({ projectId, agent, config, initial, schemaVersion, }
     const drivesOn = useFeatureFlag(projectId, 'drives').enabled;
     const sections = useMemo(() => agentConfigSectionKeys(schemaVersion).filter((k) => drivesOn || k !== 'drives'), [schemaVersion, drivesOn]);
     const registryOptions = useMemo(() => registryGrantOptions({ manifest_raw: config.manifest_raw, agents: toArray(config.agents) }, agent.name), [config.manifest_raw, config.agents, agent.name]);
+    const policySetOptions = useMemo(() => connectorPolicySetOptions(config.manifest_raw), [config.manifest_raw]);
     const section = useAgentSection(sections);
-    // PROTOTYPE: the `inline` nav variant shows each topic's current value.
-    const summaries = useMemo(() => {
-        const d = editor.draft;
-        const grant = (v) => grantSummary(v, tI18nComplete).label;
-        return {
-            skills: grant(d.skills),
-            connectors: grant(d.connectors),
-            secrets: grant(d.secrets),
-            apps: grant(d.apps),
-            actions: grant(d.kortix_permissions ?? d.kortix_cli),
-            subagents: grant(d.subagents),
-            commands: grant(d.commands),
-            extensions: grant(d.extensions),
-            model: editor.oc.model ? (editor.oc.model.split('/').pop() ?? editor.oc.model) : 'Default',
-        };
-    }, [editor.draft, editor.oc.model, tI18nComplete]);
     const onSave = useCallback(async () => {
         if (!editor.isDirty || update.isPending)
             return;
@@ -335,7 +310,7 @@ function EditableAgentPage({ projectId, agent, config, initial, schemaVersion, }
     // shared across topics and nothing is lost.
     const leaveGuard = useUnsavedChangesGuard(editor.isDirty, pathname);
     useSaveShortcut(onSave);
-    return (_jsx(AgentPageFrame, { header: _jsx(AgentHeader, { projectId: projectId, agent: agent, config: config, canWrite: true }), section: section, sections: sections, sectionHref: sectionHrefFor(pathname), summaries: summaries, pane: _jsx(AgentConfigSections, { section: section, editor: editor, options: options, skillsOptions: skillsOptions, registryOptions: registryOptions, skills: _jsx(SkillsGrantPage, { projectId: projectId, config: config, editor: editor }), connectors: _jsx(ConnectorsGrantPage, { projectId: projectId, editor: editor }), secrets: _jsx(SecretsGrantPage, { projectId: projectId, editor: editor }), apps: _jsx(AppsGrantPage, { projectId: projectId, editor: editor }), drives: _jsx(AgentDrivesSection, { projectId: projectId, agentName: agent.name }), overview: _jsx(OverviewPane, { description: editor.oc.description ?? '', onDescriptionChange: (next) => editor.setOc('description', next), descriptionHelp: editor.oc.mode === 'subagent'
+    return (_jsx(AgentPageFrame, { header: _jsx(AgentHeader, { projectId: projectId, agent: agent, config: config, canWrite: true }), section: section, sections: sections, sectionHref: sectionHrefFor(pathname), pane: _jsx(AgentConfigSections, { section: section, editor: editor, options: options, skillsOptions: skillsOptions, registryOptions: registryOptions, skills: _jsx(SkillsGrantPage, { projectId: projectId, config: config, editor: editor }), connectors: _jsx(ConnectorsGrantPage, { projectId: projectId, editor: editor, policySetOptions: policySetOptions }), secrets: _jsx(SecretsGrantPage, { projectId: projectId, editor: editor }), apps: _jsx(AppsGrantPage, { projectId: projectId, editor: editor }), drives: _jsx(AgentDrivesSection, { projectId: projectId, agentName: agent.name }), overview: _jsx(OverviewPane, { description: editor.oc.description ?? '', onDescriptionChange: (next) => editor.setOc('description', next), descriptionHelp: editor.oc.mode === 'subagent'
                     ? 'Required. This is how other agents decide to call it.'
                     : 'One line on what this agent is for. Other agents read it when picking a subagent.', prompt: editor.oc.prompt ?? '', onPromptChange: (next) => editor.setOc('prompt', next) }), triggers: _jsx(AgentTriggersSection, { projectId: projectId, agentName: agent.name, defaultAgent: config.default_agent ?? config.open_code_default_agent }), people: _jsx(AgentPeopleSection, { projectId: projectId, agentName: agent.name }), authority: _jsx(AgentAuthorityCard, { projectId: projectId, agentName: agent.name, grant: editor.draft.kortix_permissions ?? editor.draft.kortix_cli }) }), footer: _jsxs(_Fragment, { children: [_jsx(SaveBar, { dirty: editor.isDirty, pending: update.isPending, onDiscard: () => setConfirmDiscard(true), onSave: onSave }), _jsx(ConfirmDialog, { open: confirmDiscard, onOpenChange: setConfirmDiscard, title: tI18nComplete.raw('text3b13192b9d88'), description: tI18nComplete('text8a36cce34f68', { value0: capitalizeWords(agent.name) }), confirmLabel: tI18nComplete.raw('texteb1a70e39274'), cancelLabel: tI18nComplete.raw('texte76fd2add010'), confirmVariant: "destructive", onConfirm: () => {
                         setConfirmDiscard(false);

package/dist/customize/agents/agent-policy-sets.d.ts

@@ -0,0 +1,43 @@
+import type { AgentGrantSetV2 } from '@kortix/sdk';
+/**
+ * The agent side of connector policy sets: `agents.<a>.policy_sets` maps a
+ * connector slug to one of that connector's sets (`connectors[].policy_sets`).
+ * An absent key means the base rules.
+ */
+export interface PolicySetOption {
+    name: string;
+    description?: string;
+}
+/**
+ * Every connector's set names, read from the root kortix.yaml. The agent page
+ * already holds the raw manifest, so the editor needs no request per connector.
+ * ponytail: connectors declared in an `imports:` file are not read; an agent
+ * that names a set on one still shows its value, flagged as missing.
+ */
+export declare function connectorPolicySetOptions(manifestRaw: string | null | undefined): Record<string, PolicySetOption[]>;
+/**
+ * One connector's set choice; `null` (or `base`) clears it. Clearing the last
+ * entry returns `{}`, never `undefined`: the config PUT keeps the declared
+ * `policy_sets` when the key is omitted, so `{}` is what removes it.
+ *
+ * Entries on connectors the agent no longer holds are kept on purpose: they
+ * are inert until the connector is granted again, and dropping one is a set
+ * change that needs project.connector.write.
+ */
+export declare function withPolicySet(policySets: Record<string, string> | undefined, slug: string, name: string | null): Record<string, string>;
+export interface PolicySetRow {
+    slug: string;
+    options: PolicySetOption[];
+    /** The set the agent names, or null for the base rules. */
+    value: string | null;
+    /** The agent names a set the connector does not define: calls are blocked. */
+    missing: boolean;
+}
+/**
+ * The rows of the agent's "Rule sets" list: every granted connector that
+ * defines at least one set, plus every connector the agent already names a set
+ * on (so a stale entry is visible and can be cleared).
+ */
+export declare function policySetRows(grant: AgentGrantSetV2 | undefined, catalog: Record<string, PolicySetOption[]>, policySets: Record<string, string> | undefined, 
+/** Slugs of the project's connectors, in display order. */
+connectorSlugs: readonly string[]): PolicySetRow[];

package/dist/customize/agents/agent-policy-sets.js

@@ -0,0 +1,72 @@
+import { parseManifestText } from '../../_vendor/kortix-shared.js';
+/**
+ * Every connector's set names, read from the root kortix.yaml. The agent page
+ * already holds the raw manifest, so the editor needs no request per connector.
+ * ponytail: connectors declared in an `imports:` file are not read; an agent
+ * that names a set on one still shows its value, flagged as missing.
+ */
+export function connectorPolicySetOptions(manifestRaw) {
+    let manifest = {};
+    try {
+        manifest = manifestRaw ? parseManifestText(manifestRaw, 'yaml') : {};
+    }
+    catch {
+        return {};
+    }
+    const out = Object.create(null);
+    const connectors = Array.isArray(manifest.connectors) ? manifest.connectors : [];
+    for (const entry of connectors) {
+        if (!entry || typeof entry !== 'object')
+            continue;
+        const { slug, policy_sets: sets } = entry;
+        if (typeof slug !== 'string' || !sets || typeof sets !== 'object' || Array.isArray(sets))
+            continue;
+        const options = Object.entries(sets).map(([name, set]) => {
+            const description = set?.description;
+            return typeof description === 'string' && description ? { name, description } : { name };
+        });
+        if (options.length > 0)
+            out[slug] = options;
+    }
+    return out;
+}
+/**
+ * One connector's set choice; `null` (or `base`) clears it. Clearing the last
+ * entry returns `{}`, never `undefined`: the config PUT keeps the declared
+ * `policy_sets` when the key is omitted, so `{}` is what removes it.
+ *
+ * Entries on connectors the agent no longer holds are kept on purpose: they
+ * are inert until the connector is granted again, and dropping one is a set
+ * change that needs project.connector.write.
+ */
+export function withPolicySet(policySets, slug, name) {
+    const next = Object.fromEntries(Object.entries(policySets ?? {}).filter(([key]) => key !== slug));
+    if (name && name !== 'base')
+        next[slug] = name;
+    return next;
+}
+/**
+ * The rows of the agent's "Rule sets" list: every granted connector that
+ * defines at least one set, plus every connector the agent already names a set
+ * on (so a stale entry is visible and can be cleared).
+ */
+export function policySetRows(grant, catalog, policySets, 
+/** Slugs of the project's connectors, in display order. */
+connectorSlugs) {
+    const granted = (slug) => grant === 'all' || (Array.isArray(grant) && grant.includes(slug));
+    const assigned = policySets ?? {};
+    const slugs = [
+        ...connectorSlugs.filter((slug) => granted(slug) && (catalog[slug]?.length || Object.hasOwn(assigned, slug))),
+        ...Object.keys(assigned).filter((slug) => !connectorSlugs.includes(slug)),
+    ];
+    return slugs.map((slug) => {
+        const options = catalog[slug] ?? [];
+        const value = Object.hasOwn(assigned, slug) ? (assigned[slug] ?? null) : null;
+        return {
+            slug,
+            options,
+            value,
+            missing: value !== null && !options.some((option) => option.name === value),
+        };
+    });
+}

package/dist/customize/agents/agent-triggers-section.js

@@ -34,7 +34,7 @@ import { useProjectFeatureFlags } from '../../internal/lib/use-project-feature-f
 import { cn } from '../../internal/lib/utils.js';
 import { listProjectTriggers } from '@kortix/sdk';
 import { contract, qk } from '@kortix/sdk/react';
-import { LightningIcon, PlusIcon, PulseIcon, TimerIcon, WebhooksLogoIcon, } from '@phosphor-icons/react';
+import { AppWindowIcon, LightningIcon, PlusIcon, PulseIcon, TimerIcon, WebhooksLogoIcon, } from '@phosphor-icons/react';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { useCallback, useMemo, useState } from 'react';
 const KIND_ICON = {
@@ -42,6 +42,7 @@ const KIND_ICON = {
     webhook: WebhooksLogoIcon,
     monitor: PulseIcon,
     event: LightningIcon,
+    app: AppWindowIcon,
 };
 /**
  * Whether `trigger` starts `agentName`. A trigger that names no agent is

package/dist/customize/agents/agents-page.js

@@ -16,22 +16,22 @@ import { detectManifestVersion } from '../../internal/lib/manifest-version.js';
 import { toArray } from '../shared/utils.js';
 import { newConfigPrompt, useConfigureThread, } from '../use-configure-thread.js';
 import { PROJECT_ACTIONS } from '../../internal/lib/project-actions.js';
-import { Skeleton } from '../../primitives/skeleton.js';
 import { useProjectCan } from '../../internal/lib/use-project-can.js';
 import { cn } from '../../internal/lib/utils.js';
 import { getProjectDetail, listProjectResourceGrants, listProjectTriggers, updateProjectDefaultAgent, } from '@kortix/sdk';
 import { contract, qk, useProjectAccountId } from '@kortix/sdk/react';
 import { capitalizeWords, isMetaAgentName, META_AGENT_DISPLAY_NAME } from '../../_vendor/kortix-shared.js';
-import { CaretRightIcon, MagnifyingGlassIcon, RobotIcon, StarIcon as StarSolid, } from '@phosphor-icons/react';
+import { MagnifyingGlassIcon, RobotIcon } from '@phosphor-icons/react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { CapabilityPageShell } from '../shared/capability-page-shell.js';
 import { agentHref } from '../../internal/lib/capability-tab-routes.js';
 import { prefetchAgentConfig } from '../../internal/hooks/projects/use-agent-config.js';
-import { CatalogCard } from '../shared/catalog/catalog-card.js';
 import { catalogEmptyKind } from '../shared/catalog/catalog-empty.js';
 import { CatalogNoMatch } from '../shared/catalog/catalog-empty-state.js';
 import { CatalogGrid } from '../shared/catalog/catalog-grid.js';
-import { DENSE_GRID_CLASSNAME, DENSE_GRID_CONTAINER_CLASSNAME, } from '../shared/catalog/catalog-grid-tokens.js';
+import { GRID_CLASSNAME } from '../shared/catalog/catalog-grid-tokens.js';
+import { AgentMark } from '../../internal/components/agent-mark.js';
+import { AgentCoverCard } from './agent-cover-card.js';
 import { agentInMode, filterAgents } from './agent-filter.js';
 import { useSlashFocus } from '../../internal/hooks/index.js';
 /**
@@ -92,8 +92,8 @@ export function AgentsPage({ projectId }) {
         }
         return counts;
     }, [triggersQuery.data, config]);
-    // Who is granted each agent — the card's "N people" fact. Same key the
-    // agent page's People section reads, manager-gated like it.
+    // Who is granted each agent. Same key the agent page's People section
+    // reads, manager-gated like it.
     const grantsQuery = useQuery({
         queryKey: qk.project.resourceGrants(projectId),
         queryFn: () => listProjectResourceGrants(projectId),
@@ -110,6 +110,7 @@ export function AgentsPage({ projectId }) {
         }
         return counts;
     }, [grantsQuery.data]);
+    const facts = (agent) => (_jsx(AgentCardFacts, { agent: agent, triggerCount: triggerCounts.get(agent.name) ?? 0, grantCount: grantCounts.get(agent.name) ?? 0 }));
     const agents = useMemo(() => toArray(config?.agents), [config]);
     const filtered = useMemo(() => filterAgents(agents, { mode: null, query }), [agents, query]);
     const defaultAgent = config?.default_agent ?? config?.open_code_default_agent ?? null;
@@ -122,8 +123,6 @@ export function AgentsPage({ projectId }) {
         .filter((agent) => agentInMode(agent, 'primary'))
         .sort((a, b) => Number(b.name === defaultAgent) - Number(a.name === defaultAgent)), [filtered, defaultAgent]);
     const subagents = useMemo(() => filtered.filter((agent) => !agentInMode(agent, 'primary')), [filtered]);
-    const subagentTotal = agents.filter((agent) => !agentInMode(agent, 'primary')).length;
-    const primaryTotal = agents.length - subagentTotal;
     // `null` = render the grid. Otherwise which "nothing to show" copy applies:
     // genuinely zero agents vs. agents exist but this filter/search hid all of
     // them. Telling the user "No agents yet" in the second case is false and
@@ -133,69 +132,64 @@ export function AgentsPage({ projectId }) {
     // title beside it and can be terse; the empty state is the whole screen and
     // has to name what it creates. Both start the same configure thread, so they
     // cannot drift apart.
-    // `size="sm"` is `h-8` — the same height as the search input beside it in the
-    // header group. The Button default is `h-9`, which left the pair 4px
-    // mismatched on a row that is centred, so both edges were off.
-    const createButton = (label) => canWrite ? (_jsx(NewEntityMenu, { label: label, pending: configure.pending, onChat: () => configure.start(newConfigPrompt('agent')), manual: {
+    // The header button is `h-9`, the height of the `size="sm"` search input
+    // beside it. The empty state keeps `sm` to match its `sm` docs link.
+    const createButton = (label, size) => canWrite ? (_jsx(NewEntityMenu, { label: label, size: size, pending: configure.pending, onChat: () => configure.start(newConfigPrompt('agent')), manual: {
             description: tI18nComplete.raw('text5210c5acc2cd'),
             href: uiRoutes().files(projectId) ?? customizePath(projectId, 'repo'),
         } })) : null;
-    return (_jsxs(CapabilityPageShell, { title: tI18nComplete.raw('text279b44d2ab4b'), description: tI18nComplete.raw('text636453e23d69'), action: createButton('New'), search: _jsxs(InputGroupSearch, { children: [_jsx(InputGroupSearchIcon, { children: _jsx(MagnifyingGlassIcon, {}) }), _jsx(InputGroupSearchInput, { ref: searchRef, placeholder: tI18nComplete.raw('text212fd04a1d20'), value: query, onChange: (event) => setQuery(event.target.value), variant: "popover", size: "sm" }), _jsx(InputGroupSearchClear, { onClick: () => setQuery('') })] }), filters: 
-        // The row holds its height while the manifest loads, so the grid
-        // below does not drop when the count and the selector land.
-        detailQuery.isLoading ? (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "h-4 w-40 rounded-sm py-0" }), _jsx(Skeleton, { className: "h-8 w-44 rounded-md py-0" })] })) : config ? (_jsxs(_Fragment, { children: [_jsxs("p", { className: "text-muted-foreground text-xs", children: [primaryTotal, " ", primaryTotal === 1 ? 'agent' : 'agents', subagentTotal > 0
-                            ? ` · ${subagentTotal} ${subagentTotal === 1 ? 'subagent' : 'subagents'}`
-                            : null, ' ', tI18nComplete.raw('text582967534d0f'), ' ', _jsx("span", { className: "font-mono", children: tI18nComplete.raw('text1965f383021e') })] }), _jsx(DefaultAgentSelector, { projectId: projectId, config: config, canWrite: canWrite })] })) : undefined, children: [_jsx(CatalogGrid, { isLoading: detailQuery.isLoading, isError: detailQuery.isError, error: detailQuery.error, onRetry: () => detailQuery.refetch(), isEmpty: emptyKind !== null, empty: emptyKind === 'no-match' ? (_jsx(CatalogNoMatch, { query: query })) : (_jsx(EmptyState, { icon: RobotIcon, size: "sm", title: tI18nComplete.raw('text971b61f8cb4d'), description: tI18nComplete.raw('textc4e4294c6777'), action: createButton('Create an agent'), secondaryAction: _jsx(Button, { asChild: true, variant: "ghost", size: "sm", className: "gap-1.5", children: _jsx("a", { href: "https://opencode.ai/docs/agents/", target: "_blank", rel: "noopener noreferrer", children: tI18nComplete.raw('text7af023c43013') }) }) })), children: primaryAgents.map((agent) => (_jsx(CatalogCard, { href: agentHref(projectId, agent.name), onIntent: () => prefetchAgentConfig(queryClient, projectId, agent.name), title: agentTitle(agent.name), subtitle: _jsx("code", { className: "text-muted-foreground text-xs break-all", children: agent.name }), description: agent.description, badges: _jsx(AgentCardBadges, { agent: agent, isDefault: defaultAgent === agent.name }), meta: _jsx(AgentCardFacts, { agent: agent, triggerCount: triggerCounts.get(agent.name) ?? 0, peopleCount: canManageMembers ? (grantCounts.get(agent.name) ?? 0) : null }), trailing: _jsx(CardCaret, {}) }, agent.path))) }), !detailQuery.isLoading && !detailQuery.isError && subagents.length > 0 ? (_jsxs("section", { "aria-labelledby": "subagents-heading", className: cn('space-y-2', primaryAgents.length > 0 && 'mt-8'), children: [_jsxs("div", { children: [_jsxs("h2", { id: "subagents-heading", className: "text-foreground text-sm font-medium", children: [tI18nComplete.raw('agentsListSubagentsTitle'), ' ', _jsx("span", { className: "text-muted-foreground font-normal tabular-nums", children: subagents.length })] }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: tI18nComplete.raw('agentsListSubagentsHint') })] }), _jsx("div", { className: cn(DENSE_GRID_CONTAINER_CLASSNAME, '-mx-3'), children: _jsx("div", { className: DENSE_GRID_CLASSNAME, children: subagents.map((agent) => (_jsx(CatalogCard, { variant: "plain", href: agentHref(projectId, agent.name), onIntent: () => prefetchAgentConfig(queryClient, projectId, agent.name), title: agentTitle(agent.name), subtitle: _jsx("code", { className: "text-muted-foreground text-xs break-all", children: agent.name }), description: agent.description, badges: _jsx(AgentCardBadges, { agent: agent, isDefault: false }), meta: _jsx("span", { className: cn('truncate', agent.model && 'font-mono'), children: agent.model?.split('/').pop() ?? tI18nComplete.raw('text3840d9d29421') }), trailing: _jsx(CardCaret, {}) }, agent.path))) }) })] })) : null] }));
+    return (_jsxs(CapabilityPageShell, { title: tI18nComplete.raw('text279b44d2ab4b'), description: tI18nComplete.raw('text636453e23d69'), action: 
+        // The default-agent selector sits in the header beside New: it is a
+        // page-level setting, not a filter on the list.
+        _jsxs(_Fragment, { children: [config ? (_jsx(DefaultAgentSelector, { projectId: projectId, config: config, canWrite: canWrite })) : null, createButton('New')] }), search: _jsxs(InputGroupSearch, { children: [_jsx(InputGroupSearchIcon, { children: _jsx(MagnifyingGlassIcon, {}) }), _jsx(InputGroupSearchInput, { ref: searchRef, placeholder: tI18nComplete.raw('text212fd04a1d20'), value: query, onChange: (event) => setQuery(event.target.value), variant: "popover", size: "sm" }), _jsx(InputGroupSearchClear, { onClick: () => setQuery('') })] }), children: [_jsx(CatalogGrid, { isLoading: detailQuery.isLoading, isError: detailQuery.isError, error: detailQuery.error, onRetry: () => detailQuery.refetch(), isEmpty: emptyKind !== null, empty: emptyKind === 'no-match' ? (_jsx(CatalogNoMatch, { query: query })) : (_jsx(EmptyState, { icon: RobotIcon, size: "sm", title: tI18nComplete.raw('text971b61f8cb4d'), description: tI18nComplete.raw('textc4e4294c6777'), action: createButton('Create an agent', 'sm'), secondaryAction: _jsx(Button, { asChild: true, variant: "ghost", size: "sm", className: "gap-1.5", children: _jsx("a", { href: "/docs/project/agents", target: "_blank", rel: "noopener noreferrer", children: tI18nComplete.raw('text7af023c43013') }) }) })), children: primaryAgents.map((agent) => (_jsx(AgentCoverCard, { slug: agent.name, href: agentHref(projectId, agent.name), onIntent: () => prefetchAgentConfig(queryClient, projectId, agent.name), title: agentTitle(agent.name), description: agent.description, badges: _jsx(AgentCardBadges, { agent: agent }), coverLabel: defaultAgent === agent.name ? tI18nComplete.raw('text21b111cbfe6e') : undefined, meta: facts(agent) }, agent.path))) }), !detailQuery.isLoading && !detailQuery.isError && subagents.length > 0 ? (_jsxs("section", { "aria-labelledby": "subagents-heading", className: cn('space-y-2', primaryAgents.length > 0 && 'mt-8'), children: [_jsxs("div", { children: [_jsxs("h2", { id: "subagents-heading", className: "text-foreground text-sm font-medium", children: [tI18nComplete.raw('agentsListSubagentsTitle'), ' ', _jsx("span", { className: "text-muted-foreground font-normal tabular-nums", children: subagents.length })] }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: tI18nComplete.raw('agentsListSubagentsHint') })] }), _jsx("div", { className: GRID_CLASSNAME, children: subagents.map((agent) => (_jsx(AgentCoverCard, { slug: agent.name, href: agentHref(projectId, agent.name), onIntent: () => prefetchAgentConfig(queryClient, projectId, agent.name), title: agentTitle(agent.name), description: agent.description, badges: _jsx(AgentCardBadges, { agent: agent }), meta: facts(agent) }, agent.path))) })] })) : null] }));
 }
 function agentTitle(name) {
     return isMetaAgentName(name) ? META_AGENT_DISPLAY_NAME : capitalizeWords(name);
 }
-function CardCaret() {
-    return (_jsx(CaretRightIcon, { "aria-hidden": true, className: "text-muted-foreground group-hover:text-foreground mt-0.5 size-4 transition-colors" }));
-}
 /**
- * The card's facts line: what the agent runs on, what starts it, and who may
- * use it — the three things a person configuring access wants to know before
- * opening the page. Model falls back to the project default rather than
- * printing nothing; triggers and people print their count, including zero,
- * so every card has the same three slots and the eye can compare down a
- * column. People is omitted for a reader who cannot see grants.
+ * The access fact (KRTX-3025): "Full access", or the connectors an agent can
+ * reach. Nothing for an agent without connectors — the card does not list what
+ * an agent lacks.
  */
-function AgentCardFacts({ agent, triggerCount, peopleCount, }) {
-    const tI18nComplete = useI18nTranslations('hardcodedUi.i18nComplete');
-    const model = agent.model ? agent.model.split('/').pop() : null;
-    const accessLabel = accessLabelOf(agentAccess(agent.scope), tI18nComplete);
-    const sep = (_jsx("span", { "aria-hidden": true, className: "text-muted-foreground", children: "\u00B7" }));
-    return (_jsxs(_Fragment, { children: [_jsx("span", { className: cn('truncate', model && 'font-mono'), children: model ?? tI18nComplete.raw('text3840d9d29421') }), sep, _jsxs("span", { className: "tabular-nums", children: [triggerCount, " ", triggerCount === 1 ? 'trigger' : 'triggers'] }), peopleCount !== null ? (_jsxs(_Fragment, { children: [sep, _jsx("span", { className: "tabular-nums", children: peopleCount === 0
-                            ? tI18nComplete.raw('textb6c70926c1aa')
-                            : `${peopleCount} ${peopleCount === 1 ? 'grant' : 'grants'}` })] })) : null, accessLabel ? _jsx("span", { className: "basis-full tabular-nums", children: accessLabel }) : null] }));
-}
-/** The access slot: what the configuration grants (KRTX-3025). */
 function accessLabelOf(access, t) {
     if (!access)
         return null;
     if (access.kind === 'full')
         return t.raw('textf19611c61ca5');
-    const LABELS = {
-        connectors: { all: 'textd83250185d41', count: 'text15589a542412' },
-        secrets: { all: 'text0b38e3daeb93', count: 'texte96d99ad9896' },
-        actions: { all: 'text70b8d7e10749', count: 'text2d3f4433505a' },
-    };
-    return access.parts
-        .map(({ kind, value }) => value === 'all' ? t.raw(LABELS[kind].all) : t(LABELS[kind].count, { count: value }))
-        .join(', ');
+    const connectors = access.parts.find((part) => part.kind === 'connectors')?.value ?? 0;
+    if (connectors === 'all')
+        return t.raw('textd83250185d41');
+    return connectors > 0 ? t('text15589a542412', { count: connectors }) : null;
+}
+/**
+ * The card's facts line, joined by `•`: access, the agent's own model,
+ * triggers, grants. A fact with nothing to say is left out — no "0 triggers",
+ * no "Default model" — so an empty slot never reads as information.
+ */
+function AgentCardFacts({ agent, triggerCount, grantCount, }) {
+    const tI18nComplete = useI18nTranslations('hardcodedUi.i18nComplete');
+    const facts = [
+        accessLabelOf(agentAccess(agent.scope), tI18nComplete),
+        agent.model ? agent.model.split('/').pop() : null,
+        triggerCount > 0 ? `${triggerCount} ${triggerCount === 1 ? 'trigger' : 'triggers'}` : null,
+        grantCount > 0 ? `${grantCount} ${grantCount === 1 ? 'grant' : 'grants'}` : null,
+    ].filter((fact) => Boolean(fact));
+    if (facts.length === 0)
+        return null;
+    return (_jsx("span", { className: "truncate tabular-nums", children: facts.map((fact, index) => (_jsxs("span", { children: [index > 0 ? (_jsx("span", { "aria-hidden": true, className: "px-1.5", children: "\u2022" })) : null, fact] }, fact))) }));
 }
 /**
- * Card badges — "also a subagent", the default-agent star, disabled.
+ * Card badges — "also a subagent", disabled. The default agent is marked on
+ * the cover instead.
  *
  * The section already says primary or subagent, so a mode chip only marks the
  * both-ways `all` agent: it sits with the primaries but other agents call it
  * too.
  */
-function AgentCardBadges({ agent, isDefault }) {
+function AgentCardBadges({ agent }) {
     const tI18nComplete = useI18nTranslations('hardcodedUi.i18nComplete');
     const mode = agent.mode?.toLowerCase();
-    return (_jsxs(_Fragment, { children: [mode === 'all' ? (_jsx(Badge, { variant: "muted", size: "xs", children: tI18nComplete.raw('agentsListAlsoSubagent') })) : null, isDefault ? (_jsx(StarSolid, { weight: "fill", "aria-label": tI18nComplete.raw('text94da52ecd6c5'), className: "text-kortix-orange size-3.5 shrink-0" })) : null, agent.enabled === false ? (_jsx(Badge, { variant: "muted", size: "xs", children: tI18nComplete.raw('text75081b593d15') })) : null] }));
+    return (_jsxs(_Fragment, { children: [mode === 'all' ? (_jsx(Badge, { variant: "muted", size: "xs", children: tI18nComplete.raw('agentsListAlsoSubagent') })) : null, agent.enabled === false ? (_jsx(Badge, { variant: "muted", size: "xs", children: tI18nComplete.raw('text75081b593d15') })) : null] }));
 }
 /**
  * Which agent a new chat in this project starts with. Rides the filter row
@@ -227,5 +221,5 @@ function DefaultAgentSelector({ projectId, config, canWrite, }) {
     });
     if (!declaresDefaultAgent || availableAgents.length === 0 || !current)
         return null;
-    return (_jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsx("span", { className: "text-muted-foreground hidden text-xs sm:block", children: tI18nComplete.raw('text21b111cbfe6e') }), mutation.isPending ? _jsx(Loading, { className: "size-4 shrink-0" }) : null, _jsxs(Select, { value: current, onValueChange: (agentName) => mutation.mutate(agentName), disabled: !canWrite || mutation.isPending, children: [_jsx(SelectTrigger, { "aria-label": tI18nComplete.raw('text94da52ecd6c5'), className: "w-44 shrink-0", size: "sm", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { align: "end", children: availableAgents.map((agent) => (_jsx(SelectItem, { value: agent.name, children: isMetaAgentName(agent.name) ? META_AGENT_DISPLAY_NAME : capitalizeWords(agent.name) }, agent.name))) })] })] }));
+    return (_jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [mutation.isPending ? _jsx(Loading, { className: "size-4 shrink-0" }) : null, _jsxs(Select, { value: current, onValueChange: (agentName) => mutation.mutate(agentName), disabled: !canWrite || mutation.isPending, children: [_jsx(SelectTrigger, { "aria-label": tI18nComplete.raw('text94da52ecd6c5'), className: "h-9 w-44 shrink-0", size: "sm", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { align: "end", children: availableAgents.map((agent) => (_jsx(SelectItem, { value: agent.name, children: _jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [_jsx(AgentMark, { slug: agent.name }), _jsx("span", { className: "truncate", children: agentTitle(agent.name) })] }) }, agent.name))) })] })] }));
 }

package/dist/customize/connectors/add-mcp/add-mcp-server-dialog.d.ts

@@ -6,11 +6,16 @@ import type { McpServerApp } from '../install/mcp-first.js';
  * provider's consent page. It replaced eight steps through the custom
  * connector form, Sign in and Add account.
  */
-export declare function AddMcpServerDialog({ projectId, open, onOpenChange, takenSlugs, onAdded, app, }: {
+export declare function AddMcpServerDialog({ projectId, open, onOpenChange, takenSlugs, onAdded, app, initial, }: {
     projectId: string;
     /** A catalogue app's own MCP server: the URL is filled in and the dialog
      *  is titled for the app. Null for a server the user pastes. */
     app?: McpServerApp | null;
+    /** A pasted server prefilled from a link (an agent's `setup_url`): a person confirms it here. */
+    initial?: {
+        url: string;
+        name?: string;
+    } | null;
     open: boolean;
     onOpenChange: (open: boolean) => void;
     /** Slugs of the project's connectors: a new server never reuses one. */