Fix multiple UI bugs

- Remove unused action chip button from InlineContentPreview
- Disable new chat button during content generation (ChatHistory sidebar)
- Enforce single product selection (max 1, min 1 to proceed)
- Add helper text when no product selected

Author: hunterjam

content-gen/src/app/frontend/src/App.tsx

@@ -457,9 +457,11 @@ function App() {
     setSelectedProducts(prev => {
       const isSelected = prev.some(p => (p.sku || p.product_name) === (product.sku || product.product_name));
       if (isSelected) {
-        return prev.filter(p => (p.sku || p.product_name) !== (product.sku || product.product_name));
+        // Deselect - but user must have at least one selected to proceed
+        return [];
       } else {
-        return [...prev, product];
+        // Single selection mode - replace any existing selection
+        return [product];
       }
     });
   }, []);
@@ -670,6 +672,7 @@ function App() {
             onSelectConversation={handleSelectConversation}
             onNewConversation={handleNewConversation}
               refreshTrigger={historyRefreshTrigger}
+              isGenerating={isLoading}
             />
           </div>
         )}

content-gen/src/app/frontend/src/components/ChatHistory.tsx

@@ -26,14 +26,16 @@ interface ChatHistoryProps {
   onSelectConversation: (conversationId: string) => void;
   onNewConversation: () => void;
   refreshTrigger?: number; // Increment to trigger refresh
+  isGenerating?: boolean; // True when content generation is in progress
 }
 
 export function ChatHistory({ 
   currentConversationId, 
   currentMessages = [],
   onSelectConversation,
   onNewConversation,
-  refreshTrigger = 0
+  refreshTrigger = 0,
+  isGenerating = false
 }: ChatHistoryProps) {
   const [conversations, setConversations] = useState<ConversationSummary[]>([]);
   const [isLoading, setIsLoading] = useState(true);
@@ -218,13 +220,15 @@ export function ChatHistory({
             </Link>
           )}
           <Link
-            onClick={onNewConversation}
+            onClick={isGenerating ? undefined : onNewConversation}
             style={{
               display: 'flex',
               alignItems: 'center',
               gap: '8px',
               fontSize: '13px',
-              color: tokens.colorNeutralForeground1,
+              color: isGenerating ? tokens.colorNeutralForegroundDisabled : tokens.colorNeutralForeground1,
+              cursor: isGenerating ? 'not-allowed' : 'pointer',
+              pointerEvents: isGenerating ? 'none' : 'auto',
             }}
           >
             <Compose20Regular />

content-gen/src/app/frontend/src/components/InlineContentPreview.tsx

@@ -383,30 +383,6 @@ export function InlineContentPreview({
         </div>
       )}
 
-      {/* Action Chip - for quick follow-up requests */}
-      {image_content?.image_url && (
-        <div 
-          className="action-chip"
-          onClick={() => onActionChipClick?.('Create an other image with same paint color, but a modern kitchen area, with no text on it')}
-          style={{
-            display: 'inline-flex',
-            alignItems: 'center',
-            gap: '6px',
-            padding: '10px 16px',
-            borderRadius: '20px',
-            backgroundColor: tokens.colorBrandBackground2,
-            color: tokens.colorBrandForeground1,
-            fontSize: '13px',
-            cursor: 'pointer',
-            border: `1px solid ${tokens.colorBrandStroke1}`,
-            transition: 'all 0.15s ease-in-out',
-            marginBottom: '16px',
-          }}
-        >
-          Create an other image with same paint color, but a modern kitchen area, with no text on it
-        </div>
-      )}
-
       <Divider style={{ margin: '16px 0' }} />
 
       {/* User guidance callout for compliance status */}

content-gen/src/app/frontend/src/components/ProductReview.tsx

@@ -97,11 +97,16 @@ export function ProductReview({
             appearance="primary"
             icon={<Sparkle20Regular />}
             onClick={onConfirm}
-            disabled={isAwaitingResponse}
+            disabled={isAwaitingResponse || products.length === 0}
             size="small"
           >
             Generate Content
           </Button>
+          {products.length === 0 && (
+            <Text size={200} style={{ color: tokens.colorNeutralForeground3, alignSelf: 'center' }}>
+              Select a product to continue
+            </Text>
+          )}
         </div>
       )}