@shepai/cli 1.58.0 → 1.60.0

package/dist/src/presentation/web/components/features/skills/skill-detail-drawer.stories.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { SkillDetailDrawer } from './skill-detail-drawer.js';
+import { Button } from '../../ui/button.js';
+const meta = {
+    title: 'Features/SkillDetailDrawer',
+    component: SkillDetailDrawer,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+/* ---------------------------------------------------------------------------
+ * Data fixtures
+ * ------------------------------------------------------------------------- */
+const skillWithResources = {
+    name: 'shep:ui-component',
+    displayName: 'ui-component',
+    description: 'Use when creating, modifying, or reviewing web UI components. Triggers include "new component", "add component", "create UI", "build a widget".',
+    context: 'fork',
+    allowedTools: 'Read, Write, Bash, Edit, Glob, Grep',
+    category: 'Code Generation',
+    source: 'project',
+    body: '## Overview\n\nScaffolds UI components following the four-tier hierarchy.\n\n## Usage\n\nRun /shep:ui-component when you need to create or modify components.',
+    resources: [
+        { name: 'references', fileCount: 7 },
+        { name: 'templates', fileCount: 3 },
+        { name: 'rules', fileCount: 2 },
+    ],
+};
+const skillWithoutResources = {
+    name: 'shep-kit:implement',
+    displayName: 'implement',
+    description: 'Validate specs and autonomously execute implementation tasks with status tracking. Use after /shep-kit:plan when ready to start implementation.',
+    category: 'Workflow',
+    source: 'project',
+    body: '## Usage\n\nRun /shep-kit:implement after planning is complete to start autonomous implementation.\n\n## What it does\n\n1. Pre-Implementation Validation Gate\n2. Autonomous Execution\n3. Status Tracking',
+    resources: [],
+};
+const minimalSkill = {
+    name: 'find-skills',
+    displayName: 'find-skills',
+    description: 'Helps users discover and install agent skills.',
+    category: 'Reference',
+    source: 'global',
+    body: '',
+    resources: [],
+};
+/* ---------------------------------------------------------------------------
+ * Trigger wrapper — starts closed, click to open
+ * ------------------------------------------------------------------------- */
+function DrawerTrigger({ skill, label }) {
+    const [selected, setSelected] = useState(null);
+    return (_jsxs("div", { className: "flex h-screen items-start p-4", children: [_jsx(Button, { variant: "outline", onClick: () => setSelected(skill), children: label }), _jsx(SkillDetailDrawer, { skill: selected, onClose: () => setSelected(null) })] }));
+}
+/* ---------------------------------------------------------------------------
+ * Stories
+ * ------------------------------------------------------------------------- */
+export const Open = {
+    render: () => _jsx(DrawerTrigger, { skill: skillWithResources, label: "Open Skill Detail" }),
+};
+export const WithResources = {
+    render: () => _jsx(DrawerTrigger, { skill: skillWithResources, label: "Open With Resources" }),
+};
+export const WithoutResources = {
+    render: () => _jsx(DrawerTrigger, { skill: skillWithoutResources, label: "Open Without Resources" }),
+};
+export const MinimalSkill = {
+    render: () => _jsx(DrawerTrigger, { skill: minimalSkill, label: "Open Minimal Skill" }),
+};

package/dist/src/presentation/web/components/features/skills/skill-list.d.ts

@@ -0,0 +1,7 @@
+import type { SkillData } from '../../../lib/skills.js';
+export interface SkillListProps {
+    skills: SkillData[];
+    onSkillSelect: (skill: SkillData) => void;
+}
+export declare function SkillList({ skills, onSkillSelect }: SkillListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skill-list.d.ts.map

package/dist/src/presentation/web/components/features/skills/skill-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-list.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/skills/skill-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CAC3C;AAYD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,cAAc,2CA2BlE"}

package/dist/src/presentation/web/components/features/skills/skill-list.js

@@ -0,0 +1,21 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { SkillCard } from './skill-card.js';
+const CATEGORY_ORDER = ['Workflow', 'Code Generation', 'Analysis', 'Reference'];
+function groupByCategory(skills) {
+    const groups = new Map();
+    for (const skill of skills) {
+        const group = groups.get(skill.category) ?? [];
+        group.push(skill);
+        groups.set(skill.category, group);
+    }
+    return groups;
+}
+export function SkillList({ skills, onSkillSelect }) {
+    const groups = groupByCategory(skills);
+    return (_jsx("div", { className: "space-y-8", children: CATEGORY_ORDER.map((category) => {
+            const categorySkills = groups.get(category);
+            if (!categorySkills || categorySkills.length === 0)
+                return null;
+            return (_jsxs("section", { children: [_jsxs("h2", { className: "mb-4 text-lg font-semibold", children: [category, ' ', _jsxs("span", { className: "text-muted-foreground text-sm font-normal", children: ["(", categorySkills.length, ")"] })] }), _jsx("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3", children: categorySkills.map((skill) => (_jsx(SkillCard, { skill: skill, onSelect: onSkillSelect }, skill.name))) })] }, category));
+        }) }));
+}

package/dist/src/presentation/web/components/features/skills/skill-list.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SkillList } from './skill-list.js';
+declare const meta: Meta<typeof SkillList>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const SingleCategory: Story;
+export declare const Empty: Story;
+//# sourceMappingURL=skill-list.stories.d.ts.map

package/dist/src/presentation/web/components/features/skills/skill-list.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-list.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/skills/skill-list.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAUhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAwGnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC"}

package/dist/src/presentation/web/components/features/skills/skill-list.stories.js

@@ -0,0 +1,124 @@
+import { fn } from '@storybook/test';
+import { SkillList } from './skill-list.js';
+const meta = {
+    title: 'Features/SkillList',
+    component: SkillList,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+    args: {
+        onSkillSelect: fn(),
+    },
+};
+export default meta;
+/* ---------------------------------------------------------------------------
+ * Data fixtures
+ * ------------------------------------------------------------------------- */
+const workflowSkills = [
+    {
+        name: 'shep-kit:implement',
+        displayName: 'implement',
+        description: 'Validate specs and autonomously execute implementation tasks.',
+        category: 'Workflow',
+        source: 'project',
+        body: '',
+        resources: [],
+    },
+    {
+        name: 'shep-kit:plan',
+        displayName: 'plan',
+        description: 'Create implementation plan and task breakdown.',
+        category: 'Workflow',
+        source: 'project',
+        body: '',
+        resources: [],
+    },
+    {
+        name: 'shep-kit:research',
+        displayName: 'research',
+        description: 'Analyze technical approach, evaluate libraries, document decisions.',
+        category: 'Workflow',
+        source: 'project',
+        body: '',
+        resources: [],
+    },
+];
+const codeGenSkills = [
+    {
+        name: 'shep:ui-component',
+        displayName: 'ui-component',
+        description: 'Use when creating, modifying, or reviewing web UI components.',
+        context: 'fork',
+        allowedTools: 'Read, Write, Bash, Edit, Glob',
+        category: 'Code Generation',
+        source: 'project',
+        body: '',
+        resources: [{ name: 'references', fileCount: 7 }],
+    },
+];
+const analysisSkills = [
+    {
+        name: 'architecture-reviewer',
+        displayName: 'architecture-reviewer',
+        description: 'Use when making architectural decisions or reviewing PRs.',
+        context: 'fork',
+        category: 'Analysis',
+        source: 'project',
+        body: '',
+        resources: [],
+    },
+    {
+        name: 'cross-validate-artifacts',
+        displayName: 'cross-validate-artifacts',
+        description: 'Cross-validate documentation and artifacts for consistency.',
+        category: 'Analysis',
+        source: 'project',
+        body: '',
+        resources: [],
+    },
+];
+const referenceSkills = [
+    {
+        name: 'shadcn-ui',
+        displayName: 'shadcn-ui',
+        description: 'Complete shadcn/ui component library patterns.',
+        category: 'Reference',
+        source: 'project',
+        body: '',
+        resources: [{ name: 'references', fileCount: 3 }],
+    },
+    {
+        name: 'vercel-react-best-practices',
+        displayName: 'vercel-react-best-practices',
+        description: 'React and Next.js performance optimization guidelines.',
+        category: 'Reference',
+        source: 'global',
+        body: '',
+        resources: [{ name: 'references', fileCount: 4 }],
+    },
+];
+const allSkills = [
+    ...workflowSkills,
+    ...codeGenSkills,
+    ...analysisSkills,
+    ...referenceSkills,
+];
+/* ---------------------------------------------------------------------------
+ * Stories
+ * ------------------------------------------------------------------------- */
+export const Default = {
+    args: {
+        skills: allSkills,
+    },
+};
+export const SingleCategory = {
+    args: {
+        skills: workflowSkills,
+    },
+};
+export const Empty = {
+    args: {
+        skills: [],
+    },
+};

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

@@ -0,0 +1,6 @@
+import type { SkillData } from '../../../lib/skills.js';
+export interface SkillsPageClientProps {
+    skills: SkillData[];
+}
+export declare function SkillsPageClient({ skills }: SkillsPageClientProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skills-page-client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skills-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/skills/skills-page-client.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAeD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,EAAE,qBAAqB,2CAiFjE"}

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

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import { Search, Puzzle } from 'lucide-react';
+import { Input } from '../../ui/input.js';
+import { Button } from '../../ui/button.js';
+import { PageHeader } from '../../common/page-header/index.js';
+import { EmptyState } from '../../common/empty-state/index.js';
+import { SkillList } from './skill-list.js';
+import { CategoryFilter } from './category-filter.js';
+import { SkillDetailDrawer } from './skill-detail-drawer.js';
+function computeCategoryCounts(skills) {
+    const counts = {
+        Workflow: 0,
+        'Code Generation': 0,
+        Analysis: 0,
+        Reference: 0,
+    };
+    for (const skill of skills) {
+        counts[skill.category]++;
+    }
+    return counts;
+}
+export function SkillsPageClient({ skills }) {
+    const [searchQuery, setSearchQuery] = useState('');
+    const [activeCategory, setActiveCategory] = useState(null);
+    const [selectedSkill, setSelectedSkill] = useState(null);
+    const categoryCounts = useMemo(() => computeCategoryCounts(skills), [skills]);
+    const filteredSkills = useMemo(() => {
+        const query = searchQuery.toLowerCase();
+        return skills.filter((skill) => {
+            if (activeCategory && skill.category !== activeCategory)
+                return false;
+            if (query) {
+                const matchesName = skill.name.toLowerCase().includes(query);
+                const matchesDescription = skill.description.toLowerCase().includes(query);
+                if (!matchesName && !matchesDescription)
+                    return false;
+            }
+            return true;
+        });
+    }, [skills, searchQuery, activeCategory]);
+    const clearFilters = () => {
+        setSearchQuery('');
+        setActiveCategory(null);
+    };
+    // No skills installed at all
+    if (skills.length === 0) {
+        return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsx(PageHeader, { title: "Skills", description: "Claude Code skills installed in this project" }), _jsx(EmptyState, { icon: _jsx(Puzzle, { className: "size-10" }), title: "No skills found", description: "No Claude Code skills are installed. Add skills to .claude/skills/ to get started." })] }));
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsx(PageHeader, { title: "Skills", description: "Claude Code skills installed in this project" }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-3 size-4 -translate-y-1/2" }), _jsx(Input, { placeholder: "Search skills...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "pl-9" })] }), _jsx(CategoryFilter, { activeCategory: activeCategory, onCategoryChange: setActiveCategory, counts: categoryCounts }), filteredSkills.length > 0 ? (_jsx(SkillList, { skills: filteredSkills, onSkillSelect: setSelectedSkill })) : (_jsx(EmptyState, { icon: _jsx(Search, { className: "size-10" }), title: "No matching skills", description: "No skills match your current search and filter criteria.", action: _jsx(Button, { variant: "outline", onClick: clearFilters, children: "Clear filters" }) })), _jsx(SkillDetailDrawer, { skill: selectedSkill, onClose: () => setSelectedSkill(null) })] }));
+}

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

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react';
+import { SkillsPageClient } from './skills-page-client.js';
+declare const meta: {
+    title: string;
+    component: typeof SkillsPageClient;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const ManySkills: Story;
+//# sourceMappingURL=skills-page-client.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skills-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/skills/skills-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD,QAAA,MAAM,IAAI;;;;;;;CAO+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAwKnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC"}

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

@@ -0,0 +1,186 @@
+import { SkillsPageClient } from './skills-page-client.js';
+const meta = {
+    title: 'Features/SkillsPageClient',
+    component: SkillsPageClient,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+/* ---------------------------------------------------------------------------
+ * Data fixtures
+ * ------------------------------------------------------------------------- */
+const sampleSkills = [
+    {
+        name: 'shep-kit:implement',
+        displayName: 'implement',
+        description: 'Validate specs and autonomously execute implementation tasks with status tracking.',
+        category: 'Workflow',
+        source: 'project',
+        body: '## Usage\n\nRun /shep-kit:implement after planning is complete.',
+        resources: [],
+    },
+    {
+        name: 'shep-kit:plan',
+        displayName: 'plan',
+        description: 'Create implementation plan and task breakdown.',
+        category: 'Workflow',
+        source: 'project',
+        body: '',
+        resources: [],
+    },
+    {
+        name: 'shep-kit:research',
+        displayName: 'research',
+        description: 'Analyze technical approach, evaluate libraries, document decisions.',
+        category: 'Workflow',
+        source: 'project',
+        body: '',
+        resources: [],
+    },
+    {
+        name: 'shep:ui-component',
+        displayName: 'ui-component',
+        description: 'Use when creating, modifying, or reviewing web UI components.',
+        context: 'fork',
+        allowedTools: 'Read, Write, Bash, Edit, Glob',
+        category: 'Code Generation',
+        source: 'project',
+        body: '',
+        resources: [
+            { name: 'references', fileCount: 7 },
+            { name: 'templates', fileCount: 3 },
+        ],
+    },
+    {
+        name: 'architecture-reviewer',
+        displayName: 'architecture-reviewer',
+        description: 'Use when making architectural decisions, planning features, or reviewing PRs.',
+        context: 'fork',
+        category: 'Analysis',
+        source: 'project',
+        body: '',
+        resources: [],
+    },
+    {
+        name: 'cross-validate-artifacts',
+        displayName: 'cross-validate-artifacts',
+        description: 'Cross-validate documentation and artifacts for consistency.',
+        category: 'Analysis',
+        source: 'project',
+        body: '',
+        resources: [],
+    },
+    {
+        name: 'shadcn-ui',
+        displayName: 'shadcn-ui',
+        description: 'Complete shadcn/ui component library patterns and implementation.',
+        category: 'Reference',
+        source: 'project',
+        body: '',
+        resources: [{ name: 'references', fileCount: 3 }],
+    },
+    {
+        name: 'vercel-react-best-practices',
+        displayName: 'vercel-react-best-practices',
+        description: 'React and Next.js performance optimization guidelines from Vercel Engineering.',
+        category: 'Reference',
+        source: 'global',
+        body: '',
+        resources: [{ name: 'references', fileCount: 4 }],
+    },
+];
+const manySkills = [
+    ...sampleSkills,
+    {
+        name: 'shep-kit:commit-pr',
+        displayName: 'commit-pr',
+        description: 'Use when ready to commit, push, and create a PR with CI verification.',
+        category: 'Workflow',
+        source: 'project',
+        body: '',
+        resources: [],
+    },
+    {
+        name: 'shep-kit:new-feature',
+        displayName: 'new-feature',
+        description: 'Use when starting any new feature, functionality, or enhancement.',
+        category: 'Workflow',
+        source: 'project',
+        body: '',
+        resources: [],
+    },
+    {
+        name: 'shep-kit:new-feature-fast',
+        displayName: 'new-feature-fast',
+        description: 'Fast-track feature creation that collapses new-feature, research, and planning.',
+        category: 'Workflow',
+        source: 'project',
+        body: '',
+        resources: [],
+    },
+    {
+        name: 'shep-kit:merged',
+        displayName: 'merged',
+        description: 'Use after a PR has been merged to clean up branches.',
+        category: 'Workflow',
+        source: 'project',
+        body: '',
+        resources: [],
+    },
+    {
+        name: 'mermaid-diagrams',
+        displayName: 'mermaid-diagrams',
+        description: 'Comprehensive guide for creating software diagrams using Mermaid syntax.',
+        category: 'Reference',
+        source: 'project',
+        body: '',
+        resources: [{ name: 'references', fileCount: 2 }],
+    },
+    {
+        name: 'react-flow',
+        displayName: 'react-flow',
+        description: 'React Flow for workflow visualization with custom nodes and edges.',
+        category: 'Reference',
+        source: 'project',
+        body: '',
+        resources: [],
+    },
+    {
+        name: 'tsp-model',
+        displayName: 'tsp-model',
+        description: 'Use when creating, modifying, or documenting TypeSpec domain models.',
+        category: 'Reference',
+        source: 'project',
+        body: '',
+        resources: [{ name: 'references', fileCount: 5 }],
+    },
+    {
+        name: 'find-skills',
+        displayName: 'find-skills',
+        description: 'Helps users discover and install agent skills.',
+        category: 'Reference',
+        source: 'global',
+        body: '',
+        resources: [],
+    },
+];
+/* ---------------------------------------------------------------------------
+ * Stories
+ * ------------------------------------------------------------------------- */
+export const Default = {
+    args: {
+        skills: sampleSkills,
+    },
+};
+export const Empty = {
+    args: {
+        skills: [],
+    },
+};
+export const ManySkills = {
+    args: {
+        skills: manySkills,
+    },
+};

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":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAG/E,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,mBAAmB,GACpB,EAAE,eAAe,2CA+FjB"}
+{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAI/E,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,mBAAmB,GACpB,EAAE,eAAe,2CAuGjB"}

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

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname } from 'next/navigation';
-import { Home, Wrench, Plus } from 'lucide-react';
+import { Home, Wrench, Puzzle, Plus } from 'lucide-react';
 import { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarRail, useSidebar, } from '../../ui/sidebar.js';
 import { ScrollArea } from '../../ui/scroll-area.js';
 import { SidebarNavItem } from '../../common/sidebar-nav-item/index.js';
@@ -12,6 +12,7 @@ import { FeatureStatusGroup } from '../../common/feature-status-group/index.js';
 import { SidebarSectionHeader } from '../../common/sidebar-section-header/index.js';
 import { featureStatusConfig, featureStatusOrder } from '../../common/feature-status-config.js';
 import { useDeferredMount } from '../../../hooks/use-deferred-mount.js';
+import { featureFlags } from '../../../lib/feature-flags.js';
 export function AppSidebar({ features, onNewFeature, onFeatureClick, onFeaturesFolderClick, onFeaturesMenuClick, }) {
     const pathname = usePathname();
     const { state } = useSidebar();
@@ -26,7 +27,7 @@ export function AppSidebar({ features, onNewFeature, onFeatureClick, onFeaturesF
                                             '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 }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: "Control Center", href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Wrench, label: "Tools", href: "/tools", active: pathname === '/tools' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
+                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20 }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: "Control Center", href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Wrench, label: "Tools", href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: "Skills", href: "/skills", active: pathname === '/skills' })) : null] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
                         'min-w-0 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/lib/feature-flags.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Feature flags for the web UI.
+ *
+ * Toggle via environment variables (NEXT_PUBLIC_ prefix for client access).
+ * All flags default to **off** unless explicitly set to "true" or "1".
+ */
+export declare const featureFlags: {
+    readonly skills: boolean;
+};
+//# sourceMappingURL=feature-flags.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"feature-flags.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/feature-flags.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,eAAO,MAAM,YAAY;;CAEf,CAAC"}

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

@@ -0,0 +1,12 @@
+/**
+ * Feature flags for the web UI.
+ *
+ * Toggle via environment variables (NEXT_PUBLIC_ prefix for client access).
+ * All flags default to **off** unless explicitly set to "true" or "1".
+ */
+function isEnabled(envVar) {
+    return envVar === 'true' || envVar === '1';
+}
+export const featureFlags = {
+    skills: isEnabled(process.env.NEXT_PUBLIC_FLAG_SKILLS),
+};

package/dist/src/presentation/web/lib/skills.d.ts

@@ -0,0 +1,30 @@
+export type SkillCategory = 'Workflow' | 'Code Generation' | 'Analysis' | 'Reference';
+export type SkillSource = 'project' | 'global';
+export interface SkillResource {
+    name: string;
+    fileCount: number;
+}
+export interface SkillData {
+    name: string;
+    displayName: string;
+    description: string;
+    context?: string;
+    allowedTools?: string;
+    category: SkillCategory;
+    source: SkillSource;
+    body: string;
+    resources: SkillResource[];
+}
+export declare function deriveCategory(name: string): SkillCategory;
+export declare function getDisplayName(name: string): string;
+interface FrontmatterResult {
+    name: string;
+    description: string;
+    context?: string;
+    allowedTools?: string;
+    body: string;
+}
+export declare function parseFrontmatter(content: string): FrontmatterResult | null;
+export declare function getSkills(projectRoot?: string, homeDir?: string): Promise<SkillData[]>;
+export {};
+//# sourceMappingURL=skills.d.ts.map

package/dist/src/presentation/web/lib/skills.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skills.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/skills.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,GAAG,WAAW,CAAC;AACtF,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,aAAa,EAAE,CAAC;CAC5B;AAUD,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,CAK1D;AAMD,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAKnD;AAID,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,iBAAiB,GAAG,IAAI,CAiC1E;AA0ED,wBAAsB,SAAS,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC,CAiB5F"}