Fix: Product Ledger autocomplete not working.

.gitignore

@@ -51,4 +51,7 @@ yarn-error.log*
 
 # Ignore Pyright-generated stubs
 *.pyi
-typings/
+typings/
+
+# AI Coding agents temp files
+.scratch/

.vscode/tasks.json

@@ -4,7 +4,7 @@
   "tasks": [
     {
       "type": "npm",
-      "script": "start -- --port 4200",
+      "script": "start",
       "isBackground": true,
       "options": {
         "cwd": "${workspaceFolder}/overlord"

Makefile

@@ -4,6 +4,7 @@ build-production: ## Build the production container image. Usage: make build-pro
 	@echo "Building image..."
 	@podman manifest rm registry.tanshu.com/brewman:latest 2>/dev/null || true
 	@podman build \
+		--format docker \
 		--platform linux/amd64,linux/arm64 \
 		--manifest registry.tanshu.com/brewman:latest \
 		--pull \
@@ -20,6 +21,7 @@ build-check: ## Multi-arch build without push (compile check). Usage: make build
 	@echo "Building image..."
 	@podman manifest rm brewman:test 2>/dev/null || true
 	@podman build \
+		--format docker \
 		--platform linux/amd64,linux/arm64 \
 		--manifest brewman:test \
 		--pull \
@@ -33,6 +35,7 @@ build-check-local: ## Single-arch build without push (compile check). Usage: mak
 	@echo "Building image..."
 	@podman manifest rm brewman:test 2>/dev/null || true
 	@podman build \
+		--format docker \
 		--platform linux/amd64 \
 		--manifest brewman:test \
 		--no-cache \

overlord/src/app/product-ledger/product-ledger.component.html

@@ -26,20 +26,16 @@
   <div class="row-container">
     <mat-form-field class="flex-auto basis-4-5">
       <mat-label>Product</mat-label>
-      <input
+      <input type="text" matInput [matAutocomplete]="auto" [formField]="form.product" autocomplete="off" />
-        type="text"
-        matInput
-        #productElement
-        [matAutocomplete]="auto"
-        [formField]="form.product"
-        autocomplete="off"
-      />
       <mat-autocomplete
         #auto="matAutocomplete"
         autoActiveFirstOption
         [displayWith]="displayFn"
         (optionSelected)="selected($event)"
       >
+        @for (product of products(); track product.id) {
+          <mat-option [value]="product">{{ product.name }}</mat-option>
+        }
       </mat-autocomplete>
     </mat-form-field>
     <button mat-raised-button type="submit" class="flex-auto basis-1-5" color="primary">Show</button>