Add ACI deployment config and limit chat history to 5 conversations with pagination

- Add aci-deployment.yaml with private endpoint configuration (secret removed)
- Update ChatHistory component to show only 5 conversations initially
- Add 'Show More' and 'Show Less' pagination controls
- Rebuild frontend static assets

Author: hunterjam

content-gen/aci-deployment.yaml

@@ -0,0 +1,57 @@
+apiVersion: 2021-10-01
+name: aci-contentgen-backend
+location: eastus
+identity:
+  type: SystemAssigned
+properties:
+  containers:
+    - name: contentgen-backend
+      properties:
+        image: acrcontentgenjh.azurecr.io/contentgen-backend:latest
+        resources:
+          requests:
+            cpu: 1.0
+            memoryInGB: 2.0
+        ports:
+          - port: 8000
+            protocol: TCP
+        environmentVariables:
+          - name: AZURE_OPENAI_ENDPOINT
+            value: https://ai-account-254ly3n5ky7vw.cognitiveservices.azure.com/
+          - name: AZURE_OPENAI_GPT_MODEL
+            value: Gpt-5.1
+          - name: AZURE_OPENAI_API_VERSION
+            value: '2024-10-21'
+          - name: AZURE_OPENAI_DALLE_ENDPOINT
+            value: https://aicu-cps-ayvergaiq5f2.cognitiveservices.azure.com/
+          - name: AZURE_OPENAI_DALLE_MODEL
+            value: dall-e-3
+          - name: AZURE_COSMOS_ENDPOINT
+            value: https://cosmosdb-contentgen-jh.documents.azure.com:443/
+          - name: AZURE_COSMOS_DATABASE_NAME
+            value: content-generation
+          - name: AZURE_COSMOS_PRODUCTS_CONTAINER
+            value: products
+          - name: AZURE_COSMOS_CONVERSATIONS_CONTAINER
+            value: conversations
+          - name: AZURE_BLOB_ACCOUNT_NAME
+            value: storagecontentgenjh
+          - name: RUNNING_IN_PRODUCTION
+            value: 'true'
+          - name: AUTH_ENABLED
+            value: 'true'
+  osType: Linux
+  subnetIds:
+    - id: /subscriptions/ff9b5430-90ea-44c0-8a00-e488c1bf56f4/resourceGroups/rg-contentgen-jahunte/providers/Microsoft.Network/virtualNetworks/vnet-contentgen-jh/subnets/subnet-aci
+  dnsConfig:
+    nameServers:
+      - 168.63.129.16
+  ipAddress:
+    type: Private
+    ports:
+      - protocol: TCP
+        port: 8000
+  imageRegistryCredentials:
+    - server: acrcontentgenjh.azurecr.io
+      username: acrcontentgenjh
+      password: <ACR_PASSWORD>  # Replace with actual password or use managed identity

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

@@ -50,6 +50,8 @@ export function ChatHistory({
   const [conversations, setConversations] = useState<ConversationSummary[]>([]);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
+  const [visibleCount, setVisibleCount] = useState(5);
+  const PAGE_SIZE = 5;
 
   const loadConversations = useCallback(async () => {
     setIsLoading(true);
@@ -76,6 +78,11 @@ export function ChatHistory({
     loadConversations();
   }, [loadConversations, refreshTrigger]);
 
+  // Reset visible count when conversations change significantly
+  useEffect(() => {
+    setVisibleCount(PAGE_SIZE);
+  }, [refreshTrigger]);
+
   // Build the current session conversation summary if it has messages
   const currentSessionConversation: ConversationSummary | null = currentMessages.length > 0 ? {
     id: currentConversationId,
@@ -221,7 +228,7 @@ export function ChatHistory({
           </div>
         ) : (
           <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
-            {displayConversations.map((conversation) => (
+            {displayConversations.slice(0, visibleCount).map((conversation) => (
               <ConversationItem
                 key={conversation.id}
                 conversation={conversation}
@@ -232,6 +239,37 @@ export function ChatHistory({
                 truncateText={truncateText}
               />
             ))}
+            
+            {/* Show More / Show Less controls */}
+            {displayConversations.length > PAGE_SIZE && (
+              <div style={{ 
+                display: 'flex', 
+                justifyContent: 'center', 
+                gap: '16px',
+                marginTop: '8px',
+                paddingTop: '8px',
+                borderTop: `1px solid ${tokens.colorNeutralStroke2}`
+              }}>
+                {visibleCount < displayConversations.length && (
+                  <Button
+                    appearance="subtle"
+                    size="small"
+                    onClick={() => setVisibleCount(prev => Math.min(prev + PAGE_SIZE, displayConversations.length))}
+                  >
+                    Show More ({displayConversations.length - visibleCount} remaining)
+                  </Button>
+                )}
+                {visibleCount > PAGE_SIZE && (
+                  <Button
+                    appearance="subtle"
+                    size="small"
+                    onClick={() => setVisibleCount(PAGE_SIZE)}
+                  >
+                    Show Less
+                  </Button>
+                )}
+              </div>
+            )}
           </div>
         )}
       </div>