@shepai/cli 1.168.0 → 1.169.0-pr523.2f53944

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/feature-flags-settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-flags-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAiCzE,MAAM,WAAW,gCAAgC;IAC/C,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,wBAAgB,2BAA2B,CAAC,EAAE,YAAY,EAAE,EAAE,gCAAgC,2CAgE7F"}
+{"version":3,"file":"feature-flags-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAoCzE,MAAM,WAAW,gCAAgC;IAC/C,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,wBAAgB,2BAA2B,CAAC,EAAE,YAAY,EAAE,EAAE,gCAAgC,2CAgE7F"}

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.js

@@ -15,6 +15,7 @@ const FLAG_DESCRIPTIONS = {
     adoptBranch: 'Enable the ability to adopt existing branches as tracked features',
     gitRebaseSync: 'Enable git rebase-on-main and sync-main operations in the web UI',
     reactFileManager: 'Use the built-in React file manager instead of the native OS folder picker. Also serves as automatic fallback when the native picker is unavailable.',
+    inventory: 'Enable the Inventory page showing all repositories and features in a tree view',
 };
 const FLAG_LABELS = {
     skills: 'Skills',
@@ -24,6 +25,7 @@ const FLAG_LABELS = {
     adoptBranch: 'Adopt Branch',
     gitRebaseSync: 'Git Rebase & Sync',
     reactFileManager: 'React File Manager',
+    inventory: 'Inventory',
 };
 const FLAG_KEYS = [
     'skills',
@@ -33,6 +35,7 @@ const FLAG_KEYS = [
     'adoptBranch',
     'gitRebaseSync',
     'reactFileManager',
+    'inventory',
 ];
 export function FeatureFlagsSettingsSection({ featureFlags }) {
     const [flags, setFlags] = useState({ ...featureFlags });

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-flags-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,QAAA,MAAM,IAAI;;;;;;;CAO0C,CAAC;AAErD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC"}
+{"version":3,"file":"feature-flags-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,QAAA,MAAM,IAAI;;;;;;;CAO0C,CAAC;AAErD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC"}

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.stories.js

@@ -18,6 +18,7 @@ export const Default = {
             adoptBranch: false,
             gitRebaseSync: false,
             reactFileManager: false,
+            inventory: false,
         },
     },
 };
@@ -31,6 +32,7 @@ export const AllEnabled = {
             adoptBranch: true,
             gitRebaseSync: true,
             reactFileManager: true,
+            inventory: true,
         },
     },
 };
@@ -44,6 +46,7 @@ export const AllDisabled = {
             adoptBranch: false,
             gitRebaseSync: false,
             reactFileManager: false,
+            inventory: false,
         },
     },
 };

package/dist/src/presentation/web/components/features/settings/settings-page-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EACV,QAAQ,EAKT,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AA8B/E,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC1C;AA+QD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,kBAAkB,GACnB,EAAE,uBAAuB,2CA24CzB"}
+{"version":3,"file":"settings-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EACV,QAAQ,EAKT,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AA8B/E,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC1C;AA+QD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,kBAAkB,GACnB,EAAE,uBAAuB,2CAw5CzB"}

package/dist/src/presentation/web/components/features/settings/settings-page-client.js

@@ -131,6 +131,7 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize, availableTe
         adoptBranch: false,
         gitRebaseSync: false,
         reactFileManager: false,
+        inventory: false,
     };
     // Agent state
     const [agentType, setAgentType] = useState(settings.agent.type);
@@ -567,6 +568,10 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize, availableTe
                                             const newFlags = { ...flags, reactFileManager: v };
                                             setFlags(newFlags);
                                             save({ featureFlags: newFlags });
+                                        } }), _jsx(SwitchRow, { label: t('settings.featureFlags.inventory'), description: t('settings.featureFlags.inventoryDescription'), id: "flag-inventory", testId: "switch-flag-inventory", checked: flags.inventory, onChange: (v) => {
+                                            const newFlags = { ...flags, inventory: v };
+                                            setFlags(newFlags);
+                                            save({ featureFlags: newFlags });
                                         } })] }), _jsx(SectionHint, { children: t('settings.featureFlags.hint') })] }), _jsxs("div", { id: "section-interactive-agent", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsxs(SettingsSection, { icon: MessageSquare, title: t('settings.interactiveAgent.title'), description: t('settings.interactiveAgent.description'), testId: "interactive-agent-settings-section", children: [_jsx(SwitchRow, { label: t('settings.interactiveAgent.enableChatTab'), description: t('settings.interactiveAgent.enableChatTabDescription'), id: "interactive-agent-enabled", testId: "switch-interactive-agent-enabled", checked: interactiveEnabled, onChange: (v) => {
                                             setInteractiveEnabled(v);
                                             save({

package/dist/src/presentation/web/components/features/settings/settings-page-client.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAM5D,QAAA,MAAM,IAAI;;;;;;;CAOiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAC"}
+{"version":3,"file":"settings-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAM5D,QAAA,MAAM,IAAI;;;;;;;CAOiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAC"}

package/dist/src/presentation/web/components/features/settings/settings-page-client.stories.js

@@ -34,6 +34,7 @@ export const AllSections = {
                 adoptBranch: false,
                 gitRebaseSync: false,
                 reactFileManager: false,
+                inventory: false,
             },
         },
         shepHome: '/opt/shep',

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AA2CA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAI/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,EAAE,iBAAiB,CAAC;IAEhC,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,mFAAmF;IACnF,YAAY,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EAEZ,cAAc,EACd,YAAY,GACb,EAAE,eAAe,2CA0QjB"}
+{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAI/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,EAAE,iBAAiB,CAAC;IAEhC,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,mFAAmF;IACnF,YAAY,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EAEZ,cAAc,EACd,YAAY,GACb,EAAE,eAAe,2CAkRjB"}

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { usePathname } from 'next/navigation';
-import { Home, Moon, Sun, Volume2, VolumeOff, Zap, ZapOff, Wrench, Puzzle, Settings, } from 'lucide-react';
+import { Home, Moon, Sun, Volume2, VolumeOff, Zap, ZapOff, Wrench, Puzzle, Settings, TableProperties, } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarRail, useSidebar, } from '../../ui/sidebar.js';
 import { ScrollArea } from '../../ui/scroll-area.js';
@@ -64,7 +64,7 @@ export function AppSidebar({ features, featureFlags, onFeatureClick, onAddFeatur
                                             'flex min-w-0 flex-1 items-center gap-2 overflow-hidden px-2',
                                             'transition-opacity duration-200 ease-out',
                                             expandedVisible ? 'opacity-100' : 'opacity-0',
-                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20, variant: versionData.isDev ? 'dev' : 'default' }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" }), _jsx(VersionBadge, { version: versionData.version, branch: versionData.branch || undefined, commitHash: versionData.commitHash || undefined, isDev: versionData.isDev, packageName: versionData.packageName, description: versionData.description, instancePath: versionData.instancePath || undefined })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: t('navigation.controlCenter'), href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Wrench, label: t('navigation.tools'), href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: t('navigation.skills'), href: "/skills", active: pathname === '/skills' })) : null, _jsx(SidebarNavItem, { icon: Settings, label: t('navigation.settings'), href: "/settings", active: pathname === '/settings' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
+                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20, variant: versionData.isDev ? 'dev' : 'default' }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" }), _jsx(VersionBadge, { version: versionData.version, branch: versionData.branch || undefined, commitHash: versionData.commitHash || undefined, isDev: versionData.isDev, packageName: versionData.packageName, description: versionData.description, instancePath: versionData.instancePath || undefined })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: t('navigation.controlCenter'), href: "/", active: pathname === '/' }), featureFlags.inventory ? (_jsx(SidebarNavItem, { icon: TableProperties, label: t('navigation.inventory'), href: "/features", active: pathname === '/features' })) : null, _jsx(SidebarNavItem, { icon: Wrench, label: t('navigation.tools'), href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: t('navigation.skills'), href: "/skills", active: pathname === '/skills' })) : null, _jsx(SidebarNavItem, { icon: Settings, label: t('navigation.settings'), href: "/settings", active: pathname === '/settings' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
                         'flex min-h-0 flex-1 flex-col overflow-hidden transition-opacity duration-200 ease-out',
                         '[&_[data-sidebar=group-label]]:!mt-0 [&_[data-sidebar=group-label]]:!opacity-100 [&_[data-sidebar=group-label]]:!transition-none',
                         expandedVisible ? 'opacity-100' : 'opacity-0',

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAgB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAyBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+DnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAKlC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KA6BrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAmElC,CAAC"}
+{"version":3,"file":"app-sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAiB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAyBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+DnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAKlC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KA6BrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAmElC,CAAC"}

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.js

@@ -10,6 +10,7 @@ const defaultFeatureFlags = {
     adoptBranch: false,
     gitRebaseSync: false,
     reactFileManager: false,
+    inventory: false,
 };
 const meta = {
     title: 'Layout/AppSidebar',

package/dist/src/presentation/web/hooks/feature-flags-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-flags-context.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/feature-flags-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAc7D,UAAU,yBAAyB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,yBAAyB,2CAElF;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,iBAAiB,CAEnD"}
+{"version":3,"file":"feature-flags-context.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/feature-flags-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAe7D,UAAU,yBAAyB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,yBAAyB,2CAElF;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,iBAAiB,CAEnD"}

package/dist/src/presentation/web/hooks/feature-flags-context.js

@@ -9,6 +9,7 @@ const defaultFlags = {
     adoptBranch: false,
     gitRebaseSync: false,
     reactFileManager: false,
+    inventory: false,
 };
 const FeatureFlagsContext = createContext(defaultFlags);
 /**

package/dist/src/presentation/web/lib/feature-flags.d.ts

@@ -13,6 +13,7 @@ export interface FeatureFlagsState {
     adoptBranch: boolean;
     gitRebaseSync: boolean;
     reactFileManager: boolean;
+    inventory: boolean;
 }
 export declare function getFeatureFlags(): FeatureFlagsState;
 /**
@@ -27,5 +28,6 @@ export declare const featureFlags: {
     readonly adoptBranch: boolean;
     readonly gitRebaseSync: boolean;
     readonly reactFileManager: boolean;
+    readonly inventory: boolean;
 };
 //# sourceMappingURL=feature-flags.d.ts.map

package/dist/src/presentation/web/lib/feature-flags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-flags.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/feature-flags.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAQH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,eAAe,IAAI,iBAAiB,CAgCnD;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;CAsBf,CAAC"}
+{"version":3,"file":"feature-flags.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/feature-flags.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAQH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,eAAe,IAAI,iBAAiB,CAkCnD;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;CAyBf,CAAC"}

package/dist/src/presentation/web/lib/feature-flags.js

@@ -22,6 +22,7 @@ export function getFeatureFlags() {
                     adoptBranch: flags.adoptBranch,
                     gitRebaseSync: flags.gitRebaseSync,
                     reactFileManager: flags.reactFileManager,
+                    inventory: flags.inventory,
                 };
             }
         }
@@ -39,6 +40,7 @@ export function getFeatureFlags() {
         adoptBranch: false,
         gitRebaseSync: false,
         reactFileManager: isEnabled(process.env.NEXT_PUBLIC_FLAG_REACT_FILE_MANAGER),
+        inventory: false,
     };
 }
 /**
@@ -67,4 +69,7 @@ export const featureFlags = {
     get reactFileManager() {
         return getFeatureFlags().reactFileManager;
     },
+    get inventory() {
+        return getFeatureFlags().inventory;
+    },
 };

package/dist/translations/ar/web.json

@@ -202,6 +202,8 @@
       "gitRebaseSyncDescription": "تمكين عمليات إعادة التأسيس على main ومزامنة main",
       "reactFileManager": "مدير ملفات React",
       "reactFileManagerDescription": "استخدام مدير ملفات React المدمج بدلاً من منتقي مجلدات نظام التشغيل الأصلي",
+      "inventory": "المخزون",
+      "inventoryDescription": "تمكين صفحة المخزون التي تعرض جميع المستودعات والميزات في عرض شجري",
       "hint": "ميزات تجريبية لا تزال قيد التطوير. قم بتمكينها على مسؤوليتك — قد تتغير أو تُزال في الإصدارات المستقبلية. وضع التصحيح يضيف تسجيلًا مفصلاً مفيدًا لاستكشاف الأخطاء."
     },
     "interactiveAgent": {
@@ -240,6 +242,7 @@
     "controlCenter": "مركز التحكم",
     "dashboard": "لوحة المعلومات",
     "features": "الميزات",
+    "inventory": "المخزون",
     "repositories": "المستودعات",
     "settings": "الإعدادات",
     "sessions": "الجلسات",

package/dist/translations/de/web.json

@@ -188,6 +188,8 @@
       "gitRebaseSyncDescription": "Git Rebase-on-Main- und Sync-Main-Operationen aktivieren",
       "reactFileManager": "React-Dateimanager",
       "reactFileManagerDescription": "Den integrierten React-Dateimanager anstelle der nativen Betriebssystem-Ordnerauswahl verwenden",
+      "inventory": "Inventar",
+      "inventoryDescription": "Inventarseite mit allen Repositories und Features in einer Baumansicht aktivieren",
       "hint": "Experimentelle Features, die noch in Entwicklung sind. Aktivierung auf eigene Gefahr — sie können sich in zukünftigen Versionen ändern oder entfernt werden. Der Debug-Modus fügt ausführliche Protokollierung hinzu, die bei der Fehlerbehebung nützlich ist."
     },
     "interactiveAgent": {
@@ -226,6 +228,7 @@
     "controlCenter": "Kontrollzentrum",
     "dashboard": "Dashboard",
     "features": "Features",
+    "inventory": "Inventar",
     "repositories": "Repositories",
     "settings": "Einstellungen",
     "sessions": "Sitzungen",