@shepai/cli 1.166.1 → 1.167.0-pr505.5cf8222

package/dist/src/presentation/web/components/common/feature-drawer-tabs/overview-tab.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overview-tab.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-drawer-tabs/overview-tab.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAclC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AA0G1C,uEAAuE;AACvE,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,8CAA8C;AAC9C,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,gBAAgB,EAAE,KAE9B,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,gDAAgD;AAChD,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAOF,6CAA6C;AAC7C,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC;AAEF,8CAA8C;AAC9C,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF,sEAAsE;AACtE,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAwBF,mEAAmE;AACnE,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAMF,0BAA0B;AAC1B,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC;AAEF,sBAAsB;AACtB,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,oBAAoB;AACpB,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,sBAAsB;AACtB,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,gEAAgE;AAChE,eAAO,MAAM,oBAAoB,EAAE,KAclC,CAAC;AAqBF,4DAA4D;AAC5D,eAAO,MAAM,sBAAsB,EAAE,KAEpC,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC;AAEF,+FAA+F;AAC/F,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAC;AAMF,oFAAoF;AACpF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,uBAAuB,EAAE,KAYrC,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,uBAAuB,EAAE,KAYrC,CAAC;AAEF,2CAA2C;AAC3C,eAAO,MAAM,oBAAoB,EAAE,KAYlC,CAAC;AAEF,+DAA+D;AAC/D,eAAO,MAAM,mBAAmB,EAAE,KAQjC,CAAC;AAMF,6EAA6E;AAC7E,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,mCAAmC;AACnC,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC"}
+{"version":3,"file":"overview-tab.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-drawer-tabs/overview-tab.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAclC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AA0G1C,uEAAuE;AACvE,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,8CAA8C;AAC9C,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,gBAAgB,EAAE,KAE9B,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,gDAAgD;AAChD,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,gEAAgE;AAChE,eAAO,MAAM,6BAA6B,EAAE,KAc3C,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,4BAA4B,EAAE,KAe1C,CAAC;AAOF,6CAA6C;AAC7C,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC;AAEF,8CAA8C;AAC9C,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF,sEAAsE;AACtE,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAwBF,mEAAmE;AACnE,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAMF,0BAA0B;AAC1B,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC;AAEF,sBAAsB;AACtB,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,oBAAoB;AACpB,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,sBAAsB;AACtB,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,gEAAgE;AAChE,eAAO,MAAM,oBAAoB,EAAE,KAclC,CAAC;AAqBF,4DAA4D;AAC5D,eAAO,MAAM,sBAAsB,EAAE,KAEpC,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC;AAEF,+FAA+F;AAC/F,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAC;AAMF,oFAAoF;AACpF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,uBAAuB,EAAE,KAYrC,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,uBAAuB,EAAE,KAYrC,CAAC;AAEF,2CAA2C;AAC3C,eAAO,MAAM,oBAAoB,EAAE,KAYlC,CAAC;AAEF,+DAA+D;AAC/D,eAAO,MAAM,mBAAmB,EAAE,KAQjC,CAAC;AAMF,6EAA6E;AAC7E,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,mCAAmC;AACnC,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC"}

package/dist/src/presentation/web/components/common/feature-drawer-tabs/overview-tab.stories.js

@@ -133,6 +133,39 @@ export const Blocked = {
 export const Error = {
     args: { data: errorData },
 };
+/** Pending feature with the pinned execution switch visible. */
+export const PendingWithPinnedConfigSwitch = {
+    args: {
+        data: {
+            ...noProgressData,
+            state: 'pending',
+            agentType: 'codex-cli',
+            modelId: 'gpt-5.4',
+        },
+        pinnedConfig: {
+            agentType: 'codex-cli',
+            modelId: 'gpt-5.4',
+            onSave: async () => ({ ok: true }),
+        },
+    },
+};
+/** Pending feature showing inline save feedback for the pinned execution switch. */
+export const PendingWithPinnedConfigError = {
+    args: {
+        data: {
+            ...noProgressData,
+            state: 'pending',
+            agentType: 'claude-code',
+            modelId: 'claude-sonnet-4-6',
+        },
+        pinnedConfig: {
+            agentType: 'claude-code',
+            modelId: 'claude-sonnet-4-6',
+            error: 'Could not save pinned config',
+            onSave: async () => ({ ok: false, error: 'Could not save pinned config' }),
+        },
+    },
+};
 const errorWithRetryData = {
     ...errorData,
     onRetry: fn(),

package/dist/src/presentation/web/components/common/feature-drawer-tabs/pinned-config-utils.d.ts

@@ -0,0 +1,18 @@
+import type { FeatureNodeData } from '../../common/feature-node/index.js';
+export interface PinnedConfigSelection {
+    agentType: NonNullable<FeatureNodeData['agentType']>;
+    modelId: string;
+}
+export interface FeatureDrawerPinnedConfig {
+    agentType: string;
+    modelId: string;
+    saving?: boolean;
+    error?: string | null;
+    onSave: (agentType: string, modelId: string) => Promise<{
+        ok: boolean;
+        error?: string;
+    }>;
+}
+export declare function canSwitchPinnedConfig(state: FeatureNodeData['state']): boolean;
+export declare function getPinnedConfigSelection(node: Pick<FeatureNodeData, 'agentType' | 'modelId'> | null | undefined): PinnedConfigSelection | null;
+//# sourceMappingURL=pinned-config-utils.d.ts.map

package/dist/src/presentation/web/components/common/feature-drawer-tabs/pinned-config-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinned-config-utils.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-drawer-tabs/pinned-config-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAQxE,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC;IACrD,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,EAAE,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC1F;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,GAAG,OAAO,CAE9E;AAED,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,SAAS,CAAC,GAAG,IAAI,GAAG,SAAS,GACtE,qBAAqB,GAAG,IAAI,CAS9B"}

package/dist/src/presentation/web/components/common/feature-drawer-tabs/pinned-config-utils.js

@@ -0,0 +1,17 @@
+const ELIGIBLE_PINNED_CONFIG_STATES = new Set([
+    'pending',
+    'action-required',
+    'error',
+]);
+export function canSwitchPinnedConfig(state) {
+    return ELIGIBLE_PINNED_CONFIG_STATES.has(state);
+}
+export function getPinnedConfigSelection(node) {
+    if (!node?.agentType) {
+        return null;
+    }
+    return {
+        agentType: node.agentType,
+        modelId: node.modelId ?? '',
+    };
+}

package/dist/src/presentation/web/components/common/repository-node/repository-drawer.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"repository-drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-drawer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAOvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAqB/C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAuBF,2EAA2E;AAC3E,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAkCF,0FAA0F;AAC1F,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC"}
+{"version":3,"file":"repository-drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-drawer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAOvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAqB/C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAuBF,2EAA2E;AAC3E,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAmCF,0FAA0F;AAC1F,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC"}

package/dist/src/presentation/web/components/common/repository-node/repository-drawer.stories.js

@@ -57,6 +57,7 @@ function WithGitOpsTemplate({ data }) {
         adoptBranch: true,
         gitRebaseSync: true,
         reactFileManager: true,
+        inventory: false,
     };
     return (_jsx(FeatureFlagsProvider, { flags: allEnabledFlags, children: _jsxs("div", { style: { height: '100vh', background: '#f8fafc', padding: '2rem' }, children: [_jsx("button", { type: "button", onClick: () => setSelected(data), style: { padding: '8px 16px', border: '1px solid #ccc', borderRadius: '6px' }, children: "Open Drawer" }), _jsx(RepositoryDrawer, { data: selected, onClose: () => setSelected(null) })] }) }));
 }

package/dist/src/presentation/web/components/features/feature-tree-table/feature-tree-table.d.ts

@@ -0,0 +1,36 @@
+import type { FeatureStatus } from '../../common/feature-status-config.js';
+import './feature-tree-table.css';
+export interface FeatureTreeRow {
+    id: string;
+    name: string;
+    status: FeatureStatus;
+    lifecycle: string;
+    branch: string;
+    repositoryName: string;
+    remoteUrl?: string;
+    parentId?: string;
+    /** Child rows for tree hierarchy */
+    _children?: FeatureTreeRow[];
+    /** Whether this row is a repository group header */
+    _isRepoGroup?: boolean;
+    /** Number of features in this repo group */
+    _featureCount?: number;
+}
+export interface InventoryRepo {
+    name: string;
+    remoteUrl?: string;
+}
+export interface FeatureTreeTableProps {
+    data: FeatureTreeRow[];
+    repos?: InventoryRepo[];
+    className?: string;
+    onFeatureClick?: (featureId: string) => void;
+}
+/**
+ * Build tree-structured data grouped by repository.
+ * Each repository becomes a parent node with its features as children.
+ * Repos without features are included as empty groups.
+ */
+export declare function buildTreeData(flatData: FeatureTreeRow[], repos?: InventoryRepo[]): FeatureTreeRow[];
+export declare function FeatureTreeTable({ data, repos, className, onFeatureClick, }: FeatureTreeTableProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=feature-tree-table.d.ts.map

package/dist/src/presentation/web/components/features/feature-tree-table/feature-tree-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-tree-table.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/feature-tree-table/feature-tree-table.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,0BAA0B,CAAC;AAElC,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,oDAAoD;IACpD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AA+FD;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,cAAc,EAAE,EAC1B,KAAK,CAAC,EAAE,aAAa,EAAE,GACtB,cAAc,EAAE,CAmElB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,cAAc,GACf,EAAE,qBAAqB,2CAgDvB"}

package/dist/src/presentation/web/components/features/feature-tree-table/feature-tree-table.js

@@ -0,0 +1,196 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useCallback } from 'react';
+import { TabulatorFull as Tabulator } from 'tabulator-tables';
+import { cn } from '../../../lib/utils.js';
+import './feature-tree-table.css';
+const STATUS_LABELS = {
+    'action-needed': 'Action Needed',
+    'in-progress': 'In Progress',
+    pending: 'Pending',
+    blocked: 'Blocked',
+    error: 'Error',
+    done: 'Done',
+};
+/** SVG repo icon — lucide FolderGit2 */
+const REPO_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="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"/><circle cx="12" cy="13" r="2"/><path d="M14 13h3"/><path d="M7 13h3"/></svg>`;
+function statusFormatter(cell) {
+    const row = cell.getRow().getData();
+    if (row._isRepoGroup)
+        return '';
+    const value = cell.getValue();
+    const label = STATUS_LABELS[value] ?? value;
+    return `<span class="status-pill status-pill--${value}"><span class="status-dot"></span>${label}</span>`;
+}
+function nameFormatter(cell) {
+    const row = cell.getRow().getData();
+    if (row._isRepoGroup) {
+        const count = row._featureCount ?? 0;
+        const countLabel = count === 0 ? 'No features' : count === 1 ? '1 Feature' : `${count} Features`;
+        const remoteLabel = row.remoteUrl
+            ? `<span class="repo-remote-url">${escapeHtml(row.remoteUrl)}</span>`
+            : '';
+        return `<span class="repo-name-cell">${REPO_ICON_SVG}<span class="repo-name-text"><span class="repo-name-primary"><span class="repo-name-title">${escapeHtml(row.name)}</span><span class="repo-feature-count">${countLabel}</span></span>${remoteLabel}</span></span>`;
+    }
+    return escapeHtml(cell.getValue());
+}
+function escapeHtml(text) {
+    const div = typeof document !== 'undefined' ? document.createElement('div') : null;
+    if (div) {
+        div.textContent = text;
+        return div.innerHTML;
+    }
+    return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+function buildColumns(onFeatureClick) {
+    return [
+        {
+            title: 'Name',
+            field: 'name',
+            widthGrow: 3,
+            formatter: nameFormatter,
+            ...(onFeatureClick && {
+                cellClick: (_e, cell) => {
+                    const data = cell.getRow().getData();
+                    if (data._isRepoGroup)
+                        return;
+                    onFeatureClick(data.id);
+                },
+                cssClass: 'cursor-pointer',
+            }),
+        },
+        {
+            title: 'Status',
+            field: 'status',
+            widthGrow: 1.5,
+            formatter: statusFormatter,
+        },
+        {
+            title: 'Lifecycle',
+            field: 'lifecycle',
+            widthGrow: 1.5,
+            formatter: (cell) => {
+                const row = cell.getRow().getData();
+                if (row._isRepoGroup)
+                    return '';
+                return cell.getValue();
+            },
+        },
+        {
+            title: 'Branch',
+            field: 'branch',
+            widthGrow: 2,
+            formatter: (cell) => {
+                const row = cell.getRow().getData();
+                if (row._isRepoGroup)
+                    return '';
+                const val = cell.getValue();
+                if (!val)
+                    return '';
+                return `<code style="font-size:12px;color:var(--color-muted-foreground,#64748b);font-family:var(--font-mono)">${escapeHtml(val)}</code>`;
+            },
+        },
+    ];
+}
+/**
+ * Build tree-structured data grouped by repository.
+ * Each repository becomes a parent node with its features as children.
+ * Repos without features are included as empty groups.
+ */
+export function buildTreeData(flatData, repos) {
+    // Group features by repository
+    const byRepo = new Map();
+    for (const item of flatData) {
+        const repoName = item.repositoryName || 'Unknown';
+        if (!byRepo.has(repoName)) {
+            byRepo.set(repoName, []);
+        }
+        byRepo.get(repoName).push(item);
+    }
+    // Ensure all known repos are represented (even without features)
+    const repoMeta = new Map();
+    if (repos) {
+        for (const repo of repos) {
+            repoMeta.set(repo.name, { remoteUrl: repo.remoteUrl });
+            if (!byRepo.has(repo.name)) {
+                byRepo.set(repo.name, []);
+            }
+        }
+    }
+    const roots = [];
+    for (const [repoName, features] of byRepo) {
+        // Build parent-child relationships within this repo group
+        const lookup = new Map();
+        const repoChildren = [];
+        for (const item of features) {
+            lookup.set(item.id, { ...item, _children: [] });
+        }
+        for (const item of features) {
+            const node = lookup.get(item.id);
+            if (item.parentId && lookup.has(item.parentId)) {
+                lookup.get(item.parentId)._children.push(node);
+            }
+            else {
+                repoChildren.push(node);
+            }
+        }
+        // Clean up empty _children arrays
+        for (const node of lookup.values()) {
+            if (node._children?.length === 0) {
+                delete node._children;
+            }
+        }
+        const remoteUrl = repoMeta.get(repoName)?.remoteUrl ?? features[0]?.remoteUrl;
+        const repoGroup = {
+            id: `repo-${repoName}`,
+            name: repoName,
+            status: 'pending',
+            lifecycle: '',
+            branch: '',
+            repositoryName: repoName,
+            remoteUrl,
+            _isRepoGroup: true,
+            _featureCount: features.length,
+            ...(repoChildren.length > 0 ? { _children: repoChildren } : {}),
+        };
+        roots.push(repoGroup);
+    }
+    return roots;
+}
+export function FeatureTreeTable({ data, repos, className, onFeatureClick, }) {
+    const containerRef = useRef(null);
+    const tabulatorRef = useRef(null);
+    const onFeatureClickRef = useRef(onFeatureClick);
+    onFeatureClickRef.current = onFeatureClick;
+    const stableOnFeatureClick = useCallback((featureId) => {
+        onFeatureClickRef.current?.(featureId);
+    }, []);
+    useEffect(() => {
+        if (!containerRef.current)
+            return;
+        const treeData = buildTreeData(data, repos);
+        const columns = buildColumns(stableOnFeatureClick);
+        const table = new Tabulator(containerRef.current, {
+            data: treeData,
+            columns,
+            dataTree: true,
+            dataTreeStartExpanded: true,
+            layout: 'fitColumns',
+            height: '100%',
+            placeholder: 'No repositories found',
+            headerSortClickElement: 'icon',
+            rowFormatter: (row) => {
+                const rowData = row.getData();
+                if (rowData._isRepoGroup) {
+                    row.getElement().classList.add('tabulator-row-repo-group');
+                }
+            },
+        });
+        tabulatorRef.current = table;
+        return () => {
+            table.destroy();
+            tabulatorRef.current = null;
+        };
+    }, [data, repos, stableOnFeatureClick]);
+    return (_jsx("div", { "data-testid": "feature-tree-table", className: cn('h-full w-full', className), ref: containerRef }));
+}

package/dist/src/presentation/web/components/features/feature-tree-table/feature-tree-table.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { FeatureTreeTable } from './feature-tree-table.js';
+declare const meta: Meta<typeof FeatureTreeTable>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const SingleRepository: Story;
+export declare const Empty: Story;
+export declare const WithClickHandler: Story;
+export declare const DeeplyNested: Story;
+export declare const NoRemoteUrl: Story;
+//# sourceMappingURL=feature-tree-table.stories.d.ts.map

package/dist/src/presentation/web/components/features/feature-tree-table/feature-tree-table.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-tree-table.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/feature-tree-table/feature-tree-table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAcvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0EnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAI9B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AA4CF,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAaF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}

package/dist/src/presentation/web/components/features/feature-tree-table/feature-tree-table.stories.js

@@ -0,0 +1,166 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FeatureTreeTable } from './feature-tree-table.js';
+const meta = {
+    title: 'Features/FeatureTreeTable',
+    component: FeatureTreeTable,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (_jsx("div", { style: { height: '500px', width: '100%' }, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+const singleRepoFeatures = [
+    {
+        id: 'feat-1',
+        name: 'Authentication System',
+        status: 'done',
+        lifecycle: 'Maintain',
+        branch: 'feat/auth-system',
+        repositoryName: 'my-app',
+        remoteUrl: 'https://github.com/acme/my-app',
+    },
+    {
+        id: 'feat-2',
+        name: 'OAuth2 Provider',
+        status: 'in-progress',
+        lifecycle: 'Implementation',
+        branch: 'feat/oauth2-provider',
+        repositoryName: 'my-app',
+        remoteUrl: 'https://github.com/acme/my-app',
+        parentId: 'feat-1',
+    },
+    {
+        id: 'feat-3',
+        name: 'JWT Token Refresh',
+        status: 'pending',
+        lifecycle: 'Planning',
+        branch: 'feat/jwt-refresh',
+        repositoryName: 'my-app',
+        remoteUrl: 'https://github.com/acme/my-app',
+        parentId: 'feat-1',
+    },
+    {
+        id: 'feat-4',
+        name: 'Payment Integration',
+        status: 'action-needed',
+        lifecycle: 'Review',
+        branch: 'feat/payments',
+        repositoryName: 'my-app',
+        remoteUrl: 'https://github.com/acme/my-app',
+    },
+];
+const multiRepoFeatures = [
+    ...singleRepoFeatures,
+    {
+        id: 'feat-5',
+        name: 'Dashboard Widgets',
+        status: 'blocked',
+        lifecycle: 'Blocked',
+        branch: 'feat/dashboard-widgets',
+        repositoryName: 'admin-portal',
+        remoteUrl: 'https://github.com/acme/admin-portal',
+    },
+    {
+        id: 'feat-6',
+        name: 'Stripe Checkout',
+        status: 'error',
+        lifecycle: 'Implementation',
+        branch: 'feat/stripe-checkout',
+        repositoryName: 'admin-portal',
+        remoteUrl: 'https://github.com/acme/admin-portal',
+    },
+    {
+        id: 'feat-7',
+        name: 'API Gateway',
+        status: 'in-progress',
+        lifecycle: 'Implementation',
+        branch: 'feat/api-gateway',
+        repositoryName: 'infrastructure',
+        remoteUrl: 'https://gitlab.com/acme/infrastructure',
+    },
+];
+export const Default = {
+    args: {
+        data: multiRepoFeatures,
+    },
+};
+export const SingleRepository = {
+    args: {
+        data: singleRepoFeatures,
+    },
+};
+export const Empty = {
+    args: {
+        data: [],
+    },
+};
+export const WithClickHandler = {
+    args: {
+        data: multiRepoFeatures,
+        onFeatureClick: (id) => alert(`Clicked feature: ${id}`),
+    },
+};
+const deeplyNestedFeatures = [
+    {
+        id: 'root-1',
+        name: 'Platform Overhaul',
+        status: 'in-progress',
+        lifecycle: 'Implementation',
+        branch: 'feat/platform-overhaul',
+        repositoryName: 'platform',
+        remoteUrl: 'https://github.com/acme/platform',
+    },
+    {
+        id: 'child-1',
+        name: 'API Redesign',
+        status: 'in-progress',
+        lifecycle: 'Implementation',
+        branch: 'feat/api-redesign',
+        repositoryName: 'platform',
+        remoteUrl: 'https://github.com/acme/platform',
+        parentId: 'root-1',
+    },
+    {
+        id: 'grandchild-1',
+        name: 'REST to GraphQL Migration',
+        status: 'pending',
+        lifecycle: 'Planning',
+        branch: 'feat/graphql-migration',
+        repositoryName: 'platform',
+        remoteUrl: 'https://github.com/acme/platform',
+        parentId: 'child-1',
+    },
+    {
+        id: 'child-2',
+        name: 'Database Migration',
+        status: 'done',
+        lifecycle: 'Maintain',
+        branch: 'feat/db-migration',
+        repositoryName: 'platform',
+        remoteUrl: 'https://github.com/acme/platform',
+        parentId: 'root-1',
+    },
+];
+export const DeeplyNested = {
+    args: {
+        data: deeplyNestedFeatures,
+    },
+};
+const noRemoteFeatures = [
+    {
+        id: 'feat-local-1',
+        name: 'Local Feature',
+        status: 'in-progress',
+        lifecycle: 'Implementation',
+        branch: 'feat/local-work',
+        repositoryName: 'local-project',
+    },
+];
+export const NoRemoteUrl = {
+    args: {
+        data: noRemoteFeatures,
+    },
+};

package/dist/src/presentation/web/components/features/feature-tree-table/index.d.ts

@@ -0,0 +1,3 @@
+export { FeatureTreeTable, buildTreeData } from './feature-tree-table.js';
+export type { FeatureTreeTableProps, FeatureTreeRow, InventoryRepo } from './feature-tree-table.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/features/feature-tree-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/feature-tree-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACvE,YAAY,EAAE,qBAAqB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/src/presentation/web/components/features/feature-tree-table/index.js

@@ -0,0 +1 @@
+export { FeatureTreeTable, buildTreeData } from './feature-tree-table.js';

package/dist/src/presentation/web/components/features/settings/AgentModelPicker/AgentModelPicker.stories.d.ts

@@ -10,4 +10,6 @@ export declare const CodexCliSelected: Story;
 export declare const DemoAgent: Story;
 export declare const OverrideMode: Story;
 export declare const Disabled: Story;
+export declare const SavingState: Story;
+export declare const ParentDrivenSelection: Story;
 //# sourceMappingURL=AgentModelPicker.stories.d.ts.map

package/dist/src/presentation/web/components/features/settings/AgentModelPicker/AgentModelPicker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentModelPicker.stories.d.ts","sourceRoot":"","sources":["../../../../../../../../src/presentation/web/components/features/settings/AgentModelPicker/AgentModelPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAevC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC"}
+{"version":3,"file":"AgentModelPicker.stories.d.ts","sourceRoot":"","sources":["../../../../../../../../src/presentation/web/components/features/settings/AgentModelPicker/AgentModelPicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAevC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqBnC,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAC"}

package/dist/src/presentation/web/components/features/settings/AgentModelPicker/AgentModelPicker.stories.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { fn } from '@storybook/test';
 import { AgentModelPicker } from './index.js';
 const meta = {
@@ -14,6 +15,16 @@ const meta = {
     },
 };
 export default meta;
+function ParentDrivenSelectionDemo(props) {
+    const [selection, setSelection] = React.useState({
+        agentType: props.initialAgentType,
+        model: props.initialModel,
+    });
+    return (_jsx(AgentModelPicker, { ...props, agentType: selection.agentType, model: selection.model, onSave: async (agentType, model) => {
+            setSelection({ agentType, model });
+            return { ok: true };
+        } }));
+}
 export const ClaudeCodeDefault = {
     args: {
         initialAgentType: 'claude-code',
@@ -64,3 +75,19 @@ export const Disabled = {
         disabled: true,
     },
 };
+export const SavingState = {
+    args: {
+        initialAgentType: 'codex-cli',
+        initialModel: 'gpt-5.4',
+        mode: 'settings',
+        saving: true,
+    },
+};
+export const ParentDrivenSelection = {
+    render: (args) => (_jsx(ParentDrivenSelectionDemo, { ...args })),
+    args: {
+        initialAgentType: 'claude-code',
+        initialModel: 'claude-sonnet-4-6',
+        mode: 'settings',
+    },
+};

package/dist/src/presentation/web/components/features/settings/AgentModelPicker/index.d.ts

@@ -1,11 +1,20 @@
 export interface AgentModelPickerProps {
     initialAgentType: string;
     initialModel: string;
+    agentType?: string;
+    model?: string;
     onAgentModelChange?: (agentType: string, model: string) => void;
+    onSave?: (agentType: string, model: string) => Promise<AgentModelPickerSaveResult | void>;
+    saveError?: string | null;
+    saving?: boolean;
     disabled?: boolean;
     className?: string;
     /** 'settings' persists to DB; 'override' only calls onAgentModelChange */
     mode: 'settings' | 'override';
 }
-export declare function AgentModelPicker({ initialAgentType, initialModel, onAgentModelChange, disabled, className, mode, }: AgentModelPickerProps): import("react/jsx-runtime").JSX.Element;
+export interface AgentModelPickerSaveResult {
+    ok: boolean;
+    error?: string;
+}
+export declare function AgentModelPicker({ initialAgentType, initialModel, agentType: controlledAgentType, model: controlledModel, onAgentModelChange, onSave, saveError, saving, disabled, className, mode, }: AgentModelPickerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/features/settings/AgentModelPicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/presentation/web/components/features/settings/AgentModelPicker/index.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,IAAI,EAAE,UAAU,GAAG,UAAU,CAAC;CAC/B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,IAAI,GACL,EAAE,qBAAqB,2CAqNvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/presentation/web/components/features/settings/AgentModelPicker/index.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,0BAA0B,GAAG,IAAI,CAAC,CAAC;IAC1F,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,IAAI,EAAE,UAAU,GAAG,UAAU,CAAC;CAC/B;AAED,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,gBAAgB,EAChB,YAAY,EACZ,SAAS,EAAE,mBAAmB,EAC9B,KAAK,EAAE,eAAe,EACtB,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,GACL,EAAE,qBAAqB,2CAiOvB"}