@shipit-ai/cli 1.167.1 → 1.169.0

package/dist/src/presentation/web/components/features/settings/settings-section-utils.stories.d.ts

@@ -19,5 +19,5 @@ export declare const SwitchRows: Story;
 export declare const SectionWithSwitches: Story;
 export declare const NumberSteppers: Story;
 export declare const SubsectionLabelExample: Story;
-export declare const SectionHintExample: Story;
+export declare const SectionWithTooltip: Story;
 //# sourceMappingURL=settings-section-utils.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"settings-section-utils.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-section-utils.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAY5D;;;GAGG;AAEH,iBAAS,eAAe,4CAoBvB;AA2FD,QAAA,MAAM,IAAI;;;;;;;CAO8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,mBAAmB,EAAE,KAAU,CAAC;AAE7C,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAEjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KASpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAchC,CAAC"}
+{"version":3,"file":"settings-section-utils.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-section-utils.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D;;;GAGG;AAEH,iBAAS,eAAe,4CAoBvB;AAgGD,QAAA,MAAM,IAAI;;;;;;;CAO8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,mBAAmB,EAAE,KAAU,CAAC;AAE7C,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAEjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KASpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAC"}

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { fn } from 'storybook/test';
 import { Settings } from 'lucide-react';
-import { SettingsRow, SwitchRow, SettingsSection, NumberStepper, SubsectionLabel, SectionHint, } from './settings-section-utils.js';
+import { SettingsRow, SwitchRow, SettingsSection, NumberStepper, SubsectionLabel, } from './settings-section-utils.js';
 /**
  * settings-section-utils exports multiple reusable settings row components.
  * Stories demonstrate each component individually and in composition.
@@ -13,7 +13,10 @@ function SwitchRowDemo() {
     return (_jsx("div", { className: "w-96 rounded-lg border", children: _jsxs("div", { className: "px-4", children: [_jsx(SwitchRow, { label: "Auto-save", description: "Automatically save changes", id: "auto-save", testId: "switch-auto-save", checked: true, onChange: fn() }), _jsx(SwitchRow, { label: "Notifications", id: "notifications", testId: "switch-notifications", checked: false, onChange: fn() }), _jsx(SwitchRow, { label: "Experimental features", description: "Enable unstable features (may cause issues)", id: "experimental", testId: "switch-experimental", checked: false, onChange: fn(), disabled: true })] }) }));
 }
 function SettingsSectionDemo() {
-    return (_jsx("div", { className: "w-96", children: _jsxs(SettingsSection, { icon: Settings, title: "General Settings", description: "Configure general application behavior", testId: "general-settings", children: [_jsx(SwitchRow, { label: "Show tooltips", id: "tooltips", testId: "switch-tooltips", checked: true, onChange: fn() }), _jsx(SwitchRow, { label: "Compact mode", id: "compact", testId: "switch-compact", checked: false, onChange: fn() })] }) }));
+    return (_jsx("div", { className: "w-96", children: _jsxs(SettingsSection, { icon: Settings, title: "General Settings", description: "Configure general application behavior", testId: "general-settings", tooltip: "Configure the agent model used for all AI-powered operations. Changes take effect on the next agent run.", tooltipLinks: [
+                { label: 'Documentation', href: 'https://docs.example.com' },
+                { label: 'Getting started guide', href: 'https://docs.example.com/start' },
+            ], children: [_jsx(SwitchRow, { label: "Show tooltips", id: "tooltips", testId: "switch-tooltips", checked: true, onChange: fn() }), _jsx(SwitchRow, { label: "Compact mode", id: "compact", testId: "switch-compact", checked: false, onChange: fn() })] }) }));
 }
 function NumberStepperDemo() {
     return (_jsxs("div", { className: "flex flex-col gap-4 p-4", children: [_jsx(NumberStepper, { id: "timeout", testId: "stepper-timeout", value: "30", onChange: fn(), onBlur: fn(), placeholder: "30", min: 1, max: 300, suffix: "seconds" }), _jsx(NumberStepper, { id: "retries", testId: "stepper-retries", value: "3", onChange: fn(), onBlur: fn(), placeholder: "3", min: 0, max: 10 })] }));
@@ -40,9 +43,6 @@ export const NumberSteppers = {
 export const SubsectionLabelExample = {
     render: () => (_jsxs("div", { className: "w-80 rounded-lg border px-4", children: [_jsx(SubsectionLabel, { children: "Advanced Options" }), _jsx("div", { className: "text-muted-foreground py-2 text-sm", children: "Content below subsection label" }), _jsx(SubsectionLabel, { children: "Developer Options" }), _jsx("div", { className: "text-muted-foreground py-2 text-sm", children: "More content here" })] })),
 };
-export const SectionHintExample = {
-    render: () => (_jsx("div", { className: "w-80", children: _jsx(SectionHint, { links: [
-                { label: 'Documentation', href: 'https://docs.example.com' },
-                { label: 'Getting started guide', href: 'https://docs.example.com/start' },
-            ], children: "Configure the agent model used for all AI-powered operations. Changes take effect on the next agent run." }) })),
+export const SectionWithTooltip = {
+    render: () => _jsx(SettingsSectionDemo, {}),
 };

package/dist/src/presentation/web/components/features/settings/stage-timeouts-settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stage-timeouts-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/stage-timeouts-settings-section.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AAGxE,MAAM,WAAW,iCAAiC;IAChD,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAIlE;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAIvE;AAED,wBAAgB,4BAA4B,CAAC,EAAE,QAAQ,EAAE,EAAE,iCAAiC,2CA4N3F"}
+{"version":3,"file":"stage-timeouts-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/stage-timeouts-settings-section.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AAGxE,MAAM,WAAW,iCAAiC;IAChD,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAIlE;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAIvE;AAED,wBAAgB,4BAA4B,CAAC,EAAE,QAAQ,EAAE,EAAE,iCAAiC,2CA6N3F"}

package/dist/src/presentation/web/components/features/settings/stage-timeouts-settings-section.js

@@ -77,7 +77,7 @@ export function StageTimeoutsSettingsSection({ settings }) {
             }
         });
     }
-    return (_jsxs(SettingsSection, { icon: Timer, title: t('settings.stageTimeouts.title'), description: t('settings.stageTimeouts.description'), testId: "stage-timeouts-settings-section", children: [_jsx(SubsectionLabel, { children: t('settings.stageTimeouts.subsections.featureAgent') }), _jsx(SettingsRow, { label: t('settings.stageTimeouts.analyze'), description: t('settings.stageTimeouts.analyzeDescription'), htmlFor: "timeout-analyze", children: _jsx(TimeoutSlider, { id: "timeout-analyze", testId: "timeout-analyze-input", value: analyzeTimeout, onChange: setAnalyzeTimeout, onBlur: () => {
+    return (_jsxs(SettingsSection, { icon: Timer, title: t('settings.stageTimeouts.title'), description: t('settings.stageTimeouts.description'), testId: "stage-timeouts-settings-section", tooltip: t('settings.stageTimeouts.hint'), children: [_jsx(SubsectionLabel, { children: t('settings.stageTimeouts.subsections.featureAgent') }), _jsx(SettingsRow, { label: t('settings.stageTimeouts.analyze'), description: t('settings.stageTimeouts.analyzeDescription'), htmlFor: "timeout-analyze", children: _jsx(TimeoutSlider, { id: "timeout-analyze", testId: "timeout-analyze-input", value: analyzeTimeout, onChange: setAnalyzeTimeout, onBlur: () => {
                         if (analyzeTimeout !== originalAnalyzeTimeout)
                             save(buildPayload({ analyzeTimeout }));
                     }, defaultSeconds: 1800 }) }), _jsx(SettingsRow, { label: t('settings.stageTimeouts.requirements'), description: t('settings.stageTimeouts.requirementsDescription'), htmlFor: "timeout-requirements", children: _jsx(TimeoutSlider, { id: "timeout-requirements", testId: "timeout-requirements-input", value: requirementsTimeout, onChange: setRequirementsTimeout, onBlur: () => {

package/dist/src/presentation/web/components/features/settings/workflow-settings-section.d.ts

@@ -1,6 +1,6 @@
-import type { WorkflowConfig } from '../../../../../../packages/core/src/domain/generated/output.js';
+import type { Settings } from '../../../../../../packages/core/src/domain/generated/output.js';
 export interface WorkflowSettingsSectionProps {
-    workflow: WorkflowConfig;
+    settings: Settings;
 }
-export declare function WorkflowSettingsSection({ workflow }: WorkflowSettingsSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkflowSettingsSection({ settings }: WorkflowSettingsSectionProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=workflow-settings-section.d.ts.map

package/dist/src/presentation/web/components/features/settings/workflow-settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/workflow-settings-section.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAE9E,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,EAAE,4BAA4B,2CA+ejF"}
+{"version":3,"file":"workflow-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/workflow-settings-section.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AASxE,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAsDD,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,EAAE,4BAA4B,2CAsOjF"}

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

@@ -1,178 +1,131 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useTransition, useRef, useEffect } from 'react';
-import { GitBranch, Check } from 'lucide-react';
+import { useState, useTransition } from 'react';
+import { GitBranch } from 'lucide-react';
 import { toast } from 'sonner';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../ui/card.js';
-import { Label } from '../../ui/label.js';
-import { Input } from '../../ui/input.js';
-import { Switch } from '../../ui/switch.js';
-import { Separator } from '../../ui/separator.js';
+import { useTranslation } from 'react-i18next';
 import { updateSettingsAction } from '../../../app/actions/update-settings.js';
-import { TimeoutSlider } from '../../features/settings/timeout-slider.js';
-export function WorkflowSettingsSection({ workflow }) {
-    const [openPr, setOpenPr] = useState(workflow.openPrOnImplementationComplete);
-    const [pushOnComplete, setPushOnComplete] = useState(workflow.approvalGateDefaults.pushOnImplementationComplete);
-    const [allowPrd, setAllowPrd] = useState(workflow.approvalGateDefaults.allowPrd);
-    const [allowPlan, setAllowPlan] = useState(workflow.approvalGateDefaults.allowPlan);
-    const [allowMerge, setAllowMerge] = useState(workflow.approvalGateDefaults.allowMerge);
-    const [ciWatchEnabled, setCiWatchEnabled] = useState(workflow.ciWatchEnabled !== false);
-    const [ciMaxFix, setCiMaxFix] = useState(workflow.ciMaxFixAttempts != null ? String(workflow.ciMaxFixAttempts) : '');
-    const [ciTimeout, setCiTimeout] = useState(workflow.ciWatchTimeoutMs != null ? String(Math.round(workflow.ciWatchTimeoutMs / 1000)) : '');
-    const [ciLogMax, setCiLogMax] = useState(workflow.ciLogMaxChars != null ? String(workflow.ciLogMaxChars) : '');
-    const [ciPollInterval, setCiPollInterval] = useState(workflow.ciWatchPollIntervalSeconds != null ? String(workflow.ciWatchPollIntervalSeconds) : '');
-    const [hideCiStatus, setHideCiStatus] = useState(workflow.hideCiStatus !== false);
-    // Per-stage timeout states (seconds for display)
-    // Defaults: feature agent stages = 1_800_000 ms (1800s), analyze-repo = 600_000 ms (600s)
-    const st = workflow.stageTimeouts;
-    const [analyzeTimeout, setAnalyzeTimeout] = useState(String(Math.round((st?.analyzeMs ?? 1_800_000) / 1000)));
-    const [requirementsTimeout, setRequirementsTimeout] = useState(String(Math.round((st?.requirementsMs ?? 1_800_000) / 1000)));
-    const [researchTimeout, setResearchTimeout] = useState(String(Math.round((st?.researchMs ?? 1_800_000) / 1000)));
-    const [planTimeout, setPlanTimeout] = useState(String(Math.round((st?.planMs ?? 1_800_000) / 1000)));
-    const [implementTimeout, setImplementTimeout] = useState(String(Math.round((st?.implementMs ?? 1_800_000) / 1000)));
-    const [mergeTimeout, setMergeTimeout] = useState(String(Math.round((st?.mergeMs ?? 1_800_000) / 1000)));
-    // Analyze-repo agent timeout state
-    const art = workflow.analyzeRepoTimeouts;
-    const [analyzeRepoTimeout, setAnalyzeRepoTimeout] = useState(String(Math.round((art?.analyzeMs ?? 600_000) / 1000)));
-    const [isPending, startTransition] = useTransition();
-    const [showSaved, setShowSaved] = useState(false);
-    const prevPendingRef = useRef(false);
-    useEffect(() => {
-        if (prevPendingRef.current && !isPending) {
-            setShowSaved(true);
-            const timer = setTimeout(() => setShowSaved(false), 2000);
-            return () => clearTimeout(timer);
-        }
-        prevPendingRef.current = isPending;
-    }, [isPending]);
-    function parseOptionalInt(value) {
-        if (value === '')
-            return undefined;
-        const n = parseInt(value, 10);
-        return Number.isNaN(n) || n <= 0 ? undefined : n;
-    }
-    function secondsToMs(val) {
-        const n = parseOptionalInt(val);
-        return n != null ? n * 1000 : undefined;
-    }
-    function buildPayload(overrides = {}) {
-        const timeoutSeconds = parseOptionalInt(overrides.ciTimeout ?? ciTimeout);
-        return {
-            workflow: {
-                openPrOnImplementationComplete: overrides.openPr ?? openPr,
-                approvalGateDefaults: {
-                    pushOnImplementationComplete: overrides.pushOnComplete ?? pushOnComplete,
-                    allowPrd: overrides.allowPrd ?? allowPrd,
-                    allowPlan: overrides.allowPlan ?? allowPlan,
-                    allowMerge: overrides.allowMerge ?? allowMerge,
-                },
-                ciWatchEnabled: overrides.ciWatchEnabled ?? ciWatchEnabled,
-                hideCiStatus: overrides.hideCiStatus ?? hideCiStatus,
-                ciMaxFixAttempts: parseOptionalInt(overrides.ciMaxFix ?? ciMaxFix),
-                ciWatchTimeoutMs: timeoutSeconds != null ? timeoutSeconds * 1000 : undefined,
-                ciLogMaxChars: parseOptionalInt(overrides.ciLogMax ?? ciLogMax),
-                ciWatchPollIntervalSeconds: parseOptionalInt(overrides.ciPollInterval ?? ciPollInterval),
-                stageTimeouts: {
-                    analyzeMs: secondsToMs(overrides.analyzeTimeout ?? analyzeTimeout),
-                    requirementsMs: secondsToMs(overrides.requirementsTimeout ?? requirementsTimeout),
-                    researchMs: secondsToMs(overrides.researchTimeout ?? researchTimeout),
-                    planMs: secondsToMs(overrides.planTimeout ?? planTimeout),
-                    implementMs: secondsToMs(overrides.implementTimeout ?? implementTimeout),
-                    mergeMs: secondsToMs(overrides.mergeTimeout ?? mergeTimeout),
-                },
-                analyzeRepoTimeouts: {
-                    analyzeMs: secondsToMs(overrides.analyzeRepoTimeout ?? analyzeRepoTimeout),
-                },
+import { SettingsSection, SettingsRow, SwitchRow, NumberStepper, SubsectionLabel, } from './settings-section-utils.js';
+function buildWorkflowPayload(state, overrides = {}) {
+    const archiveEnabled = overrides.autoArchiveEnabled ?? state.autoArchiveEnabled;
+    const archiveDelay = parseInt(overrides.autoArchiveDelay ?? state.autoArchiveDelay, 10);
+    return {
+        workflow: {
+            openPrOnImplementationComplete: overrides.openPr ?? state.openPr,
+            approvalGateDefaults: {
+                pushOnImplementationComplete: overrides.pushOnComplete ?? state.pushOnComplete,
+                allowPrd: overrides.allowPrd ?? state.allowPrd,
+                allowPlan: overrides.allowPlan ?? state.allowPlan,
+                allowMerge: overrides.allowMerge ?? state.allowMerge,
             },
+            enableEvidence: overrides.enableEvidence ?? state.enableEvidence,
+            commitEvidence: overrides.commitEvidence ?? state.commitEvidence,
+            ciWatchEnabled: overrides.ciWatchEnabled ?? state.ciWatchEnabled,
+            defaultFastMode: overrides.defaultFastMode ?? state.defaultFastMode,
+            autoArchiveDelayMinutes: archiveEnabled
+                ? Number.isNaN(archiveDelay) || archiveDelay < 1
+                    ? 10
+                    : archiveDelay
+                : 0,
+        },
+    };
+}
+export function WorkflowSettingsSection({ settings }) {
+    const { t } = useTranslation('web');
+    const [, startTransition] = useTransition();
+    const [openPr, setOpenPr] = useState(settings.workflow.openPrOnImplementationComplete);
+    const [pushOnComplete, setPushOnComplete] = useState(settings.workflow.approvalGateDefaults.pushOnImplementationComplete);
+    const [allowPrd, setAllowPrd] = useState(settings.workflow.approvalGateDefaults.allowPrd);
+    const [allowPlan, setAllowPlan] = useState(settings.workflow.approvalGateDefaults.allowPlan);
+    const [allowMerge, setAllowMerge] = useState(settings.workflow.approvalGateDefaults.allowMerge);
+    const [enableEvidence, setEnableEvidence] = useState(settings.workflow.enableEvidence);
+    const [commitEvidence, setCommitEvidence] = useState(settings.workflow.commitEvidence);
+    const [ciWatchEnabled, setCiWatchEnabled] = useState(settings.workflow.ciWatchEnabled !== false);
+    const [defaultFastMode, setDefaultFastMode] = useState(settings.workflow.defaultFastMode !== false);
+    const [autoArchiveEnabled, setAutoArchiveEnabled] = useState((settings.workflow.autoArchiveDelayMinutes ?? 10) > 0);
+    const [autoArchiveDelay, setAutoArchiveDelay] = useState(String(settings.workflow.autoArchiveDelayMinutes ?? 10));
+    function getState() {
+        return {
+            openPr,
+            pushOnComplete,
+            allowPrd,
+            allowPlan,
+            allowMerge,
+            enableEvidence,
+            commitEvidence,
+            ciWatchEnabled,
+            defaultFastMode,
+            autoArchiveEnabled,
+            autoArchiveDelay,
         };
     }
-    function save(overrides = {}) {
+    function save(payload) {
         startTransition(async () => {
-            const result = await updateSettingsAction(buildPayload(overrides));
+            const result = await updateSettingsAction(payload);
             if (!result.success) {
-                toast.error(result.error ?? 'Failed to save workflow settings');
+                toast.error(result.error ?? t('settings.failedToSave'));
             }
         });
     }
-    function handleSwitchChange(key, setter, value) {
-        setter(value);
-        save({ [key]: value });
-    }
-    function handleFieldBlur(key, currentValue, originalValue) {
-        if (currentValue !== originalValue) {
-            save({ [key]: currentValue });
-        }
-    }
-    const originalCiMaxFix = workflow.ciMaxFixAttempts != null ? String(workflow.ciMaxFixAttempts) : '';
-    const originalCiTimeout = workflow.ciWatchTimeoutMs != null ? String(Math.round(workflow.ciWatchTimeoutMs / 1000)) : '';
-    const originalCiLogMax = workflow.ciLogMaxChars != null ? String(workflow.ciLogMaxChars) : '';
-    const originalCiPollInterval = workflow.ciWatchPollIntervalSeconds != null ? String(workflow.ciWatchPollIntervalSeconds) : '';
-    const originalAnalyzeTimeout = st?.analyzeMs != null ? String(Math.round(st.analyzeMs / 1000)) : '';
-    const originalRequirementsTimeout = st?.requirementsMs != null ? String(Math.round(st.requirementsMs / 1000)) : '';
-    const originalResearchTimeout = st?.researchMs != null ? String(Math.round(st.researchMs / 1000)) : '';
-    const originalPlanTimeout = st?.planMs != null ? String(Math.round(st.planMs / 1000)) : '';
-    const originalImplementTimeout = st?.implementMs != null ? String(Math.round(st.implementMs / 1000)) : '';
-    const originalMergeTimeout = st?.mergeMs != null ? String(Math.round(st.mergeMs / 1000)) : '';
-    const originalAnalyzeRepoTimeout = art?.analyzeMs != null ? String(Math.round(art.analyzeMs / 1000)) : '';
-    const FEATURE_AGENT_FIELDS = [
-        {
-            key: 'analyzeTimeout',
-            label: 'Analyze',
-            defaultSeconds: 1800,
-            state: analyzeTimeout,
-            setter: setAnalyzeTimeout,
-            original: originalAnalyzeTimeout,
-        },
-        {
-            key: 'requirementsTimeout',
-            label: 'Requirements',
-            defaultSeconds: 1800,
-            state: requirementsTimeout,
-            setter: setRequirementsTimeout,
-            original: originalRequirementsTimeout,
-        },
-        {
-            key: 'researchTimeout',
-            label: 'Research',
-            defaultSeconds: 1800,
-            state: researchTimeout,
-            setter: setResearchTimeout,
-            original: originalResearchTimeout,
-        },
-        {
-            key: 'planTimeout',
-            label: 'Plan',
-            defaultSeconds: 1800,
-            state: planTimeout,
-            setter: setPlanTimeout,
-            original: originalPlanTimeout,
-        },
-        {
-            key: 'implementTimeout',
-            label: 'Implement',
-            defaultSeconds: 1800,
-            state: implementTimeout,
-            setter: setImplementTimeout,
-            original: originalImplementTimeout,
-        },
-        {
-            key: 'mergeTimeout',
-            label: 'Merge',
-            defaultSeconds: 1800,
-            state: mergeTimeout,
-            setter: setMergeTimeout,
-            original: originalMergeTimeout,
-        },
-    ];
-    const ANALYZE_REPO_FIELDS = [
-        {
-            key: 'analyzeRepoTimeout',
-            label: 'Analyze',
-            defaultSeconds: 600,
-            state: analyzeRepoTimeout,
-            setter: setAnalyzeRepoTimeout,
-            original: originalAnalyzeRepoTimeout,
-        },
-    ];
-    return (_jsxs(Card, { id: "workflow", className: "scroll-mt-6", "data-testid": "workflow-settings-section", children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(GitBranch, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "Workflow" })] }), isPending ? _jsx("span", { className: "text-muted-foreground text-xs", children: "Saving..." }) : null, showSaved && !isPending ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-green-600", children: [_jsx(Check, { className: "h-3 w-3" }), "Saved"] })) : null] }), _jsx(CardDescription, { children: "Configure PR behavior, approval gates, and CI settings" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "open-pr", children: "Open PR on implementation complete" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Automatically create a pull request when the agent finishes" })] }), _jsx(Switch, { id: "open-pr", "data-testid": "switch-open-pr", checked: openPr, onCheckedChange: (v) => handleSwitchChange('openPr', setOpenPr, v) })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "push-on-complete", children: "Push on implementation complete" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Push the branch to remote when implementation is done" })] }), _jsx(Switch, { id: "push-on-complete", "data-testid": "switch-push-on-complete", checked: pushOnComplete, onCheckedChange: (v) => handleSwitchChange('pushOnComplete', setPushOnComplete, v) })] })] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Approval Gates" }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "allow-prd", children: "PRD auto-approval" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Skip manual approval for product requirement documents" })] }), _jsx(Switch, { id: "allow-prd", "data-testid": "switch-allow-prd", checked: allowPrd, onCheckedChange: (v) => handleSwitchChange('allowPrd', setAllowPrd, v) })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "allow-plan", children: "Plan auto-approval" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Skip manual approval for implementation plans" })] }), _jsx(Switch, { id: "allow-plan", "data-testid": "switch-allow-plan", checked: allowPlan, onCheckedChange: (v) => handleSwitchChange('allowPlan', setAllowPlan, v) })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "allow-merge", children: "Merge auto-approval" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Skip manual approval for PR merges" })] }), _jsx(Switch, { id: "allow-merge", "data-testid": "switch-allow-merge", checked: allowMerge, onCheckedChange: (v) => handleSwitchChange('allowMerge', setAllowMerge, v) })] })] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "CI Settings" }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "ci-watch-enabled", children: "CI watch/fix loop" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Watch CI status after push and auto-fix failures. Disable to avoid GitHub API rate limits." })] }), _jsx(Switch, { id: "ci-watch-enabled", "data-testid": "switch-ci-watch-enabled", checked: ciWatchEnabled, onCheckedChange: (v) => handleSwitchChange('ciWatchEnabled', setCiWatchEnabled, v) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "ci-max-fix", children: "Max fix attempts" }), _jsx(Input, { id: "ci-max-fix", "data-testid": "ci-max-fix-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", min: 1, max: 10, placeholder: "e.g., 3", value: ciMaxFix, onChange: (e) => setCiMaxFix(e.target.value), onBlur: () => handleFieldBlur('ciMaxFix', ciMaxFix, originalCiMaxFix) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "How many times the agent retries fixing CI failures" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "ci-timeout", children: "Watch timeout (seconds)" }), _jsx(Input, { id: "ci-timeout", "data-testid": "ci-timeout-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", placeholder: "e.g., 300", value: ciTimeout, onChange: (e) => setCiTimeout(e.target.value), onBlur: () => handleFieldBlur('ciTimeout', ciTimeout, originalCiTimeout) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "How long to wait for CI to complete before timing out" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "ci-log-max", children: "Max log characters" }), _jsx(Input, { id: "ci-log-max", "data-testid": "ci-log-max-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", placeholder: "e.g., 50000", value: ciLogMax, onChange: (e) => setCiLogMax(e.target.value), onBlur: () => handleFieldBlur('ciLogMax', ciLogMax, originalCiLogMax) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Maximum characters to capture from CI logs" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "ci-poll-interval", children: "Poll interval (seconds)" }), _jsx(Input, { id: "ci-poll-interval", "data-testid": "ci-poll-interval-input", type: "text", inputMode: "numeric", pattern: "[0-9]*", placeholder: "e.g., 30", value: ciPollInterval, onChange: (e) => setCiPollInterval(e.target.value), onBlur: () => handleFieldBlur('ciPollInterval', ciPollInterval, originalCiPollInterval) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "How often to poll GitHub for CI run status updates" })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { htmlFor: "hide-ci-status", children: "Hide CI Status" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Hide CI status badges from feature drawer and merge review" })] }), _jsx(Switch, { id: "hide-ci-status", "data-testid": "hide-ci-status-switch", checked: hideCiStatus, onCheckedChange: (v) => handleSwitchChange('hideCiStatus', setHideCiStatus, v) })] })] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Stage Timeouts" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Maximum execution time per agent stage" }), _jsx("h4", { className: "text-muted-foreground text-xs font-semibold tracking-wider uppercase", children: "Feature Agent" }), FEATURE_AGENT_FIELDS.map((field) => (_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx(Label, { htmlFor: `stage-timeout-${field.key}`, children: field.label }), _jsx(TimeoutSlider, { id: `stage-timeout-${field.key}`, testId: `stage-timeout-${field.key}-input`, value: field.state, onChange: field.setter, onBlur: () => handleFieldBlur(field.key, field.state, field.original), defaultSeconds: field.defaultSeconds })] }, field.key))), _jsx("h4", { className: "text-muted-foreground pt-2 text-xs font-semibold tracking-wider uppercase", children: "Analyze Repository Agent" }), ANALYZE_REPO_FIELDS.map((field) => (_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx(Label, { htmlFor: `stage-timeout-${field.key}`, children: field.label }), _jsx(TimeoutSlider, { id: `stage-timeout-${field.key}`, testId: `stage-timeout-${field.key}-input`, value: field.state, onChange: field.setter, onBlur: () => handleFieldBlur(field.key, field.state, field.original), defaultSeconds: field.defaultSeconds })] }, field.key)))] })] })] }));
+    return (_jsxs(SettingsSection, { icon: GitBranch, title: t('settings.workflow.title'), description: t('settings.workflow.sectionDescription'), testId: "workflow-settings-section", tooltip: t('settings.workflow.hint'), tooltipLinks: [
+            {
+                label: t('settings.workflow.links.approvalGates'),
+                href: 'https://github.com/jrmatherly/shipit/blob/main/specs/016-hitl-approval-gates/spec.yaml',
+            },
+            {
+                label: t('settings.workflow.links.pushAndPrFlags'),
+                href: 'https://github.com/jrmatherly/shipit/blob/main/specs/037-feature-pr-push-flags/spec.yaml',
+            },
+        ], children: [_jsx(SwitchRow, { label: t('settings.workflow.defaultFastMode'), description: t('settings.workflow.defaultFastModeDescription'), tooltip: "When enabled, new features skip the PRD and Plan phases and go straight to implementation. Useful for quick fixes, risky for complex features.", id: "default-fast-mode", testId: "switch-default-fast-mode", checked: defaultFastMode, onChange: (v) => {
+                    setDefaultFastMode(v);
+                    save(buildWorkflowPayload(getState(), { defaultFastMode: v }));
+                } }), _jsx(SubsectionLabel, { children: t('settings.workflow.subsections.approve') }), _jsx(SwitchRow, { label: t('settings.workflow.autoApprovePrd'), description: t('settings.workflow.autoApprovePrdDescription'), tooltip: "Automatically approves the requirements document without pausing for your review. Saves time but you lose the chance to refine requirements before planning.", id: "allow-prd", testId: "switch-allow-prd", checked: allowPrd, onChange: (v) => {
+                    setAllowPrd(v);
+                    save(buildWorkflowPayload(getState(), { allowPrd: v }));
+                } }), _jsx(SwitchRow, { label: t('settings.workflow.autoApprovePlan'), description: t('settings.workflow.autoApprovePlanDescription'), tooltip: "Automatically approves the implementation plan. The agent proceeds to coding without waiting for your plan review.", id: "allow-plan", testId: "switch-allow-plan", checked: allowPlan, onChange: (v) => {
+                    setAllowPlan(v);
+                    save(buildWorkflowPayload(getState(), { allowPlan: v }));
+                } }), _jsx(SwitchRow, { label: t('settings.workflow.autoApproveMerge'), description: t('settings.workflow.autoApproveMergeDescription'), tooltip: "Automatically merges the PR after implementation without requiring your final review. Use with caution on production branches.", id: "allow-merge", testId: "switch-allow-merge", checked: allowMerge, onChange: (v) => {
+                    setAllowMerge(v);
+                    save(buildWorkflowPayload(getState(), { allowMerge: v }));
+                } }), _jsx(SubsectionLabel, { children: t('settings.workflow.subsections.evidence') }), _jsx(SwitchRow, { label: t('settings.workflow.collectEvidence'), description: t('settings.workflow.collectEvidenceDescription'), tooltip: "Captures screenshots and test outputs during implementation as proof of work. Useful for audit trails and PR documentation.", id: "enable-evidence", testId: "switch-enable-evidence", checked: enableEvidence, onChange: (v) => {
+                    setEnableEvidence(v);
+                    if (!v) {
+                        setCommitEvidence(false);
+                        save(buildWorkflowPayload(getState(), { enableEvidence: v, commitEvidence: false }));
+                    }
+                    else {
+                        save(buildWorkflowPayload(getState(), { enableEvidence: v }));
+                    }
+                } }), _jsx(SwitchRow, { label: t('settings.workflow.addEvidenceToPr'), description: t('settings.workflow.addEvidenceToPrDescription'), tooltip: "Attaches collected evidence artifacts (screenshots, logs) directly to the pull request description.", id: "commit-evidence", testId: "switch-commit-evidence", checked: commitEvidence, disabled: !enableEvidence || !openPr, onChange: (v) => {
+                    setCommitEvidence(v);
+                    save(buildWorkflowPayload(getState(), { commitEvidence: v }));
+                } }), _jsx(SubsectionLabel, { children: t('settings.workflow.subsections.git') }), _jsx(SwitchRow, { label: t('settings.workflow.pushOnComplete'), description: t('settings.workflow.pushOnCompleteDescription'), tooltip: "Automatically pushes the implementation branch to the remote repository when the agent finishes coding.", id: "push-on-complete", testId: "switch-push-on-complete", checked: pushOnComplete, onChange: (v) => {
+                    setPushOnComplete(v);
+                    save(buildWorkflowPayload(getState(), { pushOnComplete: v }));
+                } }), _jsx(SwitchRow, { label: t('settings.workflow.openPrOnComplete'), description: t('settings.workflow.openPrOnCompleteDescription'), tooltip: "Creates a pull request automatically after pushing. Combined with push-on-complete, this fully automates the delivery pipeline.", id: "open-pr", testId: "switch-open-pr", checked: openPr, onChange: (v) => {
+                    setOpenPr(v);
+                    if (!v) {
+                        setCommitEvidence(false);
+                        save(buildWorkflowPayload(getState(), { openPr: v, commitEvidence: false }));
+                    }
+                    else {
+                        save(buildWorkflowPayload(getState(), { openPr: v }));
+                    }
+                } }), _jsx(SwitchRow, { label: t('settings.workflow.watchCiAfterPush'), description: t('settings.workflow.watchCiAfterPushDescription'), tooltip: "Monitors CI/CD pipeline status after pushing and can attempt fixes if tests fail. Disable if you prefer to handle CI failures manually.", id: "ci-watch-enabled", testId: "switch-ci-watch-enabled", checked: ciWatchEnabled, onChange: (v) => {
+                    setCiWatchEnabled(v);
+                    save(buildWorkflowPayload(getState(), { ciWatchEnabled: v }));
+                } }), _jsx(SubsectionLabel, { children: "Archive" }), _jsx(SwitchRow, { label: "Auto-archive completed", description: "Automatically archive features after they reach the completed state", tooltip: "Automatically archives features from the control center canvas after they reach the completed state, keeping the board clean.", id: "auto-archive-enabled", testId: "switch-auto-archive-enabled", checked: autoArchiveEnabled, onChange: (v) => {
+                    setAutoArchiveEnabled(v);
+                    save(buildWorkflowPayload(getState(), { autoArchiveEnabled: v }));
+                } }), _jsx(SettingsRow, { label: "Archive delay", description: "Minutes to wait after completion before archiving (1-1440)", tooltip: "How long to wait after a feature completes before archiving it. Gives you time to review results before the feature moves off the board.", htmlFor: "auto-archive-delay", children: _jsx(NumberStepper, { id: "auto-archive-delay", testId: "input-auto-archive-delay", value: autoArchiveDelay, placeholder: "10", min: 1, max: 1440, suffix: "min", onChange: (v) => {
+                        setAutoArchiveDelay(v);
+                    }, onBlur: () => {
+                        if (!autoArchiveEnabled)
+                            return;
+                        const n = parseInt(autoArchiveDelay, 10);
+                        const clamped = Number.isNaN(n) ? 10 : Math.min(1440, Math.max(1, n));
+                        setAutoArchiveDelay(String(clamped));
+                        save(buildWorkflowPayload(getState(), { autoArchiveDelay: String(clamped) }));
+                    } }) })] }));
 }

package/dist/src/presentation/web/components/features/settings/workflow-settings-section.stories.d.ts

@@ -12,5 +12,5 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const AllEnabled: Story;
-export declare const WithCiSettings: Story;
+export declare const EvidenceDisabled: Story;
 //# sourceMappingURL=workflow-settings-section.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/workflow-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,QAAA,MAAM,IAAI;;;;;;;CAOsC,CAAC;AAEjD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA8BxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA8B5B,CAAC"}
+{"version":3,"file":"workflow-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/workflow-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAKtE,QAAA,MAAM,IAAI;;;;;;;CAOsC,CAAC;AAEjD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC"}

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

@@ -1,4 +1,6 @@
 import { WorkflowSettingsSection } from './workflow-settings-section.js';
+import { createDefaultSettings } from '../../../../../../packages/core/src/domain/factories/settings-defaults.factory.js';
+const baseSettings = createDefaultSettings();
 const meta = {
     title: 'Features/Settings/WorkflowSettingsSection',
     component: WorkflowSettingsSection,
@@ -10,80 +12,40 @@ const meta = {
 export default meta;
 export const Default = {
     args: {
-        workflow: {
-            openPrOnImplementationComplete: false,
-            approvalGateDefaults: {
-                allowPrd: false,
-                allowPlan: false,
-                allowMerge: false,
-                pushOnImplementationComplete: false,
-            },
-            ciWatchEnabled: true,
-            enableEvidence: false,
-            commitEvidence: false,
-            defaultFastMode: true,
-        },
+        settings: baseSettings,
     },
 };
 export const AllEnabled = {
     args: {
-        workflow: {
-            openPrOnImplementationComplete: true,
-            approvalGateDefaults: {
-                allowPrd: true,
-                allowPlan: true,
-                allowMerge: true,
-                pushOnImplementationComplete: true,
-            },
-            ciMaxFixAttempts: 3,
-            ciWatchTimeoutMs: 300000,
-            ciLogMaxChars: 50000,
-            stageTimeouts: {
-                analyzeMs: 600000,
-                requirementsMs: 600000,
-                researchMs: 600000,
-                planMs: 600000,
-                implementMs: 600000,
-                mergeMs: 600000,
+        settings: {
+            ...baseSettings,
+            workflow: {
+                ...baseSettings.workflow,
+                openPrOnImplementationComplete: true,
+                approvalGateDefaults: {
+                    allowPrd: true,
+                    allowPlan: true,
+                    allowMerge: true,
+                    pushOnImplementationComplete: true,
+                },
+                enableEvidence: true,
+                commitEvidence: true,
+                ciWatchEnabled: true,
+                defaultFastMode: true,
+                autoArchiveDelayMinutes: 15,
             },
-            analyzeRepoTimeouts: {
-                analyzeMs: 600000,
-            },
-            ciWatchEnabled: true,
-            enableEvidence: true,
-            commitEvidence: true,
-            defaultFastMode: true,
         },
     },
 };
-export const WithCiSettings = {
+export const EvidenceDisabled = {
     args: {
-        workflow: {
-            openPrOnImplementationComplete: false,
-            approvalGateDefaults: {
-                allowPrd: false,
-                allowPlan: false,
-                allowMerge: false,
-                pushOnImplementationComplete: false,
-            },
-            ciMaxFixAttempts: 5,
-            ciWatchTimeoutMs: 600000,
-            ciLogMaxChars: 100000,
-            stageTimeouts: {
-                analyzeMs: 1200000,
-                requirementsMs: 1200000,
-                researchMs: 1200000,
-                planMs: 1200000,
-                implementMs: 1200000,
-                mergeMs: 1200000,
-            },
-            analyzeRepoTimeouts: {
-                analyzeMs: 1200000,
+        settings: {
+            ...baseSettings,
+            workflow: {
+                ...baseSettings.workflow,
+                enableEvidence: false,
+                commitEvidence: false,
             },
-            ciWatchEnabled: true,
-            enableEvidence: false,
-            commitEvidence: false,
-            defaultFastMode: true,
         },
     },
 };

package/dist/src/presentation/web/components/features/skills/category-filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"category-filter.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/skills/category-filter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAUlD,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;CACxC;AAED,wBAAgB,cAAc,CAAC,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,EAAE,EAAE,mBAAmB,2CAkB/F"}
+{"version":3,"file":"category-filter.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/skills/category-filter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAUlD,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;CACxC;AAOD,wBAAgB,cAAc,CAAC,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,EAAE,EAAE,mBAAmB,2CA8B/F"}

package/dist/src/presentation/web/components/features/skills/category-filter.js

@@ -1,5 +1,5 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Button } from '../../ui/button.js';
+import { cn } from '../../../lib/utils.js';
 const CATEGORIES = [
     { label: 'All', value: null },
     { label: 'Workflow', value: 'Workflow' },
@@ -7,6 +7,16 @@ const CATEGORIES = [
     { label: 'Analysis', value: 'Analysis' },
     { label: 'Reference', value: 'Reference' },
 ];
+/*
+ * Category filter — editorial tab treatment matching the Tools page.
+ * Uses bg-card container with editorial-shadow, active pill with bg-muted +
+ * text-primary + ring lift, inactive pills with muted text and hover affordance.
+ */
 export function CategoryFilter({ activeCategory, onCategoryChange, counts }) {
-    return (_jsx("div", { className: "flex flex-wrap gap-2", role: "group", "aria-label": "Filter by category", children: CATEGORIES.map(({ label, value }) => (_jsxs(Button, { variant: activeCategory === value ? 'default' : 'outline', size: "sm", onClick: () => onCategoryChange(value), children: [label, counts && value ? (_jsxs("span", { className: "ms-1 text-xs opacity-70", children: ["(", counts[value], ")"] })) : null] }, label))) }));
+    return (_jsx("div", { className: "bg-card editorial-shadow inline-flex flex-wrap items-center gap-1 rounded-lg p-1", role: "group", "aria-label": "Filter by category", children: CATEGORIES.map(({ label, value }) => {
+            const isActive = activeCategory === value;
+            return (_jsxs("button", { type: "button", onClick: () => onCategoryChange(value), className: cn('cursor-pointer rounded-md px-3 py-1.5 text-xs font-bold transition-all', isActive
+                    ? 'bg-muted text-primary shadow-sm ring-1 ring-slate-200/70 dark:ring-slate-700/50'
+                    : 'text-muted-foreground hover:text-foreground'), children: [label, counts != null && value != null ? (_jsxs("span", { className: "ms-1 opacity-70", children: ["(", counts[value], ")"] })) : null] }, label));
+        }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"skill-card.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/skills/skill-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAqC5D"}
+{"version":3,"file":"skill-card.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/skills/skill-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,2CA0C5D"}

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

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardContent, CardHeader, CardTitle } from '../../ui/card.js';
+import { Card } from '../../ui/card.js';
 import { Badge } from '../../ui/badge.js';
 import { FolderOpen } from 'lucide-react';
 export function SkillCard({ skill, onSelect }) {
-    return (_jsxs(Card, { className: "hover:border-primary/50 cursor-pointer transition-colors", role: "button", tabIndex: 0, onClick: () => onSelect(skill), onKeyDown: (e) => {
+    return (_jsxs(Card, { className: "cursor-pointer p-5 transition-all duration-300 hover:-translate-y-0.5 hover:shadow-md hover:ring-slate-300 dark:hover:ring-slate-600", role: "button", tabIndex: 0, onClick: () => onSelect(skill), onKeyDown: (e) => {
             if (e.key === 'Enter' || e.key === ' ') {
                 e.preventDefault();
                 onSelect(skill);
             }
-        }, "data-testid": `skill-card-${skill.name}`, children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-base", children: skill.displayName }), _jsx("p", { className: "text-muted-foreground font-mono text-xs", children: skill.name })] }), _jsxs(CardContent, { className: "space-y-3", children: [_jsx("p", { className: "text-muted-foreground line-clamp-2 text-sm", children: skill.description }), _jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsx(Badge, { variant: skill.source === 'project' ? 'secondary' : 'outline', children: skill.source === 'project' ? 'Project' : 'Global' }), skill.context ? _jsx(Badge, { variant: "outline", children: skill.context }) : null, skill.allowedTools ? _jsx(Badge, { variant: "outline", children: "Tools" }) : null, skill.resources.length > 0 ? (_jsxs("span", { className: "text-muted-foreground inline-flex items-center gap-1 text-xs", children: [_jsx(FolderOpen, { className: "size-3" }), skill.resources.length, " ", skill.resources.length === 1 ? 'resource' : 'resources'] })) : null] })] })] }));
+        }, "data-testid": `skill-card-${skill.name}`, children: [_jsx("h3", { className: "text-foreground text-sm leading-tight font-bold tracking-tight", children: skill.displayName }), _jsx("p", { className: "text-muted-foreground mt-1 font-mono text-xs", children: skill.name }), _jsx("p", { className: "text-muted-foreground mt-3 line-clamp-2 text-xs leading-relaxed", children: skill.description }), _jsxs("div", { className: "mt-4 flex flex-wrap items-center gap-1.5", children: [_jsx(Badge, { variant: skill.source === 'project' ? 'secondary' : 'outline', children: skill.source === 'project' ? 'Project' : 'Global' }), skill.context ? _jsx(Badge, { variant: "outline", children: skill.context }) : null, skill.allowedTools ? _jsx(Badge, { variant: "outline", children: "Tools" }) : null, skill.resources.length > 0 ? (_jsxs("span", { className: "text-muted-foreground inline-flex items-center gap-1 text-xs", children: [_jsx(FolderOpen, { className: "size-3" }), skill.resources.length, " ", skill.resources.length === 1 ? 'resource' : 'resources'] })) : null] })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"skill-detail-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/skills/skill-detail-drawer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,sBAAsB,2CA+E3E"}
+{"version":3,"file":"skill-detail-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/skills/skill-detail-drawer.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA0D9C,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,sBAAsB,2CAiH3E"}