fix(dashboard): resolve pre-existing tsc --noEmit errors

- Dispatch types (DispatchTone/Format/Response) were imported from
  '@/lib/api', which only re-exports its own request helpers, not the
  types it privately imports from '@/lib/types'. Import from the
  correct module in the four consuming components.
- CacheBySourceCard's hit-rate calc referenced row.cacheRead/totalInput,
  which don't exist on CacheBySourceRow (real fields are
  cacheReadTokens/totalInputTokens, used correctly two lines below) —
  hit rate was always computing as 0.
- LLMConfig.provider and SettingsPage's local LLMProvider union were
  each missing a different subset of providers vs. the server's
  canonical enum (server/src/schemas/config.ts); reconciled both to
  the full 8-provider set.
- sse.ts: TS 5.7+'s DOM lib types TextDecoderStream.writable as
  WritableStream<BufferSource>, no longer structurally matching
  pipeThrough's expected pair type; cast through TransformStream to
  restore the correct shape (no runtime change).
- AssistantMarkdown's `code` renderer used a custom prop type with an
  index signature that no longer matches react-markdown's Components
  type; switched to React.HTMLAttributes<HTMLElement>.
- BulkAnalyzeButton.test.tsx: test fixtures/mocks had drifted from the
  current Session/AnalysisState/useAnalysis shapes (missing Session
  fields, inferred Promise<unknown> instead of Promise<void>, widened
  string literals in a Map literal).

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

Author: ClaudiaFang

dashboard/src/components/analysis/BulkAnalyzeButton.test.tsx

@@ -40,6 +40,7 @@ function makeSession(id: string): Session {
     git_branch: null,
     claude_version: null,
     source_tool: 'claude-code',
+    home_id: null,
     device_id: null,
     device_hostname: null,
     device_platform: null,
@@ -49,6 +50,12 @@ function makeSession(id: string): Session {
     cache_creation_tokens: null,
     cache_read_tokens: null,
     estimated_cost_usd: null,
+    models_used: null,
+    primary_model: null,
+    usage_source: null,
+    compact_count: 0,
+    auto_compact_count: 0,
+    slash_commands: null,
   };
 }
 
@@ -71,15 +78,12 @@ function setup(sessions: Session[], onComplete?: () => void, options?: {
     return analysisStates.get(key);
   });
 
-  const mockStartAnalysis = vi.fn(async (session: Session) => {
+  const mockStartAnalysis = vi.fn(async (): Promise<void> => {
     if (startAnalysisBehavior === 'reject') {
       throw new Error('Analysis failed');
     }
     if (startAnalysisBehavior === 'deferred') {
-      return new Promise(() => {});
-    }
-    if (startAnalysisBehavior === 'immediate-fail') {
-      return Promise.resolve();
+      return new Promise<void>(() => {});
     }
     return Promise.resolve();
   });
@@ -110,7 +114,7 @@ beforeEach(() => {
 describe('BulkAnalyzeButton', () => {
   describe('unconfigured state', () => {
     it('renders disabled button with configure message when LLM not configured', () => {
-      mockUseLlmConfig.mockReturnValue({ data: null } as ReturnType<typeof useLlmConfig>);
+      mockUseLlmConfig.mockReturnValue({ data: null } as unknown as ReturnType<typeof useLlmConfig>);
       setup([makeSession('s1')]);
       const btn = screen.getByRole('button', { name: /analyze selected/i });
       expect(btn).toBeDisabled();
@@ -201,7 +205,7 @@ describe('BulkAnalyzeButton', () => {
     });
 
     it('shows failed count when some sessions error', async () => {
-      const analysisStates = new Map([
+      const analysisStates = new Map<string, AnalysisState>([
         ['s1:session', { status: 'complete', result: { success: true } }],
         ['s2:session', { status: 'error', result: { success: false, error: 'API timeout' } }],
       ]);

dashboard/src/components/chat/message/markdown/AssistantMarkdown.tsx

@@ -57,7 +57,7 @@ export function AssistantMarkdown({ content, codeStyle, searchQuery }: Assistant
         </td>
       );
     },
-    code(props: { children?: React.ReactNode; className?: string; [key: string]: unknown }) {
+    code(props: React.HTMLAttributes<HTMLElement> & { node?: unknown }) {
       const { children, className, ...rest } = props;
       const langMatch = /language-(\w+)/.exec(className || '');
       const isBlock = !!langMatch;

dashboard/src/components/dashboard/CacheBySourceCard.tsx

@@ -119,8 +119,8 @@ export function CacheBySourceCard({ range, homeId, source }: CacheBySourceCardPr
   }
 
   const formattedData: FormattedData[] = chartData.map((row) => {
-    const totalWithCache = (row.cacheRead || 0) + (row.totalInput || 0);
-    const hitRate = totalWithCache > 0 ? (row.cacheRead / totalWithCache) * 100 : 0;
+    const totalWithCache = (row.cacheReadTokens || 0) + (row.totalInputTokens || 0);
+    const hitRate = totalWithCache > 0 ? ((row.cacheReadTokens || 0) / totalWithCache) * 100 : 0;
     return {
       sourceTool: row.sourceTool || 'Unknown',
       cacheCreation: row.cacheCreationTokens || 0,

dashboard/src/components/dispatch/CoverImagePromptSection.tsx

@@ -6,7 +6,7 @@ import { Button } from '@/components/ui/button';
 import { Textarea } from '@/components/ui/textarea';
 import { Alert, AlertDescription } from '@/components/ui/alert';
 import { generateDispatchImagePrompt } from '@/lib/api';
-import type { DispatchFormat } from '@/lib/api';
+import type { DispatchFormat } from '@/lib/types';
 
 interface CoverImagePromptSectionProps {
   title: string;

dashboard/src/components/dispatch/DispatchDrawer.tsx

@@ -31,8 +31,7 @@ import { Textarea } from '@/components/ui/textarea';
 import { Switch } from '@/components/ui/switch';
 import { generateDispatch } from '@/lib/api';
 import { PostOverlay } from './PostOverlay';
-import type { Insight, DispatchPrefill } from '@/lib/types';
-import type { DispatchTone, DispatchFormat, DispatchResponse } from '@/lib/api';
+import type { Insight, DispatchPrefill, DispatchTone, DispatchFormat, DispatchResponse } from '@/lib/types';
 
 const FORMAT_OPTIONS: { value: DispatchFormat; label: string; description: string }[] = [
   { value: 'blog', label: 'Blog post', description: 'Full narrative, 800-1000 words, markdown ready to paste to dev.to / Hashnode' },

dashboard/src/components/dispatch/PostOverlay.tsx

@@ -2,7 +2,7 @@ import { X } from 'lucide-react';
 import { Dialog as DialogPrimitive } from 'radix-ui';
 import { PostPreview } from './PostPreview';
 import { CoverImagePromptSection } from './CoverImagePromptSection';
-import type { DispatchResponse } from '@/lib/api';
+import type { DispatchResponse } from '@/lib/types';
 
 interface PostOverlayProps {
   open: boolean;

dashboard/src/components/dispatch/PostPreview.tsx

@@ -5,7 +5,7 @@ import { toast } from 'sonner';
 import { Copy, Download, Check, AlertTriangle } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
-import type { DispatchResponse } from '@/lib/api';
+import type { DispatchResponse } from '@/lib/types';
 
 interface PostPreviewProps {
   result: DispatchResponse;

dashboard/src/lib/sse.ts

@@ -11,7 +11,11 @@
 export async function* parseSSEStream(
   body: ReadableStream<Uint8Array>
 ): AsyncGenerator<{ event: string; data: string }> {
-  const reader = body.pipeThrough(new TextDecoderStream()).getReader();
+  // TS 5.7+'s lib.dom types TextDecoderStream.writable as WritableStream<BufferSource>,
+  // which no longer structurally matches ReadableWritablePair<string, Uint8Array<ArrayBufferLike>>.
+  // The runtime behavior is unaffected — only the type shape needs coercing.
+  const decoder = new TextDecoderStream() as unknown as TransformStream<Uint8Array<ArrayBufferLike>, string>;
+  const reader = body.pipeThrough(decoder).getReader();
   let buffer = '';
   let currentEvent = '';
   let currentData = '';

dashboard/src/lib/types.ts

@@ -388,7 +388,7 @@ export interface DispatchImagePromptResponse {
 // LLM config from /api/config/llm
 export interface LLMConfig {
   dashboardPort: number;
-  provider?: 'openai' | 'anthropic' | 'gemini' | 'ollama' | 'llamacpp' | 'openai-compatible';
+  provider?: 'openai' | 'anthropic' | 'gemini' | 'ollama' | 'openrouter' | 'mistral' | 'llamacpp' | 'openai-compatible';
   model?: string;
   apiKey?: string;      // masked by server before returning (first4...last4)
   baseUrl?: string;

dashboard/src/pages/SettingsPage.tsx

@@ -25,7 +25,7 @@ import {
   Trash2,
 } from 'lucide-react';
 
-type LLMProvider = 'openai' | 'anthropic' | 'gemini' | 'ollama' | 'openrouter' | 'mistral' | 'openai-compatible';
+type LLMProvider = 'openai' | 'anthropic' | 'gemini' | 'ollama' | 'openrouter' | 'mistral' | 'llamacpp' | 'openai-compatible';
 
 interface ProviderInfo {
   id: LLMProvider;