@shepai/cli 1.129.1 → 1.129.2-pr409.8d19a07

package/dist/src/presentation/web/components/common/prd-questionnaire/prd-questionnaire.stories.d.ts

@@ -17,4 +17,10 @@ export declare const MinimalData: Story;
 export declare const WithRejectButton: Story;
 /** Rejecting state — reject button disabled with spinner while reject action is in flight. */
 export declare const RejectingState: Story;
+/** Real-world LLM provider question — reproduces exact label text from the reported bug. Badge must stay on one line. */
+export declare const LlmProviderQuestion: Story;
+/** Pathological overflow — label with no natural word break (repeating token). Verifies button does not overflow panel. */
+export declare const RepeatingLabelOverflow: Story;
+/** Long labels — verifies that AI Recommended badge stays on one line even with very long option labels. Uses 640px width to match real panel width. */
+export declare const LongLabels: Story;
 //# sourceMappingURL=prd-questionnaire.stories.d.ts.map

package/dist/src/presentation/web/components/common/prd-questionnaire/prd-questionnaire.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prd-questionnaire.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/prd-questionnaire/prd-questionnaire.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAiKvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAkBvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAU/C,sJAAsJ;AACtJ,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC;AAaF,4DAA4D;AAC5D,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC"}
+{"version":3,"file":"prd-questionnaire.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/prd-questionnaire/prd-questionnaire.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAiKvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAkBvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAU/C,sJAAsJ;AACtJ,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC;AAaF,4DAA4D;AAC5D,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,yHAAyH;AACzH,eAAO,MAAM,mBAAmB,EAAE,KAuCjC,CAAC;AAEF,2HAA2H;AAC3H,eAAO,MAAM,sBAAsB,EAAE,KAiCpC,CAAC;AAEF,wJAAwJ;AACxJ,eAAO,MAAM,UAAU,EAAE,KAyCxB,CAAC"}

package/dist/src/presentation/web/components/common/prd-questionnaire/prd-questionnaire.stories.js

@@ -154,7 +154,7 @@ const meta = {
         onApprove: { action: 'onApprove' },
     },
     decorators: [
-        (Story) => (_jsx("div", { style: { height: '600px', width: '400px', border: '1px solid var(--color-border)' }, children: _jsx(Story, {}) })),
+        (Story) => (_jsx("div", { style: { height: '600px', width: '760px', border: '1px solid var(--color-border)' }, children: _jsx(Story, {}) })),
     ],
 };
 export default meta;
@@ -248,3 +248,98 @@ export const RejectingState = {
         isRejecting: true,
     },
 };
+/** Real-world LLM provider question — reproduces exact label text from the reported bug. Badge must stay on one line. */
+export const LlmProviderQuestion = {
+    render: () => (_jsx(InteractiveQuestionnaire, { data: {
+            question: 'Review Feature Requirements',
+            context: 'Testing badge nowrap with real-world LLM provider labels.',
+            questions: [
+                {
+                    id: 'llm-provider',
+                    question: 'Which LLM provider should be the primary AI engine?',
+                    type: 'select',
+                    options: [
+                        {
+                            id: 'claude-primary',
+                            label: 'Claude (Anthropic) as primary for all AI tasks including vision/OCR, OpenAI as fallback LLM',
+                            rationale: 'Claude is used as the primary engine for all AI tasks: structured reasoning, signal interpretation, opportunity scoring, AND vision/OCR for flyer image extraction.',
+                            recommended: true,
+                        },
+                        {
+                            id: 'split',
+                            label: 'Claude (Anthropic) for reasoning, OpenAI Vision for OCR',
+                            rationale: 'Split responsibilities: Claude for text reasoning tasks, OpenAI Vision API specifically for OCR/image analysis.',
+                        },
+                        {
+                            id: 'single',
+                            label: 'Single provider only (Claude OR OpenAI for everything)',
+                            rationale: 'Simplifies implementation — one SDK, one billing relationship, one prompt format.',
+                        },
+                    ],
+                },
+            ],
+            finalAction: mockFinalAction,
+        } })),
+};
+/** Pathological overflow — label with no natural word break (repeating token). Verifies button does not overflow panel. */
+export const RepeatingLabelOverflow = {
+    render: () => (_jsx(InteractiveQuestionnaire, { data: {
+            question: 'Where should the dark-mode preference be persisted?',
+            context: 'Testing overflow containment with no-break label text.',
+            questions: [
+                {
+                    id: 'storage',
+                    question: 'Where should the dark-mode preference be persisted?',
+                    type: 'select',
+                    options: [
+                        {
+                            id: 'localstorage',
+                            label: 'localStorage only localStorage only localStorage only localStorage only localStorage only localStorage only',
+                            rationale: 'Store the theme preference in localStorage. Zero backend changes, instant read on page load, and no need for API round-trips.',
+                            recommended: true,
+                        },
+                        {
+                            id: 'sqlite',
+                            label: 'SQLite settings via backend API',
+                            rationale: 'Persist the preference in the Shep SQLite settings store alongside other settings. Syncs across devices but requires API changes and a settings migration — out of scope for this feature.',
+                        },
+                    ],
+                },
+            ],
+            finalAction: mockFinalAction,
+        } })),
+};
+/** Long labels — verifies that AI Recommended badge stays on one line even with very long option labels. Uses 640px width to match real panel width. */
+export const LongLabels = {
+    render: () => (_jsx(InteractiveQuestionnaire, { data: {
+            question: 'Review Feature Requirements',
+            context: 'Testing badge nowrap behavior with long option labels.',
+            questions: [
+                {
+                    id: 'long-label',
+                    question: 'Which deployment strategy should we use for the distributed microservices architecture?',
+                    type: 'select',
+                    options: [
+                        {
+                            id: 'opt-long-1',
+                            label: 'Blue-Green Deployment with Automated Canary Analysis and Progressive Rollout',
+                            rationale: 'Minimizes downtime and risk by running two identical production environments',
+                            recommended: true,
+                        },
+                        {
+                            id: 'opt-long-2',
+                            label: 'Rolling Update with Health Check Verification and Automatic Rollback on Failure',
+                            rationale: 'Gradually replaces instances with zero-downtime deployment',
+                        },
+                        {
+                            id: 'opt-long-3',
+                            label: 'Feature Flags with Percentage-Based Gradual Rollout to Target User Segments',
+                            rationale: 'Enables targeted rollout and instant rollback via configuration',
+                            isNew: true,
+                        },
+                    ],
+                },
+            ],
+            finalAction: mockFinalAction,
+        } })),
+};

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-decisions-summary.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,4BAA4B,EAE7B,MAAM,oCAAoC,CAAC;AAyB5C,wBAAgB,uBAAuB,CAAC,EAAE,IAAI,EAAE,EAAE,4BAA4B,kDAmB7E"}
+{"version":3,"file":"product-decisions-summary.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,4BAA4B,EAE7B,MAAM,oCAAoC,CAAC;AA6B5C,wBAAgB,uBAAuB,CAAC,EAAE,IAAI,EAAE,EAAE,4BAA4B,kDAmB7E"}

package/dist/src/presentation/web/components/common/product-decisions-summary/product-decisions-summary.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ClipboardList } from 'lucide-react';
 import { Badge } from '../../ui/badge.js';
 function ProductDecisionCard({ item, index }) {
-    return (_jsx("div", { className: "border-border rounded-lg border", children: _jsx("div", { className: "space-y-2 px-4 py-3", children: _jsxs("div", { className: "flex items-start gap-2.5", children: [_jsx("span", { className: "bg-primary text-primary-foreground flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-bold", children: index + 1 }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "text-foreground text-sm leading-tight font-semibold", children: item.question }), _jsxs("div", { className: "mt-1 flex items-center gap-2", children: [_jsx("p", { className: "text-muted-foreground text-xs", children: item.selectedOption }), item.wasRecommended ? (_jsx(Badge, { className: "px-1.5 py-0 text-[10px]", children: "AI Recommended" })) : null] })] })] }) }) }));
+    return (_jsx("div", { className: "border-border rounded-lg border", children: _jsx("div", { className: "space-y-2 px-4 py-3", children: _jsxs("div", { className: "flex items-start gap-2.5", children: [_jsx("span", { className: "bg-primary text-primary-foreground flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-bold", children: index + 1 }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "text-foreground text-sm leading-tight font-semibold", children: item.question }), _jsxs("div", { className: "mt-1 flex items-center gap-2", children: [_jsx("p", { className: "text-muted-foreground min-w-0 truncate text-xs", children: item.selectedOption }), item.wasRecommended ? (_jsx(Badge, { className: "shrink-0 px-1.5 py-0 text-[10px] whitespace-nowrap", children: "AI Recommended" })) : null] })] })] }) }) }));
 }
 export function ProductDecisionsSummary({ data }) {
     const { questions } = data;