[Spec Kit] Implementation progress

Implements all 88 tasks for the Reaction Image Board (specs/001-reaction-image-board):

- docker-compose.yml: postgres, minio, minio-init, api, ui services with healthchecks
- api/: FastAPI app with SQLAlchemy 2.x async, Alembic migrations, S3/MinIO storage,
  full integration + unit test suite (pytest + pytest-asyncio)
- ui/: Angular 19 standalone app (Library, Upload, Detail, NotFound components)
- .env.example: all required environment variables
- .gitignore: Python, Node, Docker, IDE, .env patterns

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

ui/src/app/upload/upload.component.spec.ts

@@ -0,0 +1,83 @@
+import { TestBed } from '@angular/core/testing';
+import { provideRouter, Router } from '@angular/router';
+import { provideHttpClient } from '@angular/common/http';
+import { provideHttpClientTesting } from '@angular/common/http/testing';
+import { of, throwError } from 'rxjs';
+import { UploadComponent } from './upload.component';
+import { ImageService } from '../services/image.service';
+import { routes } from '../app.routes';
+
+describe('UploadComponent', () => {
+  let component: UploadComponent;
+
+  function makeImageService(overrides: Partial<ImageService> = {}): jasmine.SpyObj<ImageService> {
+    return jasmine.createSpyObj<ImageService>('ImageService', { upload: of({} as any), ...overrides });
+  }
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [UploadComponent],
+      providers: [provideHttpClient(), provideHttpClientTesting(), provideRouter(routes)],
+    }).compileComponents();
+  });
+
+  it('should normalise tag input: lowercases and splits on comma/space', () => {
+    const fixture = TestBed.createComponent(UploadComponent);
+    component = fixture.componentInstance;
+    component.tagInput = 'CAT, Funny reaction';
+    const parsed = component.parseTagInput(component.tagInput);
+    expect(parsed).toEqual(['cat', 'funny', 'reaction']);
+  });
+
+  it('should split on commas', () => {
+    const fixture = TestBed.createComponent(UploadComponent);
+    component = fixture.componentInstance;
+    const parsed = component.parseTagInput('a,b,c');
+    expect(parsed).toEqual(['a', 'b', 'c']);
+  });
+
+  it('should filter empty tokens', () => {
+    const fixture = TestBed.createComponent(UploadComponent);
+    component = fixture.componentInstance;
+    const parsed = component.parseTagInput('  ,, cat ,,');
+    expect(parsed).toEqual(['cat']);
+  });
+
+  it('on duplicate response: shows toast and navigates to detail', async () => {
+    const fixture = TestBed.createComponent(UploadComponent);
+    component = fixture.componentInstance;
+    const router = TestBed.inject(Router);
+    spyOn(router, 'navigate');
+
+    const mockSvc = makeImageService({
+      upload: of({ id: 'abc', duplicate: true } as any),
+    } as any);
+    (component as any).imageService = mockSvc;
+
+    await component.handleUploadResponse({ id: 'abc', duplicate: true } as any);
+    expect(component.toastMessage).toContain('library');
+    expect(router.navigate).toHaveBeenCalledWith(['/images', 'abc']);
+  });
+
+  it('on success response: shows success toast and navigates to detail', async () => {
+    const fixture = TestBed.createComponent(UploadComponent);
+    component = fixture.componentInstance;
+    const router = TestBed.inject(Router);
+    spyOn(router, 'navigate');
+
+    await component.handleUploadResponse({ id: 'xyz', duplicate: false } as any);
+    expect(component.toastMessage).toBeTruthy();
+    expect(router.navigate).toHaveBeenCalledWith(['/images', 'xyz']);
+  });
+
+  it('on error response: shows inline error, no navigation', async () => {
+    const fixture = TestBed.createComponent(UploadComponent);
+    component = fixture.componentInstance;
+    const router = TestBed.inject(Router);
+    spyOn(router, 'navigate');
+
+    component.handleUploadError({ status: 422, error: { detail: 'bad file', code: 'invalid_mime_type' } });
+    expect(component.errorMessage).toBeTruthy();
+    expect(router.navigate).not.toHaveBeenCalled();
+  });
+});