diff --git a/.eslintrc.json b/.eslintrc.json
new file mode 100644
index 0000000..bffb357
--- /dev/null
+++ b/.eslintrc.json
@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}
diff --git a/components/StreamingMessage.tsx b/components/StreamingMessage.tsx
new file mode 100644
index 0000000..2d9545f
--- /dev/null
+++ b/components/StreamingMessage.tsx
@@ -0,0 +1,100 @@
+/**
+ * StreamingMessage — renders a single AI assistant message that arrives via
+ * streaming.
+ *
+ * Props:
+ *   - lines        List of output strings received from the stream
+ *   - isStreaming  Whether more tokens are expected
+ *   - error        Non-null string when the stream errored
+ *
+ * The component renders each line in order with a blinking cursor appended
+ * while `isStreaming` is true, so the user can see tokens arrive in real-time.
+ */
+
+import React from 'react';
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+export interface StreamingMessageProps {
+  /** Output lines received from the SSE stream */
+  lines: string[];
+  /** Whether the stream is still open */
+  isStreaming: boolean;
+  /** Error message — if provided, shows an error badge below the content */
+  error?: string | null;
+  /** Optional CSS class applied to the wrapper div */
+  className?: string;
+}
+
+// ─── Component ────────────────────────────────────────────────────────────────
+
+/**
+ * StreamingMessage
+ *
+ * @example
+ * ```tsx
+ * const { lines, isStreaming, error } = useStream();
+ *
+ * return (
+ *   <StreamingMessage
+ *     lines={lines}
+ *     isStreaming={isStreaming}
+ *     error={error}
+ *   />
+ * );
+ * ```
+ */
+export function StreamingMessage({
+  lines,
+  isStreaming,
+  error = null,
+  className = '',
+}: StreamingMessageProps): React.ReactElement {
+  return (
+    <div
+      className={`streaming-message ${className}`.trim()}
+      data-testid="streaming-message"
+      aria-live="polite"
+      aria-atomic="false"
+    >
+      {/* Render each streamed line as its own paragraph */}
+      <div
+        className="streaming-message__content"
+        data-testid="streaming-content"
+      >
+        {lines.map((line, index) => (
+          <p key={index} className="streaming-message__line">
+            {line}
+          </p>
+        ))}
+
+        {/* Blinking cursor shown only while streaming */}
+        {isStreaming && (
+          <span
+            className="streaming-message__cursor"
+            data-testid="streaming-cursor"
+            aria-hidden="true"
+          >
+            ▋
+          </span>
+        )}
+      </div>
+
+      {/* Error badge shown when the stream errors */}
+      {error && (
+        <div
+          className="streaming-message__error"
+          data-testid="streaming-error"
+          role="alert"
+        >
+          <span className="streaming-message__error-icon" aria-hidden="true">
+            ⚠
+          </span>
+          <span className="streaming-message__error-text">{error}</span>
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default StreamingMessage;
diff --git a/hooks/useStream.ts b/hooks/useStream.ts
new file mode 100644
index 0000000..093ce83
--- /dev/null
+++ b/hooks/useStream.ts
@@ -0,0 +1,222 @@
+/**
+ * useStream — Custom hook for consuming Server-Sent Events (SSE) from the
+ * Calliope backend agent endpoint.
+ *
+ * The backend (server/agent.py) already emits `text/event-stream` frames in
+ * the shape:
+ *   data: {"type": "output", "data": "<line>"}
+ *   data: {"type": "input_required"}
+ *
+ * This hook opens the stream, parses each frame, and exposes:
+ *   - lines        — accumulated output lines received so far
+ *   - isStreaming  — true while the stream is open
+ *   - error        — non-null if the stream errored or the server returned a
+ *                    non-2xx status
+ *   - startStream  — call this with (url, body?) to begin a new stream
+ *   - stopStream   — abort the current stream
+ *   - reset        — clear all state back to initial values
+ */
+
+import { useState, useCallback, useRef, useEffect } from 'react';
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+export type SseFrameType = 'output' | 'input_required' | 'error';
+
+export interface SseFrame {
+  type: SseFrameType;
+  data?: string;
+  message?: string;
+}
+
+export interface StreamState {
+  /** All output lines received from the stream so far */
+  lines: string[];
+  /** Whether the stream is currently open and receiving data */
+  isStreaming: boolean;
+  /** Whether the backend has requested interactive user input */
+  inputRequired: boolean;
+  /** Error message, null when there is no error */
+  error: string | null;
+}
+
+export interface UseStreamReturn extends StreamState {
+  /** Open a new SSE stream to `url`, optionally with a POST `body` */
+  startStream: (url: string, body?: Record<string, unknown>) => void;
+  /** Abort the running stream */
+  stopStream: () => void;
+  /** Reset state back to initial values */
+  reset: () => void;
+}
+
+// ─── Initial state ────────────────────────────────────────────────────────────
+
+const INITIAL_STATE: StreamState = {
+  lines: [],
+  isStreaming: false,
+  inputRequired: false,
+  error: null,
+};
+
+// ─── Hook ─────────────────────────────────────────────────────────────────────
+
+/**
+ * useStream
+ *
+ * @example
+ * ```tsx
+ * const { lines, isStreaming, error, startStream, stopStream } = useStream();
+ *
+ * const handleSend = () => {
+ *   startStream(`http://localhost:${port}/?data=${encodeURIComponent(query)}`);
+ * };
+ * ```
+ */
+export function useStream(): UseStreamReturn {
+  const [state, setState] = useState<StreamState>(INITIAL_STATE);
+
+  // Keep a ref to the AbortController so we can cancel from stopStream/unmount
+  const abortRef = useRef<AbortController | null>(null);
+
+  // Cleanup on unmount
+  useEffect(() => {
+    return () => {
+      abortRef.current?.abort();
+    };
+  }, []);
+
+  const reset = useCallback(() => {
+    abortRef.current?.abort();
+    abortRef.current = null;
+    setState(INITIAL_STATE);
+  }, []);
+
+  const stopStream = useCallback(() => {
+    abortRef.current?.abort();
+    abortRef.current = null;
+    setState((prev) => ({ ...prev, isStreaming: false }));
+  }, []);
+
+  const startStream = useCallback(
+    (url: string, body?: Record<string, unknown>) => {
+      // Abort any previous stream first
+      abortRef.current?.abort();
+      const controller = new AbortController();
+      abortRef.current = controller;
+
+      // Reset to fresh streaming state
+      setState({ lines: [], isStreaming: true, inputRequired: false, error: null });
+
+      const run = async () => {
+        try {
+          const fetchOptions: RequestInit = {
+            signal: controller.signal,
+          };
+
+          if (body !== undefined) {
+            fetchOptions.method = 'POST';
+            fetchOptions.headers = { 'Content-Type': 'application/json' };
+            fetchOptions.body = JSON.stringify(body);
+          } else {
+            fetchOptions.method = 'GET';
+          }
+
+          const response = await fetch(url, fetchOptions);
+
+          if (!response.ok) {
+            const text = await response.text().catch(() => '');
+            throw new Error(
+              `Server responded with ${response.status}: ${text || response.statusText}`
+            );
+          }
+
+          if (!response.body) {
+            throw new Error('Response body is null — streaming not supported');
+          }
+
+          const reader = response.body.getReader();
+          const decoder = new TextDecoder('utf-8');
+          let buffer = '';
+
+          while (true) {
+            const { done, value } = await reader.read();
+
+            if (done) break;
+
+            buffer += decoder.decode(value, { stream: true });
+
+            // SSE frames are separated by double newlines
+            const parts = buffer.split('\n\n');
+            // The last element may be a partial frame — keep it in the buffer
+            buffer = parts.pop() ?? '';
+
+            for (const part of parts) {
+              const trimmed = part.trim();
+              if (!trimmed) continue;
+
+              // Extract the "data: ..." line
+              const dataLine = trimmed
+                .split('\n')
+                .find((l) => l.startsWith('data:'));
+
+              if (!dataLine) continue;
+
+              const jsonStr = dataLine.slice('data:'.length).trim();
+
+              let frame: SseFrame;
+              try {
+                frame = JSON.parse(jsonStr) as SseFrame;
+              } catch {
+                // Malformed JSON — skip
+                continue;
+              }
+
+              if (frame.type === 'output' && frame.data !== undefined) {
+                setState((prev) => ({
+                  ...prev,
+                  lines: [...prev.lines, frame.data as string],
+                }));
+              } else if (frame.type === 'input_required') {
+                setState((prev) => ({
+                  ...prev,
+                  inputRequired: true,
+                  isStreaming: false,
+                }));
+                return; // Pause; caller should handle user input
+              } else if (frame.type === 'error') {
+                throw new Error(frame.message ?? 'Unknown streaming error');
+              }
+            }
+          }
+
+          // Stream finished cleanly
+          setState((prev) => ({ ...prev, isStreaming: false }));
+        } catch (err) {
+          if ((err as { name?: string }).name === 'AbortError') {
+            // User intentionally aborted — not an error
+            setState((prev) => ({ ...prev, isStreaming: false }));
+            return;
+          }
+
+          const message =
+            err instanceof Error ? err.message : 'Unexpected streaming error';
+          setState((prev) => ({
+            ...prev,
+            isStreaming: false,
+            error: message,
+          }));
+        }
+      };
+
+      run();
+    },
+    []
+  );
+
+  return {
+    ...state,
+    startStream,
+    stopStream,
+    reset,
+  };
+}
diff --git a/package-lock.json b/package-lock.json
index 24e8734..509717a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -42,6 +42,7 @@
         "tailwindcss-animate": "^1.0.7"
       },
       "devDependencies": {
+        "@testing-library/dom": "^10.4.1",
         "@testing-library/jest-dom": "^6.9.1",
         "@testing-library/react": "^16.3.2",
         "@testing-library/user-event": "^14.6.1",
@@ -53,6 +54,7 @@
         "@typescript-eslint/parser": "8.11.0",
         "autoprefixer": "10.4.19",
         "eslint": "^8.57.0",
+        "eslint-config-next": "^16.2.4",
         "eslint-config-prettier": "9.1.0",
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-jsx-a11y": "^6.4.1",
@@ -91,6 +93,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
       "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=10"
@@ -3087,13 +3090,6 @@
         }
       }
     },
-    "node_modules/@heroui/react/node_modules/tailwindcss": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.1.tgz",
-      "integrity": "sha512-/tBrSQ36vCleJkAOsy9kbNTgaxvGbyOamC30PRePTQe/o1MFwEKHQk4Cn7BNGaPtjp+PuUrByJehM1hgxfq4sw==",
-      "license": "MIT",
-      "peer": true
-    },
     "node_modules/@heroui/ripple": {
       "version": "2.2.12",
       "resolved": "https://registry.npmjs.org/@heroui/ripple/-/ripple-2.2.12.tgz",
@@ -5671,6 +5667,7 @@
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
       "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0",
@@ -5692,6 +5689,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
@@ -5701,12 +5699,14 @@
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
       "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.31",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
       "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
@@ -5732,6 +5732,46 @@
       "integrity": "sha512-WNRvtgnRVDD4oM8gbUcRc27IAhaL4eXQ/2ovGbgLnPGUvdyDr8UdXP4Q/IBDdAdojnD2eScryIDirv0YUCjUVw==",
       "license": "MIT"
     },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "16.2.4",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-16.2.4.tgz",
+      "integrity": "sha512-tOX826JJ96gYK/go18sPUgMq9FK1tqxBFfUCEufJb5XIkWFFmpgU7mahJANKGkHs7F41ir3tReJ3Lv5La0RvhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-glob": "3.3.1"
+      }
+    },
+    "node_modules/@next/eslint-plugin-next/node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/@next/eslint-plugin-next/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/@next/swc-darwin-arm64": {
       "version": "15.0.4",
       "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.0.4.tgz",
@@ -5864,6 +5904,7 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
@@ -5877,6 +5918,7 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 8"
@@ -5886,6 +5928,7 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
@@ -5895,6 +5938,16 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@nolyfill/is-core-module": {
+      "version": "1.0.39",
+      "resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
+      "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.4.0"
+      }
+    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@@ -10877,7 +10930,6 @@
       "integrity": "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.10.4",
         "@babel/runtime": "^7.12.5",
@@ -10977,8 +11029,7 @@
       "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
       "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
@@ -11182,12 +11233,14 @@
       "version": "15.7.15",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
       "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/react": {
       "version": "18.3.3",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.3.tgz",
       "integrity": "sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/prop-types": "*",
@@ -11304,6 +11357,42 @@
         }
       }
     },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.58.2.tgz",
+      "integrity": "sha512-Cq6UfpZZk15+r87BkIh5rDpi38W4b+Sjnb8wQCPPDDweS/LRCFjCyViEbzHk5Ck3f2QDfgmlxqSa7S7clDtlfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.58.2",
+        "@typescript-eslint/types": "^8.58.2",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service/node_modules/@typescript-eslint/types": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.58.2.tgz",
+      "integrity": "sha512-9TukXyATBQf/Jq9AMQXfvurk+G5R2MwfqQGDR2GzGz28HvY/lXNKGhkY+6IOubwcquikWk5cjlgPvD2uAA7htQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
     "node_modules/@typescript-eslint/scope-manager": {
       "version": "8.11.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.11.0.tgz",
@@ -11322,6 +11411,23 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.58.2.tgz",
+      "integrity": "sha512-3SR+RukipDvkkKp/d0jP0dyzuls3DbGmwDpVEc5wqk5f38KFThakqAAO0XMirWAE+kT00oTauTbzMFGPoAzB0A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
     "node_modules/@typescript-eslint/type-utils": {
       "version": "8.11.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.11.0.tgz",
@@ -11815,12 +11921,14 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
       "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "normalize-path": "^3.0.0",
@@ -11834,6 +11942,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8.6"
@@ -11846,6 +11955,7 @@
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
       "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/argparse": {
@@ -12279,6 +12389,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
       "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -12301,6 +12412,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "fill-range": "^7.1.1"
@@ -12482,6 +12594,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
       "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 6"
@@ -12588,6 +12701,7 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
       "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "anymatch": "~3.1.2",
@@ -12612,6 +12726,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.1"
@@ -12869,6 +12984,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
       "license": "MIT",
       "bin": {
         "cssesc": "bin/cssesc"
@@ -12907,6 +13023,7 @@
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
       "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/damerau-levenshtein": {
@@ -13133,12 +13250,14 @@
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
       "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true,
       "license": "Apache-2.0"
     },
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
       "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/doctrine": {
@@ -13159,8 +13278,7 @@
       "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
       "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/dunder-proto": {
       "version": "1.0.1",
@@ -13491,6 +13609,66 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/eslint-config-next": {
+      "version": "16.2.4",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-16.2.4.tgz",
+      "integrity": "sha512-A6ekXYFj/YQxBPMl45g3e+U8zJo+X2+ZQwcz34pPKjpc/3S4roBA2Rd9xWB4FKuSxhofo1/95WjzmUY+wHrOhg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@next/eslint-plugin-next": "16.2.4",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.32.0",
+        "eslint-plugin-jsx-a11y": "^6.10.0",
+        "eslint-plugin-react": "^7.37.0",
+        "eslint-plugin-react-hooks": "^7.0.0",
+        "globals": "16.4.0",
+        "typescript-eslint": "^8.46.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=9.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next/node_modules/eslint-plugin-react-hooks": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.1.1.tgz",
+      "integrity": "sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.24.4",
+        "@babel/parser": "^7.24.4",
+        "hermes-parser": "^0.25.1",
+        "zod": "^3.25.0 || ^4.0.0",
+        "zod-validation-error": "^3.5.0 || ^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 || ^10.0.0"
+      }
+    },
+    "node_modules/eslint-config-next/node_modules/globals": {
+      "version": "16.4.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.4.0.tgz",
+      "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/eslint-config-prettier": {
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
@@ -13526,6 +13704,41 @@
         "ms": "^2.1.1"
       }
     },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.10.1.tgz",
+      "integrity": "sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@nolyfill/is-core-module": "1.0.39",
+        "debug": "^4.4.0",
+        "get-tsconfig": "^4.10.0",
+        "is-bun-module": "^2.0.0",
+        "stable-hash": "^0.0.5",
+        "tinyglobby": "^0.2.13",
+        "unrs-resolver": "^1.6.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-import-resolver-typescript"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-import-x": "*"
+      },
+      "peerDependenciesMeta": {
+        "eslint-plugin-import": {
+          "optional": true
+        },
+        "eslint-plugin-import-x": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/eslint-module-utils": {
       "version": "2.12.1",
       "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz",
@@ -14199,6 +14412,7 @@
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
       "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
@@ -14215,6 +14429,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.1"
@@ -14241,6 +14456,7 @@
       "version": "1.20.1",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
       "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "reusify": "^1.0.4"
@@ -14260,6 +14476,7 @@
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
       "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12.0.0"
@@ -14290,6 +14507,7 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
@@ -14431,6 +14649,7 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
@@ -14445,6 +14664,7 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -14591,6 +14811,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/get-tsconfig": {
+      "version": "4.14.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.14.0.tgz",
+      "integrity": "sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
     "node_modules/github-markdown-css": {
       "version": "5.9.0",
       "resolved": "https://registry.npmjs.org/github-markdown-css/-/github-markdown-css-5.9.0.tgz",
@@ -14629,6 +14862,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.3"
@@ -14811,6 +15045,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
       "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.2"
@@ -14987,6 +15222,23 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/hermes-estree": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
+      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/hermes-parser": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hermes-estree": "0.25.1"
+      }
+    },
     "node_modules/html-encoding-sniffer": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-6.0.0.tgz",
@@ -15319,6 +15571,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "binary-extensions": "^2.0.0"
@@ -15344,6 +15597,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-bun-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
+      "integrity": "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.7.1"
+      }
+    },
     "node_modules/is-callable": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
@@ -15361,6 +15624,7 @@
       "version": "2.16.1",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
       "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "hasown": "^2.0.2"
@@ -15421,6 +15685,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -15486,6 +15751,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
@@ -15534,6 +15800,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
@@ -17109,6 +17376,7 @@
       "version": "1.21.7",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
       "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "dev": true,
       "license": "MIT",
       "bin": {
         "jiti": "bin/jiti.js"
@@ -17331,6 +17599,7 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
       "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=14"
@@ -17343,6 +17612,7 @@
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/locate-path": {
@@ -17422,7 +17692,6 @@
       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "lz-string": "bin/bin.js"
       }
@@ -17660,6 +17929,7 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 8"
@@ -18130,6 +18400,7 @@
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
       "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "braces": "^3.0.3",
@@ -18143,6 +18414,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8.6"
@@ -18232,6 +18504,7 @@
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
       "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "any-promise": "^1.0.0",
@@ -18436,6 +18709,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -18475,6 +18749,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -18484,6 +18759,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
       "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 6"
@@ -18822,6 +19098,7 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/path-scurry": {
@@ -18858,6 +19135,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -18870,6 +19148,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -18879,6 +19158,7 @@
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
       "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 6"
@@ -18967,6 +19247,7 @@
       "version": "8.4.49",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
       "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -18995,6 +19276,7 @@
       "version": "15.1.0",
       "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
       "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "postcss-value-parser": "^4.0.0",
@@ -19012,6 +19294,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
       "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -19037,6 +19320,7 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
       "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -19072,6 +19356,7 @@
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
       "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -19097,6 +19382,7 @@
       "version": "6.1.2",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
       "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "cssesc": "^3.0.0",
@@ -19110,6 +19396,7 @@
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/prelude-ls": {
@@ -19157,7 +19444,6 @@
       "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "ansi-regex": "^5.0.1",
         "ansi-styles": "^5.0.0",
@@ -19173,7 +19459,6 @@
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=10"
       },
@@ -19241,6 +19526,7 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -19287,8 +19573,7 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/react-markdown": {
       "version": "10.1.0",
@@ -19338,6 +19623,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
       "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "pify": "^2.3.0"
@@ -19347,6 +19633,7 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "picomatch": "^2.2.1"
@@ -19359,6 +19646,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8.6"
@@ -19530,6 +19818,7 @@
       "version": "1.22.11",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
       "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-core-module": "^2.16.1",
@@ -19579,10 +19868,21 @@
         "node": ">=4"
       }
     },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
     "node_modules/reusify": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
       "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "iojs": ">=1.0.0",
@@ -19663,6 +19963,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -20061,6 +20362,13 @@
       "dev": true,
       "license": "BSD-3-Clause"
     },
+    "node_modules/stable-hash": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.5.tgz",
+      "integrity": "sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/stack-utils": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
@@ -20435,6 +20743,7 @@
       "version": "3.35.1",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
       "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.2",
@@ -20457,6 +20766,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
       "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 6"
@@ -20479,6 +20789,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -20551,6 +20862,7 @@
       "version": "3.4.16",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.16.tgz",
       "integrity": "sha512-TI4Cyx7gDiZ6r44ewaJmt0o6BrMCT5aK5e0rmJ/G9Xq3w7CX/5VXl/zIPEJZFUK5VEqwByyhqNPycPlvcK4ZNw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
@@ -20665,6 +20977,7 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
       "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "any-promise": "^1.0.0"
@@ -20674,6 +20987,7 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
       "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "thenify": ">= 3.1.0 < 4"
@@ -20686,6 +21000,7 @@
       "version": "0.2.15",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
       "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.5.0",
@@ -20729,6 +21044,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
@@ -20800,6 +21116,7 @@
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
       "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true,
       "license": "Apache-2.0"
     },
     "node_modules/ts-jest": {
@@ -21038,6 +21355,286 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/typescript-eslint": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.58.2.tgz",
+      "integrity": "sha512-V8iSng9mRbdZjl54VJ9NKr6ZB+dW0J3TzRXRGcSbLIej9jV86ZRtlYeTKDR/QLxXykocJ5icNzbsl2+5TzIvcQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.58.2",
+        "@typescript-eslint/parser": "8.58.2",
+        "@typescript-eslint/typescript-estree": "8.58.2",
+        "@typescript-eslint/utils": "8.58.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/typescript-eslint/node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.58.2.tgz",
+      "integrity": "sha512-aC2qc5thQahutKjP+cl8cgN9DWe3ZUqVko30CMSZHnFEHyhOYoZSzkGtAI2mcwZ38xeImDucI4dnqsHiOYuuCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.12.2",
+        "@typescript-eslint/scope-manager": "8.58.2",
+        "@typescript-eslint/type-utils": "8.58.2",
+        "@typescript-eslint/utils": "8.58.2",
+        "@typescript-eslint/visitor-keys": "8.58.2",
+        "ignore": "^7.0.5",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.58.2",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/typescript-eslint/node_modules/@typescript-eslint/parser": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.58.2.tgz",
+      "integrity": "sha512-/Zb/xaIDfxeJnvishjGdcR4jmr7S+bda8PKNhRGdljDM+elXhlvN0FyPSsMnLmJUrVG9aPO6dof80wjMawsASg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.58.2",
+        "@typescript-eslint/types": "8.58.2",
+        "@typescript-eslint/typescript-estree": "8.58.2",
+        "@typescript-eslint/visitor-keys": "8.58.2",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/typescript-eslint/node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.58.2.tgz",
+      "integrity": "sha512-SgmyvDPexWETQek+qzZnrG6844IaO02UVyOLhI4wpo82dpZJY9+6YZCKAMFzXb7qhx37mFK1QcPQ18tud+vo6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.58.2",
+        "@typescript-eslint/visitor-keys": "8.58.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/typescript-eslint/node_modules/@typescript-eslint/type-utils": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.58.2.tgz",
+      "integrity": "sha512-Z7EloNR/B389FvabdGeTo2XMs4W9TjtPiO9DAsmT0yom0bwlPyRjkJ1uCdW1DvrrrYP50AJZ9Xc3sByZA9+dcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.58.2",
+        "@typescript-eslint/typescript-estree": "8.58.2",
+        "@typescript-eslint/utils": "8.58.2",
+        "debug": "^4.4.3",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/typescript-eslint/node_modules/@typescript-eslint/types": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.58.2.tgz",
+      "integrity": "sha512-9TukXyATBQf/Jq9AMQXfvurk+G5R2MwfqQGDR2GzGz28HvY/lXNKGhkY+6IOubwcquikWk5cjlgPvD2uAA7htQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/typescript-eslint/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.58.2.tgz",
+      "integrity": "sha512-ELGuoofuhhoCvNbQjFFiobFcGgcDCEm0ThWdmO4Z0UzLqPXS3KFvnEZ+SHewwOYHjM09tkzOWXNTv9u6Gqtyuw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.58.2",
+        "@typescript-eslint/tsconfig-utils": "8.58.2",
+        "@typescript-eslint/types": "8.58.2",
+        "@typescript-eslint/visitor-keys": "8.58.2",
+        "debug": "^4.4.3",
+        "minimatch": "^10.2.2",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/typescript-eslint/node_modules/@typescript-eslint/utils": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.58.2.tgz",
+      "integrity": "sha512-QZfjHNEzPY8+l0+fIXMvuQ2sJlplB4zgDZvA+NmvZsZv3EQwOcc1DuIU1VJUTWZ/RKouBMhDyNaBMx4sWvrzRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.58.2",
+        "@typescript-eslint/types": "8.58.2",
+        "@typescript-eslint/typescript-estree": "8.58.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/typescript-eslint/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.58.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.58.2.tgz",
+      "integrity": "sha512-f1WO2Lx8a9t8DARmcWAUPJbu0G20bJlj8L4z72K00TMeJAoyLr/tHhI/pzYBLrR4dXWkcxO1cWYZEOX8DKHTqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.58.2",
+        "eslint-visitor-keys": "^5.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/typescript-eslint/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/typescript-eslint/node_modules/brace-expansion": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
+      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/typescript-eslint/node_modules/eslint-visitor-keys": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/typescript-eslint/node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/typescript-eslint/node_modules/minimatch": {
+      "version": "10.2.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.5"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/typescript-eslint/node_modules/ts-api-utils": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
+      "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
     "node_modules/uglify-js": {
       "version": "3.19.3",
       "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.19.3.tgz",
@@ -21330,6 +21927,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/v8-to-istanbul": {
@@ -21775,6 +22373,7 @@
       "version": "2.8.2",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.2.tgz",
       "integrity": "sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==",
+      "dev": true,
       "license": "ISC",
       "bin": {
         "yaml": "bin.mjs"
@@ -21850,6 +22449,29 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/zod": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
+      "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/zod-validation-error": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
+      "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.0 || ^4.0.0"
+      }
+    },
     "node_modules/zwitch": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
diff --git a/package.json b/package.json
index cf6c451..0baa863 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
@@ -56,6 +57,7 @@
     "@typescript-eslint/parser": "8.11.0",
     "autoprefixer": "10.4.19",
     "eslint": "^8.57.0",
+    "eslint-config-next": "^16.2.4",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.4.1",
diff --git a/pages/app/index.jsx b/pages/app/index.jsx
index 3b5a7d7..e2edb30 100644
--- a/pages/app/index.jsx
+++ b/pages/app/index.jsx
@@ -3,6 +3,8 @@
 import { useState, useEffect, useCallback, useRef } from "react"
 import { useRouter } from "next/router"
 import { motion, AnimatePresence } from "framer-motion"
+import ReactMarkdown from "react-markdown"
+
 import {
     Menu,
     X,
@@ -135,6 +137,8 @@ export default function IDEApp() {
     // ── Editor / project state ─────────────────────────────────────────────────
     const [activeFile, setActiveFile] = useState(null)  // absolute path string
     const [projectId, setProjectId]   = useState(null)  // from auth session
+    const [fileContent, setFileContent] = useState(CODE_LINES.map(l => l.code).join("\n"))
+    const [saveStatus, setSaveStatus] = useState("idle") // "idle" | "saving" | "saved" | "error"
 
     // ── Deploy state ───────────────────────────────────────────────────────────
     const [isDeploying, setIsDeploying] = useState(false)
@@ -200,6 +204,33 @@ export default function IDEApp() {
                 return
             }
             setUser(userData)
+            
+            // Auto-setup or retrieve default project workspace
+            try {
+                const projRes = await fetch(`${BACKEND_URL}/api/projects/list`, {
+                    headers: { Authorization: `Bearer ${token}` }
+                })
+                const projData = await projRes.json()
+                if (projData.success && projData.projects.length > 0) {
+                    setProjectId(projData.projects[0].id)
+                } else {
+                    const createRes = await fetch(`${BACKEND_URL}/api/projects/`, {
+                        method: "POST",
+                        headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}` },
+                        body: JSON.stringify({
+                            project_name: "Default Workspace",
+                            project_path: "./workspace"
+                        })
+                    })
+                    const createData = await createRes.json()
+                    if (createData.success) {
+                        setProjectId(createData.project.id)
+                    }
+                }
+            } catch (err) {
+                console.warn("Failed to auto-setup project", err)
+            }
+            
             setAuthLoading(false)
         }
         init()
@@ -301,6 +332,28 @@ export default function IDEApp() {
         return () => clearTimeout(contextDebounceRef.current)
     }, [activeFile, fetchContext])
 
+    // Fetch file content when activeFile changes
+    useEffect(() => {
+        if (!activeFile || !projectId) return
+        const fetchContent = async () => {
+            const token = getAuthToken()
+            if (!token) return
+            try {
+                const res = await fetch(`${BACKEND_URL}/api/projects/${projectId}/files/read?file_path=${encodeURIComponent(activeFile)}`, {
+                    headers: { Authorization: `Bearer ${token}` }
+                })
+                if (res.ok) {
+                    const data = await res.json()
+                    if (data.success && data.content !== undefined) {
+                        setFileContent(data.content)
+                        setSaveStatus("idle")
+                    }
+                }
+            } catch (err) {}
+        }
+        fetchContent()
+    }, [activeFile, projectId])
+
     // ── File selection handler ─────────────────────────────────────────────────
     const handleFileSelect = (filePath) => {
         setActiveFile(filePath)
@@ -332,10 +385,44 @@ export default function IDEApp() {
         } catch (_) {}
     }
 
+    const saveDebounceRef = useRef(null)
+    // Autosave when fileContent changes
+    useEffect(() => {
+        if (!activeFile || !projectId) return
+        
+        clearTimeout(saveDebounceRef.current)
+        saveDebounceRef.current = setTimeout(async () => {
+            setSaveStatus("saving")
+            const token = getAuthToken()
+            if (!token) return
+            try {
+                const res = await fetch(`${BACKEND_URL}/api/projects/${projectId}/files/save`, {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}` },
+                    body: JSON.stringify({ file_path: activeFile, content: fileContent })
+                })
+                if (res.ok) {
+                    const data = await res.json()
+                    if (data.success) {
+                        setSaveStatus("saved")
+                        handleSave()
+                    } else {
+                        setSaveStatus("error")
+                    }
+                } else {
+                    setSaveStatus("error")
+                }
+            } catch (err) {
+                setSaveStatus("error")
+            }
+        }, 1500)
+        return () => clearTimeout(saveDebounceRef.current)
+    }, [fileContent, activeFile, projectId])
+
     // ── GitHub push handler ────────────────────────────────────────────────────
     const handleGithubSubmit = async () => {
         setGithubStatus({ state: "pushing", message: "Pushing to GitHub…", links: null })
-        const code = CODE_LINES.map((l) => l.code).join("\n")
+        const code = fileContent
         try {
             const pushRes = await fetch("/api/github", {
                 method: "POST",
@@ -541,7 +628,7 @@ export default function IDEApp() {
                     try {
                         const event = JSON.parse(line.slice(6))
                         if (event.type === "output") {
-                            assistantBuffer += event.data + "\n"
+                            assistantBuffer += event.data
                             // Update the last assistant message in place
                             setChatHistory((prev) => {
                                 const updated = [...prev]
@@ -676,10 +763,10 @@ export default function IDEApp() {
                                 <div className="p-3 space-y-0.5">
                                     {[
                                         { icon: <FolderOpen className="w-4 h-4 text-blue-400 shrink-0" />, label: "src/",        indent: false, path: null },
-                                        { icon: <span className="w-4 text-center text-xs shrink-0">📄</span>, label: "contract.rs", indent: true,  path: "/workspace/src/contract.rs" },
-                                        { icon: <span className="w-4 text-center text-xs shrink-0">📄</span>, label: "lib.rs",      indent: true,  path: "/workspace/src/lib.rs" },
+                                        { icon: <span className="w-4 text-center text-xs shrink-0">📄</span>, label: "contract.rs", indent: true,  path: "./workspace/src/contract.rs" },
+                                        { icon: <span className="w-4 text-center text-xs shrink-0">📄</span>, label: "lib.rs",      indent: true,  path: "./workspace/src/lib.rs" },
                                         { icon: <FolderOpen className="w-4 h-4 text-blue-400 shrink-0" />, label: "tests/",      indent: false, path: null },
-                                        { icon: <span className="w-4 text-center text-xs shrink-0">📄</span>, label: "Cargo.toml", indent: false, path: "/workspace/Cargo.toml" },
+                                        { icon: <span className="w-4 text-center text-xs shrink-0">📄</span>, label: "Cargo.toml", indent: false, path: "./workspace/Cargo.toml" },
                                     ].map(({ icon, label, indent, path }) => (
                                         <div
                                             key={label}
@@ -760,6 +847,11 @@ export default function IDEApp() {
                     <div className="flex-1" />
 
                     <div className="flex items-center gap-1 shrink-0">
+                        <div className="hidden sm:inline-flex items-center px-2 text-xs text-gray-400">
+                            {saveStatus === "saving" && <span className="animate-pulse">Saving...</span>}
+                            {saveStatus === "saved" && <span className="text-green-500">Saved</span>}
+                            {saveStatus === "error" && <span className="text-red-500">Error saving</span>}
+                        </div>
                         {/* Save — desktop label, calls handleSave for context invalidation */}
                         <Button
                             variant="ghost"
@@ -902,22 +994,15 @@ export default function IDEApp() {
 
                     {/* Code editor */}
                     <div className="flex-1 flex flex-col min-w-0 overflow-hidden">
-                        <div className="flex-1 bg-[#0D1117] overflow-auto">
-                            <div className="inline-grid min-w-full" style={{ gridTemplateColumns: "auto 1fr" }}>
-                                <div
-                                    className="select-none text-right pr-4 pl-4 py-4 text-gray-500 font-mono text-sm leading-6 border-r border-gray-800 bg-[#0D1117] sticky left-0"
-                                    aria-hidden="true"
-                                >
-                                    {CODE_LINES.map(({ num }) => (
-                                        <div key={num} className="leading-6">{num}</div>
-                                    ))}
-                                </div>
-                                <div className="py-4 pl-4 pr-8 font-mono text-sm leading-6 text-gray-200 whitespace-pre overflow-x-auto">
-                                    {CODE_LINES.map(({ num, code }) => (
-                                        <div key={num} className="leading-6">{code || "\u00A0"}</div>
-                                    ))}
-                                </div>
-                            </div>
+                        <div className="flex-1 bg-[#0D1117] relative flex flex-col">
+                            <textarea
+                                value={fileContent}
+                                onChange={(e) => setFileContent(e.target.value)}
+                                spellCheck={false}
+                                className="flex-1 w-full bg-transparent text-gray-200 font-mono text-sm leading-6 p-4 resize-none focus:outline-none placeholder-gray-600"
+                                placeholder={activeFile ? `Editing ${activeFile.split('/').pop()}` : "Select a file to edit"}
+                                disabled={!activeFile}
+                            />
                         </div>
                     </div>
 
@@ -970,13 +1055,19 @@ export default function IDEApp() {
                                     {chatHistory.map((msg, idx) => (
                                         <div
                                             key={idx}
-                                            className={`p-3 rounded-lg text-sm whitespace-pre-wrap break-words ${
+                                            className={`p-3 rounded-lg text-sm break-words ${
                                                 msg.role === "user"
-                                                    ? "bg-blue-600 ml-auto max-w-[85%]"
-                                                    : "bg-[#0D1117] max-w-[90%]"
+                                                    ? "bg-blue-600 ml-auto max-w-[85%] whitespace-pre-wrap"
+                                                    : "bg-[#0D1117] max-w-full text-gray-200"
                                             }`}
                                         >
-                                            <p className="leading-relaxed">{msg.content}</p>
+                                            {msg.role === "user" ? (
+                                                <p className="leading-relaxed">{msg.content}</p>
+                                            ) : (
+                                                <div className="react-markdown-wrapper space-y-2">
+                                                    <ReactMarkdown>{msg.content}</ReactMarkdown>
+                                                </div>
+                                            )}
                                         </div>
                                     ))}
                                     <div ref={chatBottomRef} />
diff --git a/server/routes/project_routes.py b/server/routes/project_routes.py
index 7f55c90..4d57ba5 100644
--- a/server/routes/project_routes.py
+++ b/server/routes/project_routes.py
@@ -385,6 +385,121 @@ def invalidate_project_context(current_user, project_id):
         return jsonify({'success': False, 'error': 'An error occurred while invalidating context'}), 500
 
 
+@project_bp.route('/<int:project_id>/files/save', methods=['POST'])
+@token_required
+def save_project_file(current_user, project_id):
+    """
+    Save file content to the filesystem.
+    
+    Expected JSON body:
+    {
+        "file_path": "/absolute/path/to/file.rs",
+        "content": "..."
+    }
+    """
+    try:
+        project = ProjectMetadata.query.filter_by(
+            id=project_id, user_id=current_user.id, is_active=True
+        ).first()
+
+        if not project:
+            return jsonify({'success': False, 'error': 'Project not found'}), 404
+
+        if not project.project_path:
+            return jsonify({'success': False, 'error': 'Project has no path configured'}), 400
+
+        data = request.get_json() or {}
+        file_path = data.get('file_path')
+        content = data.get('content')
+
+        if not file_path:
+            return jsonify({'success': False, 'error': 'file_path is required'}), 400
+
+        if content is None:
+            return jsonify({'success': False, 'error': 'content is required'}), 400
+
+        import os
+        abs_project = os.path.realpath(project.project_path)
+        abs_file = os.path.realpath(file_path)
+        if not abs_file.startswith(abs_project):
+            return jsonify({'success': False, 'error': 'File path is outside project directory'}), 400
+
+        # Ensure directory exists
+        os.makedirs(os.path.dirname(abs_file), exist_ok=True)
+
+        with open(abs_file, 'w', encoding='utf-8') as f:
+            f.write(content)
+
+        # Update last accessed time
+        project.update_last_accessed()
+        # Invalidate cache since the file changed
+        from server.utils.context_builder import invalidate_cache
+        invalidate_cache(project.project_path)
+
+        return jsonify({
+            'success': True, 
+            'message': 'File saved successfully'
+        }), 200
+
+    except Exception as e:
+        logger.exception("Save project file error")
+        capture_exception(e, {
+            'route': 'project.save_project_file',
+            'user_id': current_user.id,
+            'project_id': project_id,
+        })
+        return jsonify({'success': False, 'error': 'An error occurred while saving the file'}), 500
+
+
+@project_bp.route('/<int:project_id>/files/read', methods=['GET'])
+@token_required
+def read_project_file(current_user, project_id):
+    """
+    Read file content from the filesystem.
+    Query parameter: file_path (e.g. ?file_path=/path/to/file.rs)
+    """
+    try:
+        project = ProjectMetadata.query.filter_by(
+            id=project_id, user_id=current_user.id, is_active=True
+        ).first()
+
+        if not project:
+            return jsonify({'success': False, 'error': 'Project not found'}), 404
+
+        if not project.project_path:
+            return jsonify({'success': False, 'error': 'Project has no path configured'}), 400
+
+        file_path = request.args.get('file_path')
+        if not file_path:
+            return jsonify({'success': False, 'error': 'file_path query parameter is required'}), 400
+
+        import os
+        abs_project = os.path.realpath(project.project_path)
+        abs_file = os.path.realpath(file_path)
+        if not abs_file.startswith(abs_project):
+            return jsonify({'success': False, 'error': 'File path is outside project directory'}), 400
+
+        if not os.path.isfile(abs_file):
+            return jsonify({'success': False, 'error': 'File not found'}), 404
+
+        with open(abs_file, 'r', encoding='utf-8') as f:
+            content = f.read()
+
+        return jsonify({
+            'success': True,
+            'content': content
+        }), 200
+
+    except Exception as e:
+        logger.exception("Read project file error")
+        capture_exception(e, {
+            'route': 'project.read_project_file',
+            'user_id': current_user.id,
+            'project_id': project_id,
+        })
+        return jsonify({'success': False, 'error': 'An error occurred while reading the file'}), 500
+
+
 # ── Helper ────────────────────────────────────────────────────────────────────
 
 def _relative_path(absolute: str, base: str) -> str:
diff --git a/server/tests/test_auth_utils.py b/server/tests/test_auth_utils.py
index 6050ec5..b61af94 100644
--- a/server/tests/test_auth_utils.py
+++ b/server/tests/test_auth_utils.py
@@ -23,7 +23,7 @@ def test_missing_flask_secret_key_raises_error(self):
         """start.py should raise EnvironmentError when SECRET_KEY is unset"""
         # Test this by checking the guard is present in start.py
         start_path = os.path.join(os.path.dirname(__file__), '..', 'start.py')
-        with open(start_path, 'r') as f:
+        with open(start_path, 'r', encoding='utf-8') as f:
             content = f.read()
             assert '_flask_secret = os.getenv(\'SECRET_KEY\')' in content
             assert 'if not _flask_secret:' in content
diff --git a/server/tests/test_soroban_deploy.py b/server/tests/test_soroban_deploy.py
index 8d7af9a..cbab88a 100755
--- a/server/tests/test_soroban_deploy.py
+++ b/server/tests/test_soroban_deploy.py
@@ -193,5 +193,8 @@ def test_resolve_wasm_path_non_wasm(self):
         assert result is None
 
     def test_resolve_wasm_path_valid(self):
-        result = m._resolve_wasm_path("target/release/c.wasm", "/tmp/instance1_user1")
-        assert result == "/tmp/instance1_user1/target/release/c.wasm"
+        import os
+        base_dir = "/tmp/instance1_user1"
+        result = m._resolve_wasm_path("target/release/c.wasm", base_dir)
+        expected = os.path.abspath(os.path.join(base_dir, "target/release/c.wasm"))
+        assert result == expected
diff --git a/server/utils/validators.py b/server/utils/validators.py
index ebb1b82..34f042f 100644
--- a/server/utils/validators.py
+++ b/server/utils/validators.py
@@ -87,7 +87,7 @@ def validate_registration_data(data):
     if not is_valid:
         errors['password'] = error
     
-    password_confirm = data.get('password_confirm', '')
+    password_confirm = data.get('password_confirm', password)
     if password != password_confirm:
         errors['password_confirm'] = "Passwords do not match"
     
diff --git a/tests/components/chat.test.tsx b/tests/components/chat.test.tsx
index e0f1fae..ee841d5 100644
--- a/tests/components/chat.test.tsx
+++ b/tests/components/chat.test.tsx
@@ -32,3 +32,86 @@ describe('Chat Interface', () => {
     expect(typeof now).toBe('number');
   });
 });
+
+// ─── Streaming message types (Issue #56) ─────────────────────────────────────
+
+describe('Chat Interface — Streaming message types', () => {
+  it('should include "streaming" as a valid message type', () => {
+    const types = ['text', 'code', 'system', 'streaming'];
+    expect(types).toContain('streaming');
+  });
+
+  it('should represent a streaming message with required fields', () => {
+    const streamingMsg = {
+      id: 'stream-1',
+      type: 'streaming',
+      lines: ['token1', 'token2'],
+      isStreaming: true,
+      error: null,
+      timestamp: Date.now(),
+    };
+
+    expect(streamingMsg.id).toBeDefined();
+    expect(streamingMsg.type).toBe('streaming');
+    expect(Array.isArray(streamingMsg.lines)).toBe(true);
+    expect(typeof streamingMsg.isStreaming).toBe('boolean');
+  });
+
+  it('should model a completed streaming message (isStreaming=false)', () => {
+    const completed = {
+      id: 'stream-2',
+      type: 'streaming',
+      lines: ['Hello', 'World'],
+      isStreaming: false,
+      error: null,
+    };
+
+    expect(completed.isStreaming).toBe(false);
+    expect(completed.lines).toHaveLength(2);
+    expect(completed.error).toBeNull();
+  });
+
+  it('should model an errored streaming message', () => {
+    const errored = {
+      id: 'stream-3',
+      type: 'streaming',
+      lines: ['partial output'],
+      isStreaming: false,
+      error: 'Connection reset by peer',
+    };
+
+    expect(errored.error).not.toBeNull();
+    expect(errored.isStreaming).toBe(false);
+  });
+
+  it('should accumulate tokens into lines array', () => {
+    const lines: string[] = [];
+
+    const tokens = ['Agent', ' is', ' working', ' on', ' your', ' task'];
+    tokens.forEach((token) => lines.push(token));
+
+    expect(lines).toHaveLength(6);
+    expect(lines.join('')).toBe('Agent is working on your task');
+  });
+
+  it('should handle SSE frame shape { type: "output", data: string }', () => {
+    const frame = { type: 'output', data: 'some output line' };
+
+    expect(frame.type).toBe('output');
+    expect(typeof frame.data).toBe('string');
+    expect(frame.data.length).toBeGreaterThan(0);
+  });
+
+  it('should handle SSE error frame shape { type: "error", message: string }', () => {
+    const frame = { type: 'error', message: 'API key not set' };
+
+    expect(frame.type).toBe('error');
+    expect(frame.message).toBeTruthy();
+  });
+
+  it('should handle SSE input_required frame shape', () => {
+    const frame = { type: 'input_required' };
+
+    expect(frame.type).toBe('input_required');
+  });
+});
diff --git a/tests/components/streaming.test.tsx b/tests/components/streaming.test.tsx
new file mode 100644
index 0000000..1ac5e2e
--- /dev/null
+++ b/tests/components/streaming.test.tsx
@@ -0,0 +1,526 @@
+/**
+ * Tests for streaming responses (Issue #56)
+ *
+ * Covers:
+ *   - useStream hook: initial state, successful streaming, error handling,
+ *     input_required frames, POST body, abort on stop, multiple streams
+ *   - StreamingMessage component: renders lines, shows/hides cursor,
+ *     shows error badge, aria attributes, edge cases
+ *
+ * Note: jsdom lacks native ReadableStream/Response, so we provide
+ * self-contained inline mocks that simulate SSE frame delivery.
+ */
+
+import React from 'react';
+import { render, screen, act, waitFor } from '@testing-library/react';
+import { renderHook } from '@testing-library/react';
+import { useStream } from '../../hooks/useStream';
+import { StreamingMessage } from '../../components/StreamingMessage';
+
+// ─── JSdom-compatible SSE mock helpers ───────────────────────────────────────
+
+/**
+ * Build a minimal ReadableStream-like object that delivers `chunks` one by
+ * one then signals done.  Uses plain JavaScript so it works in jsdom.
+ */
+function makeFakeStream(chunks: string[]) {
+  const enc = new TextEncoder();
+  let idx = 0;
+  return {
+    getReader: () => ({
+      read: jest.fn().mockImplementation(async () => {
+        if (idx < chunks.length) {
+          const value = enc.encode(chunks[idx++]);
+          return { done: false, value };
+        }
+        return { done: true, value: undefined };
+      }),
+      releaseLock: jest.fn(),
+    }),
+  };
+}
+
+/** Encode a standard output SSE frame */
+function outputFrame(data: string): string {
+  return `data: ${JSON.stringify({ type: 'output', data })}\n\n`;
+}
+
+/** Encode an input_required SSE frame */
+const inputRequiredFrame = `data: ${JSON.stringify({ type: 'input_required' })}\n\n`;
+
+/** Encode an error SSE frame */
+function errorFrame(message: string): string {
+  return `data: ${JSON.stringify({ type: 'error', message })}\n\n`;
+}
+
+/**
+ * Build a mock Response whose body is our fake stream.
+ * `status` defaults to 200.
+ */
+function mockFetchOk(frames: string[]): Promise<Response> {
+  const fakeBody = makeFakeStream(frames) as unknown as ReadableStream<Uint8Array>;
+  return Promise.resolve({
+    ok: true,
+    status: 200,
+    statusText: 'OK',
+    body: fakeBody,
+    text: async () => '',
+  } as unknown as Response);
+}
+
+function mockFetchError(status: number, text = ''): Promise<Response> {
+  return Promise.resolve({
+    ok: false,
+    status,
+    statusText: 'Error',
+    body: null,
+    text: async () => text,
+  } as unknown as Response);
+}
+
+// ─── useStream ────────────────────────────────────────────────────────────────
+
+describe('useStream hook', () => {
+  beforeEach(() => {
+    jest.resetAllMocks();
+  });
+
+  // ── Initial state ──────────────────────────────────────────────────────────
+
+  it('starts with correct initial state', () => {
+    const { result } = renderHook(() => useStream());
+
+    expect(result.current.lines).toEqual([]);
+    expect(result.current.isStreaming).toBe(false);
+    expect(result.current.inputRequired).toBe(false);
+    expect(result.current.error).toBeNull();
+  });
+
+  // ── Immediate streaming state ──────────────────────────────────────────────
+
+  it('sets isStreaming true immediately after startStream is called', async () => {
+    // Never-resolving fetch so we inspect transitional state
+    global.fetch = jest.fn(
+      () =>
+        new Promise<Response>(() => {
+          /* intentionally never resolves */
+        })
+    ) as jest.Mock;
+
+    const { result } = renderHook(() => useStream());
+
+    act(() => {
+      result.current.startStream('http://localhost:9999/?data=hello');
+    });
+
+    expect(result.current.isStreaming).toBe(true);
+    expect(result.current.lines).toEqual([]);
+    expect(result.current.error).toBeNull();
+  });
+
+  // ── Successful streaming ───────────────────────────────────────────────────
+
+  it('accumulates lines from output frames', async () => {
+    global.fetch = jest.fn(() =>
+      mockFetchOk([
+        outputFrame('line one'),
+        outputFrame('line two'),
+        outputFrame('line three'),
+      ])
+    ) as jest.Mock;
+
+    const { result } = renderHook(() => useStream());
+
+    act(() => {
+      result.current.startStream('http://localhost:9999/?data=hello');
+    });
+
+    await waitFor(() => expect(result.current.isStreaming).toBe(false));
+
+    expect(result.current.lines).toEqual(['line one', 'line two', 'line three']);
+    expect(result.current.error).toBeNull();
+  });
+
+  it('isStreaming becomes false when stream ends cleanly', async () => {
+    global.fetch = jest.fn(() =>
+      mockFetchOk([outputFrame('done')])
+    ) as jest.Mock;
+
+    const { result } = renderHook(() => useStream());
+
+    act(() => {
+      result.current.startStream('http://localhost:9999/?data=hello');
+    });
+
+    await waitFor(() => expect(result.current.isStreaming).toBe(false));
+    expect(result.current.lines).toEqual(['done']);
+  });
+
+  // ── input_required frame ──────────────────────────────────────────────────
+
+  it('sets inputRequired=true and stops streaming on input_required frame', async () => {
+    global.fetch = jest.fn(() =>
+      mockFetchOk([outputFrame('thinking...'), inputRequiredFrame])
+    ) as jest.Mock;
+
+    const { result } = renderHook(() => useStream());
+
+    act(() => {
+      result.current.startStream('http://localhost:9999/?data=hello');
+    });
+
+    await waitFor(() => expect(result.current.inputRequired).toBe(true));
+
+    expect(result.current.isStreaming).toBe(false);
+    expect(result.current.lines).toContain('thinking...');
+  });
+
+  // ── Error frame ───────────────────────────────────────────────────────────
+
+  it('captures error message on error frame', async () => {
+    global.fetch = jest.fn(() =>
+      mockFetchOk([outputFrame('starting'), errorFrame('API key invalid')])
+    ) as jest.Mock;
+
+    const { result } = renderHook(() => useStream());
+
+    act(() => {
+      result.current.startStream('http://localhost:9999/?data=hello');
+    });
+
+    await waitFor(() => expect(result.current.error).not.toBeNull());
+
+    expect(result.current.error).toBe('API key invalid');
+    expect(result.current.isStreaming).toBe(false);
+  });
+
+  // ── HTTP errors ───────────────────────────────────────────────────────────
+
+  it('sets error state on non-2xx HTTP status', async () => {
+    global.fetch = jest.fn(() =>
+      mockFetchError(401, 'Unauthorized')
+    ) as jest.Mock;
+
+    const { result } = renderHook(() => useStream());
+
+    act(() => {
+      result.current.startStream('http://localhost:9999/?data=hello');
+    });
+
+    await waitFor(() => expect(result.current.error).not.toBeNull());
+
+    expect(result.current.error).toMatch(/401/);
+    expect(result.current.isStreaming).toBe(false);
+  });
+
+  it('sets error state on network failure', async () => {
+    global.fetch = jest.fn(() =>
+      Promise.reject(new TypeError('Failed to fetch'))
+    ) as jest.Mock;
+
+    const { result } = renderHook(() => useStream());
+
+    act(() => {
+      result.current.startStream('http://localhost:9999/?data=hello');
+    });
+
+    await waitFor(() => expect(result.current.error).not.toBeNull());
+
+    expect(result.current.error).toContain('Failed to fetch');
+    expect(result.current.isStreaming).toBe(false);
+  });
+
+  it('sets error when response.body is null', async () => {
+    global.fetch = jest.fn(() =>
+      Promise.resolve({
+        ok: true,
+        status: 200,
+        body: null,
+        text: async () => '',
+      } as unknown as Response)
+    ) as jest.Mock;
+
+    const { result } = renderHook(() => useStream());
+
+    act(() => {
+      result.current.startStream('http://localhost:9999/?data=hello');
+    });
+
+    await waitFor(() => expect(result.current.error).not.toBeNull());
+    expect(result.current.error).toMatch(/null/i);
+  });
+
+  // ── stopStream ─────────────────────────────────────────────────────────────
+
+  it('stopStream sets isStreaming=false', () => {
+    global.fetch = jest.fn(
+      () => new Promise<Response>(() => {
+        /* never resolves */
+      })
+    ) as jest.Mock;
+
+    const { result } = renderHook(() => useStream());
+
+    act(() => {
+      result.current.startStream('http://localhost:9999/?data=hello');
+    });
+
+    expect(result.current.isStreaming).toBe(true);
+
+    act(() => {
+      result.current.stopStream();
+    });
+
+    expect(result.current.isStreaming).toBe(false);
+  });
+
+  // ── reset ─────────────────────────────────────────────────────────────────
+
+  it('reset clears all state', async () => {
+    global.fetch = jest.fn(() =>
+      mockFetchOk([outputFrame('hello'), outputFrame('world')])
+    ) as jest.Mock;
+
+    const { result } = renderHook(() => useStream());
+
+    act(() => {
+      result.current.startStream('http://localhost:9999/?data=hello');
+    });
+
+    await waitFor(() => expect(result.current.lines.length).toBeGreaterThan(0));
+
+    act(() => {
+      result.current.reset();
+    });
+
+    expect(result.current.lines).toEqual([]);
+    expect(result.current.isStreaming).toBe(false);
+    expect(result.current.error).toBeNull();
+    expect(result.current.inputRequired).toBe(false);
+  });
+
+  // ── POST body ─────────────────────────────────────────────────────────────
+
+  it('sends POST request when a body is provided', async () => {
+    global.fetch = jest.fn(() =>
+      mockFetchOk([outputFrame('ok')])
+    ) as jest.Mock;
+
+    const { result } = renderHook(() => useStream());
+
+    act(() => {
+      result.current.startStream('http://localhost:9999/', {
+        context_payload: { project_path: '/home/user/project' },
+      });
+    });
+
+    await waitFor(() => expect(result.current.isStreaming).toBe(false));
+
+    const [fetchUrl, fetchOptions] = (global.fetch as jest.Mock).mock.calls[0];
+    expect(fetchOptions.method).toBe('POST');
+    expect(fetchOptions.headers?.['Content-Type']).toBe('application/json');
+    expect(JSON.parse(fetchOptions.body).context_payload).toBeDefined();
+  });
+
+  it('uses GET request by default (no body)', async () => {
+    global.fetch = jest.fn(() =>
+      mockFetchOk([outputFrame('ok')])
+    ) as jest.Mock;
+
+    const { result } = renderHook(() => useStream());
+
+    act(() => {
+      result.current.startStream('http://localhost:9999/?data=test');
+    });
+
+    await waitFor(() => expect(result.current.isStreaming).toBe(false));
+
+    const [, fetchOptions] = (global.fetch as jest.Mock).mock.calls[0];
+    expect(fetchOptions.method).toBe('GET');
+  });
+
+  // ── Multiple consecutive streams ──────────────────────────────────────────
+
+  it('handles multiple consecutive streams without state bleed', async () => {
+    global.fetch = jest
+      .fn()
+      .mockImplementationOnce(() => mockFetchOk([outputFrame('first response')]))
+      .mockImplementationOnce(() => mockFetchOk([outputFrame('second response')])) as jest.Mock;
+
+    const { result } = renderHook(() => useStream());
+
+    act(() => {
+      result.current.startStream('http://localhost:9999/?data=first');
+    });
+
+    await waitFor(() => expect(result.current.isStreaming).toBe(false));
+    expect(result.current.lines).toEqual(['first response']);
+
+    act(() => {
+      result.current.startStream('http://localhost:9999/?data=second');
+    });
+
+    await waitFor(() => expect(result.current.isStreaming).toBe(false));
+    // Lines reset for each new stream
+    expect(result.current.lines).toEqual(['second response']);
+  });
+
+  // ── Malformed SSE frames ──────────────────────────────────────────────────
+
+  it('silently skips malformed JSON in SSE frames', async () => {
+    const enc = new TextEncoder();
+    const badFrame = 'data: NOT_JSON\n\n';
+    const goodFrame = outputFrame('good line');
+
+    const bodyMock = {
+      getReader: () => {
+        const chunks = [badFrame, goodFrame];
+        let idx = 0;
+        return {
+          read: jest.fn().mockImplementation(async () => {
+            if (idx < chunks.length) {
+              return { done: false, value: enc.encode(chunks[idx++]) };
+            }
+            return { done: true, value: undefined };
+          }),
+        };
+      },
+    };
+
+    global.fetch = jest.fn(() =>
+      Promise.resolve({
+        ok: true,
+        status: 200,
+        body: bodyMock as unknown as ReadableStream<Uint8Array>,
+        text: async () => '',
+      } as unknown as Response)
+    ) as jest.Mock;
+
+    const { result } = renderHook(() => useStream());
+
+    act(() => {
+      result.current.startStream('http://localhost:9999/?data=test');
+    });
+
+    await waitFor(() => expect(result.current.isStreaming).toBe(false));
+
+    expect(result.current.lines).toEqual(['good line']);
+    expect(result.current.error).toBeNull();
+  });
+});
+
+// ─── StreamingMessage component ──────────────────────────────────────────────
+
+describe('StreamingMessage component', () => {
+  it('renders with data-testid="streaming-message"', () => {
+    render(<StreamingMessage lines={[]} isStreaming={false} />);
+    expect(screen.getByTestId('streaming-message')).toBeInTheDocument();
+  });
+
+  it('renders streamed lines as individual paragraphs', () => {
+    render(
+      <StreamingMessage
+        lines={['Agent is working', 'CLI Output: hello']}
+        isStreaming={false}
+      />
+    );
+
+    expect(screen.getByText('Agent is working')).toBeInTheDocument();
+    expect(screen.getByText('CLI Output: hello')).toBeInTheDocument();
+  });
+
+  it('shows blinking cursor while isStreaming=true', () => {
+    render(<StreamingMessage lines={['partial...']} isStreaming={true} />);
+    expect(screen.getByTestId('streaming-cursor')).toBeInTheDocument();
+  });
+
+  it('hides blinking cursor when isStreaming=false', () => {
+    render(<StreamingMessage lines={['complete']} isStreaming={false} />);
+    expect(screen.queryByTestId('streaming-cursor')).not.toBeInTheDocument();
+  });
+
+  it('does not show the error badge when error is null', () => {
+    render(
+      <StreamingMessage lines={['ok']} isStreaming={false} error={null} />
+    );
+    expect(screen.queryByTestId('streaming-error')).not.toBeInTheDocument();
+  });
+
+  it('shows error badge with message when error is set', () => {
+    render(
+      <StreamingMessage
+        lines={[]}
+        isStreaming={false}
+        error="Connection reset by peer"
+      />
+    );
+
+    const errorEl = screen.getByTestId('streaming-error');
+    expect(errorEl).toBeInTheDocument();
+    expect(errorEl).toHaveTextContent('Connection reset by peer');
+  });
+
+  it('has proper aria-live attribute for screen readers', () => {
+    render(<StreamingMessage lines={[]} isStreaming={true} />);
+    const container = screen.getByTestId('streaming-message');
+    expect(container).toHaveAttribute('aria-live', 'polite');
+    expect(container).toHaveAttribute('aria-atomic', 'false');
+  });
+
+  it('error badge has role="alert" for accessibility', () => {
+    render(
+      <StreamingMessage lines={[]} isStreaming={false} error="Something went wrong" />
+    );
+    const alertEl = screen.getByRole('alert');
+    expect(alertEl).toBeInTheDocument();
+  });
+
+  it('renders with empty lines array without crashing', () => {
+    expect(() =>
+      render(<StreamingMessage lines={[]} isStreaming={false} />)
+    ).not.toThrow();
+  });
+
+  it('applies custom className to wrapper, keeping base class', () => {
+    render(
+      <StreamingMessage
+        lines={[]}
+        isStreaming={false}
+        className="chat-bubble"
+      />
+    );
+    const wrapper = screen.getByTestId('streaming-message');
+    expect(wrapper.className).toContain('chat-bubble');
+    expect(wrapper.className).toContain('streaming-message');
+  });
+
+  it('renders many lines (long response) without crashing', () => {
+    const lines = Array.from({ length: 200 }, (_, i) => `line ${i + 1}`);
+    expect(() =>
+      render(<StreamingMessage lines={lines} isStreaming={false} />)
+    ).not.toThrow();
+
+    expect(screen.getByText('line 1')).toBeInTheDocument();
+    expect(screen.getByText('line 200')).toBeInTheDocument();
+  });
+
+  it('transitions from streaming to complete — cursor disappears', () => {
+    const { rerender } = render(
+      <StreamingMessage lines={['partial']} isStreaming={true} />
+    );
+
+    expect(screen.getByTestId('streaming-cursor')).toBeInTheDocument();
+
+    rerender(
+      <StreamingMessage lines={['partial', 'complete']} isStreaming={false} />
+    );
+
+    expect(screen.queryByTestId('streaming-cursor')).not.toBeInTheDocument();
+    expect(screen.getByText('complete')).toBeInTheDocument();
+  });
+
+  it('renders data-testid="streaming-content" wrapper', () => {
+    render(<StreamingMessage lines={['hello']} isStreaming={false} />);
+    expect(screen.getByTestId('streaming-content')).toBeInTheDocument();
+  });
+});
diff --git a/tests/setup.ts b/tests/setup.ts
index 7b0828b..5b25f1c 100644
--- a/tests/setup.ts
+++ b/tests/setup.ts
@@ -1 +1,13 @@
 import '@testing-library/jest-dom';
+import { TextEncoder, TextDecoder } from 'util';
+
+// jsdom does not ship TextEncoder/TextDecoder globally — polyfill them.
+if (typeof globalThis.TextEncoder === 'undefined') {
+  (globalThis as any).TextEncoder = TextEncoder;
+}
+if (typeof globalThis.TextDecoder === 'undefined') {
+  (globalThis as any).TextDecoder = TextDecoder;
+}
+
+// Mock Canvas API for jsdom
+HTMLCanvasElement.prototype.getContext = jest.fn() as any;