Merge pull request #2762 from arc53/chore/bump-frontend-deps-2026-09

chore(deps): bump frontend, docs, widget and e2e dependencies
2026-10-03 09:12:55 +00:00 · 2026-09-12 20:13:04 +01:00
commit b2a5480dab
@@ -9,15 +9,19 @@
  "dependencies": {
    "@vercel/analytics": "^2.0.1",
    "docsgpt-react": "^0.7.1",
-    "next": "^16.3.0",
+    "next": "^16.3.5",
    "next-themes": "^0.4.6",
    "nextra": "^4.6.1",
    "nextra-theme-docs": "^4.6.1",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8"
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0"
  },
  "devDependencies": {
    "pagefind": "^1.5.2",
    "typescript": "^6.0.3"
+  },
+  "overrides": {
+    "@xmldom/xmldom": "^0.9.12",
+    "zod": "~4.3.6"
  }
 }
@@ -42,45 +42,45 @@
    "ci": "yarn build && yarn test && yarn lint && yarn check"
  },
  "dependencies": {
-    "@babel/plugin-transform-flow-strip-types": "^7.23.3",
+    "@babel/plugin-transform-flow-strip-types": "^8.0.1",
    "@parcel/resolver-glob": "^2.16.4",
    "@parcel/transformer-svg-react": "^2.16.4",
    "@parcel/transformer-typescript-tsc": "^2.16.4",
    "@parcel/validator-typescript": "^2.16.4",
-    "@radix-ui/react-icons": "^1.3.0",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.0",
-    "dompurify": "^3.1.5",
-    "flow-bin": "^0.326.0",
-    "markdown-it": "^14.1.0",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
-    "styled-components": "^6.1.8"
+    "@radix-ui/react-icons": "^1.3.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "dompurify": "^3.4.15",
+    "flow-bin": "^0.331.0",
+    "markdown-it": "^15.0.2",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "styled-components": "^6.5.3"
  },
  "devDependencies": {
-    "@babel/core": "^7.24.0",
-    "@babel/preset-env": "^7.24.0",
-    "@babel/preset-react": "^7.23.3",
+    "@babel/core": "^8.0.5",
+    "@babel/preset-env": "^8.0.5",
+    "@babel/preset-react": "^8.0.1",
    "@eslint/js": "^9.39.4",
    "@parcel/packager-ts": "^2.16.4",
    "@parcel/transformer-typescript-types": "^2.16.4",
    "@types/dompurify": "^3.0.5",
-    "@types/markdown-it": "^14.1.2",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.59.0",
-    "@typescript-eslint/parser": "^8.59.0",
+    "@types/markdown-it": "^14.2.0",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.70.0",
+    "@typescript-eslint/parser": "^8.70.0",
    "babel-loader": "^10.1.1",
-    "eslint": "^9.39.4",
+    "eslint": "^9.39.5",
    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-prettier": "^5.5.6",
    "eslint-plugin-react": "^7.37.5",
    "eslint-plugin-unused-imports": "^4.4.1",
-    "globals": "^17.5.0",
+    "globals": "^17.12.0",
    "parcel": "^2.16.4",
-    "prettier": "^3.8.1",
+    "prettier": "^3.9.6",
    "process": "^0.11.10",
-    "svgo": "^4.0.1",
+    "svgo": "^4.1.0",
    "typescript": "^6.0.3"
  },
  "publishConfig": {
@@ -656,20 +656,28 @@ const ActionButton = styled.button<{
  ${(props) =>
    props.$active &&
    css`
-      color: ${props.$tone === 'danger'
-        ? props.theme.danger!.text
-        : props.theme.accent!.base};
-      background-color: ${props.$tone === 'danger'
-        ? props.theme.danger!.soft
-        : props.theme.accent!.soft};
+      color: ${
+        props.$tone === 'danger'
+          ? props.theme.danger!.text
+          : props.theme.accent!.base
+      };
+      background-color: ${
+        props.$tone === 'danger'
+          ? props.theme.danger!.soft
+          : props.theme.accent!.soft
+      };

      &:hover {
-        color: ${props.$tone === 'danger'
-          ? props.theme.danger!.text
-          : props.theme.accent!.base};
-        background-color: ${props.$tone === 'danger'
-          ? props.theme.danger!.soft
-          : props.theme.accent!.soft};
+        color: ${
+          props.$tone === 'danger'
+            ? props.theme.danger!.text
+            : props.theme.accent!.base
+        };
+        background-color: ${
+          props.$tone === 'danger'
+            ? props.theme.danger!.soft
+            : props.theme.accent!.soft
+        };
      }

      svg {
@@ -51,10 +51,7 @@ export type Status = 'idle' | 'loading' | 'failed';
 export type FEEDBACK = 'LIKE' | 'DISLIKE';

 export type AttachmentStatus =
-  | 'uploading'
-  | 'processing'
-  | 'completed'
-  | 'failed';
+  'uploading' | 'processing' | 'completed' | 'failed';

 export interface Attachment {
  /** Client-side key for the chip; never sent to the server. */
@@ -29,68 +29,73 @@
    "@radix-ui/react-switch": "^1.3.7",
    "@radix-ui/react-tabs": "^1.1.21",
    "@reduxjs/toolkit": "^2.12.0",
-    "@shadcn/react": "0.3.0",
-    "chart.js": "^4.4.4",
+    "@shadcn/react": "^0.3.1",
+    "chart.js": "^4.5.1",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "cmdk": "^1.1.1",
-    "copy-to-clipboard": "^3.3.3",
+    "copy-to-clipboard": "^4.0.2",
    "d3-force": "^3.0.0",
    "date-fns": "^4.4.0",
-    "i18next": "^26.3.6",
+    "i18next": "^26.4.2",
    "i18next-browser-languagedetector": "^8.2.1",
    "lodash": "^4.18.1",
-    "lucide-react": "^1.18.0",
-    "mermaid": "^11.16.1",
+    "lucide-react": "^1.45.0",
+    "mermaid": "^12.0.0",
    "prop-types": "^15.8.1",
-    "radix-ui": "^1.6.2",
-    "react": "^19.1.0",
-    "react-chartjs-2": "^5.3.0",
+    "radix-ui": "^1.6.7",
+    "react": "^19.3.0",
+    "react-chartjs-2": "^5.3.1",
    "react-day-picker": "^10.0.1",
-    "react-dom": "^19.2.8",
-    "react-dropzone": "^20.0.0",
+    "react-dom": "^19.3.0",
+    "react-dropzone": "^20.1.1",
    "react-force-graph-2d": "^1.29.1",
    "react-google-drive-picker": "^1.2.2",
-    "react-i18next": "^17.0.11",
-    "react-markdown": "^9.0.1",
-    "react-redux": "^9.2.0",
-    "react-router-dom": "^7.18.2",
+    "react-i18next": "^17.0.13",
+    "react-markdown": "^10.1.0",
+    "react-redux": "^9.3.0",
+    "react-router-dom": "^7.18.3",
    "react-syntax-highlighter": "^16.1.1",
    "reactflow": "^11.11.4",
    "rehype-katex": "^7.0.1",
-    "remark-gfm": "^4.0.0",
+    "remark-gfm": "^4.0.1",
    "remark-math": "^6.0.0",
    "tailwind-merge": "^3.6.0"
  },
  "devDependencies": {
-    "@tailwindcss/postcss": "^4.3.2",
+    "@eslint/js": "^9.39.5",
+    "@tailwindcss/postcss": "^4.3.3",
    "@types/d3-force": "^3.0.10",
    "@types/lodash": "^4.17.25",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.3",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
    "@types/react-syntax-highlighter": "^15.5.13",
-    "@typescript-eslint/eslint-plugin": "^8.66.0",
-    "@typescript-eslint/parser": "^8.46.3",
-    "@vitejs/plugin-react": "^6.0.5",
-    "eslint": "^9.39.1",
-    "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-n": "^17.24.0",
+    "@typescript-eslint/eslint-plugin": "^8.70.0",
+    "@typescript-eslint/parser": "^8.70.0",
+    "@vitejs/plugin-react": "^6.1.1",
+    "eslint": "^9.39.5",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-n": "^18.3.0",
    "eslint-plugin-prettier": "^5.5.6",
    "eslint-plugin-promise": "^7.3.0",
    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-unused-imports": "^4.1.4",
-    "happy-dom": "^20.11.1",
+    "eslint-plugin-unused-imports": "^4.4.1",
+    "globals": "^17.12.0",
+    "happy-dom": "^20.14.5",
    "husky": "^9.1.7",
-    "lint-staged": "^17.0.8",
-    "postcss": "^8.5.12",
+    "lint-staged": "^17.5.1",
+    "postcss": "^8.5.28",
    "prettier": "^3.9.6",
    "prettier-plugin-tailwindcss": "^0.8.1",
    "tailwindcss": "^4.3.1",
    "tw-animate-css": "^1.4.0",
    "typescript": "^6.0.3",
-    "vite": "^8.2.1",
-    "vite-plugin-svgr": "^4.3.0",
-    "vitest": "^4.1.10"
+    "vite": "^8.3.0",
+    "vite-plugin-svgr": "^5.2.0",
+    "vitest": "^4.1.11"
+  },
+  "overrides": {
+    "lodash-es": "^4.18.1"
  }
 }
@@ -165,105 +165,106 @@ function NoteView({ data }: { data: NoteArtifactData }) {
      </div>
      <div className="flex-1 overflow-y-auto p-4">
        {data.content ? (
-          <ReactMarkdown
-            className="flex flex-col gap-3 text-sm leading-normal wrap-break-word whitespace-pre-wrap text-gray-800 dark:text-gray-200"
-            remarkPlugins={[remarkGfm]}
-            components={{
-              code(props) {
-                const {
-                  children,
-                  className,
-                  node: _node,
-                  ref: _ref,
-                  ...rest
-                } = props;
-                void _node;
-                void _ref;
-                const match = /language-(\w+)/.exec(className || '');
-                const language = match ? match[1] : '';
+          <div className="flex flex-col gap-3 text-sm leading-normal wrap-break-word whitespace-pre-wrap text-gray-800 dark:text-gray-200">
+            <ReactMarkdown
+              remarkPlugins={[remarkGfm]}
+              components={{
+                code(props) {
+                  const {
+                    children,
+                    className,
+                    node: _node,
+                    ref: _ref,
+                    ...rest
+                  } = props;
+                  void _node;
+                  void _ref;
+                  const match = /language-(\w+)/.exec(className || '');
+                  const language = match ? match[1] : '';

-                return match ? (
-                  <div className="group border-border relative my-2 overflow-hidden rounded-xl border">
-                    <div className="bg-muted flex items-center justify-between px-2 py-1">
-                      <span className="text-foreground dark:text-foreground text-xs font-medium">
-                        {language}
-                      </span>
-                      <CopyButton
-                        textToCopy={String(children).replace(/\n$/, '')}
-                      />
+                  return match ? (
+                    <div className="group border-border relative my-2 overflow-hidden rounded-xl border">
+                      <div className="bg-muted flex items-center justify-between px-2 py-1">
+                        <span className="text-foreground dark:text-foreground text-xs font-medium">
+                          {language}
+                        </span>
+                        <CopyButton
+                          textToCopy={String(children).replace(/\n$/, '')}
+                        />
+                      </div>
+                      <SyntaxHighlighter
+                        {...rest}
+                        PreTag="div"
+                        language={language}
+                        style={isDarkTheme ? vscDarkPlus : oneLight}
+                        customStyle={{
+                          margin: 0,
+                          borderRadius: 0,
+                          scrollbarWidth: 'thin',
+                        }}
+                      >
+                        {String(children).replace(/\n$/, '')}
+                      </SyntaxHighlighter>
                    </div>
-                    <SyntaxHighlighter
+                  ) : (
+                    <code
+                      className="dark:bg-accent dark:text-foreground rounded-md bg-gray-200 px-2 py-1 text-xs font-normal"
                      {...rest}
-                      PreTag="div"
-                      language={language}
-                      style={isDarkTheme ? vscDarkPlus : oneLight}
-                      customStyle={{
-                        margin: 0,
-                        borderRadius: 0,
-                        scrollbarWidth: 'thin',
-                      }}
                    >
-                      {String(children).replace(/\n$/, '')}
-                    </SyntaxHighlighter>
-                  </div>
-                ) : (
-                  <code
-                    className="dark:bg-accent dark:text-foreground rounded-md bg-gray-200 px-2 py-1 text-xs font-normal"
-                    {...rest}
-                  >
-                    {children}
-                  </code>
-                );
-              },
-              ul({ children }) {
-                return (
-                  <ul className="list-inside list-disc pl-4 whitespace-normal">
-                    {children}
-                  </ul>
-                );
-              },
-              ol({ children }) {
-                return (
-                  <ol className="list-inside list-decimal pl-4 whitespace-normal">
-                    {children}
-                  </ol>
-                );
-              },
-              a({ children, href }) {
-                return (
-                  <a
-                    href={href}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="text-blue-600 hover:underline dark:text-blue-400"
-                  >
-                    {children}
-                  </a>
-                );
-              },
-              p({ children }) {
-                return <p className="whitespace-pre-wrap">{children}</p>;
-              },
-              h1({ children }) {
-                return <h1 className="text-xl font-bold">{children}</h1>;
-              },
-              h2({ children }) {
-                return <h2 className="text-lg font-bold">{children}</h2>;
-              },
-              h3({ children }) {
-                return <h3 className="text-base font-bold">{children}</h3>;
-              },
-              blockquote({ children }) {
-                return (
-                  <blockquote className="border-l-4 border-gray-300 pl-4 italic dark:border-gray-600">
-                    {children}
-                  </blockquote>
-                );
-              },
-            }}
-          >
-            {data.content}
-          </ReactMarkdown>
+                      {children}
+                    </code>
+                  );
+                },
+                ul({ children }) {
+                  return (
+                    <ul className="list-inside list-disc pl-4 whitespace-normal">
+                      {children}
+                    </ul>
+                  );
+                },
+                ol({ children }) {
+                  return (
+                    <ol className="list-inside list-decimal pl-4 whitespace-normal">
+                      {children}
+                    </ol>
+                  );
+                },
+                a({ children, href }) {
+                  return (
+                    <a
+                      href={href}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-blue-600 hover:underline dark:text-blue-400"
+                    >
+                      {children}
+                    </a>
+                  );
+                },
+                p({ children }) {
+                  return <p className="whitespace-pre-wrap">{children}</p>;
+                },
+                h1({ children }) {
+                  return <h1 className="text-xl font-bold">{children}</h1>;
+                },
+                h2({ children }) {
+                  return <h2 className="text-lg font-bold">{children}</h2>;
+                },
+                h3({ children }) {
+                  return <h3 className="text-base font-bold">{children}</h3>;
+                },
+                blockquote({ children }) {
+                  return (
+                    <blockquote className="border-l-4 border-gray-300 pl-4 italic dark:border-gray-600">
+                      {children}
+                    </blockquote>
+                  );
+                },
+              }}
+            >
+              {data.content}
+            </ReactMarkdown>
+          </div>
        ) : (
          <p className="text-sm text-gray-500 dark:text-gray-400">Empty note</p>
        )}
@@ -35,6 +35,9 @@ export default function CopyButton({
  const { t } = useTranslation();
  const [isCopied, setIsCopied] = useState(false);
  const timeoutIdRef = useRef<number | null>(null);
+  // `copy` is async, so `isCopied` and the disabled prop only catch up after it
+  // resolves. Guard that window so rapid clicks cannot start a second write.
+  const copyInFlightRef = useRef(false);

  const iconWrapperClasses = clsx(
    'flex items-center justify-center rounded-full transition-colors duration-150 ease-in-out',
@@ -71,11 +74,12 @@ export default function CopyButton({
    ? t('conversation.copied')
    : t('conversation.copy');

-  const handleCopy = useCallback(() => {
-    if (isCopied) return;
+  const handleCopy = useCallback(async () => {
+    if (isCopied || copyInFlightRef.current) return;
+    copyInFlightRef.current = true;

    try {
-      const success = copy(textToCopy);
+      const success = await copy(textToCopy);
      if (success) {
        setIsCopied(true);

@@ -92,6 +96,8 @@ export default function CopyButton({
      }
    } catch (error) {
      console.error('Failed to copy text:', error);
+    } finally {
+      copyInFlightRef.current = false;
    }
  }, [textToCopy, copiedDuration, isCopied]);

@@ -9,66 +9,67 @@ import remarkGfm from 'remark-gfm';
 export default function MarkdownPreview({ content }: { content: string }) {
  return (
    <div className="h-full overflow-auto p-4">
-      <ReactMarkdown
-        className="flex flex-col gap-3 text-sm leading-normal break-words whitespace-pre-wrap text-gray-800 dark:text-gray-200"
-        remarkPlugins={[remarkGfm]}
-        components={{
-          a({ children, href }) {
-            return (
-              <a
-                href={href}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="text-blue-600 hover:underline dark:text-blue-400"
-              >
-                {children}
-              </a>
-            );
-          },
-          ul({ children }) {
-            return (
-              <ul className="list-inside list-disc pl-4 whitespace-normal">
-                {children}
-              </ul>
-            );
-          },
-          ol({ children }) {
-            return (
-              <ol className="list-inside list-decimal pl-4 whitespace-normal">
-                {children}
-              </ol>
-            );
-          },
-          h1({ children }) {
-            return <h1 className="text-xl font-bold">{children}</h1>;
-          },
-          h2({ children }) {
-            return <h2 className="text-lg font-bold">{children}</h2>;
-          },
-          h3({ children }) {
-            return <h3 className="text-base font-bold">{children}</h3>;
-          },
-          code({ children, ...rest }) {
-            return (
-              <code
-                className="dark:bg-accent dark:text-foreground rounded-md bg-gray-200 px-2 py-1 text-xs font-normal"
-                {...rest}
-              >
-                {children}
-              </code>
-            );
-          },
-          blockquote({ children }) {
-            return (
-              <blockquote className="border-l-4 border-gray-300 pl-4 italic dark:border-gray-600">
-                {children}
-              </blockquote>
-            );
-          },
-        }}
-      >
-        {content}
-      </ReactMarkdown>
+      <div className="flex flex-col gap-3 text-sm leading-normal break-words whitespace-pre-wrap text-gray-800 dark:text-gray-200">
+        <ReactMarkdown
+          remarkPlugins={[remarkGfm]}
+          components={{
+            a({ children, href }) {
+              return (
+                <a
+                  href={href}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="text-blue-600 hover:underline dark:text-blue-400"
+                >
+                  {children}
+                </a>
+              );
+            },
+            ul({ children }) {
+              return (
+                <ul className="list-inside list-disc pl-4 whitespace-normal">
+                  {children}
+                </ul>
+              );
+            },
+            ol({ children }) {
+              return (
+                <ol className="list-inside list-decimal pl-4 whitespace-normal">
+                  {children}
+                </ol>
+              );
+            },
+            h1({ children }) {
+              return <h1 className="text-xl font-bold">{children}</h1>;
+            },
+            h2({ children }) {
+              return <h2 className="text-lg font-bold">{children}</h2>;
+            },
+            h3({ children }) {
+              return <h3 className="text-base font-bold">{children}</h3>;
+            },
+            code({ children, ...rest }) {
+              return (
+                <code
+                  className="dark:bg-accent dark:text-foreground rounded-md bg-gray-200 px-2 py-1 text-xs font-normal"
+                  {...rest}
+                >
+                  {children}
+                </code>
+              );
+            },
+            blockquote({ children }) {
+              return (
+                <blockquote className="border-l-4 border-gray-300 pl-4 italic dark:border-gray-600">
+                  {children}
+                </blockquote>
+              );
+            },
+          }}
+        >
+          {content}
+        </ReactMarkdown>
+      </div>
    </div>
  );
 }
@@ -184,177 +184,180 @@ export default function MarkdownAnswer({
      {contentSegments.map((segment, index) => (
        <Fragment key={index}>
          {segment.type === 'text' ? (
-            <ReactMarkdown
-              className="fade-in flex flex-col gap-3 leading-normal wrap-break-word whitespace-pre-wrap"
-              remarkPlugins={[
-                remarkGfm,
-                [remarkMath, { singleDollarTextMath: false }],
-              ]}
-              rehypePlugins={[rehypeKatex]}
-              urlTransform={sandboxUrlTransform}
-              components={{
-                a({ href, children }) {
-                  // A generated file is already on the turn as a download
-                  // chip, but the model links it with a `sandbox:`/`artifact:`
-                  // URL no browser can open. Point the link at the chip
-                  // instead, and never leave a dead anchor behind.
-                  const sandboxLink = resolveSandboxLink(
-                    href,
-                    artifacts,
-                    turnArtifacts,
-                  );
-                  if (sandboxLink.kind === 'plain') {
-                    return <>{children}</>;
-                  }
-                  if (sandboxLink.kind === 'artifact') {
-                    return renderArtifactChip(sandboxLink.artifact, children);
-                  }
-                  if (href?.startsWith('#cite-')) {
-                    const num = href.replace('#cite-', '');
-                    const sourceIdx = parseInt(num, 10) - 1;
-                    return (
-                      <Button
-                        type="button"
-                        onClick={() => {
-                          const el = document.getElementById(
-                            `source-${sourceIdx}`,
-                          );
-                          if (el) {
-                            el.scrollIntoView({
-                              behavior: 'smooth',
-                              block: 'center',
-                            });
-                            el.classList.add('ring-2', 'ring-purple-500');
-                            setTimeout(
-                              () =>
-                                el.classList.remove(
-                                  'ring-2',
-                                  'ring-purple-500',
-                                ),
-                              2000,
+            <div className="fade-in flex flex-col gap-3 leading-normal wrap-break-word whitespace-pre-wrap">
+              <ReactMarkdown
+                remarkPlugins={[
+                  remarkGfm,
+                  [remarkMath, { singleDollarTextMath: false }],
+                ]}
+                rehypePlugins={[rehypeKatex]}
+                urlTransform={sandboxUrlTransform}
+                components={{
+                  a({ href, children }) {
+                    // A generated file is already on the turn as a download
+                    // chip, but the model links it with a `sandbox:`/`artifact:`
+                    // URL no browser can open. Point the link at the chip
+                    // instead, and never leave a dead anchor behind.
+                    const sandboxLink = resolveSandboxLink(
+                      href,
+                      artifacts,
+                      turnArtifacts,
+                    );
+                    if (sandboxLink.kind === 'plain') {
+                      return <>{children}</>;
+                    }
+                    if (sandboxLink.kind === 'artifact') {
+                      return renderArtifactChip(sandboxLink.artifact, children);
+                    }
+                    if (href?.startsWith('#cite-')) {
+                      const num = href.replace('#cite-', '');
+                      const sourceIdx = parseInt(num, 10) - 1;
+                      return (
+                        <Button
+                          type="button"
+                          onClick={() => {
+                            const el = document.getElementById(
+                              `source-${sourceIdx}`,
                            );
-                          }
-                        }}
-                        className="mx-0.5 h-5 min-w-5 rounded-full bg-purple-100 px-1.5 text-xs font-semibold text-purple-700 hover:bg-purple-200 dark:bg-purple-900/40 dark:text-purple-300 dark:hover:bg-purple-900/60"
-                        title={`Jump to source ${num}`}
-                      >
-                        {num}
-                      </Button>
-                    );
-                  }
-                  return (
-                    <a href={href} target="_blank" rel="noopener noreferrer">
-                      {children}
-                    </a>
-                  );
-                },
-                img({ src, alt }) {
-                  // `![chart](sandbox:/mnt/data/chart.png)` is how a model
-                  // announces a plot it produced. react-markdown runs
-                  // urlTransform over `src` too, so without this the invented
-                  // scheme survives and renders a broken-image box beside the
-                  // chip that opens the very same file.
-                  const source = typeof src === 'string' ? src : undefined;
-                  const sandboxLink = resolveSandboxLink(
-                    source,
-                    artifacts,
-                    turnArtifacts,
-                  );
-                  if (sandboxLink.kind === 'artifact') {
-                    const { artifact } = sandboxLink;
-                    return renderArtifactChip(
-                      artifact,
-                      alt || artifact.label || 'Open file',
-                    );
-                  }
-                  if (sandboxLink.kind === 'plain') {
-                    return <>{alt ?? ''}</>;
-                  }
-                  return <img src={source} alt={alt} className="max-w-full" />;
-                },
-                code(props) {
-                  const { children, className, node, ref, ...rest } = props;
-                  const match = /language-(\w+)/.exec(className || '');
-                  const language = match ? match[1] : '';
-
-                  return match ? (
-                    <div className="group border-border relative overflow-hidden rounded-xl border">
-                      <div className="bg-muted flex items-center justify-between px-2 py-1">
-                        <span className="text-foreground dark:text-foreground text-xs font-medium">
-                          {language}
-                        </span>
-                        <CopyButton
-                          textToCopy={String(children).replace(/\n$/, '')}
-                        />
-                      </div>
-                      <SyntaxHighlighter
-                        {...rest}
-                        PreTag="div"
-                        language={language}
-                        style={isDarkTheme ? vscDarkPlus : oneLight}
-                        className="mt-0!"
-                        customStyle={{ margin: 0, borderRadius: 0 }}
-                      >
-                        {String(children).replace(/\n$/, '')}
-                      </SyntaxHighlighter>
-                    </div>
-                  ) : (
-                    <code className="dark:bg-accent dark:text-foreground rounded-md bg-gray-200 px-2 py-1 text-xs font-normal whitespace-pre-line">
-                      {children}
-                    </code>
-                  );
-                },
-                ul({ children }) {
-                  return (
-                    <ul
-                      className={`list-inside list-disc pl-4 whitespace-normal ${classes.list}`}
-                    >
-                      {children}
-                    </ul>
-                  );
-                },
-                ol({ children }) {
-                  return (
-                    <ol
-                      className={`list-inside list-decimal pl-4 whitespace-normal ${classes.list}`}
-                    >
-                      {children}
-                    </ol>
-                  );
-                },
-                table({ children }) {
-                  return (
-                    <div className="border-border relative overflow-x-auto rounded-lg border">
-                      <table className="dark:text-foreground w-full text-left text-gray-700">
+                            if (el) {
+                              el.scrollIntoView({
+                                behavior: 'smooth',
+                                block: 'center',
+                              });
+                              el.classList.add('ring-2', 'ring-purple-500');
+                              setTimeout(
+                                () =>
+                                  el.classList.remove(
+                                    'ring-2',
+                                    'ring-purple-500',
+                                  ),
+                                2000,
+                              );
+                            }
+                          }}
+                          className="mx-0.5 h-5 min-w-5 rounded-full bg-purple-100 px-1.5 text-xs font-semibold text-purple-700 hover:bg-purple-200 dark:bg-purple-900/40 dark:text-purple-300 dark:hover:bg-purple-900/60"
+                          title={`Jump to source ${num}`}
+                        >
+                          {num}
+                        </Button>
+                      );
+                    }
+                    return (
+                      <a href={href} target="_blank" rel="noopener noreferrer">
                        {children}
-                      </table>
-                    </div>
-                  );
-                },
-                thead({ children }) {
-                  return (
-                    <thead className="bg-muted text-foreground text-xs uppercase">
-                      {children}
-                    </thead>
-                  );
-                },
-                tr({ children }) {
-                  return (
-                    <tr className="border-border odd:bg-card even:bg-muted border-b">
-                      {children}
-                    </tr>
-                  );
-                },
-                th({ children }) {
-                  return <th className="px-6 py-3">{children}</th>;
-                },
-                td({ children }) {
-                  return <td className="px-6 py-3">{children}</td>;
-                },
-              }}
-            >
-              {segment.content}
-            </ReactMarkdown>
+                      </a>
+                    );
+                  },
+                  img({ src, alt }) {
+                    // `![chart](sandbox:/mnt/data/chart.png)` is how a model
+                    // announces a plot it produced. react-markdown runs
+                    // urlTransform over `src` too, so without this the invented
+                    // scheme survives and renders a broken-image box beside the
+                    // chip that opens the very same file.
+                    const source = typeof src === 'string' ? src : undefined;
+                    const sandboxLink = resolveSandboxLink(
+                      source,
+                      artifacts,
+                      turnArtifacts,
+                    );
+                    if (sandboxLink.kind === 'artifact') {
+                      const { artifact } = sandboxLink;
+                      return renderArtifactChip(
+                        artifact,
+                        alt || artifact.label || 'Open file',
+                      );
+                    }
+                    if (sandboxLink.kind === 'plain') {
+                      return <>{alt ?? ''}</>;
+                    }
+                    return (
+                      <img src={source} alt={alt} className="max-w-full" />
+                    );
+                  },
+                  code(props) {
+                    const { children, className, node, ref, ...rest } = props;
+                    const match = /language-(\w+)/.exec(className || '');
+                    const language = match ? match[1] : '';
+
+                    return match ? (
+                      <div className="group border-border relative overflow-hidden rounded-xl border">
+                        <div className="bg-muted flex items-center justify-between px-2 py-1">
+                          <span className="text-foreground dark:text-foreground text-xs font-medium">
+                            {language}
+                          </span>
+                          <CopyButton
+                            textToCopy={String(children).replace(/\n$/, '')}
+                          />
+                        </div>
+                        <SyntaxHighlighter
+                          {...rest}
+                          PreTag="div"
+                          language={language}
+                          style={isDarkTheme ? vscDarkPlus : oneLight}
+                          className="mt-0!"
+                          customStyle={{ margin: 0, borderRadius: 0 }}
+                        >
+                          {String(children).replace(/\n$/, '')}
+                        </SyntaxHighlighter>
+                      </div>
+                    ) : (
+                      <code className="dark:bg-accent dark:text-foreground rounded-md bg-gray-200 px-2 py-1 text-xs font-normal whitespace-pre-line">
+                        {children}
+                      </code>
+                    );
+                  },
+                  ul({ children }) {
+                    return (
+                      <ul
+                        className={`list-inside list-disc pl-4 whitespace-normal ${classes.list}`}
+                      >
+                        {children}
+                      </ul>
+                    );
+                  },
+                  ol({ children }) {
+                    return (
+                      <ol
+                        className={`list-inside list-decimal pl-4 whitespace-normal ${classes.list}`}
+                      >
+                        {children}
+                      </ol>
+                    );
+                  },
+                  table({ children }) {
+                    return (
+                      <div className="border-border relative overflow-x-auto rounded-lg border">
+                        <table className="dark:text-foreground w-full text-left text-gray-700">
+                          {children}
+                        </table>
+                      </div>
+                    );
+                  },
+                  thead({ children }) {
+                    return (
+                      <thead className="bg-muted text-foreground text-xs uppercase">
+                        {children}
+                      </thead>
+                    );
+                  },
+                  tr({ children }) {
+                    return (
+                      <tr className="border-border odd:bg-card even:bg-muted border-b">
+                        {children}
+                      </tr>
+                    );
+                  },
+                  th({ children }) {
+                    return <th className="px-6 py-3">{children}</th>;
+                  },
+                  td({ children }) {
+                    return <td className="px-6 py-3">{children}</td>;
+                  },
+                }}
+              >
+                {segment.content}
+              </ReactMarkdown>
+            </div>
          ) : (
            <div className="my-4 w-full" style={{ minWidth: '100%' }}>
              <MermaidRenderer code={segment.content} isLoading={isStreaming} />
@@ -6,32 +6,32 @@
    "": {
      "name": "docsgpt-e2e",
      "devDependencies": {
-        "@playwright/test": "^1.59.1",
+        "@playwright/test": "^1.63.0",
        "@types/jsonwebtoken": "^9.0.10",
-        "@types/node": "^22.9.0",
-        "@types/pg": "^8.20.0",
+        "@types/node": "^22.20.2",
+        "@types/pg": "^8.23.1",
        "jsonwebtoken": "^9.0.3",
-        "pg": "^8.20.0",
-        "typescript": "^5.9.3"
+        "pg": "^8.23.0",
+        "typescript": "^7.0.2"
      },
      "engines": {
        "node": ">=20"
      }
    },
    "node_modules/@playwright/test": {
-      "version": "1.59.1",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.59.1.tgz",
-      "integrity": "sha512-PG6q63nQg5c9rIi4/Z5lR5IVF7yU5MqmKaPOe0HSc0O2cX1fPi96sUQu5j7eo4gKCkB2AnNGoWt7y4/Xx3Kcqg==",
+      "version": "1.63.0",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.63.0.tgz",
+      "integrity": "sha512-oxMK4vllB9RK5NQ2l1pq1IfOf2AvnEuj/vYGDj0H2nMtmtZpKtCwt/l00GEO6xjGfpBNAvjovvYdCm50dRQkpQ==",
      "dev": true,
      "license": "Apache-2.0",
      "dependencies": {
-        "playwright": "1.59.1"
+        "playwright": "1.63.0"
      },
      "bin": {
        "playwright": "cli.js"
      },
      "engines": {
-        "node": ">=18"
+        "node": ">=20"
      }
    },
    "node_modules/@types/jsonwebtoken": {
@@ -53,9 +53,9 @@
      "license": "MIT"
    },
    "node_modules/@types/node": {
-      "version": "22.19.17",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.17.tgz",
-      "integrity": "sha512-wGdMcf+vPYM6jikpS/qhg6WiqSV/OhG+jeeHT/KlVqxYfD40iYJf9/AE1uQxVWFvU7MipKRkRv8NSHiCGgPr8Q==",
+      "version": "22.20.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.20.2.tgz",
+      "integrity": "sha512-xlvWf4Vs9n1PEVYwP1n4vvG07M6y8WgvJ2t0vbrWTmijsIHp1cS+uJ2kMIRdY3nHZK0nCYKrPeD171+SzF4/zw==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -63,9 +63,9 @@
      }
    },
    "node_modules/@types/pg": {
-      "version": "8.20.0",
-      "resolved": "https://registry.npmjs.org/@types/pg/-/pg-8.20.0.tgz",
-      "integrity": "sha512-bEPFOaMAHTEP1EzpvHTbmwR8UsFyHSKsRisLIHVMXnpNefSbGA1bD6CVy+qKjGSqmZqNqBDV2azOBo8TgkcVow==",
+      "version": "8.23.1",
+      "resolved": "https://registry.npmjs.org/@types/pg/-/pg-8.23.1.tgz",
+      "integrity": "sha512-fKVHpikPdg4GKks3JuLEhvwSyvwzF23hnabPy6DD8ljVbC7+6J5dQzdv4arV6jqq57djnMgs1HKBxX4P8aBI3A==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -74,6 +74,346 @@
        "pg-types": "^2.2.0"
      }
    },
+    "node_modules/@typescript/typescript-aix-ppc64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-aix-ppc64/-/typescript-aix-ppc64-7.0.2.tgz",
+      "integrity": "sha512-MTKKkWB7p/0E9xi1d1tHtZ5PiLkGEMIq88pK2CubZjOsLtYTLqhgIgi6zepFa+9GHZ6h05NMCkQxGKiPXMxXtQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-darwin-arm64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-darwin-arm64/-/typescript-darwin-arm64-7.0.2.tgz",
+      "integrity": "sha512-gowzar9MwS/aRWp6f3a4KUqzRjAZjOsmGNCM6LcTgXum+dBfgsBVMN+AgvOCCbguXyick6LJhpBszxMebJ8syA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-darwin-x64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-darwin-x64/-/typescript-darwin-x64-7.0.2.tgz",
+      "integrity": "sha512-SZ9xZInqApNlNGc9s0W1VSsktYSOe9cFqNOIqmN1Gs8SmkjKZYFt017G4VwPxASInODuAdbTW7sXiFUf893RgA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-freebsd-arm64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-freebsd-arm64/-/typescript-freebsd-arm64-7.0.2.tgz",
+      "integrity": "sha512-W5NH4y/J0plIIS5b2xvTEkU7JFxyqdMAOgf+Ilhl0vHQXKO5dZoxd+C/jEtq56c4F3wk71RB4BMRQ2XdI+bwYQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-freebsd-x64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-freebsd-x64/-/typescript-freebsd-x64-7.0.2.tgz",
+      "integrity": "sha512-UMGDx5sTpzNw3WiPebH7l90IWfJggEd+egHt/q6p7/Cm3zqoV7VxkGXt+3DxPIw8CcmvAB0j3sVVfbhX+M4Tpw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-linux-arm": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-linux-arm/-/typescript-linux-arm-7.0.2.tgz",
+      "integrity": "sha512-gffT3xPz9sR7j/YJExkyPntrI0P2EP9XbOyWzth2/Gs0RstK+90RBcO0ncXoXy/beYll1SXw846Nf2zdnEz0QQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-linux-arm64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-linux-arm64/-/typescript-linux-arm64-7.0.2.tgz",
+      "integrity": "sha512-Qh4eU4/y3yDjnfjjyPYihMj5/ODIlmt+Bzu17OI+fiSRDW57QmU5SiN63exPRNJPKUzcc1INa1NXdrJ+MqHjUQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-linux-loong64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-linux-loong64/-/typescript-linux-loong64-7.0.2.tgz",
+      "integrity": "sha512-uEHck9i8hoAzXPiYRib1O7miOnz23SxIeVl6F4LXox+qov1K35jHcEW6VHKvZI+pyvl7fZEP4MCU5LYvIq1GuQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-linux-mips64el": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-linux-mips64el/-/typescript-linux-mips64el-7.0.2.tgz",
+      "integrity": "sha512-R4KvAMnE43W5Qeqb0Ly56O3mWMWIAgsMyz36DCaycd5nbg/9kzm0liw3JocfRqyJY0KPmzFjbswozXyW0DnIYA==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-linux-ppc64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-linux-ppc64/-/typescript-linux-ppc64-7.0.2.tgz",
+      "integrity": "sha512-DORx5b3sd/4S7eayxm4FQv+A7CrkUIGRaHiwI8oiHTAI1fAPWhF4J0vAlkC8biAlHSVVwxMQ3tjZ2/DVbnQiiA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-linux-riscv64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-linux-riscv64/-/typescript-linux-riscv64-7.0.2.tgz",
+      "integrity": "sha512-wf0jqEDOjrPRnKwYRyyJDRo11KMbvMFrU+q4zqKyChODBzvlkbhNQfKvLxQCcwTpdDaXSHZTVuh0JoCrKCUMHQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-linux-s390x": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-linux-s390x/-/typescript-linux-s390x-7.0.2.tgz",
+      "integrity": "sha512-IkwJc3L7yhytWd/ewjyxNDfOmswCm9GWMJT/ue/dU4aZNbwZeYAetq42VyLmsmSjvoX7z74X6ZaYCtzAr0EuGw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-linux-x64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-linux-x64/-/typescript-linux-x64-7.0.2.tgz",
+      "integrity": "sha512-EYdf2cNg7rgCWJnxCdJ+F3V39O8ihb37eHAu1LK8oAFizgTQbPOK7zHHXbPt8rX24COqODXeI3sIf0fCXG7H/A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-netbsd-arm64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-netbsd-arm64/-/typescript-netbsd-arm64-7.0.2.tgz",
+      "integrity": "sha512-+polYF4MF04aPpO5FTkHran9yUQDSXqy5GiSDKpsll5jy3l3+g9QLhpf39T+ePtefhXLOGrLl0QIjkQP6VnelA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-netbsd-x64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-netbsd-x64/-/typescript-netbsd-x64-7.0.2.tgz",
+      "integrity": "sha512-8YIT0EHM/3dq10ZOVF/A7pc/YSMtbcecct4rWtexrnSCHOPcpC2KTLXfTCR6vDpnSiY12heNb1GiN/wu+T/FyA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-openbsd-arm64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-openbsd-arm64/-/typescript-openbsd-arm64-7.0.2.tgz",
+      "integrity": "sha512-APT8+ClYnuYm1u9+kgGXoMj2VzWzcymwh2gNSQVySHfkRDGOTVkoWLjCmOQSaO+PoqQ57B0flRp9SA+7GnnkzQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-openbsd-x64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-openbsd-x64/-/typescript-openbsd-x64-7.0.2.tgz",
+      "integrity": "sha512-yX7s+Q0Dln0Dt9tEzZsAjXXR/+ytBM7AlglaqyeMPxQszJ1JhlJdZ6jLA+IzldHtflX81em7lDao1xXu+aRRkg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-sunos-x64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-sunos-x64/-/typescript-sunos-x64-7.0.2.tgz",
+      "integrity": "sha512-dLJDGaLZ1D4HPQn62u1n8mBDkJREwMsAkCdkwd4Ieqw+x3TUyTsqY0YiBCtE6H6OzzgGk3iuZ3vFWRS+E8/d1g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-win32-arm64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-win32-arm64/-/typescript-win32-arm64-7.0.2.tgz",
+      "integrity": "sha512-Gyl1Vy6OsWesLzmq+EP0Fb7b4Nid5232AvcA2SFcdYreldpNtYFFofPjnt62y9hQy7VTaZp65ICJjuAQRaVcIQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/@typescript/typescript-win32-x64": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript/typescript-win32-x64/-/typescript-win32-x64-7.0.2.tgz",
+      "integrity": "sha512-0BQ3HkAHHlKLSp1qRvf3SUhGpGsDuhB/jgFw75guyqbxJqEaS0Cw/VFO8i2nHglJUzQCRtMMR/IBAKE3ETMC4g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
    "node_modules/buffer-equal-constant-time": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
@@ -91,21 +431,6 @@
        "safe-buffer": "^5.0.1"
      }
    },
-    "node_modules/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
    "node_modules/jsonwebtoken": {
      "version": "9.0.3",
      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.3.tgz",
@@ -209,15 +534,15 @@
      "license": "MIT"
    },
    "node_modules/pg": {
-      "version": "8.20.0",
-      "resolved": "https://registry.npmjs.org/pg/-/pg-8.20.0.tgz",
-      "integrity": "sha512-ldhMxz2r8fl/6QkXnBD3CR9/xg694oT6DZQ2s6c/RI28OjtSOpxnPrUCGOBJ46RCUxcWdx3p6kw/xnDHjKvaRA==",
+      "version": "8.23.0",
+      "resolved": "https://registry.npmjs.org/pg/-/pg-8.23.0.tgz",
+      "integrity": "sha512-Ip2EQCngowJLGOfCwkFhPXU7/ljlhn6Rxlmy4XYfL2Y+vyRM59+8uR2xqRWKdYmbXmxCFOAmKxBuSUCdF34qLg==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
-        "pg-connection-string": "^2.12.0",
-        "pg-pool": "^3.13.0",
-        "pg-protocol": "^1.13.0",
+        "pg-connection-string": "^2.14.0",
+        "pg-pool": "^3.14.0",
+        "pg-protocol": "^1.16.0",
        "pg-types": "2.2.0",
        "pgpass": "1.0.5"
      },
@@ -225,7 +550,7 @@
        "node": ">= 16.0.0"
      },
      "optionalDependencies": {
-        "pg-cloudflare": "^1.3.0"
+        "pg-cloudflare": "^1.4.0"
      },
      "peerDependencies": {
        "pg-native": ">=3.0.1"
@@ -237,17 +562,17 @@
      }
    },
    "node_modules/pg-cloudflare": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/pg-cloudflare/-/pg-cloudflare-1.3.0.tgz",
-      "integrity": "sha512-6lswVVSztmHiRtD6I8hw4qP/nDm1EJbKMRhf3HCYaqud7frGysPv7FYJ5noZQdhQtN2xJnimfMtvQq21pdbzyQ==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/pg-cloudflare/-/pg-cloudflare-1.4.0.tgz",
+      "integrity": "sha512-Vo7z/6rrQYxpNRylp4Tlob2elzbh+N/MOQbxFVWCxS7oEx6jF53GTJFxK2WWpKuBRkmiin4Mt+xofFDjx09R0A==",
      "dev": true,
      "license": "MIT",
      "optional": true
    },
    "node_modules/pg-connection-string": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/pg-connection-string/-/pg-connection-string-2.12.0.tgz",
-      "integrity": "sha512-U7qg+bpswf3Cs5xLzRqbXbQl85ng0mfSV/J0nnA31MCLgvEaAo7CIhmeyrmJpOr7o+zm0rXK+hNnT5l9RHkCkQ==",
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/pg-connection-string/-/pg-connection-string-2.14.0.tgz",
+      "integrity": "sha512-XwWDGcLRGCXAR8F/AM5bG7Q+A3Wm2s6QeEjlOKZLlH3UYcguiqCWKyWXVag5TLTIjR7oOJUY8kcADaZgWPyLeg==",
      "dev": true,
      "license": "MIT"
    },
@@ -262,9 +587,9 @@
      }
    },
    "node_modules/pg-pool": {
-      "version": "3.13.0",
-      "resolved": "https://registry.npmjs.org/pg-pool/-/pg-pool-3.13.0.tgz",
-      "integrity": "sha512-gB+R+Xud1gLFuRD/QgOIgGOBE2KCQPaPwkzBBGC9oG69pHTkhQeIuejVIk3/cnDyX39av2AxomQiyPT13WKHQA==",
+      "version": "3.14.0",
+      "resolved": "https://registry.npmjs.org/pg-pool/-/pg-pool-3.14.0.tgz",
+      "integrity": "sha512-gKtPkFdQPU3DksooVLi9LsjZxrsBUZIpa+7aVx+LV5pNh0KzP4Zleud2po+ConrxbuXGBJ6Hfer6hdgpIBpBaw==",
      "dev": true,
      "license": "MIT",
      "peerDependencies": {
@@ -272,9 +597,9 @@
      }
    },
    "node_modules/pg-protocol": {
-      "version": "1.13.0",
-      "resolved": "https://registry.npmjs.org/pg-protocol/-/pg-protocol-1.13.0.tgz",
-      "integrity": "sha512-zzdvXfS6v89r6v7OcFCHfHlyG/wvry1ALxZo4LqgUoy7W9xhBDMaqOuMiF3qEV45VqsN6rdlcehHrfDtlCPc8w==",
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/pg-protocol/-/pg-protocol-1.16.0.tgz",
+      "integrity": "sha512-sILXutLVjCLjcDuOmvhX5e2Z4cS5qG/6Bu3VkpFwdf/633ElGLpEh9bgmuI5I4sqKqkifQiGyiCcx1HdtrK7tg==",
      "dev": true,
      "license": "MIT"
    },
@@ -306,35 +631,32 @@
      }
    },
    "node_modules/playwright": {
-      "version": "1.59.1",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.59.1.tgz",
-      "integrity": "sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw==",
+      "version": "1.63.0",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.63.0.tgz",
+      "integrity": "sha512-+7ziBLidS4NaNCdt57SUDT+wYmmd5fmiQejUic/kb+YsYSCPyOOE9sebzMjNmQrsnNpDJqd4WHvV/8lfKfUDUg==",
      "dev": true,
      "license": "Apache-2.0",
      "dependencies": {
-        "playwright-core": "1.59.1"
+        "playwright-core": "1.63.0"
      },
      "bin": {
        "playwright": "cli.js"
      },
      "engines": {
-        "node": ">=18"
-      },
-      "optionalDependencies": {
-        "fsevents": "2.3.2"
+        "node": ">=20"
      }
    },
    "node_modules/playwright-core": {
-      "version": "1.59.1",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.59.1.tgz",
-      "integrity": "sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg==",
+      "version": "1.63.0",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.63.0.tgz",
+      "integrity": "sha512-rYCsBF/M5HjUch52bbtVONEFjv6Xu8sm8h72dNlR5bzIE1fvC/bxgspzkjSfU+MweEMmPM8KJebG6nnyxo5mCg==",
      "dev": true,
      "license": "Apache-2.0",
      "bin": {
        "playwright-core": "cli.js"
      },
      "engines": {
-        "node": ">=18"
+        "node": ">=20"
      }
    },
    "node_modules/postgres-array": {
@@ -402,9 +724,9 @@
      "license": "MIT"
    },
    "node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
      "dev": true,
      "license": "ISC",
      "bin": {
@@ -425,17 +747,38 @@
      }
    },
    "node_modules/typescript": {
-      "version": "5.9.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-7.0.2.tgz",
+      "integrity": "sha512-8FYau96o3NKOhbjKi/qNvG/W5jhzxkbdm5sj9AbZ/5T5sWqn3hJgLfGx27sRKZWTvyzCP8dLRBTf5tBTSRVUNA==",
      "dev": true,
      "license": "Apache-2.0",
      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
+        "tsc": "bin/tsc"
      },
      "engines": {
-        "node": ">=14.17"
+        "node": ">=16.20.0"
+      },
+      "optionalDependencies": {
+        "@typescript/typescript-aix-ppc64": "7.0.2",
+        "@typescript/typescript-darwin-arm64": "7.0.2",
+        "@typescript/typescript-darwin-x64": "7.0.2",
+        "@typescript/typescript-freebsd-arm64": "7.0.2",
+        "@typescript/typescript-freebsd-x64": "7.0.2",
+        "@typescript/typescript-linux-arm": "7.0.2",
+        "@typescript/typescript-linux-arm64": "7.0.2",
+        "@typescript/typescript-linux-loong64": "7.0.2",
+        "@typescript/typescript-linux-mips64el": "7.0.2",
+        "@typescript/typescript-linux-ppc64": "7.0.2",
+        "@typescript/typescript-linux-riscv64": "7.0.2",
+        "@typescript/typescript-linux-s390x": "7.0.2",
+        "@typescript/typescript-linux-x64": "7.0.2",
+        "@typescript/typescript-netbsd-arm64": "7.0.2",
+        "@typescript/typescript-netbsd-x64": "7.0.2",
+        "@typescript/typescript-openbsd-arm64": "7.0.2",
+        "@typescript/typescript-openbsd-x64": "7.0.2",
+        "@typescript/typescript-sunos-x64": "7.0.2",
+        "@typescript/typescript-win32-arm64": "7.0.2",
+        "@typescript/typescript-win32-x64": "7.0.2"
      }
    },
    "node_modules/undici-types": {
@@ -12,13 +12,13 @@
    "e2e:report": "playwright show-report"
  },
  "devDependencies": {
-    "@playwright/test": "^1.59.1",
+    "@playwright/test": "^1.63.0",
    "@types/jsonwebtoken": "^9.0.10",
-    "@types/node": "^22.9.0",
-    "@types/pg": "^8.20.0",
+    "@types/node": "^22.20.2",
+    "@types/pg": "^8.23.1",
    "jsonwebtoken": "^9.0.3",
-    "pg": "^8.20.0",
-    "typescript": "^5.9.3"
+    "pg": "^8.23.0",
+    "typescript": "^7.0.2"
  },
  "engines": {
    "node": ">=20"
@@ -8,9 +8,8 @@
    "skipLibCheck": true,
    "resolveJsonModule": true,
    "types": ["node", "@playwright/test"],
-    "baseUrl": ".",
    "paths": {
-      "@helpers/*": ["helpers/*"]
+      "@helpers/*": ["./helpers/*"]
    }
  },
  "include": ["specs/**/*.ts", "helpers/**/*.ts", "playwright.config.ts"]