diff --git a/.github/scripts/gen-summary.js b/.github/scripts/gen-summary.js
new file mode 100644
index 0000000..9b25d80
--- /dev/null
+++ b/.github/scripts/gen-summary.js
@@ -0,0 +1,22 @@
+const fs = require('fs');
+
+const data = JSON.parse(fs.readFileSync('jest-results.json', 'utf-8'));
+const { numTotalTests, numPassedTests, numFailedTests, testResults } = data;
+
+let summary = `## ✅ Jest Test Summary\n`;
+summary += `- Total: **${numTotalTests}**\n`;
+summary += `- Passed: ✅ ${numPassedTests}\n`;
+summary += `- Failed: ❌ ${numFailedTests}\n\n`;
+
+if (numFailedTests > 0) {
+  summary += `### ❌ Failed Tests\n`;
+  testResults.forEach(file => {
+    file.assertionResults
+      .filter(test => test.status === 'failed')
+      .forEach(test => {
+        summary += `- ${test.fullName} (${file.name})\n`;
+      });
+  });
+}
+
+fs.writeFileSync('summary.md', summary);
diff --git a/.github/workflows/pr-test.yml b/.github/workflows/pr-test.yml
new file mode 100644
index 0000000..a17df83
--- /dev/null
+++ b/.github/workflows/pr-test.yml
@@ -0,0 +1,41 @@
+name: Jest Test with Sticky Comment (Internal)
+
+on:
+  pull_request:
+    branches: [main]
+
+permissions:
+  pull-requests: write
+  issues: write
+
+jobs:
+  test:
+    if: github.event.pull_request.head.repo.full_name == github.repository
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout PR Code
+        uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run Jest
+        run: npx jest --json --outputFile=jest-results.json
+        continue-on-error: true
+
+      - name: Generate Markdown Summary
+        run: node .github/scripts/gen-summary.js > summary.md
+
+      - name: Sticky PR Comment
+        uses: marocchino/sticky-pull-request-comment@v2
+        with:
+          header: jest-summary
+          path: summary.md
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.gitignore b/.gitignore
index 4cf757b..7553d92 100644
--- a/.gitignore
+++ b/.gitignore
@@ -41,4 +41,5 @@ yarn-error.log*
 next-env.d.ts
 
 # Test
-test/
\ No newline at end of file
+app/test/
+app/api/test
\ No newline at end of file
diff --git a/.replit b/.replit
new file mode 100644
index 0000000..0d00d98
--- /dev/null
+++ b/.replit
@@ -0,0 +1,12 @@
+modules = ["nodejs-20", "web"]
+run = "npm run dev"
+
+[nix]
+channel = "stable-24_05"
+
+[deployment]
+run = ["sh", "-c", "npm run dev"]
+
+[[ports]]
+localPort = 3000
+externalPort = 80
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 293af73..9e46ab5 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,6 +1,6 @@
 {
   "[typescript]": {
-    "editor.defaultFormatter": "denoland.vscode-deno"
+    "editor.defaultFormatter": "vscode.typescript-language-features"
   },
   "deno.enablePaths": [
     "supabase/functions"
diff --git a/__tests__/manager-tool/extract/EndX.test.tsx b/__tests__/manager-tool/extract/EndX.test.tsx
new file mode 100644
index 0000000..b99284e
--- /dev/null
+++ b/__tests__/manager-tool/extract/EndX.test.tsx
@@ -0,0 +1,216 @@
+import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import WordExtractorApp from "@/app/manager-tool/extract/endx/EndX";
+import { getOutsideHelpModal } from "@/test/utils/dom";
+
+jest.mock("@/app/manager-tool/extract/components/FileContentDisplay", () => {
+  return ({ onFileUpload, fileContent, resultData, resultTitle }: any) => (
+    <div data-testid="file-content-display">
+      <div>File Content: {fileContent || "No content"}</div>
+      <div>Result Title: {resultTitle}</div>
+      <div>Result Count: {resultData?.length || 0}</div>
+      <button onClick={() => onFileUpload?.("test\ncontent\ndata\ntest")}>
+        Mock File Upload
+      </button>
+      <div data-testid="result-word">{fileContent}</div>
+    </div>
+  );
+});
+
+describe("EndX", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("초기 렌더링이 정상적으로 되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    expect(screen.getByText("X로 끝나는 단어 추출")).toBeInTheDocument();
+    expect(screen.getAllByText("설정")).toHaveLength(2);
+    expect(screen.getAllByText("실행")).toHaveLength(2);
+  });
+
+  it("끝글자 입력이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const wordEndInput = screen
+      .getAllByPlaceholderText("끝글자를 입력하세요")
+      .find((el) => !el.closest('[data-testid="help-modal"]'));
+    expect(wordEndInput).toBeDefined();
+    await user.type(wordEndInput!, "다");
+
+    expect(wordEndInput).toHaveValue("다");
+  });
+
+  it("정렬 체크박스가 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const checkboxes = screen.getAllByTestId("checkbox");
+    const sortCheckbox = checkboxes.find(
+      (el) => !el.closest('[data-testid="help-modal"]'),
+    );
+
+    expect(sortCheckbox).toBeDefined(); // 혹시 못 찾을 때 대비
+    expect(sortCheckbox).toBeChecked();
+
+    await user.click(sortCheckbox!);
+    expect(sortCheckbox).not.toBeChecked();
+  });
+
+  it("파일 내용이 없을 때 단어 추출 버튼이 비활성화되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    expect(extractButton).toBeDisabled();
+  });
+
+  it("파일 업로드 후 단어 추출이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    // 끝글자 입력
+    const wordEndInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("끝글자를 입력하세요"),
+    );
+    await user.type(wordEndInput, "st");
+
+    // 단어 추출 실행
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    expect(extractButton).not.toBeDisabled();
+
+    await user.click(extractButton);
+
+    // 결과 확인 (test로 끝나는 단어가 추출되어야 함)
+    await waitFor(() => {
+      const resultDisplay = screen.getByTestId("file-content-display");
+      expect(resultDisplay).toHaveTextContent("Result Count: 1");
+      const resultWord = screen.getByTestId("result-word");
+      expect(resultWord).toBeInTheDocument();
+      expect(resultWord).toHaveTextContent("test");
+    });
+  });
+
+  it("단어 추출 결과에 따라 다운로드 버튼이 활성화되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const downloadButton = getOutsideHelpModal(() =>
+      screen.getAllByText("결과 다운로드"),
+    );
+    expect(downloadButton).toBeDisabled();
+
+    // Mock 파일 업로드 및 단어 추출
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const wordEndInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("끝글자를 입력하세요"),
+    );
+    await user.type(wordEndInput, "st");
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    await waitFor(() => {
+      expect(downloadButton).not.toBeDisabled();
+    });
+  });
+
+  it("정렬 옵션이 제대로 적용되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // 정렬 해제
+    const sortCheckbox = getOutsideHelpModal(() =>
+      screen.getAllByTestId("checkbox"),
+    );
+    await user.click(sortCheckbox);
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const wordEndInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("끝글자를 입력하세요"),
+    );
+    await user.type(wordEndInput, "st");
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    // 정렬이 해제된 상태에서도 단어 추출이 동작해야 함
+    await waitFor(() => {
+      expect(screen.getByText(/Result Count: 1/)).toBeInTheDocument();
+    });
+  });
+
+  it("다운로드 기능이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+
+    // URL.createObjectURL mock 설정
+    const createObjectURLSpy = jest.spyOn(URL, "createObjectURL");
+
+    // createElement mock 설정
+    const realCreateElement = document.createElement.bind(document);
+
+    const mockLink = document.createElement("a");
+    mockLink.click = jest.fn();
+
+    const createElementSpy = jest
+      .spyOn(document, "createElement")
+      .mockImplementation((tagName) => {
+        if (tagName === "a") return mockLink;
+        return realCreateElement(tagName);
+      });
+
+    render(<WordExtractorApp />);
+
+    // 단어 추출까지 완료
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const wordEndInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("끝글자를 입력하세요"),
+    );
+    await user.type(wordEndInput, "st");
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    await waitFor(() => {
+      const downloadButton = getOutsideHelpModal(() =>
+        screen.getAllByText("결과 다운로드"),
+      );
+      expect(downloadButton).not.toBeDisabled();
+    });
+
+    // 다운로드 실행
+    const downloadButton = getOutsideHelpModal(() =>
+      screen.getAllByText("결과 다운로드"),
+    );
+    await user.click(downloadButton);
+
+    expect(createElementSpy).toHaveBeenCalledWith("a");
+    expect(createObjectURLSpy).toHaveBeenCalled();
+    expect(mockLink.click).toHaveBeenCalled();
+
+    createElementSpy.mockRestore();
+    createObjectURLSpy.mockRestore();
+  });
+});
diff --git a/__tests__/manager-tool/extract/EnglishMission.test.tsx b/__tests__/manager-tool/extract/EnglishMission.test.tsx
new file mode 100644
index 0000000..a425ea9
--- /dev/null
+++ b/__tests__/manager-tool/extract/EnglishMission.test.tsx
@@ -0,0 +1,253 @@
+import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import WordExtractorApp from "@/app/manager-tool/extract/english-mission/EnglishMission";
+import { getOutsideHelpModal } from "@/test/utils/dom";
+
+jest.mock("@/app/manager-tool/extract/components/FileContentDisplay", () => {
+  return ({ onFileUpload, fileContent, resultData, resultTitle }: any) => (
+    <div data-testid="file-content-display">
+      <div>File Content: {fileContent || "No content"}</div>
+      <div>Result Title: {resultTitle}</div>
+      <div data-testid="result-count">
+        Result Count: {resultData?.length || 0}
+      </div>
+      <button
+        onClick={() => onFileUpload?.("error\ncomputer\nnano\nemotionlessness")}
+      >
+        Mock File Upload
+      </button>
+      <div data-testid="result-word">{resultData}</div>
+    </div>
+  );
+});
+
+describe("EnglishMission", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("초기 렌더링이 정상적으로 되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    expect(screen.getByText("영어 미션단어 추출")).toBeInTheDocument();
+    expect(screen.getAllByText("설정")).toHaveLength(2);
+    expect(screen.getAllByText("실행")).toHaveLength(2);
+  });
+
+  it("최소 포함수 입력이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const minMissionInput = screen
+      .getAllByPlaceholderText("최소 포함수를 입력하세요")
+      .find((el) => !el.closest('[data-testid="help-modal"]'));
+    expect(minMissionInput).toBeDefined();
+    await user.type(minMissionInput!, "2");
+
+    expect(minMissionInput).toHaveValue(2);
+  });
+
+  it("결과 정렬 체크박스가 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const checkboxes = screen.getAllByTestId("checkbox");
+    const sortCheckbox = checkboxes.find(
+      (el) => !el.closest('[data-testid="help-modal"]'),
+    );
+
+    expect(sortCheckbox).toBeDefined();
+    expect(sortCheckbox).toBeChecked();
+
+    await user.click(sortCheckbox!);
+    expect(sortCheckbox).not.toBeChecked();
+  });
+
+  it("파일 내용이 없을 때 단어 추출 버튼이 비활성화되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    expect(extractButton).toBeDisabled();
+  });
+
+  it("파일 업로드 후 단어 추출이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    // 최소 포함수 설정
+    const minMissionInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("최소 포함수를 입력하세요"),
+    );
+    await user.clear(minMissionInput);
+    await user.type(minMissionInput, "1");
+
+    // 단어 추출 실행
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    expect(extractButton).not.toBeDisabled();
+
+    await user.click(extractButton);
+
+    // 결과 확인 (미션 글자가 1개 이상 포함된 단어가 추출되어야 함)
+    await waitFor(() => {
+      const resultCountDisplay = screen.getByTestId("result-count");
+      expect(resultCountDisplay).toHaveTextContent("Result Count: 4");
+      const resultDataDisplay = screen.getByTestId("result-word");
+      expect(resultDataDisplay).toHaveTextContent("error [r:3 e:1 o:1]");
+    });
+  });
+
+  it("단어 추출 결과에 따라 다운로드 버튼이 활성화되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const downloadButton = getOutsideHelpModal(() =>
+      screen.getAllByText("결과 다운로드"),
+    );
+    expect(downloadButton).toBeDisabled();
+
+    // Mock 파일 업로드 및 단어 추출
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const minMissionInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("최소 포함수를 입력하세요"),
+    );
+    await user.clear(minMissionInput);
+    await user.type(minMissionInput, "1");
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    await waitFor(() => {
+      expect(downloadButton).not.toBeDisabled();
+    });
+  });
+
+  it("정렬 옵션이 제대로 적용되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // 정렬 해제
+    const sortCheckbox = getOutsideHelpModal(() =>
+      screen.getAllByTestId("checkbox"),
+    );
+    await user.click(sortCheckbox);
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const minMissionInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("최소 포함수를 입력하세요"),
+    );
+    await user.clear(minMissionInput);
+    await user.type(minMissionInput, "1");
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    // 정렬이 해제된 상태에서도 단어 추출이 동작해야 함
+    await waitFor(() => {
+      const resultCountDisplay = screen.getByTestId("result-count");
+      expect(resultCountDisplay).toHaveTextContent("Result Count: 4");
+      const resultDataDisplay = screen.getByTestId("result-word");
+      expect(resultDataDisplay).toHaveTextContent("error [e:1 o:1 r:3]");
+    });
+  });
+
+  it("최소 포함수가 0 이하일 때 자동으로 양수로 설정되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const minMissionInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("최소 포함수를 입력하세요"),
+    );
+
+    await user.clear(minMissionInput);
+    await user.type(minMissionInput, "-5");
+
+    expect(minMissionInput).toHaveValue(5);
+  });
+
+  it("다운로드 기능이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+
+    // URL.createObjectURL mock 설정
+    const createObjectURLSpy = jest.spyOn(URL, "createObjectURL");
+
+    // createElement mock 설정
+    const realCreateElement = document.createElement.bind(document);
+
+    const mockLink = document.createElement("a");
+    mockLink.click = jest.fn();
+
+    const createElementSpy = jest
+      .spyOn(document, "createElement")
+      .mockImplementation((tagName) => {
+        if (tagName === "a") return mockLink;
+        return realCreateElement(tagName);
+      });
+
+    render(<WordExtractorApp />);
+
+    // 단어 추출까지 완료
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const minMissionInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("최소 포함수를 입력하세요"),
+    );
+    await user.clear(minMissionInput);
+    await user.type(minMissionInput, "1");
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    await waitFor(() => {
+      const downloadButton = getOutsideHelpModal(() =>
+        screen.getAllByText("결과 다운로드"),
+      );
+      expect(downloadButton).not.toBeDisabled();
+    });
+
+    // 다운로드 실행
+    const downloadButton = getOutsideHelpModal(() =>
+      screen.getAllByText("결과 다운로드"),
+    );
+    await user.click(downloadButton);
+
+    expect(createElementSpy).toHaveBeenCalledWith("a");
+    expect(createObjectURLSpy).toHaveBeenCalled();
+    expect(mockLink.click).toHaveBeenCalled();
+
+    createElementSpy.mockRestore();
+    createObjectURLSpy.mockRestore();
+  });
+
+  it("파일의 총 단어 수가 정상적으로 표시되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    // 파일의 총 단어 수 표시 확인 (4개: error, computer, nano, emotionlessness)
+    expect(screen.getByText("4")).toBeInTheDocument();
+    expect(screen.getByText("파일의 총 단어 수")).toBeInTheDocument();
+  });
+});
diff --git a/__tests__/manager-tool/extract/FileContentDisplay.test.tsx b/__tests__/manager-tool/extract/FileContentDisplay.test.tsx
new file mode 100644
index 0000000..40c8e7c
--- /dev/null
+++ b/__tests__/manager-tool/extract/FileContentDisplay.test.tsx
@@ -0,0 +1,185 @@
+import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import FileContentDisplay from "@/app/manager-tool/extract/components/FileContentDisplay";
+
+// Mock UI components
+jest.mock("@/app/components/ui/card", () => ({
+  Card: ({ children }: { children: React.ReactNode }) => (
+    <div data-testid="card">{children}</div>
+  ),
+  CardContent: ({ children }: { children: React.ReactNode }) => (
+    <div data-testid="card-content">{children}</div>
+  ),
+  CardHeader: ({ children }: { children: React.ReactNode }) => (
+    <div data-testid="card-header">{children}</div>
+  ),
+  CardTitle: ({ children }: { children: React.ReactNode }) => (
+    <h2 data-testid="card-title">{children}</h2>
+  ),
+}));
+
+jest.mock("@/app/components/ui/input", () => ({
+  Input: (props: any) => <input {...props} data-testid="input" />,
+}));
+
+jest.mock("@/app/components/ui/label", () => ({
+  Label: ({ children, ...props }: any) => (
+    <label {...props} data-testid="label">
+      {children}
+    </label>
+  ),
+}));
+
+jest.mock("@/app/components/ui/scroll-area", () => ({
+  ScrollArea: ({ children, ...props }: any) => (
+    <div {...props} data-testid="scroll-area">
+      {children}
+    </div>
+  ),
+}));
+
+jest.mock("@/app/components/ui/badge", () => ({
+  Badge: ({ children, ...props }: any) => (
+    <span {...props} data-testid="badge">
+      {children}
+    </span>
+  ),
+}));
+
+jest.mock("@/app/components/ui/button", () => ({
+  Button: ({ children, onClick, ...props }: any) => (
+    <button onClick={onClick} {...props} data-testid="button">
+      {children}
+    </button>
+  ),
+}));
+
+describe("FileContentDisplay", () => {
+  const mockSetFileContent = jest.fn();
+  const mockSetFile = jest.fn();
+  const mockOnFileUpload = jest.fn();
+  const mockOnError = jest.fn();
+
+  const defaultProps = {
+    setFileContent: mockSetFileContent,
+    setFile: mockSetFile,
+    file: null,
+    fileContent: null,
+    onFileUpload: mockOnFileUpload,
+    onError: mockOnError,
+    resultData: [],
+    resultTitle: "처리 결과",
+  };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("렌더링이 정상적으로 되는지 확인", () => {
+    render(<FileContentDisplay {...defaultProps} />);
+
+    expect(screen.getByText("파일 업로드")).toBeInTheDocument();
+    expect(screen.getByText("업로드된 파일 내용")).toBeInTheDocument();
+    expect(screen.getByText("처리 결과")).toBeInTheDocument();
+  });
+
+  it("파일이 없을 때 플레이스홀더가 표시되는지 확인", () => {
+    render(<FileContentDisplay {...defaultProps} />);
+
+    expect(
+      screen.getByText("아직 파일이 업로드되지 않았습니다."),
+    ).toBeInTheDocument();
+    expect(screen.getByText("아직 처리 결과가 없습니다.")).toBeInTheDocument();
+  });
+
+  it("파일 업로드 처리가 정상적으로 되는지 확인", async () => {
+    const user = userEvent.setup();
+    const mockFile = new File(["test content"], "test.txt", {
+      type: "text/plain",
+    });
+
+    render(<FileContentDisplay {...defaultProps} />);
+
+    const fileInput = screen.getByLabelText("텍스트 파일 선택");
+
+    await user.upload(fileInput, mockFile);
+
+    await waitFor(() => {
+      expect(mockSetFile).toHaveBeenCalledWith(mockFile);
+    });
+  });
+
+  it("파일이 업로드되면 파일 정보가 표시되는지 확인", () => {
+    const mockFile = new File(["test content"], "test.txt", {
+      type: "text/plain",
+    });
+
+    render(<FileContentDisplay {...defaultProps} file={mockFile} />);
+
+    expect(screen.getByText("test.txt")).toBeInTheDocument();
+    expect(screen.getByText(/KB/)).toBeInTheDocument();
+  });
+
+  it("파일 내용이 있을 때 정상적으로 표시되는지 확인", () => {
+    const testContent = "line1\nline2\nline3";
+
+    render(<FileContentDisplay {...defaultProps} fileContent={testContent} />);
+
+    expect(screen.getByText((c) => c.includes("line1"))).toBeInTheDocument();
+    expect(screen.getByText((c) => c.includes("line2"))).toBeInTheDocument();
+    expect(screen.getByText((c) => c.includes("line3"))).toBeInTheDocument();
+  });
+
+  it("결과 데이터가 있을 때 정상적으로 표시되는지 확인", () => {
+    const resultData = ["result1", "result2", "result3"];
+
+    render(<FileContentDisplay {...defaultProps} resultData={resultData} />);
+
+    expect(screen.getByText((c) => c.includes("result1"))).toBeInTheDocument();
+    expect(screen.getByText((c) => c.includes("result2"))).toBeInTheDocument();
+    expect(screen.getByText((c) => c.includes("result3"))).toBeInTheDocument();
+    expect(screen.getByText("3개")).toBeInTheDocument();
+  });
+
+  it("초기화 버튼이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    const mockFile = new File(["test content"], "test.txt", {
+      type: "text/plain",
+    });
+
+    render(<FileContentDisplay {...defaultProps} file={mockFile} />);
+
+    const resetButton = screen.getByText("초기화");
+    await user.click(resetButton);
+
+    expect(mockSetFile).toHaveBeenCalledWith(null);
+    expect(mockSetFileContent).toHaveBeenCalledWith(null);
+  });
+
+  it("검색 기능이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    const testContent = "apple\nbanana\napricot\ncherry";
+
+    render(<FileContentDisplay {...defaultProps} fileContent={testContent} />);
+
+    const searchInput = screen.getByPlaceholderText("내용 검색...");
+    await user.type(searchInput, "ap");
+
+    // 검색 결과에 apple과 apricot만 표시되어야 함
+    expect(screen.getByText("2줄")).toBeInTheDocument();
+  });
+
+  it("대용량 파일에서 가상화 모드가 활성화되는지 확인", () => {
+    // 5000줄 이상의 대용량 텍스트 생성
+    const largeContent = Array.from(
+      { length: 6000 },
+      (_, i) => `line${i}`,
+    ).join("\n");
+
+    render(<FileContentDisplay {...defaultProps} fileContent={largeContent} />);
+
+    expect(
+      screen.getByText("대용량 파일 - 가상화 모드 (6,000줄)"),
+    ).toBeInTheDocument();
+  });
+});
diff --git a/__tests__/manager-tool/extract/KoreanMission.test.tsx b/__tests__/manager-tool/extract/KoreanMission.test.tsx
new file mode 100644
index 0000000..4f82008
--- /dev/null
+++ b/__tests__/manager-tool/extract/KoreanMission.test.tsx
@@ -0,0 +1,260 @@
+
+import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import WordExtractorApp from "@/app/manager-tool/extract/korean-mission/KoreanMission";
+import { getOutsideHelpModal } from "@/test/utils/dom";
+
+jest.mock("@/app/manager-tool/extract/components/FileContentDisplay", () => {
+  return ({ onFileUpload, fileContent, resultData, resultTitle }: any) => (
+    <div data-testid="file-content-display">
+      <div>File Content: {fileContent || "No content"}</div>
+      <div>Result Title: {resultTitle}</div>
+      <div>Result Count: {resultData?.length || 0}</div>
+      <button onClick={() => onFileUpload?.("가나다라\n마바사아\n자차카타\n파하기나\n다람쥐\n바다거북")}>
+        Mock File Upload
+      </button>
+      <div data-testid="result-word">{resultData}</div>
+    </div>
+  );
+});
+
+describe("KoreanMission", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("초기 렌더링이 정상적으로 되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    expect(screen.getByText("한국어 미션단어 추출 - A")).toBeInTheDocument();
+    expect(screen.getAllByText("설정")).toHaveLength(2);
+    expect(screen.getAllByText("실행")).toHaveLength(2);
+  });
+
+  it("1미 포함 체크박스가 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const checkboxes = screen.getAllByTestId("checkbox");
+    const oneMissionCheckbox = checkboxes.find(
+      (el) => !el.closest('[data-testid="help-modal"]') && el.closest('[id="one-mission"]')
+    );
+
+    if (oneMissionCheckbox) {
+      expect(oneMissionCheckbox).not.toBeChecked();
+      await user.click(oneMissionCheckbox);
+      expect(oneMissionCheckbox).toBeChecked();
+    }
+  });
+
+  it("미션 글자 표시 체크박스가 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const checkboxes = screen.getAllByTestId("checkbox");
+    const missionLetterCheckbox = checkboxes.find(
+      (el) => !el.closest('[data-testid="help-modal"]') && el.closest('[id="show-mletter"]')
+    );
+
+    if (missionLetterCheckbox) {
+      expect(missionLetterCheckbox).not.toBeChecked();
+      await user.click(missionLetterCheckbox);
+      expect(missionLetterCheckbox).toBeChecked();
+    }
+  });
+
+  it("정렬 모드 체크박스가 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const checkboxes = screen.getAllByTestId("checkbox");
+    const sortCheckboxes = checkboxes.filter(
+      (el) => !el.closest('[data-testid="help-modal"]') && 
+      (el.closest('[id="sort-미션글자 포함순"]') || el.closest('[id="sort-글자길이순"]') || el.closest('[id="sort-ㄱㄴㄷ순"]'))
+    );
+
+    // 정렬 모드 체크박스들이 존재하는지 확인
+    expect(sortCheckboxes.length).toBeGreaterThan(0);
+
+    // 첫 번째 정렬 모드 체크박스 테스트
+    if (sortCheckboxes[0]) {
+      await user.click(sortCheckboxes[0]);
+      expect(sortCheckboxes[0]).toBeChecked();
+      expect(screen.getByText(/1순위/)).toBeInTheDocument();
+    }
+  });
+
+  it("파일 내용이 없을 때 단어 추출 버튼이 비활성화되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    expect(extractButton).toBeDisabled();
+  });
+
+  it("파일 업로드 후 단어 추출이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    // 정렬 모드 선택 (미션글자 포함순)
+    const checkboxes = screen.getAllByTestId("checkbox");
+    const missionSortCheckbox = checkboxes.find(
+      (el) => !el.closest('[data-testid="help-modal"]') && el.closest('[id="sort-미션글자 포함순"]')
+    );
+
+    if (missionSortCheckbox) {
+      await user.click(missionSortCheckbox);
+    }
+
+    // 단어 추출 실행
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    expect(extractButton).not.toBeDisabled();
+
+    await user.click(extractButton);
+
+    // 결과 확인 (미션 단어가 추출되어야 함)
+    await waitFor(() => {
+      const resultDisplay = screen.getByTestId("file-content-display");
+      expect(resultDisplay).toHaveTextContent(/Result Count: [1-9]/);
+    });
+  });
+
+  it("단어 추출 결과에 따라 다운로드 버튼이 활성화되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const downloadButton = getOutsideHelpModal(() =>
+      screen.getAllByText("결과 다운로드"),
+    );
+    expect(downloadButton).toBeDisabled();
+
+    // Mock 파일 업로드 및 단어 추출
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    // 정렬 모드 선택
+    const checkboxes = screen.getAllByTestId("checkbox");
+    const missionSortCheckbox = checkboxes.find(
+      (el) => !el.closest('[data-testid="help-modal"]') && el.closest('[id="sort-미션글자 포함순"]')
+    );
+
+    if (missionSortCheckbox) {
+      await user.click(missionSortCheckbox);
+    }
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    await waitFor(() => {
+      expect(downloadButton).not.toBeDisabled();
+    });
+  });
+
+  it("1미 포함 옵션이 제대로 적용되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // 1미 포함 체크
+    const checkboxes = screen.getAllByTestId("checkbox");
+    const oneMissionCheckbox = checkboxes.find(
+      (el) => !el.closest('[data-testid="help-modal"]') && el.closest('[id="one-mission"]')
+    );
+
+    if (oneMissionCheckbox) {
+      await user.click(oneMissionCheckbox);
+    }
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    // 정렬 모드 선택
+    const missionSortCheckbox = checkboxes.find(
+      (el) => !el.closest('[data-testid="help-modal"]') && el.closest('[id="sort-미션글자 포함순"]')
+    );
+
+    if (missionSortCheckbox) {
+      await user.click(missionSortCheckbox);
+    }
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    // 1미 포함 옵션이 적용된 상태에서도 단어 추출이 동작해야 함
+    await waitFor(() => {
+      expect(screen.getByText(/Result Count: [1-9]/)).toBeInTheDocument();
+    });
+  });
+
+  it("다운로드 기능이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+
+    // URL.createObjectURL mock 설정
+    const createObjectURLSpy = jest.spyOn(URL, "createObjectURL");
+
+    // createElement mock 설정
+    const realCreateElement = document.createElement.bind(document);
+
+    const mockLink = document.createElement("a");
+    mockLink.click = jest.fn();
+
+    const createElementSpy = jest
+      .spyOn(document, "createElement")
+      .mockImplementation((tagName) => {
+        if (tagName === "a") return mockLink;
+        return realCreateElement(tagName);
+      });
+
+    render(<WordExtractorApp />);
+
+    // 단어 추출까지 완료
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    // 정렬 모드 선택
+    const checkboxes = screen.getAllByTestId("checkbox");
+    const missionSortCheckbox = checkboxes.find(
+      (el) => !el.closest('[data-testid="help-modal"]') && el.closest('[id="sort-미션글자 포함순"]')
+    );
+
+    if (missionSortCheckbox) {
+      await user.click(missionSortCheckbox);
+    }
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    await waitFor(() => {
+      const downloadButton = getOutsideHelpModal(() =>
+        screen.getAllByText("결과 다운로드"),
+      );
+      expect(downloadButton).not.toBeDisabled();
+    });
+
+    // 다운로드 실행
+    const downloadButton = getOutsideHelpModal(() =>
+      screen.getAllByText("결과 다운로드"),
+    );
+    await user.click(downloadButton);
+
+    expect(createElementSpy).toHaveBeenCalledWith("a");
+    expect(createObjectURLSpy).toHaveBeenCalled();
+    expect(mockLink.click).toHaveBeenCalled();
+
+    createElementSpy.mockRestore();
+    createObjectURLSpy.mockRestore();
+  });
+});
diff --git a/__tests__/manager-tool/extract/KoreanMissionB.test.tsx b/__tests__/manager-tool/extract/KoreanMissionB.test.tsx
new file mode 100644
index 0000000..5126b01
--- /dev/null
+++ b/__tests__/manager-tool/extract/KoreanMissionB.test.tsx
@@ -0,0 +1,197 @@
+
+import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import WordExtractorApp from "@/app/manager-tool/extract/korean-mission-b/KoreanMissionB";
+import { getOutsideHelpModal } from "@/test/utils/dom";
+
+jest.mock("@/app/manager-tool/extract/components/FileContentDisplay", () => {
+  return ({ onFileUpload, fileContent, resultData, resultTitle }: any) => (
+    <div data-testid="file-content-display">
+      <div>File Content: {fileContent || "No content"}</div>
+      <div>Result Title: {resultTitle}</div>
+      <div>Result Count: {resultData?.length || 0}</div>
+      <button onClick={() => onFileUpload("테스트 단어들 기가막힌 감자 나라 다람쥐 마법사 바다 사자 아름다운 자연 차가운 카페 타이어 파티 하늘")}>
+        Mock File Upload
+      </button>
+      <div data-testid="result-word">{resultData}</div>
+    </div>
+  );
+});
+
+describe("KoreanMissionB", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("초기 렌더링이 정상적으로 되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    expect(screen.getByText("한국어 미션 단어 추출 - B")).toBeInTheDocument();
+    expect(screen.getByText("설정")).toBeInTheDocument();
+    expect(screen.getAllByText("실행")).toHaveLength(2);
+  });
+
+  it("미션글자 표시 체크박스가 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const checkboxes = screen.getAllByTestId("checkbox");
+    const missionLetterCheckbox = checkboxes.find(
+      (el) => !el.closest('[data-testid="help-modal"]'),
+    );
+
+    expect(missionLetterCheckbox).toBeDefined();
+    expect(missionLetterCheckbox).not.toBeChecked();
+
+    await user.click(missionLetterCheckbox!);
+    expect(missionLetterCheckbox).toBeChecked();
+  });
+
+  it("파일 내용이 없을 때 단어 추출 버튼이 비활성화되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    expect(extractButton).toBeDisabled();
+  });
+
+  it("파일 업로드 후 단어 추출이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    // 단어 추출 실행
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    expect(extractButton).not.toBeDisabled();
+
+    await user.click(extractButton);
+
+    // 결과 확인 (1티어 미션단어가 추출되어야 함)
+    await waitFor(() => {
+      const resultWord = screen.getByTestId("result-word");
+      expect(resultWord).toBeInTheDocument();
+      expect(resultWord).toHaveTextContent(/기가막힌/)
+    });
+  });
+
+  it("단어 추출 결과에 따라 다운로드 버튼이 활성화되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const downloadButton = getOutsideHelpModal(() =>
+      screen.getAllByText("결과 다운로드"),
+    );
+    expect(downloadButton).toBeDisabled();
+
+    // Mock 파일 업로드 및 단어 추출
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    await waitFor(() => {
+      expect(downloadButton).not.toBeDisabled();
+    });
+  });
+
+  it("미션글자 표시 옵션이 제대로 적용되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // 미션글자 표시 체크
+    const missionLetterCheckbox = getOutsideHelpModal(() =>
+      screen.getAllByTestId("checkbox"),
+    );
+    await user.click(missionLetterCheckbox);
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    // 미션글자 표시 옵션이 활성화된 상태에서도 단어 추출이 동작해야 함
+    await waitFor(() => {
+      const resultWord = screen.getByTestId("result-word");
+      expect(resultWord).toBeInTheDocument();
+      expect(resultWord).toHaveTextContent(/[가1]/)
+    });
+  });
+
+  it("다운로드 기능이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+
+    // URL.createObjectURL mock 설정
+    const createObjectURLSpy = jest.spyOn(URL, "createObjectURL");
+
+    // createElement mock 설정
+    const realCreateElement = document.createElement.bind(document);
+
+    const mockLink = document.createElement("a");
+    mockLink.click = jest.fn();
+
+    const createElementSpy = jest
+      .spyOn(document, "createElement")
+      .mockImplementation((tagName) => {
+        if (tagName === "a") return mockLink;
+        return realCreateElement(tagName);
+      });
+
+    render(<WordExtractorApp />);
+
+    // 단어 추출까지 완료
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    await waitFor(() => {
+      const downloadButton = getOutsideHelpModal(() =>
+        screen.getAllByText("결과 다운로드"),
+      );
+      expect(downloadButton).not.toBeDisabled();
+    });
+
+    // 다운로드 실행
+    const downloadButton = getOutsideHelpModal(() =>
+      screen.getAllByText("결과 다운로드"),
+    );
+    await user.click(downloadButton);
+
+    expect(createElementSpy).toHaveBeenCalledWith("a");
+    expect(createObjectURLSpy).toHaveBeenCalled();
+    expect(mockLink.click).toHaveBeenCalled();
+
+    createElementSpy.mockRestore();
+    createObjectURLSpy.mockRestore();
+  });
+
+  it("파일 내용이 있을 때 파일 단어 수가 표시되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    // 파일 단어 수가 표시되어야 함
+    await waitFor(() => {
+      expect(screen.getByText("파일의 총 단어 수")).toBeInTheDocument();
+    });
+  });
+});
diff --git a/__tests__/manager-tool/extract/LenX.test.tsx b/__tests__/manager-tool/extract/LenX.test.tsx
new file mode 100644
index 0000000..1acf5a3
--- /dev/null
+++ b/__tests__/manager-tool/extract/LenX.test.tsx
@@ -0,0 +1,227 @@
+import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import WordExtractorApp from "@/app/manager-tool/extract/lenx/LenX";
+import { getOutsideHelpModal } from "@/test/utils/dom";
+
+// Mocking components used in WordExtractorApp
+jest.mock("@/app/manager-tool/extract/components/FileContentDisplay", () => {
+  return ({ onFileUpload, fileContent, resultData, resultTitle }: any) => (
+    <div data-testid="file-content-display">
+      <div>File Content: {fileContent || "No content"}</div>
+      <div>Result Title: {resultTitle}</div>
+      <div data-testid="result-count">
+        Result Count: {resultData?.length || 0}
+      </div>
+      <button onClick={() => onFileUpload?.("test\ncontent\ndata\ntest")}>
+        Mock File Upload
+      </button>
+      <div data-testid="result-word">{fileContent}</div>
+    </div>
+  );
+});
+
+describe("LenX", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("초기 렌더링이 정상적으로 되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    expect(screen.getByText("X 글자수 단어 추출")).toBeInTheDocument();
+    expect(screen.getAllByText("설정")).toHaveLength(2);
+    expect(screen.getAllByText("실행")).toHaveLength(2);
+  });
+
+  it("글자길이 입력이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const wordLengthInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("단어 길이 수를 입력하세요"),
+    );
+    expect(wordLengthInput).toBeDefined();
+
+    await user.clear(wordLengthInput!);
+    await user.type(wordLengthInput!, "4");
+
+    expect(wordLengthInput).toHaveValue(4);
+  });
+
+  it("정렬 체크박스가 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const sortCheckbox = getOutsideHelpModal(() =>
+      screen.getAllByTestId("checkbox"),
+    );
+
+    expect(sortCheckbox).toBeDefined(); // 혹시 못 찾을 때 대비
+    expect(sortCheckbox).toBeChecked();
+
+    await user.click(sortCheckbox!);
+    expect(sortCheckbox).not.toBeChecked();
+  });
+
+  it("파일 내용이 없을 때 단어 추출 버튼이 비활성화되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    expect(extractButton).toBeDisabled();
+  });
+
+  it("파일 업로드 후 단어 추출이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    // 글자길이 입력
+    const wordLengthInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("단어 길이 수를 입력하세요"),
+    );
+
+    await user.clear(wordLengthInput!);
+    await user.type(wordLengthInput, "4");
+
+    // 단어 추출 실행
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    expect(extractButton).not.toBeDisabled();
+
+    await user.click(extractButton);
+
+    // 결과 확인 (test로 끝나는 단어가 추출되어야 함)
+    await waitFor(() => {
+      const resultDisplay = screen.getByTestId("result-count");
+      expect(resultDisplay).toHaveTextContent("Result Count: 2");
+      const resultWord = screen.getByTestId("result-word");
+      expect(resultWord).toBeInTheDocument();
+      expect(resultWord).toHaveTextContent("test");
+      expect(resultWord).toHaveTextContent("data");
+    });
+  });
+
+  it("단어 추출 결과에 따라 다운로드 버튼이 활성화되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const downloadButton = getOutsideHelpModal(() =>
+      screen.getAllByText("결과 다운로드"),
+    );
+    expect(downloadButton).toBeDisabled();
+
+    // Mock 파일 업로드 및 단어 추출
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const wordLengthInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("단어 길이 수를 입력하세요"),
+    );
+    await user.clear(wordLengthInput!);
+    await user.type(wordLengthInput, "4");
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    await waitFor(() => {
+      expect(downloadButton).not.toBeDisabled();
+    });
+  });
+
+  it("정렬 옵션이 제대로 적용되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // 정렬 해제
+    const sortCheckbox = getOutsideHelpModal(() =>
+      screen.getAllByTestId("checkbox"),
+    );
+    await user.click(sortCheckbox);
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const wordLengthInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("단어 길이 수를 입력하세요"),
+    );
+    await user.clear(wordLengthInput!);
+    await user.type(wordLengthInput, "4");
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    // 정렬이 해제된 상태에서도 단어 추출이 동작해야 함
+    await waitFor(() => {
+      const resultDisplay = screen.getByTestId("result-count");
+      expect(resultDisplay).toHaveTextContent("Result Count: 2");
+    });
+  });
+
+  it("다운로드 기능이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+
+    // URL.createObjectURL mock 설정
+    const createObjectURLSpy = jest.spyOn(URL, "createObjectURL");
+
+    // createElement mock 설정
+    const realCreateElement = document.createElement.bind(document);
+
+    const mockLink = document.createElement("a");
+    mockLink.click = jest.fn();
+
+    const createElementSpy = jest
+      .spyOn(document, "createElement")
+      .mockImplementation((tagName) => {
+        if (tagName === "a") return mockLink;
+        return realCreateElement(tagName);
+      });
+
+    render(<WordExtractorApp />);
+
+    // 단어 추출까지 완료
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const wordLengthInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("단어 길이 수를 입력하세요"),
+    );
+    await user.clear(wordLengthInput!);
+    await user.type(wordLengthInput, "4");
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    await waitFor(() => {
+      const downloadButton = getOutsideHelpModal(() =>
+        screen.getAllByText("결과 다운로드"),
+      );
+      expect(downloadButton).not.toBeDisabled();
+    });
+
+    // 다운로드 실행
+    const downloadButton = getOutsideHelpModal(() =>
+      screen.getAllByText("결과 다운로드"),
+    );
+    await user.click(downloadButton);
+
+    expect(createElementSpy).toHaveBeenCalledWith("a");
+    expect(createObjectURLSpy).toHaveBeenCalled();
+    expect(mockLink.click).toHaveBeenCalled();
+
+    createElementSpy.mockRestore();
+    createObjectURLSpy.mockRestore();
+  });
+});
diff --git a/__tests__/manager-tool/extract/Loop.test.tsx b/__tests__/manager-tool/extract/Loop.test.tsx
new file mode 100644
index 0000000..1c4cd89
--- /dev/null
+++ b/__tests__/manager-tool/extract/Loop.test.tsx
@@ -0,0 +1,413 @@
+import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import LoopWordExtractorApp from "@/app/manager-tool/extract/loop/Loop";
+import { getOutsideHelpModal } from "@/test/utils/dom";
+
+// FileContentDisplay 컴포넌트 모킹
+jest.mock("@/app/manager-tool/extract/components/FileContentDisplay", () => {
+	return ({ onFileUpload, fileContent, resultData, resultTitle }: any) => (
+		<div data-testid="file-content-display">
+			<div>File Content: {fileContent || "No content"}</div>
+			<div>Result Title: {resultTitle}</div>
+			<div data-testid="result-count">Result Count: {resultData?.length || 0}</div>
+			<button
+				onClick={() =>
+					onFileUpload?.(
+						"라미아벨라 라메디아노체루나라 나라 나를인간이라고부르지말라 라그나로스님의힘이느껴지는구나 라바하운드와불타오르는아레나 나가르주나",
+					)
+				}
+			>
+				Mock File Upload
+			</button>
+			<div data-testid="result-word">{resultData?.join(" ")}</div>
+		</div>
+	);
+});
+
+// DuemLaw 함수 모킹
+jest.mock("@/app/lib/DuemLaw", () => {
+	return jest.fn((char: string) => {
+		// 두음법칙 매핑
+		const duemMap: { [key: string]: string } = {
+			라: "나",
+		};
+		return duemMap[char] || char;
+	});
+});
+
+describe("Loop", () => {
+	beforeEach(() => {
+		jest.clearAllMocks();
+	});
+
+	it("초기 렌더링이 정상적으로 되는지 확인", () => {
+		render(<LoopWordExtractorApp />);
+
+		expect(screen.getAllByText("설정")).toHaveLength(2);
+		expect(screen.getAllByText("실행")).toHaveLength(2);
+		expect(screen.getByText("추출 모드")).toBeInTheDocument();
+	});
+
+	it("돌림글자 입력이 정상적으로 동작하는지 확인", async () => {
+		const user = userEvent.setup();
+		render(<LoopWordExtractorApp />);
+
+		const loopLetterInput = screen
+			.getAllByPlaceholderText("돌림글자를 입력하세요")
+			.find((el) => !el.closest('[data-testid="help-modal"]'));
+		expect(loopLetterInput).toBeDefined();
+		await user.type(loopLetterInput!, "라");
+
+		expect(loopLetterInput).toHaveValue("라");
+	});
+
+	it("정렬 체크박스가 정상적으로 동작하는지 확인", async () => {
+		const user = userEvent.setup();
+		render(<LoopWordExtractorApp />);
+
+		const checkboxes = screen
+			.getAllByRole("checkbox")
+			.filter((el) => !el.closest('[data-testid="help-modal"]'));
+		const sortCheckbox = checkboxes[0]; // 첫 번째 체크박스가 정렬 옵션
+
+		expect(sortCheckbox).toBeDefined();
+		expect(sortCheckbox).toBeChecked();
+
+		await user.click(sortCheckbox);
+		expect(sortCheckbox).not.toBeChecked();
+	});
+
+	it("추출 모드 선택이 정상적으로 동작하는지 확인", async () => {
+		const user = userEvent.setup();
+		render(<LoopWordExtractorApp />);
+
+		const mode1Radio = screen.getByTestId('test-mode1');
+		const mode2Radio = screen.getByTestId('test-mode2');
+		const mode3Radio = screen.getByTestId('test-mode3');
+		const mode4Radio = screen.getByTestId('test-mode4');
+
+		// 초기에는 아무것도 선택되지 않음
+		expect(mode1Radio).not.toBeChecked();
+		expect(mode2Radio).not.toBeChecked();
+		expect(mode3Radio).not.toBeChecked();
+		expect(mode4Radio).not.toBeChecked();
+
+		// 모드 1 선택
+		await user.click(mode1Radio);
+		expect(mode1Radio).toBeChecked();
+		expect(mode2Radio).not.toBeChecked();
+
+		// 모드 2로 변경
+		await user.click(mode2Radio);
+		expect(mode1Radio).not.toBeChecked();
+		expect(mode2Radio).toBeChecked();
+	});
+
+	it("파일 내용이 없을 때 돌림단어 추출 버튼이 비활성화되는지 확인", () => {
+		render(<LoopWordExtractorApp />);
+
+		const extractButton = getOutsideHelpModal(() =>
+			screen.getAllByRole("button", { name: "돌림단어 추출" }),
+		);
+		expect(extractButton).toBeDisabled();
+	});
+
+	it("필수 조건이 충족되지 않으면 돌림단어 추출 버튼이 비활성화되는지 확인", async () => {
+		const user = userEvent.setup();
+		render(<LoopWordExtractorApp />);
+
+		// 파일만 업로드
+		const mockUploadButton = screen.getByText("Mock File Upload");
+		await user.click(mockUploadButton);
+
+		const extractButton = getOutsideHelpModal(() =>
+				screen.getAllByRole("button", { name: "돌림단어 추출" }),
+			);
+		expect(extractButton).toBeDisabled(); // 돌림글자와 모드가 없으므로 비활성화
+		// 돌림글자 입력
+		const loopLetterInput = getOutsideHelpModal(() =>
+			screen.getAllByPlaceholderText("돌림글자를 입력하세요"),
+		);
+		await user.type(loopLetterInput, "라");
+
+		expect(extractButton).toBeDisabled(); // 모드가 없으므로 여전히 비활성화
+
+		// 모드 선택
+		const mode1Radio = screen.getByTestId('test-mode1');
+		await user.click(mode1Radio);
+
+		expect(extractButton).not.toBeDisabled(); // 모든 조건 충족
+	});
+
+	it("모드 1 돌림단어 추출이 정상적으로 동작하는지 확인", async () => {
+		const user = userEvent.setup();
+		render(<LoopWordExtractorApp />);
+
+		// Mock 파일 업로드 (라메디아노체루나라, 나라, 라미아벨라, 나를인간이라고부르지말라, 라그나로스님의힘이느껴지는구나, 라바하운드와불타오르는아레나, 나가르주나)
+		const mockUploadButton = screen.getByText("Mock File Upload");
+		await user.click(mockUploadButton);
+
+		// 돌림글자 입력
+		const loopLetterInput = getOutsideHelpModal(() =>
+			screen.getAllByPlaceholderText("돌림글자를 입력하세요"),
+		);
+		await user.type(loopLetterInput, "라");
+
+		// 모드 1 선택 (시작=끝)
+		const mode1Radio = screen.getByTestId('test-mode1');
+		await user.click(mode1Radio);
+
+		// 돌림단어 추출 실행
+		const extractButton = getOutsideHelpModal(() =>
+			screen.getAllByRole("button", { name: "돌림단어 추출" }),
+		);
+		await user.click(extractButton);
+
+		// 결과 확인
+		await waitFor(() => {
+			const resultDisplay = screen.getByTestId("result-count");
+			expect(resultDisplay).toHaveTextContent("Result Count: 2");
+			const resultWord = screen.getByTestId("result-word");
+			expect(resultWord).toHaveTextContent("라메디아노체루나라");
+			expect(resultWord).toHaveTextContent("라미아벨라");
+		});
+	});
+
+	it("모드 2 돌림단어 추출이 정상적으로 동작하는지 확인", async () => {
+		const user = userEvent.setup();
+		render(<LoopWordExtractorApp />);
+
+		// Mock 파일 업로드
+		const mockUploadButton = screen.getByText("Mock File Upload");
+		await user.click(mockUploadButton);
+
+		// 돌림글자 입력
+		const loopLetterInput = getOutsideHelpModal(() =>
+			screen.getAllByPlaceholderText("돌림글자를 입력하세요"),
+		);
+		await user.type(loopLetterInput, "라");
+
+		// 모드 2 선택 (시작(두음법칙)=끝)
+		const mode2Radio = screen.getByTestId('test-mode2');
+		await user.click(mode2Radio);
+
+		// 돌림단어 추출 실행
+		const extractButton = getOutsideHelpModal(() =>
+			screen.getAllByRole("button", { name: "돌림단어 추출" }),
+		);
+		await user.click(extractButton);
+
+		// 결과 확인 (라메디아노체루나라, 나라, 라미아벨라, 나를인간이라고부르지말라)
+		await waitFor(() => {
+			const resultDisplay = screen.getByTestId("file-content-display");
+			expect(resultDisplay).toHaveTextContent("Result Count: 4");
+			const resultWord = screen.getByTestId("result-word");
+			expect(resultWord).toHaveTextContent("라메디아노체루나라");
+			expect(resultWord).toHaveTextContent("라미아벨라");
+			expect(resultWord).toHaveTextContent("나라");
+			expect(resultWord).toHaveTextContent("나를인간이라고부르지말라");
+		});
+	});
+
+	it("모드 3 돌림단어 추출이 정상적으로 동작하는지 확인", async () => {
+		const user = userEvent.setup();
+		render(<LoopWordExtractorApp />);
+
+		// Mock 파일 업로드
+		const mockUploadButton = screen.getByText("Mock File Upload");
+		await user.click(mockUploadButton);
+
+		// 돌림글자 입력
+		const loopLetterInput = getOutsideHelpModal(() =>
+			screen.getAllByPlaceholderText("돌림글자를 입력하세요"),
+		);
+		await user.type(loopLetterInput, "라");
+
+		// 모드 3 선택
+		const mode3Radio = screen.getByTestId('test-mode3');
+		await user.click(mode3Radio);
+
+		// 돌림단어 추출 실행
+		const extractButton = getOutsideHelpModal(() =>
+			screen.getAllByRole("button", { name: "돌림단어 추출" }),
+		);
+		await user.click(extractButton);
+
+		// 결과 확인 (라메디아노체루나라, 라미아벨라, 라그나로스님의힘이느껴지는구나, 라바하운드와불타오르는아레나)
+		await waitFor(() => {
+			const resultDisplay = screen.getByTestId("file-content-display");
+			expect(resultDisplay).toHaveTextContent("Result Count: 4");
+			const resultWord = screen.getByTestId("result-word");
+			expect(resultWord).toHaveTextContent("라메디아노체루나라");
+			expect(resultWord).toHaveTextContent("라미아벨라");
+			expect(resultWord).toHaveTextContent("라그나로스님의힘이느껴지는구나");
+			expect(resultWord).toHaveTextContent("라바하운드와불타오르는아레나");
+		});
+	});
+
+	it("모드 4 돌림단어 추출이 정상적으로 동작하는지 확인", async () => {
+		const user = userEvent.setup();
+		render(<LoopWordExtractorApp />);
+
+		// Mock 파일 업로드
+		const mockUploadButton = screen.getByText("Mock File Upload");
+		await user.click(mockUploadButton);
+
+		// 돌림글자 입력
+		const loopLetterInput = getOutsideHelpModal(() =>
+			screen.getAllByPlaceholderText("돌림글자를 입력하세요"),
+		);
+		await user.type(loopLetterInput, "라");
+
+		// 모드 4 선택
+		const mode4Radio = screen.getByTestId('test-mode4');
+		await user.click(mode4Radio);
+
+		// 돌림단어 추출 실행
+		const extractButton = getOutsideHelpModal(() =>
+			screen.getAllByRole("button", { name: "돌림단어 추출" }),
+		);
+		await user.click(extractButton);
+
+		// 결과 확인 (라메디아노체루나라, 나라, 라미아벨라, 나를인간이라고부르지말라, 라그나로스님의힘이느껴지는구나, 라바하운드와불타오르는아레나, 나가르주나)
+		await waitFor(() => {
+			const resultDisplay = screen.getByTestId("file-content-display");
+			expect(resultDisplay).toHaveTextContent("Result Count: 7");
+			const resultWord = screen.getByTestId("result-word");
+			expect(resultWord).toHaveTextContent("라메디아노체루나라");
+			expect(resultWord).toHaveTextContent("라미아벨라");
+			expect(resultWord).toHaveTextContent("나라");
+			expect(resultWord).toHaveTextContent("나를인간이라고부르지말라");
+			expect(resultWord).toHaveTextContent("라그나로스님의힘이느껴지는구나");
+			expect(resultWord).toHaveTextContent("라바하운드와불타오르는아레나");
+			expect(resultWord).toHaveTextContent("나가르주나");
+		});
+	});
+
+	it("다운로드 버튼이 추출 결과에 따라 활성화되는지 확인", async () => {
+		const user = userEvent.setup();
+		render(<LoopWordExtractorApp />);
+
+		const downloadButton = getOutsideHelpModal(() =>
+			screen.getAllByText("결과 다운로드"),
+		);
+		expect(downloadButton).toBeDisabled();
+
+		// Mock 파일 업로드 및 단어 추출
+		const mockUploadButton = screen.getByText("Mock File Upload");
+		await user.click(mockUploadButton);
+
+		const loopLetterInput = getOutsideHelpModal(() =>
+			screen.getAllByPlaceholderText("돌림글자를 입력하세요"),
+		);
+		await user.type(loopLetterInput, "라");
+
+		const mode1Radio = screen.getByTestId('test-mode1');
+		await user.click(mode1Radio);
+
+		const extractButton = getOutsideHelpModal(() =>
+			screen.getAllByRole("button", { name: "돌림단어 추출" }),
+		);
+		await user.click(extractButton);
+
+		await waitFor(() => {
+			expect(downloadButton).not.toBeDisabled();
+		});
+	});
+
+	it("정렬 옵션이 제대로 적용되는지 확인", async () => {
+		const user = userEvent.setup();
+		render(<LoopWordExtractorApp />);
+
+		// 정렬 해제
+		const sortCheckbox = screen
+			.getAllByRole("checkbox")
+			.filter((el) => !el.closest('[data-testid="help-modal"]'))[0];
+		await user.click(sortCheckbox);
+
+		// Mock 파일 업로드
+		const mockUploadButton = screen.getByText("Mock File Upload");
+		await user.click(mockUploadButton);
+
+		const loopLetterInput = getOutsideHelpModal(() =>
+			screen.getAllByPlaceholderText("돌림글자를 입력하세요"),
+		);
+		await user.type(loopLetterInput, "라");
+
+		const mode1Radio = screen.getByTestId('test-mode1');
+		await user.click(mode1Radio);
+
+		const extractButton = getOutsideHelpModal(() =>
+			screen.getAllByRole("button", { name: "돌림단어 추출" }),
+		);
+		await user.click(extractButton);
+
+		// 정렬이 해제된 상태에서도 단어 추출이 동작해야 함 // 라미아벨라 라메디아노체루나라
+		await waitFor(() => {
+			const resultDisplay = screen.getByTestId("file-content-display");
+			expect(resultDisplay).toHaveTextContent("Result Count: 2");
+			const resultWord = screen.getByTestId("result-word");
+			expect(resultWord).toHaveTextContent("라미아벨라 라메디아노체루나라");
+		});
+	});
+
+	it("다운로드 기능이 정상적으로 동작하는지 확인", async () => {
+		const user = userEvent.setup();
+
+		// URL.createObjectURL mock 설정
+		const createObjectURLSpy = jest.spyOn(URL, "createObjectURL");
+
+		// createElement mock 설정
+		const realCreateElement = document.createElement.bind(document);
+		const mockLink = document.createElement("a");
+		mockLink.click = jest.fn();
+
+		const createElementSpy = jest
+			.spyOn(document, "createElement")
+			.mockImplementation((tagName) => {
+				if (tagName === "a") return mockLink;
+				return realCreateElement(tagName);
+			});
+
+		render(<LoopWordExtractorApp />);
+
+		// 돌림단어 추출까지 완료
+		const mockUploadButton = screen.getByText("Mock File Upload");
+		await user.click(mockUploadButton);
+
+		const loopLetterInput = getOutsideHelpModal(() =>
+			screen.getAllByPlaceholderText("돌림글자를 입력하세요"),
+		);
+		await user.type(loopLetterInput, "라");
+
+		const mode1Radio = screen.getByTestId('test-mode1');
+		await user.click(mode1Radio);
+
+		const extractButton = getOutsideHelpModal(() =>
+			screen.getAllByRole("button", { name: "돌림단어 추출" }),
+		);
+		await user.click(extractButton);
+
+		await waitFor(() => {
+			const downloadButton = getOutsideHelpModal(() =>
+				screen.getAllByText("결과 다운로드"),
+			);
+			expect(downloadButton).not.toBeDisabled();
+		});
+
+		// 다운로드 실행
+		const downloadButton = getOutsideHelpModal(() =>
+			screen.getAllByText("결과 다운로드"),
+		);
+		await user.click(downloadButton);
+
+		expect(createElementSpy).toHaveBeenCalledWith("a");
+		expect(createObjectURLSpy).toHaveBeenCalled();
+		expect(mockLink.click).toHaveBeenCalled();
+
+		createElementSpy.mockRestore();
+		createObjectURLSpy.mockRestore();
+	});
+
+	
+});
diff --git a/__tests__/manager-tool/extract/Merge.test.tsx b/__tests__/manager-tool/extract/Merge.test.tsx
new file mode 100644
index 0000000..034b7bc
--- /dev/null
+++ b/__tests__/manager-tool/extract/Merge.test.tsx
@@ -0,0 +1,350 @@
+import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import WordExtractorApp from "@/app/manager-tool/extract/merge/Merge";
+import { getOutsideHelpModal } from "@/test/utils/dom";
+import { act } from "react";
+
+describe("Merge", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    global.FileReader = class {
+      onload: ((event: any) => void) | null = null;
+      onerror: ((event: any) => void) | null = null;
+      result: string | null = null;
+
+      readAsText(file: File) {
+        setTimeout(() => {
+          if (file.name === "test1.txt") {
+            this.result = "zebra\napple";
+          } else if (file.name === "test2.txt") {
+            this.result = "banana\napple";
+          } else {
+            this.result = "unknown";
+          }
+
+          this.onload?.({ target: { result: this.result } });
+        }, 0);
+      }
+    } as any;
+  });
+
+  it("초기 렌더링이 정상적으로 되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    expect(screen.getByText("텍스트 파일 합성")).toBeInTheDocument();
+    expect(screen.getByText("첫 번째 텍스트 파일")).toBeInTheDocument();
+    expect(screen.getByText("두 번째 텍스트 파일")).toBeInTheDocument();
+    expect(screen.getByText("설정")).toBeInTheDocument();
+    expect(screen.getAllByText("실행")).toHaveLength(2);
+  });
+
+  it("정렬 체크박스가 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const sortCheckbox = screen.getByRole("checkbox", { name: /결과 정렬/i });
+
+    expect(sortCheckbox).toBeChecked();
+
+    await user.click(sortCheckbox);
+    expect(sortCheckbox).not.toBeChecked();
+
+    await user.click(sortCheckbox);
+    expect(sortCheckbox).toBeChecked();
+  });
+
+  it("파일이 업로드되지 않았을 때 병합 버튼이 비활성화되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    const mergeButton = getOutsideHelpModal(() =>
+      screen.getAllByRole("button", { name: /파일 병합/i }),
+    );
+    expect(mergeButton).toBeDisabled();
+  });
+
+  it("첫 번째 파일만 업로드되었을 때 병합 버튼이 비활성화되는지 확인", async () => {
+    const user = userEvent.setup();
+    await act(() => render(<WordExtractorApp />));
+
+    const file1Input = screen.getByLabelText("첫 번째 텍스트 파일");
+    const testFile = new File(["test\ncontent\ndata"], "test1.txt", {
+      type: "text/plain",
+    });
+
+    await user.upload(file1Input, testFile);
+
+    await waitFor(() => {
+      const mergeButton = getOutsideHelpModal(() =>
+        screen.getAllByRole("button", { name: /파일 병합/i }),
+      );
+      expect(mergeButton).toBeDisabled();
+    });
+  });
+
+  it("두 파일이 모두 업로드되면 병합 버튼이 활성화되는지 확인", async () => {
+    const user = userEvent.setup();
+    await act(() => render(<WordExtractorApp />));
+
+    const file1Input = screen.getByLabelText("첫 번째 텍스트 파일");
+    const file2Input = screen.getByLabelText("두 번째 텍스트 파일");
+
+    const testFile1 = new File(["test\ncontent"], "test1.txt", {
+      type: "text/plain",
+    });
+    const testFile2 = new File(["data\ntest"], "test2.txt", {
+      type: "text/plain",
+    });
+
+    await user.upload(file1Input, testFile1);
+    await waitFor(async () => await user.upload(file2Input, testFile2));
+
+    await waitFor(() => {
+      const file1Display = screen.getByTestId("file-content-1");
+      const file2Display = screen.getByTestId("file-content-2");
+      expect(file1Display).toHaveTextContent("zebra apple");
+      expect(file2Display).toHaveTextContent("banana apple");
+      const mergeButton = getOutsideHelpModal(() =>
+        screen.getAllByRole("button", { name: /파일 병합/i }),
+      );
+      expect(mergeButton).not.toBeDisabled();
+    });
+  });
+
+  it("파일 병합이 정상적으로 동작하는지 확인 (정렬 활성화)", async () => {
+    const user = userEvent.setup();
+    await act(()=>render(<WordExtractorApp />))
+
+    const file1Input = screen.getByLabelText("첫 번째 텍스트 파일");
+    const file2Input = screen.getByLabelText("두 번째 텍스트 파일");
+
+    const testFile1 = new File(["zebra\napple"], "test1.txt", {
+      type: "text/plain",
+    });
+    const testFile2 = new File(["banana\napple"], "test2.txt", {
+      type: "text/plain",
+    });
+
+    await user.upload(file1Input, testFile1);
+    await waitFor(async () => await user.upload(file2Input, testFile2));
+
+    await waitFor(() => {
+      const mergeButton = getOutsideHelpModal(() =>
+        screen.getAllByRole("button", { name: /파일 병합/i }),
+      );
+      expect(mergeButton).not.toBeDisabled();
+    });
+
+    const mergeButton = getOutsideHelpModal(() =>
+      screen.getAllByRole("button", { name: /파일 병합/i }),
+    );
+    await user.click(mergeButton);
+
+    // 병합 결과 확인 (중복 제거 및 정렬)
+    await waitFor(() => {
+      const downloadButton = getOutsideHelpModal(() =>
+        screen.getAllByRole("button", { name: /병합된 파일 다운로드/i }),
+      );
+      expect(downloadButton).not.toBeDisabled();
+      const resultDisplay = screen.getByTestId("merged-content");
+      expect(resultDisplay).toHaveTextContent("apple");
+      expect(resultDisplay).toHaveTextContent("banana");
+      expect(resultDisplay).toHaveTextContent("zebra");
+      expect(resultDisplay.textContent).toBe("apple\nbanana\nzebra");
+    });
+  });
+
+  it("파일 병합이 정상적으로 동작하는지 확인 (정렬 비활성화)", async () => {
+    const user = userEvent.setup();
+    await act(()=>render(<WordExtractorApp />));
+
+    // 정렬 비활성화
+    const sortCheckbox = getOutsideHelpModal(() =>
+      screen.getAllByRole("checkbox", { name: /결과 정렬/i }),
+    );
+    await user.click(sortCheckbox);
+
+    const file1Input = screen.getByLabelText("첫 번째 텍스트 파일");
+    const file2Input = screen.getByLabelText("두 번째 텍스트 파일");
+
+    const testFile1 = new File(["zebra\napple"], "test1.txt", {
+      type: "text/plain",
+    });
+    const testFile2 = new File(["banana\napple"], "test2.txt", {
+      type: "text/plain",
+    });
+
+    await user.upload(file1Input, testFile1);
+    await waitFor(async () => await user.upload(file2Input, testFile2));
+
+    await waitFor(() => {
+      const mergeButton = getOutsideHelpModal(() =>
+        screen.getAllByRole("button", { name: /파일 병합/i }),
+      );
+      expect(mergeButton).not.toBeDisabled();
+    });
+
+    const mergeButton = getOutsideHelpModal(() =>
+      screen.getAllByRole("button", { name: /파일 병합/i }),
+    );
+    await user.click(mergeButton);
+
+    await waitFor(() => {
+      const downloadButton = getOutsideHelpModal(() =>
+        screen.getAllByRole("button", { name: /병합된 파일 다운로드/i }),
+      );
+      expect(downloadButton).not.toBeDisabled();
+      const resultDisplay = screen.getByTestId("merged-content");
+      expect(resultDisplay).toHaveTextContent("apple");
+      expect(resultDisplay).toHaveTextContent("banana");
+      expect(resultDisplay).toHaveTextContent("zebra");
+    });
+  });
+
+  it("병합 결과가 없을 때 다운로드 버튼이 비활성화되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    const downloadButton = screen.getByRole("button", {
+      name: /병합된 파일 다운로드/i,
+    });
+    expect(downloadButton).toBeDisabled();
+  });
+
+  it("다운로드 기능이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+
+    // URL.createObjectURL mock 설정
+    const createObjectURLSpy = jest.spyOn(URL, "createObjectURL");
+    const revokeObjectURLSpy = jest.spyOn(URL, "revokeObjectURL");
+
+    // createElement mock 설정
+    const realCreateElement = document.createElement.bind(document);
+
+    const mockLink = document.createElement("a");
+    mockLink.click = jest.fn();
+
+    const createElementSpy = jest
+      .spyOn(document, "createElement")
+      .mockImplementation((tagName) => {
+        if (tagName === "a") return mockLink;
+        return realCreateElement(tagName);
+      });
+
+    await act(()=>render(<WordExtractorApp />));
+
+    // 파일 업로드 및 병합까지 완료
+    const file1Input = screen.getByLabelText("첫 번째 텍스트 파일");
+    const file2Input = screen.getByLabelText("두 번째 텍스트 파일");
+
+    const testFile1 = new File(["test\ncontent"], "test1.txt", {
+      type: "text/plain",
+    });
+    const testFile2 = new File(["data\ntest"], "test2.txt", {
+      type: "text/plain",
+    });
+
+    await user.upload(file1Input, testFile1);
+    await waitFor(async () => await user.upload(file2Input, testFile2));
+
+    const mergeButton = getOutsideHelpModal(() =>
+      screen.getAllByRole("button", { name: /파일 병합/i }),
+    );
+    await user.click(mergeButton);
+
+    await waitFor(() => {
+      const downloadButton = getOutsideHelpModal(() =>
+        screen.getAllByRole("button", { name: /병합된 파일 다운로드/i }),
+      );
+      expect(downloadButton).not.toBeDisabled();
+    });
+
+    // 다운로드 실행
+    const downloadButton = getOutsideHelpModal(() =>
+      screen.getAllByRole("button", { name: /병합된 파일 다운로드/i }),
+    );
+    await user.click(downloadButton);
+
+    expect(createElementSpy).toHaveBeenCalledWith("a");
+    expect(createObjectURLSpy).toHaveBeenCalled();
+    expect(mockLink.click).toHaveBeenCalled();
+    expect(mockLink.download).toBe("merged_file.txt");
+    expect(revokeObjectURLSpy).toHaveBeenCalled();
+
+    createElementSpy.mockRestore();
+    createObjectURLSpy.mockRestore();
+    revokeObjectURLSpy.mockRestore();
+  });
+
+  it("첫 번째 파일 초기화가 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    await act(()=>render(<WordExtractorApp />));
+
+    const file1Input = screen.getByLabelText("첫 번째 텍스트 파일");
+    const testFile = new File(["test content"], "test1.txt", {
+      type: "text/plain",
+    });
+
+    await user.upload(file1Input, testFile);
+
+    // 파일이 업로드되었는지 확인
+    await waitFor(() => {
+      expect(screen.getByText("test1.txt")).toBeInTheDocument();
+    });
+
+    // 초기화 버튼 클릭
+    const resetButtons = screen.getAllByText("초기화");
+    await user.click(resetButtons[0]); // 첫 번째 파일의 초기화 버튼
+
+    // 파일이 초기화되었는지 확인
+    expect(screen.queryByText("test1.txt")).not.toBeInTheDocument();
+  });
+
+  it("모든 파일 초기화가 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    await act(()=>render(<WordExtractorApp />));
+
+    const file1Input = screen.getByLabelText("첫 번째 텍스트 파일");
+    const file2Input = screen.getByLabelText("두 번째 텍스트 파일");
+
+    const testFile1 = new File(["test content 1"], "test1.txt", {
+      type: "text/plain",
+    });
+    const testFile2 = new File(["test content 2"], "test2.txt", {
+      type: "text/plain",
+    });
+
+    await user.upload(file1Input, testFile1);
+    await waitFor(async () => await user.upload(file2Input, testFile2));
+
+    // 파일들이 업로드되었는지 확인
+    await waitFor(() => {
+      expect(screen.getByText("test1.txt")).toBeInTheDocument();
+      expect(screen.getByText("test2.txt")).toBeInTheDocument();
+    });
+
+    // 모든 파일 초기화 버튼 클릭
+    const resetAllButton = screen.getByText("모든 파일 초기화");
+    await user.click(resetAllButton);
+
+    // 모든 파일이 초기화되었는지 확인
+    expect(screen.queryByText("test1.txt")).not.toBeInTheDocument();
+    expect(screen.queryByText("test2.txt")).not.toBeInTheDocument();
+  });
+
+  it("파일 크기 정보가 올바르게 표시되는지 확인", async () => {
+    const user = userEvent.setup();
+    await act(()=>render(<WordExtractorApp />));
+
+    const file1Input = screen.getByLabelText("첫 번째 텍스트 파일");
+    const testFile = new File(["test content for size check"], "test1.txt", {
+      type: "text/plain",
+    });
+
+    await user.upload(file1Input, testFile);
+
+    await waitFor(() => {
+      // 파일 크기가 KB 단위로 표시되는지 확인
+      const sizeElement = screen.getByText(/KB/);
+      expect(sizeElement).toBeInTheDocument();
+    });
+  });
+});
diff --git a/__tests__/manager-tool/extract/StartX.test.tsx b/__tests__/manager-tool/extract/StartX.test.tsx
new file mode 100644
index 0000000..d4191f9
--- /dev/null
+++ b/__tests__/manager-tool/extract/StartX.test.tsx
@@ -0,0 +1,215 @@
+import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import WordExtractorApp from "@/app/manager-tool/extract/startx/StartX";
+import { getOutsideHelpModal } from "@/test/utils/dom";
+
+jest.mock("@/app/manager-tool/extract/components/FileContentDisplay", () => {
+  return ({ onFileUpload, fileContent, resultData, resultTitle }: any) => (
+    <div data-testid="file-content-display">
+      <div>File Content: {fileContent || "No content"}</div>
+      <div>Result Title: {resultTitle}</div>
+      <div>Result Count: {resultData?.length || 0}</div>
+      <button onClick={() => onFileUpload?.("test\ncontent\ndata\ntest")}>
+        Mock File Upload
+      </button>
+      <div data-testid="result-word">{fileContent}</div>
+    </div>
+  );
+});
+
+describe("StartX", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("초기 렌더링이 정상적으로 되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    expect(screen.getByText("X로 시작하는 단어 추출")).toBeInTheDocument();
+    expect(screen.getAllByText("설정")).toHaveLength(2);
+    expect(screen.getAllByText("실행")).toHaveLength(2);
+  });
+
+  it("끝글자 입력이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const wordStartInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("시작글자를 입력하세요"),
+    );
+    expect(wordStartInput).toBeDefined();
+    await user.type(wordStartInput!, "다");
+
+    expect(wordStartInput).toHaveValue("다");
+  });
+
+  it("정렬 체크박스가 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const sortCheckbox = getOutsideHelpModal(() =>
+      screen.getAllByTestId("checkbox"),
+    );
+
+    expect(sortCheckbox).toBeDefined(); // 혹시 못 찾을 때 대비
+    expect(sortCheckbox).toBeChecked();
+
+    await user.click(sortCheckbox!);
+    expect(sortCheckbox).not.toBeChecked();
+  });
+
+  it("파일 내용이 없을 때 단어 추출 버튼이 비활성화되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    expect(extractButton).toBeDisabled();
+  });
+
+  it("파일 업로드 후 단어 추출이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    // 끝글자 입력
+    const wordStartInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("시작글자를 입력하세요"),
+    );
+    await user.type(wordStartInput, "te");
+
+    // 단어 추출 실행
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    expect(extractButton).not.toBeDisabled();
+
+    await user.click(extractButton);
+
+    // 결과 확인 (test로 끝나는 단어가 추출되어야 함)
+    await waitFor(() => {
+      const resultDisplay = screen.getByTestId("file-content-display");
+      expect(resultDisplay).toHaveTextContent("Result Count: 1");
+      const resultWord = screen.getByTestId("result-word");
+      expect(resultWord).toBeInTheDocument();
+      expect(resultWord).toHaveTextContent("test");
+    });
+  });
+
+  it("단어 추출 결과에 따라 다운로드 버튼이 활성화되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const downloadButton = getOutsideHelpModal(() =>
+      screen.getAllByText("결과 다운로드"),
+    );
+    expect(downloadButton).toBeDisabled();
+
+    // Mock 파일 업로드 및 단어 추출
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const wordStartInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("시작글자를 입력하세요"),
+    );
+    await user.type(wordStartInput, "te");
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    await waitFor(() => {
+      expect(downloadButton).not.toBeDisabled();
+    });
+  });
+
+  it("정렬 옵션이 제대로 적용되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // 정렬 해제
+    const sortCheckbox = getOutsideHelpModal(() =>
+      screen.getAllByTestId("checkbox"),
+    );
+    await user.click(sortCheckbox);
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const wordStartInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("시작글자를 입력하세요"),
+    );
+    await user.type(wordStartInput, "te");
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    // 정렬이 해제된 상태에서도 단어 추출이 동작해야 함
+    await waitFor(() => {
+      expect(screen.getByText(/Result Count: 1/)).toBeInTheDocument();
+    });
+  });
+
+  it("다운로드 기능이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+
+    // URL.createObjectURL mock 설정
+    const createObjectURLSpy = jest.spyOn(URL, "createObjectURL");
+
+    // createElement mock 설정
+    const realCreateElement = document.createElement.bind(document);
+
+    const mockLink = document.createElement("a");
+    mockLink.click = jest.fn();
+
+    const createElementSpy = jest
+      .spyOn(document, "createElement")
+      .mockImplementation((tagName) => {
+        if (tagName === "a") return mockLink;
+        return realCreateElement(tagName);
+      });
+
+    render(<WordExtractorApp />);
+
+    // 단어 추출까지 완료
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const wordStartInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("시작글자를 입력하세요"),
+    );
+    await user.type(wordStartInput, "te");
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    await waitFor(() => {
+      const downloadButton = getOutsideHelpModal(() =>
+        screen.getAllByText("결과 다운로드"),
+      );
+      expect(downloadButton).not.toBeDisabled();
+    });
+
+    // 다운로드 실행
+    const downloadButton = getOutsideHelpModal(() =>
+      screen.getAllByText("결과 다운로드"),
+    );
+    await user.click(downloadButton);
+
+    expect(createElementSpy).toHaveBeenCalledWith("a");
+    expect(createObjectURLSpy).toHaveBeenCalled();
+    expect(mockLink.click).toHaveBeenCalled();
+
+    createElementSpy.mockRestore();
+    createObjectURLSpy.mockRestore();
+  });
+});
diff --git a/app/AutoLogin.tsx b/app/AutoLogin.tsx
index 3ded4ce..db9cfb3 100644
--- a/app/AutoLogin.tsx
+++ b/app/AutoLogin.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect } from "react";
-import { supabase } from "./lib/supabaseClient";
+import { SCM } from "./lib/supabaseClient";
 import { useDispatch } from "react-redux";
 import type { AppDispatch } from "./store/store";
 import { userAction } from "./store/slice";
@@ -10,22 +10,19 @@ const AutoLogin = () => {
     const dispatch = useDispatch<AppDispatch>()
     useEffect(() => {
         const checkSession = async () => {
-            const { data, error } = await supabase.auth.getSession();
+            const { data, error } = await SCM.get().session();
 
             if (!data || !data.session || error) return;
 
-            const { data: ddata, error: err } = await supabase
-                .from("users")
-                .select("*")
-                .eq("id", data.session.user.id);
+            const { data: ddata, error: err } = await SCM.get().userById(data.session.user.id);
             
-            if (err || ddata.length == 0) return;
+            if (err || !ddata) return;
 
             dispatch(
                 userAction.setInfo({
-                    username: ddata[0].nickname,
-                    role: ddata[0].role ?? "guest",
-                    uuid: ddata[0].id,
+                    username: ddata.nickname,
+                    role: ddata.role ?? "guest",
+                    uuid: ddata.id,
                 })
             );
         }
diff --git a/app/admin/AdminPage.tsx b/app/admin/AdminPage.tsx
index 6482b35..227b2da 100644
--- a/app/admin/AdminPage.tsx
+++ b/app/admin/AdminPage.tsx
@@ -16,7 +16,7 @@ import {
     AlertCircle
 } from 'lucide-react';
 import { useRouter } from 'next/navigation';
-import { supabase } from '../lib/supabaseClient';
+import { SCM } from '../lib/supabaseClient';
 
 const AdminDashboard = () => {
     const router = useRouter();
@@ -24,7 +24,7 @@ const AdminDashboard = () => {
     const [waitRequestCount,setWaitRequestCount] = useState<number|null>(null);
 
     const getWordCount = async () => {
-        const {count, error} = await supabase.from('words').select('word',{ count: 'exact', head: true });
+        const {count, error} = await SCM.get().wordsCount();
         if (error){
             console.log(error)
         }
@@ -34,7 +34,7 @@ const AdminDashboard = () => {
     }
 
     const getWaitRequestCount = async () => {
-        const {count, error} = await supabase.from('wait_words').select('',{ count: 'exact', head: true });
+        const {count, error} = await SCM.get().waitWordsCount();
         if (error){
             console.log(error)
             
@@ -99,28 +99,27 @@ const AdminDashboard = () => {
     ];
 
     return (
-        <div className="min-h-screen bg-gray-50 p-6">
+        <div className="min-h-screen bg-gray-50 dark:bg-gray-900 p-6 transition-colors duration-300">
             <div className="max-w-7xl mx-auto">
                 {/* 헤더 */}
                 <div className="mb-8">
-                    <h1 className="text-3xl font-bold text-gray-900 mb-2">관리자 대시보드</h1>
-                    <p className="text-gray-600">단어 관리 시스템의 전반적인 운영을 담당합니다</p>
+                    <h1 className="text-3xl font-bold text-gray-900 dark:text-gray-100 mb-2">관리자 대시보드</h1>
+                    <p className="text-gray-600 dark:text-gray-300">단어 관리 시스템의 전반적인 운영을 담당합니다</p>
                 </div>
 
                 {/* 통계 카드 */}
                 <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
                     {stats.map((stat, index) => (
-                        <Card key={index} className="bg-white shadow-sm hover:shadow-md transition-shadow">
+                        <Card key={index} className="bg-white dark:bg-gray-800 shadow-sm hover:shadow-md transition-shadow border border-transparent dark:border-gray-700">
                             <CardContent className="p-6">
                                 <div className="flex items-center justify-between">
                                     <div>
-                                        <p className="text-sm font-medium text-gray-600 mb-1">{stat.title}</p>
-                                        <p className="text-2xl font-bold text-gray-900">{stat.value===null ? "loading..." : stat.value}</p>
-                                        <div className="flex items-center mt-2">
-                                        </div>
+                                        <p className="text-sm font-medium text-gray-600 dark:text-gray-300 mb-1">{stat.title}</p>
+                                        <p className="text-2xl font-bold text-gray-900 dark:text-gray-100">{stat.value===null ? "loading..." : stat.value}</p>
+                                        <div className="flex items-center mt-2"></div>
                                     </div>
-                                    <div className="p-3 bg-gray-50 rounded-lg">
-                                        <stat.icon className="w-6 h-6 text-gray-600" />
+                                    <div className="p-3 bg-gray-50 dark:bg-gray-700 rounded-lg">
+                                        <stat.icon className="w-6 h-6 text-gray-600 dark:text-gray-300" />
                                     </div>
                                 </div>
                             </CardContent>
@@ -130,28 +129,28 @@ const AdminDashboard = () => {
 
                 {/* 주요 기능 메뉴 */}
                 <div className="mb-8">
-                    <h2 className="text-xl font-semibold text-gray-900 mb-4">주요 기능</h2>
+                    <h2 className="text-xl font-semibold text-gray-900 dark:text-gray-100 mb-4">주요 기능</h2>
                     <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                         {menuItems.map((item, index) => (
                             <Card
                                 key={index}
-                                className={`cursor-pointer transition-all duration-200 hover:shadow-lg ${item.bgColor} ${item.borderColor} border-2`}
+                                className={`cursor-pointer transition-all duration-200 hover:shadow-lg ${item.bgColor} dark:bg-gray-800 dark:hover:bg-gray-700 ${item.borderColor} border-2 dark:border-gray-700`}
                                 onClick={() => handleNavigation(item.path)}
                             >
                                 <CardHeader className="pb-4">
                                     <div className="flex items-center gap-3">
-                                        <div className={`p-2 rounded-lg bg-white shadow-sm`}>
+                                        <div className="p-2 rounded-lg bg-white dark:bg-gray-900 shadow-sm">
                                             <item.icon className={`w-6 h-6 ${item.color}`} />
                                         </div>
                                         <div>
-                                            <CardTitle className="text-lg font-semibold text-gray-900">
+                                            <CardTitle className="text-lg font-semibold text-gray-900 dark:text-gray-100">
                                                 {item.title}
                                             </CardTitle>
                                         </div>
                                     </div>
                                 </CardHeader>
                                 <CardContent className="pt-0">
-                                    <CardDescription className="text-gray-600 leading-relaxed">
+                                    <CardDescription className="text-gray-600 dark:text-gray-300 leading-relaxed">
                                         {item.description}
                                     </CardDescription>
                                 </CardContent>
@@ -161,37 +160,40 @@ const AdminDashboard = () => {
                 </div>
 
                 {/* 빠른 액세스 */}
-                <Card className="bg-white shadow-sm">
+                <Card className="bg-white dark:bg-gray-800 shadow-sm border border-transparent dark:border-gray-700">
                     <CardHeader>
-                        <CardTitle className="text-lg font-semibold text-gray-900">빠른 액세스</CardTitle>
-                        <CardDescription>자주 사용하는 기능들에 빠르게 접근할 수 있습니다</CardDescription>
+                        <CardTitle className="text-lg font-semibold text-gray-900 dark:text-gray-100">빠른 액세스</CardTitle>
+                        <CardDescription className="dark:text-gray-300">자주 사용하는 기능들에 빠르게 접근할 수 있습니다</CardDescription>
                     </CardHeader>
                     <CardContent>
                         <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
                             <button
-                                onClick={() => handleNavigation('/add-words')}
-                                className="flex flex-col items-center p-4 rounded-lg border-2 border-gray-200 hover:border-green-300 hover:bg-green-50 transition-all duration-200"
+                                onClick={() => handleNavigation('/admin/add-words')}
+                                className="flex flex-col items-center p-4 rounded-lg border-2 border-gray-200 dark:border-gray-700 hover:border-green-300 hover:bg-green-50 dark:hover:bg-green-900 transition-all duration-200 bg-white dark:bg-transparent"
                             >
                                 <Plus className="w-8 h-8 text-green-600 mb-2" />
-                                <span className="text-sm font-medium text-gray-700">단어 추가</span>
+                                <span className="text-sm font-medium text-gray-700 dark:text-gray-200">단어 추가</span>
                             </button>
                             <button
-                                onClick={() => handleNavigation('/del-words')}
-                                className="flex flex-col items-center p-4 rounded-lg border-2 border-gray-200 hover:border-red-300 hover:bg-red-50 transition-all duration-200"
+                                onClick={() => handleNavigation('/admin/del-words')}
+                                className="flex flex-col items-center p-4 rounded-lg border-2 border-gray-200 dark:border-gray-700 hover:border-red-300 hover:bg-red-50 dark:hover:bg-red-900 transition-all duration-200 bg-white dark:bg-transparent"
                             >
                                 <Trash2 className="w-8 h-8 text-red-600 mb-2" />
-                                <span className="text-sm font-medium text-gray-700">단어 삭제</span>
+                                <span className="text-sm font-medium text-gray-700 dark:text-gray-200">단어 삭제</span>
                             </button>
                             <button
-                                onClick={() => handleNavigation('/request-words')}
-                                className="flex flex-col items-center p-4 rounded-lg border-2 border-gray-200 hover:border-blue-300 hover:bg-blue-50 transition-all duration-200"
+                                onClick={() => handleNavigation('/admin/request-words')}
+                                className="flex flex-col items-center p-4 rounded-lg border-2 border-gray-200 dark:border-gray-700 hover:border-blue-300 hover:bg-blue-50 dark:hover:bg-blue-900 transition-all duration-200 bg-white dark:bg-transparent"
                             >
                                 <FileText className="w-8 h-8 text-blue-600 mb-2" />
-                                <span className="text-sm font-medium text-gray-700">요청 처리</span>
+                                <span className="text-sm font-medium text-gray-700 dark:text-gray-200">요청 처리</span>
                             </button>
-                            <button className="flex flex-col items-center p-4 rounded-lg border-2 border-gray-200 hover:border-purple-300 hover:bg-purple-50 transition-all duration-200">
+                            <button
+                                onClick={() => handleNavigation('/admin/request-docs')}
+                                className="flex flex-col items-center p-4 rounded-lg border-2 border-gray-200 dark:border-gray-700 hover:border-purple-300 hover:bg-purple-50 dark:hover:bg-purple-900 transition-all duration-200 bg-white dark:bg-transparent"
+                            >
                                 <Activity className="w-8 h-8 text-purple-600 mb-2" />
-                                <span className="text-sm font-medium text-gray-700">활동 로그</span>
+                                <span className="text-sm font-medium text-gray-700 dark:text-gray-200">문서 요청</span>
                             </button>
                         </div>
                     </CardContent>
diff --git a/app/admin/add-words/AddWordsHome.tsx b/app/admin/add-words/AddWordsHome.tsx
index 20a9a36..61d2284 100644
--- a/app/admin/add-words/AddWordsHome.tsx
+++ b/app/admin/add-words/AddWordsHome.tsx
@@ -1,4 +1,5 @@
-import { useState } from "react";
+"use client";
+import { useState, useRef } from "react";
 import {
     AlertDialog,
     AlertDialogContent,
@@ -7,52 +8,44 @@ import {
 } from "@/app/components/ui/alert-dialog";
 import { Button } from "@/app/components/ui/button";
 import { Progress } from "@/app/components/ui/progress";
-import { FileJson, CheckCircle, AlertCircle } from "lucide-react";
-import { supabase } from "@/app/lib/supabaseClient";
+import { FileJson, CheckCircle, AlertCircle, ArrowLeft } from "lucide-react";
+import { SCM } from "@/app/lib/supabaseClient";
 import { useSelector } from 'react-redux';
 import { RootState } from "@/app/store/store";
 import ErrorModal from "@/app/components/ErrModal";
 import { PostgrestError } from "@supabase/supabase-js";
 import { chunk as chunkArray } from "es-toolkit";
 import JsonViewer from "./JosnViewer"
+import Link from "next/link";
+import { isNoin } from "@/app/lib/lib";
 
+const keya = (word: string, themeName: string) => `[${word}, ${themeName}]`
 
-type WordData = {
-    k_canuse: boolean;
-    noin_canuse: boolean;
-    themes: string[];
-};
+type JsonData = { word: string, themes: string[] };
 
-type WordEntry = {
-    word: string;
-} & WordData;
-
-function isWordData(data: unknown): data is WordData {
-    if (
-        typeof data !== 'object' ||
-        data === null
-    ) {
+function isRecordOfStringArray(obj: unknown): obj is Record<string, string[]> {
+    if (typeof obj !== 'object' || obj === null) {
         return false;
     }
 
-    const obj = data as Record<string, unknown>;
+    for (const [key, value] of Object.entries(obj)) {
+        if (typeof key !== 'string') {
+            return false;
+        }
+        if (!Array.isArray(value)) {
+            return false;
+        }
+        if (!value.every(item => typeof item === 'string')) {
+            return false;
+        }
+    }
 
-    return (
-        typeof obj.k_canuse === 'boolean' &&
-        typeof obj.noin_canuse === 'boolean' &&
-        Array.isArray(obj.themes) &&
-        obj.themes.every((t) => typeof t === 'string')
-    );
+    return true;
 }
 
-
-
-// 전체 JSON 데이터 구조 (배열 형태)
-type JsonData = WordEntry[];
-
 export default function WordsAddHome() {
     // 상태 관리
-    const [jsonData, setJsonData] = useState<JsonData | null>(null);
+    const [jsonData, setJsonData] = useState<JsonData[] | null>(null);
     const [isProcessing, setIsProcessing] = useState(false);
     const [progress, setProgress] = useState(0);
     const [currentTask, setCurrentTask] = useState("");
@@ -61,11 +54,14 @@ export default function WordsAddHome() {
     const [fileUploaded, setFileUploaded] = useState(false);
     const user = useSelector((state: RootState) => state.user);
     const [errorModalView, setErrorModalView] = useState<ErrorMessage | null>(null);
+    const [fileName, setFileName] = useState<string>('');
+    const fileInputRef = useRef<HTMLInputElement>(null);
 
-    // 파일 업로드 처리
+    // 파일 업로드 처리 (드래그/클릭 모두 지원)
     const handleFileUpload = (event: React.ChangeEvent<HTMLInputElement>) => {
         const file = event.target.files?.[0];
         if (!file) return;
+        setFileName(file.name);
 
         const reader = new FileReader();
         reader.onload = (e) => {
@@ -82,19 +78,17 @@ export default function WordsAddHome() {
                     setFileUploaded(false);
                     return;
                 }
+                const parsedData: JsonData[] = [];
 
-                const parsedData: WordEntry[] = [];
-
-                for (const [word, value] of Object.entries(parsed)) {
-                    if (isWordData(value)) {
-                        parsedData.push({ word, ...value });
-                    } else {
-                        setError(`"${word}" 항목의 데이터 형식이 올바르지 않습니다.`);
-                        setFileUploaded(false);
-                        return;
+                if (isRecordOfStringArray(parsed)){
+                    for (const [word, themes] of Object.entries(parsed)){
+                        parsedData.push({word, themes})
                     }
+                }else{
+                    setError(`데이터 형식이 올바르지 않습니다.`);
+                    setFileUploaded(false);
+                    return;
                 }
-
                 setJsonData(parsedData);
                 setFileUploaded(true);
                 setError(null);
@@ -107,7 +101,55 @@ export default function WordsAddHome() {
         reader.readAsText(file);
     };
 
+    // 파일 드래그 앤 드롭 지원
+    const handleDragOver = (e: React.DragEvent<HTMLLabelElement>) => {
+        e.preventDefault();
+        e.stopPropagation();
+    };
+
+    const handleDrop = (e: React.DragEvent<HTMLLabelElement>) => {
+        e.preventDefault();
+        e.stopPropagation();
+        const file = e.dataTransfer.files?.[0];
+        if (!file) return;
+        setFileName(file.name);
+
+        const reader = new FileReader();
+        reader.onload = (ev) => {
+            try {
+                const content = ev.target?.result as string;
+                const parsed = JSON.parse(content);
+
+                if (
+                    typeof parsed !== 'object' ||
+                    parsed === null ||
+                    Array.isArray(parsed)
+                ) {
+                    setError('JSON 데이터가 객체 형식이 아닙니다.');
+                    setFileUploaded(false);
+                    return;
+                }
+                const parsedData: JsonData[] = [];
 
+                if (isRecordOfStringArray(parsed)){
+                    for (const [word, themes] of Object.entries(parsed)){
+                        parsedData.push({word, themes})
+                    }
+                }else{
+                    setError(`데이터 형식이 올바르지 않습니다.`);
+                    setFileUploaded(false);
+                    return;
+                }
+                setJsonData(parsedData);
+                setFileUploaded(true);
+                setError(null);
+            } catch {
+                setError('JSON 파일 파싱 중 오류가 발생했거나 형식이 올바르지 않습니다.');
+                setFileUploaded(false);
+            }
+        };
+        reader.readAsText(file);
+    };
 
     // 처리 버튼 클릭 핸들러
     const handleProcess = async () => {
@@ -121,7 +163,6 @@ export default function WordsAddHome() {
         setProgress(0);
         setCurrentTask("데이터 초기화 중...");
 
-        // 처리 로직 시뮬레이션 (실제로는 여기서 처리 로직을 구현하세요)
         await handleDbProcess();
     };
 
@@ -141,11 +182,31 @@ export default function WordsAddHome() {
         setProgress(0);
         setCurrentTask('필요한 정보 가져오는 중...');
 
-        const { data: docsDatas, error: docsDataError } = await supabase.from('docs').select('*');
+        const { data: docsDatas, error: docsDataError } = await SCM.get().allDocs();
         if (docsDataError) return makeError(docsDataError);
-        const { data: themeData, error: themeError } = await supabase.from('themes').select('*')
+        const { data: themeData, error: themeError } = await SCM.get().allThemes();
         if (themeError) return makeError(themeError);
 
+        const { data: waitWords, error: waitWordsError } = await SCM.get().allWaitWords('add');
+        const { data: waitThemeWord, error: waitThemeWordError } = await SCM.get().allWordWaitTheme('add');
+
+        if (waitWordsError) { return makeError(waitWordsError); }
+        if (waitThemeWordError) { return makeError(waitThemeWordError); }
+
+        const { data: waitWordTheme, error: waitWordThemeError } = await SCM.get().waitWordsThemes(waitWords.map(({ id }) => id))
+        if (waitWordThemeError) { return makeError(waitWordThemeError); }
+
+        const waitWord: Record<string, { id: number, requested_by: string | null }> = {};
+        const waitTheme: Record<string, { req_by: string | null }> = {};
+
+        waitWords.forEach(({ id, word, requested_by }) => waitWord[word] = { id, requested_by });
+        waitThemeWord.forEach(({ words: { word }, themes: { name }, req_by }) => {
+            waitTheme[keya(word, name)] = { req_by }
+        })
+        waitWordTheme.forEach(({ wait_words: { word }, themes: { name } }) => {
+            waitTheme[keya(word, name)] = { req_by: waitWord[word]?.requested_by ?? null }
+        })
+
         const letterDocsInfo: Record<string, number> = {};
         const themeDocsInfo: Record<string, number> = {};
         const themeCodeInfo: Record<string, number> = {}
@@ -170,18 +231,20 @@ export default function WordsAddHome() {
         for (const data of jsonData) {
             wordAddQuery.push({
                 word: data.word,
-                k_canuse: data.k_canuse,
-                noin_canuse: data.noin_canuse,
-                added_by: user.uuid
+                k_canuse: true,
+                noin_canuse: isNoin(data.themes),
+                added_by: waitWord[data.word]?.requested_by ?? user.uuid
             })
         }
 
         const chuckQuerysA = chunkArray(wordAddQuery, 250)
         setProgress(20);
+        const com: Record<string, number> = {}; // uuid-기여수
+
         for (let i = 0; i < chuckQuerysA.length; i++) {
             const chuckQuery = chuckQuerysA[i]
             setCurrentTask(`단어 추가중... ${i}/${chuckQuerysA.length}`);
-            const { data: insertedWordsData, error: insertWordError } = await supabase.from('words').upsert(chuckQuery, { ignoreDuplicates: true, onConflict: "word" }).select('*');
+            const { data: insertedWordsData, error: insertWordError } = await SCM.add().words(chuckQuery);
             if (insertWordError) {
                 return makeError(insertWordError)
             }
@@ -189,13 +252,14 @@ export default function WordsAddHome() {
                 continue
             }
 
-
             for (const data of insertedWordsData) {
-                inseredWordMap[data.word] = data.id
+                inseredWordMap[data.word] = data.id;
+                const make_by = waitWord[data.word]?.requested_by ?? user.uuid;
+                com[make_by] = (com[make_by] ?? 0) + 1;
                 logsQuery.push({
                     word: data.word,
                     processed_by: user.uuid,
-                    make_by: user.uuid,
+                    make_by,
                     r_type: "add" as const,
                     state: "approved" as const
                 })
@@ -204,7 +268,7 @@ export default function WordsAddHome() {
                     docsLogsQuery.push({
                         docs_id: letterDocsId,
                         word: data.word,
-                        add_by: user.uuid,
+                        add_by: make_by,
                         type: "add" as const
                     })
                 }
@@ -212,12 +276,10 @@ export default function WordsAddHome() {
         }
 
         setProgress(40);
-        let addWordCount = 0;
         const needCheckWord: string[] = [];
         for (const data of jsonData) {
             const wordId = inseredWordMap[data.word]
             if (wordId) {
-                addWordCount += 1;
                 for (const theme of data.themes) {
                     const themeId = themeCodeInfo[theme]
                     if (themeId) {
@@ -233,16 +295,16 @@ export default function WordsAddHome() {
         }
 
         setProgress(50);
-        const needCheckedWordsDatas:{id: number, word: string}[] = []
-        const abab = chunkArray(needCheckWord,100)
-        for (let i=0;i<abab.length;i++){
+        const needCheckedWordsDatas: { id: number, word: string }[] = []
+        const abab = chunkArray(needCheckWord, 100)
+        for (let i = 0; i < abab.length; i++) {
             const chuckChecks = abab[i];
             setCurrentTask(`기존단어 체크중... ${i}/${abab.length}`);
-            const { data: needCheckedWordsData, error: ff } = await supabase.from('words').select('id,word').in('word', chuckChecks);
+            const { data: needCheckedWordsData, error: ff } = await SCM.get().wordsByWords(chuckChecks);
             if (ff) return makeError(ff)
             needCheckedWordsDatas.push(...needCheckedWordsData)
         }
-        
+
 
         const checkedData: Record<string, number> = {};
         for (const data of needCheckedWordsDatas) {
@@ -271,7 +333,7 @@ export default function WordsAddHome() {
         for (let i = 0; i < chuckQuerysB.length; i++) {
             const chuckQuery = chuckQuerysB[i]
             setCurrentTask(`주제 정보 추가 중...${i}/${chuckQuerysB.length}`)
-            const { data: insertedThemesData, error: inseredThemeError } = await supabase.from('word_themes').upsert(chuckQuery, { ignoreDuplicates: true, onConflict: "word_id,theme_id" }).select('words(word),themes(name)')
+            const { data: insertedThemesData, error: inseredThemeError } = await SCM.add().wordsThemes(chuckQuery);
             if (inseredThemeError) return makeError(inseredThemeError)
             if (!insertedThemesData) continue
             for (const data of insertedThemesData) {
@@ -283,10 +345,11 @@ export default function WordsAddHome() {
             for (const theme of themes) {
                 const themeDocsId = themeDocsInfo[theme]
                 if (themeDocsId) {
+                    const k = keya(word, theme)
                     docsLogsQuery.push({
                         docs_id: themeDocsId,
                         word: word,
-                        add_by: user.uuid,
+                        add_by: waitTheme[k]?.req_by ?? user.uuid,
                         type: "add" as const
                     })
                 }
@@ -295,27 +358,31 @@ export default function WordsAddHome() {
 
         setProgress(60);
         setCurrentTask('로그 등록중...')
-        const { error: logError } = await supabase.from('logs').insert(logsQuery);
+        const { error: logError } = await SCM.add().wordLog(logsQuery);
         if (logError) {
             return makeError(logError);
         }
-        const { data: docsLogData, error: docsLogError } = await supabase.from('docs_logs').insert(docsLogsQuery).select('*,docs(typez)');
+        const { error: docsLogError } = await SCM.add().docsLog(docsLogsQuery);
         if (docsLogError) return makeError(docsLogError)
 
         const updateThemeDocsIds: Set<number> = new Set();
-        for (const data of docsLogData) {
-            if (data.docs.typez === "theme") {
-                updateThemeDocsIds.add(data.docs_id);
-            }
+        for (const data of docsLogsQuery) {
+            updateThemeDocsIds.add(data.docs_id);
         }
 
         setProgress(80);
         setCurrentTask('마지막 처리 중...')
-        const { error: rpcError1 } = await supabase.rpc('increment_contribution', { target_id: user.uuid, inc_amount: addWordCount })
-        if (rpcError1) return makeError(rpcError1)
+        for (const [uuid, count] of Object.entries(com)) {
+            const { error: rpcError1 } = await SCM.update().userContribution({ userId: uuid, amount: count })
+            if (rpcError1) return makeError(rpcError1)
+        }
 
-        const { error: rpcError2 } = await supabase.rpc('update_last_updates', { docs_ids: [...updateThemeDocsIds] })
-        if (rpcError2) return makeError(rpcError2);
+        await SCM.update().docsLastUpdate([...updateThemeDocsIds]);
+
+        for (const p of chunkArray(logsQuery.map(({word})=>word),100)){
+            const {error} = await SCM.delete().waitWordsByWords(p);
+            if (error) { return makeError(error); }
+        }
 
         setProgress(100);
         setCurrentTask('완료!')
@@ -328,24 +395,36 @@ export default function WordsAddHome() {
     };
 
     return (
-        <div className="flex flex-col items-center justify-center min-h-screen bg-gray-50 p-6">
-            <div className="w-full max-w-3xl bg-white rounded-lg shadow-md p-8">
-                <h1 className="text-3xl font-bold text-center mb-8">JSON 파일 처리</h1>
+        <div className="flex flex-col items-center justify-center min-h-screen bg-gradient-to-b from-gray-100 to-gray-200 dark:from-gray-900 dark:to-gray-800 p-6">
+            <div className="w-full max-w-3xl bg-white dark:bg-gray-800 rounded-lg shadow-md p-8 border border-transparent dark:border-gray-700">
+                {/* 관리자 대시보드로 이동 버튼 */}
+                <Link href={'/admin'} className="mb-4 flex">
+                    <Button variant="outline">
+                        <ArrowLeft />
+                        관리자 대시보드로 이동
+                    </Button>
+                </Link>
+                <h1 className="text-3xl font-bold text-center mb-8 text-gray-900 dark:text-gray-100">JSON 파일 처리</h1>
 
                 {/* 파일 업로드 영역 */}
                 <div className="mb-8">
                     <div className="flex items-center justify-center w-full">
                         <label
                             htmlFor="file-upload"
-                            className="flex flex-col items-center justify-center w-full h-64 border-2 border-dashed rounded-lg cursor-pointer bg-gray-50 hover:bg-gray-100 border-gray-300"
+                            className="flex flex-col items-center justify-center w-full h-64 border-2 border-dashed rounded-lg cursor-pointer bg-gray-50 hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 border-gray-300 dark:border-gray-600 transition-colors"
+                            onDragOver={handleDragOver}
+                            onDrop={handleDrop}
                         >
                             <div className="flex flex-col items-center justify-center pt-5 pb-6">
-                                <FileJson className="w-10 h-10 mb-3 text-gray-400" />
-                                <p className="mb-2 text-sm text-gray-500">
+                                <FileJson className="w-10 h-10 mb-3 text-gray-400 dark:text-gray-500" />
+                                <p className="mb-2 text-sm text-gray-500 dark:text-gray-300">
                                     <span className="font-semibold">클릭하여 파일 업로드</span>{" "}
                                     또는 드래그 앤 드롭
                                 </p>
-                                <p className="text-xs text-gray-500">JSON 파일만 가능합니다</p>
+                                <p className="text-xs text-gray-500 dark:text-gray-400">JSON 파일만 가능합니다</p>
+                                {fileName && (
+                                    <span className="mt-2 text-xs text-blue-600 dark:text-blue-400">{fileName} 선택됨</span>
+                                )}
                             </div>
                             <input
                                 id="file-upload"
@@ -353,16 +432,16 @@ export default function WordsAddHome() {
                                 accept=".json"
                                 className="hidden"
                                 onChange={handleFileUpload}
+                                ref={fileInputRef}
                             />
                         </label>
                     </div>
                 </div>
 
-                {/* 파일 내용 표시 */}
                 {/* 파일 내용 표시 - 가상화 적용 */}
                 {fileUploaded && jsonData && (
-                    <div className="mb-8 p-4 bg-gray-50 rounded-md">
-                        <h2 className="text-lg font-semibold mb-2">업로드된 JSON 데이터</h2>
+                    <div className="mb-8 p-4 bg-gray-50 dark:bg-gray-900 rounded-md">
+                        <h2 className="text-lg font-semibold mb-2 text-gray-900 dark:text-gray-100">업로드된 JSON 데이터</h2>
                         <div className="h-60">
                             <JsonViewer data={jsonData} />
                         </div>
@@ -371,9 +450,9 @@ export default function WordsAddHome() {
 
                 {/* 에러 메시지 */}
                 {error && (
-                    <div className="mb-6 p-4 bg-red-50 rounded-md border border-red-100 flex items-start">
+                    <div className="mb-6 p-4 bg-red-50 dark:bg-red-900 rounded-md border border-red-100 dark:border-red-700 flex items-start">
                         <AlertCircle className="w-5 h-5 text-red-500 mr-2 flex-shrink-0 mt-0.5" />
-                        <p className="text-red-700">{error}</p>
+                        <p className="text-red-700 dark:text-red-200">{error}</p>
                     </div>
                 )}
 
@@ -382,7 +461,7 @@ export default function WordsAddHome() {
                     <Button
                         onClick={handleProcess}
                         disabled={!fileUploaded || isProcessing}
-                        className="px-6 py-2 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-md"
+                        className="px-6 py-2 bg-blue-600 hover:bg-blue-700 dark:bg-blue-700 dark:hover:bg-blue-800 text-white font-medium rounded-md"
                     >
                         {isProcessing ? "처리 중..." : "처리 시작"}
                     </Button>
@@ -391,13 +470,12 @@ export default function WordsAddHome() {
 
             {/* 처리 모달 */}
             <AlertDialog open={isModalOpen} onOpenChange={setIsModalOpen}>
-                <AlertDialogContent className="max-w-md">
+                <AlertDialogContent className="max-w-md bg-white dark:bg-gray-900">
                     <AlertDialogHeader>
-                        <AlertDialogTitle>
+                        <AlertDialogTitle className="text-gray-900 dark:text-gray-100">
                             {isProcessing ? "처리 중..." : "처리 완료"}
                         </AlertDialogTitle>
-                        {/* Fix: Replace AlertDialogDescription with a div to avoid nesting issues */}
-                        <div className="text-sm text-muted-foreground">
+                        <div className="text-sm text-muted-foreground dark:text-gray-300">
                             <div className="space-y-4">
                                 <div className="flex items-center">
                                     <p className="text-sm font-medium">{currentTask}</p>
@@ -410,7 +488,7 @@ export default function WordsAddHome() {
 
                                 {!isProcessing && (
                                     <div className="mt-4 flex justify-center">
-                                        <div className="flex items-center text-green-600">
+                                        <div className="flex items-center text-green-600 dark:text-green-400">
                                             <CheckCircle className="w-5 h-5 mr-2" />
                                             <span>처리가 완료되었습니다!</span>
                                         </div>
@@ -429,6 +507,5 @@ export default function WordsAddHome() {
             </AlertDialog>
             {errorModalView && <ErrorModal error={errorModalView} onClose={() => setErrorModalView(null)} />}
         </div>
-
     );
 }
diff --git a/app/admin/add-words/JosnViewer.tsx b/app/admin/add-words/JosnViewer.tsx
index 21eeff3..37a5a3f 100644
--- a/app/admin/add-words/JosnViewer.tsx
+++ b/app/admin/add-words/JosnViewer.tsx
@@ -1,17 +1,7 @@
 import { useState, useEffect, useRef } from 'react';
 import { FixedSizeList as List, ListChildComponentProps } from 'react-window';
 
-type WordData = {
-  k_canuse: boolean;
-  noin_canuse: boolean;
-  themes: string[];
-};
-
-type WordEntry = {
-  word: string;
-} & WordData;
-
-
+type WordEntry = { word: string, themes: string[] }
 type JsonData = WordEntry[];
 
 // JSON 뷰어 컴포넌트
@@ -23,7 +13,7 @@ const JsonViewer = ({ data }: JsonViewerProps) => {
   const [jsonLines, setJsonLines] = useState<string[]>([]);
   /* eslint-disable-next-line @typescript-eslint/no-unused-vars */
   const [containerWidth, setContainerWidth] = useState(300);
-  const containerRef = useRef(null);
+  const containerRef = useRef<HTMLDivElement>(null);
 
   // JSON을 라인 별로 분리
   useEffect(() => {
@@ -40,9 +30,7 @@ const JsonViewer = ({ data }: JsonViewerProps) => {
           setContainerWidth(entry.contentRect.width);
         }
       });
-      
       resizeObserver.observe(containerRef.current);
-      
       return () => {
         if (containerRef.current) {
           resizeObserver.unobserve(containerRef.current);
@@ -51,21 +39,36 @@ const JsonViewer = ({ data }: JsonViewerProps) => {
     }
   }, []);
 
-  // 각 라인 렌더링
-  const Row = ({ index, style }: ListChildComponentProps) => (
-    <div style={style} className="font-mono text-sm pl-2">
-      {jsonLines[index]}
-    </div>
-  );
+  // 각 라인 렌더링 (들여쓰기 보존)
+  const Row = ({ index, style }: ListChildComponentProps) => {
+    const line = jsonLines[index] || "";
+    // 들여쓰기 계산 (공백 2칸 기준)
+    const indentMatch = line.match(/^(\s*)/);
+    const indent = indentMatch ? indentMatch[1].length : 0;
+    // 2칸마다 0.75rem(=12px) padding-left 추가
+    const paddingLeft = `${indent * 0.6}ch`;
+
+    return (
+      <div
+        style={{ ...style, paddingLeft }}
+        className="font-mono text-sm whitespace-pre text-gray-900 dark:text-gray-100"
+      >
+        {line}
+      </div>
+    );
+  };
 
   return (
-    <div ref={containerRef} className="w-full h-full">
+    <div
+      ref={containerRef}
+      className="w-full h-full bg-gray-50 dark:bg-gray-900 rounded-md border border-gray-200 dark:border-gray-700 overflow-auto"
+    >
       <List
         height={240}
         itemCount={jsonLines.length}
-        itemSize={20} // 각 행의 높이
+        itemSize={20}
         width="100%"
-        className="scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-gray-100"
+        className="scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-gray-100 dark:scrollbar-thumb-gray-700 dark:scrollbar-track-gray-900"
       >
         {Row}
       </List>
diff --git a/app/admin/add-words/Wrapper.tsx b/app/admin/add-words/Wrapper.tsx
deleted file mode 100644
index 91bbee9..0000000
--- a/app/admin/add-words/Wrapper.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-"use client";
-import NotFound from '@/app/not-found-client';
-import { supabase } from "@/app/lib/supabaseClient";
-import { useSelector } from 'react-redux';
-import { RootState } from "@/app/store/store";
-import { useEffect, useState } from 'react';
-import WordsAddPage from './AddWordsHome';
-
-export default function AdminAddHomeWrapper(){
-    const [isBlock,setIsBlock] = useState(false);
-    const [checkingRole,setCheckingRole] = useState(true)
-    const user = useSelector((state: RootState) => state.user);
-    const [ok, setOk] = useState<boolean>(false)
-
-
-    useEffect(()=>{
-        const checkSession = async () => {
-            const { data, error } = await supabase.auth.getSession();
-
-            if (!data || !data.session || error) {
-                setCheckingRole(false);
-                setIsBlock(true)
-                return;
-            }
-
-            const { data: ddata, error: err } = await supabase
-                .from("users")
-                .select("*")
-                .eq("id", data.session.user.id);
-
-            if (err || ddata.length == 0){
-                setCheckingRole(false);
-                setIsBlock(true)
-                return;
-            }
-            setCheckingRole(false);
-            setOk(true);
-        }
-        checkSession()
-    },[])
-
-    if (!["admin","r4"].includes(user.role) || isBlock || checkingRole){
-        return <NotFound />
-    }
-
-    if (ok){
-        return <WordsAddPage />
-    }
-
-}
\ No newline at end of file
diff --git a/app/admin/add-words/page.tsx b/app/admin/add-words/page.tsx
index 395729c..5630a56 100644
--- a/app/admin/add-words/page.tsx
+++ b/app/admin/add-words/page.tsx
@@ -1,4 +1,4 @@
-import AdminAddHomeWrapper from "./Wrapper";
+import WordsAddHome from "./AddWordsHome";
 
 export async function generateMetadata() {
     return {
@@ -8,5 +8,5 @@ export async function generateMetadata() {
 }
 
 export default function WordsAddPage(){
-    return <AdminAddHomeWrapper />
+    return <WordsAddHome/>
 }
\ No newline at end of file
diff --git a/app/admin/del-words/AdminDelHomeWrapper.tsx b/app/admin/del-words/AdminDelHomeWrapper.tsx
deleted file mode 100644
index 75ff797..0000000
--- a/app/admin/del-words/AdminDelHomeWrapper.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-"use client";
-import NotFound from '@/app/not-found-client';
-import { supabase } from "@/app/lib/supabaseClient";
-import { useSelector } from 'react-redux';
-import { RootState } from "@/app/store/store";
-import { useEffect, useState } from 'react';
-import WordsDelHome from './DelWordsHome';
-
-export default function AdminDelHomeWrapper(){
-    const [isBlock,setIsBlock] = useState(false);
-    const [checkingRole,setCheckingRole] = useState(true)
-    const user = useSelector((state: RootState) => state.user);
-    const [ok, setOk] = useState<boolean>(false)
-
-    useEffect(()=>{
-        const checkSession = async () => {
-            const { data, error } = await supabase.auth.getSession();
-
-            if (!data || !data.session || error) {
-                setCheckingRole(false);
-                setIsBlock(true)
-                return;
-            }
-
-            const { data: ddata, error: err } = await supabase
-                .from("users")
-                .select("*")
-                .eq("id", data.session.user.id);
-
-            if (err || ddata.length == 0){
-                setCheckingRole(false);
-                setIsBlock(true)
-                return;
-            }
-            setCheckingRole(false);
-            setOk(true);
-        }
-        checkSession()
-    },[])
-
-    if (!["admin","r4"].includes(user.role) || isBlock || checkingRole){
-        return <NotFound />
-    }
-
-    if (ok){
-        return <WordsDelHome />
-    }
-}
\ No newline at end of file
diff --git a/app/admin/del-words/DelWordsHome.tsx b/app/admin/del-words/DelWordsHome.tsx
index 6ddf9f5..fa8741f 100644
--- a/app/admin/del-words/DelWordsHome.tsx
+++ b/app/admin/del-words/DelWordsHome.tsx
@@ -1,5 +1,6 @@
+"use client";
 import { useState, useRef, ChangeEvent, DragEvent } from 'react';
-import { Upload, FileText, CheckCircle, AlertCircle, Loader2 } from 'lucide-react';
+import { Upload, FileText, CheckCircle, AlertCircle, Loader2, ArrowLeft } from 'lucide-react';
 import {
     Dialog,
     DialogContent,
@@ -13,15 +14,17 @@ import { Textarea } from '@/app/components/ui/textarea';
 import { Alert, AlertDescription } from '@/app/components/ui/alert';
 import { PostgrestError } from '@supabase/supabase-js';
 import ErrorModal from "@/app/components/ErrModal";
-import { supabase } from '@/app/lib/supabaseClient';
+import { SCM } from '@/app/lib/supabaseClient';
 import { useSelector } from 'react-redux';
 import { RootState } from "@/app/store/store";
 import { chunk as chunkArray } from "es-toolkit";
+import Link from "next/link";
 
 function isNumericString(str: string): boolean {
     return /^[0-9]+$/.test(str);
 }
 
+const keya = (word: string, themeName: string) => `[${word}, ${themeName}]`
 
 export default function WordsDelHome() {
     const [file, setFile] = useState<File | null>(null);
@@ -116,8 +119,6 @@ export default function WordsDelHome() {
         setProgress(0);
         setCurrentTask('파일 분석 중...');
 
-        // 실제 처리 로직은 사용자가 구현할 예정
-        // 여기서는 시뮬레이션만 진행
         await handleDbProcess();
     };
 
@@ -128,9 +129,29 @@ export default function WordsDelHome() {
 
         setCurrentTask("필요한 정보 가져오는 중...");
         setProgress(0);
-        const { data: docsDatas, error: docsDataError } = await supabase.from('docs').select('*');
+        const { data: docsDatas, error: docsDataError } = await SCM.get().allDocs();
         if (docsDataError) return makeError(docsDataError);
 
+        const { data: waitWords, error: waitWordsError } = await SCM.get().allWaitWords('delete');
+        const { data: waitThemeWord, error: waitThemeWordError } = await SCM.get().allWordWaitTheme('delete');
+
+        if (waitWordsError) { return makeError(waitWordsError); }
+        if (waitThemeWordError) { return makeError(waitThemeWordError); }
+
+        const { data: waitWordTheme, error: waitWordThemeError } = await SCM.get().waitWordsThemes(waitWords.map(({ id }) => id))
+        if (waitWordThemeError) { return makeError(waitWordThemeError); }
+
+        const waitWord: Record<string, { id: number, requested_by: string | null }> = {};
+        const waitTheme: Record<string, { req_by: string | null }> = {};
+
+        waitWords.forEach(({ id, word, requested_by }) => waitWord[word] = { id, requested_by });
+        waitThemeWord.forEach(({ words: { word }, themes: { name }, req_by }) => {
+            waitTheme[keya(word, name)] = { req_by }
+        })
+        waitWordTheme.forEach(({ wait_words: { word }, themes: { name } }) => {
+            waitTheme[keya(word, name)] = { req_by: waitWord[word]?.requested_by ?? null }
+        })
+
         const letterDocsInfo: Record<string, number> = {};
         const themeDocsInfo: Record<string, number> = {};
 
@@ -152,7 +173,7 @@ export default function WordsDelHome() {
 
         const chuckWords = chunkArray(words, 100)
         for (const ww of chuckWords) {
-            const { data: wordsData, error: wordsError } = await supabase.from('words').select('*').in('word', ww);
+            const { data: wordsData, error: wordsError } = await SCM.get().wordsByWords(ww);
             if (wordsError) return makeError(wordsError);
 
             for (const data of wordsData) {
@@ -164,21 +185,18 @@ export default function WordsDelHome() {
         setCurrentTask("삭제할 단어의 주제 정보 가져오는 중...");
         setProgress(50);
 
-        const doct: Record<string,number[]> = {};
+        const doct: Record<string,string[]> = {};
         const nodel: Set<number> = new Set();
 
         for (const chuckchu of chunkArray(wordIds, 100)) {
-            const { data: wordThemeData, error: wordThemeError } = await supabase.from('word_themes').select('words(word,id),themes(name,code)').in('word_id', chuckchu)
+            const { data: wordThemeData, error: wordThemeError } = await SCM.get().wordsThemes(chuckchu)
             if (wordThemeError) return makeError(wordThemeError)
 
             for (const data of wordThemeData) {
-                const themeDocsId = themeDocsInfo[data.themes.name]
                 if (isNumericString(data.themes.code)){
                     nodel.add(data.words.id)
                 }
-                if (themeDocsId) {
-                    doct[data.words.word] = [...(doct[data.words.word] ?? []), themeDocsId]
-                }
+                doct[data.words.word] = [...(doct[data.words.word] ?? []), data.themes.name]
             }
         }
 
@@ -188,7 +206,7 @@ export default function WordsDelHome() {
             logsQuery.push({
                 word: word,
                 processed_by: user.uuid,
-                make_by: user.uuid,
+                make_by: waitWord[word]?.requested_by ?? user.uuid,
                 r_type: "delete" as const,
                 state: "approved" as const
             })
@@ -197,17 +215,18 @@ export default function WordsDelHome() {
                 docsLogsQuery.push({
                     docs_id: docsId,
                     word: word,
-                    add_by: user.uuid,
+                    add_by: waitWord[word]?.requested_by ?? user.uuid,
                     type: "delete" as const
                 })
             } 
             const t = doct[word] ?? []
             if (t.length > 0){
-                for (const tid of t){
+                for (const tname of t){
+                    const tid = themeDocsInfo[tname]
                     docsLogsQuery.push({
                         docs_id: tid,
                         word: word,
-                        add_by: user.uuid,
+                        add_by: waitTheme[keya(word,tname)]?.req_by ?? user.uuid,
                         type: "delete" as const
                     })
                 }
@@ -218,11 +237,12 @@ export default function WordsDelHome() {
         setCurrentTask("로그 등록중...");
         setProgress(75);
 
-        const { error: logError } = await supabase.from('logs').insert(logsQuery);
+        const { error: logError } = await SCM.add().wordLog(logsQuery);
         if (logError) return makeError(logError)
 
-        const { data: docsLogData, error: docsLogError } = await supabase.from('docs_logs').insert(docsLogsQuery).select('docs(id)')
+        const { error: docsLogError } = await SCM.add().docsLog(docsLogsQuery);
         if (docsLogError) return makeError(docsLogError)
+        const docsLogData = docsLogsQuery.map(({docs_id})=>docs_id)
 
         
         const deleteWordIdChuck = chunkArray(wordIdsAA, 200);
@@ -231,19 +251,18 @@ export default function WordsDelHome() {
         for (let i = 0; i < deleteWordIdChuck.length; i++) {
             const wordIdsA = deleteWordIdChuck[i]
             setCurrentTask(`삭제 처리중... ${i}/${deleteWordIdChuck.length}`)
-            const { error: deleteWordError } = await supabase.from('words').delete().in('id', wordIdsA)
+            const { error: deleteWordError } = await SCM.delete().wordByIds(wordIdsA);
             if (deleteWordError) return makeError(deleteWordError)
         }
-        for (const { docs } of docsLogData) {
-            updateDocsId.add(docs.id)
+        for (const id of docsLogData) {
+            updateDocsId.add(id)
         }
 
         setCurrentTask("마지막 처리중...");
         setProgress(95);
-        for (const docsId of updateDocsId) {
-            await supabase.rpc('update_last_update', { docs_id: docsId })
-        }
-        await supabase.rpc('increment_contribution', { target_id: user.uuid, inc_amount: wordIds.length })
+        await SCM.update().docsLastUpdate([...updateDocsId])
+        await SCM.update().userContribution({ userId: user.uuid, amount: wordIds.length })
+        
 
         setProgress(100);
         setIsProcessing(false);
@@ -258,19 +277,26 @@ export default function WordsDelHome() {
     };
 
     return (
-        <div className="flex flex-col min-h-screen bg-gray-50 p-4 md:p-8">
+        <div className="flex flex-col min-h-screen bg-gradient-to-b from-gray-100 to-gray-200 dark:from-gray-900 dark:to-gray-800 p-4 md:p-8">
             <header className="mb-8">
-                <h1 className="text-3xl font-bold text-gray-900">단어 대량 삭제 페이지</h1>
-                <p className="text-gray-600 mt-2">단어를 대량으로 삭제합니다.</p>
+                <h1 className="text-3xl font-bold text-gray-900 dark:text-gray-100">단어 대량 삭제 페이지</h1>
+                <p className="text-gray-600 dark:text-gray-300 mt-2">단어를 대량으로 삭제합니다.</p>
             </header>
 
             <main className="flex-grow">
-                <div className="bg-white rounded-lg shadow-md p-6 mb-8">
-                    <h2 className="text-xl font-semibold mb-4">파일 업로드</h2>
+                {/* 관리자 대시보드로 이동 버튼 */}
+                <Link href={'/admin'} className="mb-4 flex">
+                    <Button variant="outline">
+                        <ArrowLeft />
+                        관리자 대시보드로 이동
+                    </Button>
+                </Link>
+                <div className="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 mb-8 border border-transparent dark:border-gray-700">
+                    <h2 className="text-xl font-semibold mb-4 text-gray-900 dark:text-gray-100">파일 업로드</h2>
 
                     {/* 드래그 앤 드롭 영역 */}
                     <div
-                        className="border-2 border-dashed border-gray-300 rounded-lg p-8 text-center cursor-pointer hover:border-blue-500 transition-colors"
+                        className="border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg p-8 text-center cursor-pointer hover:border-blue-500 dark:hover:border-blue-400 transition-colors bg-white dark:bg-gray-900"
                         onClick={handleUploadClick}
                         onDragOver={handleDragOver}
                         onDrop={handleDrop}
@@ -284,11 +310,11 @@ export default function WordsDelHome() {
                         />
 
                         <div className="flex flex-col items-center gap-3">
-                            <Upload className="h-12 w-12 text-gray-400" />
-                            <p className="text-lg font-medium">
+                            <Upload className="h-12 w-12 text-gray-400 dark:text-gray-500" />
+                            <p className="text-lg font-medium text-gray-900 dark:text-gray-100">
                                 {fileName ? `${fileName} 선택됨` : '파일을 드래그하거나 클릭하여 업로드'}
                             </p>
-                            <p className="text-sm text-gray-500">지원 형식: TXT, CSV, MD, JSON</p>
+                            <p className="text-sm text-gray-500 dark:text-gray-400">지원 형식: TXT, CSV, MD, JSON</p>
                         </div>
                     </div>
 
@@ -303,14 +329,14 @@ export default function WordsDelHome() {
                     {/* 파일 내용 미리보기 */}
                     {fileContent && (
                         <div className="mt-6">
-                            <h3 className="text-lg font-medium mb-2 flex items-center gap-2">
+                            <h3 className="text-lg font-medium mb-2 flex items-center gap-2 text-gray-900 dark:text-gray-100">
                                 <FileText className="h-5 w-5" />
                                 파일 미리보기
                             </h3>
                             <Textarea
                                 value={fileContent.length > 1000 ? `${fileContent.substring(0, 1000)}...` : fileContent}
                                 readOnly
-                                className="font-mono text-sm h-48"
+                                className="font-mono text-sm h-48 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100"
                             />
                         </div>
                     )}
@@ -334,12 +360,12 @@ export default function WordsDelHome() {
 
                 {/* 추가 기능이나 결과를 보여주는 섹션 (필요에 따라 확장) */}
                 {processingComplete && (
-                    <div className="bg-white rounded-lg shadow-md p-6">
+                    <div className="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-transparent dark:border-gray-700">
                         <div className="flex items-center gap-2 text-green-600 mb-4">
                             <CheckCircle className="h-6 w-6" />
-                            <h2 className="text-xl font-semibold">처리 완료!</h2>
+                            <h2 className="text-xl font-semibold text-gray-900 dark:text-gray-100">처리 완료!</h2>
                         </div>
-                        <p className="text-gray-700">
+                        <p className="text-gray-700 dark:text-gray-300">
                             삭제 처리가 완료되었습니다
                         </p>
                     </div>
@@ -348,12 +374,12 @@ export default function WordsDelHome() {
 
             {/* 처리 모달 */}
             <Dialog open={showModal} onOpenChange={setShowModal}>
-                <DialogContent className="sm:max-w-md">
+                <DialogContent className="sm:max-w-md bg-white dark:bg-gray-900">
                     <DialogHeader>
-                        <DialogTitle>
+                        <DialogTitle className="text-gray-900 dark:text-gray-100">
                             {processingComplete ? '처리 완료' : '처리 진행 중'}
                         </DialogTitle>
-                        <DialogDescription>
+                        <DialogDescription className="dark:text-gray-300">
                             {processingComplete
                                 ? '모든 작업이 성공적으로 완료되었습니다.'
                                 : '텍스트 파일을 처리하고 있습니다. 잠시만 기다려주세요.'}
@@ -362,8 +388,8 @@ export default function WordsDelHome() {
 
                     <div className="py-4">
                         <div className="flex items-center justify-between mb-2">
-                            <span className="text-sm font-medium">{currentTask}</span>
-                            <span className="text-sm font-medium">{progress}%</span>
+                            <span className="text-sm font-medium text-gray-900 dark:text-gray-100">{currentTask}</span>
+                            <span className="text-sm font-medium text-gray-900 dark:text-gray-100">{progress}%</span>
                         </div>
                         <Progress value={progress} className="h-2" />
 
diff --git a/app/admin/del-words/page.tsx b/app/admin/del-words/page.tsx
index 33948f2..ae95004 100644
--- a/app/admin/del-words/page.tsx
+++ b/app/admin/del-words/page.tsx
@@ -1,4 +1,4 @@
-import AdminDelHomeWrapper from "./AdminDelHomeWrapper";
+import WordsDelHome from "./DelWordsHome";
 
 export async function generateMetadata() {
     return {
@@ -8,5 +8,5 @@ export async function generateMetadata() {
 }
 
 export default function AdminDelPage(){
-    return <AdminDelHomeWrapper />
+    return <WordsDelHome/>
 }
\ No newline at end of file
diff --git a/app/admin/reqeust-words/AdminRequestHome.tsx b/app/admin/reqeust-words/AdminRequestHome.tsx
deleted file mode 100644
index 374c86f..0000000
--- a/app/admin/reqeust-words/AdminRequestHome.tsx
+++ /dev/null
@@ -1,599 +0,0 @@
-'use client'
-
-import { useState, useEffect } from 'react'
-import {
-    Table,
-    TableBody,
-    TableCell,
-    TableHead,
-    TableHeader,
-    TableRow
-} from "@/app/components/ui/table"
-import {
-    Pagination,
-    PaginationContent,
-    PaginationItem,
-    PaginationLink,
-    PaginationNext,
-    PaginationPrevious
-} from "@/app/components/ui/pagination"
-import { Checkbox } from "@/app/components/ui/checkbox"
-import { Button } from "@/app/components/ui/button"
-import { Badge } from "@/app/components/ui/badge"
-import {
-    Card,
-    CardContent,
-    CardDescription,
-    CardFooter,
-    CardHeader,
-    CardTitle
-} from "@/app/components/ui/card"
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/app/components/ui/tabs"
-import { useRouter } from 'next/navigation'
-import { supabase } from '../../lib/supabaseClient'
-import { PostgrestError } from '@supabase/supabase-js'
-import { useSelector } from 'react-redux';
-import { RootState } from "@/app/store/store";
-import ErrorModal from '../../components/ErrModal'
-
-// 타입 정의
-type Theme = {
-    theme_id: number;
-    theme_name: string;
-    typez?: "add" | "delete"; // 주제 추가/삭제 요청에서만 사용
-}
-
-type WordRequest = {
-    id: number;
-    word: string;
-    request_type: "add" | "delete" | "theme_change";
-    requested_at: string;
-    requested_by_uuid?: string;
-    requested_by: string;
-    wait_themes?: Theme[];
-    word_id?: number; // 주제 변경 요청에서만 사용
-}
-
-export default function AdminHome({requestDatas}:{requestDatas: WordRequest[]}) {
-    const [selectedTab, setSelectedTab] = useState<string>("all");
-    const [selectedRequests, setSelectedRequests] = useState<Set<number>>(new Set());
-    const [selectedThemes, setSelectedThemes] = useState<Record<number, Set<number>>>({});
-    const [currentPage, setCurrentPage] = useState<number>(1);
-    const [allSelected, setAllSelected] = useState<boolean>(false);
-    const [errorModalView, setErrorModalView] = useState<ErrorMessage|null>(null);
-    const router = useRouter();
-    const user = useSelector((state: RootState) => state.user);
-
-    const PAGE_SIZE = 30;
-
-    // 요청 타입별 필터링
-    const filteredRequests = requestDatas.filter(request => {
-        if (selectedTab === "all") return true;
-        return request.request_type === selectedTab;
-    });
-
-    // 페이지네이션 적용
-    const totalPages = Math.ceil(filteredRequests.length / PAGE_SIZE);
-    const startIndex = (currentPage - 1) * PAGE_SIZE;
-    const currentRequests = filteredRequests.slice(startIndex, startIndex + PAGE_SIZE);
-
-    // 전체 선택 토글
-    const toggleSelectAll = () => {
-        if (allSelected) {
-            setSelectedRequests(new Set());
-            setAllSelected(false);
-        } else {
-            const newSelected = new Set<number>();
-            currentRequests.forEach(req => newSelected.add(req.id));
-            setSelectedRequests(newSelected);
-            setAllSelected(true);
-        }
-    };
-
-    // 개별 요청 선택 토글
-    const toggleRequest = (id: number) => {
-        const newSelected = new Set(selectedRequests);
-        if (newSelected.has(id)) {
-            newSelected.delete(id);
-            setAllSelected(false);
-        } else {
-            newSelected.add(id);
-            if (newSelected.size === currentRequests.length) {
-                setAllSelected(true);
-            }
-        }
-        setSelectedRequests(newSelected);
-    };
-
-    // 주제 선택 토글
-    const toggleTheme = (requestId: number, themeId: number) => {
-        const currentThemes = selectedThemes[requestId] || new Set<number>();
-        const newSelectedThemes = { ...selectedThemes };
-
-        if (currentThemes.has(themeId)) {
-            currentThemes.delete(themeId);
-            if (currentThemes.size===0){
-                toggleRequest(requestId)
-            }
-        } else {
-            currentThemes.add(themeId);
-            const newSelected = new Set(selectedRequests);
-            if (!newSelected.has(requestId)){
-                newSelected.add(requestId);
-                if (newSelected.size === currentRequests.length) {
-                    setAllSelected(true);
-                }
-                setSelectedRequests(newSelected);
-            }
-        }
-
-        newSelectedThemes[requestId] = currentThemes;
-        setSelectedThemes(newSelectedThemes);
-    };
-
-    const makeError = (error: PostgrestError) => {
-        setErrorModalView({
-            ErrName: error.name,
-            ErrMessage: error.message,
-            ErrStackRace: error.code,
-            inputValue: ""
-        })
-    }
-
-    // 선택한 요청 승인 처리
-    const approveSelected = async () => {
-        if (selectedRequests.size === 0) {
-            alert("선택된 요청이 없습니다.");
-            return;
-        }
-
-        // 승인 처리할 요청과 선택된 주제 정보 구성
-        const requestsToApprove = Array.from(selectedRequests).map(reqId => {
-            const request = requestDatas.find(r => r.id === reqId);
-            const selectedThemeIds = selectedThemes[reqId] || new Set<number>();
-
-            return {
-                ...request,
-                selectedThemes: request?.wait_themes?.filter(theme =>
-                    selectedThemeIds.has(theme.theme_id)
-                )
-            };
-        });
-
-        // 작업 처리
-        const wordAddThemesQuery: {word_id: number, theme_id: number}[] = []; // 단어의 주제 추가 요청 승인 쿼리
-        const wordDeleteThemesQuery: {word_id: number, theme_id: number}[] = []; // 단어의 주제 삭제 요청 승인 쿼리
-        const wordAddQuery: {word: string, added_by: string | null}[] = []; // 단어 추가 승인 쿼리
-        const wordDeleteQuery: {word_id: number}[] = []; //단어 삭제 승인 쿼리
-        const wordAddBeforeThemes: Record<string,number[]> = {}; // 단어 추가 되고 주제 추가 할 목록
-        const RequestBy: Record<string, string | null> = {};
-
-        // 승인할 목록에서 쿼리에 맞게 배분
-        for (const req of requestsToApprove){
-            switch (req.request_type){
-                case "add":
-                    if (!req.word || !req.selectedThemes) continue;
-                    wordAddQuery.push({word: req.word, added_by: req.requested_by_uuid ?? null});
-                    wordAddBeforeThemes[req.word] = req.selectedThemes.map((theme)=>theme.theme_id);
-                    RequestBy[req.word] = req.requested_by_uuid ?? null;
-
-                case "delete":
-                    if (!req.word || !req.word_id) continue;
-                    wordDeleteQuery.push({word_id: req.word_id});
-                    RequestBy[req.word] = req.requested_by_uuid ?? null;
-
-                case "theme_change":
-                    if (!req.word_id || !req.selectedThemes) continue;
-                    const addT: {word_id: number, theme_id: number}[] = [];
-                    const delT: {word_id: number, theme_id: number}[] = [];
-                    req.selectedThemes.forEach((theme)=>{
-                        if (theme.typez === "add"){
-                            addT.push({word_id: req.word_id as number, theme_id: theme.theme_id})
-                        }
-                        else if (theme.typez === "delete"){
-                            delT.push({word_id: req.word_id as number, theme_id: theme.theme_id})
-                        }
-                    })
-
-                    wordAddThemesQuery.concat(addT);
-                    wordDeleteThemesQuery.concat(delT);
-
-                default:
-                    continue;
-            }
-        }
-
-        // db에 올리기
-        const {data: AddedWords, error: AddedWordsError} = await supabase.from('words').insert(wordAddQuery).select('*');
-        if (AddedWordsError){
-            makeError(AddedWordsError);
-            return;
-        }
-        
-        const {error: AddWordThemesError} = await supabase.from('word_themes').insert(wordAddThemesQuery);
-        if (wordDeleteThemesQuery.length > 0){
-            const conditions = wordDeleteThemesQuery
-            .map(p => `(word_id.eq.${p.word_id},theme_id.eq.${p.theme_id})`)
-            .join(',');
-            const {error: DeleteWordThemesError} = await supabase.from('word_themes').delete().or(conditions);
-            if (DeleteWordThemesError){
-                makeError(DeleteWordThemesError);
-                return;
-            }
-        }
-        
-
-        if (AddWordThemesError){
-            makeError(AddWordThemesError);
-            return;
-        }
-
-        const {data: deletedWordsData ,error: DeleteWordsError} = await supabase.from('words').delete().in('id',wordDeleteQuery.map(({word_id})=>word_id)).select('*')
-        if (DeleteWordsError){
-            makeError(DeleteWordsError);
-            return;
-        }
-
-        // 추가된 단어 주제 등록
-        const wordAddThemesQuery2: {word_id: number, theme_id: number}[] = [];
-        AddedWords.forEach(({word,id})=>{
-            const themes = wordAddBeforeThemes[word]
-            if (themes){
-                wordAddThemesQuery2.push(...themes.map((tid)=>({ 
-                    word_id: id,
-                    theme_id: tid
-                })))
-            }
-        });
-
-        const {data: AddWordThemeData,error: AddWordThemesError2} = await supabase.from('word_themes').insert(wordAddThemesQuery2).select('words(id,word,added_by),themes(name,id)')
-        if (AddWordThemesError2) return makeError(AddWordThemesError2);
-        const AddedWordThemeRecord: Record<string,string[]> = {}
-        AddWordThemeData.forEach(({words,themes})=>{
-            AddedWordThemeRecord[words.word] = (AddedWordThemeRecord[words.word] ?? []).concat([themes.name])
-        })
-
-        // 로그 등록을 위한 문서 정보 가져오기
-        const docsIdInfo: Record<string, number> = {};
-        const docsThemeIdInfo: Record<string, number> = {};
-        const {data: docsDatas, error: docsDataError} = await supabase.from('docs').select('*');
-        if (docsDataError){
-            return makeError(docsDataError)
-        }
-        docsDatas.filter(({typez})=>typez==="letter").forEach(({id, name})=>docsIdInfo[name]=id);
-        docsDatas.filter(({typez})=>typez==="theme").forEach(({id,name})=>docsThemeIdInfo[name]=id)
-
-        // 문서 로그 등록
-        const docsLogQuery: {docs_id: number, word: string, add_by: string | null, type: "add" | "delete"}[] = [];
-        const wordsLogQuery: {word: string, processed_by: string, make_by: string | null, state: "approved" | "rejected", r_type: "add" | "delete"}[] = []
-
-        for (const data of AddedWords){
-            const docsID = docsIdInfo[data.word[data.word.length - 1]];
-            if (docsID){
-                docsLogQuery.push({
-                    docs_id: docsID,
-                    word: data.word,
-                    add_by: RequestBy[data.word],
-                    type: "add"
-                })
-            }
-            const docsNames = AddedWordThemeRecord[data.word]
-            if (docsNames.length > 0){
-                docsNames.forEach((name)=>{
-                    const docsId2 = docsThemeIdInfo[name]
-                    if (docsId2){
-                        docsLogQuery.push({
-                            docs_id: docsId2,
-                            word: data.word,
-                            add_by: RequestBy[data.word],
-                            type: "add"
-                        })
-                    }
-                })
-            }
-            wordsLogQuery.push({
-                word: data.word,
-                processed_by: user.uuid!,
-                make_by: RequestBy[data.word],
-                state: "approved",
-                r_type: "add"
-            })
-        }
-
-        for (const data of deletedWordsData){
-            const docsID = docsIdInfo[data.word[data.word.length - 1]];
-            if (docsID){
-                docsLogQuery.push({
-                    docs_id: docsID,
-                    word: data.word,
-                    add_by: RequestBy[data.word],
-                    type: "delete"
-                });
-            }
-            wordsLogQuery.push({
-                word: data.word,
-                processed_by: user.uuid!,
-                make_by: RequestBy[data.word],
-                state: "approved",
-                r_type: "delete"
-            })
-            // ㅅㅏㄱ제 관련도 문서 로그 추가해야함
-        };
-
-        const cont:Record<string,number> = {};
-        wordsLogQuery.forEach(({make_by})=>{
-            if (make_by){
-                cont[make_by] = (cont[make_by] ?? 0) + 1
-            }
-        });
-
-        const {error: insertDocsLogError} = await supabase.from('docs_logs').insert(docsLogQuery);
-        if (insertDocsLogError) return makeError(insertDocsLogError);
-
-        const {error: insertWordLogError} = await supabase.from('logs').insert(wordsLogQuery);
-        if (insertWordLogError) return makeError(insertWordLogError);
-
-        // 대기 큐에서 삭제
-        const {error: deleteWaitQueueError} = await supabase.from('wait_words').delete().in('word',AddedWords.map(({word})=>word).concat(deletedWordsData.map(({word})=>word)));
-        if (deleteWaitQueueError) return makeError(deleteWaitQueueError);
-
-        if (wordDeleteThemesQuery.concat(wordAddThemesQuery).length > 0){
-            const conditions2 = wordDeleteThemesQuery.concat(wordAddThemesQuery)
-            .map(p => `(word_id.eq.${p.word_id},theme_id.eq.${p.theme_id})`)
-            .join(',');
-            const {error: deleteWaitQueueError2} = await supabase.from('word_themes_wait').delete().or(conditions2)
-            if (deleteWaitQueueError2) return makeError(deleteWaitQueueError2);
-        }
-        
-
-        docsLogQuery.forEach(async ({docs_id})=>{
-            await supabase.rpc('update_last_update', {docs_id});
-        })
-
-        for (const [key, value] of Object.entries(cont)){
-            await supabase.rpc('increment_contribution',{target_id: key, inc_amount: value})
-        }
-
-        // 선택 상태 초기화
-        setSelectedRequests(new Set());
-        setSelectedThemes({});
-        setAllSelected(false);
-        router.refresh();
-    };
-
-    // 선택한 요청 거절 처리
-    const rejectSelected = () => {
-        if (selectedRequests.size === 0) {
-            alert("선택된 요청이 없습니다.");
-            return;
-        }
-
-        const requestsToReject = Array.from(selectedRequests).map(reqId => {
-            const request = requestDatas.find(r => r.id === reqId);
-            const selectedThemeIds = selectedThemes[reqId] || new Set<number>();
-
-            return {
-                ...request,
-                selectedThemes: request?.wait_themes?.filter(theme =>
-                    selectedThemeIds.has(theme.theme_id)
-                )
-            };
-        });
-
-        // 실제로는 API 호출할 부분
-        console.log("거절할 요청:", Array.from(requestsToReject));
-        alert(`${selectedRequests.size}개의 요청을 거절했습니다.`);
-
-        // 선택 상태 초기화
-        setSelectedRequests(new Set());
-        setSelectedThemes({});
-        setAllSelected(false);
-    };
-
-    // 페이지 변경시 선택 상태 초기화
-    useEffect(() => {
-        setSelectedRequests(new Set());
-        setSelectedThemes({});
-        setAllSelected(false);
-    }, [currentPage, selectedTab]);
-
-    // 날짜 포맷 함수
-    const formatDate = (dateStr: string) => {
-        const date = new Date(dateStr);
-        return new Intl.DateTimeFormat('ko-KR', {
-            year: 'numeric',
-            month: '2-digit',
-            day: '2-digit',
-            hour: '2-digit',
-            minute: '2-digit'
-        }).format(date);
-    };
-
-    // 요청 타입 뱃지 렌더링
-    const renderRequestTypeBadge = (type: string) => {
-        switch (type) {
-            case 'add':
-                return <Badge className="bg-green-500">추가</Badge>;
-            case 'delete':
-                return <Badge className="bg-red-500">삭제</Badge>;
-            case 'theme_change':
-                return <Badge className="bg-blue-500">주제 변경</Badge>;
-            default:
-                return null;
-        }
-    };
-
-    return (
-        <div className="container mx-auto py-8">
-            <Card className="w-full">
-                <CardHeader>
-                    <CardTitle>단어 DB 관리자 페이지</CardTitle>
-                    <CardDescription>
-                        단어 추가, 삭제 및 주제 변경 요청을 관리합니다.
-                    </CardDescription>
-                </CardHeader>
-
-                <CardContent>
-                    <Tabs defaultValue="all" value={selectedTab} onValueChange={setSelectedTab}>
-                        <TabsList className="mb-4">
-                            <TabsTrigger value="all">전체 요청</TabsTrigger>
-                            <TabsTrigger value="add">추가 요청</TabsTrigger>
-                            <TabsTrigger value="delete">삭제 요청</TabsTrigger>
-                            <TabsTrigger value="theme_change">주제 변경 요청</TabsTrigger>
-                        </TabsList>
-
-                        <TabsContent value={selectedTab}>
-                            <div className="flex justify-end mb-4 gap-2">
-                                <Button
-                                    variant="outline"
-                                    className="bg-green-100 hover:bg-green-200"
-                                    onClick={()=>{
-                                        approveSelected()
-                                    }}
-                                >
-                                    선택 승인
-                                </Button>
-                                <Button
-                                    variant="outline"
-                                    className="bg-red-100 hover:bg-red-200"
-                                    onClick={rejectSelected}
-                                >
-                                    선택 거절
-                                </Button>
-                            </div>
-
-                            <div className="border rounded-md">
-                                <Table>
-                                    <TableHeader>
-                                        <TableRow>
-                                            <TableHead className="w-12">
-                                                <Checkbox
-                                                    checked={allSelected}
-                                                    onCheckedChange={toggleSelectAll}
-                                                    aria-label="전체 선택"
-                                                />
-                                            </TableHead>
-                                            <TableHead className="w-16">No.</TableHead>
-                                            <TableHead className="w-36">단어</TableHead>
-                                            <TableHead className="w-24">요청 타입</TableHead>
-                                            <TableHead className="w-48">주제</TableHead>
-                                            <TableHead className="w-40">요청 시간</TableHead>
-                                            <TableHead className="w-36">요청자</TableHead>
-                                        </TableRow>
-                                    </TableHeader>
-                                    <TableBody>
-                                        {currentRequests.length === 0 ? (
-                                            <TableRow>
-                                                <TableCell colSpan={7} className="text-center py-4">
-                                                    요청이 없습니다.
-                                                </TableCell>
-                                            </TableRow>
-                                        ) : (
-                                            currentRequests.map((request) => (
-                                                <TableRow key={`r-${request.id}`}>
-                                                    <TableCell>
-                                                        <Checkbox
-                                                            checked={selectedRequests.has(request.id)}
-                                                            onCheckedChange={() => toggleRequest(request.id)}
-                                                            aria-label={`${request.word} 선택`}
-                                                        />
-                                                    </TableCell>
-                                                    <TableCell>{request.id}</TableCell>
-                                                    <TableCell>{request.word}</TableCell>
-                                                    <TableCell>
-                                                        {renderRequestTypeBadge(request.request_type)}
-                                                    </TableCell>
-                                                    <TableCell>
-                                                        {request.wait_themes ? (
-                                                            <div className="flex flex-col gap-2">
-                                                                {request.wait_themes.map((theme, index) => (
-                                                                    <div key={`t-${theme.theme_id}-${request.id}-${index ^ 10110}`} className="flex items-center gap-2">
-                                                                        <Checkbox
-                                                                            id={`theme-${request.id}-${theme.theme_id}`}
-                                                                            checked={selectedThemes[request.id]?.has(theme.theme_id) || false}
-                                                                            onCheckedChange={() => toggleTheme(request.id, theme.theme_id)}
-                                                                        />
-                                                                        <label htmlFor={`theme-${request.id}-${theme.theme_id}`} className="text-sm flex items-center">
-                                                                            {theme.theme_name}
-                                                                            {theme.typez && (
-                                                                                <span className={`ml-1 text-xs px-1 rounded ${theme.typez === 'add' ? 'text-green-600 bg-green-50' : 'text-red-600 bg-red-50'
-                                                                                    }`}>
-                                                                                    {theme.typez === 'add' ? '추가' : '삭제'}
-                                                                                </span>
-                                                                            )}
-                                                                        </label>
-                                                                    </div>
-                                                                ))}
-                                                            </div>
-                                                        ) : (
-                                                            <span className="text-gray-500">-</span>
-                                                        )}
-                                                    </TableCell>
-                                                    <TableCell>{request.requested_at !== "unknown" ? formatDate(request.requested_at) : "unknown"}</TableCell>
-                                                    <TableCell>{request.requested_by}</TableCell>
-                                                </TableRow>
-                                            ))
-                                        )}
-                                    </TableBody>
-                                </Table>
-                            </div>
-                        </TabsContent>
-                    </Tabs>
-                </CardContent>
-
-                <CardFooter>
-                    <div className="w-full">
-                        <Pagination>
-                            <PaginationContent>
-                                <PaginationItem>
-                                    <PaginationPrevious
-                                        onClick={() => setCurrentPage(prev => Math.max(1, prev - 1))}
-                                        className={currentPage === 1 ? "pointer-events-none opacity-50" : ""}
-                                    />
-                                </PaginationItem>
-
-                                {/* 페이지네이션 렌더링 - 최대 5개 버튼 표시 */}
-                                {Array.from({ length: Math.min(5, totalPages) }).map((_, i) => {
-                                    let pageNum: number;
-
-                                    if (totalPages <= 5) {
-                                        // 5페이지 이하면 1부터 순차적으로
-                                        pageNum = i + 1;
-                                    } else if (currentPage <= 3) {
-                                        // 현재 페이지가 앞쪽이면 1~5 표시
-                                        pageNum = i + 1;
-                                    } else if (currentPage >= totalPages - 2) {
-                                        // 현재 페이지가 뒤쪽이면 마지막 5개 표시
-                                        pageNum = totalPages - 4 + i;
-                                    } else {
-                                        // 중간이면 현재 페이지 중심으로 표시
-                                        pageNum = currentPage - 2 + i;
-                                    }
-
-                                    return (
-                                        <PaginationItem key={`p-${pageNum}`}>
-                                            <PaginationLink
-                                                isActive={currentPage === pageNum}
-                                                onClick={() => setCurrentPage(pageNum)}
-                                            >
-                                                {pageNum}
-                                            </PaginationLink>
-                                        </PaginationItem>
-                                    );
-                                })}
-
-                                <PaginationItem>
-                                    <PaginationNext
-                                        onClick={() => setCurrentPage(prev => Math.min(totalPages, prev + 1))}
-                                        className={currentPage === totalPages ? "pointer-events-none opacity-50" : ""}
-                                    />
-                                </PaginationItem>
-                            </PaginationContent>
-                        </Pagination>
-                    </div>
-                </CardFooter>
-            </Card>
-            {errorModalView && <ErrorModal error={errorModalView} onClose={()=>setErrorModalView(null)} />}
-        </div>
-    )
-}
\ No newline at end of file
diff --git a/app/admin/reqeust-words/AdminWrapper.tsx b/app/admin/reqeust-words/AdminWrapper.tsx
deleted file mode 100644
index 63b7519..0000000
--- a/app/admin/reqeust-words/AdminWrapper.tsx
+++ /dev/null
@@ -1,177 +0,0 @@
-"use client";
-import AdminHome from "./AdminRequestHome";
-import NotFound from '@/app/not-found-client';
-import { supabase } from "../../lib/supabaseClient";
-import { useSelector } from 'react-redux';
-import { RootState } from "@/app/store/store";
-import { useEffect, useState } from 'react';
-import LoadingPage, {useLoadingState } from '@/app/components/LoadingPage';
-import ErrorPage from "../../components/ErrorPage";
-import type { PostgrestError } from "@supabase/supabase-js";
-import { DefaultDict } from "../../lib/collections";
-
-type Theme = {
-    theme_id: number;
-    theme_name: string;
-    typez?: "add" | "delete"; // 주제 추가/삭제 요청에서만 사용
-}
-
-type WordRequest = {
-    id: number;
-    word: string;
-    request_type: "add" | "delete" | "theme_change";
-    requested_at: string;
-    requested_by_uuid?: string;
-    requested_by: string;
-    wait_themes?: Theme[];
-    word_id?: number; // 주제 변경 요청에서만 사용
-}
-
-export default function AdminHomeWrapper(){
-    const [isBlock,setIsBlock] = useState(false);
-    const [checkingRole,setCheckingRole] = useState(true)
-    const user = useSelector((state: RootState) => state.user);
-    const { loadingState, updateLoadingState } = useLoadingState();
-    const [errorMessage,setErrorMessage] = useState<string|null>(null);
-    const [waitDatas,setWaitDatas] = useState<WordRequest[] | null>(null);
-
-    const MakeError = (error: PostgrestError) => {
-        setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${error.name ?? "알수없음"}\nError Message: ${error.message ?? "없음"}\nError code: ${error.code}`)
-        updateLoadingState(100,"ERR");
-        return;
-    }
-
-    useEffect(()=>{
-        const getWaitQueue = async () => {
-            updateLoadingState(10, "기존 단어 주제 수정 요청 목록 가져오는 중...");
-            const {data: waitThemeWordData, error: waitThemeWordError} = await supabase.from('word_themes_wait').select('*,words(word),themes(name)')
-            if (waitThemeWordError) {
-                MakeError(waitThemeWordError);
-                return;
-            }
-
-            updateLoadingState(30, "단어 삭제/추가 요청 단아 가져오는 중...");
-            const {data: waitWordsData, error: waitWordsError} = await supabase.from('wait_words').select('*, users(nickname)');
-            if (waitWordsError){
-                MakeError(waitWordsError);
-                return;
-            }
-
-            updateLoadingState(60,"추가 요청 단어의 주제 목록 가져오는 중...");
-            const {data: waitWordsThemesData, error: waitWordsThemesError} = await supabase.from('wait_word_themes').select('*,themes(name)').in('wait_word_id',waitWordsData.filter((d)=>d.request_type === "add").map(({id})=>id));
-            if (waitWordsThemesError){
-                MakeError(waitWordsThemesError);
-                return;
-            }
-
-            updateLoadingState(85, "데이터를 가공 중...");
-            const waitQueue: WordRequest[] = [];
-
-            type KK = {
-                id: number;
-                request_type: "theme_change";
-                word: string;
-                word_id: number
-            }
-            const waitThemes: DefaultDict<string, Theme[]> = new DefaultDict(() => []);
-            const waitThemesWord: Record<string, KK> = {}
-            waitThemeWordData.forEach((data, index)=>{
-                waitThemesWord[data.words.word] = {
-                    id: 10**8 + index,
-                    request_type: "theme_change",
-                    word: data.words.word,
-                    word_id: data.word_id
-                }
-
-                waitThemes.get(data.words.word).push({
-                    theme_id: data.theme_id,
-                    theme_name: data.themes.name,
-                    typez: data.typez
-                })
-            });
-
-            waitThemes.sortedEntries().forEach((data)=>{
-                const r: WordRequest ={
-                    ...waitThemesWord[data[0]],
-                    wait_themes: data[1],
-                    requested_at: "unknown",
-                    requested_by: "unknown"
-                }
-                waitQueue.push(r);
-            });
-
-            const waitWordsAddThemes: DefaultDict<number, Theme[]> = new DefaultDict(() => []);
-            waitWordsThemesData.forEach((data)=>{
-                waitWordsAddThemes.get(data.wait_word_id).push({
-                    theme_id: data.theme_id,
-                    theme_name: data.themes.name,
-                    typez: "add"
-                })
-            })
-
-            waitWordsData.forEach((data)=>{
-                const r: WordRequest = {
-                    id: data.id,
-                    word: data.word,
-                    request_type: data.request_type,
-                    requested_at: data.requested_at,
-                    requested_by_uuid: data.requested_by ?? undefined,
-                    requested_by: data.users?.nickname ?? "unknown",
-                    wait_themes: data.request_type === "add" ? waitWordsAddThemes.get(data.id) : undefined
-                }
-                waitQueue.push(r);
-            });
-
-            setWaitDatas(waitQueue);
-            updateLoadingState(100, "완료!")
-        }
-
-        const checkSession = async () => {
-            const { data, error } = await supabase.auth.getSession();
-
-            if (!data || !data.session || error) {
-                setCheckingRole(false);
-                setIsBlock(true)
-                return;
-            }
-
-            const { data: ddata, error: err } = await supabase
-                .from("users")
-                .select("*")
-                .eq("id", data.session.user.id);
-
-            if (err || ddata.length == 0){
-                setCheckingRole(false);
-                setIsBlock(true)
-                return;
-            }
-            setCheckingRole(false);
-            getWaitQueue();
-        }
-        checkSession();
-    },[])
-
-
-
-
-
-
-
-    if (!["admin","r4"].includes(user.role) || isBlock || checkingRole){
-        return <NotFound />
-    }
-
-    if (loadingState.isLoading) {
-        return (
-            <LoadingPage title={"관리자 페이지"} />
-        );
-    }
-
-    if (errorMessage){
-        return <ErrorPage message={errorMessage}/>
-    }
-
-    if (waitDatas){
-        return <AdminHome requestDatas={waitDatas} />
-    }
-}
\ No newline at end of file
diff --git a/app/admin/request-docs/RequestDocsHome.tsx b/app/admin/request-docs/RequestDocsHome.tsx
new file mode 100644
index 0000000..1f83b7e
--- /dev/null
+++ b/app/admin/request-docs/RequestDocsHome.tsx
@@ -0,0 +1,279 @@
+import React, { useState } from 'react';
+import { ArrowLeft } from 'lucide-react';
+import { Button } from '@/app/components/ui/button';
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/app/components/ui/card';
+import { Checkbox } from '@/app/components/ui/checkbox';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/app/components/ui/table';
+import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '@/app/components/ui/pagination';
+import { SCM } from '@/app/lib/supabaseClient';
+import { PostgrestError } from '@supabase/supabase-js';
+import ErrorModal from '@/app/components/ErrModal';
+
+type DocsWaitRequest = {id: number, req_at: string, docs_name: string, req_by: string | null, initial_consonant: boolean, req_byId: string | null}
+
+export default function DocsWaitManager({initialData}: {initialData?: DocsWaitRequest[]}) {
+  const [docsWaitRequests, setDocsWaitRequests] = useState<DocsWaitRequest[]>(initialData || []);
+  const [selectedRequests, setSelectedRequests] = useState<Set<number>>(new Set());
+  const [currentPage, setCurrentPage] = useState(1);
+  const [initialConsonantSettings, setInitialConsonantSettings] = useState<{ [key: number]: boolean }>({});
+  const [showErrorMessage, setShowErrorMessage] = useState<ErrorMessage | null>(null);
+
+  const itemsPerPage = 10;
+  const totalPages = Math.ceil(docsWaitRequests.length / itemsPerPage);
+  const currentRequests = docsWaitRequests.slice(
+    (currentPage - 1) * itemsPerPage,
+    currentPage * itemsPerPage
+  );
+
+  const makeError = (error: PostgrestError) => {
+    setShowErrorMessage({
+      ErrName: error.name || "알 수 없음",
+      ErrMessage: error.message || "없음",
+      ErrStackRace: error.code || "알 수 없음",
+      inputValue: "admin/request-docs",
+    });
+  };
+
+  const formatDate = (dateString: string) => {
+    try {
+      const date = new Date(dateString);
+      return date.toLocaleDateString('ko-KR', {
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+        hour: '2-digit',
+        minute: '2-digit'
+      });
+    } catch {
+      return dateString;
+    }
+  };
+
+  const toggleRequest = (id: number) => {
+    setSelectedRequests(prev => {
+      const newSet = new Set(prev);
+      if (newSet.has(id)) {
+        newSet.delete(id);
+      } else {
+        newSet.add(id);
+      }
+      return newSet;
+    });
+  };
+
+  const toggleSelectAll = () => {
+    if (selectedRequests.size === currentRequests.length) {
+      setSelectedRequests(new Set());
+    } else {
+      setSelectedRequests(new Set(currentRequests.map(req => req.id)));
+    }
+  };
+
+  const toggleInitialConsonant = (id: number) => {
+    setInitialConsonantSettings(prev => ({
+      ...prev,
+      [id]: !prev[id]
+    }));
+  };
+
+  const allSelected = currentRequests.length > 0 && selectedRequests.size === currentRequests.length;
+
+  const approveSelected = async () => {
+    const insertQuery = Array.from(selectedRequests).map(id => {
+        const request = docsWaitRequests.find(req => req.id === id);
+        if (!request) return null;
+        return {
+            name: request.docs_name,
+            maker: request.req_byId,
+            duem: initialConsonantSettings[id] || false,
+            typez: "letter"
+        };
+    }).filter(item => item !== null) as { name: string; maker: string | null; duem: boolean; typez: "letter" }[];
+    if (insertQuery.length === 0) return;
+    const {error} = await SCM.add().docs(insertQuery);
+    if (error) return makeError(error);
+    const idsToRemove = Array.from(selectedRequests);
+    const {error: deleteError} = await SCM.delete().waitDocsByIds(idsToRemove);
+    if (deleteError) return makeError(deleteError);
+    setDocsWaitRequests(prev => prev.filter(req => !idsToRemove.includes(req.id)));
+    setSelectedRequests(new Set());
+    setInitialConsonantSettings(prev => {
+        const newSettings = {...prev};
+        idsToRemove.forEach(id => delete newSettings[id]);
+        return newSettings;
+        }
+    );
+    setCurrentPage(1); // 페이지 초기화
+    setShowErrorMessage(null); // 에러 메시지 초기화
+  }
+
+  const rejectSelected = async () => {
+    const idsToReject = Array.from(selectedRequests);
+    const {error} = await SCM.delete().waitDocsByIds(idsToReject);
+    if (error) return makeError(error);
+
+    setDocsWaitRequests(prev => prev.filter(req => !selectedRequests.has(req.id)));
+    setSelectedRequests(new Set());
+    setCurrentPage(1); // 페이지 초기화
+    setShowErrorMessage(null); // 에러 메시지 초기화
+  };
+
+  return (
+    <div className="min-h-screen bg-gradient-to-b from-gray-100 to-gray-200 dark:from-gray-900 dark:to-gray-800">
+      <div className="container mx-auto py-8">
+        <div className="mb-4 flex">
+          <Button variant="outline">
+            <ArrowLeft className="mr-2 h-4 w-4" />
+            관리자 대시보드로 이동
+          </Button>
+        </div>
+        
+        <Card className="w-full bg-white dark:bg-gray-800 border border-transparent dark:border-gray-700 shadow-sm">
+          <CardHeader>
+            <CardTitle className="text-gray-900 dark:text-gray-100">문서 대기 관리자 페이지</CardTitle>
+            <CardDescription className="dark:text-gray-300">
+              문서 추가 요청을 승인하거나 거절할 수 있습니다.
+            </CardDescription>
+          </CardHeader>
+
+          <CardContent>
+            <div className="flex justify-end mb-4 gap-2">
+              <Button
+                variant="outline"
+                className="bg-green-100 hover:bg-green-200 dark:bg-green-900 dark:hover:bg-green-800"
+                onClick={approveSelected}
+                disabled={selectedRequests.size === 0}
+              >
+                선택 승인
+              </Button>
+              <Button
+                variant="outline"
+                className="bg-red-100 hover:bg-red-200 dark:bg-red-900 dark:hover:bg-red-800"
+                onClick={rejectSelected}
+                disabled={selectedRequests.size === 0}
+              >
+                선택 거절
+              </Button>
+            </div>
+
+            <div className="border rounded-md dark:border-gray-700">
+              <Table>
+                <TableHeader>
+                  <TableRow>
+                    <TableHead className="w-12">
+                      <Checkbox
+                        checked={allSelected}
+                        onCheckedChange={toggleSelectAll}
+                        aria-label="전체 선택"
+                      />
+                    </TableHead>
+                    <TableHead className="w-16 text-gray-700 dark:text-gray-200">No.</TableHead>
+                    <TableHead className="w-48 text-gray-700 dark:text-gray-200">문서명</TableHead>
+                    <TableHead className="w-36 text-gray-700 dark:text-gray-200">요청자</TableHead>
+                    <TableHead className="w-40 text-gray-700 dark:text-gray-200">요청 시간</TableHead>
+                    <TableHead className="w-32 text-gray-700 dark:text-gray-200">두음 여부</TableHead>
+                  </TableRow>
+                </TableHeader>
+                <TableBody>
+                  {currentRequests.length === 0 ? (
+                    <TableRow>
+                      <TableCell colSpan={6} className="text-center py-4 text-gray-500 dark:text-gray-400">
+                        요청이 없습니다.
+                      </TableCell>
+                    </TableRow>
+                  ) : (
+                    currentRequests.map((request) => (
+                      <TableRow key={`r-${request.id}`} className="hover:bg-gray-50 dark:hover:bg-gray-900">
+                        <TableCell>
+                          <Checkbox
+                            checked={selectedRequests.has(request.id)}
+                            onCheckedChange={() => toggleRequest(request.id)}
+                            aria-label={`${request.docs_name} 선택`}
+                          />
+                        </TableCell>
+                        <TableCell className="text-gray-900 dark:text-gray-100">{request.id}</TableCell>
+                        <TableCell className="text-gray-900 dark:text-gray-100 font-medium">{request.docs_name}</TableCell>
+                        <TableCell className="text-gray-700 dark:text-gray-200">{request.req_by}</TableCell>
+                        <TableCell className="text-gray-700 dark:text-gray-200">{formatDate(request.req_at)}</TableCell>
+                        <TableCell>
+                          <div className="flex items-center gap-2">
+                            <Checkbox
+                              id={`initial-consonant-${request.id}`}
+                              checked={initialConsonantSettings[request.id] ?? request.initial_consonant}
+                              onCheckedChange={() => toggleInitialConsonant(request.id)}
+                            />
+                            <label 
+                              htmlFor={`initial-consonant-${request.id}`} 
+                              className="text-sm text-gray-700 dark:text-gray-200 cursor-pointer"
+                            >
+                              두음 적용
+                            </label>
+                          </div>
+                        </TableCell>
+                      </TableRow>
+                    ))
+                  )}
+                </TableBody>
+              </Table>
+            </div>
+          </CardContent>
+
+          <CardFooter>
+            <div className="w-full">
+              <Pagination>
+                <PaginationContent>
+                  <PaginationItem>
+                    <PaginationPrevious
+                      onClick={() => setCurrentPage(prev => Math.max(1, prev - 1))}
+                      className={currentPage === 1 ? "pointer-events-none opacity-50" : ""}
+                    />
+                  </PaginationItem>
+
+                  {/* 페이지네이션 렌더링 - 최대 5개 버튼 표시 */}
+                  {Array.from({ length: Math.min(5, totalPages) }).map((_, i) => {
+                    let pageNum;
+
+                    if (totalPages <= 5) {
+                      // 5페이지 이하면 1부터 순차적으로
+                      pageNum = i + 1;
+                    } else if (currentPage <= 3) {
+                      // 현재 페이지가 앞쪽이면 1~5 표시
+                      pageNum = i + 1;
+                    } else if (currentPage >= totalPages - 2) {
+                      // 현재 페이지가 뒤쪽이면 마지막 5개 표시
+                      pageNum = totalPages - 4 + i;
+                    } else {
+                      // 중간이면 현재 페이지 중심으로 표시
+                      pageNum = currentPage - 2 + i;
+                    }
+
+                    return (
+                      <PaginationItem key={`p-${pageNum}`}>
+                        <PaginationLink
+                          isActive={currentPage === pageNum}
+                          onClick={() => setCurrentPage(pageNum)}
+                        >
+                          {pageNum}
+                        </PaginationLink>
+                      </PaginationItem>
+                    );
+                  })}
+
+                  <PaginationItem>
+                    <PaginationNext
+                      onClick={() => setCurrentPage(prev => Math.min(totalPages, prev + 1))}
+                      className={currentPage === totalPages ? "pointer-events-none opacity-50" : ""}
+                    />
+                  </PaginationItem>
+                </PaginationContent>
+              </Pagination>
+            </div>
+          </CardFooter>
+        </Card>
+        {showErrorMessage && (
+            <ErrorModal error={showErrorMessage} onClose={() => setShowErrorMessage(null)} />
+        )}
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/app/admin/request-docs/RequestDocsWrapper.tsx b/app/admin/request-docs/RequestDocsWrapper.tsx
new file mode 100644
index 0000000..1a5729e
--- /dev/null
+++ b/app/admin/request-docs/RequestDocsWrapper.tsx
@@ -0,0 +1,53 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import LoadingPage, {useLoadingState } from '@/app/components/LoadingPage';
+import ErrorPage from "../../components/ErrorPage";
+import type { PostgrestError } from "@supabase/supabase-js";
+import DocsWaitManager from "./RequestDocsHome";
+import { SCM } from "@/app/lib/supabaseClient";
+
+type DocsWaitRequest = {id: number, req_at: string, docs_name: string, req_by: string | null, initial_consonant: boolean, req_byId: string | null};
+
+export default function RequestDocsWrapper() {
+    const [docsWaitRequests, setDocsWaitRequests] = useState<DocsWaitRequest[] | null>([]);
+    const { loadingState, updateLoadingState } = useLoadingState();
+    const [errorMessage,setErrorMessage] = useState<string|null>(null);
+
+    const MakeError = (error: PostgrestError) => {
+        setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${error.name ?? "알수없음"}\nError Message: ${error.message ?? "없음"}\nError code: ${error.code}`)
+        updateLoadingState(100,"ERR");
+        return;
+    }
+
+    useEffect(() => {
+        const getWaitQueue = async () => {
+            updateLoadingState(10, "기존 문서 요청 목록 가져오는 중...");
+            const {data,error} = await SCM.get().addWaitDocs();
+            if (error) {
+                MakeError(error);
+                return;
+            }
+
+            updateLoadingState(30, "문서 요청 목록 초기화 중...");
+            setDocsWaitRequests(data.map(({docs_name, id, req_at, users, req_by})=>({docs_name, req_by: users?.nickname ?? null, initial_consonant: false, id, req_at, req_byId: req_by})) || []);
+            updateLoadingState(100, "완료");
+        }
+        getWaitQueue();
+    }, []);
+
+    if (loadingState.isLoading) {
+        return (
+            <LoadingPage title={"문서 요청 목록"} />
+        );
+    }
+
+    if (errorMessage){
+        return <ErrorPage message={errorMessage}/>
+    }
+
+    if (docsWaitRequests){
+        return <DocsWaitManager initialData={docsWaitRequests} />
+    }
+
+}
diff --git a/app/admin/request-docs/page.tsx b/app/admin/request-docs/page.tsx
new file mode 100644
index 0000000..e194aba
--- /dev/null
+++ b/app/admin/request-docs/page.tsx
@@ -0,0 +1,15 @@
+import RequestDocsWrapper from "./RequestDocsWrapper";
+
+
+export async function generateMetadata() {
+    return {
+        title: "끄코 유틸리티 - 관리자 페이지",
+        description: `끄코 유틸리티 - 관리자 페이지`,
+    };
+}
+
+export default function AdminRequestDocsPage() {
+    return (
+        <RequestDocsWrapper />
+    )
+}
\ No newline at end of file
diff --git a/app/admin/request-words/AdminRequestHome.tsx b/app/admin/request-words/AdminRequestHome.tsx
new file mode 100644
index 0000000..4ac07d1
--- /dev/null
+++ b/app/admin/request-words/AdminRequestHome.tsx
@@ -0,0 +1,715 @@
+'use client'
+
+import { useState, useEffect } from 'react'
+import {
+    Table,
+    TableBody,
+    TableCell,
+    TableHead,
+    TableHeader,
+    TableRow
+} from "@/app/components/ui/table"
+import {
+    Pagination,
+    PaginationContent,
+    PaginationItem,
+    PaginationLink,
+    PaginationNext,
+    PaginationPrevious
+} from "@/app/components/ui/pagination"
+import { Checkbox } from "@/app/components/ui/checkbox"
+import { Button } from "@/app/components/ui/button"
+import { Badge } from "@/app/components/ui/badge"
+import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardFooter,
+    CardHeader,
+    CardTitle
+} from "@/app/components/ui/card"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/app/components/ui/tabs"
+import { SCM } from '../../lib/supabaseClient'
+import { PostgrestError } from '@supabase/supabase-js'
+import { useSelector } from 'react-redux';
+import { RootState } from "@/app/store/store";
+import ErrorModal from '../../components/ErrModal'
+import { isNoin } from '@/app/lib/lib'
+import { addWordQueryType } from '@/app/types/type'
+import Link from 'next/link'
+import { ArrowLeft } from 'lucide-react'
+
+// 타입 정의
+type Theme = {
+    theme_id: number;
+    theme_name: string;
+    theme_code: string;
+    typez?: "add" | "delete"; // 주제 추가/삭제 요청에서만 사용
+}
+
+type WordRequest = {
+    id: number;
+    word: string;
+    request_type: "add" | "delete" | "theme_change";
+    requested_at: string;
+    requested_by_uuid?: string;
+    requested_by: string;
+    wait_themes?: Theme[];
+    word_id?: number; // 주제 변경 요청에서만 사용
+}
+
+export default function AdminHome({ requestDatas, refreshFn }: { requestDatas: WordRequest[], refreshFn: () => Promise<void> }) {
+    const [selectedTab, setSelectedTab] = useState<string>("all");
+    const [selectedRequests, setSelectedRequests] = useState<Set<number>>(new Set());
+    const [selectedThemes, setSelectedThemes] = useState<Record<number, Set<number>>>({});
+    const [currentPage, setCurrentPage] = useState<number>(1);
+    const [allSelected, setAllSelected] = useState<boolean>(false);
+    const [errorModalView, setErrorModalView] = useState<ErrorMessage | null>(null);
+    const user = useSelector((state: RootState) => state.user);
+
+    const PAGE_SIZE = 30;
+
+    // 요청 타입별 필터링
+    const filteredRequests = requestDatas.filter(request => {
+        if (selectedTab === "all") return true;
+        return request.request_type === selectedTab;
+    });
+
+    // 페이지네이션 적용
+    const totalPages = Math.ceil(filteredRequests.length / PAGE_SIZE);
+    const startIndex = (currentPage - 1) * PAGE_SIZE;
+    const currentRequests = filteredRequests.slice(startIndex, startIndex + PAGE_SIZE);
+
+    // 전체 선택 토글
+    const toggleSelectAll = () => {
+        if (allSelected) {
+            setSelectedRequests(new Set());
+            setAllSelected(false);
+        } else {
+            const newSelected = new Set<number>();
+            currentRequests.forEach(req => newSelected.add(req.id));
+            setSelectedRequests(newSelected);
+            setAllSelected(true);
+        }
+    };
+
+    // 개별 요청 선택 토글
+    const toggleRequest = (id: number) => {
+        const newSelected = new Set(selectedRequests);
+        if (newSelected.has(id)) {
+            newSelected.delete(id);
+            setAllSelected(false);
+        } else {
+            newSelected.add(id);
+            if (newSelected.size === currentRequests.length) {
+                setAllSelected(true);
+            }
+        }
+        setSelectedRequests(newSelected);
+    };
+
+    // 주제 선택 토글
+    const toggleTheme = (requestId: number, themeId: number) => {
+        const currentThemes = selectedThemes[requestId] || new Set<number>();
+        const newSelectedThemes = { ...selectedThemes };
+
+        if (currentThemes.has(themeId)) {
+            currentThemes.delete(themeId);
+            if (currentThemes.size === 0) {
+                toggleRequest(requestId)
+            }
+        } else {
+            currentThemes.add(themeId);
+            const newSelected = new Set(selectedRequests);
+            if (!newSelected.has(requestId)) {
+                newSelected.add(requestId);
+                if (newSelected.size === currentRequests.length) {
+                    setAllSelected(true);
+                }
+                setSelectedRequests(newSelected);
+            }
+        }
+
+        newSelectedThemes[requestId] = currentThemes;
+        setSelectedThemes(newSelectedThemes);
+    };
+
+    const makeError = (error: PostgrestError) => {
+        setErrorModalView({
+            ErrName: error.name,
+            ErrMessage: error.message,
+            ErrStackRace: error.code,
+            inputValue: ""
+        })
+    }
+
+    // 선택한 요청 승인 처리
+    const approveSelected = async () => {
+        if (selectedRequests.size === 0) {
+            alert("선택된 요청이 없습니다.");
+            return;
+        }
+
+        // 승인 처리할 요청과 선택된 주제 정보 구성
+        const requestsToApprove = Array.from(selectedRequests).map(reqId => {
+            const request = requestDatas.find(r => r.id === reqId);
+            const selectedThemeIds = selectedThemes[reqId] || new Set<number>();
+
+            return {
+                ...request,
+                selectedThemes: request?.wait_themes?.filter(theme =>
+                    selectedThemeIds.has(theme.theme_id)
+                )
+            };
+        });
+
+        // 작업 처리
+        const wordAddThemesQuery: { word_id: number, theme_id: number }[] = []; // 단어의 주제 추가 요청 승인 쿼리
+        const wordDeleteThemesQuery: { word_id: number, theme_id: number }[] = []; // 단어의 주제 삭제 요청 승인 쿼리
+        const wordAddQuery: addWordQueryType[] = []; // 단어 추가 승인 쿼리
+        const wordDeleteQuery: { word_id: number }[] = []; //단어 삭제 승인 쿼리
+        const wordAddBeforeThemes: Record<string, number[]> = {}; // 단어 추가 되고 주제 추가 할 목록
+        const RequestBy: Record<string, string | null> = {};
+
+        // 승인할 목록에서 쿼리에 맞게 배분
+        for (const req of requestsToApprove) {
+            switch (req.request_type) {
+                case "add":
+                    if (!req.word || !req.selectedThemes || req.selectedThemes.length === 0) continue;
+                    wordAddQuery.push({ word: req.word, added_by: req.requested_by_uuid ?? null, noin_canuse: isNoin(req.selectedThemes.map((theme) => theme.theme_code)) });
+                    wordAddBeforeThemes[req.word] = req.selectedThemes.map((theme) => theme.theme_id);
+                    RequestBy[req.word] = req.requested_by_uuid ?? null;
+                    continue
+
+                case "delete":
+                    if (!req.word || !req.word_id) continue;
+                    wordDeleteQuery.push({ word_id: req.word_id });
+                    RequestBy[req.word] = req.requested_by_uuid ?? null;
+                    continue
+
+                case "theme_change":
+                    if (!req.word_id || !req.selectedThemes) continue;
+                    const addT: { word_id: number, theme_id: number }[] = [];
+                    const delT: { word_id: number, theme_id: number }[] = [];
+                    req.selectedThemes.forEach((theme) => {
+                        if (theme.typez === "add") {
+                            addT.push({ word_id: req.word_id as number, theme_id: theme.theme_id })
+                        }
+                        else if (theme.typez === "delete") {
+                            delT.push({ word_id: req.word_id as number, theme_id: theme.theme_id })
+                        }
+                    })
+
+                    wordAddThemesQuery.push(...addT);
+                    wordDeleteThemesQuery.push(...delT);
+                    continue;
+
+                default:
+                    continue;
+            }
+        }
+
+        const deleteWordIds = wordDeleteQuery.map(({ word_id }) => word_id);
+        const {data: beforeDeleteWordThemes, error: beforeDeleteWordThemesError} = await SCM.get().wordsThemes(deleteWordIds);
+
+        // db에 올리기
+        const { data: AddedWords, error: AddedWordsError } = await SCM.add().word(wordAddQuery);
+        if (AddedWordsError) { return makeError(AddedWordsError) }
+
+        const { data: AddWordThemes, error: AddWordThemesError } = await SCM.add().wordThemes(wordAddThemesQuery);
+        const { data: DeleteWordThemes, error: DeleteWordThemesError } = await SCM.delete().wordTheme(wordDeleteThemesQuery);
+        const { data: deletedWordsData, error: DeleteWordsError } = await SCM.delete().wordByIds(deleteWordIds)
+
+
+        if (DeleteWordThemesError) { return makeError(DeleteWordThemesError) }
+        if (AddWordThemesError) { return makeError(AddWordThemesError) }
+        if (DeleteWordsError) { return makeError(DeleteWordsError) }
+        if (beforeDeleteWordThemesError) { return makeError(beforeDeleteWordThemesError) }
+
+        // 추가된 단어 주제 등록
+        const wordAddThemesQuery2: { word_id: number, theme_id: number }[] = [];
+        AddedWords.forEach(({ word, id }) => {
+            const themes = wordAddBeforeThemes[word]
+            if (themes) {
+                wordAddThemesQuery2.push(...themes.map((tid) => ({
+                    word_id: id,
+                    theme_id: tid
+                })))
+            }
+        });
+
+        const { data: AddWordThemeData, error: AddWordThemesError2 } = await SCM.add().wordThemes(wordAddThemesQuery2);
+        if (AddWordThemesError2) return makeError(AddWordThemesError2);
+
+        const AddedWordThemeRecord: Record<string, string[]> = {}
+        AddWordThemeData.forEach(({ words, themes }) => { AddedWordThemeRecord[words.word] = (AddedWordThemeRecord[words.word] ?? []).concat([themes.name]) })
+
+        // 삭제된 단어 주제 정보 연결
+        const papa: Record<string,string[]> = {};
+        for (const {words, themes} of beforeDeleteWordThemes){
+            papa[words.word] = [...(papa[words.word] ?? []), themes.name]
+        }
+
+        // 로그 등록을 위한 문서 정보 가져오기
+        const docsIdInfo: Record<string, number> = {};
+        const docsThemeIdInfo: Record<string, number> = {};
+        const { data: docsDatas, error: docsDataError } = await SCM.get().allDocs();
+        if (docsDataError) { return makeError(docsDataError) }
+        docsDatas.filter(({ typez }) => typez === "letter").forEach(({ id, name }) => docsIdInfo[name] = id);
+        docsDatas.filter(({ typez }) => typez === "theme").forEach(({ id, name }) => docsThemeIdInfo[name] = id)
+
+        // 문서 로그 등록
+        const docsLogQuery: { docs_id: number, word: string, add_by: string | null, type: "add" | "delete" }[] = [];
+        const wordsLogQuery: { word: string, processed_by: string, make_by: string | null, state: "approved", r_type: "add" | "delete" }[] = []
+
+        for (const data of AddedWords) {
+            const docsID = docsIdInfo[data.word[data.word.length - 1]];
+            if (docsID) {
+                docsLogQuery.push({
+                    docs_id: docsID,
+                    word: data.word,
+                    add_by: RequestBy[data.word],
+                    type: "add"
+                })
+            }
+            const docsNames = AddedWordThemeRecord[data.word]
+            if (docsNames.length > 0) {
+                docsNames.forEach((name) => {
+                    const docsId2 = docsThemeIdInfo[name]
+                    if (docsId2) {
+                        docsLogQuery.push({
+                            docs_id: docsId2,
+                            word: data.word,
+                            add_by: RequestBy[data.word],
+                            type: "add"
+                        })
+                    }
+                })
+            }
+            wordsLogQuery.push({
+                word: data.word,
+                processed_by: user.uuid!,
+                make_by: RequestBy[data.word],
+                state: "approved",
+                r_type: "add"
+            })
+        }
+
+        for (const data of deletedWordsData) {
+            const docsID = docsIdInfo[data.word[data.word.length - 1]];
+            if (docsID) {
+                docsLogQuery.push({
+                    docs_id: docsID,
+                    word: data.word,
+                    add_by: RequestBy[data.word],
+                    type: "delete"
+                });
+            }
+            wordsLogQuery.push({
+                word: data.word,
+                processed_by: user.uuid!,
+                make_by: RequestBy[data.word],
+                state: "approved",
+                r_type: "delete"
+            })
+            for (const theme of (papa[data.word] ?? [])){
+                const docsID2 = docsThemeIdInfo[theme];
+                if (docsID2){
+                    docsLogQuery.push({
+                        docs_id: docsID2,
+                        word: data.word,
+                        add_by: RequestBy[data.word] ?? null,
+                        type: "delete"
+                    });
+                }
+            }
+        };
+
+        for (const data of AddWordThemes) {
+            const docsId = docsThemeIdInfo[data.themes.name]
+            if (docsId) {
+                docsLogQuery.push({
+                    docs_id: docsId,
+                    word: data.words.word,
+                    add_by: null,
+                    type: "add"
+                })
+            }
+        }
+        for (const data of DeleteWordThemes){
+            const docsId = docsThemeIdInfo[data.theme_name]
+            if (docsId){
+                docsLogQuery.push({
+                    docs_id: docsId,
+                    word: data.word,
+                    add_by: null,
+                    type: "delete"
+                })
+            }
+        }
+
+        const cont: Record<string, number> = {};
+        wordsLogQuery.forEach(({ make_by }) => {
+            if (make_by) {
+                cont[make_by] = (cont[make_by] ?? 0) + 1
+            }
+        });
+
+        const { error: insertDocsLogError } = await SCM.add().docsLog(docsLogQuery);
+        if (insertDocsLogError) return makeError(insertDocsLogError);
+
+        const { error: insertWordLogError } = await SCM.add().wordLog(wordsLogQuery);
+        if (insertWordLogError) return makeError(insertWordLogError);
+
+        // 대기 큐에서 삭제
+        const { error: deleteWaitQueueError } = await SCM.delete().waitWordsByWords(AddedWords.map(({ word }) => word).concat(deletedWordsData.map(({ word }) => word))) 
+        if (deleteWaitQueueError) return makeError(deleteWaitQueueError);
+
+        if (wordDeleteThemesQuery.concat(wordAddThemesQuery).length > 0) {
+            const k:{word_id:number, theme_id: number}[] = [];
+            wordDeleteThemesQuery.concat(wordAddThemesQuery)
+                .forEach(p=>k.push({word_id: p.word_id, theme_id: p.theme_id}))
+            const { error: deleteWaitQueueError2 } = await SCM.delete().waitWordThemes(k);
+            if (deleteWaitQueueError2) return makeError(deleteWaitQueueError2);
+        }
+
+        const upDocosId: Set<number> = new Set();
+        docsLogQuery.forEach(({ docs_id })=>upDocosId.add(docs_id))
+        await SCM.update().docsLastUpdate([...upDocosId])
+
+        for (const [key, value] of Object.entries(cont)) { await SCM.update().userContribution({userId: key, amount: value}) }
+
+        // 선택 상태 초기화
+        setSelectedRequests(new Set());
+        setSelectedThemes({});
+        setAllSelected(false);
+        refreshFn();
+    };
+
+    // 선택한 요청 거절 처리
+    const rejectSelected = async () => {
+        if (selectedRequests.size === 0) {
+            alert("선택된 요청이 없습니다.");
+            return;
+        }
+
+        // 거절할 처리할 요청과 선택된 주제 정보 구성
+        const requestsToReject = Array.from(selectedRequests).map(reqId => {
+            const request = requestDatas.find(r => r.id === reqId);
+            const selectedThemeIds = selectedThemes[reqId] || new Set<number>();
+
+            return {
+                ...request,
+                selectedThemes: request?.wait_themes?.filter(theme =>
+                    selectedThemeIds.has(theme.theme_id)
+                )
+            };
+        });
+
+
+        // 배분
+        const wordsLogQuery: { word: string, processed_by: string, make_by: string | null, state: "rejected", r_type: "add" | "delete" }[] = [];
+        const deleteWaitQuery: number[] = [];
+        const waitThemeQuery:  { word_id: number, theme_id: number }[] = [];
+
+        for (const req of requestsToReject){
+            switch (req.request_type){
+                case "add":
+                    if (!req.id || !req.word){ continue }
+                    wordsLogQuery.push({
+                        word: req.word,
+                        processed_by: user.uuid!,
+                        make_by: req.requested_by_uuid ?? null,
+                        state: "rejected" as const,
+                        r_type: req.request_type
+                    })
+                    deleteWaitQuery.push(req.id);
+                    continue;
+                case "delete":
+                    if (!req.id || !req.word){ continue }
+                    wordsLogQuery.push({
+                        word: req.word,
+                        processed_by: user.uuid!,
+                        make_by: req.requested_by_uuid ?? null,
+                        state: "rejected" as const,
+                        r_type: req.request_type
+                    })
+                    deleteWaitQuery.push(req.id);
+                    continue;
+                case "theme_change":
+                    if (!req.word_id || !req.selectedThemes) continue;
+                    const addT: { word_id: number, theme_id: number }[] = [];
+                    const delT: { word_id: number, theme_id: number }[] = [];
+                    req.selectedThemes.forEach((theme) => {
+                        if (theme.typez === "add") {
+                            addT.push({ word_id: req.word_id as number, theme_id: theme.theme_id })
+                        }
+                        else if (theme.typez === "delete") {
+                            delT.push({ word_id: req.word_id as number, theme_id: theme.theme_id })
+                        }
+                    })
+                    waitThemeQuery.push(...addT);
+                    waitThemeQuery.push(...delT);
+                    continue;
+
+                default:
+                    continue;
+            }
+        }
+
+        // 로그 등록
+        const {error: logError} = await SCM.add().wordLog(wordsLogQuery);
+
+        // 대기큐에서 삭제
+        const {error: deleteWaitQueueError } = await SCM.delete().waitWordsByIds([...new Set(deleteWaitQuery)]);
+        const { error: deleteWaitQueueError2 } = await SCM.delete().waitWordThemes(waitThemeQuery);
+        if (deleteWaitQueueError) { return makeError(deleteWaitQueueError); }
+        if (deleteWaitQueueError2) { return makeError(deleteWaitQueueError2); }
+        if (logError) { return makeError(logError) };
+
+        // 선택 상태 초기화
+        setSelectedRequests(new Set());
+        setSelectedThemes({});
+        setAllSelected(false);
+        refreshFn();
+    };
+
+    // 페이지 변경시 선택 상태 초기화
+    useEffect(() => {
+        setSelectedRequests(new Set());
+        setSelectedThemes({});
+        setAllSelected(false);
+    }, [currentPage, selectedTab]);
+
+    // 날짜 포맷 함수
+    const formatDate = (dateStr: string) => {
+        const date = new Date(dateStr);
+        return new Intl.DateTimeFormat('ko-KR', {
+            year: 'numeric',
+            month: '2-digit',
+            day: '2-digit',
+            hour: '2-digit',
+            minute: '2-digit'
+        }).format(date);
+    };
+
+    const downloadRequestsTXT = () => {
+        const lastUpdateDate = new Date();
+        const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+        const localTime = lastUpdateDate.toLocaleString(undefined, { timeZone: userTimeZone });
+
+        const blob = new Blob([filteredRequests.map(req => req.word).join('\n')], { type: "text/plain;charset=utf-8" });
+        const url = URL.createObjectURL(blob);
+
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = `요청목록(${localTime}).txt`;
+        a.click();
+
+        URL.revokeObjectURL(url);
+    }
+
+    // 요청 타입 뱃지 렌더링
+    const renderRequestTypeBadge = (type: string) => {
+        switch (type) {
+            case 'add':
+                return <Badge className="bg-green-500">추가</Badge>;
+            case 'delete':
+                return <Badge className="bg-red-500">삭제</Badge>;
+            case 'theme_change':
+                return <Badge className="bg-blue-500">주제 변경</Badge>;
+            default:
+                return null;
+        }
+    };
+
+    return (
+        <div className="min-h-screen bg-gradient-to-b from-gray-100 to-gray-200 dark:from-gray-900 dark:to-gray-800">
+            {/* 관리자 대시보드로 이동 버튼 */}
+            <div className="container mx-auto py-8">
+                <Link href={'/admin'} className="mb-4 flex">
+                    <Button variant="outline">
+                        <ArrowLeft />
+                        관리자 대시보드로 이동
+                    </Button>
+                </Link>
+                <Card className="w-full bg-white dark:bg-gray-800 border border-transparent dark:border-gray-700 shadow-sm">
+                    <CardHeader>
+                        <CardTitle className="text-gray-900 dark:text-gray-100">단어 DB 관리자 페이지</CardTitle>
+                        <CardDescription className="dark:text-gray-300">
+                            단어 추가, 삭제 및 주제 변경 요청을 관리합니다.
+                        </CardDescription>
+                    </CardHeader>
+
+                    <CardContent>
+                        <Tabs defaultValue="all" value={selectedTab} onValueChange={setSelectedTab}>
+                            <TabsList className="mb-4">
+                                <TabsTrigger value="all">전체 요청</TabsTrigger>
+                                <TabsTrigger value="add">추가 요청</TabsTrigger>
+                                <TabsTrigger value="delete">삭제 요청</TabsTrigger>
+                                <TabsTrigger value="theme_change">주제 변경 요청</TabsTrigger>
+                            </TabsList>
+
+                            <TabsContent value={selectedTab}>
+                                <div className="flex justify-end mb-4 gap-2">
+                                    <Button
+                                        variant="outline"
+                                        className="bg-green-100 hover:bg-green-200 dark:bg-green-900 dark:hover:bg-green-800"
+                                        onClick={() => {
+                                            approveSelected()
+                                        }}
+                                    >
+                                        선택 승인
+                                    </Button>
+                                    <Button
+                                        variant="outline"
+                                        className="bg-red-100 hover:bg-red-200 dark:bg-red-900 dark:hover:bg-red-800"
+                                        onClick={rejectSelected}
+                                    >
+                                        선택 거절
+                                    </Button>
+                                    <Button
+                                        variant="outline"
+                                        className="bg-purple-100 hover:bg-purple-200 dark:bg-purple-900 dark:hover:bg-purple-800"
+                                        onClick={downloadRequestsTXT}
+                                    >
+                                        요청 리스트 다운로드 (TXT)
+                                    </Button>
+                                </div>
+
+                                <div className="border rounded-md dark:border-gray-700">
+                                    <Table>
+                                        <TableHeader>
+                                            <TableRow>
+                                                <TableHead className="w-12"> {/* 체크박스 */}
+                                                    <Checkbox
+                                                        checked={allSelected}
+                                                        onCheckedChange={toggleSelectAll}
+                                                        aria-label="전체 선택"
+                                                    />
+                                                </TableHead>
+                                                <TableHead className="w-16 text-gray-700 dark:text-gray-200">No.</TableHead>
+                                                <TableHead className="w-36 text-gray-700 dark:text-gray-200">단어</TableHead>
+                                                <TableHead className="w-24 text-gray-700 dark:text-gray-200">요청 타입</TableHead>
+                                                <TableHead className="w-48 text-gray-700 dark:text-gray-200">주제</TableHead>
+                                                <TableHead className="w-40 text-gray-700 dark:text-gray-200">요청 시간</TableHead>
+                                                <TableHead className="w-36 text-gray-700 dark:text-gray-200">요청자</TableHead>
+                                            </TableRow>
+                                        </TableHeader>
+                                        <TableBody>
+                                            {currentRequests.length === 0 ? (
+                                                <TableRow>
+                                                    <TableCell colSpan={7} className="text-center py-4 text-gray-500 dark:text-gray-400">
+                                                        요청이 없습니다.
+                                                    </TableCell>
+                                                </TableRow>
+                                            ) : (
+                                                currentRequests.map((request) => (
+                                                    <TableRow key={`r-${request.id}`} className="hover:bg-gray-50 dark:hover:bg-gray-900">
+                                                        <TableCell>
+                                                            <Checkbox
+                                                                checked={selectedRequests.has(request.id)}
+                                                                onCheckedChange={() => toggleRequest(request.id)}
+                                                                aria-label={`${request.word} 선택`}
+                                                            />
+                                                        </TableCell>
+                                                        <TableCell className="text-gray-900 dark:text-gray-100">{request.id}</TableCell>
+                                                        <TableCell className="text-gray-900 dark:text-gray-100">{request.word}</TableCell>
+                                                        <TableCell>
+                                                            {renderRequestTypeBadge(request.request_type)}
+                                                        </TableCell>
+                                                        <TableCell>
+                                                            {request.wait_themes ? (
+                                                                <div className="flex flex-col gap-2">
+                                                                    {request.wait_themes.map((theme, index) => (
+                                                                        <div key={`t-${theme.theme_id}-${request.id}-${index ^ 10110}`} className="flex items-center gap-2">
+                                                                            <Checkbox
+                                                                                id={`theme-${request.id}-${theme.theme_id}`}
+                                                                                checked={selectedThemes[request.id]?.has(theme.theme_id) || false}
+                                                                                onCheckedChange={() => toggleTheme(request.id, theme.theme_id)}
+                                                                            />
+                                                                            <label htmlFor={`theme-${request.id}-${theme.theme_id}`} className="text-sm flex items-center text-gray-700 dark:text-gray-200">
+                                                                                {theme.theme_name}
+                                                                                {theme.typez && (
+                                                                                    <span className={`ml-1 text-xs px-1 rounded ${theme.typez === 'add' ? 'text-green-600 bg-green-50 dark:bg-green-900' : 'text-red-600 bg-red-50 dark:bg-red-900'
+                                                                                        }`}>
+                                                                                        {theme.typez === 'add' ? '추가' : '삭제'}
+                                                                                    </span>
+                                                                                )}
+                                                                            </label>
+                                                                        </div>
+                                                                    ))}
+                                                                </div>
+                                                            ) : (
+                                                                <span className="text-gray-500 dark:text-gray-400">-</span>
+                                                            )}
+                                                        </TableCell>
+                                                        <TableCell className="text-gray-700 dark:text-gray-200">{request.requested_at !== "unknown" ? formatDate(request.requested_at) : "unknown"}</TableCell>
+                                                        <TableCell className="text-gray-700 dark:text-gray-200">{request.requested_by}</TableCell>
+                                                    </TableRow>
+                                                ))
+                                            )}
+                                        </TableBody>
+                                    </Table>
+                                </div>
+                            </TabsContent>
+                        </Tabs>
+                    </CardContent>
+
+                    <CardFooter>
+                        <div className="w-full">
+                            <Pagination>
+                                <PaginationContent>
+                                    <PaginationItem>
+                                        <PaginationPrevious
+                                            onClick={() => setCurrentPage(prev => Math.max(1, prev - 1))}
+                                            className={currentPage === 1 ? "pointer-events-none opacity-50" : ""}
+                                        />
+                                    </PaginationItem>
+
+                                    {/* 페이지네이션 렌더링 - 최대 5개 버튼 표시 */}
+                                    {Array.from({ length: Math.min(5, totalPages) }).map((_, i) => {
+                                        let pageNum: number;
+
+                                        if (totalPages <= 5) {
+                                            // 5페이지 이하면 1부터 순차적으로
+                                            pageNum = i + 1;
+                                        } else if (currentPage <= 3) {
+                                            // 현재 페이지가 앞쪽이면 1~5 표시
+                                            pageNum = i + 1;
+                                        } else if (currentPage >= totalPages - 2) {
+                                            // 현재 페이지가 뒤쪽이면 마지막 5개 표시
+                                            pageNum = totalPages - 4 + i;
+                                        } else {
+                                            // 중간이면 현재 페이지 중심으로 표시
+                                            pageNum = currentPage - 2 + i;
+                                        }
+
+                                        return (
+                                            <PaginationItem key={`p-${pageNum}`}>
+                                                <PaginationLink
+                                                    isActive={currentPage === pageNum}
+                                                    onClick={() => setCurrentPage(pageNum)}
+                                                >
+                                                    {pageNum}
+                                                </PaginationLink>
+                                            </PaginationItem>
+                                        );
+                                    })}
+
+                                    <PaginationItem>
+                                        <PaginationNext
+                                            onClick={() => setCurrentPage(prev => Math.min(totalPages, prev + 1))}
+                                            className={currentPage === totalPages ? "pointer-events-none opacity-50" : ""}
+                                        />
+                                    </PaginationItem>
+                                </PaginationContent>
+                            </Pagination>
+                        </div>
+                    </CardFooter>
+                </Card>
+                {errorModalView && <ErrorModal error={errorModalView} onClose={() => setErrorModalView(null)} />}
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/app/admin/request-words/AdminWrapper.tsx b/app/admin/request-words/AdminWrapper.tsx
new file mode 100644
index 0000000..c9fdb04
--- /dev/null
+++ b/app/admin/request-words/AdminWrapper.tsx
@@ -0,0 +1,147 @@
+"use client";
+import AdminHome from "./AdminRequestHome";
+import { SCM } from "../../lib/supabaseClient";
+import { useEffect, useState } from 'react';
+import LoadingPage, {useLoadingState } from '@/app/components/LoadingPage';
+import ErrorPage from "../../components/ErrorPage";
+import type { PostgrestError } from "@supabase/supabase-js";
+import { DefaultDict } from "../../lib/collections";
+
+type Theme = {
+    theme_id: number;
+    theme_name: string;
+    theme_code: string;
+    typez?: "add" | "delete"; // 주제 추가/삭제 요청에서만 사용
+}
+
+type WordRequest = {
+    id: number;
+    word: string;
+    request_type: "add" | "delete" | "theme_change";
+    requested_at: string;
+    requested_by_uuid?: string;
+    requested_by: string;
+    wait_themes?: Theme[];
+    word_id?: number; // 주제 변경 요청에서만 사용
+}
+
+export default function AdminHomeWrapper(){
+    const { loadingState, updateLoadingState } = useLoadingState();
+    const [errorMessage,setErrorMessage] = useState<string|null>(null);
+    const [waitDatas,setWaitDatas] = useState<WordRequest[] | null>(null);
+
+    const MakeError = (error: PostgrestError) => {
+        setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${error.name ?? "알수없음"}\nError Message: ${error.message ?? "없음"}\nError code: ${error.code}`)
+        updateLoadingState(100,"ERR");
+        return;
+    }
+
+    const getWaitQueue = async () => {
+        updateLoadingState(10, "기존 단어 주제 수정 요청 목록 가져오는 중...");
+        const {data: waitThemeWordData, error: waitThemeWordError} = await SCM.get().allWordWaitTheme();
+        if (waitThemeWordError) {
+            MakeError(waitThemeWordError);
+            return;
+        }
+
+        updateLoadingState(30, "단어 삭제/추가 요청 단아 가져오는 중...");
+        const {data: waitWordsData, error: waitWordsError} = await SCM.get().allWaitWords();
+        if (waitWordsError){
+            MakeError(waitWordsError);
+            return;
+        }
+
+        updateLoadingState(60,"추가 요청 단어의 주제 목록 가져오는 중...");
+        const {data: waitWordsThemesData, error: waitWordsThemesError} = await SCM.get().waitWordsThemes(waitWordsData.filter((d)=>d.request_type === "add").map(({id})=>id));
+        if (waitWordsThemesError){
+            MakeError(waitWordsThemesError);
+            return;
+        }
+
+        updateLoadingState(85, "데이터를 가공 중...");
+        const waitQueue: WordRequest[] = [];
+
+        type KK = {
+            id: number;
+            request_type: "theme_change";
+            word: string;
+            word_id: number;
+            requested_at: string;
+            requested_by: string;
+            requested_by_uuid?: string;
+        }
+        const waitThemes: DefaultDict<string, Theme[]> = new DefaultDict(() => []);
+        const waitThemesWord: Record<string, KK> = {}
+        waitThemeWordData.forEach((data, index)=>{
+            waitThemesWord[data.words.word] = {
+                id: 10**8 + index,
+                request_type: "theme_change",
+                word: data.words.word,
+                word_id: data.word_id,
+                requested_by_uuid: data.req_by ?? undefined,
+                requested_by: data.users?.nickname ?? "unknow",
+                requested_at: data.req_at
+            }
+
+            waitThemes.get(data.words.word).push({
+                theme_id: data.theme_id,
+                theme_name: data.themes.name,
+                typez: data.typez,
+                theme_code: data.themes.code
+            })
+        });
+
+        waitThemes.sortedEntries().forEach((data)=>{
+            const r: WordRequest ={
+                ...waitThemesWord[data[0]],
+                wait_themes: data[1],
+            }
+            waitQueue.push(r);
+        });
+
+        const waitWordsAddThemes: DefaultDict<number, Theme[]> = new DefaultDict(() => []);
+        waitWordsThemesData.forEach((data)=>{
+            waitWordsAddThemes.get(data.wait_word_id).push({
+                theme_id: data.theme_id,
+                theme_name: data.themes.name,
+                theme_code: data.themes.code,
+                typez: "add"
+            })
+        })
+
+        waitWordsData.forEach((data)=>{
+            const r: WordRequest = {
+                id: data.id,
+                word: data.word,
+                request_type: data.request_type,
+                requested_at: data.requested_at,
+                requested_by_uuid: data.requested_by ?? undefined,
+                requested_by: data.users?.nickname ?? "unknown",
+                wait_themes: data.request_type === "add" ? waitWordsAddThemes.get(data.id) : undefined,
+                word_id: data.words?.id
+            }
+            waitQueue.push(r);
+        });
+
+        setWaitDatas(waitQueue);
+        updateLoadingState(100, "완료!")
+    }
+
+    useEffect(()=>{
+        getWaitQueue();
+    },[])
+
+    if (loadingState.isLoading) {
+        return (
+            <LoadingPage title={"관리자 페이지"} />
+        );
+    }
+
+    if (errorMessage){
+        return <ErrorPage message={errorMessage}/>
+    }
+
+    if (waitDatas){
+        return <AdminHome requestDatas={waitDatas} refreshFn={getWaitQueue} />
+    }
+}
\ No newline at end of file
diff --git a/app/admin/request-words/page.tsx b/app/admin/request-words/page.tsx
new file mode 100644
index 0000000..6ecaad2
--- /dev/null
+++ b/app/admin/request-words/page.tsx
@@ -0,0 +1,12 @@
+import AdminHomeWrapper from "./AdminWrapper";
+
+export async function generateMetadata() {
+    return {
+        title: "끄코 유틸리티 - 관리자 페이지",
+        description: `끄코 유틸리티 - 관리자 페이지`,
+    };
+}
+
+export default function AdminRequestPage(){
+    return <AdminHomeWrapper />
+}
\ No newline at end of file
diff --git a/app/api/update_nickname/route.ts b/app/api/auth/update_nickname/route.ts
similarity index 100%
rename from app/api/update_nickname/route.ts
rename to app/api/auth/update_nickname/route.ts
diff --git a/app/api/extendsion/route.ts b/app/api/extendsion/route.ts
new file mode 100644
index 0000000..530ec19
--- /dev/null
+++ b/app/api/extendsion/route.ts
@@ -0,0 +1,72 @@
+import { NextResponse } from 'next/server';
+
+const token = process.env.GITHUB_API!;
+const owner = "hafskjfha";
+const repo = "kkuko-extension-download";
+
+interface GitHubReleaseAsset {
+    name: string;
+    browser_download_url: string;
+}
+
+interface GitHubRelease {
+    tag_name: string;
+    name: string | null;
+    draft: boolean;
+    prerelease: boolean;
+    published_at: string;
+    assets: GitHubReleaseAsset[];
+    html_url: string;
+    body: string;
+}
+
+interface ResData {
+    version: string;
+    releaseDate: string;
+    changes: string[];
+    updateURL: string;
+}
+
+function parseReleaseBody(body: string): string[] {
+    return body
+        .split(/\r?\n/)                      // 줄 단위로 나누기
+        .map(line => line.trim())             // 앞뒤 공백 제거
+        .filter(line => line.startsWith('-')) // "-"로 시작하는 줄만
+        .map(line => line.replace(/^-+\s*/, '')) // "-"와 공백 제거
+        .filter(Boolean);                     // 빈 문자열 제거
+}
+
+export async function GET() {
+    try {
+        const res = await fetch(`https://api.github.com/repos/${owner}/${repo}/releases/latest`, {
+            headers: token ? { Authorization: `token ${token}` } : {}
+        });
+
+        const resData: ResData = {
+            version: "0.1.0",
+            releaseDate: "2025-05-27T08:58:10Z",
+            changes: [
+                "버그 수정"
+            ],
+            updateURL: "https://github.com/hafskjfha/kkuko-extension-download/releases/tag/0.1.0"
+        };
+
+        if (res.status === 404) {
+            return NextResponse.json({ data: resData })
+        }
+        else if (!res.ok) {
+            throw new Error(`GitHub API Error: ${res.status}`);
+        }
+
+        const data: GitHubRelease = await res.json();
+        resData.version = data.tag_name;
+        resData.releaseDate = data.published_at;
+        resData.updateURL = `https://github.com/hafskjfha/kkuko-extension-download/releases/tag/${data.tag_name}`
+        resData.changes = parseReleaseBody(data.body);
+
+        return NextResponse.json({ data: resData })
+    } catch (error) {
+        console.error(error);
+        return NextResponse.json({ error: '' }, { status: 500 });
+    }
+}
\ No newline at end of file
diff --git a/app/auth/auth.tsx b/app/auth/auth.tsx
index 0123fd2..a349074 100644
--- a/app/auth/auth.tsx
+++ b/app/auth/auth.tsx
@@ -14,7 +14,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/app
 import { Alert, AlertDescription } from "@/app/components/ui/alert";
 import ErrorModal from '../components/ErrModal';
 import type { ErrorMessage } from "../types/type";
-import { supabase } from "../lib/supabaseClient";
+import { SCM } from "../lib/supabaseClient";
 
 const AuthPage = () => {
     const router = useRouter();
@@ -33,10 +33,7 @@ const AuthPage = () => {
                 return;
             }
 
-            const { data, error: err } = await supabase
-                .from("users")
-                .select("*")
-                .eq("id", session.user.id);
+            const { data, error: err } = await SCM.get().userById(session.user.id);
     
             if (err) {
                 seterrorModalView({
@@ -48,34 +45,27 @@ const AuthPage = () => {
                 return;
             }
     
-            if (data.length === 0) {
+            if (!data) {
                 setIsNewUser(true);
                 setLoading(false);
             } else {
                 dispatch(
                     userAction.setInfo({
-                        username: data[0].nickname,
-                        role: data[0].role ?? "guest",
+                        username: data.nickname,
+                        role: data.role ?? "guest",
                     })
                 );
-                if (data[0].role === "admin"){
+                if (data.role === "admin"){
                     router.push("/admin");
                 } else {
-                    router.push(`/profile/${data[0].nickname}`);
-                }   
-                
+                    router.push(`/profile/${data.nickname}`);
+                }
+
             }
     
         };
         setLoading(true);
-        const { data: authListener } = supabase.auth.onAuthStateChange(async (_event, session) => {
-            try{
-                await checkUser(session);
-            }
-            finally {
-                
-            }
-        });
+        const { data: authListener } = SCM.onAuthStateChange(checkUser);
         return () => {
             authListener.subscription.unsubscribe();
         };
@@ -83,12 +73,7 @@ const AuthPage = () => {
     
 
     const signInWithGoogle = async () => {
-        const { error: err } = await supabase.auth.signInWithOAuth({
-            provider: "google",
-            options: {
-                redirectTo: `${location.origin}/api/auth/callback`, 
-            },
-        });
+        const { error: err } = await SCM.loginByGoogle(location.origin);
         if (err) {
             if (err instanceof Error) {
                 seterrorModalView({
@@ -113,14 +98,14 @@ const AuthPage = () => {
         setLoading(true);
         setNicknameError("");
 
-        const session = await supabase.auth.getSession();
+        const session = await SCM.get().session();
         if (!session.data.session) {
             setLoading(false);
             return;
         }
 
         // 닉네임 중복 확인
-        const { data: checkData, error: checkErr } = await supabase.from("users").select("*").ilike("nickname", nickname.trim());
+        const { data: checkData, error: checkErr } = await SCM.get().usersByNickname(nickname);
         if (checkErr) {
             seterrorModalView({
                 ErrName: checkErr.name,
@@ -139,11 +124,7 @@ const AuthPage = () => {
         }
 
         // 닉네임 등록
-        const { data, error:err } = await supabase
-            .from("users")
-            .insert([{ id: session.data.session.user.id, nickname: nickname.trim() }])
-            .select("*")
-            .single();
+        const { data, error:err } = await SCM.add().nickname(session.data.session.user.id, nickname)
 
         if (err) {
             seterrorModalView({
diff --git a/app/components/CompleteModal.tsx b/app/components/CompleteModal.tsx
index 82e1bb0..4bf755c 100644
--- a/app/components/CompleteModal.tsx
+++ b/app/components/CompleteModal.tsx
@@ -20,7 +20,7 @@ export default function CompleteModal({
 }: CompleteModalProps) {
     return (
         <Dialog open={open} onOpenChange={onClose}>
-            <DialogContent className="sm:max-w-md">
+            <DialogContent className="sm:max-w-md bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-100">
                 <motion.div
                     initial={{ opacity: 0, scale: 0.9 }}
                     animate={{ opacity: 1, scale: 1 }}
@@ -29,9 +29,10 @@ export default function CompleteModal({
                 >
                     <CheckCircle className="w-12 h-12 text-green-500" />
 
-                    {/* ✅ 접근성 향상: DialogTitle, DialogDescription */}
-                    <DialogTitle className="text-xl font-semibold">{title}</DialogTitle>
-                    <DialogDescription className="text-sm text-muted-foreground">
+                    <DialogTitle className="text-xl font-semibold text-gray-900 dark:text-gray-100">
+                        {title}
+                    </DialogTitle>
+                    <DialogDescription className="text-sm text-muted-foreground dark:text-gray-400">
                         {description}
                     </DialogDescription>
 
diff --git a/app/components/ConfirmModal.tsx b/app/components/ConfirmModal.tsx
index 3a35a10..d01e259 100644
--- a/app/components/ConfirmModal.tsx
+++ b/app/components/ConfirmModal.tsx
@@ -1,7 +1,13 @@
 'use client'
 
-import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "./ui/dialog"
-import { Button } from "./ui/button"
+import {
+    Dialog,
+    DialogContent,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle
+} from './ui/dialog'
+import { Button } from './ui/button'
 
 type ConfirmModalProps = {
     title?: string
@@ -12,25 +18,32 @@ type ConfirmModalProps = {
 }
 
 export default function ConfirmModal({
-    title = "정말로 진행하시겠습니까?",
-    description = "",
+    title = '정말로 진행하시겠습니까?',
+    description = '',
     open,
     onConfirm,
     onClose
 }: ConfirmModalProps) {
     return (
         <Dialog open={open} onOpenChange={onClose}>
-            <DialogContent>
+            <DialogContent className="bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100">
                 <DialogHeader>
-                    <DialogTitle>{title}</DialogTitle>
-                    <p className="text-sm text-muted-foreground">{description}</p>
+                    <DialogTitle className="text-gray-900 dark:text-gray-100">{title}</DialogTitle>
+                    {description && (
+                        <p className="text-sm text-muted-foreground dark:text-gray-400">
+                            {description}
+                        </p>
+                    )}
                 </DialogHeader>
 
                 <DialogFooter className="flex justify-end gap-2 pt-4">
                     <Button variant="outline" onClick={onClose}>
                         취소
                     </Button>
-                    <Button className="bg-green-600 hover:bg-green-700 text-white" onClick={onConfirm}>
+                    <Button
+                        className="bg-green-600 hover:bg-green-700 text-white dark:bg-green-500 dark:hover:bg-green-600"
+                        onClick={onConfirm}
+                    >
                         확인
                     </Button>
                 </DialogFooter>
diff --git a/app/components/FailModal.tsx b/app/components/FailModal.tsx
index 86bc85d..d338c6c 100644
--- a/app/components/FailModal.tsx
+++ b/app/components/FailModal.tsx
@@ -14,13 +14,13 @@ interface ErrorModalProps {
 export default function FailModal({ open, title = "작업을 완료할 수 없습니다", description, onClose }: ErrorModalProps) {
     return (
         <Dialog open={open} onOpenChange={onClose}>
-            <DialogContent className="max-w-sm text-center">
+            <DialogContent className="max-w-sm text-center bg-white dark:bg-gray-800 text-gray-900 dark:text-white">
                 <DialogHeader className="flex flex-col items-center justify-center gap-2">
-                    <XCircle className="text-red-500" size={48} />
-                    <DialogTitle className="text-lg">{title}</DialogTitle>
+                    <XCircle className="text-red-500 dark:text-red-400" size={48} />
+                    <DialogTitle className="text-lg text-gray-900 dark:text-white">{title}</DialogTitle>
                 </DialogHeader>
-                <div className="py-2 text-sm text-gray-600">{description}</div>
-                <Button className="mt-4" onClick={onClose}>
+                <div className="py-2 text-sm text-gray-600 dark:text-gray-300">{description}</div>
+                <Button className="mt-4 dark:bg-blue-600 dark:hover:bg-blue-700 dark:text-white" onClick={onClose}>
                     확인
                 </Button>
             </DialogContent>
diff --git a/app/components/HelpModal.tsx b/app/components/HelpModal.tsx
index faed1db..3d02748 100644
--- a/app/components/HelpModal.tsx
+++ b/app/components/HelpModal.tsx
@@ -29,21 +29,21 @@ const HelpModal = ({
         <Dialog open={isOpen} onOpenChange={setIsOpen}>
             <DialogTrigger asChild>
                 <button
-                    className={`inline-flex items-center gap-2 text-gray-600 hover:text-gray-800 transition-colors ${triggerClassName}`}
+                    className={`inline-flex items-center gap-2 text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 transition-colors ${triggerClassName}`}
                     aria-label="도움말 열기"
                 >
                     {showIcon && <HelpCircle className="w-4 h-4" />}
                     {triggerText && <span className="text-sm">{triggerText}</span>}
                 </button>
             </DialogTrigger>
-            <DialogContent className="max-w-xl w-full overflow-x-auto max-h-[80vh] overflow-y-auto">
+            <DialogContent className="max-w-xl w-full overflow-x-auto max-h-[80vh] overflow-y-auto bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-100">
                 <DialogHeader>
-                    <DialogTitle className="flex items-center gap-2 text-lg font-semibold">
+                    <DialogTitle className="flex items-center gap-2 text-lg font-semibold text-gray-800 dark:text-gray-100">
                         <HelpCircle className="w-5 h-5 text-blue-600" />
                         {title}
                     </DialogTitle>
                 </DialogHeader>
-                <div className="mt-4 text-sm text-gray-700 leading-relaxed">
+                <div className="mt-4 text-sm text-gray-700 dark:text-gray-300 leading-relaxed">
                     {children}
                 </div>
             </DialogContent>
@@ -51,4 +51,4 @@ const HelpModal = ({
     );
 };
 
-export default HelpModal;
\ No newline at end of file
+export default HelpModal;
diff --git a/app/components/LoadingPage.tsx b/app/components/LoadingPage.tsx
index b56f162..7f5337c 100644
--- a/app/components/LoadingPage.tsx
+++ b/app/components/LoadingPage.tsx
@@ -8,31 +8,35 @@ import type { RootState } from '@/app/store/store';
 export const useLoadingState = () => {
     const dispatch = useDispatch();
     const loadingState = useSelector((state: RootState) => state.loading);
-  
+
     const updateState = (progress: number, task: string) => {
-      dispatch(updateLoadingState({ progress, task }));
+        dispatch(updateLoadingState({ progress, task }));
     };
-  
+
     return {
-      loadingState,
-      updateLoadingState: updateState,
+        loadingState,
+        updateLoadingState: updateState,
     };
-  };
+};
 
-export default function LoadingPage({ title }: { title: string }){
+export default function LoadingPage({ title }: { title: string }) {
     const { loadingState } = useLoadingState();
 
     if (loadingState.isLoading) {
         return (
-            <div className="flex flex-col items-center justify-center p-8 bg-white rounded-lg shadow min-h-screen min-w-full">
-                <h2 className="text-xl font-bold mb-4">{title} 로딩 중</h2>
+            <div className="flex flex-col items-center justify-center p-8 bg-white dark:bg-gray-900 rounded-lg shadow min-h-screen min-w-full text-gray-800 dark:text-gray-100">
+                <h2 className="text-xl font-bold mb-4">
+                    {title} 로딩 중
+                </h2>
                 <div className="w-full max-w-md mb-4">
                     <ProgressBar
                         completed={loadingState.progress}
                         label={`${loadingState.progress}% 완료`}
                     />
                 </div>
-                <p className="text-gray-600 mt-2">{loadingState.currentTask}</p>
+                <p className="text-gray-600 dark:text-gray-400 mt-2">
+                    {loadingState.currentTask}
+                </p>
                 <div className="mt-4">
                     <Spinner />
                 </div>
diff --git a/app/components/LoginRequiredModal.tsx b/app/components/LoginRequiredModal.tsx
index 51e9781..f37b6ec 100644
--- a/app/components/LoginRequiredModal.tsx
+++ b/app/components/LoginRequiredModal.tsx
@@ -19,22 +19,22 @@ export default function LoginRequiredModal({ open, onClose }: LoginRequiredModal
 
     return (
         <Dialog open={open} onOpenChange={onClose}>
-            <DialogContent className="max-w-sm">
+            <DialogContent className="max-w-sm bg-white dark:bg-gray-800 text-gray-900 dark:text-white">
                 <DialogHeader>
-                    <DialogTitle>로그인이 필요합니다</DialogTitle>
+                    <DialogTitle className="text-gray-900 dark:text-white">로그인이 필요합니다</DialogTitle>
                 </DialogHeader>
-                <div className="py-2 text-sm text-gray-600">
+                <div className="py-2 text-sm text-gray-600 dark:text-gray-300">
                     이 서비스를 이용하시려면 로그인이 필요합니다.
                 </div>
                 <DialogFooter className="flex gap-2">
-                    <Button variant="outline" onClick={onClose}>
+                    <Button variant="outline" onClick={onClose} className="dark:border-gray-700 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600">
                         닫기
                     </Button>
-                    <Button onClick={handleLogin}>
+                    <Button onClick={handleLogin} className="dark:bg-blue-600 dark:hover:bg-blue-700 dark:text-white">
                         로그인하기
                     </Button>
                 </DialogFooter>
             </DialogContent>
         </Dialog>
     );
-}
+}
\ No newline at end of file
diff --git a/app/components/ProgressModal.tsx b/app/components/ProgressModal.tsx
new file mode 100644
index 0000000..328e46b
--- /dev/null
+++ b/app/components/ProgressModal.tsx
@@ -0,0 +1,48 @@
+import {
+    AlertDialog,
+    AlertDialogContent,
+    AlertDialogHeader,
+    AlertDialogTitle,
+} from "@/app/components/ui/alert-dialog";
+import { Button } from "@/app/components/ui/button";
+import { Progress } from "@/app/components/ui/progress";
+
+interface ProgressModalProp {
+    isModalOpen: boolean;
+    isProcessing: boolean;
+    onClose: ()=>void;
+    progress: number;
+    currentTask: string;
+}
+
+export default function ProgressModal({isModalOpen, isProcessing, onClose, progress, currentTask}:ProgressModalProp){
+    return (
+    <AlertDialog open={isModalOpen} onOpenChange={onClose}>
+            <AlertDialogContent className="max-w-md bg-white dark:bg-gray-900">
+                <AlertDialogHeader>
+                    <AlertDialogTitle className="text-gray-900 dark:text-gray-100">
+                        {isProcessing ? "처리 중..." : "처리 완료"}
+                    </AlertDialogTitle>
+                    <div className="text-sm text-muted-foreground dark:text-gray-300">
+                        <div className="space-y-4">
+                            <div className="flex items-center">
+                                <p className="text-sm font-medium">{currentTask}</p>
+                            </div>
+
+                            <div className="space-y-2">
+                                <Progress value={progress} className="h-2" />
+                                <p className="text-xs text-right">{progress}% 완료</p>
+                            </div>
+
+                            {!isProcessing && (
+                                <div className="mt-4 flex justify-end">
+                                    <Button onClick={()=>onClose()}>확인</Button>
+                                </div>
+                            )}
+                        </div>
+                    </div>
+                </AlertDialogHeader>
+            </AlertDialogContent>
+        </AlertDialog>
+    )
+}
\ No newline at end of file
diff --git a/app/components/UnderConstruction.tsx b/app/components/UnderConstruction.tsx
index d89e1c1..b955fd5 100644
--- a/app/components/UnderConstruction.tsx
+++ b/app/components/UnderConstruction.tsx
@@ -3,13 +3,13 @@
 import { useRouter } from 'next/navigation';
 import { motion } from 'framer-motion';
 import { Construction, ArrowLeft } from 'lucide-react';
-import { Button } from '@/app/components/ui/button'; // shadcn/ui 버튼 (없으면 아래에 대체 버튼도 있어요)
+import { Button } from '@/app/components/ui/button';
 
 export default function UnderConstructionPage() {
     const router = useRouter();
 
     return (
-        <div className="min-h-screen flex flex-col items-center justify-center bg-gray-50 text-gray-800 p-4">
+        <div className="min-h-screen flex flex-col items-center justify-center bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-gray-100 p-4">
             <motion.div
                 initial={{ opacity: 0, y: 30 }}
                 animate={{ opacity: 1, y: 0 }}
@@ -20,7 +20,7 @@ export default function UnderConstructionPage() {
                     <Construction className="w-16 h-16 text-yellow-500 animate-bounce" />
                 </div>
                 <h1 className="text-3xl font-bold">페이지가 아직 제작 중입니다 🛠️</h1>
-                <p className="text-lg text-gray-600">
+                <p className="text-lg text-gray-600 dark:text-gray-400">
                     더 좋은 서비스를 위해 열심히 개발 중입니다. 곧 찾아뵙겠습니다.
                 </p>
                 <div className="pt-4">
diff --git a/app/components/UnderConstructionModal.tsx b/app/components/UnderConstructionModal.tsx
index c55279c..a88a36c 100644
--- a/app/components/UnderConstructionModal.tsx
+++ b/app/components/UnderConstructionModal.tsx
@@ -8,17 +8,17 @@ export default function UnderConstructionModal({open, onClose}:{open: boolean, o
     return (
         <Dialog.Root defaultOpen>
             <Dialog.Portal>
-                <Dialog.Overlay className="fixed inset-0 bg-black/50 backdrop-blur-sm z-40" />
-                <Dialog.Content className="fixed top-1/2 left-1/2 z-50 w-[90%] max-w-md -translate-x-1/2 -translate-y-1/2 rounded-2xl bg-white p-6 shadow-xl">
+                <Dialog.Overlay className="fixed inset-0 bg-black/50 backdrop-blur-sm z-40 dark:bg-black/70" />
+                <Dialog.Content className="fixed top-1/2 left-1/2 z-50 w-[90%] max-w-md -translate-x-1/2 -translate-y-1/2 rounded-2xl bg-white p-6 shadow-xl dark:bg-gray-800">
                     <div className="flex items-center justify-between mb-4">
-                        <Dialog.Title className="text-xl font-semibold">알림</Dialog.Title>
+                        <Dialog.Title className="text-xl font-semibold text-gray-900 dark:text-white">알림</Dialog.Title>
                         <Dialog.Close asChild>
-                            <button className="text-gray-500 hover:text-gray-700 transition">
+                            <button className="text-gray-500 hover:text-gray-700 transition dark:text-gray-400 dark:hover:text-gray-200">
                                 <X className="w-5 h-5" onClick={onClose} />
                             </button>
                         </Dialog.Close>
                     </div>
-                    <div className="text-gray-700 text-center text-lg">
+                    <div className="text-gray-700 text-center text-lg dark:text-gray-300">
                         해당 기능은 아직 <span className="font-bold">제작 중</span>입니다.
                         <br />
                         조금만 기다려 주세요! 🙏
@@ -27,4 +27,4 @@ export default function UnderConstructionModal({open, onClose}:{open: boolean, o
             </Dialog.Portal>
         </Dialog.Root>
     )
-}
+}
\ No newline at end of file
diff --git a/app/extra-features/page.tsx b/app/extra-features/page.tsx
index 941f699..9083a37 100644
--- a/app/extra-features/page.tsx
+++ b/app/extra-features/page.tsx
@@ -1,4 +1,5 @@
 import Link from "next/link";
+import { Database, Gamepad2, ChevronRight, Sparkles } from "lucide-react";
 
 export async function generateMetadata() {
     return {
@@ -8,32 +9,99 @@ export async function generateMetadata() {
 }
 
 const features = [
-    { title: "오픈 DB", description: "단어 오픈 데이터베이스를 확인 및 활용하세요.", link: "/word" },
-    
+    { 
+        title: "오픈 DB", 
+        description: "단어 오픈 데이터베이스를 확인 및 활용하세요.", 
+        link: "/word",
+        icon: Database,
+        color: "from-blue-500 to-cyan-500",
+        bgColor: "group-hover:bg-blue-50 dark:group-hover:bg-blue-950/20"
+    },
+    { 
+        title: "미니게임", 
+        description: "다양한 미니게임을 하며 실력을 늘려보세요.", 
+        link: null,
+        icon: Gamepad2,
+        color: "from-purple-500 to-pink-500",
+        bgColor: "group-hover:bg-purple-50 dark:group-hover:bg-purple-950/20"
+    },
 ];
 
 export default function ExtraFeaturesPage() {
     return (
-        <div className="p-6 max-w-5xl mx-auto min-h-[500px]">
-            <h1 className="text-3xl font-bold mb-8">추가 기능</h1>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                {features.map((feature, index) => (
-                    <div
-                        key={index}
-                        className="border rounded-2xl p-6 hover:shadow-lg transition flex flex-col justify-between"
-                    >
-                        <div>
-                            <h2 className="text-2xl font-semibold mb-2">{feature.title}</h2>
-                            <p className="text-gray-600">{feature.description}</p>
-                        </div>
-                        <Link
-                            href={feature.link}
-                            className="mt-4 inline-block text-blue-600 hover:underline font-medium"
-                        >
-                            바로가기 →
-                        </Link>
+        <div className="min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-100 dark:from-gray-900 dark:via-slate-900 dark:to-indigo-950 p-6">
+            {/* 헤더 */}
+            <div className="max-w-7xl mx-auto mb-12">
+                <div className="text-center mb-8">
+                    <div className="flex items-center justify-center mb-4">
+                        <Sparkles className="w-8 h-8 text-indigo-500 mr-3" />
+                        <h1 className="text-4xl md:text-5xl font-bold bg-gradient-to-r from-indigo-600 via-purple-600 to-blue-600 bg-clip-text text-transparent">
+                            추가 기능
+                        </h1>
                     </div>
-                ))}
+                    <p className="text-slate-600 dark:text-slate-300 text-lg max-w-2xl mx-auto">
+                        메인기능 외에도 다양한 유틸리티 기능을 제공합니다.
+                    </p>
+                </div>
+
+                {/* 기능 카드 그리드 */}
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl mx-auto">
+                    {features.map((feature, index) => {
+                        const IconComponent = feature.icon;
+                        
+                        return feature.link ? (
+                            <Link key={index} href={feature.link}>
+                                <div className={`group bg-white/80 dark:bg-slate-800/80 backdrop-blur-sm rounded-2xl shadow-lg dark:shadow-xl border border-slate-200/50 dark:border-slate-700/50 p-6 hover:shadow-2xl dark:hover:shadow-2xl transition-all duration-300 hover:-translate-y-2 cursor-pointer ${feature.bgColor}`}>
+                                    <div className="flex items-start justify-between mb-4">
+                                        <div className={`p-3 rounded-xl bg-gradient-to-br ${feature.color} shadow-lg group-hover:scale-110 transition-transform duration-300`}>
+                                            <IconComponent className="w-6 h-6 text-white" />
+                                        </div>
+                                        <ChevronRight className="w-5 h-5 text-slate-400 group-hover:text-slate-600 dark:group-hover:text-slate-300 group-hover:translate-x-1 transition-all duration-300" />
+                                    </div>
+                                    
+                                    <h3 className="text-xl font-bold text-slate-800 dark:text-slate-100 mb-3 group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors duration-300">
+                                        {feature.title}
+                                    </h3>
+                                    
+                                    <p className="text-slate-600 dark:text-slate-300 text-sm leading-relaxed">
+                                        {feature.description}
+                                    </p>
+                                    
+                                    <div className="mt-4 pt-4 border-t border-slate-200 dark:border-slate-700">
+                                        <span className="text-xs font-semibold text-indigo-600 dark:text-indigo-400 group-hover:text-indigo-700 dark:group-hover:text-indigo-300 transition-colors duration-300">
+                                            시작하기 →
+                                        </span>
+                                    </div>
+                                </div>
+                            </Link>
+                        ) : (
+                            <div
+                                key={index}
+                                className={`group bg-white/60 dark:bg-slate-800/60 backdrop-blur-sm rounded-2xl shadow-lg dark:shadow-xl border border-slate-200/50 dark:border-slate-700/50 p-6 hover:shadow-xl transition-all duration-300 cursor-pointer ${feature.bgColor}`}
+                            >
+                                <div className="flex items-start justify-between mb-4">
+                                    <div className={`p-3 rounded-xl bg-gradient-to-br ${feature.color} shadow-lg opacity-75`}>
+                                        <IconComponent className="w-6 h-6 text-white" />
+                                    </div>
+                                </div>
+                                
+                                <h3 className="text-xl font-bold text-slate-700 dark:text-slate-200 mb-3">
+                                    {feature.title}
+                                </h3>
+                                
+                                <p className="text-slate-500 dark:text-slate-400 text-sm leading-relaxed">
+                                    {feature.description}
+                                </p>
+                                
+                                <div className="mt-4 pt-4 border-t border-slate-200 dark:border-slate-700">
+                                    <span className="text-xs font-semibold text-slate-500 dark:text-slate-400">
+                                        제작 예정
+                                    </span>
+                                </div>
+                            </div>
+                        );
+                    })}
+                </div>
             </div>
         </div>
     );
diff --git a/app/header.tsx b/app/header.tsx
index 3373708..91284b9 100644
--- a/app/header.tsx
+++ b/app/header.tsx
@@ -3,11 +3,12 @@ import { useState, useEffect, useRef } from "react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { useDispatch, useSelector } from 'react-redux';
-import { Menu, X, User, ChevronDown } from 'lucide-react';
+import { Menu, X, User, ChevronDown, LayoutDashboard, Sun, Moon } from 'lucide-react';
 import type { RootState, AppDispatch } from "./store/store";
-import { supabase } from "./lib/supabaseClient";
+import { SCM } from "./lib/supabaseClient";
 import { useRouter } from "next/navigation";
 import { userAction } from "./store/slice";
+import { useTheme } from 'next-themes'
 
 const Header = () => {
     const [isOpen, setIsOpen] = useState<boolean>(false);
@@ -15,13 +16,15 @@ const Header = () => {
     const mobileMenuRef = useRef<HTMLDivElement>(null);
     const profileDropdownRef = useRef<HTMLDivElement>(null);
     const isLoggedIn = useSelector((state: RootState) => state.user.username) !== undefined; 
-    const username = useSelector((state: RootState) => state.user.username); 
+    const user = useSelector((state: RootState) => state.user); 
     const pathname = usePathname();
     const router = useRouter();
     const dispatch = useDispatch<AppDispatch>();
+    const username=user.username;
+    const { theme, setTheme } = useTheme();
 
     const handleLogout = async () => {
-        await supabase.auth.signOut();
+        await SCM.logout();
         dispatch(
             userAction.setInfo({
                 username: undefined,
@@ -57,6 +60,10 @@ const Header = () => {
         setIsProfileOpen(false);
     }, [pathname]);
 
+    const toggleTheme = () => {
+        setTheme(theme === 'dark' ? 'light' : 'dark');
+    }
+
     const navItems = [
         { href: "/word-combiner", label: "단어조합기", isActive: pathname === "/word-combiner" },
         { href: "/manager-tool", label: "단어장 관리 도구", isActive: pathname.includes('manager-tool') },
@@ -111,56 +118,81 @@ const Header = () => {
                         ))}
                     </div>
 
-                    {/* 데스크톱 프로필 드롭다운 */}
-                    <div className="hidden md:block relative">
+                    {/* 데스크톱 테마 토글 & 프로필 영역 */}
+                    <div className="hidden md:flex items-center space-x-4">
+                        {/* 테마 토글 버튼 */}
                         <button
-                            onClick={() => setIsProfileOpen(!isProfileOpen)}
-                            className="flex items-center space-x-2 px-3 py-2 rounded-lg hover:bg-gray-800/50 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500/50"
+                            onClick={toggleTheme}
+                            className="p-2 rounded-lg hover:bg-gray-800/50 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500/50"
+                            aria-label="테마 변경"
                         >
-                            <div className="p-1.5 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full">
-                                <User size={18} className="text-white" />
-                            </div>
-                            <ChevronDown 
-                                size={16} 
-                                className={`text-gray-400 transition-transform duration-200 ${
-                                    isProfileOpen ? 'rotate-180' : ''
-                                }`} 
-                            />
+                            {theme === 'dark' ? (
+                                <Sun size={20} className="text-yellow-400" />
+                            ) : (
+                                <Moon size={20} className="text-blue-400" />
+                            )}
                         </button>
 
-                        {isProfileOpen && (
-                            <div className="absolute right-0 mt-2 w-56 bg-white text-gray-900 rounded-xl shadow-2xl border border-gray-200 overflow-hidden z-50">
-                                <div className="p-4 bg-gradient-to-r from-blue-50 to-purple-50 border-b border-gray-100">
-                                    {isLoggedIn ? (
-                                        <>
-                                            <p className="text-sm text-gray-600">안녕하세요,</p>
-                                            <p className="font-semibold text-gray-800">{username}님</p>
-                                        </>
-                                    ) : (
-                                        <p className="text-sm text-gray-600">로그인하세요</p>
-                                    )}
+                        {/* 프로필 드롭다운 */}
+                        <div className="relative" ref={profileDropdownRef}>
+                            <button
+                                onClick={() => setIsProfileOpen(!isProfileOpen)}
+                                className="flex items-center space-x-2 px-3 py-2 rounded-lg hover:bg-gray-800/50 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500/50"
+                            >
+                                <div className="p-1.5 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full">
+                                    <User size={18} className="text-white" />
                                 </div>
-                                <div className="py-2">
-                                    <Link href={isLoggedIn ? `/profile/${username}` : "/auth"}>
-                                        <div className="flex items-center px-4 py-3 hover:bg-gray-50 cursor-pointer transition-colors">
-                                            <User size={16} className="mr-3 text-gray-500" />
-                                            {isLoggedIn ? "프로필 페이지" : "로그인"}
-                                        </div>
-                                    </Link>
-                                    {isLoggedIn && (
-                                        <button
-                                            onClick={handleLogout}
-                                            className="w-full flex items-center px-4 py-3 hover:bg-red-50 hover:text-red-600 cursor-pointer transition-colors text-left"
-                                        >
-                                            <svg className="w-4 h-4 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" />
-                                            </svg>
-                                            로그아웃
-                                        </button>
-                                    )}
+                                <ChevronDown 
+                                    size={16} 
+                                    className={`text-gray-400 transition-transform duration-200 ${
+                                        isProfileOpen ? 'rotate-180' : ''
+                                    }`} 
+                                />
+                            </button>
+
+                            {isProfileOpen && (
+                                <div className="absolute right-0 mt-2 w-56 bg-white text-gray-900 rounded-xl shadow-2xl border border-gray-200 overflow-hidden z-50">
+                                    <div className="p-4 bg-gradient-to-r from-blue-50 to-purple-50 border-b border-gray-100">
+                                        {isLoggedIn ? (
+                                            <>
+                                                <p className="text-sm text-gray-600">안녕하세요,</p>
+                                                <p className="font-semibold text-gray-800">{username}님</p>
+                                            </>
+                                        ) : (
+                                            <p className="text-sm text-gray-600">로그인하세요</p>
+                                        )}
+                                    </div>
+                                    <div className="py-2">
+                                        <Link href={isLoggedIn ? `/profile/${username}` : "/auth"}>
+                                            <div className="flex items-center px-4 py-3 hover:bg-gray-50 cursor-pointer transition-colors">
+                                                <User size={16} className="mr-3 text-gray-500" />
+                                                {isLoggedIn ? "프로필 페이지" : "로그인"}
+                                            </div>
+                                        </Link>
+                                        {isLoggedIn && (
+                                            <button
+                                                onClick={handleLogout}
+                                                className="w-full flex items-center px-4 py-3 hover:bg-red-50 hover:text-red-600 cursor-pointer transition-colors text-left"
+                                            >
+                                                <svg className="w-4 h-4 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" />
+                                                </svg>
+                                                로그아웃
+                                            </button>
+                                        )}
+                                        {['r4','admin'].includes(user.role) && (
+                                            <Link 
+                                            href={`/admin`}
+                                            className="flex items-center px-4 py-3 hover:bg-gray-50 cursor-pointer transition-colors"
+                                            >
+                                                <LayoutDashboard size={16} className="mr-3 text-gray-500" />
+                                                관리자 페이지
+                                            </Link>
+                                        )}
+                                    </div>
                                 </div>
-                            </div>
-                        )}
+                            )}
+                        </div>
                     </div>
                 </div>
 
@@ -168,7 +200,7 @@ const Header = () => {
                 <div 
                     ref={mobileMenuRef}
                     className={`md:hidden transition-all duration-300 ease-in-out ${
-                        isOpen ? "max-h-96 opacity-100 mt-4" : "max-h-0 opacity-0 overflow-hidden"
+                        isOpen ? "max-h-96 opacity-100 mt-4 overflow-y-auto" : "max-h-0 opacity-0 overflow-hidden"
                     }`}
                 >
                     <div className="space-y-2 py-4 border-t border-gray-700">
@@ -188,6 +220,27 @@ const Header = () => {
                         
                         {/* 모바일 프로필 섹션 */}
                         <div className="pt-4 mt-4 border-t border-gray-700">
+                            {/* 모바일 테마 토글 버튼 */}
+                            <div className="px-4 py-2 mb-2">
+                                <button
+                                    onClick={toggleTheme}
+                                    className="flex items-center space-x-3 w-full px-3 py-2 rounded-lg hover:bg-gray-800/50 transition-all duration-300 text-gray-300 hover:text-blue-400"
+                                    aria-label="테마 변경"
+                                >
+                                    {theme === 'dark' ? (
+                                        <>
+                                            <Sun size={18} className="text-yellow-400" />
+                                            <span className="text-sm">라이트 모드</span>
+                                        </>
+                                    ) : (
+                                        <>
+                                            <Moon size={18} className="text-blue-400" />
+                                            <span className="text-sm">다크 모드</span>
+                                        </>
+                                    )}
+                                </button>
+                            </div>
+
                             {isLoggedIn ? (
                                 <>
                                     <div className="px-4 py-2 text-sm text-gray-400">
@@ -205,6 +258,14 @@ const Header = () => {
                                     >
                                         로그아웃
                                     </button>
+                                    {['r4','admin'].includes(user.role) && (
+                                        <Link 
+                                        href={`/admin`}
+                                        className="block px-4 py-3 text-gray-300 hover:text-blue-400 hover:bg-gray-800/50 rounded-lg transition-colors"
+                                        >
+                                            관리자 페이지
+                                        </Link>
+                                    )}
                                 </>
                             ) : (
                                 <Link 
diff --git a/app/layout.tsx b/app/layout.tsx
index 19d235a..b7ccaf2 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -30,10 +30,10 @@ export default function RootLayout({
 	children: React.ReactNode;
 }>) {
 	return (
-		<html lang="en">
+		<html lang="en" suppressHydrationWarning>
 			<head />
 			<body
-				className={`${geistSans.variable} ${geistMono.variable} antialiased min-h-screen`}>
+				className={`${geistSans.variable} ${geistMono.variable} antialiased min-h-screen dark:bg-gray-900`}>
 				{ process.env.NODE_ENV === "production" && (<><noscript>
 					<iframe
 						src="https://www.googletagmanager.com/ns.html?id=GTM-MBK4DFC4"
diff --git a/app/lib/lib.ts b/app/lib/lib.ts
new file mode 100644
index 0000000..fe884a2
--- /dev/null
+++ b/app/lib/lib.ts
@@ -0,0 +1,33 @@
+import { disassemble } from "es-hangul";
+
+/**
+ * 노인정 단어인지 주제보고 추론하는 함수
+ * 
+ * @param themes 주제목록 (코드)
+ * @returns 노인정 여부
+ */
+export function isNoin(themes: string[]): boolean{
+    const ttt = Array.from({ length: 54 }, (_, i) => (i * 10).toString());
+    return ttt.some(v => themes.includes(v));
+}
+
+/**
+ * 단어 초성 반환 함수
+ * 
+ * @param word 단어
+ * @returns 단어의 초성
+ */
+export function calculateKoreanInitials(word: string): string{
+    return word.split("").map((c) => disassemble(c)[0]).join("");
+} 
+
+/**
+ * 문자열에 해당 문자가 몇개 들어있는지 반환하는 함수
+ * 
+ * @param a 검사당할 피 문자열
+ * @param target 찾을 문자열
+ * @returns target의 포함 개수
+ */
+export function count(a: string, target: string): number{
+    return (a.match(new RegExp(target, "gi")) || []).length
+}
\ No newline at end of file
diff --git a/app/lib/supabase/ISupabaseClientManager.ts b/app/lib/supabase/ISupabaseClientManager.ts
new file mode 100644
index 0000000..b15578b
--- /dev/null
+++ b/app/lib/supabase/ISupabaseClientManager.ts
@@ -0,0 +1,118 @@
+import type { addWordQueryType, addWordThemeQueryType, DocsLogData, WordLogData } from '@/app/types/type';
+import { AuthError, OAuthResponse, PostgrestError, PostgrestSingleResponse, Session, Subscription } from '@supabase/supabase-js';
+import type { Database } from '@/app/types/database.types'
+
+type wait_word = Database['public']['Tables']['wait_words']['Row']
+type theme = Database['public']['Tables']['themes']['Row']
+type wait_word_theme = Database['public']['Tables']['wait_word_themes']['Row'] & { themes: theme; }
+type word = Database['public']['Tables']['words']['Row']
+type word_theme = {words: word, themes: theme }
+type docs = Database['public']['Tables']['docs']['Row']
+type user = Database['public']['Tables']['users']['Row'];
+type docs_log = Database['public']['Tables']['docs_logs']['Row'];
+type docs_wait = Database['public']['Tables']['docs_wait']['Row'] & { users: user | null; }
+type user_star_docs = Database['public']['Tables']['user_star_docs']['Row'];
+type log = Database['public']['Tables']['logs']['Row'];
+type word_themes_wait = Database['public']['Tables']['word_themes_wait']['Row'];
+type wait_word_themes = Database['public']['Tables']['wait_word_themes']['Row'];
+
+type delete_word_themes_bulk = Database['public']['Functions']['delete_word_themes_bulk']['Returns'];
+
+// add 관련 타입
+export interface IAddManager {
+    docsLog(logsData: DocsLogData[]): Promise<PostgrestSingleResponse<null>>;
+    wordLog(logsData: WordLogData[]): Promise<PostgrestSingleResponse<null>>;
+    word(insertWordData: addWordQueryType[]): Promise<PostgrestSingleResponse<word[]>>;
+    wordThemes(insertWordThemesData: addWordThemeQueryType[]): Promise<PostgrestSingleResponse<word_theme[]>>;
+    waitWord(insertWaitWordData: { word: string, requested_by: string | null, request_type: "delete"; word_id: number; } | {word: string, requested_by: string | null, request_type: "add"}): Promise<PostgrestSingleResponse<wait_word | null>>;
+    starDocs({ docsId, userId }: { docsId: number; userId: string; }): Promise<PostgrestSingleResponse<null>>;
+    waitWordThemes(insertWaitWordThemeData: { wait_word_id: number; theme_id: number; }[]): Promise<PostgrestSingleResponse<null>>
+    waitDocs({ docsName, userId }: { docsName: string; userId: string | undefined; }): Promise<PostgrestSingleResponse<null>>;
+    docs(insertDocsData: { name: string; maker: string | null; duem: boolean; typez: "letter" | "theme"; }[]): Promise<PostgrestSingleResponse<null>>;
+    nickname(userId: string, nick: string): Promise<PostgrestSingleResponse<user>>;
+    words(q:addWordQueryType[]): Promise<PostgrestSingleResponse<word[]>>;
+    wordsThemes(q: addWordThemeQueryType[]): Promise<PostgrestSingleResponse<{words:{word: string}; themes: {name: string}}[]>>;
+    wordThemesReq(q: {word_id: number, theme_id: number, typez: "add" | "delete", req_by: string | null}[]): Promise<PostgrestSingleResponse<{typez: "add" | "delete"; themes:{name: string}}[]>>
+    waitWords(q: {word: string, requested_by: string | null, request_type: "add"}[]): Promise<PostgrestSingleResponse<(wait_word)[]>>;
+}
+
+// get 관련 타입
+export interface IGetManager{
+    waitWordInfoByWord(word: string): Promise<PostgrestSingleResponse<wait_word & {users: {nickname: string} | null} | null>>;
+    waitWordThemes(wordId: number): Promise<PostgrestSingleResponse<wait_word_theme[]>>;
+    wordInfoByWord(word: string): Promise<PostgrestSingleResponse<word & {users: {nickname: string} | null} | null>>;
+    allDocs(): Promise<PostgrestSingleResponse<(docs & { users: user | null })[]>>;
+    wordThemeByWordId(wordId: number): Promise<PostgrestSingleResponse<word_theme[]>>;
+    docsInfoByDocsId(docsId: number): Promise<PostgrestSingleResponse<(docs & { users: user | null }) | null>>
+    docsWordCount({ name, duem, typez }: { name: string; duem: boolean; typez: "letter" | "theme";}): Promise<{count: number | null; error: PostgrestError | null;}>
+    docsVeiwRankByDocsId(docsId: number): Promise<PostgrestSingleResponse<number>>;
+    allThemes(): Promise<PostgrestSingleResponse<theme[]>>
+    themeInfoByThemeName(name: string): Promise<{ data: theme | null; error: PostgrestError | null;}>
+    docsStarCount(id: number): Promise<{ data: number; error: PostgrestError | null;}>
+    docsLogs(id:number): Promise<PostgrestSingleResponse<(docs_log & {users: user | null})[]>>
+    docsStar(id: number): Promise<PostgrestSingleResponse<{user_id: string;}[]>>;
+    docsWords({ name, duem, typez }: { name: string; duem: boolean; typez: "letter" | "theme";} | {name: number; duem: boolean; typez: "ect";}): Promise<{data: null, error: PostgrestError} | {data: {words: word[], waitWords: ({ word: string; request_type: "add" | "delete"; requested_by: string | null; })[]}, error: null}>
+    allWaitWords(c?:"add" | "delete"): Promise<PostgrestSingleResponse<(wait_word & {words: word | null; users: user | null})[]>>;
+    wordsThemes(wordIds: number[]): Promise<PostgrestSingleResponse<{ theme_id: number; word_id: number; words: word; themes: theme}[]>>
+    allWords({ includeAddReq, includeDeleteReq, includeInjung, includeNoInjung, onlyWordChain, lenf }: { includeAddReq?: boolean; includeDeleteReq?: boolean; includeInjung?: boolean; includeNoInjung?: boolean; onlyWordChain?: boolean; lenf?: boolean; }): Promise<{ data: { word: string; noin_canuse: boolean; k_canuse: boolean; status: "ok" | "add" | "delete"; }[]; error: null } | {data: null; error: PostgrestError; }>
+    letterDocs(): Promise<PostgrestSingleResponse<docs[]>>;
+    addWaitDocs(): Promise<PostgrestSingleResponse<docs_wait[]>>;
+    releaseNote(): Promise<PostgrestSingleResponse<{ id: number; content: string; created_at: string; title: string; }[]>>;
+    userById(userId: string): Promise<PostgrestSingleResponse<user | null>>;
+    session(): Promise<{data: {session: Session}, error: null} | {data: { session: null}, error: AuthError} | { data: {session: null}, error: null}>;
+    usersByNickname(userName: string): Promise<PostgrestSingleResponse<user[]>>;
+    usersLikeByNickname(q: string): Promise<PostgrestSingleResponse<user[]>>;
+    userByNickname(nicknmae: string): Promise<PostgrestSingleResponse<user | null>>;
+    monthlyConRankByUserId(userId: string): Promise<PostgrestSingleResponse<number>>;
+    monthlyContributionsByUserId(userId: string): Promise<PostgrestSingleResponse<Database['public']['Tables']['user_month_contributions']['Row'][]>>
+    starredDocsById(userId: string): Promise<PostgrestSingleResponse<(user_star_docs & {docs: docs})[]>>;
+    requestsListById(userId: string): Promise<PostgrestSingleResponse<wait_word[]>>;
+    logsListById(userId: string): Promise<PostgrestSingleResponse<log[]>>;
+    wordsCount(): Promise<PostgrestSingleResponse<{word: string}[]>>;
+    waitWordsCount(): Promise<{count: number | null; error: PostgrestError | null}>;
+    allWordWaitTheme(c?: "add" | "delete"): Promise<PostgrestSingleResponse<(word_themes_wait & {words: {word: string}; themes: theme; users: user | null})[]>>
+    waitWordsThemes(waitWordIds: number[]): Promise<PostgrestSingleResponse<(wait_word_themes & {themes: theme, wait_words:{word: string}})[]>>;
+    wordsByWords(words: string[]): Promise<PostgrestSingleResponse<word[]>>;
+    randomWordByFirstLetter(f: string[]): Promise<{data: string, error: null}|{data: null, error: PostgrestError}|{data: null, error: null}>;
+    randomWordByLastLetter(l: string[]): Promise<{data: string, error: null}|{data: null, error: PostgrestError}|{data: null, error: null}>;
+    wordThemeWaitByWordId(wordId: number): Promise<PostgrestSingleResponse<{themes: theme, typez: "add" | "delete"}[]>>;
+    letterDocsByWord(word: string): Promise<PostgrestSingleResponse<docs[]>>;
+    themeDocsByThemeNames(themeNames: string[]): Promise<PostgrestSingleResponse<docs[]>>;
+    firstWordCountByLetters(letters: string[]): Promise<number>;
+    lastWordCountByLetters(letters: string[]): Promise<number>;
+    wordsByQuery(query: string): Promise<{data: string[], error: null} | {data: null; error: PostgrestError}>;
+    logsByFillter({filterState, filterType, from, to}:{filterState?: "approved" | "rejected" | "pending" | "all", filterType: "delete" | "add" | "all", from: number, to: number}): Promise<PostgrestSingleResponse<(log & {make_by_user: { nickname: string; } | null; processed_by_user: { nickname: string | null } | null;})[]>>
+}
+
+// delete 관련 타입
+export interface IDeleteManager{
+    waitWordById(wordId: number): Promise<PostgrestSingleResponse<null>>;
+    wordByWord(word: string): Promise<PostgrestSingleResponse<word[]>>;
+    wordById(wordId: number): Promise<PostgrestSingleResponse<word[]>>;
+    wordByIds(wordIds: number[]): Promise<PostgrestSingleResponse<word[]>>;
+    wordTheme(deleteQuery: { word_id: number, theme_id: number }[]): Promise<PostgrestSingleResponse<delete_word_themes_bulk>>;
+    waitWordThemes(query:{word_id: number, theme_id: number}[]): Promise<PostgrestSingleResponse<undefined>>;
+    startDocs({ docsId, userId }: { docsId: number; userId: string; }): Promise<PostgrestSingleResponse<null>>;
+    waitDocsByIds(id: number[]): Promise<PostgrestSingleResponse<null>>;
+    waitWordsByWords(words: string[]): Promise<PostgrestSingleResponse<null>>;
+    waitWordsByIds(ids: number[]): Promise<PostgrestSingleResponse<null>>;
+    waitWordByWord(word: string): Promise<PostgrestSingleResponse<null>>;
+}
+
+// update 관련 타입
+export interface IUpdateManager{
+    userContribution({ userId, amount }: { userId: string, amount?: number }): Promise<PostgrestSingleResponse<undefined>>;
+    docsLastUpdate(docs_ids: number[]): Promise<void>;
+    docView(id: number): Promise<void>;
+}
+
+// 전체 supabaseManager 타입 
+export interface ISupabaseClientManager {
+    add(): IAddManager;
+    get(): IGetManager;
+    delete(): IDeleteManager;
+    update(): IUpdateManager;
+    loginByGoogle(originUrl: string): Promise<OAuthResponse>;
+    onAuthStateChange(func: (session: Session | null) => Promise<void>): {data: {subscription: Subscription}}
+    logout(): Promise<void>;
+}
diff --git a/app/lib/supabase/SupabaseClientManager.ts b/app/lib/supabase/SupabaseClientManager.ts
new file mode 100644
index 0000000..0057c8f
--- /dev/null
+++ b/app/lib/supabase/SupabaseClientManager.ts
@@ -0,0 +1,534 @@
+import { ISupabaseClientManager, IAddManager, IGetManager, IDeleteManager, IUpdateManager } from './ISupabaseClientManager';
+import type { PostgrestError, PostgrestSingleResponse, Session, SupabaseClient } from '@supabase/supabase-js';
+import type { Database } from '@/app/types/database.types';
+import type { addWordQueryType, addWordThemeQueryType, DocsLogData, WordLogData } from '@/app/types/type';
+import { reverDuemLaw } from '../DuemLaw';
+import { sum } from 'es-toolkit';
+
+const CACHE_DURATION = 10 * 60 * 1000;
+
+class AddManager implements IAddManager {
+    constructor(private readonly supabase: SupabaseClient<Database>) { }
+
+    public async docsLog(logsData: DocsLogData[]) {
+        return await this.supabase.from('docs_logs').insert(logsData);
+    }
+    public async wordLog(logsData: WordLogData[]) {
+        return await this.supabase.from('logs').insert(logsData);
+    }
+    public async word(insertWordData: addWordQueryType[]) {
+        return await this.supabase.from('words').insert(insertWordData).select('*');
+    }
+    public async wordThemes(insertWordThemesData: addWordThemeQueryType[]) {
+        return await this.supabase.from('word_themes').upsert(insertWordThemesData, { ignoreDuplicates: true, onConflict: "word_id,theme_id" }).select('words(*),themes(*)');
+    }
+    public async waitWord(insertWaitWordData: { word: string, requested_by: string | null, request_type: "delete", word_id: number } | { word: string, requested_by: string | null, request_type: "add" }) {
+        return await this.supabase.from('wait_words').insert(insertWaitWordData).select('*').maybeSingle();
+    }
+    public async starDocs({ docsId, userId }: { docsId: number; userId: string; }): Promise<PostgrestSingleResponse<null>> {
+        return await this.supabase.from('user_star_docs').insert({ docs_id: docsId, user_id: userId })
+    }
+    public async waitWordThemes(insertWaitWordThemeData: { wait_word_id: number, theme_id: number }[]) {
+        return await this.supabase.from('wait_word_themes').insert(insertWaitWordThemeData);
+    }
+    public async waitDocs({docsName, userId}: {docsName: string, userId: string|undefined}) {
+        return await this.supabase.from('docs_wait').insert({
+            docs_name: docsName,
+            req_by: userId ?? null,
+        })
+    }
+    public async docs(docsInserQuery:{ name: string, maker: string | null, duem: boolean, typez: "letter" }[]) {
+        return await this.supabase.from('docs').insert(docsInserQuery);
+    }
+    public async nickname(userId: string, nick: string){
+        return this.supabase.from("users").insert({ id: userId, nickname: nick.trim()}).select("*").single();
+    }
+    public async words(q:addWordQueryType[]){
+        return this.supabase.from('words').upsert(q, { ignoreDuplicates: true, onConflict: "word" }).select('*');
+    }
+    public async wordsThemes(q: addWordThemeQueryType[]){
+       return await this.supabase.from('word_themes').upsert(q, { ignoreDuplicates: true, onConflict: "word_id,theme_id" }).select('words(word),themes(name)')
+    }
+    public async wordThemesReq(q: { word_id: number; theme_id: number; typez: 'add' | 'delete'; req_by: string | null; }[]) {
+        return await this.supabase.from('word_themes_wait').upsert(q, { onConflict: "word_id,theme_id", ignoreDuplicates: true }).select('themes(name), typez');
+    }
+    public async waitWords(q: { word: string; requested_by: string | null; request_type: 'add'; }[]) {
+        return this.supabase.from('wait_words').upsert(q,{ onConflict: "word", ignoreDuplicates: true }).select('*');
+    }
+    
+}
+
+class GetManager implements IGetManager {
+    constructor(private readonly supabase: SupabaseClient<Database>) { }
+
+    private wordsCache: Record<string,{data: {word: string, noin_canuse: boolean, k_canuse: boolean, status: "ok" | "add" | "delete"}[], time: number}> = {};
+
+    public async waitWordInfoByWord(word: string) {
+        return await this.supabase.from('wait_words').select('*,users(nickname)').eq('word', word).maybeSingle();
+    }
+    public async waitWordThemes(wordId: number) {
+        return await this.supabase.from('wait_word_themes').select('*,themes(*)').eq('wait_word_id', wordId);
+    }
+    public async wordInfoByWord(word: string) {
+        return await this.supabase.from('words').select('*,users(nickname)').eq('word', word).maybeSingle();
+    }
+    public async allDocs() {
+        return await this.supabase.from('docs').select('*, users(*)').eq('is_hidden', false)
+    }
+    public async wordThemeByWordId(wordId: number) {
+        return await this.supabase.from('word_themes').select('words(*),themes(*)').eq('word_id', wordId);
+    }
+    public async docsInfoByDocsId(docsId: number) {
+        return await this.supabase.from('docs').select('*,users(*)').eq('id', docsId).maybeSingle();
+    }
+    public async docsWordCount({ name, duem, typez }: { name: string, duem: boolean, typez: "letter" | "theme" }) {
+        if (typez === "letter") {
+            if (duem) {
+                const { data, error } = await this.supabase.from('word_last_letter_counts').select('count').in('last_letter', reverDuemLaw(name[0]));
+                return { count: sum(data?.map(({ count }) => count) ?? []) ?? 0, error }
+            } else {
+                const { data, error } = await this.supabase.from('word_last_letter_counts').select('count').eq('last_letter', name[0]).maybeSingle();
+                return { count: data?.count ?? 0, error }
+            }
+        }
+        else {
+            const { data: themeData, error: themeDataError } = await this.themeInfoByThemeName(name)
+            if (themeDataError || !themeData) return { count: 0, error: themeDataError }
+            const { count, error } = await this.supabase.from('word_themes').select('*', { count: 'exact', head: true }).eq('theme_id', themeData.id);
+            return { count, error }
+        }
+    }
+    public async docsVeiwRankByDocsId(docsId: number) {
+        return await this.supabase.rpc('get_doc_rank', { doc_id: docsId })
+    }
+    public async allThemes() {
+        return await this.supabase.from('themes').select('*');
+    }
+    public async themeInfoByThemeName(name: string) {
+        const { data, error } = await this.supabase.from('themes').select('*').eq('name', name).maybeSingle();
+        return { data, error }
+    }
+    public async docsStarCount(id: number) {
+        const { data, error } = await this.supabase.from('user_star_docs').select('*').eq('docs_id', id);
+        return { data: data?.length ?? 0, error };
+    }
+    public async docsLogs(id: number) {
+        return await this.supabase.from("docs_logs").select("*, users(*)").eq("docs_id", id).order("date", { ascending: false });
+    }
+    public async docsStar(id: number) {
+        return await this.supabase.from('user_star_docs').select('user_id').eq('docs_id', id);
+    }
+    public async docsWords({ name, duem, typez }: { name: string, duem: boolean, typez: "letter" | "theme" } | { name: number, duem: boolean, typez: "ect" }) {
+        if (typez === "letter") {
+            if (duem) {
+                const { data: wordsData, error: wordsError } = await this.supabase.from('words').select('*').in('last_letter', reverDuemLaw(name[0])).eq('k_canuse', true).neq('length', 1);
+                if (wordsError) return { data: null, error: wordsError }
+                let q = this.supabase.from('wait_words').select('word,requested_by,request_type');
+                for (const l of reverDuemLaw(name[0])) {
+                    q = q.ilike('word', `%${l}`)
+                }
+                const { data: waitWordsData, error: waitWordsError } = await q;
+                if (waitWordsError) return { data: null, error: waitWordsError }
+                return { data: { words: wordsData, waitWords: waitWordsData }, error: null }
+            } else {
+                const { data: wordsData, error: wordsError } = await this.supabase.from('words').select('*').eq('last_letter', name[0]).eq('k_canuse', true).neq('length', 1);
+                if (wordsError) return { data: null, error: wordsError }
+                const { data: waitWordsData, error: waitWordsError } = await this.supabase.from('wait_words').select('word,requested_by,request_type').ilike('word', `${name.trim()[0]}`)
+                if (waitWordsError) return { data: null, error: waitWordsError }
+                return { data: { words: wordsData, waitWords: waitWordsData }, error: null }
+            }
+        }
+        else if (typez === "theme") {
+            const { data: themeData, error: themeDataError } = await this.themeInfoByThemeName(name)
+            if (themeDataError) return { data: null, error: themeDataError };
+            if (!themeData) return { data: { words: [], waitWords: [] }, error: null }
+            const { data: wordsData, error: wordsError } = await this.supabase.from('word_themes').select('words(*)').eq('theme_id', themeData.id);
+            const { data: waitWordsData1, error: waitWordsError1 } = await this.supabase.from('word_themes_wait').select('words(*),typez,req_by').eq('theme_id', themeData.id);
+            const { data: waitAddWordsData2, error: waitAddWordsError2 } = await this.supabase.from('wait_word_themes').select('wait_words(word,requested_by,request_type)').eq('theme_id', themeData.id);
+            const { data: waitDelWordsData, error: waitDelWordsError } = await this.supabase.rpc('get_delete_requests_by_themeid', { input_theme_id: themeData.id })
+
+            if (wordsError) return { data: null, error: wordsError }
+            if (waitWordsError1) return { data: null, error: waitWordsError1 }
+            if (waitAddWordsError2) return { data: null, error: waitAddWordsError2 }
+            if (waitDelWordsError) return { data: null, error: waitDelWordsError }
+            const Data1Set = new Set(waitWordsData1.map(({ words }) => words.word))
+            const waitWords: {
+                word: string;
+                requested_by: string | null;
+                request_type: "add" | "delete";
+            }[] = waitAddWordsData2
+                .filter(({ wait_words: { request_type } }) => request_type === "add")
+                .map(({ wait_words }) => wait_words);
+            waitWordsData1.forEach(({ words: { word }, typez, req_by }) => {
+                if (!Data1Set.has(word)) {
+                    waitWords.push({ word, requested_by: req_by, request_type: typez })
+                }
+            })
+            waitWords.push(...waitDelWordsData)
+
+            return { data: { words: wordsData.filter(({ words: { word } }) => !waitWords.some(w => word === w.word)).map(({ words }) => words), waitWords }, error: null }
+        } else if (typez === "ect") {
+            // docsDataPage확인
+            return { data: null, error: { name: "unexcept", details: "", code: "", message: "", hint: "" } as PostgrestError }
+        } else {
+            return { data: null, error: { name: "unexcept", details: "", code: "", message: "", hint: "" } as PostgrestError }
+        }
+    }
+    public async allWaitWords(c?:"add" | "delete") {
+        if (c=="add"){
+            return await this.supabase.from('wait_words').select('*,words(*),users(*)').eq('request_type',"add").order('requested_at', { ascending: true });
+        }
+        else if (c=="delete"){
+            return await this.supabase.from('wait_words').select('*,words(*),users(*)').eq('request_type',"delete").order('requested_at', { ascending: true });
+        }
+        return await this.supabase.from('wait_words').select('*,words(*),users(*)').order('requested_at', { ascending: true });
+    }
+    public async wordsThemes(wordIds: number[]) {
+        return await this.supabase.from('word_themes').select('*,themes(*),words(*)').in('word_id', wordIds);
+    }
+    public async allWords({ includeAddReq=false, includeDeleteReq=false, includeInjung=true, includeNoInjung=true, onlyWordChain=true, lenf=false }: {
+        includeAddReq?: boolean;
+        includeDeleteReq?: boolean;
+        includeInjung?: boolean;
+        includeNoInjung?: boolean;
+        onlyWordChain?: boolean;
+        lenf?: boolean;
+    }) {
+        const cacheKey = () => `iar-${includeAddReq}/idr-${includeDeleteReq}/iin-${includeInjung}/ini-${includeNoInjung}/ow-${onlyWordChain}/len-${lenf}`;
+
+        const key = cacheKey();
+        const know = Date.now();
+        if (this.wordsCache[key] && know - this.wordsCache[key].time < CACHE_DURATION){
+            return {data: this.wordsCache[key].data, error: null}
+        }
+
+        // 단어조합기 전용
+        if (lenf){
+            const {data:wordsData, error: wordsError} = await this.supabase.from('words').select('word, noin_canuse, k_canuse').in('length', [5, 6]);
+            if (wordsError) return {data: null, error: wordsError}
+            
+            const now = Date.now();
+            const data = [
+                ...wordsData.map(({word,noin_canuse,k_canuse})=>({word,noin_canuse,k_canuse,status: "ok" as const}))
+            ]
+            this.wordsCache[key] = {
+                data,
+                time:now
+            }
+            return {data, error:null}
+        }
+        
+        let query = this.supabase.from('words').select('word, noin_canuse, k_canuse')
+        if (includeInjung && includeNoInjung) { }
+        else if (includeInjung || !includeNoInjung) {
+            query = query.eq('noin_canuse', false);
+        }
+        else if (includeNoInjung && !includeInjung) {
+            query = query.eq('noin_canuse', true);
+        }
+        if (onlyWordChain) query = query.eq('k_canuse', true);
+        const {data:wordsData, error: wordsError} = await query;
+        if (wordsError) return {data: null, error: wordsError}
+
+        const { data: waitWordsData, error: waitWordsError } = await this.supabase.from('wait_words').select('word,request_type');
+        if (waitWordsError) return {data: null, error: waitWordsError}
+
+        const now = Date.now();
+        const data = [
+            ...wordsData.map(({word,noin_canuse,k_canuse})=>({word,noin_canuse,k_canuse,status: "ok" as const})),
+            ...waitWordsData.map(({word,request_type})=>({word,noin_canuse:false, k_canuse:true, status: request_type}))
+        ]
+        this.wordsCache[key] = {
+            data,
+            time:now
+        }
+        return {data, error:null}
+    }
+    public async letterDocs(){
+        return await this.supabase.from('docs').select('*').eq('typez','letter');
+    }
+    public async addWaitDocs(){
+        return await this.supabase.from('docs_wait').select('*,users(*)');
+    }
+    public async releaseNote(){
+        return await this.supabase.from('release_note').select('*').order('created_at', { ascending: false });
+    }
+    public async userById(userId: string) {
+        return await this.supabase.from('users').select('*').eq('id', userId).maybeSingle();
+    }
+    public async session(){
+        return await this.supabase.auth.getSession();
+    }
+    public async usersByNickname(userName: string){
+        return await this.supabase.from("users").select("*").eq("nickname", userName.trim())
+    }
+    public async usersLikeByNickname(q: string){
+        return this.supabase.from("users").select("*").ilike("nickname", `%${q}%`);
+    }
+    public async userByNickname(nickname: string){
+        return await this.supabase.from('users').select('*').eq('nickname',nickname).maybeSingle();
+    }
+    public async monthlyConRankByUserId(userId: string){
+        return await this.supabase.rpc("get_user_monthly_rank",{ uid: userId });
+    }
+    public async monthlyContributionsByUserId(userId: string){
+        return await this.supabase.from('user_month_contributions').select('*').eq('user_id',userId).limit(4);
+    }
+    public async starredDocsById(userId: string){
+        return await this.supabase.from("user_star_docs").select("*,docs(*)").eq("user_id", userId);
+    }
+    public async requestsListById(userId: string){
+        return await this.supabase.from("wait_words").select("*").eq("requested_by", userId).order("requested_at", { ascending: false }).limit(30);
+    }
+    public async logsListById(userId: string){
+        return await this.supabase.from("logs").select("*").eq("make_by", userId).order("created_at", { ascending: false }).limit(30);
+    }
+    public async wordsCount(){
+        return await this.supabase.from('words').select('word',{ count: 'exact', head: true });
+    }
+    public async waitWordsCount() {
+        const {count: count1, error: error1} = await this.supabase.from('wait_words').select('word',{ count: 'exact', head: true });
+        const {count: count2, error: error2} = await this.supabase.from('word_themes_wait').select('word_id', { count: 'exact', head: true });
+        if (error1 || error2) return {count: null, error: error1 ?? error2};
+        return {count: (count1 ?? 0) + (count2 ?? 0), error: null};
+    }
+    public async allWordWaitTheme(c?: "add" | "delete") {
+        if (c=="add"){
+            return await this.supabase.from('word_themes_wait').select('*,words(word),themes(*),users(*)').eq('typez','add');
+        }
+        else if (c=="delete"){
+            return await this.supabase.from('word_themes_wait').select('*,words(word),themes(*),users(*)').eq('typez',"delete")    
+        }
+        return await this.supabase.from('word_themes_wait').select('*,words(word),themes(*),users(*)');
+    }
+    public async waitWordsThemes(waitWordIds: number[]) {
+        return await this.supabase.from('wait_word_themes').select('*,themes(*),wait_words(word)').in('wait_word_id', waitWordIds)
+    }
+    public async wordsByWords(words: string[]){
+        return await this.supabase.from('words').select('*').in('word',words);
+    }
+    public async randomWordByFirstLetter(f: string[]) {
+        const {data,error} = await this.supabase.rpc('random_word_ff',{fir1: f});
+        if (error) return {data: null, error}
+        const {data:data2, error:error2} = await this.supabase.rpc('random_wait_word_ff',{prefixes: f});
+        if (error2) return {data: null, error: error2}
+        if (data.length > 0) return {data: data[0].word, error: null}
+        else if (data2.length > 0) return {data: data2[0].word, error: null}
+        else return {data: null, error: null}
+    }
+    public async randomWordByLastLetter(l: string[]) {
+        const {data, error} = await this.supabase.rpc('random_word_ll',{fir1:l})
+        if (error) return {data: null, error}
+        const {data:data2, error:error2} = await this.supabase.rpc('random_wait_word_ll',{prefixes: l}) 
+        if (error2) return {data: null, error: error2}
+        if (data.length > 0) return {data: data[0].word, error: null};
+        if (data2.length > 0) return {data: data2[0].word, error: null}
+        return {data: null, error: null};
+    }
+    public async wordThemeWaitByWordId(wordId: number) {
+        return await this.supabase.from('word_themes_wait').select('themes(*), typez').eq('word_id', wordId)
+    }
+    public async letterDocsByWord(word: string){
+        return await this.supabase.from('docs').select('*').eq('name',word[word.length - 1]).eq('typez','letter');
+    }
+    public async themeDocsByThemeNames(themeNames: string[]){
+        return this.supabase.from('docs').select('*').eq('typez','theme').in('name',themeNames);
+    }
+    public async firstWordCountByLetters(letters: string[]) {
+        const { data: firWordsCount1, error: firWordsError1 } = await this.supabase
+                .from('word_last_letter_counts')
+                .select('*')
+                .in('last_letter', letters);
+                
+        const { count: firWordsCount2, error: firWordsError2 } = await this.supabase
+            .from('wait_words')
+            .select('*', { count: 'exact', head: true })
+            .or(letters.map(c => `word.ilike.%${c}`).join(','));
+        
+        if (firWordsError1 || firWordsError2) return 0;
+
+        return (sum((firWordsCount1 ?? []).map(({count})=>count))) + (firWordsCount2 || 0);
+    }
+    public async lastWordCountByLetters(letters: string[]) {
+        const { data: lasWordsCount1, error: lasWordsError1 } = await this.supabase
+                .from('word_first_letter_counts')
+                .select('*')
+                .in('first_letter', letters);
+
+        const { count: lasWordsCount2, error: lasWordsError2 } = await this.supabase
+            .from('wait_words')
+            .select('*', { count: 'exact', head: true })
+            .or(letters.map(c => `word.ilike.${c}%`).join(','));
+        
+        if (lasWordsError1 || lasWordsError2) return 0;
+
+        return (sum((lasWordsCount1 ?? []).map(({count})=>count))) + (lasWordsCount2 || 0)
+    }
+    public async wordsByQuery(query: string) {
+        const cleanQuery = query.trim().replace(/[^가-힣a-zA-Z0-9]/g, '');
+        let dbqueryA = this.supabase.from('words').select('word')
+        if (cleanQuery.length > 4) {
+            dbqueryA = dbqueryA.ilike('word', `${cleanQuery}%`);
+        } else {
+            dbqueryA = dbqueryA.eq('word', cleanQuery);
+        }
+        const { data: getWords, error: getWordsError } = await dbqueryA;
+        if (getWordsError) return {data: null, error: getWordsError}
+
+        let dbqueryB = this.supabase.from('wait_words').select('word');    
+        if (cleanQuery.length > 4) {
+            dbqueryB = dbqueryB.ilike('word', `${cleanQuery}%`);
+        } else {
+            dbqueryB = dbqueryB.eq('word', cleanQuery);
+        }
+        const { data: getWaitWords, error: getWaitWordsError } = await dbqueryB;
+        if (getWaitWordsError) return {data: null, error: getWaitWordsError}
+
+        const words = getWords.map((item) => item.word) || [];
+        const waitWords = getWaitWords.map((item) => item.word) || [];
+        const allWords = [...words];
+        const wordsSet = new Set(words)
+        waitWords.forEach((word)=>{
+            if (!wordsSet.has(word)){
+                allWords.push(word)   
+            }
+        })
+        return {data: allWords.sort((a,b)=>a.length - b.length), error: null}
+    }
+    public async logsByFillter({ filterState, filterType, from, to }: { filterState: 'approved' | 'rejected' | 'pending' | 'all'; filterType: 'delete' | 'add' | 'all'; from: number; to: number; }) {
+        let query = this.supabase
+            .from('logs')
+            .select(`
+                *,
+                make_by_user:users!logs_make_by_fkey(nickname),
+                processed_by_user:users!logs_processed_by_fkey(nickname)
+            `, { count: 'exact' })
+            .order('created_at', { ascending: false });
+
+        if (filterState !== "all") {
+            query = query.eq('state', filterState);
+        }
+        if (filterType !== "all") {
+            query = query.eq('r_type', filterType);
+        }
+        query = query.range(from, to);
+
+        return await query;
+    }
+}
+
+class DeleteManager implements IDeleteManager {
+    constructor(private readonly supabase: SupabaseClient<Database>) { }
+
+    public async waitWordById(wordId: number) {
+        return await this.supabase.from('wait_words').delete().eq('id', wordId);
+    }
+    public async wordByWord(word: string) {
+        return await this.supabase.from('words').delete().eq('word', word).select('*');
+    }
+    public async wordById(wordId: number) {
+        return await this.supabase.from('words').delete().eq('id', wordId).select('*');
+    }
+    public async wordByIds(wordIds: number[]) {
+        return await this.supabase.from('words').delete().in('id', wordIds).select('*');
+    }
+    public async wordTheme(deleteQuery: { word_id: number, theme_id: number }[]) {
+        if (deleteQuery.length === 0) {
+            return {
+                data: [],
+                error: null,
+                count: null,
+                status: 200,
+                statusText: "OK"
+            };
+        }
+        return await this.supabase.rpc('delete_word_themes_bulk', { pairs: deleteQuery });
+    }
+    public async waitWordThemes(query: { word_id: number, theme_id: number }[]) {
+        if (query.length === 0) {
+            return {
+                data: undefined,
+                error: null,
+                count: null,
+                status: 200,
+                statusText: "OK"
+            };
+        }
+        return await this.supabase.rpc('delete_word_themes_wait_bulk', { pairs: query });
+    }
+    public async startDocs({ docsId, userId }: { docsId: number, userId: string }) {
+        return await this.supabase.from('user_star_docs').delete().eq('docs_id', docsId).eq('user_id', userId);
+    }
+    public async waitDocsByIds(id: number[]) {
+        return await this.supabase.from('docs_wait').delete().in('id', id);
+    }
+    public async waitWordsByWords(words: string[]){
+        return await this.supabase.from('wait_words').delete().in('word', words);
+    }
+    public async waitWordsByIds(ids: number[]) {
+        return await this.supabase.from('wait_words').delete().in('id',ids);
+    }
+    public async waitWordByWord(word: string) {
+        return await this.supabase.from('wait_words').delete().eq("word", word)
+    }
+}
+
+class UpdateManager implements IUpdateManager {
+    constructor(private readonly supabase: SupabaseClient<Database>) { }
+
+    public async userContribution({ userId, amount = 1 }: { userId: string, amount?: number }) {
+        return await this.supabase.rpc('increment_contribution', { target_id: userId, inc_amount: amount });
+    }
+    public async docsLastUpdate(docs_ids: number[]) {
+        await this.supabase.rpc('update_last_updates', { docs_ids });
+    }
+    public async docView(id: number): Promise<void> {
+        await this.supabase.rpc('increment_doc_views', { doc_id: id })
+    }
+}
+
+export class SupabaseClientManager implements ISupabaseClientManager {
+    private readonly _add: IAddManager;
+    private readonly _get: IGetManager;
+    private readonly _delete: IDeleteManager;
+    private readonly _update: IUpdateManager;
+
+    constructor(private readonly supabase: SupabaseClient<Database>) {
+        this._add = new AddManager(supabase);
+        this._get = new GetManager(supabase);
+        this._delete = new DeleteManager(supabase);
+        this._update = new UpdateManager(supabase);
+    }
+
+    public add() {
+        return this._add;
+    }
+    public get() {
+        return this._get;
+    }
+    public delete() {
+        return this._delete;
+    }
+    public update() {
+        return this._update;
+    }
+    public async loginByGoogle(originUrl: string){
+        return await this.supabase.auth.signInWithOAuth({
+            provider: "google",
+            options: {
+                redirectTo: `${originUrl}/api/auth/callback`, 
+            },
+        });
+    }
+    public onAuthStateChange(func: (session: Session | null) => Promise<void>){
+        return this.supabase.auth.onAuthStateChange(async (_event, session) => {
+            try{
+                await func(session)
+            }
+            finally { }
+        });
+    }
+    public async logout(){
+        await this.supabase.auth.signOut()
+    }
+}
diff --git a/app/lib/supabaseClient.ts b/app/lib/supabaseClient.ts
index 67d6c29..304a509 100644
--- a/app/lib/supabaseClient.ts
+++ b/app/lib/supabaseClient.ts
@@ -1,72 +1,10 @@
 import { createBrowserClient } from '@supabase/ssr';
 import type { Database } from '../types/database.types'
-import type { addWordQueryType, addWordThemeQueryType, DocsLogData, WordLogData } from '../types/type';
+import { SupabaseClientManager } from './supabase/SupabaseClientManager';
 
 export const supabase = createBrowserClient<Database>(
     process.env.NEXT_PUBLIC_SUPABASE_URL!,
     process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
 );
 
-class SupabaseClientManager{
-    public async addDocsLog(logsData:DocsLogData[]) {
-        return await supabase.from('docs_logs').insert(logsData);
-    }
-
-    public async addWordLog(logsData: WordLogData[]){
-        return await supabase.from('logs').insert(logsData);
-    }
-
-    public async addWordToDocs(AddData: { word_id: number; docs_id: number }[]){
-        return await supabase.from('docs_words').insert(AddData).select('*');
-    }
-
-    public async getWaitWordInfo(word: string){
-        return await supabase.from('wait_words').select('*').eq('word', word).maybeSingle();
-    }
-
-    public async getWaitWordThemes(wordId: number){
-        return await supabase.from('wait_word_themes').select('*,themes(name)').eq('wait_word_id', wordId);
-    }
-
-    public async addWord(insertWordData: addWordQueryType[]){
-        return await supabase.from('words').insert(insertWordData).select('*');
-    }
-
-    public async addWordThemes(insertWordThemesData: addWordThemeQueryType[]){
-        return await supabase.from('word_themes').insert(insertWordThemesData);
-    }
-
-    public async getDocs(){
-        return await supabase.from('docs').select('*');
-    }
-
-    public async updateUserContribution({userId, amount=1}: {userId: string, amount?: number}){
-        return await supabase.rpc('increment_contribution',{target_id: userId, inc_amount:amount})
-    }
-
-    public async deleteWaitWord(wordId: number){
-        return await supabase   
-                .from('wait_words')
-                .delete()
-                .eq('id', wordId);
-    }
-
-    public async deleteWordcWord(word: string){
-        return await supabase.from('words').delete().eq('word', word);
-    }
-
-    public async deleteWordcId(wordId: number){
-        return await supabase.from('words').delete().eq('id',wordId);
-    }
-
-    public async getWordNomalInfo(word: string){
-        return await supabase.from('words').select('*').eq('word', word).maybeSingle();
-    }
-
-    public async addWaitWordTable(insertWaitWordData: {word: string, requested_by: string | null, request_type: "delete"}){
-        return await supabase.from('wait_words').insert(insertWaitWordData).select('id').maybeSingle();
-    }
-
-}
-
-export const SCM = new SupabaseClientManager()
\ No newline at end of file
+export const SCM = new SupabaseClientManager(supabase);
\ No newline at end of file
diff --git a/app/lib/supabaseServer.ts b/app/lib/supabaseServer.ts
index 6b3fbee..2ad857a 100644
--- a/app/lib/supabaseServer.ts
+++ b/app/lib/supabaseServer.ts
@@ -1,4 +1,4 @@
-// lib/supabase/server.ts
+// lib/supabaseServer.ts
 import { Database } from '@/app/types/database.types';
 import { createServerClient } from '@supabase/ssr';
 import { cookies } from 'next/headers';
diff --git a/app/manager-tool/arrange/ArrangeHome.tsx b/app/manager-tool/arrange/ArrangeHome.tsx
index 2a38955..1cf5b99 100644
--- a/app/manager-tool/arrange/ArrangeHome.tsx
+++ b/app/manager-tool/arrange/ArrangeHome.tsx
@@ -9,6 +9,7 @@ import Spinner from "@/app/components/Spinner";
 import CodeMirror from '@uiw/react-codemirror';
 import { FileUp, Download, FilePlus, Trash2 } from 'lucide-react';
 import HelpModalA from '@/app/components/HelpModal';
+import { useTheme } from 'next-themes'
 
 const FileSector = ({ fileContent, fileInputRef, handleFileUpload, file, lineCount, setFile, setLineCount, setFileContent }: {
     fileContent: string;
@@ -22,6 +23,7 @@ const FileSector = ({ fileContent, fileInputRef, handleFileUpload, file, lineCou
 }) => {
     // 에디터 내용
     const [editorContent, setEditorContent] = useState(fileContent);
+    const { theme } = useTheme();
 
     // 파일 콘텐츠 변경되면 업데이트
     useEffect(() => {
@@ -111,7 +113,7 @@ const FileSector = ({ fileContent, fileInputRef, handleFileUpload, file, lineCou
                     <CodeMirror
                         value={editorContent}
                         height="400px"
-                        theme={false ? 'dark' : 'light'}
+                        theme={theme === 'dark' ? 'dark' : 'light'}
                         extensions={[]}
                         onChange={(value) => {
                             setEditorContent(value);
@@ -510,6 +512,72 @@ const ToolSector = ({ fileContent, setFileContent, setLineCount, seterrorModalVi
         }
     };
 
+    // 길이 긴순 정렬
+    const handleSortByLength = () => {
+        try {
+            const updatedContent = fileContent.split("\n").sort((a, b) => b.length - a.length);
+            if (updatedContent.join('\n') === fileContent) return;
+            pushToUndoStack(fileContent);
+            setFileContent(updatedContent.join('\n'));
+            setLineCount(updatedContent.length);
+        } catch (err) {
+            if (err instanceof Error) {
+                seterrorModalView({
+                    ErrName: err.name,
+                    ErrMessage: err.message,
+                    ErrStackRace: err.stack,
+                    inputValue: `SortByLength | ${fileContent}`
+                });
+            } else {
+                seterrorModalView({
+                    ErrName: null,
+                    ErrMessage: null,
+                    ErrStackRace: err as string,
+                    inputValue: `SortByLength | ${fileContent}`
+                });
+            }
+        }
+    };
+
+    // 정렬 v3
+    const handleSortWordv3 = () => {
+        try {
+            const updatedContent = fileContent.split("\n").filter((word)=>word!=="" && !word.includes('=[')).sort((a, b) => {
+                const aFirst = a[0];
+                const bFirst = b[0];
+                if (aFirst === bFirst) {
+                    if (a.length === b.length) {
+                        return a.localeCompare(b, "ko-KR");
+                    }
+                    return b.length - a.length;
+                }
+                return aFirst.localeCompare(bFirst, "ko-KR");
+            });
+            if (updatedContent.join('\n') === fileContent) return;
+            pushToUndoStack(fileContent);
+            setFileContent(updatedContent.join('\n'));
+            setLineCount(updatedContent.length);
+            console.log(updatedContent)
+        } catch (err) {
+            if (err instanceof Error) {
+                seterrorModalView({
+                    ErrName: err.name,
+                    ErrMessage: err.message,
+                    ErrStackRace: err.stack,
+                    inputValue: `SortWordv1 | ${fileContent}`
+                });
+
+            } else {
+                seterrorModalView({
+                    ErrName: null,
+                    ErrMessage: null,
+                    ErrStackRace: err as string,
+                    inputValue: `SortWordv1 | ${fileContent}`
+                });
+            }
+        }
+    };
+
     return (
         <div className="bg-gray-50 dark:bg-gray-900 rounded-lg shadow-lg overflow-hidden">
             {/* 헤더 */}
@@ -539,6 +607,8 @@ const ToolSector = ({ fileContent, setFileContent, setLineCount, seterrorModalVi
                                     <ul className="space-y-1 text-sm">
                                         <li>• <strong>ㄱㄴㄷ순 정렬 v1:</strong> 한글 가나다순으로 정렬합니다.</li>
                                         <li>• <strong>ㄱㄴㄷ순 정렬 v2:</strong> 한글 가나다순으로 정렬하고 알파벳별로 그룹화합니다.</li>
+                                        <li>• <strong>ㄱㄴㄷ순 정렬 v3:</strong> 한글 앞글자순으로 정렬하고 길이별로 정렬합니다.</li>
+                                        <li>• <strong>길이 긴순 정렬:</strong> 단어의 길이가 긴 순서로 정렬합니다.</li>
                                     </ul>
                                 </div>
 
@@ -679,6 +749,35 @@ const ToolSector = ({ fileContent, setFileContent, setLineCount, seterrorModalVi
                                 <HelpModal wantGo={3} />
                             </div>
                         </div>
+
+                        {/* ㄱㄴㄷ 순 정렬 v3 */}
+                        <div className="flex items-center gap-2 p-2 bg-gray-50
+                            dark:bg-gray-900 rounded-md">
+                            <span className="text-sm font-medium text-gray-700 dark:text-gray-300 min-w-20">ㄱㄴㄷ 순 정렬 v3:</span>
+                            <button
+                                className="flex-1 bg-green-500 text-white px-3 py-1.5 rounded-md hover:bg-green-600 text-sm font-medium transition-colors disabled:bg-gray-200 dark:disabled:bg-gray-700 disabled:text-gray-400 disabled:cursor-not-allowed"
+                                disabled={!fileContent}
+                                onClick={handleSortWordv3}  // handleSortWordv3 함수 연결 필요
+                            >
+                                정렬하기
+                            </button>
+                            <div className="w-6 h-6 relative cursor-pointer hover:opacity-80 transition-opacity">
+                                <HelpModal wantGo={4} />
+                            </div>
+                        </div>
+
+                        {/* 길이 긴순 정렬 */}
+                        <div className="flex items-center gap-2 p-2 bg-gray-50
+                            dark:bg-gray-900 rounded-md">
+                            <span className="text-sm font-medium text-gray-700 dark:text-gray-300 min-w-20">길이 긴 순 정렬:</span>
+                            <button
+                                className="flex-1 bg-green-500 text-white px-3 py-1.5 rounded-md hover:bg-green-600 text-sm font-medium transition-colors disabled:bg-gray-200 dark:disabled:bg-gray-700 disabled:text-gray-400 disabled:cursor-not-allowed"
+                                disabled={!fileContent}
+                                onClick={handleSortByLength}  // handleSortByLength 함수 연결 필요
+                            >
+                                정렬하기
+                            </button>
+                        </div>
                     </div>
                 </div>
 
diff --git a/app/manager-tool/arrange/HelpModal.tsx b/app/manager-tool/arrange/HelpModal.tsx
index dd7e4ae..1c1df45 100644
--- a/app/manager-tool/arrange/HelpModal.tsx
+++ b/app/manager-tool/arrange/HelpModal.tsx
@@ -2,13 +2,14 @@ import React, { useEffect, useRef } from 'react';
 import HelpModal from '@/app/components/HelpModal';
 
 interface HelpModalprop {
-    wantGo?: 1 | 2 | 3;
+    wantGo?: 1 | 2 | 3 | 4;
 }
 
 const HelpModalB = ({ wantGo }: HelpModalprop) => {
     // 각 섹션에 대한 
     const sortRef1 = useRef<HTMLHeadingElement>(null);
     const sortRef2 = useRef<HTMLHeadingElement>(null);
+    const sortRef3 = useRef<HTMLHeadingElement>(null);
 
     const scrollToSection = (ref: React.RefObject<HTMLElement | null>) => {
         if (ref.current) {
@@ -25,6 +26,9 @@ const HelpModalB = ({ wantGo }: HelpModalprop) => {
                 case 3:
                     scrollToSection(sortRef2);
                     break;
+                case 4:
+                    scrollToSection(sortRef3);
+                    break;
             }
         }
     });
@@ -49,6 +53,14 @@ const HelpModalB = ({ wantGo }: HelpModalprop) => {
                         ㄱㄴㄷ순 정렬 v2
                     </button>
                 </li>
+                <li>
+                    <button
+                        className="text-blue-500 dark:text-blue-400 hover:underline"
+                        onClick={() => scrollToSection(sortRef3)}
+                    >
+                        ㄱㄴㄷ순 정렬 v3
+                    </button>
+                </li>
             </ul>
 
             {/* 본문 */}
@@ -82,6 +94,21 @@ const HelpModalB = ({ wantGo }: HelpModalprop) => {
                 <pre className="bg-gray-100 dark:bg-gray-800 text-sm p-3 rounded-md text-gray-800 dark:text-gray-200">
                     {`나릅\n개두릅\n주릅\n사릅`} <br />→<br />{`=[개]=\n개두릅\n\n=[나]=\n나릅\n\n=[사]=\n사릅\n\n=[주]=\n주릅`}
                 </pre>
+
+                <h3
+                    ref={sortRef3}
+                    className="text-xl font-semibold mb-2 text-gray-800 dark:text-gray-100"
+                >
+                    ㄱㄴㄷ순 정렬 v3
+                </h3>
+
+                <p className="text-gray-700 dark:text-gray-300">
+                    v3 버전은 한글 앞글자순으로 정렬하고 길이별로 정렬합니다.
+                </p>
+
+                <pre className="bg-gray-100 dark:bg-gray-800 text-sm p-3 rounded-md text-gray-800 dark:text-gray-200">
+                    {`가끔가끔\n가격\n오늘\n오글오글`} <br />→<br />{`가끔가끔\n가격\n오글오글\n오늘`}
+                </pre>
             </div>
         </div>
     )
diff --git a/app/manager-tool/extract/components/FileContentDisplay.tsx b/app/manager-tool/extract/components/FileContentDisplay.tsx
index c12b93b..dc944e0 100644
--- a/app/manager-tool/extract/components/FileContentDisplay.tsx
+++ b/app/manager-tool/extract/components/FileContentDisplay.tsx
@@ -73,7 +73,7 @@ const VirtualizedTextViewer = React.memo(({
 
     if (!content) {
         return (
-            <div className="flex items-center justify-center h-full min-h-[200px] text-muted-foreground">
+            <div className="flex items-center justify-center h-full min-h-[200px] text-muted-foreground dark:text-muted-foreground">
                 {placeholder}
             </div>
         );
@@ -83,15 +83,15 @@ const VirtualizedTextViewer = React.memo(({
         <div className="space-y-3">
             {searchable && (
                 <div className="relative">
-                    <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+                    <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground dark:text-muted-foreground" />
                     <Input
                         placeholder="내용 검색..."
                         value={searchTerm}
                         onChange={(e) => setSearchTerm(e.target.value)}
-                        className="pl-10 text-sm"
+                        className="pl-10 text-sm bg-background border-input dark:border-input text-foreground dark:text-foreground placeholder:text-muted-foreground dark:placeholder:text-muted-foreground dark:bg-gray-800 dark:border-gray-700"
                     />
                     {searchTerm && (
-                        <Badge variant="secondary" className="absolute right-3 top-1/2 transform -translate-y-1/2 text-xs">
+                        <Badge variant="secondary" className="absolute right-3 top-1/2 transform -translate-y-1/2 text-xs bg-secondary dark:bg-secondary text-secondary-foreground dark:text-secondary-foreground">
                             {filteredLines.length}줄
                         </Badge>
                     )}
@@ -99,7 +99,7 @@ const VirtualizedTextViewer = React.memo(({
             )}
             
             <ScrollArea 
-                className="h-[250px] sm:h-[300px] lg:h-[400px] w-full border rounded-md"
+                className="h-[250px] sm:h-[300px] lg:h-[400px] w-full border rounded-md border-border bg-background dark:bg-gray-800 dark:border-gray-700"
                 onScrollCapture={isLargeContent ? handleScroll : undefined}
                 ref={scrollAreaRef}
             >
@@ -119,14 +119,14 @@ const VirtualizedTextViewer = React.memo(({
                                     width: '100%'
                                 }}
                             >
-                                <pre className="text-xs sm:text-sm whitespace-pre-wrap break-words leading-5">
+                                <pre className="text-xs sm:text-sm whitespace-pre-wrap break-words leading-5 text-foreground dark:text-foreground font-mono">
                                     {visibleLines.join('\n')}
                                 </pre>
                             </div>
                         </div>
                     ) : (
                         // 일반 크기 텍스트 - 전체 렌더링
-                        <pre className="text-xs sm:text-sm whitespace-pre-wrap break-words">
+                        <pre className="text-xs sm:text-sm whitespace-pre-wrap break-words text-foreground dark:text-foreground font-mono">
                             {filteredLines.join('\n')}
                         </pre>
                     )}
@@ -134,7 +134,7 @@ const VirtualizedTextViewer = React.memo(({
             </ScrollArea>
             
             {isLargeContent && (
-                <div className="text-xs text-muted-foreground text-center">
+                <div className="text-xs text-muted-foreground dark:text-muted-foreground text-center">
                     대용량 파일 - 가상화 모드 ({filteredLines.length.toLocaleString()}줄)
                 </div>
             )}
@@ -206,16 +206,16 @@ const FileContentDisplay = ({
     return (
         <div className={`space-y-4 sm:space-y-6 ${className}`}>
             {/* File Upload Section */}
-            <Card>
+            <Card className="bg-card dark:bg-gray-800 dark:border-gray-700 border-border">
                 <CardHeader className="pb-3 sm:pb-6">
-                    <CardTitle className="flex items-center gap-2 text-base sm:text-lg">
+                    <CardTitle className="flex items-center gap-2 text-base sm:text-lg text-card-foreground dark:text-card-foreground">
                         <Upload className="h-4 w-4 sm:h-5 sm:w-5" />
                         파일 업로드
                     </CardTitle>
                 </CardHeader>
                 <CardContent className="space-y-3 sm:space-y-4">
                     <div className="grid w-full items-center gap-1.5">
-                        <Label htmlFor="file-upload" className="text-sm">텍스트 파일 선택</Label>
+                        <Label htmlFor="file-upload" className="text-sm text-foreground dark:text-foreground ">텍스트 파일 선택</Label>
                         <Input
                             id="file-upload"
                             ref={fileInputRef}
@@ -223,20 +223,20 @@ const FileContentDisplay = ({
                             accept=".txt"
                             onChange={handleFileUpload}
                             disabled={loading}
-                            className="text-sm"
+                            className="text-sm bg-background dark:bg-background border-input dark:border-input text-foreground dark:text-foreground file:bg-muted dark:file:bg-muted file:text-muted-foreground dark:file:text-muted-foreground file:border-0 file:mr-4 file:py-2 file:px-4 file:rounded-sm file:text-sm file:font-medium hover:file:bg-muted/80 dark:hover:file:bg-muted/80 dark:bg-gray-800 dark:border-gray-700"
                         />
                     </div>
 
                     {file && (
-                        <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 p-3 bg-muted rounded-lg">
+                        <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 p-3 bg-muted dark:bg-gray-600 dark:border-gray-500 rounded-lg">
                             <div className="flex items-center gap-2 min-w-0">
-                                <FileText className="h-4 w-4 flex-shrink-0" />
-                                <span className="text-sm font-medium truncate">{file.name}</span>
-                                <Badge variant="secondary" className="text-xs flex-shrink-0">
+                                <FileText className="h-4 w-4 flex-shrink-0 text-muted-foreground dark:text-muted-foreground" />
+                                <span className="text-sm font-medium truncate text-foreground dark:text-foreground">{file.name}</span>
+                                <Badge variant="secondary" className="text-xs flex-shrink-0 bg-secondary dark:bg-secondary text-secondary-foreground dark:text-secondary-foreground">
                                     {(file.size / 1024).toFixed(1)} KB
                                 </Badge>
                             </div>
-                            <Button variant="outline" size="sm" onClick={resetAll} className="w-full sm:w-auto">
+                            <Button variant="outline" size="sm" onClick={resetAll} className="w-full sm:w-auto border-border dark:border-border bg-background dark:bg-background text-foreground dark:text-foreground hover:bg-accent dark:hover:bg-accent hover:text-accent-foreground dark:hover:text-accent-foreground">
                                 초기화
                             </Button>
                         </div>
@@ -247,13 +247,13 @@ const FileContentDisplay = ({
             {/* Content Display Section */}
             <div className="space-y-4 sm:space-y-6 lg:grid lg:grid-cols-2 lg:gap-6 lg:space-y-0">
                 {/* File Content */}
-                <Card className="w-full">
+                <Card className="w-full bg-card border-border dark:bg-gray-800 dark:border-gray-700">
                     <CardHeader className="pb-3 sm:pb-6">
-                        <CardTitle className="flex items-center gap-2 text-base sm:text-lg">
+                        <CardTitle className="flex items-center gap-2 text-base sm:text-lg text-card-foreground dark:text-card-foreground">
                             <FileText className="h-4 w-4 sm:h-5 sm:w-5" />
                             업로드된 파일 내용
                             {fileContent && (
-                                <Badge variant="outline" className="text-xs flex-shrink-0 ml-auto">
+                                <Badge variant="outline" className="text-xs flex-shrink-0 ml-auto border-border dark:border-border text-foreground dark:text-foreground">
                                     {fileContent.split('\n').length.toLocaleString()}줄
                                 </Badge>
                             )}
@@ -262,7 +262,7 @@ const FileContentDisplay = ({
                     <CardContent className="p-3 sm:p-6">
                         {loading ? (
                             <div className="flex items-center justify-center h-[250px] sm:h-[300px] lg:h-[400px]">
-                                <div className="animate-spin rounded-full h-6 w-6 sm:h-8 sm:w-8 border-b-2 border-primary"></div>
+                                <div className="animate-spin rounded-full h-6 w-6 sm:h-8 sm:w-8 border-b-2 border-primary dark:border-primary"></div>
                             </div>
                         ) : (
                             <VirtualizedTextViewer
@@ -275,13 +275,13 @@ const FileContentDisplay = ({
                 </Card>
 
                 {/* Results Display */}
-                <Card className="w-full">
+                <Card className="w-full bg-card border-border dark:bg-gray-800 dark:border-gray-700">
                     <CardHeader className="pb-3 sm:pb-6">
-                        <CardTitle className="flex items-center gap-2 text-base sm:text-lg">
+                        <CardTitle className="flex items-center gap-2 text-base sm:text-lg text-card-foreground dark:text-card-foreground">
                             <List className="h-4 w-4 sm:h-5 sm:w-5" />
                             <span className="truncate">{resultTitle}</span>
                             {resultData.length > 0 && (
-                                <Badge variant="default" className="text-xs flex-shrink-0 ml-auto">
+                                <Badge variant="default" className="text-xs flex-shrink-0 ml-auto bg-primary dark:bg-primary text-primary-foreground dark:text-primary-foreground">
                                     {resultData.length}개
                                 </Badge>
                             )}
diff --git a/app/manager-tool/extract/endx/EndX.tsx b/app/manager-tool/extract/endx/EndX.tsx
index 16d82b3..6b95685 100644
--- a/app/manager-tool/extract/endx/EndX.tsx
+++ b/app/manager-tool/extract/endx/EndX.tsx
@@ -52,11 +52,21 @@ const WordExtractorApp = () => {
         try {
             setLoading(true);
             await new Promise(resolve => setTimeout(resolve, 1))
-            console.log(fileContent?.length, wordEnd)
+
             if (fileContent && wordEnd) {
                 const words = fileContent.split(/\s+/).filter((word) => word.endsWith(wordEnd));
-                setExtractedWords(sortChecked ? words.sort((a, b) => a.localeCompare(b, "ko")) : words);
-                console.log(words.length)
+                // 중복 제거
+                const uniqueSet = new Set();
+                const result: string[] = [];
+                words.forEach(word => {
+                    const cleanedWord = word.replace(/[.,!?;:()]/g, ''); // 특수문자 제거
+                    if (cleanedWord && !uniqueSet.has(cleanedWord)) {
+                        uniqueSet.add(cleanedWord);
+                        result.push(cleanedWord);
+                    }
+                });
+                setExtractedWords(sortChecked ? result.sort((a, b) => a.localeCompare(b, "ko")) : result);
+
             }
         } catch (err) {
             handleError(err);
@@ -100,7 +110,7 @@ const WordExtractorApp = () => {
                         </div>
                         <div className="flex items-center space-x-2">
                             <Link href="/manager-tool/extract">
-                                <Button variant="outline" size="sm">
+                                <Button variant="outline" size="sm" className="dark:text-gray-200 dark:bg-gray-800 dark:border-gray-700">
                                     <Home size="sm" />
                                     도구홈
                                 </Button>
@@ -108,7 +118,7 @@ const WordExtractorApp = () => {
                             <HelpModal
                                 title="X로 끝나는 단어 추출 사용법"
                                 triggerText="도움말"
-                                triggerClassName="border border-gray-200 border-1 rounded-md p-2"
+                                triggerClassName="border border-gray-200 dark:border-gray-700 border-1 rounded-md p-2"
                             >
                                 <div className="space-y-6">
                                     {/* Step 0 */}
@@ -127,13 +137,13 @@ const WordExtractorApp = () => {
                                         </div>
                                         <div className="ml-6 space-y-2">
                                             <p>원하는 끝글자를 입력합니다. (예: &quot;다&quot;, &quot;션&quot;, &quot;시리즈&quot;)</p>
-                                            <div className="bg-gray-50 p-3 rounded-lg border">
+                                            <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg border dark:border-gray-700">
                                                 <div className="space-y-2">
-                                                    <Label className="text-sm font-medium">끝글자</Label>
+                                                    <Label className="text-sm font-medium dark:text-gray-200">끝글자</Label>
                                                     <Input placeholder="끝글자를 입력하세요" className="h-8" disabled />
                                                     <div className="flex items-center space-x-2">
                                                         <Checkbox disabled checked />
-                                                        <Label className="text-sm">결과 정렬</Label>
+                                                        <Label className="text-sm dark:text-gray-200">결과 정렬</Label>
                                                     </div>
                                                 </div>
                                             </div>
@@ -148,7 +158,7 @@ const WordExtractorApp = () => {
                                         </div>
                                         <div className="ml-6 space-y-2">
                                             <p>실행 버튼을 누르고 기다립니다.</p>
-                                            <div className="bg-gray-50 p-3 rounded-lg border">
+                                            <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg border dark:border-gray-700">
                                                 <Button className="w-full h-8" disabled>
                                                     <Play className="w-3 h-3 mr-2" />
                                                     단어 추출
@@ -165,7 +175,7 @@ const WordExtractorApp = () => {
                                         </div>
                                         <div className="ml-6 space-y-2">
                                             <p>결과를 확인한 후 다운로드합니다.</p>
-                                            <div className="bg-gray-50 p-3 rounded-lg border">
+                                            <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg border dark:border-gray-700">
                                                 <Button variant="secondary" className="w-full h-8" disabled>
                                                     <Download className="w-3 h-3 mr-2" />
                                                     결과 다운로드
@@ -180,8 +190,8 @@ const WordExtractorApp = () => {
                                         <h3 className="font-semibold">사용 예시</h3>
                                         <div className="space-y-3">
                                             <div>
-                                                <p className="text-sm text-gray-600 mb-2">입력:</p>
-                                                <pre className="bg-gray-100 p-3 rounded text-xs overflow-x-auto">
+                                                <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">입력:</p>
+                                                <pre className="bg-gray-100 dark:bg-gray-800 dark:text-gray-200 p-3 rounded text-xs overflow-x-auto">
                                                     이름
                                                     하품
                                                     늠름
@@ -191,27 +201,26 @@ const WordExtractorApp = () => {
                                             </div>
                                             <div className="flex items-center justify-center">
                                                 <div className="text-center">
-                                                    <div className="text-sm text-gray-500">끝글자: &quot;름&quot; 추출</div>
-                                                    <div className="text-2xl">↓</div>
+                                                    <div className="text-sm text-gray-500 dark:text-gray-400">끝글자: &quot;름&quot; 추출</div>
+                                                    <div className="text-2xl dark:text-gray-300">↓</div>
                                                 </div>
                                             </div>
                                             <div>
-                                                <p className="text-sm text-gray-600 mb-2">추출 결과:</p>
-                                                <div className="bg-green-50 p-3 rounded border border-green-200">
-                                                    <div className="text-sm space-y-1">
+                                                <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">추출 결과:</p>
+                                                <div className="bg-green-50 dark:bg-green-950 p-3 rounded border border-green-200 dark:border-green-700">
+                                                    <div className="text-sm space-y-1 dark:text-green-200">
                                                         <div>• 이름</div>
                                                         <div>• 늠름</div>
                                                     </div>
-                                                    <div className="mt-2 text-xs text-green-600">
+                                                    <div className="mt-2 text-xs text-green-600 dark:text-green-400">
                                                         총 2개 단어 추출됨
                                                     </div>
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
-
-                                    <div className="mt-6 p-3 bg-blue-50 rounded-lg border border-blue-200">
-                                        <p className="text-blue-800 text-sm">
+                                    <div className="mt-6 p-3 bg-blue-50 dark:bg-blue-950 rounded-lg border border-blue-200 dark:border-blue-700">
+                                        <p className="text-blue-800 dark:text-blue-200 text-sm">
                                             <strong>💡 팁:</strong> 정렬 옵션을 체크하면 결과가 가나다순으로 정렬됩니다.
                                         </p>
                                     </div>
@@ -242,17 +251,16 @@ const WordExtractorApp = () => {
                     {/* Control Panel - 1/4 width */}
                     <div className="xl:col-span-1">
                         <div className="space-y-6">
-                            {/* Settings Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Settings className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Settings className="h-5 w-5 dark:text-gray-400" />
                                         설정
                                     </CardTitle>
                                 </CardHeader>
                                 <CardContent className="space-y-4">
                                     <div className="space-y-2">
-                                        <Label htmlFor="word-end">끝글자</Label>
+                                        <Label htmlFor="word-end" className="dark:text-gray-200">끝글자</Label>
                                         <Input
                                             id="word-end"
                                             value={wordEnd}
@@ -269,19 +277,17 @@ const WordExtractorApp = () => {
                                         />
                                         <Label
                                             htmlFor="sort-option"
-                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-200"
                                         >
                                             결과 정렬
                                         </Label>
                                     </div>
                                 </CardContent>
                             </Card>
-
-                            {/* Actions Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Play className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Play className="h-5 w-5 dark:text-gray-400" />
                                         실행
                                     </CardTitle>
                                 </CardHeader>
@@ -314,7 +320,7 @@ const WordExtractorApp = () => {
 
                             {/* Status Card */}
                             {fileContent && (
-                                <Card>
+                                <Card className="dark:bg-gray-800 dark:border-gray-700">
                                     <CardContent className="pt-6">
                                         <div className="text-center space-y-2">
                                             <div className="text-2xl font-bold text-green-600 dark:text-green-400">
diff --git a/app/manager-tool/extract/english-mission/EnglishMission.tsx b/app/manager-tool/extract/english-mission/EnglishMission.tsx
index 3c65643..a14b841 100644
--- a/app/manager-tool/extract/english-mission/EnglishMission.tsx
+++ b/app/manager-tool/extract/english-mission/EnglishMission.tsx
@@ -126,7 +126,7 @@ const WordExtractorApp = () => {
                         </div>
                         <div className="flex items-center space-x-2">
                             <Link href="/manager-tool/extract">
-                                <Button variant="outline" size="sm">
+                                <Button variant="outline" size="sm" className="dark:text-gray-200 dark:bg-gray-800 dark:border-gray-700">
                                     <Home size="sm"/>
                                     도구홈
                                 </Button>
@@ -134,32 +134,32 @@ const WordExtractorApp = () => {
                             <HelpModal
                                 title="영어 미션단어 추출 사용법"
                                 triggerText="도움말"
-                                triggerClassName="border border-gray-200 border-1 rounded-md p-2"
+                                triggerClassName="border border-gray-200 dark:border-gray-700 border-1 rounded-md p-2"
                             >
                                 <div className="space-y-6">
                                     {/* Step 0 */}
                                     <div className="space-y-3">
                                         <div className="flex items-center gap-2">
-                                            <span className="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-medium">0</span>
-                                            <h3 className="font-semibold">텍스트 파일을 업로드 합니다.</h3>
+                                            <span className="bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 text-xs px-2 py-1 rounded-full font-medium">0</span>
+                                            <h3 className="font-semibold dark:text-white">텍스트 파일을 업로드 합니다.</h3>
                                         </div>
                                     </div>
 
                                     {/* Step 1 */}
                                     <div className="space-y-3">
                                         <div className="flex items-center gap-2">
-                                            <span className="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-medium">1</span>
-                                            <h3 className="font-semibold">설정</h3>
+                                            <span className="bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 text-xs px-2 py-1 rounded-full font-medium">1</span>
+                                            <h3 className="font-semibold dark:text-white">설정</h3>
                                         </div>
                                         <div className="ml-6 space-y-2">
-                                            <p>미션글자가 최수 몇개 이상 포함되어 있어야 하는지 입력합니다.</p>
-                                            <div className="bg-gray-50 p-3 rounded-lg border">
+                                            <p className="dark:text-gray-300">미션글자가 최수 몇개 이상 포함되어 있어야 하는지 입력합니다.</p>
+                                            <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg border dark:border-gray-700">
                                                 <div className="space-y-2">
-                                                    <Label className="text-sm font-medium">최소포함수</Label>
+                                                    <Label className="text-sm font-medium dark:text-gray-200">최소포함수</Label>
                                                     <Input placeholder="최소포함수를 입력하세요" className="h-8" disabled />
                                                     <div className="flex items-center space-x-2">
                                                         <Checkbox disabled checked />
-                                                        <Label className="text-sm">결과 정렬</Label>
+                                                        <Label className="text-sm dark:text-gray-200">결과 정렬</Label>
                                                     </div>
                                                 </div>
                                             </div>
@@ -169,12 +169,12 @@ const WordExtractorApp = () => {
                                     {/* Step 2 */}
                                     <div className="space-y-3">
                                         <div className="flex items-center gap-2">
-                                            <span className="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-medium">2</span>
-                                            <h3 className="font-semibold">실행</h3>
+                                            <span className="bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 text-xs px-2 py-1 rounded-full font-medium">2</span>
+                                            <h3 className="font-semibold dark:text-white">실행</h3>
                                         </div>
                                         <div className="ml-6 space-y-2">
-                                            <p>실행 버튼을 누르고 기다립니다.</p>
-                                            <div className="bg-gray-50 p-3 rounded-lg border">
+                                            <p className="dark:text-gray-300">실행 버튼을 누르고 기다립니다.</p>
+                                            <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg border dark:border-gray-700">
                                                 <Button className="w-full h-8" disabled>
                                                     <Play className="w-3 h-3 mr-2" />
                                                     단어 추출
@@ -186,12 +186,12 @@ const WordExtractorApp = () => {
                                     {/* Step 3 */}
                                     <div className="space-y-3">
                                         <div className="flex items-center gap-2">
-                                            <span className="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-medium">3</span>
-                                            <h3 className="font-semibold">결과 확인 및 다운로드</h3>
+                                            <span className="bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 text-xs px-2 py-1 rounded-full font-medium">3</span>
+                                            <h3 className="font-semibold dark:text-white">결과 확인 및 다운로드</h3>
                                         </div>
                                         <div className="ml-6 space-y-2">
-                                            <p>결과를 확인한 후 다운로드합니다.</p>
-                                            <div className="bg-gray-50 p-3 rounded-lg border">
+                                            <p className="dark:text-gray-300">결과를 확인한 후 다운로드합니다.</p>
+                                            <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg border dark:border-gray-700">
                                                 <Button variant="secondary" className="w-full h-8" disabled>
                                                     <Download className="w-3 h-3 mr-2" />
                                                     결과 다운로드
@@ -203,11 +203,11 @@ const WordExtractorApp = () => {
 
                                     {/* 예시 */}
                                     <div className="space-y-3">
-                                        <h3 className="font-semibold">사용 예시</h3>
+                                        <h3 className="font-semibold dark:text-white">사용 예시</h3>
                                         <div className="space-y-3">
                                             <div>
-                                                <p className="text-sm text-gray-600 mb-2">입력:</p>
-                                                <pre className="bg-gray-100 p-3 rounded text-xs overflow-x-auto">
+                                                <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">입력:</p>
+                                                <pre className="bg-gray-100 dark:bg-gray-800 dark:text-gray-200 p-3 rounded text-xs overflow-x-auto">
                                                     error
                                                     computer
                                                     nano
@@ -218,14 +218,14 @@ const WordExtractorApp = () => {
                                             </div>
                                             <div className="flex items-center justify-center">
                                                 <div className="text-center">
-                                                    <div className="text-sm text-gray-500">최소포함수: 1 추출</div>
-                                                    <div className="text-2xl">↓</div>
+                                                    <div className="text-sm text-gray-500 dark:text-gray-400">최소포함수: 1 추출</div>
+                                                    <div className="text-2xl dark:text-gray-300">↓</div>
                                                 </div>
                                             </div>
                                             <div>
-                                                <p className="text-sm text-gray-600 mb-2">추출 결과:</p>
-                                                <div className="bg-green-50 p-3 rounded border border-green-200">
-                                                    <div className="text-sm space-y-1">
+                                                <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">추출 결과:</p>
+                                                <div className="bg-green-50 dark:bg-green-950 p-3 rounded border border-green-200 dark:border-green-700">
+                                                    <div className="text-sm space-y-1 dark:text-green-200">
                                                         <div>• error [r:3 e:1 o:1]</div>
                                                         <div>• computer [c:1 e:1 m:1 o:1 p:1 r:1 t:1 u:1]</div>
                                                         <div>• nano [n:2 a:1 o:1]</div>
@@ -238,8 +238,8 @@ const WordExtractorApp = () => {
                                         </div>
                                     </div>
 
-                                    <div className="mt-6 p-3 bg-blue-50 rounded-lg border border-blue-200">
-                                        <p className="text-blue-800 text-sm">
+                                    <div className="mt-6 p-3 bg-blue-50 dark:bg-blue-950 rounded-lg border border-blue-200 dark:border-blue-700">
+                                        <p className="text-blue-800 dark:text-blue-200 text-sm">
                                             <strong>💡 팁:</strong> 정렬 옵션을 체크하면 결과가 가나다순으로 정렬됩니다.
                                         </p>
                                     </div>
@@ -271,16 +271,16 @@ const WordExtractorApp = () => {
                     <div className="xl:col-span-1">
                         <div className="space-y-6">
                             {/* Settings Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Settings className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Settings className="h-5 w-5 dark:text-gray-400" />
                                         설정
                                     </CardTitle>
                                 </CardHeader>
                                 <CardContent className="space-y-4">
                                     <div className="space-y-2">
-                                        <Label htmlFor="min-mission">최소 포함수</Label>
+                                        <Label htmlFor="min-mission" className="dark:text-gray-200">최소 포함수</Label>
                                         <Input
                                             id="min-mission"
                                             type="number"
@@ -299,7 +299,7 @@ const WordExtractorApp = () => {
                                         />
                                         <Label
                                             htmlFor="sort-option"
-                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-200"
                                         >
                                             결과 정렬
                                         </Label>
@@ -308,10 +308,10 @@ const WordExtractorApp = () => {
                             </Card>
 
                             {/* Actions Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Play className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Play className="h-5 w-5 dark:text-gray-400" />
                                         실행
                                     </CardTitle>
                                 </CardHeader>
@@ -344,7 +344,7 @@ const WordExtractorApp = () => {
 
                             {/* Status Card */}
                             {fileContent && (
-                                <Card>
+                                <Card className="dark:bg-gray-800 dark:border-gray-700">
                                     <CardContent className="pt-6">
                                         <div className="text-center space-y-2">
                                             <div className="text-2xl font-bold text-green-600 dark:text-green-400">
diff --git a/app/manager-tool/extract/korean-mission-b/KoreanMissionB.tsx b/app/manager-tool/extract/korean-mission-b/KoreanMissionB.tsx
index ea1b29c..11d9175 100644
--- a/app/manager-tool/extract/korean-mission-b/KoreanMissionB.tsx
+++ b/app/manager-tool/extract/korean-mission-b/KoreanMissionB.tsx
@@ -257,10 +257,10 @@ const WordExtractorApp = () => {
                     <div className="xl:col-span-1">
                         <div className="space-y-6">
                             {/* Settings Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Settings className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Settings className="h-5 w-5 dark:text-gray-400" />
                                         설정
                                     </CardTitle>
                                 </CardHeader>
@@ -273,7 +273,7 @@ const WordExtractorApp = () => {
                                         />
                                         <Label
                                             htmlFor="show-mletter"
-                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-200"
                                         >
                                             미션글자 표시
                                         </Label>
@@ -282,10 +282,10 @@ const WordExtractorApp = () => {
                             </Card>
 
                             {/* Actions Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Play className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Play className="h-5 w-5 dark:text-gray-400" />
                                         실행
                                     </CardTitle>
                                 </CardHeader>
@@ -318,7 +318,7 @@ const WordExtractorApp = () => {
 
                             {/* Status Card */}
                             {fileContent && (
-                                <Card>
+                                <Card className="dark:bg-gray-800 dark:border-gray-700">
                                     <CardContent className="pt-6">
                                         <div className="text-center space-y-2">
                                             <div className="text-2xl font-bold text-green-600 dark:text-green-400">
diff --git a/app/manager-tool/extract/korean-mission/KoreanMission.tsx b/app/manager-tool/extract/korean-mission/KoreanMission.tsx
index 29e7181..98d6385 100644
--- a/app/manager-tool/extract/korean-mission/KoreanMission.tsx
+++ b/app/manager-tool/extract/korean-mission/KoreanMission.tsx
@@ -436,10 +436,10 @@ const WordExtractorApp = () => {
                     <div className="xl:col-span-1">
                         <div className="space-y-6">
                             {/* Settings Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Settings className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Settings className="h-5 w-5 dark:text-gray-400" />
                                         설정
                                     </CardTitle>
                                 </CardHeader>
@@ -452,7 +452,7 @@ const WordExtractorApp = () => {
                                         />
                                         <Label
                                             htmlFor="one-mission"
-                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-200"
                                         >
                                             1미 포함
                                         </Label>
@@ -465,7 +465,7 @@ const WordExtractorApp = () => {
                                         />
                                         <Label
                                             htmlFor="show-mletter"
-                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-200"
                                         >
                                             미션 글자 표시
                                         </Label>
@@ -473,7 +473,7 @@ const WordExtractorApp = () => {
 
                                     <div className="space-y-3">
                                         <div className="flex items-center gap-2">
-                                            <Label className="text-sm font-medium">정렬 모드</Label>
+                                            <Label className="text-sm font-medium dark:text-gray-200">정렬 모드</Label>
                                             <Badge variant="secondary" className="text-xs">
                                                 {selected.length}/3
                                             </Badge>
@@ -490,7 +490,7 @@ const WordExtractorApp = () => {
                                                         />
                                                         <Label
                                                             htmlFor={`sort-${option}`}
-                                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-200"
                                                         >
                                                             {option}
                                                         </Label>
@@ -508,10 +508,10 @@ const WordExtractorApp = () => {
                             </Card>
 
                             {/* Actions Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Play className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Play className="h-5 w-5 dark:text-gray-400" />
                                         실행
                                     </CardTitle>
                                 </CardHeader>
@@ -544,7 +544,7 @@ const WordExtractorApp = () => {
 
                             {/* Status Card */}
                             {fileContent && (
-                                <Card>
+                                <Card className="dark:bg-gray-800 dark:border-gray-700">
                                     <CardContent className="pt-6">
                                         <div className="text-center space-y-2">
                                             <div className="text-2xl font-bold text-green-600 dark:text-green-400">
diff --git a/app/manager-tool/extract/lenx/LenX.tsx b/app/manager-tool/extract/lenx/LenX.tsx
index c610d45..6bf9d41 100644
--- a/app/manager-tool/extract/lenx/LenX.tsx
+++ b/app/manager-tool/extract/lenx/LenX.tsx
@@ -55,7 +55,16 @@ const WordExtractorApp = () => {
             if (fileContent) {
                 // 길이에 맞는 단어 추출
                 const words = fileContent.split(/\s+/).filter((word) => word.length === wordLength);
-                setExtractedWords(sortChecked ? words.sort((a,b)=>a.localeCompare(b,'ko')): words);
+                const uniqueSet = new Set();
+                const result: string[] = [];
+                words.forEach((word)=>{
+                    const cleanedWord = word.replace(/[.,!?;:()]/g, ''); // 특수문자 제거
+                    if (cleanedWord && !uniqueSet.has(cleanedWord)) {
+                        uniqueSet.add(cleanedWord);
+                        result.push(cleanedWord);
+                    }
+                })
+                setExtractedWords(sortChecked ? result.sort((a,b)=>a.localeCompare(b,'ko')): result);
             }
         } catch (err) {
             handleError(err);
@@ -242,16 +251,16 @@ const WordExtractorApp = () => {
                     <div className="xl:col-span-1">
                         <div className="space-y-6">
                             {/* Settings Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Settings className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Settings className="h-5 w-5 dark:text-gray-400" />
                                         설정
                                     </CardTitle>
                                 </CardHeader>
                                 <CardContent className="space-y-4">
                                     <div className="space-y-2">
-                                        <Label htmlFor="word-length">글자수</Label>
+                                        <Label htmlFor="word-length" className="dark:text-gray-200">글자수</Label>
                                         <Input
                                             id="word-length"
                                             type="number"
@@ -270,7 +279,7 @@ const WordExtractorApp = () => {
                                         />
                                         <Label
                                             htmlFor="sort-option"
-                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-200"
                                         >
                                             결과 정렬
                                         </Label>
@@ -279,10 +288,10 @@ const WordExtractorApp = () => {
                             </Card>
 
                             {/* Actions Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Play className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Play className="h-5 w-5 dark:text-gray-400" />
                                         실행
                                     </CardTitle>
                                 </CardHeader>
@@ -315,7 +324,7 @@ const WordExtractorApp = () => {
 
                             {/* Status Card */}
                             {fileContent && (
-                                <Card>
+                                <Card className="dark:bg-gray-800 dark:border-gray-700">
                                     <CardContent className="pt-6">
                                         <div className="text-center space-y-2">
                                             <div className="text-2xl font-bold text-green-600 dark:text-green-400">
diff --git a/app/manager-tool/extract/loop/Loop.tsx b/app/manager-tool/extract/loop/Loop.tsx
index d775b36..b9e908b 100644
--- a/app/manager-tool/extract/loop/Loop.tsx
+++ b/app/manager-tool/extract/loop/Loop.tsx
@@ -287,16 +287,16 @@ const LoopWordExtractorApp = () => {
                     <div className="xl:col-span-1">
                         <div className="space-y-6">
                             {/* Settings Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Settings className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Settings className="h-5 w-5 dark:text-gray-400" />
                                         설정
                                     </CardTitle>
                                 </CardHeader>
                                 <CardContent className="space-y-4">
                                     <div className="space-y-2">
-                                        <Label htmlFor="loop-letter">돌림글자</Label>
+                                        <Label htmlFor="loop-letter" className="dark:text-gray-200">돌림글자</Label>
                                         <Input
                                             id="loop-letter"
                                             type="text"
@@ -314,7 +314,7 @@ const LoopWordExtractorApp = () => {
                                         />
                                         <Label
                                             htmlFor="sort-option"
-                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-200"
                                         >
                                             결과 정렬
                                         </Label>
@@ -322,7 +322,7 @@ const LoopWordExtractorApp = () => {
 
                                     <div className="space-y-3">
                                         <div className="flex items-center gap-2">
-                                            <Label className="text-sm font-medium">추출 모드</Label>
+                                            <Label className="text-sm font-medium dark:text-gray-200">추출 모드</Label>
                                             <HelpModal/>
                                         </div>
                                         <RadioGroup
@@ -337,10 +337,10 @@ const LoopWordExtractorApp = () => {
                                                 { value: 'mode4', label: '모드 4', description: '시작(두음 ok)=끝(두음 ok)' }
                                             ].map((mode) => (
                                                 <div key={mode.value} className="flex items-center space-x-2">
-                                                    <RadioGroupItem value={mode.value} id={mode.value} />
+                                                    <RadioGroupItem value={mode.value} id={mode.value} data-testid={`test-${mode.value}`}/>
                                                     <Label
                                                         htmlFor={mode.value}
-                                                        className="flex-1 cursor-pointer"
+                                                        className="flex-1 cursor-pointer dark:text-gray-200"
                                                     >
                                                         <div className="flex items-center justify-between">
                                                             <span className="font-medium">{mode.label}</span>
@@ -357,10 +357,10 @@ const LoopWordExtractorApp = () => {
                             </Card>
 
                             {/* Actions Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Play className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Play className="h-5 w-5 dark:text-gray-400" />
                                         실행
                                     </CardTitle>
                                 </CardHeader>
@@ -393,7 +393,7 @@ const LoopWordExtractorApp = () => {
 
                             {/* Status Card */}
                             {fileContent && (
-                                <Card>
+                                <Card className="dark:bg-gray-800 dark:border-gray-700">
                                     <CardContent className="pt-6">
                                         <div className="text-center space-y-2">
                                             <div className="text-2xl font-bold text-green-600 dark:text-green-400">
@@ -409,7 +409,7 @@ const LoopWordExtractorApp = () => {
 
                             {/* Selected Mode Info */}
                             {wordMod && (
-                                <Card>
+                                <Card className="dark:bg-gray-800 dark:border-gray-700">
                                     <CardContent className="pt-6">
                                         <div className="text-center space-y-2">
                                             <div className="text-lg font-semibold text-blue-600 dark:text-blue-400">
diff --git a/app/manager-tool/extract/merge/Merge.tsx b/app/manager-tool/extract/merge/Merge.tsx
index 026a077..87982fc 100644
--- a/app/manager-tool/extract/merge/Merge.tsx
+++ b/app/manager-tool/extract/merge/Merge.tsx
@@ -29,12 +29,14 @@ const VirtualizedTextViewer = React.memo(({
     content, 
     placeholder = "내용이 없습니다.",
     searchable = false,
-    height = "h-[400px]"
+    height = "h-[400px]",
+    ...rest
 }: { 
     content: string; 
     placeholder?: string;
     searchable?: boolean;
     height?: string;
+    [key: string]: unknown;
 }) => {
     const [searchTerm, setSearchTerm] = useState("");
     const [visibleRange, setVisibleRange] = useState({ start: 0, end: 100 });
@@ -79,14 +81,14 @@ const VirtualizedTextViewer = React.memo(({
 
     if (!content) {
         return (
-            <div className={`flex items-center justify-center ${height} text-muted-foreground`}>
+            <div className={`flex items-center justify-center ${height} text-muted-foreground`} {...rest}>
                 {placeholder}
             </div>
         );
     }
 
     return (
-        <div className="space-y-3">
+        <div className="space-y-3" {...rest}>
             {searchable && (
                 <div className="relative">
                     <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
@@ -210,6 +212,7 @@ const WordExtractorApp = () => {
 
     const handleError = useCallback((err: unknown) => {
         if (err instanceof Error) {
+            console.error(err);
             seterrorModalView({
                 ErrName: err.name,
                 ErrMessage: err.message,
@@ -217,6 +220,7 @@ const WordExtractorApp = () => {
                 inputValue: null
             });
         } else {
+            console.error(err);
             seterrorModalView({
                 ErrName: null,
                 ErrMessage: null,
@@ -435,17 +439,17 @@ const WordExtractorApp = () => {
                     <div className="xl:col-span-3">
                         <div className="space-y-6">
                             {/* File Upload Section */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Upload className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Upload className="h-5 w-5 dark:text-gray-400" />
                                         파일 업로드
                                     </CardTitle>
                                 </CardHeader>
                                 <CardContent className="space-y-6">
                                     {/* File 1 Upload */}
                                     <div className="space-y-2">
-                                        <Label htmlFor="file-upload-1">첫 번째 텍스트 파일</Label>
+                                        <Label htmlFor="file-upload-1" className="dark:text-gray-200">첫 번째 텍스트 파일</Label>
                                         <Input
                                             id="file-upload-1"
                                             ref={fileInputRef1}
@@ -455,13 +459,13 @@ const WordExtractorApp = () => {
                                             disabled={loading}
                                         />
                                         {file1 && (
-                                            <div className="flex items-center justify-between p-3 bg-muted rounded-lg">
+                                            <div className="flex items-center justify-between p-3 bg-muted dark:bg-gray-900 rounded-lg">
                                                 <div className="flex items-center gap-2">
-                                                    <FileText className="h-4 w-4" />
-                                                    <span className="text-sm font-medium">{file1.name}</span>
+                                                    <FileText className="h-4 w-4 dark:text-gray-400" />
+                                                    <span className="text-sm font-medium dark:text-gray-200">{file1.name}</span>
                                                     <Badge variant="secondary">{(file1.size / 1024).toFixed(1)} KB</Badge>
                                                 </div>
-                                                <Button variant="outline" size="sm" onClick={() => resetFile(1)}>
+                                                <Button variant="outline" size="sm" onClick={() => resetFile(1)} className="dark:text-gray-200 dark:border-gray-700">
                                                     초기화
                                                 </Button>
                                             </div>
@@ -470,7 +474,7 @@ const WordExtractorApp = () => {
 
                                     {/* File 2 Upload */}
                                     <div className="space-y-2">
-                                        <Label htmlFor="file-upload-2">두 번째 텍스트 파일</Label>
+                                        <Label htmlFor="file-upload-2" className="dark:text-gray-200">두 번째 텍스트 파일</Label>
                                         <Input
                                             id="file-upload-2"
                                             ref={fileInputRef2}
@@ -480,13 +484,13 @@ const WordExtractorApp = () => {
                                             disabled={loading}
                                         />
                                         {file2 && (
-                                            <div className="flex items-center justify-between p-3 bg-muted rounded-lg">
+                                            <div className="flex items-center justify-between p-3 bg-muted dark:bg-gray-900 rounded-lg">
                                                 <div className="flex items-center gap-2">
-                                                    <FileText className="h-4 w-4" />
-                                                    <span className="text-sm font-medium">{file2.name}</span>
+                                                    <FileText className="h-4 w-4 dark:text-gray-400" />
+                                                    <span className="text-sm font-medium dark:text-gray-200">{file2.name}</span>
                                                     <Badge variant="secondary">{(file2.size / 1024).toFixed(1)} KB</Badge>
                                                 </div>
-                                                <Button variant="outline" size="sm" onClick={() => resetFile(2)}>
+                                                <Button variant="outline" size="sm" onClick={() => resetFile(2)} className="dark:text-gray-200 dark:border-gray-700">
                                                     초기화
                                                 </Button>
                                             </div>
@@ -494,7 +498,7 @@ const WordExtractorApp = () => {
                                     </div>
 
                                     {(file1 || file2) && (
-                                        <Button variant="outline" onClick={resetAll} className="w-full">
+                                        <Button variant="outline" onClick={resetAll} className="w-full dark:text-gray-200 dark:border-gray-700">
                                             모든 파일 초기화
                                         </Button>
                                     )}
@@ -504,10 +508,10 @@ const WordExtractorApp = () => {
                             {/* Content Display Section */}
                             <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
                                 {/* File 1 Content */}
-                                <Card>
+                                <Card className="dark:bg-gray-800 dark:border-gray-700">
                                     <CardHeader>
-                                        <CardTitle className="flex items-center gap-2">
-                                            <FileText className="h-5 w-5" />
+                                        <CardTitle className="flex items-center gap-2 dark:text-white">
+                                            <FileText className="h-5 w-5 dark:text-gray-400" />
                                             첫 번째 파일 내용
                                             {file1LineCount > 0 && (
                                                 <Badge variant="outline" className="ml-auto">
@@ -523,6 +527,7 @@ const WordExtractorApp = () => {
                                             </div>
                                         ) : (
                                             <VirtualizedTextViewer
+                                                data-testid="file-content-1"
                                                 content={fileContent1}
                                                 placeholder="파일이 아직 업로드되지 않았습니다."
                                                 searchable={shouldEnableSearch1}
@@ -532,10 +537,10 @@ const WordExtractorApp = () => {
                                 </Card>
 
                                 {/* File 2 Content */}
-                                <Card>
+                                <Card className="dark:bg-gray-800 dark:border-gray-700">
                                     <CardHeader>
-                                        <CardTitle className="flex items-center gap-2">
-                                            <FileText className="h-5 w-5" />
+                                        <CardTitle className="flex items-center gap-2 dark:text-white">
+                                            <FileText className="h-5 w-5 dark:text-gray-400" />
                                             두 번째 파일 내용
                                             {file2LineCount > 0 && (
                                                 <Badge variant="outline" className="ml-auto">
@@ -551,6 +556,7 @@ const WordExtractorApp = () => {
                                             </div>
                                         ) : (
                                             <VirtualizedTextViewer
+                                                data-testid="file-content-2"
                                                 content={fileContent2}
                                                 placeholder="파일이 아직 업로드되지 않았습니다."
                                                 searchable={shouldEnableSearch2}
@@ -560,10 +566,10 @@ const WordExtractorApp = () => {
                                 </Card>
 
                                 {/* Merged Content */}
-                                <Card>
+                                <Card className="dark:bg-gray-800 dark:border-gray-700">
                                     <CardHeader>
-                                        <CardTitle className="flex items-center gap-2">
-                                            <List className="h-5 w-5" />
+                                        <CardTitle className="flex items-center gap-2 dark:text-white">
+                                            <List className="h-5 w-5 dark:text-gray-400" />
                                             병합된 파일 내용
                                             {mergedLineCount > 0 && (
                                                 <Badge variant="default" className="ml-auto">
@@ -574,6 +580,7 @@ const WordExtractorApp = () => {
                                     </CardHeader>
                                     <CardContent>
                                         <VirtualizedTextViewer
+                                            data-testid="merged-content"
                                             content={mergedContent}
                                             placeholder="파일이 아직 병합되지 않았습니다."
                                             searchable={shouldEnableSearchMerged}
@@ -588,10 +595,10 @@ const WordExtractorApp = () => {
                     <div className="xl:col-span-1">
                         <div className="space-y-6">
                             {/* Settings Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Settings className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Settings className="h-5 w-5 dark:text-gray-400" />
                                         설정
                                     </CardTitle>
                                 </CardHeader>
@@ -604,7 +611,7 @@ const WordExtractorApp = () => {
                                         />
                                         <Label
                                             htmlFor="sort-option"
-                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-200"
                                         >
                                             결과 정렬
                                         </Label>
@@ -613,10 +620,10 @@ const WordExtractorApp = () => {
                             </Card>
 
                             {/* Actions Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Merge className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Merge className="h-5 w-5 dark:text-gray-400" />
                                         실행
                                     </CardTitle>
                                 </CardHeader>
@@ -649,7 +656,7 @@ const WordExtractorApp = () => {
 
                             {/* Status Cards */}
                             {file1LineCount > 0 && (
-                                <Card>
+                                <Card className="dark:bg-gray-800 dark:border-gray-700">
                                     <CardContent className="pt-6">
                                         <div className="text-center space-y-2">
                                             <div className="text-2xl font-bold text-blue-600 dark:text-blue-400">
@@ -664,7 +671,7 @@ const WordExtractorApp = () => {
                             )}
 
                             {file2LineCount > 0 && (
-                                <Card>
+                                <Card className="dark:bg-gray-800 dark:border-gray-700">
                                     <CardContent className="pt-6">
                                         <div className="text-center space-y-2">
                                             <div className="text-2xl font-bold text-green-600 dark:text-green-400">
diff --git a/app/manager-tool/extract/startx/StartX.tsx b/app/manager-tool/extract/startx/StartX.tsx
index 803a2ac..2c932d1 100644
--- a/app/manager-tool/extract/startx/StartX.tsx
+++ b/app/manager-tool/extract/startx/StartX.tsx
@@ -54,9 +54,18 @@ const WordExtractorApp = () => {
             await new Promise(resolve => setTimeout(resolve, 1))
             if (fileContent && wordStart) {
                 // 시작 글자에 맞는 단어 추출
+                const uniqueSet = new Set();
+                const result: string[] = [];
+
                 const words = fileContent.split(/\s+/).filter((word) => word.startsWith(wordStart));
-                setExtractedWords(sortChecked ? words.sort((a,b)=>a.localeCompare(b,"ko")) : words);
-                console.log(words.length)
+                words.forEach(word => {
+                    const cleanedWord = word.replace(/[.,!?;:()]/g, ''); // 특수문자 제거
+                    if (cleanedWord && !uniqueSet.has(cleanedWord)) {
+                        uniqueSet.add(cleanedWord);
+                        result.push(cleanedWord);
+                    }
+                });
+                setExtractedWords(sortChecked ? result.sort((a,b)=>a.localeCompare(b,"ko")) : result);
             }
         } catch (err) {
             handleError(err);
@@ -243,16 +252,16 @@ const WordExtractorApp = () => {
                     <div className="xl:col-span-1">
                         <div className="space-y-6">
                             {/* Settings Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Settings className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Settings className="h-5 w-5 dark:text-gray-400" />
                                         설정
                                     </CardTitle>
                                 </CardHeader>
                                 <CardContent className="space-y-4">
                                     <div className="space-y-2">
-                                        <Label htmlFor="word-start">시작글자</Label>
+                                        <Label htmlFor="word-start" className="dark:text-gray-200">시작글자</Label>
                                         <Input
                                             id="word-start"
                                             value={wordStart}
@@ -269,7 +278,7 @@ const WordExtractorApp = () => {
                                         />
                                         <Label
                                             htmlFor="sort-option"
-                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-200"
                                         >
                                             결과 정렬
                                         </Label>
@@ -278,10 +287,10 @@ const WordExtractorApp = () => {
                             </Card>
 
                             {/* Actions Card */}
-                            <Card>
+                            <Card className="dark:bg-gray-800 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
-                                        <Play className="h-5 w-5" />
+                                    <CardTitle className="flex items-center gap-2 dark:text-white">
+                                        <Play className="h-5 w-5 dark:text-gray-400" />
                                         실행
                                     </CardTitle>
                                 </CardHeader>
@@ -314,7 +323,7 @@ const WordExtractorApp = () => {
 
                             {/* Status Card */}
                             {fileContent && (
-                                <Card>
+                                <Card className="dark:bg-gray-800 dark:border-gray-700">
                                     <CardContent className="pt-6">
                                         <div className="text-center space-y-2">
                                             <div className="text-2xl font-bold text-green-600 dark:text-green-400">
diff --git a/app/profile/ProfileHome.tsx b/app/profile/ProfileHome.tsx
index 08773c3..8eb50aa 100644
--- a/app/profile/ProfileHome.tsx
+++ b/app/profile/ProfileHome.tsx
@@ -5,7 +5,7 @@ import { Card, CardContent, CardHeader } from "@/app/components/ui/card";
 import { Input } from "@/app/components/ui/input";
 import { Button } from "@/app/components/ui/button";
 import { Badge } from "@/app/components/ui/badge";
-import { supabase } from "../lib/supabaseClient";
+import { SCM } from "../lib/supabaseClient";
 import ErrorModal from "../components/ErrModal";
 import Link from "next/link";
 
@@ -56,10 +56,7 @@ export default function ProfileHomePage() {
   const handleSearch = async () => {
     setIsLoading(true);
     await new Promise((resolve) => setTimeout(resolve, 1));
-    const { data, error } = await supabase
-      .from("users")
-      .select("*")
-      .ilike("nickname", `%${searchInput}%`);
+    const { data, error } = await SCM.get().usersLikeByNickname(searchInput)
     if (error){
         setIsLoading(false);
         setResultUsers([]);
@@ -83,27 +80,27 @@ export default function ProfileHomePage() {
   };
 
   return (
-    <div className="min-h-screen bg-background p-6">
+    <div className="min-h-screen bg-gradient-to-b from-gray-100 to-gray-200 dark:from-gray-900 dark:to-gray-800 p-6">
       <div className="max-w-6xl mx-auto">
         {/* 헤더 */}
         <div className="mb-8">
-          <h1 className="text-3xl font-bold text-foreground mb-2">유저 검색</h1>
+          <h1 className="text-3xl font-bold text-gray-900 dark:text-gray-100 mb-2">유저 검색</h1>
         </div>
 
         {/* 검색 */}
-        <Card className="mb-6">
+        <Card className="mb-6 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700">
           <CardContent className="p-6">
             <div className="flex flex-col md:flex-row gap-4">
               <div className="flex-1 flex gap-2">
                 <div className="relative flex-1">
-                  <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-5 h-5" />
+                  <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground dark:text-gray-400 w-5 h-5" />
                   <Input
                     type="text"
                     placeholder="닉네임으로 검색..."
                     value={searchInput}
                     onChange={(e) => setSearchInput(e.target.value)}
                     onKeyDown={handleKeyPress}
-                    className="pl-10"
+                    className="pl-10 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100"
                   />
                 </div>
                 <Button
@@ -120,7 +117,7 @@ export default function ProfileHomePage() {
 
         {/* 검색 결과 통계 */}
         <div className="mb-4">
-          <p className="text-muted-foreground">
+          <p className="text-gray-600 dark:text-gray-300">
             총 {resultUsers.length}명의 유저가 검색되었습니다
           </p>
         </div>
@@ -128,14 +125,14 @@ export default function ProfileHomePage() {
         {/* 유저 목록 */}
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
           {resultUsers.map((user) => (
-            <Card key={user.id} className="hover:shadow-lg transition-shadow">
+            <Card key={user.id} className="hover:shadow-lg transition-shadow bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700">
               <CardHeader className="pb-4">
                 <div className="flex items-center gap-3">
-                  <div className="w-12 h-12 bg-muted rounded-full flex items-center justify-center">
-                    <User className="w-6 h-6 text-muted-foreground" />
+                  <div className="w-12 h-12 bg-muted dark:bg-gray-700 rounded-full flex items-center justify-center">
+                    <User className="w-6 h-6 text-muted-foreground dark:text-gray-400" />
                   </div>
                   <div className="flex-1">
-                    <h3 className="font-semibold text-foreground">
+                    <h3 className="font-semibold text-gray-900 dark:text-gray-100">
                       {user.nickname}
                     </h3>
                     <Badge variant={roleVariants[user.role]} className="mt-1">
@@ -152,16 +149,16 @@ export default function ProfileHomePage() {
                 {/* 기여도 정보 */}
                 <div className="space-y-3 mb-4">
                   <div className="flex justify-between items-center">
-                    <span className="text-sm text-muted-foreground">
+                    <span className="text-sm text-muted-foreground dark:text-gray-400">
                       총 기여도
                     </span>
-                    <span className="font-semibold text-foreground">
+                    <span className="font-semibold text-gray-900 dark:text-gray-100">
                       {user.contribution.toLocaleString()}
                     </span>
                   </div>
 
                   <div className="flex justify-between items-center">
-                    <span className="text-sm text-muted-foreground">
+                    <span className="text-sm text-muted-foreground dark:text-gray-400">
                       월간 기여도
                     </span>
                     <span className="font-semibold text-primary">
@@ -172,9 +169,9 @@ export default function ProfileHomePage() {
 
                 {/* 액션 버튼 */}
                 <Link href={`/profile/${user.nickname}`}>
-                    <Button className="w-full" variant="default">
-                        프로필 보기
-                    </Button>
+                  <Button className="w-full" variant="default">
+                    프로필 보기
+                  </Button>
                 </Link>
               </CardContent>
             </Card>
@@ -183,13 +180,13 @@ export default function ProfileHomePage() {
 
         {/* 검색 결과가 없을 때 */}
         {resultUsers.length === 0 && (
-          <Card>
+          <Card className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700">
             <CardContent className="text-center py-12">
-              <User className="w-16 h-16 text-muted-foreground mx-auto mb-4" />
-              <h3 className="text-lg font-medium text-foreground mb-2">
+              <User className="w-16 h-16 text-muted-foreground dark:text-gray-400 mx-auto mb-4" />
+              <h3 className="text-lg font-medium text-gray-900 dark:text-gray-100 mb-2">
                 검색 결과가 없습니다
               </h3>
-              <p className="text-muted-foreground">
+              <p className="text-muted-foreground dark:text-gray-400">
                 다른 검색어를 시도해보세요
               </p>
             </CardContent>
@@ -199,7 +196,7 @@ export default function ProfileHomePage() {
         {/* 로딩 오버레이 */}
         {isLoading && (
           <div className="fixed inset-0 bg-black/20 backdrop-blur-sm flex items-center justify-center z-50">
-            <Card className="p-6">
+            <Card className="p-6 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700">
               <div className="flex items-center space-x-3">
                 <Loader2 className="h-6 w-6 animate-spin text-blue-500" />
                 <span className="text-slate-700 dark:text-slate-300">
diff --git a/app/profile/[username]/ProfilePage.tsx b/app/profile/[username]/ProfilePage.tsx
index 00b9c53..4f74a25 100644
--- a/app/profile/[username]/ProfilePage.tsx
+++ b/app/profile/[username]/ProfilePage.tsx
@@ -36,7 +36,7 @@ import ErrorModal from "@/app/components/ErrModal";
 import { AppDispatch, RootState } from "@/app/store/store";
 import { useDispatch, useSelector } from "react-redux";
 import type { PostgrestError } from "@supabase/supabase-js";
-import { supabase } from "@/app/lib/supabaseClient";
+import { SCM } from "@/app/lib/supabaseClient";
 import { userAction } from "@/app/store/slice";
 import CompleteModal from "@/app/components/CompleteModal";
 import { ScrollArea } from "@/app/components/ui/scroll-area";
@@ -158,11 +158,7 @@ const ProfilePage = ({ userName }: { userName: string }) => {
     useEffect(() => {
         const getData = async () => {
             // 유저 기본 데이터 가져오기
-            const { data: getUserData, error: getUserError } = await supabase
-                .from("users")
-                .select("*")
-                .eq("nickname", userName)
-                .maybeSingle();
+            const { data: getUserData, error: getUserError } = await SCM.get().userByNickname(userName);
             if (getUserError) {
                 return makeError(getUserError);
             }
@@ -176,17 +172,14 @@ const ProfilePage = ({ userName }: { userName: string }) => {
                 });
             }
             // 이번달 기여도 랭킹 가져오기
-            const { data: mcrankData, error: mcrankError } = await supabase.rpc(
-                "get_user_monthly_rank",
-                { uid: getUserData.id }
-            );
+            const { data: mcrankData, error: mcrankError } = await SCM.get().monthlyConRankByUserId(getUserData.id);
             if (mcrankError) {
                 return makeError(mcrankError);
             }
             setNewNickname(getUserData.nickname);
             setUser({ ...getUserData, month_contribution_rank: mcrankData });
             setIsAdmin(getUserData.role === "admin");
-            const {data: monthlyContributionsData, error: monthlyContributionsError} = await supabase.from('user_month_contributions').select('*').eq('user_id',getUserData.id).limit(4);
+            const {data: monthlyContributionsData, error: monthlyContributionsError} = await SCM.get().monthlyContributionsByUserId(getUserData.id);
             if (monthlyContributionsError) return makeError(monthlyContributionsError);
 
             const now = new Date();
@@ -264,10 +257,7 @@ const ProfilePage = ({ userName }: { userName: string }) => {
         // 즐겨찾기 문서 로딩
         const loadStarredDocs = async () => {
             try {
-                const { data, error } = await supabase
-                    .from("user_star_docs")
-                    .select("*,docs(name,typez,last_update,id)")
-                    .eq("user_id", userId);
+                const { data, error } = await SCM.get().starredDocsById(userId);
                 
                 if (error) throw error;
                 
@@ -289,12 +279,7 @@ const ProfilePage = ({ userName }: { userName: string }) => {
         // 요청 내역 로딩
         const loadRequests = async () => {
             try {
-                const { data, error } = await supabase
-                    .from("wait_words")
-                    .select("*")
-                    .eq("requested_by", userId)
-                    .order("requested_at", { ascending: false })
-                    .limit(30);
+                const { data, error } = await SCM.get().requestsListById(userId);
                 
                 if (error) throw error;
                 setWaitWords(data);
@@ -308,12 +293,7 @@ const ProfilePage = ({ userName }: { userName: string }) => {
         // 처리 내역 로딩
         const loadProcessed = async () => {
             try {
-                const { data, error } = await supabase
-                    .from("logs")
-                    .select("*")
-                    .eq("make_by", userId)
-                    .order("created_at", { ascending: false })
-                    .limit(30);
+                const { data, error } = await SCM.get().logsListById(userId);
                 
                 if (error) throw error;
                 setLogs(data);
@@ -338,7 +318,7 @@ const ProfilePage = ({ userName }: { userName: string }) => {
             // api로 업데이트 요청 날리고 적절하게 반환값 가공
             const res = await axios.post<
                 { data: null; error: PostgrestError } | { data: userInfo; error: null }
-            >("/api/update_nickname", {
+            >("/api/auth/update_nickname", {
                 nickname: updateNickname,
             });
             const { data, error } = res.data;
@@ -422,16 +402,12 @@ const ProfilePage = ({ userName }: { userName: string }) => {
         }
 
         setLoading("닉네임 변경 처리중...");
-        const { data: existingUser, error: existingUserError } = await supabase
-            .from("users")
-            .select("id")
-            .eq("nickname", newNickname)
-            .maybeSingle();
+        const { data: existingUser, error: existingUserError } = await SCM.get().usersByNickname(newNickname);
 
         if (existingUserError) {
             return makeError(existingUserError);
         }
-        if (existingUser) {
+        if (existingUser.length > 0) {
             setNicknameError("이미 존재하는 닉네임 입니다.");
         } else {
             // 존재하는 닉네임이 아니면 업데이트 처리
@@ -520,11 +496,12 @@ const ProfilePage = ({ userName }: { userName: string }) => {
     };
 
     return (
+        <div className="min-h-screen bg-gradient-to-b from-gray-100 to-gray-200 dark:from-gray-900 dark:to-gray-800">
         <div className="container mx-auto px-4 py-8 max-w-6xl min-h-full">
             <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
                 {/* 프로필 정보 */}
                 <div className="lg:col-span-1">
-                    <Card>
+                    <Card className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700">
                         <CardHeader className="text-center">
                             <div className="mx-auto w-20 h-20 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full flex items-center justify-center mb-4">
                                 <User className="h-10 w-10 text-white" />
@@ -536,7 +513,7 @@ const ProfilePage = ({ userName }: { userName: string }) => {
                                             value={newNickname}
                                             onChange={(e) => setNewNickname(e.target.value)}
                                             placeholder="새 닉네임"
-                                            className="text-center"
+                                            className="text-center bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100"
                                         />
                                         {nicknameError && (
                                             <p className="text-sm text-red-500">{nicknameError}</p>
@@ -560,7 +537,7 @@ const ProfilePage = ({ userName }: { userName: string }) => {
                                     </div>
                                 ) : (
                                     <div className="flex items-center justify-center gap-2">
-                                        <CardTitle className="text-xl">{user.nickname}</CardTitle>
+                                        <CardTitle className="text-xl text-gray-900 dark:text-gray-100">{user.nickname}</CardTitle>
                                         {isOwnProfile && (
                                             <Button
                                                 size="sm"
@@ -580,16 +557,16 @@ const ProfilePage = ({ userName }: { userName: string }) => {
                         <CardContent className="space-y-4">
                             <div className="grid grid-cols-2 gap-4 text-center">
                                 <div>
-                                    <p className="text-2xl font-bold text-blue-600">
+                                    <p className="text-2xl font-bold text-blue-600 dark:text-blue-400">
                                         {user.contribution}
                                     </p>
-                                    <p className="text-sm text-muted-foreground">총 기여도</p>
+                                    <p className="text-sm text-muted-foreground dark:text-gray-400">총 기여도</p>
                                 </div>
                                 <div>
-                                    <p className="text-2xl font-bold text-green-600">
+                                    <p className="text-2xl font-bold text-green-600 dark:text-green-400">
                                         {user.month_contribution}
                                     </p>
-                                    <p className="text-sm text-muted-foreground">이달 기여도</p>
+                                    <p className="text-sm text-muted-foreground dark:text-gray-400">이달 기여도</p>
                                     {user.month_contribution_rank !== 0 && (
                                         <Badge
                                             className={getRankColor(user.month_contribution_rank)}
@@ -608,15 +585,15 @@ const ProfilePage = ({ userName }: { userName: string }) => {
                                     return (
                                         <div className="space-y-2">
                                             <div className="flex justify-between items-center">
-                                                <span className="text-sm text-muted-foreground">
+                                                <span className="text-sm text-muted-foreground dark:text-gray-400">
                                                     다음 등급까지
                                                 </span>
-                                                <span className="text-sm font-medium">
+                                                <span className="text-sm font-medium text-gray-900 dark:text-gray-100">
                                                     {progress.current} / {progress.target}
                                                 </span>
                                             </div>
                                             <Progress value={progressPercentage} className="h-2" />
-                                            <p className="text-xs text-center text-muted-foreground">
+                                            <p className="text-xs text-center text-muted-foreground dark:text-gray-400">
                                                 {progress.nextRoleName} 등급까지 {progress.target - progress.current}점 남음
                                             </p>
                                         </div>
@@ -624,7 +601,7 @@ const ProfilePage = ({ userName }: { userName: string }) => {
                                 } else if (progress.maxLevel) {
                                     return (
                                         <div className="text-center py-3">
-                                            <p className="text-sm font-medium text-purple-600">
+                                            <p className="text-sm font-medium text-purple-600 dark:text-purple-400">
                                                 🎉 최고등급 달성!
                                             </p>
                                         </div>
@@ -632,7 +609,7 @@ const ProfilePage = ({ userName }: { userName: string }) => {
                                 } else if (progress.adminLevel) {
                                     return (
                                         <div className="text-center py-3">
-                                            <p className="text-sm font-medium text-red-600">
+                                            <p className="text-sm font-medium text-red-600 dark:text-red-400">
                                                 👑 관리자 등급입니다
                                             </p>
                                         </div>
@@ -643,20 +620,20 @@ const ProfilePage = ({ userName }: { userName: string }) => {
 
                             {/* 월간 기여도 그래프 */}
                             <div className="space-y-3">
-                                <h3 className="text-sm font-medium text-muted-foreground">최근 5개월 기여도</h3>
+                                <h3 className="text-sm font-medium text-muted-foreground dark:text-gray-400">최근 5개월 기여도</h3>
                                 <div className="h-32">
                                     <ResponsiveContainer width="100%" height="100%">
                                         <LineChart data={monthlyContributions}>
                                             <CartesianGrid strokeDasharray="3 3" className="opacity-30" />
                                             <XAxis
                                                 dataKey="month"
-                                                tick={{ fontSize: 10 }}
+                                                tick={{ fontSize: 10, fill: "#6b7280" }}
                                                 tickFormatter={(value) => {
                                                     const date = new Date(value + '-01');
                                                     return `${date.getMonth() + 1}월`;
                                                 }}
                                             />
-                                            <YAxis tick={{ fontSize: 10 }} />
+                                            <YAxis tick={{ fontSize: 10, fill: "#6b7280" }} />
                                             <Tooltip
                                                 labelFormatter={(value) => {
                                                     const date = new Date(value + '-01');
@@ -704,9 +681,9 @@ const ProfilePage = ({ userName }: { userName: string }) => {
 
                         {/* 즐겨찾기한 문서들 */}
                         <TabsContent value="starred">
-                            <Card>
+                            <Card className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
+                                    <CardTitle className="flex items-center gap-2 text-gray-900 dark:text-gray-100">
                                         <Star className="h-5 w-5 text-yellow-500" />
                                         즐겨찾기한 문서
                                     </CardTitle>
@@ -717,19 +694,19 @@ const ProfilePage = ({ userName }: { userName: string }) => {
                                             (
                                             <div className="p-4">
                                                 {starredDocs.length === 0 ? (
-                                                    <p className="text-center text-muted-foreground py-8">
+                                                    <p className="text-center text-muted-foreground dark:text-gray-400 py-8">
                                                         즐겨찾기한 문서가 없습니다.
                                                     </p>
                                                 ) : (
                                                     <div className="space-y-3">
                                                         {starredDocs.map((doc, index) => (
                                                             <Link href={`/words-docs/${doc.id}`} key={doc.id}>
-                                                                <div className="flex items-center justify-between p-3 border rounded-lg hover:bg-muted/50 transition-colors cursor-pointer">
+                                                                <div className="flex items-center justify-between p-3 border rounded-lg hover:bg-muted/50 dark:hover:bg-gray-700 transition-colors cursor-pointer">
                                                                     <div className="flex items-center gap-3">
                                                                         <FileText className="h-4 w-4 text-blue-500" />
                                                                         <div>
-                                                                            <p className="font-medium">{doc.name}</p>
-                                                                            <p className="text-sm text-muted-foreground">
+                                                                            <p className="font-medium text-gray-900 dark:text-gray-100">{doc.name}</p>
+                                                                            <p className="text-sm text-muted-foreground dark:text-gray-400">
                                                                                 {formatTimeAgo(doc.last_update)}에
                                                                                 업데이트
                                                                             </p>
@@ -754,9 +731,9 @@ const ProfilePage = ({ userName }: { userName: string }) => {
 
                         {/* 요청 내역 */}
                         <TabsContent value="requests">
-                            <Card>
+                            <Card className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
+                                    <CardTitle className="flex items-center gap-2 text-gray-900 dark:text-gray-100">
                                         <Clock className="h-5 w-5 text-blue-500" />
                                         단어 요청 내역
                                     </CardTitle>
@@ -765,7 +742,7 @@ const ProfilePage = ({ userName }: { userName: string }) => {
                                     <ScrollArea className="h-[400px]">
                                         {tabsLoading.requests ? <TabSkeleton /> : (<div className="p-4">
                                             {waitWords.length === 0 ? (
-                                                <p className="text-center text-muted-foreground py-8">
+                                                <p className="text-center text-muted-foreground dark:text-gray-400 py-8">
                                                     요청 내역이 없습니다.
                                                 </p>
                                             ) : (
@@ -780,8 +757,8 @@ const ProfilePage = ({ userName }: { userName: string }) => {
                                                                         <Trash2 className="h-4 w-4 text-red-500" />
                                                                     )}
                                                                     <div>
-                                                                        <p className="font-medium">{item.word}</p>
-                                                                        <p className="text-sm text-muted-foreground">
+                                                                        <p className="font-medium text-gray-900 dark:text-gray-100">{item.word}</p>
+                                                                        <p className="text-sm text-muted-foreground dark:text-gray-400">
                                                                             {getRequestTypeText(item.request_type)}{" "}
                                                                             요청 • {formatTimeAgo(item.requested_at)}
                                                                         </p>
@@ -789,7 +766,7 @@ const ProfilePage = ({ userName }: { userName: string }) => {
                                                                 </div>
                                                                 <div className="flex items-center gap-2">
                                                                     {getStatusIcon(item.status)}
-                                                                    <span className="text-sm">
+                                                                    <span className="text-sm text-gray-900 dark:text-gray-100">
                                                                         {getStatusText(item.status)}
                                                                     </span>
                                                                 </div>
@@ -809,9 +786,9 @@ const ProfilePage = ({ userName }: { userName: string }) => {
 
                         {/* 처리 내역 */}
                         <TabsContent value="processed">
-                            <Card>
+                            <Card className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700">
                                 <CardHeader>
-                                    <CardTitle className="flex items-center gap-2">
+                                    <CardTitle className="flex items-center gap-2 text-gray-900 dark:text-gray-100">
                                         <CheckCircle className="h-5 w-5 text-green-500" />
                                         처리된 요청
                                     </CardTitle>
@@ -820,7 +797,7 @@ const ProfilePage = ({ userName }: { userName: string }) => {
                                     <ScrollArea className="h-[400px]">
                                         {tabsLoading.processed ? <TabSkeleton /> : (<div className="p-4">
                                             {logs.length === 0 ? (
-                                                <p className="text-center text-muted-foreground py-8">
+                                                <p className="text-center text-muted-foreground dark:text-gray-400 py-8">
                                                     처리된 요청이 없습니다.
                                                 </p>
                                             ) : (
@@ -835,8 +812,8 @@ const ProfilePage = ({ userName }: { userName: string }) => {
                                                                         <Trash2 className="h-4 w-4 text-red-500" />
                                                                     )}
                                                                     <div>
-                                                                        <p className="font-medium">{log.word}</p>
-                                                                        <p className="text-sm text-muted-foreground">
+                                                                        <p className="font-medium text-gray-900 dark:text-gray-100">{log.word}</p>
+                                                                        <p className="text-sm text-muted-foreground dark:text-gray-400">
                                                                             {getRequestTypeText(log.r_type)} •{" "}
                                                                             {formatTimeAgo(log.created_at)}
                                                                         </p>
@@ -844,7 +821,7 @@ const ProfilePage = ({ userName }: { userName: string }) => {
                                                                 </div>
                                                                 <div className="flex items-center gap-2">
                                                                     {getStatusIcon(log.state)}
-                                                                    <span className="text-sm">
+                                                                    <span className="text-sm text-gray-900 dark:text-gray-100">
                                                                         {getStatusText(log.state)}
                                                                     </span>
                                                                 </div>
@@ -867,7 +844,7 @@ const ProfilePage = ({ userName }: { userName: string }) => {
             {/* 로딩 오버레이 */}
             {loading && (
                 <div className="fixed inset-0 bg-black/20 backdrop-blur-sm flex items-center justify-center z-50">
-                    <Card className="p-6">
+                    <Card className="p-6 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700">
                         <div className="flex items-center space-x-3">
                             <Loader2 className="h-6 w-6 animate-spin text-blue-500" />
                             <span className="text-slate-700 dark:text-slate-300">
@@ -896,6 +873,7 @@ const ProfilePage = ({ userName }: { userName: string }) => {
                 />
             )}
         </div>
+    </div>
     );
 };
 
diff --git a/app/profile/[username]/page.tsx b/app/profile/[username]/page.tsx
index b1e1d2c..6a7554d 100644
--- a/app/profile/[username]/page.tsx
+++ b/app/profile/[username]/page.tsx
@@ -1,5 +1,3 @@
-import { supabase } from "@/app/lib/supabaseClient";
-import NotFound from "@/app/not-found-client";
 import UserProfilePage from "./ProfilePage";
 
 
@@ -12,12 +10,7 @@ export async function generateMetadata({ params }: { params: Promise<{ username:
 }
 
 export default async function Profile({ params }: { params: Promise<{ username: string }> }){
-    // 서버에서 먼저 유저 체크후 404 / 유저 프로필 표시 결정
     const {username} = await params;
-    const {data, error} = await supabase.from('users').select('id').eq('nickname',decodeURIComponent(username)).maybeSingle();
-    if (error || !data){
-        return <NotFound />
-    }
     return <UserProfilePage userName={decodeURIComponent(username)} />
 
 }
\ No newline at end of file
diff --git a/app/providers.tsx b/app/providers.tsx
index d62db95..905a4e0 100644
--- a/app/providers.tsx
+++ b/app/providers.tsx
@@ -2,7 +2,14 @@
 
 import { Provider } from "react-redux";
 import { store } from "./store/store";
+import { ThemeProvider } from 'next-themes'
 
 export function Providers({ children }: { children: React.ReactNode }) {
-    return <Provider store={store}>{children}</Provider>;
+    return (
+        <Provider store={store}>
+            <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
+                {children}
+            </ThemeProvider>
+        </Provider>
+    );
 }
\ No newline at end of file
diff --git a/app/release-note/ReleaseNote.tsx b/app/release-note/ReleaseNote.tsx
index 5635959..4231e1b 100644
--- a/app/release-note/ReleaseNote.tsx
+++ b/app/release-note/ReleaseNote.tsx
@@ -1,6 +1,6 @@
 "use client";
 import React, { useEffect, useState } from 'react';
-import { supabase } from '../lib/supabaseClient';
+import { SCM } from '../lib/supabaseClient';
 import ErrorModal from '../components/ErrModal';
 import { Calendar, Clock, ChevronRight } from 'lucide-react';
 
@@ -11,13 +11,6 @@ interface Note {
     title: string;
 }
 
-interface ErrorMessage {
-    ErrName: string;
-    ErrMessage: string;
-    ErrStackRace: string;
-    inputValue: string;
-}
-
 const ReleaseNote = () => {
     const [notes, setNotes] = useState<Note[]>([]);
     const [loading, setLoading] = useState<boolean>(true);
@@ -27,7 +20,7 @@ const ReleaseNote = () => {
     useEffect(() => {
         const fetchNotes = async () => {
             setLoading(true);
-            const { data, error } = await supabase.from('release_note').select('*').order('created_at', { ascending: false });
+            const { data, error } = await SCM.get().releaseNote();
             
             if (error) {
                 setErrorModalView({
diff --git a/app/store/slice.ts b/app/store/slice.ts
index f19695c..51b444b 100644
--- a/app/store/slice.ts
+++ b/app/store/slice.ts
@@ -1,6 +1,15 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit';
 import type { LoadingState } from "@/app/types/type";
 
+type Theme = 'light' | 'dark'
+
+const getInitialTheme = (): Theme => {
+    if (typeof window === 'undefined') return 'light'
+    const stored = localStorage.getItem('theme') as Theme | null
+    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches
+    return stored || (prefersDark ? 'dark' : 'light')
+}
+
 interface RootState{
     user:{
         username:string | undefined ;
@@ -8,7 +17,9 @@ interface RootState{
         role: "guest" | "r1" | "r2" | "r3" | "r4" | "admin"
     },
     loading: LoadingState,
-
+    themeState: {
+        theme: Theme
+    }
 }
 
 const initialState: RootState = {
@@ -21,6 +32,9 @@ const initialState: RootState = {
         isLoading: true,
         progress: 0,
         currentTask: '초기화 중...',
+    },
+    themeState:{
+        theme: getInitialTheme()
     }
 };
 
@@ -52,9 +66,25 @@ const LoadingSlice = createSlice({
     }
 })
 
+const themeSlice = createSlice({
+    name: 'theme',
+    initialState: initialState.themeState,
+    reducers:{
+        setTheme(state, action: PayloadAction<Theme>){
+            state.theme = action.payload;
+            if (typeof window !== 'undefined'){
+                localStorage.setItem('theme', action.payload)
+                document.documentElement.classList.toggle('dark', action.payload === 'dark')
+            }
+        }
+    }
+})
+
 
 export const userAction = UserSlice.actions;
 export const { updateLoadingState, resetLoadingState } = LoadingSlice.actions;
+export const { setTheme } = themeSlice.actions
 
 export const userReducer = UserSlice.reducer;
-export const loadingReducer = LoadingSlice.reducer;
\ No newline at end of file
+export const loadingReducer = LoadingSlice.reducer;
+export const themeReducer = themeSlice.reducer;
\ No newline at end of file
diff --git a/app/store/store.ts b/app/store/store.ts
index 5db1215..b831f8c 100644
--- a/app/store/store.ts
+++ b/app/store/store.ts
@@ -1,10 +1,11 @@
 import { configureStore } from '@reduxjs/toolkit';
-import { userReducer, loadingReducer } from './slice';
+import { userReducer, loadingReducer, themeReducer } from './slice';
 
 export const store = configureStore({
     reducer:{
         user: userReducer,
         loading: loadingReducer,
+        theme: themeReducer,
     }
 });
 
diff --git a/app/types/database.types.ts b/app/types/database.types.ts
index 5033bcf..1f6804e 100644
--- a/app/types/database.types.ts
+++ b/app/types/database.types.ts
@@ -7,6 +7,11 @@ export type Json =
   | Json[]
 
 export type Database = {
+  // Allows to automatically instanciate createClient with right options
+  // instead of createClient<Database, { PostgrestVersion: 'XX' }>(URL, KEY)
+  __InternalSupabase: {
+    PostgrestVersion: "12.2.3 (519615d)"
+  }
   public: {
     Tables: {
       docs: {
@@ -95,107 +100,33 @@ export type Database = {
           },
         ]
       }
-      docs_wait_words: {
-        Row: {
-          docs_id: number
-          wait_word_id: number
-        }
-        Insert: {
-          docs_id: number
-          wait_word_id: number
-        }
-        Update: {
-          docs_id?: number
-          wait_word_id?: number
-        }
-        Relationships: [
-          {
-            foreignKeyName: "docs_wait_words_docs_id_fkey"
-            columns: ["docs_id"]
-            isOneToOne: false
-            referencedRelation: "docs"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "docs_wait_words_wait_word_id_fkey"
-            columns: ["wait_word_id"]
-            isOneToOne: false
-            referencedRelation: "wait_words"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      docs_words: {
+      docs_wait: {
         Row: {
-          docs_id: number
-          word_id: number
-        }
-        Insert: {
-          docs_id: number
-          word_id: number
-        }
-        Update: {
-          docs_id?: number
-          word_id?: number
-        }
-        Relationships: [
-          {
-            foreignKeyName: "docs_words_docs_id_fkey"
-            columns: ["docs_id"]
-            isOneToOne: false
-            referencedRelation: "docs"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "docs_words_word_id_fkey"
-            columns: ["word_id"]
-            isOneToOne: false
-            referencedRelation: "words"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      docs_words_wait: {
-        Row: {
-          docs_id: number
-          requested_by: string | null
-          typez: Database["public"]["Enums"]["request_type_enum"]
-          word_id: number
+          docs_name: string
+          id: number
+          req_at: string
+          req_by: string | null
         }
         Insert: {
-          docs_id: number
-          requested_by?: string | null
-          typez: Database["public"]["Enums"]["request_type_enum"]
-          word_id: number
+          docs_name: string
+          id?: number
+          req_at?: string
+          req_by?: string | null
         }
         Update: {
-          docs_id?: number
-          requested_by?: string | null
-          typez?: Database["public"]["Enums"]["request_type_enum"]
-          word_id?: number
+          docs_name?: string
+          id?: number
+          req_at?: string
+          req_by?: string | null
         }
         Relationships: [
           {
-            foreignKeyName: "docs_words_wait_docs_id_fkey"
-            columns: ["docs_id"]
-            isOneToOne: false
-            referencedRelation: "docs"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "docs_words_wait_requested_by_fkey"
-            columns: ["requested_by"]
+            foreignKeyName: "docs_wait_req_by_fkey"
+            columns: ["req_by"]
             isOneToOne: false
             referencedRelation: "users"
             referencedColumns: ["id"]
           },
-          {
-            foreignKeyName: "docs_words_wait_word_id_fkey"
-            columns: ["word_id"]
-            isOneToOne: false
-            referencedRelation: "words"
-            referencedColumns: ["id"]
-          },
         ]
       }
       last_update: {
@@ -523,21 +454,34 @@ export type Database = {
       }
       word_themes_wait: {
         Row: {
+          req_at: string
+          req_by: string | null
           theme_id: number
           typez: Database["public"]["Enums"]["request_type_enum"]
           word_id: number
         }
         Insert: {
+          req_at?: string
+          req_by?: string | null
           theme_id: number
           typez: Database["public"]["Enums"]["request_type_enum"]
           word_id: number
         }
         Update: {
+          req_at?: string
+          req_by?: string | null
           theme_id?: number
           typez?: Database["public"]["Enums"]["request_type_enum"]
           word_id?: number
         }
         Relationships: [
+          {
+            foreignKeyName: "word_themes_wait_req_by_fkey"
+            columns: ["req_by"]
+            isOneToOne: false
+            referencedRelation: "users"
+            referencedColumns: ["id"]
+          },
           {
             foreignKeyName: "word_themes_wait_theme_id_fkey"
             columns: ["theme_id"]
@@ -603,6 +547,27 @@ export type Database = {
       [_ in never]: never
     }
     Functions: {
+      delete_word_themes_bulk: {
+        Args: { pairs: Json }
+        Returns: {
+          word_id: number
+          word: string
+          theme_id: number
+          theme_name: string
+        }[]
+      }
+      delete_word_themes_wait_bulk: {
+        Args: { pairs: Json }
+        Returns: undefined
+      }
+      get_delete_requests_by_themeid: {
+        Args: { input_theme_id: number }
+        Returns: {
+          word: string
+          requested_by: string
+          request_type: Database["public"]["Enums"]["request_type_enum"]
+        }[]
+      }
       get_doc_rank: {
         Args: { doc_id: number }
         Returns: number
@@ -669,21 +634,25 @@ export type Database = {
   }
 }
 
-type DefaultSchema = Database[Extract<keyof Database, "public">]
+type DatabaseWithoutInternals = Omit<Database, "__InternalSupabase">
+
+type DefaultSchema = DatabaseWithoutInternals[Extract<keyof Database, "public">]
 
 export type Tables<
   DefaultSchemaTableNameOrOptions extends
     | keyof (DefaultSchema["Tables"] & DefaultSchema["Views"])
-    | { schema: keyof Database },
+    | { schema: keyof DatabaseWithoutInternals },
   TableName extends DefaultSchemaTableNameOrOptions extends {
-    schema: keyof Database
+    schema: keyof DatabaseWithoutInternals
   }
-    ? keyof (Database[DefaultSchemaTableNameOrOptions["schema"]]["Tables"] &
-        Database[DefaultSchemaTableNameOrOptions["schema"]]["Views"])
+    ? keyof (DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"] &
+        DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Views"])
     : never = never,
-> = DefaultSchemaTableNameOrOptions extends { schema: keyof Database }
-  ? (Database[DefaultSchemaTableNameOrOptions["schema"]]["Tables"] &
-      Database[DefaultSchemaTableNameOrOptions["schema"]]["Views"])[TableName] extends {
+> = DefaultSchemaTableNameOrOptions extends {
+  schema: keyof DatabaseWithoutInternals
+}
+  ? (DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"] &
+      DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Views"])[TableName] extends {
       Row: infer R
     }
     ? R
@@ -701,14 +670,16 @@ export type Tables<
 export type TablesInsert<
   DefaultSchemaTableNameOrOptions extends
     | keyof DefaultSchema["Tables"]
-    | { schema: keyof Database },
+    | { schema: keyof DatabaseWithoutInternals },
   TableName extends DefaultSchemaTableNameOrOptions extends {
-    schema: keyof Database
+    schema: keyof DatabaseWithoutInternals
   }
-    ? keyof Database[DefaultSchemaTableNameOrOptions["schema"]]["Tables"]
+    ? keyof DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"]
     : never = never,
-> = DefaultSchemaTableNameOrOptions extends { schema: keyof Database }
-  ? Database[DefaultSchemaTableNameOrOptions["schema"]]["Tables"][TableName] extends {
+> = DefaultSchemaTableNameOrOptions extends {
+  schema: keyof DatabaseWithoutInternals
+}
+  ? DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"][TableName] extends {
       Insert: infer I
     }
     ? I
@@ -724,14 +695,16 @@ export type TablesInsert<
 export type TablesUpdate<
   DefaultSchemaTableNameOrOptions extends
     | keyof DefaultSchema["Tables"]
-    | { schema: keyof Database },
+    | { schema: keyof DatabaseWithoutInternals },
   TableName extends DefaultSchemaTableNameOrOptions extends {
-    schema: keyof Database
+    schema: keyof DatabaseWithoutInternals
   }
-    ? keyof Database[DefaultSchemaTableNameOrOptions["schema"]]["Tables"]
+    ? keyof DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"]
     : never = never,
-> = DefaultSchemaTableNameOrOptions extends { schema: keyof Database }
-  ? Database[DefaultSchemaTableNameOrOptions["schema"]]["Tables"][TableName] extends {
+> = DefaultSchemaTableNameOrOptions extends {
+  schema: keyof DatabaseWithoutInternals
+}
+  ? DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"][TableName] extends {
       Update: infer U
     }
     ? U
@@ -747,14 +720,16 @@ export type TablesUpdate<
 export type Enums<
   DefaultSchemaEnumNameOrOptions extends
     | keyof DefaultSchema["Enums"]
-    | { schema: keyof Database },
+    | { schema: keyof DatabaseWithoutInternals },
   EnumName extends DefaultSchemaEnumNameOrOptions extends {
-    schema: keyof Database
+    schema: keyof DatabaseWithoutInternals
   }
-    ? keyof Database[DefaultSchemaEnumNameOrOptions["schema"]]["Enums"]
+    ? keyof DatabaseWithoutInternals[DefaultSchemaEnumNameOrOptions["schema"]]["Enums"]
     : never = never,
-> = DefaultSchemaEnumNameOrOptions extends { schema: keyof Database }
-  ? Database[DefaultSchemaEnumNameOrOptions["schema"]]["Enums"][EnumName]
+> = DefaultSchemaEnumNameOrOptions extends {
+  schema: keyof DatabaseWithoutInternals
+}
+  ? DatabaseWithoutInternals[DefaultSchemaEnumNameOrOptions["schema"]]["Enums"][EnumName]
   : DefaultSchemaEnumNameOrOptions extends keyof DefaultSchema["Enums"]
     ? DefaultSchema["Enums"][DefaultSchemaEnumNameOrOptions]
     : never
@@ -762,14 +737,16 @@ export type Enums<
 export type CompositeTypes<
   PublicCompositeTypeNameOrOptions extends
     | keyof DefaultSchema["CompositeTypes"]
-    | { schema: keyof Database },
+    | { schema: keyof DatabaseWithoutInternals },
   CompositeTypeName extends PublicCompositeTypeNameOrOptions extends {
-    schema: keyof Database
+    schema: keyof DatabaseWithoutInternals
   }
-    ? keyof Database[PublicCompositeTypeNameOrOptions["schema"]]["CompositeTypes"]
+    ? keyof DatabaseWithoutInternals[PublicCompositeTypeNameOrOptions["schema"]]["CompositeTypes"]
     : never = never,
-> = PublicCompositeTypeNameOrOptions extends { schema: keyof Database }
-  ? Database[PublicCompositeTypeNameOrOptions["schema"]]["CompositeTypes"][CompositeTypeName]
+> = PublicCompositeTypeNameOrOptions extends {
+  schema: keyof DatabaseWithoutInternals
+}
+  ? DatabaseWithoutInternals[PublicCompositeTypeNameOrOptions["schema"]]["CompositeTypes"][CompositeTypeName]
   : PublicCompositeTypeNameOrOptions extends keyof DefaultSchema["CompositeTypes"]
     ? DefaultSchema["CompositeTypes"][PublicCompositeTypeNameOrOptions]
     : never
diff --git a/app/types/type.ts b/app/types/type.ts
index 5f53c75..812cf61 100644
--- a/app/types/type.ts
+++ b/app/types/type.ts
@@ -18,7 +18,7 @@ export type UserInfo = {
 
 export type WordData = {
     word: string,
-    status: "ok" | "add" | "delete" | "eadd" | "edelete",
+    status: "ok" | "add" | "delete",
     maker?: string | undefined | null
 }
 export interface LoadingState {
diff --git a/app/word-combiner/WordCombinerClient.tsx b/app/word-combiner/WordCombinerClient.tsx
index 6a00b09..c98ea9f 100644
--- a/app/word-combiner/WordCombinerClient.tsx
+++ b/app/word-combiner/WordCombinerClient.tsx
@@ -1,5 +1,4 @@
 "use client"
-import Image from 'next/image';
 import React, { useState } from 'react';
 import type { SixCharString, FiveCharString, ErrorMessage } from '../types/type';
 import CombinationManager from '../lib/CombinationsManger';
@@ -13,7 +12,6 @@ interface WordCombinerWithData {
 }
 
 export default function WordCombinerClient({ prop }: { prop: WordCombinerWithData }) {
-    const [showHelpModal, setShowHelpModal] = useState(false);
     const [nomalJOKAK, setNomalJOKAK] = useState<string>("");
     const [highJOKAK, setHighJOKAK] = useState<string>("");
     const [rareJOKAK, setRareJOKAK] = useState<string>("");
@@ -25,7 +23,6 @@ export default function WordCombinerClient({ prop }: { prop: WordCombinerWithDat
     const [len5WordsData] = useState<FiveCharString[]>(prop.len5);
     const [loading, setLoading] = useState(false);
     const [errorModalView, seterrorModalView] = useState<ErrorMessage | null>(null);
-    const [HtmlHelpModalView, setHtmlHelpModalView] = useState<boolean>(false);
     const [activeTab, setActiveTab] = useState<'normal' | 'high' | 'rare' | 'html'>('normal');
 
     const handleHtmlSubmit = () => {
@@ -235,19 +232,7 @@ export default function WordCombinerClient({ prop }: { prop: WordCombinerWithDat
             {/* Header with help button */}
             <header className="bg-white dark:bg-gray-800 shadow-sm p-4 flex justify-between items-center">
                 <h1 className="text-xl font-bold text-blue-600 dark:text-blue-400">글자조각 조합기</h1>
-                <button
-                    onClick={() => setShowHelpModal(true)}
-                    className="flex items-center space-x-2 text-blue-500 dark:text-blue-300 hover:text-blue-700 dark:hover:text-blue-200 transition-colors"
-                >
-                    <Image
-                        src="/info-logo.svg"
-                        alt="도움말"
-                        width={28}
-                        height={28}
-                        className="inline-block"
-                    />
-                    <span className="hidden sm:inline">도움말</span>
-                </button>
+                <HelpModal viewTxt />
             </header>
 
             {/* Main container */}
@@ -291,18 +276,9 @@ export default function WordCombinerClient({ prop }: { prop: WordCombinerWithDat
                                 />
                                 
                                 {activeTab === 'html' && (
-                                    <button
-                                        onClick={() => setHtmlHelpModalView(true)}
-                                        className="absolute top-2 right-2 text-blue-500 dark:text-blue-300 hover:text-blue-700 dark:hover:text-blue-200"
-                                    >
-                                        <Image
-                                            src="/help1-log.svg"
-                                            alt="도움말"
-                                            width={24}
-                                            height={24}
-                                            className="inline-block"
-                                        />
-                                    </button>
+                                    <div className="absolute top-2 right-2 text-blue-500 dark:text-blue-300 hover:text-blue-700 dark:hover:text-blue-200">
+                                        <HelpModal wantGo={3} />
+                                    </div>
                                 )}
                             </div>
                             
@@ -391,10 +367,6 @@ export default function WordCombinerClient({ prop }: { prop: WordCombinerWithDat
                 </div>
             </div>
 
-            {/* Help modals */}
-            {showHelpModal && <HelpModal onClose={() => setShowHelpModal(false)} />}
-            {HtmlHelpModalView && <HelpModal onClose={() => setHtmlHelpModalView(false)} wantGo={3} />}
-
             {/* Loading overlay */}
             {loading && (
                 <div className="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center z-50">
diff --git a/app/word-combiner/WordCombinerHelpModal.tsx b/app/word-combiner/WordCombinerHelpModal.tsx
index 002fdc7..aa8ab86 100644
--- a/app/word-combiner/WordCombinerHelpModal.tsx
+++ b/app/word-combiner/WordCombinerHelpModal.tsx
@@ -1,17 +1,15 @@
 "use client";
+import HelpModal from '../components/HelpModal';
 import React, { useEffect, useRef } from 'react';
+import { Button } from '@/app/components/ui/button';
+import { Badge } from '@/app/components/ui/badge';
+import { Play } from 'lucide-react';
 
-interface HelpModalprop {
-    onClose: () => void;
-    wantGo?: 1 | 2 | 3;
-}
-
-const HelpModal: React.FC<HelpModalprop> = ({ onClose, wantGo }) => {
-    // 각 섹션에 대한 
+const HelpModalA = ({ wantGo }: { wantGo?: 1 | 2 | 3; }) => {
+    // 각 섹션에 대한 ref
     const nomalHelp = useRef<HTMLHeadingElement>(null);
     const HTMLHelp = useRef<HTMLHeadingElement>(null);
     const chromeHTML = useRef<HTMLHeadingElement>(null);
-    const modalRef = useRef<HTMLDivElement>(null);
 
     const scrollToSection = (ref: React.RefObject<HTMLElement | null>) => {
         if (ref.current) {
@@ -19,98 +17,215 @@ const HelpModal: React.FC<HelpModalprop> = ({ onClose, wantGo }) => {
         }
     };
 
-    useEffect(()=>{
-        if (wantGo){
-            switch(wantGo){
+    useEffect(() => {
+        if (wantGo) {
+            switch (wantGo) {
                 case 3:
                     scrollToSection(HTMLHelp);
                     break;
             }
         }
-    });
-
-    useEffect(() => {
-        const handleClickOutside = (event: MouseEvent) => {
-            if (modalRef.current && !modalRef.current.contains(event.target as Node)) {
-                onClose();
-            }
-        };
-    
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => {
-            document.removeEventListener("mousedown", handleClickOutside);
-        };
-    }, [onClose]);
+    }, [wantGo]);
 
     return (
-        <div className="fixed inset-0 bg-gray-800 bg-opacity-50 flex items-center justify-center z-50 ">
-            <div ref={modalRef} className="bg-white dark:bg-gray-800 rounded-lg p-6 w-96 overflow-y-auto md:w-2/3 lg:w-1/2 max-h-[80vh]">
-            {/* Title */}
-            <h3 className="text-lg font-bold mb-4 text-gray-900 dark:text-gray-100">끄코 낱장 단어 조합기 사용설명서</h3>
-
+        <div className="space-y-6">
             {/* 목차 */}
-            <ul className="mb-6 space-y-2">
-                <li>
-                <button
-                className="text-blue-500 hover:underline"
-                onClick={() => scrollToSection(nomalHelp)}
-                >
-                기본적인 사용법
-                </button>
-                </li>
-                <li>
-                <button
-                    className="text-blue-500 hover:underline"
-                    onClick={() => scrollToSection(HTMLHelp)}
-                >
-                    HTML 입력창 사용법
-                </button>
-                <ul className="mb-6 space-y-2 pl-4 list-disc">
+            <div className="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg">
+                <h4 className="font-semibold mb-3 text-blue-800 dark:text-blue-200">목차</h4>
+                <ul className="space-y-2">
                     <li>
                         <button
-                        className="text-blue-500 hover:underline"
-                        onClick={() => scrollToSection(HTMLHelp)}
-                    >
-                        구글 크롬(chrome)
-                    </button>
+                            className="text-blue-600 dark:text-blue-400 hover:underline text-left"
+                            onClick={() => scrollToSection(nomalHelp)}
+                        >
+                            1. 기본적인 사용법
+                        </button>
+                    </li>
+                    <li>
+                        <button
+                            className="text-blue-600 dark:text-blue-400 hover:underline text-left"
+                            onClick={() => scrollToSection(HTMLHelp)}
+                        >
+                            2. HTML 입력창 사용법
+                        </button>
+                        <ul className="ml-4 mt-1 space-y-1">
+                            <li>
+                                <button
+                                    className="text-blue-500 dark:text-blue-300 hover:underline text-left text-sm"
+                                    onClick={() => scrollToSection(chromeHTML)}
+                                >
+                                    • 구글 크롬(Chrome) 사용법
+                                </button>
+                            </li>
+                        </ul>
                     </li>
                 </ul>
-                </li>
-            </ul>
+            </div>
 
-            {/* 본문 */}
-            <div>
-                <h3 ref={nomalHelp} className="text-xl font-semibold mb-2 text-gray-900 dark:text-gray-100">
-                기본 이용법
+            {/* 기본 사용법 */}
+            <div className="space-y-4">
+                <h3 ref={nomalHelp} className="text-xl font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-2">
+                    <span className="bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 text-sm px-2 py-1 rounded-full font-medium">1</span>
+                    기본적인 사용법
                 </h3>
-                <div className="mb-4 flex flex-col items-center">
-                    <p>작성 예정</p>
+
+                {/* Step 1: 글자조각 입력 */}
+                <div className="space-y-3 ml-6">
+                    <div className="flex items-center gap-2">
+                        <span className="bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200 text-xs px-2 py-1 rounded-full font-medium">1</span>
+                        <h4 className="font-semibold">글자조각 입력</h4>
+                    </div>
+                    <div className="ml-6 space-y-2">
+                        <p className="text-gray-700 dark:text-gray-300">원하는 탭을 선택하고 글자조각을 입력합니다.</p>
+                        <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg border">
+                            <div className="space-y-2">
+                                <div className="flex space-x-2">
+                                    <Button variant="outline" size="sm" className="text-xs" disabled>일반 글자조각</Button>
+                                    <Button variant="ghost" size="sm" className="text-xs" disabled>고급 글자조각</Button>
+                                    <Button variant="ghost" size="sm" className="text-xs" disabled>희귀 글자조각</Button>
+                                </div>
+                                <textarea
+                                    placeholder="글자조각을 입력하세요..."
+                                    className="w-full h-20 p-2 border rounded text-sm resize-none"
+                                    disabled
+                                />
+                            </div>
+                        </div>
+                    </div>
                 </div>
 
-                <h3 ref={HTMLHelp} className='text-xl font-semibold mb-2 text-gray-900 dark:text-gray-100'>
-                html입력창 이용법
+                {/* Step 2: 조합 실행 */}
+                <div className="space-y-3 ml-6">
+                    <div className="flex items-center gap-2">
+                        <span className="bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200 text-xs px-2 py-1 rounded-full font-medium">2</span>
+                        <h4 className="font-semibold">조합 실행</h4>
+                    </div>
+                    <div className="ml-6 space-y-2">
+                        <p className="text-gray-700 dark:text-gray-300">조합하기 버튼을 클릭하여 단어를 생성합니다.</p>
+                        <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg border">
+                            <Button className="h-8" disabled>
+                                <Play className="w-3 h-3 mr-2" />
+                                조합하기
+                            </Button>
+                        </div>
+                    </div>
+                </div>
+
+                {/* Step 3: 결과 확인 */}
+                <div className="space-y-3 ml-6">
+                    <div className="flex items-center gap-2">
+                        <span className="bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200 text-xs px-2 py-1 rounded-full font-medium">3</span>
+                        <h4 className="font-semibold">결과 확인</h4>
+                    </div>
+                    <div className="ml-6 space-y-2">
+                        <p className="text-gray-700 dark:text-gray-300">오른쪽 패널에서 생성된 5글자, 6글자 단어를 확인합니다.</p>
+                        <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg border">
+                            <div className="space-y-2">
+                                <div className="flex items-center justify-between p-2 bg-white dark:bg-gray-700 rounded border">
+                                    <span className="text-sm">만들어진 6글자 단어</span>
+                                    <Badge variant="default" className="text-xs">12</Badge>
+                                </div>
+                                <div className="flex items-center justify-between p-2 bg-white dark:bg-gray-700 rounded border">
+                                    <span className="text-sm">만들어진 5글자 단어</span>
+                                    <Badge variant="default" className="text-xs">8</Badge>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                {/* 사용 예시 */}
+                <div className="space-y-3 ml-6">
+                    <h4 className="font-semibold">사용 예시</h4>
+                    <div className="space-y-3">
+                        <div>
+                            <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">입력 (일반 글자조각):</p>
+                            <pre className="bg-gray-100 dark:bg-gray-800 p-3 rounded text-xs overflow-x-auto">
+                                가가가가가가가나나나나난다다다다다다다다라라라라라
+                            </pre>
+                        </div>
+                        <div className="flex items-center justify-center">
+                            <div className="text-center">
+                                <div className="text-sm text-gray-500 dark:text-gray-400">조합하기 실행</div>
+                                <div className="text-2xl">↓</div>
+                            </div>
+                        </div>
+                        <div>
+                            <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">결과:</p>
+                            <div className="bg-green-50 dark:bg-green-900/30 p-3 rounded border border-green-200 dark:border-green-800">
+                                <div className="text-sm space-y-1">
+                                    <div className="font-medium text-green-800 dark:text-green-200">6글자 단어:</div>
+                                    <div>• 가가가가가가</div>
+                                    <div className="font-medium text-green-800 dark:text-green-200 mt-2">5글자 단어:</div>
+                                    <div>• 라라리라라</div>
+                                </div>
+                                <div className="mt-2 text-xs text-green-600 dark:text-green-400">
+                                    총 2개 단어 생성됨
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            {/* HTML 입력창 사용법 */}
+            <div className="space-y-4">
+                <h3 ref={HTMLHelp} className="text-xl font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-2">
+                    <span className="bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 text-sm px-2 py-1 rounded-full font-medium">2</span>
+                    HTML 입력창 사용법
                 </h3>
 
-                <h4 ref={chromeHTML} className='text-lg font-semibold mb-2 text-gray-900 dark:text-gray-100'>
-                구글 크롬(chrome)
-                </h4>
-                <p className="mb-4 text-gray-900 dark:text-gray-100">
-                사진이 많은 관계로 구글문서로 연결됩니다. → 
-                <a href='https://docs.google.com/document/d/1wlX4TaC4Y_b-Dnjjy5uXc0GwWpFy7GGE2EWwAAeLcSE/edit?tab=t.0#heading=h.djjvvf8p8lrr' className='text-blue-500 underline cursor-pointer' target='_blank' rel="noopener noreferrer">
-                    구글문서로 이동하기
-                </a>
-                </p>
+                <div className="ml-6 space-y-4">
+                    <p className="text-gray-700 dark:text-gray-300">
+                        HTML 입력창은 글자조각을 직접 추출할 때 사용합니다.
+                        브라우저의 개발자 도구를 통해 HTML 코드를 복사하여 사용할 수 있습니다.
+                    </p>
+
+                    <h4 ref={chromeHTML} className="text-lg font-semibold text-gray-900 dark:text-gray-100">
+                        구글 크롬(Chrome) 사용법
+                    </h4>
+
+                    <div className="bg-yellow-50 dark:bg-yellow-900/30 p-4 rounded-lg border border-yellow-200 dark:border-yellow-800">
+                        <p className="text-yellow-800 dark:text-yellow-200 text-sm mb-2">
+                            <strong>📖 상세 가이드:</strong>
+                        </p>
+                        <p className="text-yellow-700 dark:text-yellow-300 text-sm">
+                            사진이 많은 관계로 구글문서로 연결됩니다. →
+                            <a
+                                href='https://docs.google.com/document/d/1wlX4TaC4Y_b-Dnjjy5uXc0GwWpFy7GGE2EWwAAeLcSE/edit?tab=t.0#heading=h.djjvvf8p8lrr'
+                                className='text-blue-600 dark:text-blue-400 underline hover:text-blue-800 dark:hover:text-blue-200'
+                                target='_blank'
+                                rel="noopener noreferrer"
+                            >
+                                구글문서로 이동하기
+                            </a>
+                        </p>
+                    </div>
+
+                </div>
             </div>
-            
-            <button
-                onClick={onClose}
-                className="mt-4 p-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 w-full sm:w-auto"
-            >
-                닫기
-            </button>
+
+            {/* 팁 섹션 */}
+            <div className="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg border border-blue-200 dark:border-blue-800">
+                <p className="text-blue-800 dark:text-blue-200 text-sm">
+                    <strong>💡 유용한 팁:</strong>
+                </p>
+                <ul className="text-blue-700 dark:text-blue-300 text-sm mt-2 space-y-1 list-disc list-inside">
+                    <li>각 탭별로 다른 등급의 글자조각을 관리할 수 있습니다.</li>
+                    <li>HTML 입력은 텍스트를 대량으로 추출할 때 유용합니다.</li>
+                </ul>
             </div>
         </div>
-    )
-}
+    );
+};
 
-export default HelpModal;
\ No newline at end of file
+export default function HelpModalB({ wantGo, viewTxt }: { wantGo?: 1 | 2 | 3; viewTxt?: boolean; }) {
+    return (
+        <HelpModal
+            title="끄코 낱장 단어 조합기 사용설명서"
+            triggerText={viewTxt ? "도움말" : ""}
+        >
+            <HelpModalA wantGo={wantGo} />
+        </HelpModal>
+    );
+}
\ No newline at end of file
diff --git a/app/word-combiner/WordCombinerPage.tsx b/app/word-combiner/WordCombinerPage.tsx
index 7162138..f2b2e2b 100644
--- a/app/word-combiner/WordCombinerPage.tsx
+++ b/app/word-combiner/WordCombinerPage.tsx
@@ -1,5 +1,5 @@
 "use client";
-import { supabase } from "@/app/lib/supabaseClient";
+import { SCM } from "@/app/lib/supabaseClient";
 import ErrorPage from "../components/ErrorPage";
 import LoadingPage, { useLoadingState } from '@/app/components/LoadingPage';
 import { useEffect, useState } from "react";
@@ -13,31 +13,26 @@ export default function WordCombinerPage() {
     useEffect(() => {
         const getWords = async () => {
             updateLoadingState(10, "단어 데이터 가져 오는중...");
-            const { data, error } = await supabase.from('words').select('word').in('length', [5, 6]);
+            const { data, error } = await SCM.get().allWords({lenf: true});
             if (error) {
                 return setErrorMessage(`단어 데이터 로드중 오류.\nErrorName: ${error.name ?? "알수없음"}\nError Message: ${error.message ?? "없음"}\nError code: ${error.code}`)
             }
+
+            await new Promise(resolve => setTimeout(resolve, 1));
             updateLoadingState(60, "데이터 가공중...")
             const len6 = data.filter(({ word }) => word.length === 6).map(({ word }) => word);
             const len5 = data.filter(({ word }) => word.length === 5).map(({ word }) => word);
 
             setWordsList({ len5, len6 });
             updateLoadingState(100, '완료!');
+            await new Promise(resolve => setTimeout(resolve, 1));
         }
         getWords()
     }, []);
 
-    if (loadingState.isLoading) {
-        return (
-            <LoadingPage title={"단어 데이터"} />
-        );
-    }
+    if (loadingState.isLoading) return <LoadingPage title={"단어 데이터"} />
 
-    if (errorMessage) {
-        return <ErrorPage message={errorMessage} />
-    }
+    if (errorMessage) return <ErrorPage message={errorMessage} />
 
-    if (wordsList) {
-        return <WordCombinerClient prop={wordsList} />
-    }
+    if (wordsList) return <WordCombinerClient prop={wordsList} />
 }
\ No newline at end of file
diff --git a/app/word/add/WordAddHome.tsx b/app/word/add/WordAddHome.tsx
new file mode 100644
index 0000000..ea81a1f
--- /dev/null
+++ b/app/word/add/WordAddHome.tsx
@@ -0,0 +1,168 @@
+"use client";
+
+import React, { useEffect, useState } from "react";
+import { useSelector } from 'react-redux';
+import { RootState } from "@/app/store/store";
+import ErrorModal from "@/app/components/ErrModal";
+import CompleteModal from "@/app/components/CompleteModal";
+import LoginRequiredModal from "@/app/components/LoginRequiredModal"
+import FailModal from "@/app/components/FailModal";
+import { SCM } from "@/app/lib/supabaseClient";
+import { PostgrestError } from "@supabase/supabase-js";
+import useSWR from "swr";
+import { fetcher } from "../lib";
+import WordAddForm from "../components/WordAddFrom";
+
+interface TopicInfo {
+    topicsCode: Record<string, string>;
+    topicsKo: Record<string, string>;
+    topicsID: Record<string, number>;
+}
+
+export default function WordAddHome(){
+    const [error,setError] = useState<ErrorMessage | null>(null);
+    const user = useSelector((state: RootState) => state.user);
+    const [isLogin, setIsLogin] = useState(!!user.uuid);
+    const [completeState, setCompleteState] = useState<{ word: string, selectedTheme: string, onClose: () => void } | null>(null);
+    const [workFail, setWorkFail] = useState<string | null>(null);
+    const [topicInfo, setTopicInfo] = useState<TopicInfo>({
+        topicsCode: {},
+        topicsKo: {},
+        topicsID: {}
+    });
+    const { data } = useSWR("themes", fetcher);
+
+    useEffect(() => {
+        setIsLogin(!!user.uuid);
+    }, [user]);
+
+    useEffect(() => {
+        if (!data) return;
+        const newTopicsCode: Record<string, string> = {};
+        const newTopicsKo: Record<string, string> = {};
+        const newTopicID: Record<string, number> = {};
+
+        data.forEach((d: { code: string, name: string, id: number }) => {
+            newTopicsCode[d.code] = d.name;
+            newTopicsKo[d.name] = d.code;
+            newTopicID[d.code] = d.id;
+        });
+
+        setTopicInfo({
+            topicsCode: newTopicsCode,
+            topicsKo: newTopicsKo,
+            topicsID: newTopicID
+        });
+    }, [data]);
+
+    const makeError = (error: PostgrestError) => {
+        setError({
+            ErrName: error.name || "Unknown Error",
+            ErrMessage: error.message || "An unknown error occurred",
+            ErrStackRace: error.code || "",
+            inputValue: `/word/add`
+        });
+    }
+
+    const onSave = async (word: string, themes: string[]) => {
+        if (!user.uuid) return;
+
+        try {
+            // Check if word already exists
+            const { data: existingWord, error: exstedCheckError } = await SCM.get().wordInfoByWord(word);
+
+            if (exstedCheckError) { return makeError(exstedCheckError); }
+
+            if (existingWord) { return setWorkFail("이미 존재하는 단어입니다."); }
+
+            // Insert word into wait list
+            const insertWaitWordData = {
+                word,
+                requested_by: user.uuid,
+                request_type: "add" as const
+            };
+
+            const { data: insertedWaitWord, error: insertedWaitWordError } = await SCM.add().waitWord(insertWaitWordData);
+
+            if (insertedWaitWordError) {
+                if (insertedWaitWordError.code === '23505') {
+                    return setWorkFail("이미 요청이 들어온 단어입니다.");
+                    
+                }
+                return makeError(insertedWaitWordError);
+            }
+
+            // Insert selected topics
+            if (insertedWaitWord) {
+                const insertWaitWordTopicsData = themes
+                    .filter(tc => topicInfo.topicsID[tc])
+                    .map(tc => ({
+                        wait_word_id: insertedWaitWord.id,
+                        theme_id: topicInfo.topicsID[tc]
+                    }));
+
+                const { error: insertWaitWordTopicsDataError } = await SCM.add().waitWordThemes(insertWaitWordTopicsData);
+
+                if (insertWaitWordTopicsDataError) {
+                    throw insertWaitWordTopicsDataError;
+                }
+
+                setCompleteState({
+                    word: word,
+                    selectedTheme: themes.map(code => topicInfo.topicsCode[code]).join(', '),
+                    onClose: () => {
+                        setCompleteState(null);
+                    }
+                });
+
+            }
+
+        } 
+        catch { } 
+        finally { }
+        
+    };
+
+
+    return (
+        <div className="dark:bg-gray-900">
+
+            <WordAddForm saveFn={onSave} />
+
+            {/* Modals */}
+            {error &&
+                <ErrorModal
+                    error={error}
+                    onClose={() => setError(null)}
+                />
+            }
+
+            {completeState &&
+                <CompleteModal
+                    open={!!completeState}
+                    onClose={completeState.onClose}
+                    title="단어 추가 요청이 완료되었습니다."
+                    description={`단어: ${completeState.word} 주제: ${completeState.selectedTheme}의 추가요청이 완료되었습니다.`}
+                />
+            }
+
+            {workFail &&
+                <FailModal
+                    open={!!workFail}
+                    onClose={() => setWorkFail(null)}
+                    description={workFail}
+                />
+            }
+
+            {!isLogin &&
+                <LoginRequiredModal
+                    open={!isLogin}
+                    onClose={() => setIsLogin(true)}
+                />
+            }
+        </div>
+        
+    )
+
+
+}
\ No newline at end of file
diff --git a/app/word/add/WordAddWrapper.tsx b/app/word/add/WordAddWrapper.tsx
deleted file mode 100644
index bee4a1b..0000000
--- a/app/word/add/WordAddWrapper.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-"use client";
-import { supabase } from "@/app/lib/supabaseClient";
-import WordAddForm  from '@/app/word/add/WordAddFrom';
-import { useRouter } from "next/navigation";
-
-export default function WordAddWrapper({docsID}:{docsID:number}) {
-    const router = useRouter();
-    const onSaveWrapper = async (wordID:number, setErrorModalView:(value: React.SetStateAction<ErrorMessage | null>) => void) => {
-        const {error: insertWordintoDocs} = await supabase.from('docs_wait_words').insert({
-            wait_word_id: wordID,
-            docs_id: docsID
-        })
-        
-        if (insertWordintoDocs) {
-            setErrorModalView({
-                ErrName: insertWordintoDocs.name,
-                ErrMessage: insertWordintoDocs.message,
-                ErrStackRace: insertWordintoDocs.stack,
-                inputValue: `wordID: ${wordID}, docsID: ${docsID}`
-            });
-            return;
-        }
-
-        return ()=>{router.push(`/words-docs/${docsID}`)};
-        
-    }
-
-    return (
-        <WordAddForm compleSave={onSaveWrapper} />
-    )
-}
diff --git a/app/word/add/page.tsx b/app/word/add/page.tsx
index 499d068..bb854f3 100644
--- a/app/word/add/page.tsx
+++ b/app/word/add/page.tsx
@@ -1,6 +1,4 @@
-import WordAddForm from './WordAddFrom';
-import WordAddWrapper from './WordAddWrapper';
-import { Suspense } from 'react';
+import WordAddHome from "./WordAddHome";
 
 export async function generateMetadata() {
     return {
@@ -9,13 +7,10 @@ export async function generateMetadata() {
     };
 }
 
-export default async function WordAddPage({ searchParams }:{searchParams:Promise<{docsID?: string}>}) {
-    const docsID = (await searchParams).docsID ? Number((await searchParams).docsID) : undefined;
+export default async function WordAddPage() {
     return (
-        <div className="max-w-5xl mx-auto px-4 py-8 mb-20">
-            <Suspense fallback={<div>Loading...</div>}>
-                {!docsID || isNaN(docsID) ? <WordAddForm  /> : <WordAddWrapper docsID={docsID} /> }
-            </Suspense>
+        <div className="max-w-5xl mx-auto px-4 py-8 mb-20 dark:bg-gray-900">
+            <WordAddHome />
         </div>
     );
 }
\ No newline at end of file
diff --git a/app/word/adds/WordsAddHome.tsx b/app/word/adds/WordsAddHome.tsx
new file mode 100644
index 0000000..bdf6496
--- /dev/null
+++ b/app/word/adds/WordsAddHome.tsx
@@ -0,0 +1,1180 @@
+"use client";
+import { useState, useRef, useEffect } from "react";
+import { useVirtualizer } from '@tanstack/react-virtual';
+import WordAddForm from "@/app/word/components/WordAddFrom";
+import { disassemble } from "es-hangul";
+import ErrorModal from "@/app/components/ErrModal";
+import { Edit2, Plus, Save, X, FileText, Trash2, FileSpreadsheet, AlertCircle, Check} from "lucide-react";
+import useSWR from "swr";
+import Spinner from "@/app/components/Spinner";
+import { chunk as chunkArray } from "es-toolkit";
+import CompleteModal from "@/app/components/CompleteModal";
+import { Alert, AlertDescription } from '@/app/components/ui/alert';
+import { fetcher } from "../lib";
+import * as XLSX from 'xlsx';
+import { PostgrestError } from "@supabase/supabase-js";
+import ProgressModal from "@/app/components/ProgressModal";
+import { SCM } from "@/app/lib/supabaseClient";
+import { useSelector } from "react-redux";
+import { RootState } from "@/app/store/store";
+import LoginRequiredModal from "@/app/components/LoginRequiredModal";
+import HelpModal from '@/app/components/HelpModal';
+
+interface WordEntry {
+    id: string;
+    word: string;
+    topics: string[];
+}
+
+interface FileInfo {
+    id: string;
+    name: string;
+    size: number;
+    type: string;
+    file: File;
+    sheetName?: string;
+}
+
+interface ErrorMessage {
+    ErrName: string | null;
+    ErrMessage: string | null;
+    ErrStackRace: string | undefined;
+    ErrCode?: string;
+    inputValue: string | null;
+}
+
+interface TopicMapping {
+    [key: string]: string;
+}
+
+export default function WordsAddPage() {
+    const [files, setFiles] = useState<FileInfo[]>([]);
+    const [fileContent, setFileContent] = useState<WordEntry[] | null>(null);
+    const [errorMessage, setErrorMessage] = useState<string | null>(null);
+    const [isSaving, setIsSaving] = useState(false);
+    const [errorModalView, seterrorModalView] = useState<ErrorMessage | null>(null);
+    const [editingWord, setEditingWord] = useState<WordEntry | null>(null);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const fileInputRef = useRef<HTMLInputElement>(null);
+    const parentRef = useRef<HTMLDivElement>(null);
+    const [topicsCodeName, setTopicCodeName] = useState<Record<string, string>>({});
+    const [proWordsCount, setProWordsCount] = useState<number>(0);
+    const [chuckWordsBuN, setChuckWordsBuN] = useState<number>(0);
+    const { data, error, isLoading } = useSWR("topics", fetcher);
+    const [completeMessage, setCompleteMessage] = useState<string | null>(null);
+    const [progressMessage, setProgressMessage] = useState<{ task: string, progress: number } | null>(null);
+    const user = useSelector((state: RootState) => state.user);
+    const [loginNeedModalOpen, setLoginNeedModalOpen] = useState<boolean>(!user.uuid);
+
+    // Format converter related states
+    const [showMappingModal, setShowMappingModal] = useState<boolean>(false);
+    const [showTopicSelectModal, setShowTopicSelectModal] = useState<boolean>(false);
+    const [currentMappingTopic, setCurrentMappingTopic] = useState<string>('');
+    const [unmappedTopics, setUnmappedTopics] = useState<string[]>([]);
+    const [topicMappings, setTopicMappings] = useState<TopicMapping>({});
+    const [pendingConversion, setPendingConversion] = useState<WordEntry[] | null>(null);
+    const [selectedTopicForMapping, setSelectedTopicForMapping] = useState<string>('');
+    const [topicNameCode, setTopicNameCode] = useState<Record<string, string>>({});
+
+    useEffect(() => {
+        if (!user.uuid) return;
+        if (user.uuid) setLoginNeedModalOpen(false);
+    }, [user])
+
+    // 가상화 리스트 설정
+    const virtualizer = useVirtualizer({
+        count: fileContent?.length || 0,
+        getScrollElement: () => parentRef.current,
+        estimateSize: () => 80,
+        overscan: 5,
+    });
+
+    useEffect(() => {
+        if (data) {
+            const topicsCode: Record<string, string> = {};
+            const topicsName: Record<string, string> = {};
+            for (const topic of data) {
+                topicsCode[topic.code] = topic.name;
+                topicsName[topic.name] = topic.code;
+            }
+            setTopicCodeName(topicsCode);
+            setTopicNameCode(topicsName);
+        }
+    }, [data, error, isLoading]);
+
+    const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        const selectedFiles = Array.from(e.target.files || []);
+
+        if (selectedFiles.length === 0) return;
+
+        const newFiles: FileInfo[] = [];
+        const invalidFiles: string[] = [];
+
+        selectedFiles.forEach((file, index) => {
+            const isOkType = file.type === "text/plain" || file.type === "application/json" || file.type === "text/tab-separated-values" || file.name.endsWith('.xlsx')
+
+            if (!isOkType) {
+                invalidFiles.push(file.name);
+                return;
+            }
+
+            // 중복 파일 체크
+            const isDuplicate = files.some(existingFile =>
+                existingFile.name === file.name && existingFile.size === file.size
+            );
+
+            if (!isDuplicate) {
+                newFiles.push({
+                    id: `file-${Date.now()}-${index}`,
+                    name: file.name,
+                    size: file.size,
+                    type: file.type,
+                    file: file
+                });
+            }
+        });
+
+        if (invalidFiles.length > 0) {
+            setErrorMessage(`Only .txt or .json or .tsv or .xlsx files are supported. Invalid files: ${invalidFiles.join(', ')}`);
+        } else {
+            setErrorMessage(null);
+        }
+
+        if (newFiles.length > 0) {
+            setFiles(prev => [...prev, ...newFiles]);
+        }
+    };
+
+    const handleRemoveFile = (fileId: string) => {
+        setFiles(prev => prev.filter(file => file.id !== fileId));
+        setErrorMessage(null);
+    };
+
+    const handleSheetNameChange = (fileId: string, sheetName: string) => {
+        setFiles(prev => prev.map(file =>
+            file.id === fileId ? { ...file, sheetName } : file
+        ));
+    };
+
+    const parseTxtFile = (content: string): WordEntry[] => {
+        const lines = content.split('\n').filter(line => line.trim());
+        const words: WordEntry[] = [];
+
+        lines.forEach((line, index) => {
+            const trimmedLine = line.trim();
+            if (!trimmedLine) return;
+
+            const delimiterIndex = trimmedLine.indexOf('/');
+            if (delimiterIndex === -1) return;
+
+            const word = trimmedLine.substring(0, delimiterIndex).trim();
+            const topicsStr = trimmedLine.substring(delimiterIndex + 1).trim();
+
+            if (word && topicsStr) {
+                const topics = topicsStr.split(',').map(t => t.trim()).filter(t => t);
+                words.push({
+                    id: `word-${Date.now()}-${index}`,
+                    word,
+                    topics
+                });
+            }
+        });
+
+        return words;
+    };
+
+    const parseTsvFile = (content: string): WordEntry[] => {
+        const lines = content.split('\n').filter(line => line.trim());
+        const words: WordEntry[] = [];
+
+        // 헤더 건너뛰기
+        const dataLines = lines.slice(1);
+
+        dataLines.forEach((line, index) => {
+            const columns = line.split('\t');
+            if (columns.length < 2) return;
+
+            const word = columns[0]?.trim();
+            const topicsStr = columns[1]?.trim();
+
+            if (word && topicsStr) {
+                const topics = topicsStr.split(',').map(t => t.trim()).filter(t => t);
+                words.push({
+                    id: `word-${Date.now()}-${index}`,
+                    word,
+                    topics
+                });
+            }
+        });
+
+        return words;
+    };
+
+    const paresXlsxFile = async (file: File, sheetName?: string) => {
+        const data = await file.arrayBuffer();
+        const workbook = XLSX.read(data, { type: 'array' });
+
+        const getSheetName = () => {
+            if (!sheetName) {
+                if (workbook.SheetNames.length > 1) throw new Error('xlsx에 시트가 2개 이상이고 시트이름이 주어지지 않았습니다.');
+                return workbook.SheetNames[0];
+            } else {
+                return sheetName;
+            }
+        }
+
+        try {
+            const realSheet = getSheetName();
+            const worksheet = workbook.Sheets[realSheet];
+            const jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 }) as (string | undefined)[][];
+
+            const words: WordEntry[] = [];
+
+            jsonData.slice(1).forEach((data, index) => {
+                const word = data[0]?.trim();
+                const topicsStr = data[1]?.trim()
+                if (word && topicsStr) {
+                    const topics = topicsStr.split(',').map(t => t.trim()).filter(t => t);
+                    words.push({
+                        id: `word-${Date.now()}-${index}`,
+                        word,
+                        topics
+                    });
+                }
+            })
+            return words;
+
+        } catch (error) {
+            throw error;
+        }
+
+    }
+
+    const checkUnmappedTopics = (words: WordEntry[]): string[] => {
+        const allTopics = new Set<string>();
+        words.forEach(word => {
+            word.topics.forEach(topic => allTopics.add(topic));
+        });
+
+        const allAvailableTopics: Record<string, string> = { ...topicNameCode, ...topicsCodeName };
+        return Array.from(allTopics).filter(topic => !allAvailableTopics[topic]);
+    };
+
+    const processFile = (file: File, sheetName?: string): Promise<WordEntry[]> => {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = async (e) => {
+                try {
+                    const content = e.target?.result as string;
+                    let words: WordEntry[] = [];
+
+                    if (file.type === "application/json") {
+                        const parsedJson = JSON.parse(content);
+                        if (
+                            typeof parsedJson === "object" &&
+                            !Array.isArray(parsedJson) &&
+                            parsedJson !== null
+                        ) {
+                            words = Object.entries(parsedJson).map(
+                                ([word, topics], index) => {
+                                    const tc: string[] =
+                                        Array.isArray(topics) && topics.every(t => typeof t === "string")
+                                            ? topics
+                                            : [];
+                                    return {
+                                        id: `${file.name}-${index}`,
+                                        word: word.trim(),
+                                        topics: tc,
+                                    };
+                                }
+                            );
+                        } else {
+                            throw new Error("Invalid JSON format. Expected { [word: string]: string[] }");
+                        }
+                    } else if (file.type === "text/plain") {
+                        words = parseTxtFile(content);
+                    } else if (file.type === "text/tab-separated-values") {
+                        words = parseTsvFile(content);
+                    } else if (file.name.endsWith('.xlsx')) {
+                        words = await paresXlsxFile(file, sheetName);
+                    }
+
+                    resolve(words);
+                } catch (error) {
+                    reject(error);
+                }
+            };
+            reader.onerror = () => reject(new Error("파일 읽기 실패"));
+            reader.readAsText(file);
+        });
+    };
+
+    const handleConfirm = async () => {
+        if (files.length === 0) {
+            setErrorMessage("No files selected.");
+            return;
+        }
+
+        try {
+            const allWordEntries: WordEntry[] = [];
+
+            for (const fileInfo of files) {
+                const wordEntries = await processFile(fileInfo.file);
+                allWordEntries.push(...wordEntries);
+            }
+
+            // 중복 단어 제거 (단어와 토픽이 모두 같은 경우)
+            const uniqueEntries = allWordEntries.filter((entry, index, self) =>
+                index === self.findIndex(e =>
+                    e.word === entry.word &&
+                    JSON.stringify(e.topics.sort()) === JSON.stringify(entry.topics.sort())
+                )
+            );
+
+            // ID 재할당
+            const processedEntries = uniqueEntries.map((entry, index) => ({
+                ...entry,
+                id: `word-${index}`
+            }));
+
+            // unmapped topics 체크
+            const unmapped = checkUnmappedTopics(processedEntries);
+
+            if (unmapped.length > 0) {
+                setUnmappedTopics(unmapped);
+                const initialMappings: TopicMapping = {};
+                unmapped.forEach(topic => {
+                    initialMappings[topic] = '';
+                });
+                setTopicMappings(initialMappings);
+                setPendingConversion(processedEntries);
+                setShowMappingModal(true);
+                return;
+            }
+
+            // 토픽 코드로 변환
+            const finalEntries = processedEntries.map(entry => ({
+                ...entry,
+                topics: entry.topics.map(topic => topicsCodeName[topic] ? topic : topicNameCode[topic]).filter(code => code)
+            }));
+
+            setFileContent(finalEntries);
+            setErrorMessage(null);
+            setFiles([]);
+            if (fileInputRef.current) fileInputRef.current.value = "";
+        } catch (err) {
+            if (err instanceof Error) {
+                seterrorModalView({
+                    ErrName: err.name,
+                    ErrMessage: err.message,
+                    ErrStackRace: err.stack,
+                    inputValue: null
+                });
+            } else {
+                seterrorModalView({
+                    ErrName: null,
+                    ErrMessage: null,
+                    ErrStackRace: err as string,
+                    inputValue: null
+                });
+            }
+
+            setErrorMessage("Failed to process files. Please check file formats.");
+        }
+    };
+
+    const handleTopicSelect = (topicName: string): void => {
+        setSelectedTopicForMapping(topicName);
+    };
+
+    const openTopicSelectModal = (mappingTopic: string): void => {
+        setCurrentMappingTopic(mappingTopic);
+        setSelectedTopicForMapping(topicMappings[mappingTopic] || '');
+        setShowTopicSelectModal(true);
+    };
+
+    const saveTopicSelection = (): void => {
+        setTopicMappings(prev => ({
+            ...prev,
+            [currentMappingTopic]: selectedTopicForMapping
+        }));
+        setShowTopicSelectModal(false);
+        setCurrentMappingTopic('');
+        setSelectedTopicForMapping('');
+    };
+
+    const handleMappingComplete = (): void => {
+        if (!pendingConversion) return;
+
+        // topicMappings에서 실제 매핑된 주제들로 새로운 매핑 생성
+        const newMappings: Record<string, string> = { ...topicNameCode };
+
+        Object.entries(topicMappings).forEach(([originalTopic, selectedTopicName]) => {
+            if (selectedTopicName) {
+                if (topicNameCode[selectedTopicName]) {
+                    newMappings[originalTopic] = topicNameCode[selectedTopicName];
+                }
+            }
+        });
+
+        // 변환된 엔트리 생성
+        const finalEntries = pendingConversion.map(entry => ({
+            ...entry,
+            topics: entry.topics.map(topic => {
+                return newMappings[topic] || topicNameCode[topic];
+            }).filter(code => code)
+        }));
+
+        setFileContent(finalEntries);
+        setErrorMessage(null);
+        setFiles([]);
+        if (fileInputRef.current) fileInputRef.current.value = "";
+
+        // 모달 닫기
+        setShowMappingModal(false);
+        setPendingConversion(null);
+        setUnmappedTopics([]);
+        setTopicMappings({});
+    };
+
+    const handleEditWord = (wordEntry: WordEntry) => {
+        setEditingWord(wordEntry);
+        setIsModalOpen(true);
+    };
+
+    const handleAddNewWord = () => {
+        const newWord = {
+            id: `word-${Date.now()}`,
+            word: "",
+            topics: [],
+        };
+        setEditingWord(newWord);
+        setIsModalOpen(true);
+    };
+
+    const handleWordSave = async (word: string, topics: string[]) => {
+        if (!editingWord) return;
+
+        if (fileContent) {
+            const existingIndex = fileContent.findIndex(entry => entry.id === editingWord.id);
+
+            if (existingIndex >= 0) {
+                // 기존 단어 수정
+                const updatedContent = [...fileContent];
+                updatedContent[existingIndex] = { ...editingWord, word, topics };
+                setFileContent(updatedContent);
+            } else {
+                // 새 단어 추가
+                const newEntry = { ...editingWord, word, topics };
+                setFileContent([...fileContent, newEntry]);
+
+                // 가상화 리스트 맨 아래로 스크롤
+                setTimeout(() => {
+                    if (parentRef.current) {
+                        parentRef.current.scrollTop = parentRef.current.scrollHeight;
+                    }
+                }, 100);
+            }
+        }
+
+        setIsModalOpen(false);
+        setEditingWord(null);
+    };
+
+    const handleDeleteWord = (id: string) => {
+        if (fileContent) {
+            const updatedContent = fileContent.filter(entry => entry.id !== id);
+            setFileContent(updatedContent);
+        }
+    };
+
+    const makeError = (error: PostgrestError) => {
+        seterrorModalView({
+            ErrName: error.name,
+            ErrMessage: error.message,
+            ErrStackRace: error.stack,
+            ErrCode: error.code,
+            inputValue: '단어 대량 추가'
+        });
+        setProgressMessage(null);
+    }
+
+    const handleSave = async () => {
+        if (!fileContent || fileContent.length === 0) {
+            return setErrorMessage("저장할 단어가 없습니다.");
+        }
+        if (!user.uuid) return setErrorMessage("로그인 하지 않은 유저입니다.")
+        setIsSaving(true);
+        setProWordsCount(0);
+        setProgressMessage({ task: "작업 준비중...", progress: 1 });
+        console.log(fileContent);
+
+        const addWaitWordThemeQuery: { wait_word_id: number, theme_id: number }[] = [];
+        const wordWaitThemeQuery: { word_id: number; theme_id: number; typez: 'add'; req_by: string | null; }[] = [];
+
+        const { data: themeData, error: themeError } = await SCM.get().allThemes()
+        if (themeError) return makeError(themeError);
+        const codeToId: { [key: string]: number } = {};
+        themeData.forEach(({ code, id }) => {
+            codeToId[code] = id;
+        })
+
+        setProgressMessage({ task: "기존 추가요청과 중복되는지 살펴보는 중...", progress: 15 });
+        const { data: waitWords, error: waitWordsError } = await SCM.get().allWaitWords("add");
+        if (waitWordsError) return makeError(waitWordsError);
+        const duplicateAddReqIds: number[] = [];
+        const duplicateAddReqMap: { [key: number]: string[] } = {}
+        fileContent.forEach(({ word, topics }) => {
+            for (const data of waitWords) {
+                if (data.word === word) {
+                    duplicateAddReqIds.push(data.id);
+                    duplicateAddReqMap[data.id] = topics;
+                }
+            }
+        })
+        const existAddReqWordThemes: { [key: number]: string[] } = {};
+        for (const chuck of chunkArray(duplicateAddReqIds, 300)) {
+            const { data: addReqWordThemes, error: addReqWordThemesError } = await SCM.get().waitWordsThemes(chuck);
+            if (addReqWordThemesError) return makeError(addReqWordThemesError);
+            addReqWordThemes.forEach(({ wait_word_id, themes: { code } }) => {
+                existAddReqWordThemes[wait_word_id] = [...(existAddReqWordThemes[wait_word_id] ?? []), code];
+            })
+        }
+
+        duplicateAddReqIds.forEach((waitWordId) => {
+            const rt = duplicateAddReqMap[waitWordId] ?? []
+            const rat = new Set(existAddReqWordThemes[waitWordId] ?? [])
+
+            const difference = [...new Set(rt.filter(x => !rat.has(x)))];
+            if (difference.length > 0) {
+                difference.forEach((code) => {
+                    addWaitWordThemeQuery.push({ wait_word_id: waitWordId, theme_id: codeToId[code] })
+                })
+            }
+        })
+        setProgressMessage({ task: "기존 요청을 업데이트 하는중...", progress: 20 });
+        const { error: addReqWordThemesInsertError } = await SCM.add().waitWordThemes(addWaitWordThemeQuery);
+        if (addReqWordThemesInsertError) return makeError(addReqWordThemesInsertError);
+
+        setProgressMessage({ task: "이미 존재하는 단어인지 확인하는 중...", progress: 23 });
+        const exitsWords: { word: string, id: number }[] = []
+        const exitsWordMap: { [key: string]: number } = {}
+        for (const chuck of chunkArray(fileContent, 300)) {
+            const { data: exitsWordsData, error: exitsWordsError } = await SCM.get().wordsByWords(chuck.map(({ word }) => word));
+            if (exitsWordsError) return makeError(exitsWordsError);
+            exitsWords.push(...exitsWordsData)
+            exitsWordsData.forEach(({ word, id }) => {
+                exitsWordMap[word] = id;
+            })
+        }
+
+        const wordThemesMap: { [key: string]: string[] } = {};
+        for (const chuck of chunkArray(exitsWords, 300)) {
+            const { data: exitsWordThemesData, error: exitsWordThemesError } = await SCM.get().wordsThemes(chuck.map(({ id }) => id));
+            if (exitsWordThemesError) return makeError(exitsWordThemesError);
+            exitsWordThemesData.forEach(({ words: { word }, themes: { code } }) => {
+                wordThemesMap[word] = [...(wordThemesMap[word] || []), code];
+            })
+        }
+
+        for (const { word, topics } of fileContent) {
+            const wordId = exitsWordMap[word]
+            if (!wordId) continue;
+            const exitsTheme = new Set(wordThemesMap[word] ?? []);
+            const topicSet = topics ?? [];
+
+            const difference = [...new Set(topicSet.filter(x => !exitsTheme.has(x)))];
+            if (difference.length > 0) {
+                difference.forEach((code) => {
+                    wordWaitThemeQuery.push({ word_id: wordId, req_by: user.uuid ?? null, typez: "add", theme_id: codeToId[code] })
+                })
+            }
+        }
+        setProgressMessage({ task: "기존 단어에 대해서 주제 추가요청을 하는 중...", progress: 33 });
+        const { error: wordWaitThemeInsertError } = await SCM.add().wordThemesReq(wordWaitThemeQuery);
+        if (wordWaitThemeInsertError) return makeError(wordWaitThemeInsertError);
+
+        const kWord1 = new Set(exitsWords.map(({ word }) => word));
+        const kWord2 = new Set(waitWords.map(({ word }) => word));
+
+        const remainWord = fileContent.filter(({ word }) => !kWord1.has(word) && !kWord2.has(word));
+        const remainWordChunk = chunkArray(remainWord, 300);
+        setChuckWordsBuN(remainWordChunk.length);
+        for (const chuck of remainWordChunk) {
+            const waitWordsQuery: { word: string, requested_by: string | null, request_type: "add" }[] = [];
+            const waitWordsThemesQuery: { wait_word_id: number; theme_id: number; }[] = [];
+            const waitWordThemeMap: { [key: string]: string[] } = {};
+            chuck.forEach(({ word, topics }) => {
+                waitWordsQuery.push({ word, request_type: "add", requested_by: user.uuid ?? null });
+                waitWordThemeMap[word] = topics;
+            })
+            const { data: waitWordData, error: waitWordError } = await SCM.add().waitWords(waitWordsQuery);
+            if (waitWordError) return makeError(waitWordError);
+            waitWordData.forEach(({ word, id }) => {
+                const themes = waitWordThemeMap[word]
+                themes.forEach((code) => {
+                    waitWordsThemesQuery.push({ wait_word_id: id, theme_id: codeToId[code] })
+                })
+            })
+            setProgressMessage({ task: `추가요청 처리중... ${proWordsCount} / ${chuckWordsBuN}`, progress: 50 + Math.floor(proWordsCount / chuckWordsBuN * 50) });
+            const { error: waitWordsThemesError } = await SCM.add().waitWordThemes(waitWordsThemesQuery);
+            if (waitWordsThemesError) return makeError(waitWordsThemesError);
+            setProWordsCount(prev => prev + 1);
+        }
+
+        setCompleteMessage(`단어 추가 요청이 성공적으로 완료되었습니다. 총 ${remainWord.length ? remainWord.length + "개의 단어가 추가 요청" + (wordWaitThemeQuery.length ? "," : "") : ""} ${wordWaitThemeQuery.length ? wordWaitThemeQuery.length + "개의 단어의 주제 추가요청이 되었습니다." : ""} (이미 추가요청에 대한 업데이트요청은 집계되지 않습니다.)`);
+        setFileContent(null);
+        setProgressMessage(null);
+        setIsSaving(false);
+    };
+
+    const isValid = (entry: WordEntry) => {
+        let p = false;
+        const regex1 = /[0-9ㄱ-ㅎ]+/;
+        for (const c of entry.word) {
+            if (!regex1.test(disassemble(c)[0])) {
+                p = true;
+                break;
+            }
+        }
+        const regex = /^[0-9ㄱ-힣]*$/;
+        return !regex.test(entry.word) || p || entry.topics.length === 0;
+    };
+
+    const formatFileSize = (bytes: number) => {
+        if (bytes === 0) return '0 Bytes';
+        const k = 1024;
+        const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+    };
+
+    const getFileIcon = (name: string) => {
+        if (name.endsWith('.xlsx')) {
+            return <FileSpreadsheet size={16} className="text-green-500 dark:text-green-400 flex-shrink-0" />;
+        }
+        return <FileText size={16} className="text-gray-500 dark:text-gray-400 flex-shrink-0" />;
+    };
+
+
+    const getAllAvailableTopics = (): string[] => {
+        return Object.keys(topicNameCode).sort();
+    };
+
+    if (isLoading) {
+        return <div className="min-h-screen"><Spinner /></div>
+    }
+
+    return (
+        <div className="flex flex-col gap-6 p-4 bg-white dark:bg-gray-900 transition-colors min-h-screen">
+            <div className="flex items-center justify-between">
+                <h1 className="text-xl font-bold text-gray-800 dark:text-gray-100">단어 대량 추가요청</h1>
+                <HelpModal
+                    title="단어 대량 추가 도움말"
+                    triggerText="도움말"
+                    triggerClassName="text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-200"
+                >
+                    <div className="space-y-6">
+                        {/* 파일 업로드 섹션 */}
+                        <div>
+                            <h3 className="font-semibold text-gray-900 dark:text-gray-100 mb-3">📁 파일 업로드</h3>
+                            <p className="mb-3 text-gray-700 dark:text-gray-300">
+                                다음 형식의 파일을 업로드할 수 있습니다. 여러 파일을 동시에 선택할 수 있어요.
+                            </p>
+
+                            <div className="space-y-4">
+                                {/* TXT 파일 */}
+                                <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg">
+                                    <h4 className="font-medium text-gray-900 dark:text-gray-100 mb-2">📄 TXT 파일</h4>
+                                    <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">
+                                        형식: <code className="bg-gray-200 dark:bg-gray-700 px-1 rounded">단어 / 주제들(,로 구분)</code>
+                                    </p>
+                                    <div className="bg-white dark:bg-gray-900 p-2 rounded border text-sm font-mono">
+                                        <div>사과 / 과일,음식</div>
+                                        <div>컴퓨터 / 전자기기,기술</div>
+                                        <div>축구 / 스포츠,운동</div>
+                                    </div>
+                                </div>
+
+                                {/* JSON 파일 */}
+                                <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg">
+                                    <h4 className="font-medium text-gray-900 dark:text-gray-100 mb-2">📋 JSON 파일</h4>
+                                    <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">
+                                        형식: <code className="bg-gray-200 dark:bg-gray-700 px-1 rounded">{"{"}&quot;단어&quot;: [&quot;주제1&quot;, &quot;주제2&quot;]{"}"}</code>
+                                    </p>
+                                    <div className="bg-white dark:bg-gray-900 p-2 rounded border text-sm font-mono">
+                                        <div>{"{"}</div>
+                                        <div>&nbsp;&nbsp;&quot;사과&quot;: [&quot;과일&quot;, &quot;음식&quot;],</div>
+                                        <div>&nbsp;&nbsp;&quot;컴퓨터&quot;: [&quot;전자기기&quot;, &quot;기술&quot;],</div>
+                                        <div>&nbsp;&nbsp;&quot;축구&quot;: [&quot;스포츠&quot;, &quot;운동&quot;]</div>
+                                        <div>{"}"}</div>
+                                    </div>
+                                </div>
+
+                                {/* TSV 파일 */}
+                                <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg">
+                                    <h4 className="font-medium text-gray-900 dark:text-gray-100 mb-2">📊 TSV 파일</h4>
+                                    <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">
+                                        헤더 필수: <code className="bg-gray-200 dark:bg-gray-700 px-1 rounded">단어\t주제</code>
+                                    </p>
+                                    <div className="bg-white dark:bg-gray-900 p-2 rounded border text-sm font-mono">
+                                        <div>단어&nbsp;&nbsp;&nbsp;&nbsp;주제</div>
+                                        <div>사과&nbsp;&nbsp;&nbsp;&nbsp;과일,음식</div>
+                                        <div>컴퓨터&nbsp;&nbsp;전자기기,기술</div>
+                                        <div>축구&nbsp;&nbsp;&nbsp;&nbsp;스포츠,운동</div>
+                                    </div>
+                                </div>
+
+                                {/* XLSX 파일 */}
+                                <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg">
+                                    <h4 className="font-medium text-gray-900 dark:text-gray-100 mb-2">📈 XLSX 파일</h4>
+                                    <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">
+                                        엑셀 파일, 헤더 필수
+                                    </p>
+                                    <div className="bg-white dark:bg-gray-900 p-2 rounded border">
+                                        <table className="w-full text-sm">
+                                            <thead>
+                                                <tr className="border-b">
+                                                    <th className="text-left p-1 font-medium">단어</th>
+                                                    <th className="text-left p-1 font-medium">주제</th>
+                                                </tr>
+                                            </thead>
+                                            <tbody>
+                                                <tr>
+                                                    <td className="p-1">사과</td>
+                                                    <td className="p-1">과일,음식</td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="p-1">컴퓨터</td>
+                                                    <td className="p-1">전자기기,기술</td>
+                                                </tr>
+                                                <tr>
+                                                    <td className="p-1">축구</td>
+                                                    <td className="p-1">스포츠,운동</td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        {/* 주제 매핑 섹션 */}
+                        <div>
+                            <h3 className="font-semibold text-gray-900 dark:text-gray-100 mb-3">🎯 주제 매핑</h3>
+                            <p className="text-gray-700 dark:text-gray-300 mb-2">
+                                파일에서 인식되지 않는 주제가 발견되면 자동으로 매핑 모달이 표시됩니다.
+                            </p>
+                            <ul className="text-sm text-gray-600 dark:text-gray-400 space-y-1 ml-4">
+                                <li>• 정확한 시스템 주제와 매핑해주세요</li>
+                                <li>• 모든 주제가 매핑되어야 다음 단계로 진행됩니다</li>
+                                <li>• 매핑된 주제는 해당 단어에 자동으로 적용됩니다</li>
+                            </ul>
+                        </div>
+
+                        {/* 내용 확인 및 편집 섹션 */}
+                        <div>
+                            <h3 className="font-semibold text-gray-900 dark:text-gray-100 mb-3">✏️ 내용 확인 및 편집</h3>
+                            <p className="text-gray-700 dark:text-gray-300 mb-2">
+                                파일 처리 후 단어 목록을 확인하고 편집할 수 있습니다.
+                            </p>
+                            <ul className="text-sm text-gray-600 dark:text-gray-400 space-y-1 ml-4">
+                                <li>• <strong>편집</strong>: 연필 아이콘을 클릭하여 단어와 주제를 수정</li>
+                                <li>• <strong>삭제</strong>: X 아이콘을 클릭하여 단어를 제거</li>
+                                <li>• <strong>추가</strong>: &quot;새 단어 추가&quot; 버튼으로 단어를 추가</li>
+                                <li>• 빨간색으로 표시된 단어는 오류가 있는 단어입니다</li>
+                            </ul>
+                        </div>
+
+                        {/* 단어 추가 요청 섹션 */}
+                        <div>
+                            <h3 className="font-semibold text-gray-900 dark:text-gray-100 mb-3">🚀 모든 단어 추가 요청</h3>
+                            <p className="text-gray-700 dark:text-gray-300 mb-2">
+                                모든 단어가 올바르게 입력되었는지 확인한 후 &quot;모든 단어 추가 요청&quot; 버튼을 클릭하세요.
+                            </p>
+                            <ul className="text-sm text-gray-600 dark:text-gray-400 space-y-1 ml-4">
+                                <li>• 오류가 있는 단어가 있으면 버튼이 비활성화됩니다</li>
+                                <li>• 처리 진행상황을 실시간으로 확인할 수 있습니다</li>
+                                <li>• 완료 후 결과를 확인할 수 있습니다</li>
+                            </ul>
+                        </div>
+
+                        <div className="bg-blue-50 dark:bg-blue-900/20 p-3 rounded-lg">
+                            <p className="text-sm text-blue-800 dark:text-blue-200">
+                                💡 <strong>팁</strong>: 파일 형식을 정확히 지키면 더 정확한 처리가 가능합니다.
+                                문제가 발생하면 파일 형식을 다시 확인해보세요.
+                            </p>
+                        </div>
+                    </div>
+                </HelpModal>
+            </div>
+
+            {/* 파일 입력 */}
+            <div className="space-y-4">
+                <input
+                    ref={fileInputRef}
+                    type="file"
+                    accept=".txt,.json,.tsv,.xlsx"
+                    multiple
+                    onChange={handleFileChange}
+                    className="block w-full text-sm text-gray-900 dark:text-gray-300 border border-gray-300 dark:border-gray-600 rounded-lg cursor-pointer bg-gray-50 dark:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-400"
+                />
+
+                {/* 선택된 파일 목록 */}
+                {files.length > 0 && (
+                    <div className="space-y-2">
+                        <h3 className="text-sm font-medium text-gray-700 dark:text-gray-300">
+                            선택된 파일 ({files.length})
+                        </h3>
+                        <div className="grid gap-2 max-h-40 overflow-y-auto">
+                            {files.map((file) => (
+                                <div
+                                    key={file.id}
+                                    className="flex items-center justify-between p-2 bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded"
+                                >
+                                    <div className="flex items-center gap-2 flex-1 min-w-0">
+                                        {getFileIcon(file.name)}
+                                        <div className="flex-1 min-w-0">
+                                            <p className="text-sm font-medium text-gray-900 dark:text-gray-100 truncate">
+                                                {file.name}
+                                            </p>
+                                            <p className="text-xs text-gray-500 dark:text-gray-400">
+                                                {formatFileSize(file.size)}
+                                            </p>
+                                        </div>
+                                        {file.name.endsWith('.xlsx') && (
+                                            <input
+                                                type="text"
+                                                value={file.sheetName || ''}
+                                                onChange={(e) => handleSheetNameChange(file.id, e.target.value)}
+                                                placeholder="시트 이름"
+                                                className="px-2 py-1 text-xs border border-gray-300 dark:border-gray-600 rounded bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                                            />
+                                        )}
+                                    </div>
+                                    <button
+                                        onClick={() => handleRemoveFile(file.id)}
+                                        className="p-1 text-red-500 hover:bg-red-100 dark:hover:bg-red-900/20 rounded transition-colors"
+                                        title="파일 제거"
+                                    >
+                                        <Trash2 size={14} />
+                                    </button>
+                                </div>
+                            ))}
+                        </div>
+                    </div>
+                )}
+            </div>
+
+            {/* 확인 버튼 */}
+            <button
+                onClick={handleConfirm}
+                disabled={files.length === 0}
+                className={`px-4 py-2 rounded focus:outline-none focus:ring-2 transition-colors ${files.length === 0
+                        ? "bg-gray-400 dark:bg-gray-600 text-gray-700 dark:text-gray-300 cursor-not-allowed"
+                        : "bg-blue-500 dark:bg-blue-600 text-white hover:bg-blue-600 dark:hover:bg-blue-700 focus:ring-blue-300 dark:focus:ring-blue-400"
+                    }`}
+            >
+                파일 처리 ({files.length})
+            </button>
+
+            {/* 에러 메시지 */}
+            {errorMessage && (
+                <p className="text-red-500 dark:text-red-400 text-sm">{errorMessage}</p>
+            )}
+
+            {/* 파일 내용 리스트 */}
+            {fileContent && (
+                <div className="space-y-4">
+                    <div className="flex justify-between items-center">
+                        <h2 className="text-lg font-semibold text-gray-800 dark:text-gray-100">
+                            단어 목록 ({fileContent.length} 개)
+                        </h2>
+                        <button
+                            onClick={handleAddNewWord}
+                            className="flex items-center gap-2 px-3 py-2 bg-purple-500 dark:bg-purple-600 text-white rounded hover:bg-purple-600 dark:hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-300 dark:focus:ring-purple-400 transition-colors"
+                        >
+                            <Plus size={16} />
+                            새 단어 추가
+                        </button>
+                    </div>
+
+                    {/* 저장 버튼 */}
+                    <button
+                        onClick={handleSave}
+                        disabled={isSaving || fileContent.some((entry) => isValid(entry))}
+                        className={`flex items-center justify-center gap-2 w-full px-4 py-3 rounded-lg font-medium transition-colors focus:outline-none focus:ring-2 ${isSaving || fileContent.some((entry) => isValid(entry))
+                                ? "bg-gray-400 dark:bg-gray-600 text-gray-700 dark:text-gray-300 cursor-not-allowed"
+                                : "bg-green-500 dark:bg-green-600 text-white hover:bg-green-600 dark:hover:bg-green-700 focus:ring-green-300 dark:focus:ring-green-400"
+                            }`}
+                    >
+                        <Save size={20} />
+                        {isSaving ? `저장 중... ${proWordsCount} / ${chuckWordsBuN}` : "모든 단어 추가 요청"}
+                    </button>
+
+                    {/* 가상화 리스트 */}
+                    <div
+                        ref={parentRef}
+                        className="h-96 overflow-auto border border-gray-200 dark:border-gray-700 rounded-lg"
+                    >
+                        <div
+                            style={{
+                                height: `${virtualizer.getTotalSize()}px`,
+                                width: '100%',
+                                position: 'relative',
+                            }}
+                        >
+                            {virtualizer.getVirtualItems().map((virtualItem) => {
+                                const entry = fileContent[virtualItem.index];
+                                return (
+                                    <div
+                                        key={virtualItem.key}
+                                        style={{
+                                            position: 'absolute',
+                                            top: 0,
+                                            left: 0,
+                                            width: '100%',
+                                            height: `${virtualItem.size}px`,
+                                            transform: `translateY(${virtualItem.start}px)`,
+                                        }}
+                                    >
+                                        <div
+                                            className={`flex items-center justify-between p-3 mx-2 my-1 border rounded-lg transition-colors ${isValid(entry)
+                                                    ? "border-red-300 dark:border-red-700 bg-red-50 dark:bg-red-900/20"
+                                                    : "border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800"
+                                                }`}
+                                        >
+                                            <div className="flex-1">
+                                                <div className="flex items-center gap-3">
+                                                    <span className={`font-medium ${isValid(entry)
+                                                            ? "text-red-700 dark:text-red-300"
+                                                            : "text-gray-900 dark:text-gray-100"
+                                                        }`}>
+                                                        {entry.word || "(빈 단어)"}
+                                                    </span>
+                                                    <div className="flex gap-1 flex-wrap">
+                                                        {entry.topics.map((topic) => (
+                                                            <span
+                                                                key={topic}
+                                                                className="px-2 py-1 text-xs bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 rounded"
+                                                            >
+                                                                {topicsCodeName[topic] || topic}
+                                                            </span>
+                                                        ))}
+                                                        {entry.topics.length === 0 && (
+                                                            <span className="px-2 py-1 text-xs bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400 rounded">
+                                                                주제 없음
+                                                            </span>
+                                                        )}
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div className="flex items-center gap-2">
+                                                <button
+                                                    onClick={() => handleEditWord(entry)}
+                                                    className="p-2 text-blue-600 dark:text-blue-400 hover:bg-blue-100 dark:hover:bg-blue-900/20 rounded transition-colors"
+                                                    title="단어 편집"
+                                                >
+                                                    <Edit2 size={16} />
+                                                </button>
+                                                <button
+                                                    onClick={() => handleDeleteWord(entry.id)}
+                                                    className="p-2 text-red-600 dark:text-red-400 hover:bg-red-100 dark:hover:bg-red-900/20 rounded transition-colors"
+                                                    title="단어 삭제"
+                                                >
+                                                    <X size={16} />
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                );
+                            })}
+                        </div>
+                    </div>
+                </div>
+            )}
+
+            {/* 주제 매핑 모달 */}
+            {showMappingModal && (
+                <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-2">
+                    <div className="bg-white dark:bg-gray-900 rounded-lg p-6 w-full max-w-4xl max-h-[90vh] overflow-y-auto">
+                        <div className="flex justify-between items-center mb-4">
+                            <h3 className="text-lg font-semibold text-gray-800 dark:text-gray-100">
+                                주제 매핑 설정
+                            </h3>
+                            <button
+                                onClick={() => setShowMappingModal(false)}
+                                className="p-2 text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 rounded transition-colors"
+                            >
+                                <X size={20} />
+                            </button>
+                        </div>
+
+                        <Alert className="mb-4">
+                            <AlertCircle className="h-4 w-4" />
+                            <AlertDescription>
+                                파일에서 인식되지 않는 주제들이 발견되었습니다. 각 주제를 시스템의 기존 주제와 매핑해주세요.
+                            </AlertDescription>
+                        </Alert>
+
+                        <div className="space-y-4">
+                            {unmappedTopics.map((topic) => (
+                                <div key={topic} className="flex items-center gap-4 p-3 bg-gray-50 dark:bg-gray-800 rounded">
+                                    <div className="flex-1">
+                                        <span className="font-medium text-gray-800 dark:text-gray-100">
+                                            {topic}
+                                        </span>
+                                    </div>
+                                    <div className="flex-1">
+                                        <button
+                                            onClick={() => openTopicSelectModal(topic)}
+                                            className="w-full px-3 py-2 text-left border border-gray-300 dark:border-gray-600 rounded bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-600 transition-colors"
+                                        >
+                                            {topicMappings[topic] || "주제 선택..."}
+                                        </button>
+                                    </div>
+                                </div>
+                            ))}
+                        </div>
+
+                        <div className="flex justify-end gap-2 mt-6">
+                            <button
+                                onClick={() => setShowMappingModal(false)}
+                                className="px-4 py-2 text-gray-700 dark:text-gray-300 bg-gray-200 dark:bg-gray-700 rounded hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors"
+                            >
+                                취소
+                            </button>
+                            <button
+                                onClick={handleMappingComplete}
+                                disabled={unmappedTopics.some(topic => !topicMappings[topic])}
+                                className={`px-4 py-2 rounded transition-colors ${unmappedTopics.some(topic => !topicMappings[topic])
+                                        ? "bg-gray-400 dark:bg-gray-600 text-gray-700 dark:text-gray-300 cursor-not-allowed"
+                                        : "bg-blue-500 dark:bg-blue-600 text-white hover:bg-blue-600 dark:hover:bg-blue-700"
+                                    }`}
+                            >
+                                매핑 완료
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            )}
+
+            {/* 주제 선택 모달 */}
+            {showTopicSelectModal && (
+                <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-[60] p-2">
+                    <div className="bg-white dark:bg-gray-900 rounded-lg p-6 w-full max-w-2xl max-h-[90vh] overflow-y-auto">
+                        <div className="flex justify-between items-center mb-4">
+                            <h3 className="text-lg font-semibold text-gray-800 dark:text-gray-100">
+                                주제 선택: {currentMappingTopic}
+                            </h3>
+                            <button
+                                onClick={() => setShowTopicSelectModal(false)}
+                                className="p-2 text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 rounded transition-colors"
+                            >
+                                <X size={20} />
+                            </button>
+                        </div>
+
+                        <div className="space-y-2 max-h-96 overflow-y-auto">
+                            {getAllAvailableTopics().map((topicName) => (
+                                <button
+                                    key={topicName}
+                                    onClick={() => handleTopicSelect(topicName)}
+                                    className={`w-full p-3 text-left rounded border transition-colors ${selectedTopicForMapping === topicName
+                                            ? "bg-blue-100 dark:bg-blue-900 border-blue-300 dark:border-blue-700 text-blue-800 dark:text-blue-200"
+                                            : "bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700"
+                                        }`}
+                                >
+                                    <div className="flex items-center justify-between">
+                                        <span>{topicName}</span>
+                                        {selectedTopicForMapping === topicName && (
+                                            <Check size={16} className="text-blue-600 dark:text-blue-400" />
+                                        )}
+                                    </div>
+                                </button>
+                            ))}
+                        </div>
+
+                        <div className="flex justify-end gap-2 mt-6">
+                            <button
+                                onClick={() => setShowTopicSelectModal(false)}
+                                className="px-4 py-2 text-gray-700 dark:text-gray-300 bg-gray-200 dark:bg-gray-700 rounded hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors"
+                            >
+                                취소
+                            </button>
+                            <button
+                                onClick={saveTopicSelection}
+                                disabled={!selectedTopicForMapping}
+                                className={`px-4 py-2 rounded transition-colors ${!selectedTopicForMapping
+                                        ? "bg-gray-400 dark:bg-gray-600 text-gray-700 dark:text-gray-300 cursor-not-allowed"
+                                        : "bg-blue-500 dark:bg-blue-600 text-white hover:bg-blue-600 dark:hover:bg-blue-700"
+                                    }`}
+                            >
+                                선택 완료
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            )}
+
+            {/* 단어 편집 모달 */}
+            {isModalOpen && editingWord && (
+                <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-2">
+                    <div className="bg-white dark:bg-gray-900 rounded-lg p-6 w-full max-w-4xl max-h-[90vh] overflow-y-auto">
+                        <div className="flex justify-between items-center mb-4">
+                            <h3 className="text-lg font-semibold text-gray-800 dark:text-gray-100">
+                                {editingWord.word ? "단어 편집" : "새 단어 추가"}
+                            </h3>
+                            <button
+                                onClick={() => {
+                                    setIsModalOpen(false);
+                                    setEditingWord(null);
+                                }}
+                                className="p-2 text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 rounded transition-colors"
+                            >
+                                <X size={20} />
+                            </button>
+                        </div>
+                        <WordAddForm
+                            saveFn={handleWordSave}
+                            initWord={editingWord.word}
+                            initThemes={editingWord.topics}
+                        />
+                    </div>
+                </div>
+            )}
+
+            {/* 에러 모달 */}
+            {errorModalView && (
+                <ErrorModal
+                    error={errorModalView}
+                    onClose={() => seterrorModalView(null)}
+                />
+            )}
+
+            {/* 완료 메시지 모달 */}
+            {completeMessage && (
+                <CompleteModal
+                    open={completeMessage !== null}
+                    title={"단어 추가 완료"}
+                    description={completeMessage}
+                    onClose={() => setCompleteMessage(null)}
+                />
+            )}
+
+            {/* 처리중 모달 */}
+            {progressMessage && (
+                <ProgressModal
+                    isModalOpen={progressMessage !== null}
+                    isProcessing={isSaving}
+                    onClose={() => setProgressMessage(null)}
+                    progress={progressMessage.progress}
+                    currentTask={progressMessage.task}
+                />
+            )}
+            {!user.uuid && loginNeedModalOpen && (
+                <LoginRequiredModal open={loginNeedModalOpen} onClose={() => setLoginNeedModalOpen(false)} />
+            )}
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/app/word/adds/page.tsx b/app/word/adds/page.tsx
new file mode 100644
index 0000000..9617d40
--- /dev/null
+++ b/app/word/adds/page.tsx
@@ -0,0 +1,12 @@
+import WordsAddHome from "./WordsAddHome";
+
+export async function generateMetadata() {
+    return {
+        title: "끄코 유틸리티 - 단어 대량 추가",
+        description: `끄코 유틸리티 - 오픈DB 단어 대량 추가`,
+    };
+}
+
+export default function AddsWordPage(){
+    return <WordsAddHome />
+}
\ No newline at end of file
diff --git a/app/word/add/WordAddFrom.tsx b/app/word/components/WordAddFrom.tsx
similarity index 54%
rename from app/word/add/WordAddFrom.tsx
rename to app/word/components/WordAddFrom.tsx
index 8554817..b7272aa 100644
--- a/app/word/add/WordAddFrom.tsx
+++ b/app/word/components/WordAddFrom.tsx
@@ -12,25 +12,14 @@ import {
     CollapsibleTrigger,
 } from "@/app/components/ui/collapsible";
 import { Badge } from "@/app/components/ui/badge";
-import { ChevronDown, Save, Search, Info, AlertTriangle, X, Loader2 } from "lucide-react";
+import { ChevronDown, Save, Search, AlertTriangle, X, Loader2 } from "lucide-react";
 import { Card, CardContent, CardHeader, CardTitle, CardFooter } from "@/app/components/ui/card";
-import { supabase } from "@/app/lib/supabaseClient";
 import useSWR from "swr";
-import { useSelector } from 'react-redux';
-import { RootState } from "@/app/store/store";
 import ErrorModal from "@/app/components/ErrModal";
-import CompleteModal from "@/app/components/CompleteModal";
-import LoginRequiredModal from "@/app/components/LoginRequiredModal";
-import FailModal from "@/app/components/FailModal";
 import { fetcher } from "../lib";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/app/components/ui/tooltip";
 import { PostgrestError } from "@supabase/supabase-js";
-
-
-// Utility function to calculate Korean initials
-const calculateKoreanInitials = (word: string) => {
-    return word.split("").map((c) => disassemble(c)[0]).join("");
-};
+import HelpModal from "@/app/components/HelpModal";
+import { calculateKoreanInitials } from "@/app/lib/lib";
 
 // Utility function for Korean search filtering
 const filterKoreanText = (text: string, search: string) => {
@@ -60,18 +49,18 @@ type TopicItemProps = {
 };
 
 // Topic selection component with better visual feedback
-const TopicItem = React.memo(({ 
-    label, 
-    code, 
-    isSelected, 
-    onChange 
-}:TopicItemProps) => {
+const TopicItem = React.memo(({
+    label,
+    code,
+    isSelected,
+    onChange
+}: TopicItemProps) => {
     return (
         <label
-            className={`flex items-center p-2 rounded cursor-pointer transition-colors 
-                        ${isSelected 
-                            ? "bg-primary/20 hover:bg-primary/30" 
-                            : "hover:bg-gray-100 dark:hover:bg-gray-800"}`}
+            className={`flex items-center p-2 rounded cursor-pointer transition-colors dark:border-gray-600
+                        ${isSelected
+                    ? "bg-primary/20 hover:bg-primary/30"
+                    : "hover:bg-gray-100 dark:hover:bg-gray-800"}`}
         >
             <input
                 type="checkbox"
@@ -95,13 +84,13 @@ type TopicsListProps = {
 };
 
 // Topic list component with search functionality
-const TopicsList = React.memo(({ 
-    topics, 
-    selectedTopics, 
-    onChange, 
-    searchTerm, 
-    onSearchChange 
-}:TopicsListProps) => {
+const TopicsList = React.memo(({
+    topics,
+    selectedTopics,
+    onChange,
+    searchTerm,
+    onSearchChange
+}: TopicsListProps) => {
     return (
         <div className="space-y-3 w-full">
             <div className="relative">
@@ -113,8 +102,8 @@ const TopicsList = React.memo(({
                     className="pl-8"
                 />
             </div>
-            
-            <ScrollArea className="h-48 border rounded-md p-1 w-full">
+
+            <ScrollArea className="h-48 border rounded-md p-1 w-full dark:border-gray-600">
                 <div className="grid grid-cols-2 gap-1">
                     {topics.length > 0 ? topics.map(([label, code]) => (
                         <TopicItem
@@ -149,21 +138,21 @@ type TopicSectionProps = {
 };
 
 // Topic section with collapsible UI
-const TopicSection = ({ 
-    title, 
-    isOpen, 
-    onToggle, 
-    topics, 
-    selectedTopics, 
-    onChange, 
-    searchTerm, 
-    onSearchChange 
-}:TopicSectionProps) => {
+const TopicSection = ({
+    title,
+    isOpen,
+    onToggle,
+    topics,
+    selectedTopics,
+    onChange,
+    searchTerm,
+    onSearchChange
+}: TopicSectionProps) => {
     return (
         <Collapsible open={isOpen} onOpenChange={onToggle} className="border rounded-md">
             <CollapsibleTrigger asChild>
-                <Button 
-                    variant="ghost" 
+                <Button
+                    variant="ghost"
                     className="flex items-center justify-between w-full p-3 hover:bg-gray-50 dark:hover:bg-gray-800"
                 >
                     <span className="font-medium">{title}</span>
@@ -189,7 +178,7 @@ type SelectedTopic = {
     code: string;
     label: string;
 };
-  
+
 type SelectedTopicsProps = {
     topics: SelectedTopic[];
     onRemove: (code: string) => void;
@@ -204,17 +193,17 @@ const SelectedTopics = ({ topics, onRemove }: SelectedTopicsProps) => {
             </div>
         );
     }
-    
+
     return (
         <div className="flex flex-wrap gap-2">
             {topics.map((topic) => (
-                <Badge 
-                    key={topic.code} 
+                <Badge
+                    key={topic.code}
                     variant="secondary"
                     className="flex items-center gap-1 py-1"
                 >
                     {topic.label}
-                    <button 
+                    <button
                         onClick={() => onRemove(topic.code)}
                         className="hover:bg-gray-200 dark:hover:bg-gray-700 rounded-full p-0.5"
                     >
@@ -232,9 +221,9 @@ type InfoItemProps = {
 };
 
 // Info item for word details
-const InfoItem = ({ label, value }:InfoItemProps) => (
+const InfoItem = ({ label, value }: InfoItemProps) => (
     <div className="flex justify-between items-center py-1.5 border-b last:border-b-0">
-        <span className="w-12 text-sm font-medium text-gray-600 whitespace-nowrap">{label}</span>
+        <span className="w-12 text-sm font-medium text-gray-600 whitespace-nowrap dark:text-gray-200">{label}</span>
         <span className="font-mono bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded">{value}</span>
     </div>
 );
@@ -246,13 +235,15 @@ interface TopicInfo {
 }
 
 type WordAddFormProps = {
-    compleSave?: (wordID: number, setErrorModalView: (value: React.SetStateAction<ErrorMessage | null>) => void) => Promise<(() => void) | undefined>
+    saveFn: (word: string, themes: string[]) => Promise<void>;
+    initWord?: string;
+    initThemes?: string[];
 };
 
 // Main component
-const WordAddForm = ({ compleSave }:WordAddFormProps) => {
-    const [word, setWord] = useState<string>("");
-    const [selectedTopics, setSelectedTopics] = useState<string[]>([]);
+const WordAddForm = ({ saveFn, initWord = "", initThemes = [] }: WordAddFormProps) => {
+    const [word, setWord] = useState<string>(initWord);
+    const [selectedTopics, setSelectedTopics] = useState<string[]>(initThemes);
     const [groupVisibility, setGroupVisibility] = useState<{ noInjung: boolean; other: boolean }>({
         noInjung: false,
         other: false,
@@ -267,15 +258,7 @@ const WordAddForm = ({ compleSave }:WordAddFormProps) => {
         topicsKo: {},
         topicsID: {}
     });
-    const [errorModalView, setErrorModalView] = useState<ErrorMessage|null>(null);
-    const [completeState, setCompleteState] = useState<{word:string, selectedTheme:string,onClose:()=> void}|null>(null);
-    const [workFail, setWorkFail] = useState<string|null>(null);
-    const user = useSelector((state: RootState) => state.user);
-    const [isLogin, setIsLogin] = useState(!!user.uuid);
-
-    useEffect(() => {
-        setIsLogin(!!user.uuid);
-    }, [user]);
+    const [errorModalView, setErrorModalView] = useState<ErrorMessage | null>(null);
 
     useEffect(() => {
         if (error) {
@@ -294,17 +277,17 @@ const WordAddForm = ({ compleSave }:WordAddFormProps) => {
         const newTopicsCode: Record<string, string> = {};
         const newTopicsKo: Record<string, string> = {};
         const newTopicID: Record<string, number> = {};
-        
-        data.forEach((d: {code: string, name: string, id: number}) => {
+
+        data.forEach((d: { code: string, name: string, id: number }) => {
             newTopicsCode[d.code] = d.name;
             newTopicsKo[d.name] = d.code;
             newTopicID[d.code] = d.id;
         });
-        
-        setTopicInfo({ 
-            topicsCode: newTopicsCode, 
-            topicsKo: newTopicsKo, 
-            topicsID: newTopicID 
+
+        setTopicInfo({
+            topicsCode: newTopicsCode,
+            topicsKo: newTopicsKo,
+            topicsID: newTopicID
         });
     }, [data]);
 
@@ -318,12 +301,12 @@ const WordAddForm = ({ compleSave }:WordAddFormProps) => {
             .filter(([label]) => noInjungTopic.includes(label))
             .sort((a, b) => a[0].localeCompare(b[0]))
             .filter(([label]) => filterKoreanText(label, searchTermNoInjung));
-            
+
         const other = Object.entries(topicInfo.topicsKo)
             .filter(([label]) => !noInjungTopic.includes(label))
             .sort((a, b) => a[0].localeCompare(b[0]))
             .filter(([label]) => filterKoreanText(label, searchTermOther));
-            
+
         return { noInjung, other };
     }, [topicInfo, searchTermNoInjung, searchTermOther]);
 
@@ -339,10 +322,10 @@ const WordAddForm = ({ compleSave }:WordAddFormProps) => {
     const handleWordChange = (e: React.ChangeEvent<HTMLInputElement>) => {
         const newWord = e.target.value;
         setWord(newWord);
-        
+
         const regex = /^[0-9ㄱ-힣]*$/;
         let hasInvalidChar = false;
-        
+
         if (newWord) {
             const regex1 = /[0-9ㄱ-ㅎ]+/;
             for (const c of newWord) {
@@ -352,7 +335,7 @@ const WordAddForm = ({ compleSave }:WordAddFormProps) => {
                 }
             }
         }
-        
+
         setInvalidWord(!regex.test(newWord) || hasInvalidChar);
     };
 
@@ -386,98 +369,20 @@ const WordAddForm = ({ compleSave }:WordAddFormProps) => {
     // Handle word save
     const onSave = async () => {
         if (isSaving) return;
-        if (!user.uuid) return;
-        
-        setIsSaving(true);
-        
-        try {
-            // Check if word already exists
-            const { data: existingWord, error: exstedCheckError } = await supabase
-                .from('words')
-                .select('id')
-                .eq('word', word);
-                
-            if (exstedCheckError) {
-                throw exstedCheckError;
-            }
 
-            if (existingWord && existingWord.length > 0) {
-                setWorkFail("이미 존재하는 단어입니다.");
-                setIsSaving(false);
-                return;
-            }
-
-            // Insert word into wait list
-            const insertWaitWordData = {
-                word,
-                requested_by: user.uuid,
-                request_type: "add" as const
-            };
-            
-            const { data: insertedWaitWord, error: insertedWaitWordError } = await supabase
-                .from('wait_words')
-                .insert(insertWaitWordData)
-                .select('*');
-                
-            if (insertedWaitWordError) {
-                if (insertedWaitWordError.code === '23505') {
-                    setWorkFail("이미 요청이 들어온 단어입니다.");
-                    setIsSaving(false);
-                    return;
-                }
-                throw insertedWaitWordError;
-            }
-
-            // Insert selected topics
-            if (insertedWaitWord && insertedWaitWord.length > 0) {
-                const insertWaitWordTopicsData = selectedTopics
-                    .filter(tc => topicInfo.topicsID[tc])
-                    .map(tc => ({
-                        wait_word_id: insertedWaitWord[0].id,
-                        theme_id: topicInfo.topicsID[tc]
-                    }));
-                    
-                const { error: insertWaitWordTopicsDataError } = await supabase
-                    .from('wait_word_themes')
-                    .insert(insertWaitWordTopicsData);
-                    
-                if (insertWaitWordTopicsDataError) {
-                    throw insertWaitWordTopicsDataError;
-                }
+        setIsSaving(true);
 
-                // Call completion callback if provided
-                if (compleSave) {
-                    
-                    // Show completion state
-                    setCompleteState({
-                        word: word,
-                        selectedTheme: selectedTopics.map(code => topicInfo.topicsCode[code]).join(', '),
-                        onClose: async () => {
-                            setCompleteState(null);
-                            await compleSave?.(insertedWaitWord[0].id, setErrorModalView);
-                        }
-                    });
-                } else {
-                    setCompleteState({
-                        word: word,
-                        selectedTheme: selectedTopics.map(code => topicInfo.topicsCode[code]).join(', '),
-                        onClose: () => {
-                            setCompleteState(null);
-                        }
-                    });
-                }
-                
-                // Reset form
-                setWord("");
-                setSelectedTopics([]);
-            }
-            
+        try {
+            await saveFn(word, selectedTopics);
+            setWord("");
+            setSelectedTopics([]);
+        
         } catch (error) {
             if (error instanceof PostgrestError)
                 setErrorModalView({
                     ErrName: error.name || "Unknown Error",
                     ErrMessage: error.message || "An unknown error occurred",
-                    ErrStackRace: error.stack || "",
+                    ErrStackRace: error.code || "",
                     inputValue: `word: ${word}, selected themes: ${selectedTopics.join(", ")}`
                 });
         } finally {
@@ -490,45 +395,149 @@ const WordAddForm = ({ compleSave }:WordAddFormProps) => {
             {/* Loading overlay */}
             {isSaving && (
                 <div className="absolute inset-0 z-50 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 backdrop-blur-sm rounded-lg">
-                    <div className="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg flex flex-col items-center">
-                        <Loader2 className="h-5 w-5 animate-spin" size={"lg"} />
-                        <p className="mt-4 font-medium">저장 중...</p>
+                    <div className="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg flex flex-col items-center border dark:border-gray-700">
+                        <Loader2 className="h-5 w-5 animate-spin text-gray-600 dark:text-gray-300" size={"lg"} />
+                        <p className="mt-4 font-medium text-gray-900 dark:text-gray-100">저장 중...</p>
                     </div>
                 </div>
             )}
 
             {/* Input card */}
-            <Card className="w-full lg:w-[60%] flex flex-col max-h-[calc(100vh-6rem)]">
-                <CardHeader className="pb-2">
-                    <CardTitle className="text-2xl flex items-center gap-2">
+            <Card className="w-full lg:w-[60%] flex flex-col max-h-[calc(100vh-6rem)] bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700">
+                <CardHeader className="pb-2 border-b border-gray-200 dark:border-gray-700">
+                    <CardTitle className="text-2xl flex items-center gap-2 text-gray-900 dark:text-gray-100">
                         <span>단어 정보 입력</span>
-                        <TooltipProvider>
-                            <Tooltip>
-                                <TooltipTrigger asChild>
-                                    <Info className="h-4 w-4 text-gray-400" />
-                                </TooltipTrigger>
-                                <TooltipContent>
-                                    <p className="w-64">한글 단어와 관련 주제를 입력하세요</p>
-                                </TooltipContent>
-                            </Tooltip>
-                        </TooltipProvider>
+
+                        {/* Help Modal */}
+                        <HelpModal
+                            title="단어 추가하기 사용법"
+                            triggerText="도움말"
+                            triggerClassName="border border-gray-200 dark:border-gray-600 border-1 rounded-md p-2 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700"
+                        >
+                            <div className="space-y-6">
+                                {/* Step 0 */}
+                                <div className="space-y-3">
+                                    <div className="flex items-center gap-2">
+                                        <span className="bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 text-xs px-2 py-1 rounded-full font-medium">0</span>
+                                        <h3 className="font-semibold text-gray-900 dark:text-gray-100">단어를 입력합니다.</h3>
+                                    </div>
+                                    <div className="ml-6 space-y-2">
+                                        <p className="text-gray-700 dark:text-gray-300">한글 또는 숫자로만 입력할 수 있습니다.</p>
+                                        <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg border border-gray-200 dark:border-gray-600">
+                                            <Input value="사과" disabled className="w-40 bg-gray-100 dark:bg-gray-700 border-gray-200 dark:border-gray-600" />
+                                            <div className="flex items-center gap-1 mt-2 text-red-500 dark:text-red-400 text-xs">
+                                                <AlertTriangle className="h-3.5 w-3.5" />
+                                                한글과 숫자만 입력할 수 있습니다.
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                {/* Step 1 */}
+                                <div className="space-y-3">
+                                    <div className="flex items-center gap-2">
+                                        <span className="bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 text-xs px-2 py-1 rounded-full font-medium">1</span>
+                                        <h3 className="font-semibold text-gray-900 dark:text-gray-100">주제를 선택합니다.</h3>
+                                    </div>
+                                    <div className="ml-6 space-y-2">
+                                        <p className="text-gray-700 dark:text-gray-300">주제는 여러 개 선택할 수 있습니다. 검색창을 활용해 빠르게 찾을 수 있습니다.</p>
+                                        <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg border border-gray-200 dark:border-gray-600">
+                                            <div className="flex flex-col gap-2">
+                                                <Input value="과일" disabled className="w-40 bg-gray-100 dark:bg-gray-700 border-gray-200 dark:border-gray-600" placeholder="주제 검색" />
+                                                <div className="flex gap-2">
+                                                    <Badge variant="secondary" className="bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300">과일</Badge>
+                                                    <Badge variant="secondary" className="bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300">음식</Badge>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                {/* Step 2 */}
+                                <div className="space-y-3">
+                                    <div className="flex items-center gap-2">
+                                        <span className="bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 text-xs px-2 py-1 rounded-full font-medium">2</span>
+                                        <h3 className="font-semibold text-gray-900 dark:text-gray-100">단어 저장</h3>
+                                    </div>
+                                    <div className="ml-6 space-y-2">
+                                        <p className="text-gray-700 dark:text-gray-300">단어와 주제를 모두 입력/선택해야 저장할 수 있습니다.</p>
+                                        <div className="bg-gray-50 dark:bg-gray-800 p-3 rounded-lg border border-gray-200 dark:border-gray-600">
+                                            <Button className="w-full bg-gray-300 dark:bg-gray-600 text-gray-500 dark:text-gray-400" disabled>
+                                                <Save className="mr-2 h-4 w-4" />
+                                                단어 저장
+                                            </Button>
+                                        </div>
+                                    </div>
+                                </div>
+                                {/* Step 3 */}
+                                <div className="space-y-3">
+                                    <div className="flex items-center gap-2">
+                                        <span className="bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 text-xs px-2 py-1 rounded-full font-medium">3</span>
+                                        <h3 className="font-semibold text-gray-900 dark:text-gray-100">결과 확인</h3>
+                                    </div>
+                                    <div className="ml-6 space-y-2">
+                                        <p className="text-gray-700 dark:text-gray-300">저장이 완료되면 완료 안내창이 나타납니다.</p>
+                                        <div className="bg-green-50 dark:bg-green-900/20 p-3 rounded border border-green-200 dark:border-green-800">
+                                            <div className="text-sm text-green-800 dark:text-green-200">
+                                                <span className="font-bold">사과</span> (주제: 과일, 음식) 추가 요청 완료!
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                {/* 예시 */}
+                                <div className="space-y-3">
+                                    <h3 className="font-semibold text-gray-900 dark:text-gray-100">사용 예시</h3>
+                                    <div className="space-y-2">
+                                        <div>
+                                            <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">입력 예시:</p>
+                                            <div className="bg-gray-100 dark:bg-gray-800 p-3 rounded text-xs border border-gray-200 dark:border-gray-600">
+                                                <div className="text-gray-700 dark:text-gray-300">단어: <span className="font-bold">사과</span></div>
+                                                <div className="text-gray-700 dark:text-gray-300">주제: <span className="font-bold">과일, 음식</span></div>
+                                            </div>
+                                        </div>
+                                        <div className="flex items-center justify-center">
+                                            <div className="text-center">
+                                                <div className="text-2xl text-gray-500 dark:text-gray-400">↓</div>
+                                            </div>
+                                        </div>
+                                        <div>
+                                            <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">저장 결과:</p>
+                                            <div className="bg-green-50 dark:bg-green-900/20 p-3 rounded border border-green-200 dark:border-green-800">
+                                                <div className="text-sm text-green-800 dark:text-green-200">
+                                                    <span className="font-bold">사과</span> (주제: 과일, 음식) 추가 요청 완료!
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                {/* Tip */}
+                                <div className="mt-6 p-3 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800">
+                                    <p className="text-blue-800 dark:text-blue-200 text-sm">
+                                        <strong>💡 팁:</strong> 주제는 언제든 검색해서 빠르게 찾을 수 있습니다.
+                                    </p>
+                                </div>
+                                <div className="mt-6 p-3 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800">
+                                    <p className="text-blue-800 dark:text-blue-200 text-sm">
+                                        <strong>💡 참고:</strong> 단어는 관리자의 승인후 등록됩니다. 주로 2~3일 내에 처리되지만 빠르게 처리할 수 있도록 하겠습니다.
+                                    </p>
+                                </div>
+                            </div>
+                        </HelpModal>
                     </CardTitle>
                 </CardHeader>
-                
-                <CardContent className="flex flex-col gap-4 overflow-y-auto">
+
+                <CardContent className="flex flex-col gap-4 overflow-y-auto bg-white dark:bg-gray-800">
                     {/* Word input section */}
                     <div className="space-y-2">
-                        <label className="font-medium text-sm">단어</label>
+                        <label className="font-medium text-sm text-gray-700 dark:text-gray-300">단어</label>
                         <div>
                             <Input
                                 value={word}
                                 onChange={handleWordChange}
                                 placeholder="단어를 입력하세요"
-                                className={invalidWord ? "border-red-500 focus-visible:ring-red-500" : ""}
+                                className={`bg-white dark:bg-gray-700 border-gray-200 dark:border-gray-600 text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 ${invalidWord ? "border-red-500 dark:border-red-400 focus-visible:ring-red-500 dark:focus-visible:ring-red-400" : "focus-visible:ring-blue-500 dark:focus-visible:ring-blue-400"}`}
                                 disabled={isSaving}
                             />
                             {invalidWord && (
-                                <div className="flex items-center gap-1 mt-1 text-red-500 text-sm">
+                                <div className="flex items-center gap-1 mt-1 text-red-500 dark:text-red-400 text-sm">
                                     <AlertTriangle className="h-3.5 w-3.5" />
                                     <span>한글과 숫자만 입력할 수 있습니다.</span>
                                 </div>
@@ -538,11 +547,11 @@ const WordAddForm = ({ compleSave }:WordAddFormProps) => {
 
                     {/* Selected topics display */}
                     <div className="space-y-2">
-                        <label className="font-medium text-sm">선택된 주제</label>
-                        <div className="min-h-10 bg-gray-50 dark:bg-gray-800 rounded-md p-2">
-                            <SelectedTopics 
-                                topics={selectedTopicsWithLabels} 
-                                onRemove={handleRemoveTopic} 
+                        <label className="font-medium text-sm text-gray-700 dark:text-gray-300">선택된 주제</label>
+                        <div className="min-h-10 bg-gray-50 dark:bg-gray-700 rounded-md p-2 border border-gray-200 dark:border-gray-600">
+                            <SelectedTopics
+                                topics={selectedTopicsWithLabels}
+                                onRemove={handleRemoveTopic}
                             />
                         </div>
                     </div>
@@ -550,12 +559,12 @@ const WordAddForm = ({ compleSave }:WordAddFormProps) => {
                     {/* Topics selection */}
                     <div className="space-y-3">
                         <div className="flex justify-between items-center">
-                            <label className="font-medium text-sm">주제 선택</label>
-                            <span className="text-xs text-gray-500">
+                            <label className="font-medium text-sm text-gray-700 dark:text-gray-300">주제 선택</label>
+                            <span className="text-xs text-gray-500 dark:text-gray-400">
                                 {selectedTopics.length} 개 선택됨
                             </span>
                         </div>
-                        
+
                         <div className="space-y-3">
                             {/* 노인정 Topics */}
                             <TopicSection
@@ -568,7 +577,7 @@ const WordAddForm = ({ compleSave }:WordAddFormProps) => {
                                 searchTerm={searchTermNoInjung}
                                 onSearchChange={setSearchTermNoInjung}
                             />
-                            
+
                             {/* 어인정 Topics */}
                             <TopicSection
                                 title="어인정"
@@ -584,9 +593,9 @@ const WordAddForm = ({ compleSave }:WordAddFormProps) => {
                     </div>
                 </CardContent>
 
-                <CardFooter className="pt-2 mt-auto">
+                <CardFooter className="pt-2 mt-auto bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700">
                     <Button
-                        className="w-full"
+                        className="w-full bg-blue-600 hover:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-700 text-white disabled:bg-gray-300 dark:disabled:bg-gray-600 disabled:text-gray-500 dark:disabled:text-gray-400"
                         onClick={onSave}
                         disabled={word.length === 0 || selectedTopics.length === 0 || invalidWord || isSaving}
                     >
@@ -597,16 +606,16 @@ const WordAddForm = ({ compleSave }:WordAddFormProps) => {
             </Card>
 
             {/* Info card */}
-            <Card className="w-full lg:w-[40%] flex flex-col max-h-[calc(100vh-6rem)]">
-                <CardHeader className="pb-2">
-                    <CardTitle className="text-2xl">단어 정보</CardTitle>
+            <Card className="w-full lg:w-[40%] flex flex-col max-h-[calc(100vh-6rem)] bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700">
+                <CardHeader className="pb-2 border-b border-gray-200 dark:border-gray-700">
+                    <CardTitle className="text-2xl text-gray-900 dark:text-gray-100">단어 정보</CardTitle>
                 </CardHeader>
-                
-                <CardContent className="space-y-6 overflow-y-auto">
+
+                <CardContent className="space-y-6 overflow-y-auto bg-white dark:bg-gray-800">
                     {/* Word details */}
                     <div className="space-y-1">
-                        <h4 className="font-medium text-sm text-gray-500">단어 특성</h4>
-                        <div className="bg-gray-50 dark:bg-gray-800 rounded-md p-3">
+                        <h4 className="font-medium text-sm text-gray-500 dark:text-gray-400">단어 특성</h4>
+                        <div className="bg-gray-50 dark:bg-gray-700 rounded-md p-3 border border-gray-200 dark:border-gray-600 ">
                             <InfoItem label="단어" value={word || "-"} />
                             <InfoItem label="길이" value={wordInfo.length || "0"} />
                             <InfoItem label="첫 글자" value={wordInfo.firstLetter} />
@@ -614,58 +623,35 @@ const WordAddForm = ({ compleSave }:WordAddFormProps) => {
                             <InfoItem label="한글 초성" value={wordInfo.initials} />
                         </div>
                     </div>
-                    
+
                     {/* Topics details */}
                     <div className="space-y-1">
-                        <h4 className="font-medium text-sm text-gray-500">주제 정보</h4>
-                        <div className="bg-gray-50 dark:bg-gray-800 rounded-md p-3">
-                            <InfoItem 
-                                label="주제" 
-                                value={selectedTopics.length > 0 
+                        <h4 className="font-medium text-sm text-gray-500 dark:text-gray-400">주제 정보</h4>
+                        <div className="bg-gray-50 dark:bg-gray-700 rounded-md p-3 border border-gray-200 dark:border-gray-600">
+                            <InfoItem
+                                label="주제"
+                                value={selectedTopics.length > 0
                                     ? selectedTopics.map(code => topicInfo.topicsCode[code]).join(", ")
-                                    : "-"} 
+                                    : "-"}
                             />
-                            <InfoItem 
-                                label="코드" 
-                                value={selectedTopics.join(", ") || "-"} 
+                            <InfoItem
+                                label="코드"
+                                value={selectedTopics.join(", ") || "-"}
                             />
                         </div>
                     </div>
-                    
+
                 </CardContent>
             </Card>
 
             {/* Modals */}
-            {errorModalView && 
-                <ErrorModal 
-                    error={errorModalView} 
-                    onClose={() => setErrorModalView(null)} 
-                />
-            }
-            
-            {completeState && 
-                <CompleteModal 
-                    open={!!completeState} 
-                    onClose={completeState.onClose} 
-                    title="단어 추가 요청이 완료되었습니다." 
-                    description={`단어: ${completeState.word} 주제: ${completeState.selectedTheme}의 추가요청이 완료되었습니다.`}
-                />
-            }
-            
-            {workFail && 
-                <FailModal 
-                    open={!!workFail} 
-                    onClose={() => setWorkFail(null)} 
-                    description={workFail}
-                />
-            }
-            
-            {!isLogin && 
-                <LoginRequiredModal 
-                    open={!isLogin} 
-                    onClose={() => setIsLogin(true)}
+            {errorModalView &&
+                <ErrorModal
+                    error={errorModalView}
+                    onClose={() => setErrorModalView(null)}
                 />
             }
+
         </div>
     );
 };
diff --git a/app/word/lib.ts b/app/word/lib.ts
index dd6f0f8..fff60b2 100644
--- a/app/word/lib.ts
+++ b/app/word/lib.ts
@@ -1,9 +1,9 @@
 "use client";
 
-import { supabase } from "../lib/supabaseClient";
+import { SCM } from "../lib/supabaseClient";
 
 export const fetcher = async () => {
-    const { data, error } = await supabase.from("themes").select("*");
+    const { data, error } = await SCM.get().allThemes();
     if (error) throw error;
     return data;
 }
diff --git a/app/word/logs/LogsHome.tsx b/app/word/logs/LogsHome.tsx
index 090e004..f116c4c 100644
--- a/app/word/logs/LogsHome.tsx
+++ b/app/word/logs/LogsHome.tsx
@@ -1,18 +1,17 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { useEffect, useState, useCallback } from "react";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/app/components/ui/table";
 import { Button } from "@/app/components/ui/button";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/app/components/ui/select";
 import { useSelector } from 'react-redux';
 import { RootState } from "@/app/store/store";
 import { useRouter } from 'next/navigation';
-import { supabase } from '@/app/lib/supabaseClient';
+import { SCM } from '@/app/lib/supabaseClient';
 import Skeleton from 'react-loading-skeleton';
 import 'react-loading-skeleton/dist/skeleton.css';
 import ErrorModal from "@/app/components/ErrModal";
 
-
 interface LogItem {
     id: number;
     created_at: string;
@@ -27,32 +26,82 @@ interface LogItem {
     processed_by_user: {
         nickname: string | null;
     } | null;
-
 }
 
+interface CachedData {
+    logs: LogItem[];
+    totalCount: number;
+    timestamp: number;
+}
 
 export default function LogPage() {
     const [page, setPage] = useState(1);
     const [filterState, setFilterState] = useState<string>("all");
     const [filterType, setFilterType] = useState<string>("all");
     const [logs, setLogs] = useState<LogItem[]>([]);
+    const [totalCount, setTotalCount] = useState(0);
     const [isLoading, setIsLoading] = useState(true);
     const [errorModalView, setErrorModalView] = useState<ErrorMessage | null>(null);
+    
+    // 캐시 저장소 (Map으로 여러 페이지 캐싱)
+    const [cache, setCache] = useState<Map<string, CachedData>>(new Map());
+    
     const user = useSelector((state: RootState) => state.user);
     const router = useRouter();
-
     const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
 
-    useEffect(() => {
-        const fetchLogs = async () => {
-            setIsLoading(true);
-            const { data: LogsData, error: LogsDataError } = await supabase.from('logs')
-                .select(`
-                *,
-                make_by_user:users!logs_make_by_fkey(nickname),
-                processed_by_user:users!logs_processed_by_fkey(nickname)
-            `)
-                .order('created_at', { ascending: false });
+    const itemsPerPage = 30;
+    const cacheExpireTime = 5 * 60 * 1000; // 5분 캐시 유효시간
+
+    // 캐시 키 생성
+    const getCacheKey = (page: number, filterState: string, filterType: string): string => {
+        return `${page}-${filterState}-${filterType}`;
+    };
+
+    // 캐시에서 데이터 가져오기
+    const getCachedData = (cacheKey: string): CachedData | null => {
+        const cached = cache.get(cacheKey);
+        if (cached && Date.now() - cached.timestamp < cacheExpireTime) {
+            return cached;
+        }
+        return null;
+    };
+
+    // 캐시에 데이터 저장
+    const setCachedData = (cacheKey: string, data: CachedData) => {
+        setCache(prev => new Map(prev.set(cacheKey, data)));
+    };
+
+    const fetchLogs = useCallback(async (
+        currentPage: number, 
+        currentFilterState: "approved" | "rejected" | "pending" | "all", 
+        currentFilterType: "delete" | "add" | "all",
+        forceRefresh = false
+    ) => {
+        const cacheKey = getCacheKey(currentPage, currentFilterState, currentFilterType);
+        
+        // 강제 새로고침이 아니면 캐시 확인
+        if (!forceRefresh) {
+            const cachedData = getCachedData(cacheKey);
+            if (cachedData) {
+                setLogs(cachedData.logs);
+                setTotalCount(cachedData.totalCount);
+                setIsLoading(false);
+                return;
+            }
+        }
+
+        setIsLoading(true);
+
+        try {
+            const from = (currentPage - 1) * itemsPerPage;
+            const to = from + itemsPerPage - 1;
+
+            const { data: LogsData, error: LogsDataError, count } = await SCM.get().logsByFillter({
+                filterState: currentFilterState,
+                filterType: currentFilterType,
+                from, to
+            });
 
             if (LogsDataError) {
                 setErrorModalView({
@@ -62,30 +111,54 @@ export default function LogPage() {
                     inputValue: "/word/logs"
                 });
                 return;
-            } else {
-                setLogs(LogsData);
             }
-            setIsLoading(false);
-        };
 
-        fetchLogs();
-    }, []);
+            const logsData = LogsData || [];
+            const totalCountData = count || 0;
 
+            // 캐시에 저장
+            setCachedData(cacheKey, {
+                logs: logsData,
+                totalCount: totalCountData,
+                timestamp: Date.now()
+            });
 
-    const itemsPerPage = 30;
+            setLogs(logsData);
+            setTotalCount(totalCountData);
+        } catch (error) {
+            console.error('로그 fetch 오류:', error);
+            setErrorModalView({
+                ErrName: 'Fetch Error',
+                ErrMessage: '로그를 불러오는 중 오류가 발생했습니다.',
+                ErrStackRace: '',
+                inputValue: "/word/logs"
+            });
+        } finally {
+            setIsLoading(false);
+        }
+    }, [cache, itemsPerPage]);
+
+    // 초기 로드 및 필터/페이지 변경 시 데이터 fetch
+    useEffect(() => {
+        fetchLogs(page, filterState as "all" | "approved" | "rejected" | "pending", filterType as "add" | "delete" | "all");
+    }, [page, filterState, filterType, fetchLogs]);
 
-    const filteredLogs = logs.filter((log) => {
-        const stateMatch = filterState === "all" || log.state === filterState;
-        const typeMatch = filterType === "all" || log.r_type === filterType;
-        return stateMatch && typeMatch;
-    });
+    // 필터 변경 시 첫 페이지로 이동
+    const handleFilterChange = (newFilterState: string, newFilterType: string) => {
+        setPage(1);
+        if (newFilterState !== undefined) setFilterState(newFilterState);
+        if (newFilterType !== undefined) setFilterType(newFilterType);
+    };
 
-    const startIdx = (page - 1) * itemsPerPage;
-    const currentLogs = filteredLogs.slice(startIdx, startIdx + itemsPerPage);
-    const totalPages = Math.ceil(filteredLogs.length / itemsPerPage);
+    // 새로고침 함수
+    const handleRefresh = () => {
+        fetchLogs(page, filterState as "all" | "approved" | "rejected" | "pending", filterType as "add" | "delete" | "all", true);
+    };
+
+    const totalPages = Math.ceil(totalCount / itemsPerPage);
 
     return (
-        <div className="p-6 max-w-6xl mx-auto">
+        <div className="p-6 max-w-6xl mx-auto text-gray-800 dark:text-gray-100 bg-gradient-to-b from-gray-100 to-gray-200 dark:from-gray-900 dark:to-gray-800 min-h-screen">
             {/* Error Modal */}
             {errorModalView && (
                 <ErrorModal
@@ -94,98 +167,151 @@ export default function LogPage() {
                 />
             )}
 
-            <h1 className="text-3xl font-bold mb-6">단어 추가/삭제 로그</h1>
+            <div className="flex justify-between items-center mb-6">
+                <h1 className="text-3xl font-bold">단어 추가/삭제 로그</h1>
+                <Button 
+                    variant="outline" 
+                    onClick={handleRefresh}
+                    disabled={isLoading}
+                    className="border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-100 hover:border-blue-300 dark:hover:border-blue-600"
+                >
+                    새로고침
+                </Button>
+            </div>
 
             {/* 필터링 섹션 */}
             <div className="flex gap-4 mb-4">
-                <Select value={filterState} onValueChange={(v) => { setPage(1); setFilterState(v); }}>
-                    <SelectTrigger className="w-[160px]">
+                <Select 
+                    value={filterState} 
+                    onValueChange={(v) => handleFilterChange(v, filterType)}
+                >
+                    <SelectTrigger className="w-[160px] bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 text-gray-800 dark:text-gray-100 hover:border-blue-300 dark:hover:border-blue-600">
                         <SelectValue placeholder="상태 선택" />
                     </SelectTrigger>
-                    <SelectContent>
+                    <SelectContent className="bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-100">
                         <SelectItem value="all">전체 상태</SelectItem>
                         <SelectItem value="approved">승인됨</SelectItem>
                         <SelectItem value="rejected">거절됨</SelectItem>
+                        <SelectItem value="pending">대기중</SelectItem>
                     </SelectContent>
                 </Select>
 
-                <Select value={filterType} onValueChange={(v) => { setPage(1); setFilterType(v); }}>
-                    <SelectTrigger className="w-[160px]">
+                <Select 
+                    value={filterType} 
+                    onValueChange={(v) => handleFilterChange(filterState, v)}
+                >
+                    <SelectTrigger className="w-[160px] bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 text-gray-800 dark:text-gray-100 hover:border-blue-300 dark:hover:border-blue-600">
                         <SelectValue placeholder="요청 타입 선택" />
                     </SelectTrigger>
-                    <SelectContent>
+                    <SelectContent className="bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-100">
                         <SelectItem value="all">전체 타입</SelectItem>
                         <SelectItem value="add">추가 요청</SelectItem>
                         <SelectItem value="delete">삭제 요청</SelectItem>
                     </SelectContent>
                 </Select>
+
+                <div className="flex items-center text-sm text-gray-500 dark:text-gray-400">
+                    총 {totalCount}개 결과
+                </div>
             </div>
 
-            <Table>
-                <TableHeader>
-                    <TableRow>
-                        <TableHead className="w-16">ID</TableHead>
-                        <TableHead className="w-48">생성 시각</TableHead>
-                        <TableHead className="w-[30%]">단어</TableHead>
-                        <TableHead>요청자</TableHead>
-                        <TableHead>처리자</TableHead>
-                        <TableHead>상태</TableHead>
-                        <TableHead>요청 타입</TableHead>
-                    </TableRow>
-                </TableHeader>
-
-                <TableBody>
-                    {isLoading ? (
-                        Array.from({ length: 10 }).map((_, idx) => (
-                            <TableRow key={idx}>
-                                <TableCell><Skeleton /></TableCell>
-                                <TableCell><Skeleton width={120} /></TableCell>
-                                <TableCell><Skeleton width={180} /></TableCell>
-                                <TableCell><Skeleton width={100} /></TableCell>
-                                <TableCell><Skeleton width={100} /></TableCell>
-                                <TableCell><Skeleton width={80} /></TableCell>
-                                <TableCell><Skeleton width={80} /></TableCell>
-                            </TableRow>
-                        ))
-                    ) : (
-                        currentLogs.map((log) => {
-                            const isMyRequest = log.make_by === user.uuid;
-                            const utcCreat_at = new Date(log.created_at);
-                            const localTime = utcCreat_at.toLocaleString(undefined, { timeZone: userTimeZone });
-
-                            return (
-                                <TableRow key={log.id} className={isMyRequest ? "bg-blue-50" : ""}>
-                                    <TableCell>{log.id}</TableCell>
-                                    <TableCell>{localTime}</TableCell>
-                                    <TableCell className={log.r_type === "add" ? "text-blue-600 underline hover:cursor-pointer" : ""} onClick={() => {
-                                        if (log.r_type === "add") {
-                                            router.push(`/word/search/${log.word}`);
-                                        }
-                                    }
-                                    } >{log.word}</TableCell>
-                                    <TableCell className={log.make_by_user ? `text-blue-600 underline hover:cursor-pointer` : ""} onClick={() => { if (log.make_by_user) { router.push(`/profile/${log.make_by_user?.nickname}`); } }} >{log.make_by_user?.nickname || "-"}</TableCell>
-                                    <TableCell className={log.processed_by_user ? `text-blue-600 underline hover:cursor-pointer` : ""} onClick={() => { if (log.processed_by_user) { router.push(`/profile/${log.processed_by_user?.nickname}`); } }}>{log.processed_by_user?.nickname || "-"}</TableCell>
-                                    <TableCell>
-                                        {log.state === "approved" ? (
-                                            <span className="text-green-600 font-semibold">승인</span>
-                                        ) : (
-                                            <span className="text-red-600 font-semibold">거절</span>
-                                        )}
-                                    </TableCell>
-                                    <TableCell>
-                                        {log.r_type === "add" ? (
-                                            <span className="text-blue-600">추가</span>
-                                        ) : (
-                                            <span className="text-orange-600">삭제</span>
-                                        )}
-                                    </TableCell>
+            <div className="rounded-xl overflow-hidden shadow-md bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700">
+                <Table>
+                    <TableHeader>
+                        <TableRow className="bg-gray-100 dark:bg-gray-900">
+                            <TableHead className="w-16">ID</TableHead>
+                            <TableHead className="w-48">생성 시각</TableHead>
+                            <TableHead className="w-[30%]">단어</TableHead>
+                            <TableHead>요청자</TableHead>
+                            <TableHead>처리자</TableHead>
+                            <TableHead>상태</TableHead>
+                            <TableHead>요청 타입</TableHead>
+                        </TableRow>
+                    </TableHeader>
+                    <TableBody>
+                        {isLoading ? (
+                            Array.from({ length: 30 }).map((_, idx) => (
+                                <TableRow key={idx}>
+                                    <TableCell><Skeleton /></TableCell>
+                                    <TableCell><Skeleton width={120} /></TableCell>
+                                    <TableCell><Skeleton width={180} /></TableCell>
+                                    <TableCell><Skeleton width={100} /></TableCell>
+                                    <TableCell><Skeleton width={100} /></TableCell>
+                                    <TableCell><Skeleton width={80} /></TableCell>
+                                    <TableCell><Skeleton width={80} /></TableCell>
                                 </TableRow>
-                            )
-                        })
-                    )}
-                </TableBody>
+                            ))
+                        ) : logs.length === 0 ? (
+                            <TableRow>
+                                <TableCell colSpan={7} className="text-center py-8 text-gray-500 dark:text-gray-400">
+                                    조건에 맞는 로그가 없습니다.
+                            </TableCell>
+                            </TableRow>
+                        ) : (
+                            logs.map((log) => {
+                                const isMyRequest = log.make_by === user.uuid;
+                                const utcCreat_at = new Date(log.created_at);
+                                const localTime = utcCreat_at.toLocaleString(undefined, { timeZone: userTimeZone });
 
-            </Table>
+                                return (
+                                    <TableRow key={log.id} className={isMyRequest ? "bg-blue-50 dark:bg-blue-900/20" : ""}>
+                                        <TableCell>{log.id}</TableCell>
+                                        <TableCell>{localTime}</TableCell>
+                                        <TableCell 
+                                            className={(log.r_type === "add" || (log.r_type === "delete" && log.state === "rejected")) 
+                                                ? "text-blue-600 underline hover:cursor-pointer dark:text-blue-400" 
+                                                : ""}
+                                            onClick={() => {
+                                                if (log.r_type === "add" || (log.r_type === "delete" && log.state === "rejected")) {
+                                                    router.push(`/word/search/${log.word}`);
+                                                }
+                                            }}
+                                        >
+                                            {log.word}
+                                        </TableCell>
+                                        <TableCell 
+                                            className={log.make_by_user ? `text-blue-600 underline hover:cursor-pointer dark:text-blue-400` : ""} 
+                                            onClick={() => { 
+                                                if (log.make_by_user) { 
+                                                    router.push(`/profile/${log.make_by_user?.nickname}`); 
+                                                } 
+                                            }}
+                                        >
+                                            {log.make_by_user?.nickname || "-"}
+                                        </TableCell>
+                                        <TableCell 
+                                            className={log.processed_by_user ? `text-blue-600 underline hover:cursor-pointer dark:text-blue-400` : ""} 
+                                            onClick={() => { 
+                                                if (log.processed_by_user) { 
+                                                    router.push(`/profile/${log.processed_by_user?.nickname}`); 
+                                                } 
+                                            }}
+                                        >
+                                            {log.processed_by_user?.nickname || "-"}
+                                        </TableCell>
+                                        <TableCell>
+                                            {log.state === "approved" ? (
+                                                <span className="text-green-600 dark:text-green-400 font-semibold">승인</span>
+                                            ) : log.state === "rejected" ? (
+                                                <span className="text-red-600 dark:text-red-400 font-semibold">거절</span>
+                                            ) : (
+                                                <span className="text-yellow-600 dark:text-yellow-400 font-semibold">대기중</span>
+                                            )}
+                                        </TableCell>
+                                        <TableCell>
+                                            {log.r_type === "add" ? (
+                                                <span className="text-blue-600 dark:text-blue-400">추가</span>
+                                            ) : (
+                                                <span className="text-orange-600 dark:text-orange-400">삭제</span>
+                                            )}
+                                        </TableCell>
+                                    </TableRow>
+                                )
+                            })
+                        )}
+                    </TableBody>
+                </Table>
+            </div>
 
             {/* 페이지네이션 */}
             <div className="flex justify-between items-center mt-6">
@@ -193,22 +319,30 @@ export default function LogPage() {
                     variant="outline"
                     disabled={page === 1 || isLoading}
                     onClick={() => setPage((prev) => prev - 1)}
+                    className="border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-100 hover:border-blue-300 dark:hover:border-blue-600"
                 >
                     이전
                 </Button>
 
-                <span className="text-gray-600">
-                    {page} / {totalPages} 페이지
-                </span>
+                <div className="flex items-center gap-2">
+                    <span className="text-gray-600 dark:text-gray-300">
+                        {page} / {totalPages} 페이지
+                    </span>
+                    <span className="text-sm text-gray-400 dark:text-gray-500">
+                        ({((page - 1) * itemsPerPage) + 1}-{Math.min(page * itemsPerPage, totalCount)} / {totalCount})
+                    </span>
+                </div>
 
                 <Button
                     variant="outline"
-                    disabled={page === totalPages || isLoading}
+                    disabled={page >= totalPages || isLoading}
                     onClick={() => setPage((prev) => prev + 1)}
+                    className="border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-100 hover:border-blue-300 dark:hover:border-blue-600"
                 >
                     다음
                 </Button>
             </div>
         </div>
-    );
-}
+    )
+
+}
\ No newline at end of file
diff --git a/app/word/open-api/page.tsx b/app/word/open-api/page.tsx
deleted file mode 100644
index 9847c48..0000000
--- a/app/word/open-api/page.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import UnderConstructionPage from "@/app/components/UnderConstruction";
-
-export async function generateMetadata() {
-    return {
-        title: "끄코 유틸리티 - 오픈DB API",
-        description: `끄코 유틸리티 - 오픈DB API`,
-    };
-}
-
-export default function OpenAPIPage(){
-    return <UnderConstructionPage />
-}
\ No newline at end of file
diff --git a/app/word/page.tsx b/app/word/page.tsx
index cba32b3..3f3f803 100644
--- a/app/word/page.tsx
+++ b/app/word/page.tsx
@@ -1,4 +1,14 @@
 import Link from "next/link";
+import { 
+    Search, 
+    Download, 
+    Plus, 
+    Upload, 
+    FileText, 
+    Clock, 
+    ChevronRight,  
+    Database 
+} from "lucide-react";
 
 export async function generateMetadata() {
     return {
@@ -8,37 +18,107 @@ export async function generateMetadata() {
 }
 
 const features = [
-    { title: "단어 검색", description: "DB에 저장된 단어를 검색합니다.", link: "/word/search" },
-    { title: "단어 추가", description: "새로운 단어를 오픈DB에 등록합니다.", link: "/word/add" },
-    { title: "단어 로그", description: "단어의 최근 로그를 확인합니다.", link: "/word/logs" },
-    { title: "요청 대기 현황", description: "추가/삭제 요청 대기 목록을 확인합니다.", link: "/word/requests" },
-    { title: "DB 다운로드", description: "오픈DB의 단어들을 필터링해 다운로드합니다.", link: "/word/words-download" },
-    { title: "API", description: "개발자들이 사용할수  있는 오픈 API문서 입니다.", link: "/word/open-api" }
+    { 
+        title: "단어 검색", 
+        description: "DB에 저장된 단어를 검색합니다.", 
+        link: "/word/search",
+        icon: Search,
+        color: "from-blue-500 to-cyan-500",
+        bgColor: "group-hover:bg-blue-50 dark:group-hover:bg-blue-950/20"
+    },
+    { 
+        title: "DB 다운로드", 
+        description: "오픈DB의 단어들을 필터링해 다운로드합니다.", 
+        link: "/word/words-download",
+        icon: Download,
+        color: "from-emerald-500 to-green-500",
+        bgColor: "group-hover:bg-emerald-50 dark:group-hover:bg-emerald-950/20"
+    },
+    { 
+        title: "단어 추가", 
+        description: "새로운 단어를 오픈DB에 등록합니다.", 
+        link: "/word/add",
+        icon: Plus,
+        color: "from-purple-500 to-violet-500",
+        bgColor: "group-hover:bg-purple-50 dark:group-hover:bg-purple-950/20"
+    },
+    { 
+        title: "단어 대량 추가", 
+        description: "새로운 단어를 오픈DB에 등록합니다. (tsv,txt,json)", 
+        link: "/word/adds",
+        icon: Upload,
+        color: "from-orange-500 to-red-500",
+        bgColor: "group-hover:bg-orange-50 dark:group-hover:bg-orange-950/20"
+    },
+    { 
+        title: "단어 로그", 
+        description: "단어의 최근 로그를 확인합니다.", 
+        link: "/word/logs",
+        icon: FileText,
+        color: "from-teal-500 to-cyan-500",
+        bgColor: "group-hover:bg-teal-50 dark:group-hover:bg-teal-950/20"
+    },
+    { 
+        title: "요청 대기 현황", 
+        description: "추가/삭제 요청 대기 목록을 확인합니다.", 
+        link: "/word/requests",
+        icon: Clock,
+        color: "from-pink-500 to-rose-500",
+        bgColor: "group-hover:bg-pink-50 dark:group-hover:bg-pink-950/20"
+    },
 ];
 
 export default function OpenDBHomePage() {
     return (
-        <div className="p-6 max-w-5xl mx-auto">
-            <h1 className="text-3xl font-bold mb-8">한국어 오픈DB 관리</h1>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                {features.map((feature, idx) => (
-                    <div
-                        key={idx}
-                        className="border rounded-2xl p-6 hover:shadow-md transition flex flex-col justify-between"
-                    >
-                        <div>
-                            <h2 className="text-2xl font-semibold mb-2">{feature.title}</h2>
-                            <p className="text-gray-600">{feature.description}</p>
-                        </div>
-                        <Link
-                            href={feature.link}
-                            className="mt-4 inline-block text-blue-600 hover:underline font-medium"
-                        >
-                            바로가기 →
-                        </Link>
+        <div className="min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-100 dark:from-gray-900 dark:via-slate-900 dark:to-indigo-950 p-6">
+            {/* 헤더 */}
+            <div className="max-w-7xl mx-auto mb-12">
+                <div className="text-center mb-8">
+                    <div className="flex items-center justify-center mb-4">
+                        <Database className="w-8 h-8 text-indigo-500 mr-3" />
+                        <h1 className="text-4xl md:text-5xl font-bold bg-gradient-to-r from-indigo-600 via-purple-600 to-blue-600 bg-clip-text text-transparent">
+                            한국어 오픈DB 관리
+                        </h1>
                     </div>
-                ))}
+                    <p className="text-slate-600 dark:text-slate-300 text-lg max-w-2xl mx-auto">
+                        단어 데이터베이스를 활용하세요
+                    </p>
+                </div>
+
+                {/* 기능 카드 그리드 */}
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-5xl mx-auto">
+                    {features.map((feature, idx) => {
+                        const IconComponent = feature.icon;
+                        
+                        return (
+                            <Link key={idx} href={feature.link}>
+                                <div className={`group bg-white/80 dark:bg-slate-800/80 backdrop-blur-sm rounded-2xl shadow-lg dark:shadow-xl border border-slate-200/50 dark:border-slate-700/50 p-6 hover:shadow-2xl dark:hover:shadow-2xl transition-all duration-300 hover:-translate-y-2 cursor-pointer ${feature.bgColor}`}>
+                                    <div className="flex items-start justify-between mb-4">
+                                        <div className={`p-3 rounded-xl bg-gradient-to-br ${feature.color} shadow-lg group-hover:scale-110 transition-transform duration-300`}>
+                                            <IconComponent className="w-6 h-6 text-white" />
+                                        </div>
+                                        <ChevronRight className="w-5 h-5 text-slate-400 group-hover:text-slate-600 dark:group-hover:text-slate-300 group-hover:translate-x-1 transition-all duration-300" />
+                                    </div>
+                                    
+                                    <h3 className="text-xl font-bold text-slate-800 dark:text-slate-100 mb-3 group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors duration-300">
+                                        {feature.title}
+                                    </h3>
+                                    
+                                    <p className="text-slate-600 dark:text-slate-300 text-sm leading-relaxed">
+                                        {feature.description}
+                                    </p>
+                                    
+                                    <div className="mt-4 pt-4 border-t border-slate-200 dark:border-slate-700">
+                                        <span className="text-xs font-semibold text-indigo-600 dark:text-indigo-400 group-hover:text-indigo-700 dark:group-hover:text-indigo-300 transition-colors duration-300">
+                                            시작하기 →
+                                        </span>
+                                    </div>
+                                </div>
+                            </Link>
+                        );
+                    })}
+                </div>
             </div>
         </div>
     );
-}
+}
\ No newline at end of file
diff --git a/app/word/requests/RequestsHome.tsx b/app/word/requests/RequestsHome.tsx
index 2d7d8ff..4417a2e 100644
--- a/app/word/requests/RequestsHome.tsx
+++ b/app/word/requests/RequestsHome.tsx
@@ -7,7 +7,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@
 import { useSelector } from 'react-redux';
 import { RootState } from "@/app/store/store";
 import { useRouter } from 'next/navigation';
-import { supabase } from '@/app/lib/supabaseClient';
+import { SCM } from '@/app/lib/supabaseClient';
 import Skeleton from 'react-loading-skeleton';
 import 'react-loading-skeleton/dist/skeleton.css';
 import ErrorModal from "@/app/components/ErrModal";
@@ -16,12 +16,11 @@ interface RequestItem {
     id: number;
     request_type: "add" | "delete";
     requested_at: string;
-    requested_by: (string & {
-        nickname: string;
-    }) | null;
+    requested_by: string | null;
     status: "approved" | "rejected" | "pending";
     word: string;
     word_id: number | null;
+    users: {nickname: string} | null
 }
 
 export default function RequestsPage() {
@@ -38,13 +37,7 @@ export default function RequestsPage() {
     useEffect(() => {
         const fetchRequests = async () => {
             setIsLoading(true);
-            const { data, error } = await supabase
-                .from('wait_words')
-                .select(`
-          *,
-          requested_by:users!wait_words_requested_by_fkey(nickname)
-        `)
-                .order('requested_at', { ascending: false });
+            const { data, error } = await SCM.get().allWaitWords();
 
             if (error) {
                 setErrorModalView({
@@ -74,7 +67,7 @@ export default function RequestsPage() {
     const totalPages = Math.ceil(filteredRequests.length / itemsPerPage);
 
     return (
-        <div className="p-6 max-w-6xl mx-auto">
+        <div className="p-6 max-w-6xl mx-auto min-h-screen text-gray-800 dark:text-gray-100 bg-gradient-to-b from-gray-100 to-gray-200 dark:from-gray-900 dark:to-gray-800">
             {errorModalView && (
                 <ErrorModal
                     error={errorModalView}
@@ -86,10 +79,10 @@ export default function RequestsPage() {
 
             <div className="flex gap-4 mb-4">
                 <Select value={filterStatus} onValueChange={(v) => { setPage(1); setFilterStatus(v); }}>
-                    <SelectTrigger className="w-[160px]">
+                    <SelectTrigger className="w-[160px] bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 text-gray-800 dark:text-gray-100 hover:border-blue-300 dark:hover:border-blue-600">
                         <SelectValue placeholder="상태 선택" />
                     </SelectTrigger>
-                    <SelectContent>
+                    <SelectContent className="bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-100">
                         <SelectItem value="all">전체 상태</SelectItem>
                         <SelectItem value="pending">대기중</SelectItem>
                         <SelectItem value="approved">승인됨</SelectItem>
@@ -98,67 +91,78 @@ export default function RequestsPage() {
                 </Select>
             </div>
 
-            <Table>
-                <TableHeader>
-                    <TableRow>
-                        <TableHead className="w-16">ID</TableHead>
-                        <TableHead>요청 단어</TableHead>
-                        <TableHead>요청 타입</TableHead>
-                        <TableHead>요청자</TableHead>
-                        <TableHead>요청 시간</TableHead>
-                        <TableHead>상태</TableHead>
-                    </TableRow>
-                </TableHeader>
-
-                <TableBody>
-                    {isLoading ? (
-                        Array.from({ length: itemsPerPage }).map((_, idx) => (
-                            <TableRow key={idx}>
-                                <TableCell><Skeleton width={20} /></TableCell>
-                                <TableCell><Skeleton width={150} /></TableCell>
-                                <TableCell><Skeleton width={80} /></TableCell>
-                                <TableCell><Skeleton width={100} /></TableCell>
-                                <TableCell><Skeleton width={120} /></TableCell>
-                                <TableCell><Skeleton width={80} /></TableCell>
-                            </TableRow>
-                        ))
-                    ) : (
-                        currentRequests.map((req) => {
-                            const isMyRequest = req.requested_by === user.uuid;
-                            const localTime = new Date(req.requested_at).toLocaleString(undefined, { timeZone: userTimeZone });
-
-                            return (
-                                <TableRow key={req.id} className={isMyRequest ? "bg-gray-50" : ""}>
-                                    <TableCell>{req.id}</TableCell>
-                                    <TableCell className="text-blue-600 underline hover:cursor-pointer" onClick={() => router.push(`/word/search/${req.word}`)}>
-                                        {req.word}
-                                    </TableCell>
-                                    <TableCell>
-                                        {req.request_type === "add" ? (
-                                            <span className="text-blue-600">추가</span>
-                                        ) : (
-                                            <span className="text-orange-600">삭제</span>
-                                        )}
-                                    </TableCell>
-                                    <TableCell className={req.requested_by ? "text-blue-600 underline hover:cursor-pointer" : ""} onClick={() => { if(req.requested_by) { router.push(`/profile/${req.requested_by.nickname}`) } }}>
-                                        {req.requested_by?.nickname || "-"}
-                                    </TableCell>
-                                    <TableCell>{localTime}</TableCell>
-                                    <TableCell>
-                                        {req.status === "approved" ? (
-                                            <span className="text-green-600 font-semibold">승인</span>
-                                        ) : req.status === "rejected" ? (
-                                            <span className="text-red-600 font-semibold">거절</span>
-                                        ) : (
-                                            <span className="text-gray-500">대기중</span>
-                                        )}
-                                    </TableCell>
+            <div className="rounded-xl overflow-hidden shadow-md bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700">
+                <Table>
+                    <TableHeader>
+                        <TableRow className="bg-gray-100 dark:bg-gray-900">
+                            <TableHead className="w-16">ID</TableHead>
+                            <TableHead>요청 단어</TableHead>
+                            <TableHead>요청 타입</TableHead>
+                            <TableHead>요청자</TableHead>
+                            <TableHead>요청 시간</TableHead>
+                            <TableHead>상태</TableHead>
+                        </TableRow>
+                    </TableHeader>
+                    <TableBody>
+                        {isLoading ? (
+                            Array.from({ length: itemsPerPage }).map((_, idx) => (
+                                <TableRow key={idx}>
+                                    <TableCell><Skeleton width={20} /></TableCell>
+                                    <TableCell><Skeleton width={150} /></TableCell>
+                                    <TableCell><Skeleton width={80} /></TableCell>
+                                    <TableCell><Skeleton width={100} /></TableCell>
+                                    <TableCell><Skeleton width={120} /></TableCell>
+                                    <TableCell><Skeleton width={80} /></TableCell>
                                 </TableRow>
-                            )
-                        })
-                    )}
-                </TableBody>
-            </Table>
+                            ))
+                        ) : (
+                            currentRequests.map((req) => {
+                                const isMyRequest = req.requested_by === user.uuid;
+                                const localTime = new Date(req.requested_at).toLocaleString(undefined, { timeZone: userTimeZone });
+
+                                return (
+                                    <TableRow key={req.id} className={isMyRequest ? "bg-blue-50 dark:bg-blue-900/20" : ""}>
+                                        <TableCell>{req.id}</TableCell>
+                                        <TableCell
+                                            className="text-blue-600 dark:text-blue-400 underline hover:cursor-pointer"
+                                            onClick={() => router.push(`/word/search/${req.word}`)}
+                                        >
+                                            {req.word}
+                                        </TableCell>
+                                        <TableCell>
+                                            {req.request_type === "add" ? (
+                                                <span className="text-blue-600 dark:text-blue-400">추가</span>
+                                            ) : (
+                                                <span className="text-orange-600 dark:text-orange-400">삭제</span>
+                                            )}
+                                        </TableCell>
+                                        <TableCell
+                                            className={req.requested_by ? "text-blue-600 dark:text-blue-400 underline hover:cursor-pointer" : ""}
+                                            onClick={() => {
+                                                if (req.users) {
+                                                    router.push(`/profile/${req.users?.nickname}`)
+                                                }
+                                            }}
+                                        >
+                                            {req.users?.nickname || "-"}
+                                        </TableCell>
+                                        <TableCell>{localTime}</TableCell>
+                                        <TableCell>
+                                            {req.status === "approved" ? (
+                                                <span className="text-green-600 dark:text-green-400 font-semibold">승인</span>
+                                            ) : req.status === "rejected" ? (
+                                                <span className="text-red-600 dark:text-red-400 font-semibold">거절</span>
+                                            ) : (
+                                                <span className="text-yellow-600 dark:text-yellow-400 font-semibold">대기중</span>
+                                            )}
+                                        </TableCell>
+                                    </TableRow>
+                                );
+                            })
+                        )}
+                    </TableBody>
+                </Table>
+            </div>
 
             {/* 페이지네이션 */}
             <div className="flex justify-between items-center mt-6">
@@ -166,11 +170,12 @@ export default function RequestsPage() {
                     variant="outline"
                     disabled={page === 1 || isLoading}
                     onClick={() => setPage((prev) => prev - 1)}
+                    className="border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-100 hover:border-blue-300 dark:hover:border-blue-600"
                 >
                     이전
                 </Button>
 
-                <span className="text-gray-600">
+                <span className="text-gray-600 dark:text-gray-300">
                     {page} / {totalPages} 페이지
                 </span>
 
@@ -178,10 +183,12 @@ export default function RequestsPage() {
                     variant="outline"
                     disabled={page === totalPages || isLoading}
                     onClick={() => setPage((prev) => prev + 1)}
+                    className="border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-100 hover:border-blue-300 dark:hover:border-blue-600"
                 >
                     다음
                 </Button>
             </div>
         </div>
     );
+
 }
diff --git a/app/word/search/WordSearch.tsx b/app/word/search/WordSearch.tsx
index 548441a..1a3788b 100644
--- a/app/word/search/WordSearch.tsx
+++ b/app/word/search/WordSearch.tsx
@@ -2,7 +2,7 @@
 
 import { useState, useEffect } from 'react';
 import Link from 'next/link';
-import { supabase } from '@/app/lib/supabaseClient';
+import { SCM } from '@/app/lib/supabaseClient';
 import { Search, Loader2, BookOpen, ArrowRight } from 'lucide-react';
 
 export default function WordSearch() {
@@ -14,55 +14,14 @@ export default function WordSearch() {
     const handleSearch = async () => {
         if (!query.trim()) return;
         
-        const cleanQuery = query.replace(/[^가-힣a-zA-Z0-9]/g, '');
-        setQuery(cleanQuery);
         setLoading(true);
         setSearchPerformed(true);
         setResults([]);
         
         try {
-            // 첫 번째 데이터베이스 쿼리
-            let dbqueryA = supabase.from('words').select('word');
-            if (cleanQuery.length > 4) {
-                dbqueryA = dbqueryA.ilike('word', `${cleanQuery}%`);
-            } else {
-                dbqueryA = dbqueryA.eq('word', cleanQuery);
-            }
-            const { data: getWords, error: getWordsError } = await dbqueryA;
-            
-            if (getWordsError) {
-                console.error('단어 테이블에서 검색 중 오류:', getWordsError);
-                setLoading(false);
-                return;
-            }
-            
-            // 두 번째 데이터베이스 쿼리
-            let dbqueryB = supabase.from('wait_words').select('word');    
-            if (cleanQuery.length > 4) {
-                dbqueryB = dbqueryB.ilike('word', `${cleanQuery}%`);
-            } else {
-                dbqueryB = dbqueryB.eq('word', cleanQuery);
-            }
-            const { data: getWaitWords, error: getWaitWordsError } = await dbqueryB;
-            
-            if (getWaitWordsError) {
-                console.error('대기 단어 테이블에서 검색 중 오류:', getWaitWordsError);
-                setLoading(false);
-                return;
-            }
-            
-            // 결과 합치기
-            const words = getWords?.map((item) => item.word) || [];
-            const waitWords = getWaitWords?.map((item) => item.word) || [];
-            const allWords = [...words];
-            const wordsSet = new Set(words)
-            waitWords.forEach((word)=>{
-                if (!wordsSet.has(word)){
-                    allWords.push(word)   
-                }
-            })
-            
-            setResults(allWords);
+            const {data, error} = await SCM.get().wordsByQuery(query)
+            if (error) return setLoading(false);
+            setResults(data);
         } catch (error) {
             console.error('검색 중 오류 발생:', error);
         } finally {
@@ -85,15 +44,15 @@ export default function WordSearch() {
     }, []);
 
     return (
-        <div className="flex flex-col items-center justify-center min-h-screen bg-gradient-to-b from-blue-50 to-white p-4">
-            <div className="w-full max-w-2xl bg-white rounded-xl shadow-lg p-6 sm:p-8">
-                <h1 className="text-2xl font-bold mb-6 text-center text-gray-800">
+        <div className="flex flex-col items-center justify-center min-h-screen bg-gradient-to-b from-blue-50 to-white dark:from-gray-900 dark:to-gray-950 p-4">
+            <div className="w-full max-w-2xl bg-white dark:bg-gray-900 rounded-xl shadow-lg p-6 sm:p-8">
+                <h1 className="text-2xl font-bold mb-6 text-center text-gray-800 dark:text-gray-100">
                     <span className="text-blue-600">단어</span> 검색
                 </h1>
                 
                 <div className="relative mb-6">
                     <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
-                        <Search className="h-5 w-5 text-gray-400" />
+                        <Search className="h-5 w-5 text-gray-400 dark:text-gray-500" />
                     </div>
                     <input
                         id="search-input"
@@ -102,7 +61,7 @@ export default function WordSearch() {
                         onChange={(e) => setQuery(e.target.value)}
                         onKeyDown={handleKeyPress}
                         placeholder="검색할 단어를 입력하세요"
-                        className="w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all"
+                        className="w-full pl-10 pr-4 py-3 border border-gray-300 dark:border-gray-700 rounded-lg bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-100 placeholder-gray-400 dark:placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all"
                     />
                     <button
                         onClick={handleSearch}
@@ -114,9 +73,9 @@ export default function WordSearch() {
                 </div>
                 
                 {searchPerformed && (
-                    <div className="rounded-lg border border-gray-200 overflow-hidden">
-                        <div className="bg-gray-50 px-4 py-3 border-b border-gray-200">
-                            <h2 className="font-medium text-gray-700">
+                    <div className="rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden">
+                        <div className="bg-gray-50 dark:bg-gray-800 px-4 py-3 border-b border-gray-200 dark:border-gray-700">
+                            <h2 className="font-medium text-gray-700 dark:text-gray-200">
                                 검색 결과 {results.length > 0 ? `(${results.length}개)` : ''}
                             </h2>
                         </div>
@@ -124,23 +83,23 @@ export default function WordSearch() {
                         {loading ? (
                             <div className="flex justify-center items-center py-12">
                                 <Loader2 className="h-8 w-8 text-blue-500 animate-spin" />
-                                <span className="ml-2 text-gray-600">검색 중...</span>
+                                <span className="ml-2 text-gray-600 dark:text-gray-300">검색 중...</span>
                             </div>
                         ) : results.length > 0 ? (
-                            <ul className="divide-y divide-gray-200 max-h-96 overflow-y-auto">
+                            <ul className="divide-y divide-gray-200 dark:divide-gray-700 max-h-96 overflow-y-auto">
                                 {results.map((word, index) => (
                                     <li 
                                         key={index} 
-                                        className="hover:bg-blue-50 transition-colors"
+                                        className="hover:bg-blue-50 dark:hover:bg-gray-800 transition-colors"
                                     >
                                         <div className="px-4 py-4 sm:px-6 flex justify-between items-center">
                                             <div className="flex items-center">
                                                 <BookOpen className="h-5 w-5 text-blue-500 mr-3" />
-                                                <span className="text-gray-800 font-medium">{word}</span>
+                                                <span className="text-gray-800 dark:text-gray-100 font-medium">{word}</span>
                                             </div>
                                             <Link 
                                                 href={`/word/search/${word}`}
-                                                className="ml-4 flex items-center px-4 py-2 text-sm bg-white border border-gray-300 rounded-md hover:bg-gray-50 hover:border-gray-400 transition-colors text-gray-700 font-medium"
+                                                className="ml-4 flex items-center px-4 py-2 text-sm bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-600 rounded-md hover:bg-gray-50 dark:hover:bg-gray-800 hover:border-gray-400 dark:hover:border-gray-500 transition-colors text-gray-700 dark:text-gray-200 font-medium"
                                             >
                                                 상세보기
                                                 <ArrowRight className="ml-1 h-4 w-4" />
@@ -151,17 +110,18 @@ export default function WordSearch() {
                             </ul>
                         ) : (
                             <div className="py-12 text-center">
-                                <p className="text-gray-500">검색 결과가 없습니다</p>
-                                <p className="text-gray-400 text-sm mt-1">다른 검색어로 시도해보세요</p>
+                                <p className="text-gray-500 dark:text-gray-400">검색 결과가 없습니다</p>
+                                <p className="text-gray-400 dark:text-gray-500 text-sm mt-1">다른 검색어로 시도해보세요</p>
                             </div>
                         )}
                     </div>
                 )}
                 
-                <div className="text-xs text-center text-gray-400 mt-6">
+                <div className="text-xs text-center text-gray-400 dark:text-gray-500 mt-6">
                     정확한 단어를 입력하시거나, 5글자 이상 입력하시면 시작 부분이 일치하는 단어를 검색합니다
                 </div>
             </div>
         </div>
     );
+
 }
\ No newline at end of file
diff --git a/app/word/search/[query]/SearchBar.tsx b/app/word/search/[query]/SearchBar.tsx
new file mode 100644
index 0000000..9cd1096
--- /dev/null
+++ b/app/word/search/[query]/SearchBar.tsx
@@ -0,0 +1,162 @@
+import React, { useState, useRef, useEffect } from 'react';
+import { Search, X } from 'lucide-react';
+import Link from 'next/link';
+import { SCM } from '@/app/lib/supabaseClient';
+
+// 검색창 컴포넌트 (WordInfo 컴포넌트 내부에 추가)
+const WordSearchBar = () => {
+    const [searchQuery, setSearchQuery] = useState('');
+    const [searchResults, setSearchResults] = useState<string[]>([]);
+    const [isSearchOpen, setIsSearchOpen] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const searchRef = useRef<HTMLDivElement>(null);
+
+    // 검색 함수 (실제 구현 시 연결할 함수)
+    const handleSearch = async (query: string): Promise<string[]> => {
+        const {data, error} = await SCM.get().wordsByQuery(query);
+        if (error) throw error
+        return data;
+    };
+
+    // 검색 실행
+    const performSearch = async (query: string) => {
+        if (query.trim() === '') {
+            setSearchResults([]);
+            return;
+        }
+
+        setIsLoading(true);
+        try {
+            const results = await handleSearch(query);
+            setSearchResults(results);
+        } catch (error) {
+            console.error('검색 오류:', error);
+            setSearchResults([]);
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+    // 검색어 변경 처리
+    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        const value = e.target.value;
+        setSearchQuery(value);
+        setIsSearchOpen(false);
+    };
+
+    // 검색 버튼 클릭 또는 엔터 입력 시 검색 실행
+    const handleSearchSubmit = (e?: React.FormEvent | React.KeyboardEvent) => {
+        if (e) e.preventDefault();
+        setIsSearchOpen(true);
+        performSearch(searchQuery);
+    };
+
+    // 검색 결과 클릭 처리
+    const handleResultClick = () => {
+        setIsSearchOpen(false);
+        setSearchQuery('');
+        setSearchResults([]);
+    };
+
+    // 검색창 외부 클릭 감지
+    useEffect(() => {
+        const handleClickOutside = (event: MouseEvent) => {
+            if (searchRef.current && !searchRef.current.contains(event.target as Node)) {
+                setIsSearchOpen(false);
+            }
+        };
+
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, []);
+
+    return (
+        <div className="max-w-4xl mx-auto mb-6" ref={searchRef}>
+            <div className="relative">
+                {/* 검색 입력창 */}
+                <div className="relative">
+                    {/* 검색 입력창 */}
+                <form
+                    className="relative"
+                    onSubmit={handleSearchSubmit}
+                >
+                    <Search
+                        className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 dark:text-gray-500 cursor-pointer"
+                        size={20}
+                        onClick={handleSearchSubmit}
+                        tabIndex={0}
+                        aria-label="검색"
+                    />
+                    <input
+                        type="text"
+                        value={searchQuery}
+                        onChange={handleInputChange}
+                        onFocus={() => setIsSearchOpen(true)}
+                        placeholder="단어를 검색하세요..."
+                        className="w-full pl-10 pr-10 py-3 border border-gray-300 dark:border-gray-600 rounded-lg 
+                                 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 
+                                 placeholder-gray-500 dark:placeholder-gray-400
+                                 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent
+                                 shadow-sm hover:shadow-md transition-shadow duration-200"
+                        onKeyDown={e => {
+                            if (e.key === 'Enter') handleSearchSubmit(e);
+                        }}
+                    />
+                    {searchQuery && (
+                        <button
+                            type="button"
+                            onClick={() => {
+                                setSearchQuery('');
+                                setSearchResults([]);
+                                setIsSearchOpen(false);
+                            }}
+                            className="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300"
+                        >
+                            <X size={20} />
+                        </button>
+                    )}
+                    </form>
+                </div>
+
+                {/* 검색 결과 드롭다운 */}
+                {isSearchOpen && (searchQuery || isLoading) && (
+                    <div className="absolute top-full left-0 right-0 mt-1 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-lg shadow-lg z-50 max-h-60 overflow-y-auto">
+                        {isLoading ? (
+                            <div className="p-4 text-center text-gray-500 dark:text-gray-400">
+                                <div className="flex items-center justify-center gap-2">
+                                    <div className="animate-spin rounded-full h-4 w-4 border-b-2 border-blue-500"></div>
+                                    검색 중...
+                                </div>
+                            </div>
+                        ) : searchResults.length > 0 ? (
+                            <div className="py-2">
+                                {searchResults.map((word, index) => (
+                                    <Link
+                                        key={index}
+                                        href={`/word/search/${word}`}
+                                        onClick={handleResultClick}
+                                        className="block px-4 py-2 text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors duration-150"
+                                    >
+                                        <div className="flex items-center gap-2">
+                                            <Search size={16} className="text-gray-400 dark:text-gray-500" />
+                                            {word}
+                                        </div>
+                                    </Link>
+                                ))}
+                            </div>
+                        ) : searchQuery && (
+                            <div className="p-4 text-center text-gray-500 dark:text-gray-400">
+                                검색 결과가 없습니다.
+                            </div>
+                        )}
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+};
+
+// WordInfo 컴포넌트의 return 문에서 사용할 JSX
+export default WordSearchBar;
\ No newline at end of file
diff --git a/app/word/search/[query]/WordInfo.tsx b/app/word/search/[query]/WordInfo.tsx
index d849a46..b793fbc 100644
--- a/app/word/search/[query]/WordInfo.tsx
+++ b/app/word/search/[query]/WordInfo.tsx
@@ -4,7 +4,7 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/app/components/ui/ca
 import { Button } from "@/app/components/ui/button";
 import { Badge } from "@/app/components/ui/badge";
 import Link from "next/link";
-import { FileText, Edit, Trash2, AlertCircle, CheckCircle, Info } from "lucide-react";
+import { FileText, Edit, Trash2, AlertCircle, CheckCircle, Info, Loader2 } from "lucide-react";
 import { useSelector } from 'react-redux';
 import { RootState } from "@/app/store/store";
 import useSWR from "swr";
@@ -14,13 +14,14 @@ import ErrorModal from "@/app/components/ErrModal";
 import WordThemeEditModal from "./WordhemeEditModal";
 import { noInjungTopic } from "../../const";
 import CompleteModal from "@/app/components/CompleteModal";
-import { supabase } from "@/app/lib/supabaseClient"
+import { SCM } from "@/app/lib/supabaseClient"
 import ConfirmModal from "@/app/components/ConfirmModal";
 import { josa } from "es-hangul";
 import { useRouter } from 'next/navigation'
 import  DuemRaw,{ reverDuemLaw } from '@/app/lib/DuemLaw';
+import WordSearchBar from "./SearchBar";
 
-interface WordInfoProps {
+export interface WordInfoProps {
     word: string;
     missionLetter: [string, number][]; // [["가", 1], ["나", 2]] 형태
     initial: string;
@@ -32,8 +33,8 @@ interface WordInfoProps {
     };
     isChainable: boolean;
     isSeniorApproved: boolean;
-    goFirstLetterWords: number;
-    goLastLetterWords: number;
+    goFirstLetterWords: () => Promise<number>;
+    goLastLetterWords: () => Promise<number>;
     status: "ok" | "추가요청" | "삭제요청";
     dbId: number;
     documents: { doc_id: number; doc_name: string }[];
@@ -56,6 +57,21 @@ const WordInfo = ({ wordInfo }: { wordInfo: WordInfoProps }) => {
     const router = useRouter();
     const fir1 = reverDuemLaw(wordInfo.word[0]);
     const las1 = [DuemRaw(wordInfo.word[wordInfo.word.length - 1])];
+    const [goFirstLetterWords, setGoFirstLetterWords] = useState<number | null>(null);
+    const [goLastLetterWords, setGoLastLetterWords] = useState<number | null>(null);
+
+    useEffect(()=>{
+        const gf = async () => {
+            const s = await wordInfo.goFirstLetterWords();
+            setGoFirstLetterWords(s)
+        }
+        const gl = async () => {
+            const s = await wordInfo.goLastLetterWords();
+            setGoLastLetterWords(s);
+        }
+        gf();
+        gl();
+    },[])
 
     // 상태에 따른 스타일 설정
     const getStatusBadge = () => {
@@ -116,10 +132,10 @@ const WordInfo = ({ wordInfo }: { wordInfo: WordInfoProps }) => {
     };
 
     const handleThemeEditSave = async (newThemes: string[], delThemes: string[]) => {
-        const delThemesQuery = delThemes.map((theme) => ({ word_id: wordInfo.dbId, theme_id: topicInfo.topicsID[topicInfo.topicsKo[theme]], typez: "delete" as const }));
-        const newThemesQuery = newThemes.map((theme) => ({ word_id: wordInfo.dbId, theme_id: topicInfo.topicsID[topicInfo.topicsKo[theme]], typez: "add" as const }));
+        const delThemesQuery = delThemes.map((theme) => ({ word_id: wordInfo.dbId, theme_id: topicInfo.topicsID[topicInfo.topicsKo[theme]], typez: "delete" as const, req_by: user.uuid ?? null }));
+        const newThemesQuery = newThemes.map((theme) => ({ word_id: wordInfo.dbId, theme_id: topicInfo.topicsID[topicInfo.topicsKo[theme]], typez: "add" as const, req_by: user.uuid ?? null }));
 
-        const { data: editRequestData, error: editRequestError } = await supabase.from('word_themes_wait').upsert([...delThemesQuery, ...newThemesQuery], { onConflict: "word_id,theme_id", ignoreDuplicates: true }).select('themes(name), typez');
+        const { data: editRequestData, error: editRequestError } = await SCM.add().wordThemesReq([...delThemesQuery, ...newThemesQuery]);
         if (editRequestError) {
             setErrorModalView({
                 ErrMessage: "An error occurred while saving the theme edit.",
@@ -153,28 +169,30 @@ const WordInfo = ({ wordInfo }: { wordInfo: WordInfoProps }) => {
     const onCancelOrDeleteRequest = async () => {
         setConFirmModalOpen(false)
         if (wordInfo.status === "ok" && user.uuid) {
-            const { data: requestDeleteData, error: requestDeleteError } = await supabase.from('wait_words').insert({
+            const { data: requestDeleteData, error: requestDeleteError } = await SCM.add().waitWord({
                 word: wordInfo.word,
                 request_type: "delete" as const,
-                requested_by: user.uuid
-            }).select('*');
+                requested_by: user.uuid,
+                word_id: wordInfo.dbId
+            })
 
             if (requestDeleteError) {
                 setErrorModalView({
                     ErrMessage: "An error occurred while delete request",
                     ErrName: "ErrorDeleteRequest",
-                    ErrStackRace: requestDeleteError.message,
+                    ErrStackRace: requestDeleteError.hint,
                     inputValue: "delete request"
                 });
                 return;
             };
+            if (!requestDeleteData) return;
 
             wordInfo.status = "삭제요청"
-            wordInfo.requestTime = requestDeleteData[0].requested_at;
+            wordInfo.requestTime = requestDeleteData.requested_at;
             setCompleteModalOpen({ word: wordInfo.word, work: "dr", s: "r" });
         }
         else if (wordInfo.status !== "ok" && user.uuid && wordInfo.requester_uuid === user.uuid) {
-            const { error: requestCancelError } = await supabase.from('wait_words').delete().eq("word", wordInfo.word);
+            const { error: requestCancelError } = await SCM.delete().waitWordByWord(wordInfo.word);
             if (requestCancelError) {
                 setErrorModalView({
                     ErrMessage: "An error occurred while cancel request",
@@ -186,7 +204,7 @@ const WordInfo = ({ wordInfo }: { wordInfo: WordInfoProps }) => {
             };
             if (wordInfo.status === "삭제요청") {
                 wordInfo.status = "ok"
-                const { data: originData, error: originDataError } = await supabase.from('words').select('*').eq('word', wordInfo.word).maybeSingle();
+                const { data: originData, error: originDataError } = await SCM.get().wordInfoByWord(wordInfo.word);
                 if (originDataError) {
                     setErrorModalView({
                         ErrMessage: "An error occurred while cancel request",
@@ -212,24 +230,26 @@ const WordInfo = ({ wordInfo }: { wordInfo: WordInfoProps }) => {
     const utcRequestTime = wordInfo.requestTime ? new Date(wordInfo.requestTime) : null;
     const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
     const localTime = utcRequestTime?.toLocaleString(undefined, { timeZone: userTimeZone });
-
+    
     return (
-        <div className="p-6 bg-gray-50 min-h-screen">
+        <div className="p-6 bg-gray-50 dark:bg-gray-900 min-h-screen">
+            <WordSearchBar />
+
             {isLoading && (
-                <div className="absolute inset-0 z-50 flex items-center justify-center bg-white/60 rounded-lg" >
+                <div className="absolute inset-0 z-50 flex items-center justify-center bg-white/60 dark:bg-black/60 rounded-lg" >
                     <Spinner />
                 </div>
             )}
             <div className="max-w-4xl mx-auto">
                 {/* 헤더 섹션 */}
-                <Card className="mb-3 shadow-md border-none overflow-hidden">
-                    <CardHeader className="bg-gradient-to-r from-blue-500 to-blue-700 text-white">
+                <Card className="mb-3 shadow-md border-none overflow-hidden dark:bg-gray-800">
+                    <CardHeader className="bg-gradient-to-r from-blue-500 to-blue-700 text-white dark:from-blue-900 dark:to-blue-800">
                         <div className="flex justify-between items-center">
                             <div>
                                 <CardTitle className="text-3xl font-bold flex items-center gap-2">
                                     {wordInfo.word} {getStatusBadge()}
                                 </CardTitle>
-                                <p className="text-blue-100 mt-1">
+                                <p className="text-blue-100 mt-1 dark:text-blue-200">
                                     초성: {wordInfo.initial} | 길이: {wordInfo.length}자
                                 </p>
                             </div>
@@ -249,42 +269,52 @@ const WordInfo = ({ wordInfo }: { wordInfo: WordInfoProps }) => {
                     </CardHeader>
                 </Card>
 
-                <Card className="mb-6 shadow-md border-none overflow-hidden">
+                <Card className="mb-6 shadow-md border-none overflow-hidden dark:bg-gray-800">
                     <CardContent className="py-4 flex items-center justify-center gap-6">
                         {/* 첫 글자로 시작하는 단어 버튼 */}
-                        {wordInfo.goFirstLetterWords > 0 ? (
+                        {goFirstLetterWords===null ? (
+                            <div className="flex items-center gap-1 text-red-400 border border-red-200 rounded-md px-3 py-2 dark:text-red-300 dark:border-red-700">
+                                <Loader2 size={16} className="animate-spin" />
+                                <span className="font-bold text-sm">로드중</span>
+                            </div>
+                        ) : (goFirstLetterWords > 0 ? (
                             <Button
                                 variant="outline"
-                                className="flex items-center gap-1 text-green-600 border-green-300 hover:bg-green-50"
+                                className="flex items-center gap-1 text-green-600 border-green-300 hover:bg-green-50 dark:text-green-400 dark:border-green-700 dark:hover:bg-green-900"
                                 onClick={()=>{wordInfo.goFirstLetterWord(fir1)}}
                             >
                                 <span className="font-bold">&lt;{wordInfo.word[0]}</span>
-                                <span className="text-sm ml-1">({wordInfo.goFirstLetterWords})</span>
+                                <span className="text-sm ml-1">({goFirstLetterWords})</span>
                             </Button>
                         ) : (
-                            <div className="flex items-center gap-1 text-red-400 border border-red-200 rounded-md px-3 py-2">
+                            <div className="flex items-center gap-1 text-red-400 border border-red-200 rounded-md px-3 py-2 dark:text-red-300 dark:border-red-700">
                                 <AlertCircle size={16} />
                                 <span className="font-bold">&lt;{wordInfo.word[0]}</span>
                             </div>
-                        )}
+                        ))}
 
                         {/* 연결 표시 */}
                         <div className="flex items-center">
-                            <span className="text-gray-400 text-sm">단어 연결</span>
+                            <span className="text-gray-400 text-sm dark:text-gray-500">단어 연결</span>
                         </div>
 
                         {/* 마지막 글자로 끝나는 단어 버튼 */}
-                        {wordInfo.goLastLetterWords > 0 ? (
+                        {!goLastLetterWords ? (
+                            <div className="flex items-center gap-1 text-red-400 border border-red-200 rounded-md px-3 py-2 dark:text-red-300 dark:border-red-700">
+                                <Loader2 size={16} className="animate-spin" />
+                                <span className="font-bold text-sm">로드중</span>
+                            </div>
+                        ) : goLastLetterWords > 0 ? (
                             <Button
                                 variant="outline"
-                                className="flex items-center gap-1 text-blue-600 border-blue-300 hover:bg-blue-50"
+                                className="flex items-center gap-1 text-blue-600 border-blue-300 hover:bg-blue-50 dark:text-blue-400 dark:border-blue-700 dark:hover:bg-blue-900"
                                 onClick={()=>{wordInfo.goLastLetterWord(las1)}}
                             >
                                 <span className="font-bold">{wordInfo.word[wordInfo.word.length - 1]}&gt;</span>
-                                <span className="text-sm ml-1">({wordInfo.goLastLetterWords})</span>
+                                <span className="text-sm ml-1">({goLastLetterWords})</span>
                             </Button>
                         ) : (
-                            <div className="flex items-center gap-1 text-red-400 border border-red-200 rounded-md px-3 py-2">
+                            <div className="flex items-center gap-1 text-red-400 border border-red-200 rounded-md px-3 py-2 dark:text-red-300 dark:border-red-700">
                                 <AlertCircle size={16} />
                                 <span className="font-bold">{wordInfo.word[wordInfo.word.length - 1]}&gt;</span>
                             </div>
@@ -297,32 +327,32 @@ const WordInfo = ({ wordInfo }: { wordInfo: WordInfoProps }) => {
                     {/* 왼쪽 칼럼 - 상태 및 문서 정보 */}
                     <div className="md:col-span-1">
                         {/* 상태 정보 카드 */}
-                        <Card className="mb-6 shadow-sm">
-                            <CardHeader className={`pb-2 ${wordInfo.status === "추가요청" ? "bg-blue-50" : wordInfo.status === "ok" ? "bg-green-50" : "bg-red-50"}`}>
+                        <Card className="mb-6 shadow-sm dark:bg-gray-800">
+                            <CardHeader className={`pb-2 ${wordInfo.status === "추가요청" ? "bg-blue-50 dark:bg-blue-950" : wordInfo.status === "ok" ? "bg-green-50 dark:bg-green-950" : "bg-red-50 dark:bg-red-950"}`}>
                                 <CardTitle className="text-lg flex items-center gap-2">
-                                    <AlertCircle size={18} className={wordInfo.status === "추가요청" ? "text-blue-500" : wordInfo.status === "ok" ? "text-green-500" : "text-red-500"} />
+                                    <AlertCircle size={18} className={wordInfo.status === "추가요청" ? "text-blue-500 dark:text-blue-300" : wordInfo.status === "ok" ? "text-green-500 dark:text-green-300" : "text-red-500 dark:text-red-300"} />
                                     {wordInfo.status === "추가요청" ? "추가 요청 정보" : wordInfo.status === "ok" ? "단어 등록 정보" : "삭제 요청 정보"}
                                 </CardTitle>
                             </CardHeader>
                             <CardContent className="pt-4">
                                 <div className="space-y-2">
                                     <div className="flex justify-between">
-                                        <span className="font-medium text-gray-600">{wordInfo.status === "ok" ? "추가자" : "요청자:"}</span>
-                                        <span>{wordInfo.requester || "알 수 없음"}</span>
+                                        <span className="font-medium text-gray-600 dark:text-gray-300">{wordInfo.status === "ok" ? "추가자" : "요청자:"}</span>
+                                        <span className="dark:text-gray-200">{wordInfo.requester || "알 수 없음"}</span>
                                     </div>
                                     <div className="flex justify-between">
-                                        <span className="font-medium text-gray-600">{wordInfo.status === "ok" ? "추가 시각" : "요청 시간:"}</span>
-                                        <span>{localTime || "알 수 없음"}</span>
+                                        <span className="font-medium text-gray-600 dark:text-gray-300">{wordInfo.status === "ok" ? "추가 시각" : "요청 시간:"}</span>
+                                        <span className="dark:text-gray-200">{localTime || "알 수 없음"}</span>
                                     </div>
                                 </div>
                             </CardContent>
                         </Card>
 
                         {/* 미션 글자 카드 - 새로 추가 */}
-                        <Card className="mb-6 shadow-sm">
-                            <CardHeader className="pb-2 bg-gray-50">
+                        <Card className="mb-6 shadow-sm dark:bg-gray-800">
+                            <CardHeader className="pb-2 bg-gray-50 dark:bg-gray-900">
                                 <CardTitle className="text-lg flex items-center gap-2">
-                                    <Info size={18} className="text-blue-500" />
+                                    <Info size={18} className="text-blue-500 dark:text-blue-300" />
                                     미션 글자
                                 </CardTitle>
                             </CardHeader>
@@ -332,43 +362,43 @@ const WordInfo = ({ wordInfo }: { wordInfo: WordInfoProps }) => {
                         </Card>
 
                         {/* 단어 특성 카드 */}
-                        <Card className="mb-6 shadow-sm">
-                            <CardHeader className="pb-2 bg-gray-50">
+                        <Card className="mb-6 shadow-sm dark:bg-gray-800">
+                            <CardHeader className="pb-2 bg-gray-50 dark:bg-gray-900">
                                 <CardTitle className="text-lg flex items-center gap-2">
-                                    <CheckCircle size={18} className="text-green-500" />
+                                    <CheckCircle size={18} className="text-green-500 dark:text-green-300" />
                                     단어 특성
                                 </CardTitle>
                             </CardHeader>
                             <CardContent className="pt-4">
                                 <div className="space-y-3">
-                                    <div className="flex justify-between items-center pb-2 border-b border-gray-100">
-                                        <span className="font-medium text-gray-600">끝말잇기:</span>
-                                        <Badge variant={wordInfo.isChainable ? "default" : "outline"} className={wordInfo.isChainable ? "bg-green-500" : ""}>
+                                    <div className="flex justify-between items-center pb-2 border-b border-gray-100 dark:border-gray-700">
+                                        <span className="font-medium text-gray-600 dark:text-gray-300">끝말잇기:</span>
+                                        <Badge variant={wordInfo.isChainable ? "default" : "outline"} className={wordInfo.isChainable ? "bg-green-500 dark:bg-green-700" : ""}>
                                             {wordInfo.isChainable ? "가능" : "불가능"}
                                         </Badge>
                                     </div>
-                                    <div className="flex justify-between items-center pb-2 border-b border-gray-100">
-                                        <span className="font-medium text-gray-600">노인정 사용:</span>
-                                        <Badge variant={wordInfo.isSeniorApproved ? "default" : "outline"} className={wordInfo.isSeniorApproved ? "bg-green-500" : ""}>
+                                    <div className="flex justify-between items-center pb-2 border-b border-gray-100 dark:border-gray-700">
+                                        <span className="font-medium text-gray-600 dark:text-gray-300">노인정 사용:</span>
+                                        <Badge variant={wordInfo.isSeniorApproved ? "default" : "outline"} className={wordInfo.isSeniorApproved ? "bg-green-500 dark:bg-green-700" : ""}>
                                             {wordInfo.isSeniorApproved ? "가능" : "불가능"}
                                         </Badge>
                                     </div>
                                     <div className="flex justify-between items-center">
-                                        <span className="font-medium text-gray-600">DB ID:</span>
-                                        <span className="text-gray-800">{wordInfo.dbId}</span>
+                                        <span className="font-medium text-gray-600 dark:text-gray-300">DB ID:</span>
+                                        <span className="text-gray-800 dark:text-gray-200">{wordInfo.dbId}</span>
                                     </div>
                                 </div>
                             </CardContent>
                         </Card>
 
                         {/* 단어 설명 카드 */}
-                        <Card className="shadow-sm">
-                            <CardHeader className="pb-2 bg-gray-50">
+                        <Card className="shadow-sm dark:bg-gray-800">
+                            <CardHeader className="pb-2 bg-gray-50 dark:bg-gray-900">
                                 <CardTitle className="text-lg">단어 설명</CardTitle>
                             </CardHeader>
                             <CardContent className="pt-4">
-                                <p className="text-gray-700 italic">
-                                    <strong className="text-blue-600">&quot;{wordInfo.word[0]}&quot;</strong>으로 시작하여 <strong className="text-blue-600">&quot;{wordInfo.word[wordInfo.word.length - 1]}&quot;</strong>로 끝나는 단어입니다.
+                                <p className="text-gray-700 italic dark:text-gray-200">
+                                    <strong className="text-blue-600 dark:text-blue-300">&quot;{wordInfo.word[0]}&quot;</strong>으로 시작하여 <strong className="text-blue-600 dark:text-blue-300">&quot;{wordInfo.word[wordInfo.word.length - 1]}&quot;</strong>로 끝나는 단어입니다.
                                 </p>
                                 {wordInfo.moreExplanation && wordInfo.moreExplanation}
                             </CardContent>
@@ -378,24 +408,24 @@ const WordInfo = ({ wordInfo }: { wordInfo: WordInfoProps }) => {
                     {/* 오른쪽 칼럼 - 주제 및 문서 */}
                     <div className="md:col-span-2">
                         {/* 주제 카드 */}
-                        <Card className="mb-6 shadow-sm">
-                            <CardHeader className="pb-2 bg-gray-50">
+                        <Card className="mb-6 shadow-sm dark:bg-gray-800">
+                            <CardHeader className="pb-2 bg-gray-50 dark:bg-gray-900">
                                 <CardTitle className="text-lg">주제 분류</CardTitle>
                             </CardHeader>
                             <CardContent className="pt-4">
                                 {isTopicEmpty ? (
-                                    <div className="py-6 text-center text-gray-500 flex flex-col items-center gap-2">
-                                        <Info size={24} className="text-gray-400" />
+                                    <div className="py-6 text-center text-gray-500 flex flex-col items-center gap-2 dark:text-gray-400">
+                                        <Info size={24} className="text-gray-400 dark:text-gray-500" />
                                         <p>등록된 주제 정보가 없습니다.</p>
                                     </div>
                                 ) : (
                                     <div className="space-y-4">
                                         {wordInfo.topic.ok.length > 0 && (
                                             <div>
-                                                <h4 className="text-sm font-medium text-gray-500 mb-2">승인된 주제</h4>
+                                                <h4 className="text-sm font-medium text-gray-500 mb-2 dark:text-gray-300">승인된 주제</h4>
                                                 <div className="flex flex-wrap gap-2">
                                                     {wordInfo.topic.ok.map((t) => (
-                                                        <Badge key={t} variant="secondary" className="bg-gray-200 text-gray-800">
+                                                        <Badge key={t} variant="secondary" className="bg-gray-200 text-gray-800 dark:bg-gray-700 dark:text-gray-100">
                                                             {t}
                                                         </Badge>
                                                     ))}
@@ -405,10 +435,10 @@ const WordInfo = ({ wordInfo }: { wordInfo: WordInfoProps }) => {
 
                                         {wordInfo.topic.waitAdd.length > 0 && (
                                             <div>
-                                                <h4 className="text-sm font-medium text-gray-500 mb-2">추가 대기 주제</h4>
+                                                <h4 className="text-sm font-medium text-gray-500 mb-2 dark:text-gray-300">추가 대기 주제</h4>
                                                 <div className="flex flex-wrap gap-2">
                                                     {wordInfo.topic.waitAdd.map((t, index) => (
-                                                        <Badge key={index} variant="outline" className="border-dashed border-blue-300 text-blue-700">
+                                                        <Badge key={index} variant="outline" className="border-dashed border-blue-300 text-blue-700 dark:border-blue-700 dark:text-blue-300">
                                                             {t}
                                                         </Badge>
                                                     ))}
@@ -418,10 +448,10 @@ const WordInfo = ({ wordInfo }: { wordInfo: WordInfoProps }) => {
 
                                         {wordInfo.topic.waitDel.length > 0 && (
                                             <div>
-                                                <h4 className="text-sm font-medium text-gray-500 mb-2">삭제 대기 주제</h4>
+                                                <h4 className="text-sm font-medium text-gray-500 mb-2 dark:text-gray-300">삭제 대기 주제</h4>
                                                 <div className="flex flex-wrap gap-2">
                                                     {wordInfo.topic.waitDel.map((t, index) => (
-                                                        <Badge key={index} variant="outline" className="border-red-300 text-red-700">
+                                                        <Badge key={index} variant="outline" className="border-red-300 text-red-700 dark:border-red-700 dark:text-red-300">
                                                             {t}
                                                         </Badge>
                                                     ))}
@@ -435,28 +465,28 @@ const WordInfo = ({ wordInfo }: { wordInfo: WordInfoProps }) => {
 
                         {/* 연결된 문서 카드 */}
                         {wordInfo.documents.length > 0 ? (
-                            <Card className="shadow-sm">
-                                <CardHeader className="pb-2 bg-gray-50">
+                            <Card className="shadow-sm dark:bg-gray-800">
+                                <CardHeader className="pb-2 bg-gray-50 dark:bg-gray-900">
                                     <CardTitle className="text-lg flex items-center gap-2">
-                                        <FileText size={18} className="text-blue-500" />
+                                        <FileText size={18} className="text-blue-500 dark:text-blue-300" />
                                         연결된 문서 ({wordInfo.documents.length})
                                     </CardTitle>
                                 </CardHeader>
                                 <CardContent className="pt-4">
-                                    <div className="overflow-hidden rounded-lg border border-gray-200">
+                                    <div className="overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700">
                                         <table className="w-full text-left">
-                                            <thead className="bg-gray-50">
+                                            <thead className="bg-gray-50 dark:bg-gray-900">
                                                 <tr>
-                                                    <th className="py-3 px-4 text-sm font-medium text-gray-600 border-b">문서 ID</th>
-                                                    <th className="py-3 px-4 text-sm font-medium text-gray-600 border-b">문서 이름</th>
+                                                    <th className="py-3 px-4 text-sm font-medium text-gray-600 border-b dark:text-gray-300 dark:border-gray-700">문서 ID</th>
+                                                    <th className="py-3 px-4 text-sm font-medium text-gray-600 border-b dark:text-gray-300 dark:border-gray-700">문서 이름</th>
                                                 </tr>
                                             </thead>
-                                            <tbody className="divide-y divide-gray-200">
+                                            <tbody className="divide-y divide-gray-200 dark:divide-gray-700">
                                                 {wordInfo.documents.map((doc,index) => (
-                                                    <tr key={`${doc.doc_id}-${index}`} className="hover:bg-gray-50">
-                                                        <td className="py-3 px-4 text-sm text-gray-500">{doc.doc_id}</td>
+                                                    <tr key={`${doc.doc_id}-${index}`} className="hover:bg-gray-50 dark:hover:bg-gray-900">
+                                                        <td className="py-3 px-4 text-sm text-gray-500 dark:text-gray-300">{doc.doc_id}</td>
                                                         <td className="py-3 px-4">
-                                                            <Link href={`/words-docs/${doc.doc_id}`} className="text-blue-600 hover:underline hover:text-blue-800 flex items-center gap-1">
+                                                            <Link href={`/words-docs/${doc.doc_id}`} className="text-blue-600 hover:underline hover:text-blue-800 flex items-center gap-1 dark:text-blue-300 dark:hover:text-blue-400">
                                                                 <FileText size={14} /> {doc.doc_name}
                                                             </Link>
                                                         </td>
@@ -468,11 +498,11 @@ const WordInfo = ({ wordInfo }: { wordInfo: WordInfoProps }) => {
                                 </CardContent>
                             </Card>
                         ) : (
-                            <Card className="shadow-sm">
-                                <CardHeader className="pb-2 bg-gray-50">
+                            <Card className="shadow-sm dark:bg-gray-800">
+                                <CardHeader className="pb-2 bg-gray-50 dark:bg-gray-900">
                                     <CardTitle className="text-lg">연결된 문서</CardTitle>
                                 </CardHeader>
-                                <CardContent className="py-6 text-center text-gray-500">
+                                <CardContent className="py-6 text-center text-gray-500 dark:text-gray-400">
                                     연결된 문서가 없습니다.
                                 </CardContent>
                             </Card>
@@ -483,12 +513,11 @@ const WordInfo = ({ wordInfo }: { wordInfo: WordInfoProps }) => {
             {errorModalView &&
                 <ErrorModal error={errorModalView} onClose={() => { setErrorModalView(null) }} />}
             {editModalOpen && <WordThemeEditModal wordInfo={wordInfo} onClose={() => setEditModalOpen(false)} isOpen={editModalOpen} onSave={handleThemeEditSave} injungTheme={injungTheme} noInjungTheme={noInjungTheme} />}
-            {completeModalOpen &&
-                <CompleteModal
-                    open={completeModalOpen !== null}
-                    onClose={onCompleteModalClose}
-                    title={completeModalOpen.s === "t" ? `단어 "${completeModalOpen.word}"에 대한 주제 수정 완료` : `${josa(wordInfo.word, "을/를")} ${wordInfo.status === "ok" ? "삭제 요청을" : (wordInfo.status === "삭제요청" ? "삭제 요청취소" : "추가 요청취소") + "를"} 하였습니다`}
-                    description={completeModalOpen.s === "t" ? `주제 수정이 요청이 완료되었습니다. ${completeModalOpen.addThemes.length > 0 ? `추가 요청된 주제: ${completeModalOpen.addThemes.join(", ")}` : ``} ${completeModalOpen.delThemes.length > 0 ? `삭제 요청된 주제: ${completeModalOpen.delThemes.join(", ")}` : ``}` : ``}
+            {completeModalOpen &&<CompleteModal
+                open={completeModalOpen !== null}
+                onClose={onCompleteModalClose}
+                title={completeModalOpen.s === "t" ? `단어 "${completeModalOpen.word}"에 대한 주제 수정 완료` : `${josa(wordInfo.word, "을/를")} ${wordInfo.status === "ok" ? "삭제 요청취소를" : (wordInfo.status == "삭제요청" ? "삭제 요청을" : "추가 요청취소를")} 하였습니다`}
+                description={completeModalOpen.s === "t" ? `주제 수정이 요청이 완료되었습니다. ${completeModalOpen.addThemes.length > 0 ? `추가 요청된 주제: ${completeModalOpen.addThemes.join(", ")}` : ``} ${completeModalOpen.delThemes.length > 0 ? `삭제 요청된 주제: ${completeModalOpen.delThemes.join(", ")}` : ``}` : ``}
                 />
             }
             {conFirmModalOpen &&
@@ -502,6 +531,7 @@ const WordInfo = ({ wordInfo }: { wordInfo: WordInfoProps }) => {
             }
         </div>
     );
+
 };
 
 export default WordInfo;
\ No newline at end of file
diff --git a/app/word/search/[query]/WordInfoPage.tsx b/app/word/search/[query]/WordInfoPage.tsx
index 2dfe472..b643550 100644
--- a/app/word/search/[query]/WordInfoPage.tsx
+++ b/app/word/search/[query]/WordInfoPage.tsx
@@ -1,48 +1,19 @@
 "use client";
 import WordInfo from './WordInfo';
-import { supabase } from '@/app/lib/supabaseClient';
-import ErrorModal from '@/app/components/ErrModal';
+import { SCM } from '@/app/lib/supabaseClient';
+import ErrorPage from '@/app/components/ErrorPage';
 import { useEffect, useState } from 'react';
 import NotFound from '@/app/not-found-client';
 import type { PostgrestError } from '@supabase/supabase-js';
-import { disassemble } from 'es-hangul';
+import { calculateKoreanInitials, count } from '@/app/lib/lib';
 import LoadingPage, {useLoadingState } from '@/app/components/LoadingPage';
 import axios from 'axios';
 import  DuemRaw,{ reverDuemLaw } from '@/app/lib/DuemLaw';
 import { useRouter } from 'next/navigation';
-import { sum } from 'es-toolkit';
-
-interface WordInfoProps {
-    word: string;
-    missionLetter: [string, number][];
-    initial: string;
-    length: number;
-    topic: {
-        ok: string[];
-        waitAdd: string[];
-        waitDel: string[];
-    };
-    isChainable: boolean;
-    isSeniorApproved: boolean;
-    goFirstLetterWords: number;
-    goLastLetterWords: number;
-    status: "ok" | "추가요청" | "삭제요청";
-    dbId: number;
-    documents: { doc_id: number; doc_name: string }[];
-    requester?: string;
-    requester_uuid?: string;
-    requestTime?: string;
-    moreExplanation?: React.ReactNode;
-    goFirstLetterWord: (f:string[]) => Promise<void>;
-    goLastLetterWord: (l: string[]) => Promise<void>
-}
-
-const calculateKoreanInitials = (word: string): string => {
-    return word.split("").map((c) => disassemble(c)[0]).join("");
-};
+import { WordInfoProps } from './WordInfo';
 
 export default function WordInfoPage({ query }: { query: string }) {
-    const [errorView, setErrorView] = useState<ErrorMessage | null>(null);
+    const [errorView, setErrorView] = useState<string | null>(null);
     const [wordInfo, setWordInfo] = useState<WordInfoProps | null>(null);
     const [isNotFound, setIsNotFound] = useState(false);
     const router = useRouter();
@@ -50,13 +21,8 @@ export default function WordInfoPage({ query }: { query: string }) {
     // 로딩 상태를 더 상세하게 관리하기 위한 상태
     const { loadingState, updateLoadingState } = useLoadingState();
 
-    const makeError = (error: PostgrestError) => {
-        setErrorView({
-            ErrName: error.name,
-            ErrMessage: error.message,
-            ErrStackRace: error.stack,
-            inputValue: null
-        });
+    const makeError = (erorr: PostgrestError) => {
+        setErrorView(`단어 정보 데이터 로드중 오류.\nErrorName: ${erorr.name ?? "알수없음"}\nError Message: ${erorr.message ?? "없음"}\nError code: ${erorr.code}`);
     };
 
     const wordSetFunc = (wordInfo: {
@@ -74,13 +40,13 @@ export default function WordInfoPage({ query }: { query: string }) {
             waitAdd: string[];
             waitDel: string[];
         },
-        goFirstLetterWords: number;
-        goLastLetterWords: number;
+        goFirstLetterWords: () => Promise<number>;
+        goLastLetterWords: () => Promise<number>;
         exp?: string;
     }) => {
         const mission: [string, number][] = [];
         for (const c of "가나다라마바사아자차카타파하") {
-            const pp = (wordInfo.word.match(new RegExp(c, "gi")) || []).length
+            const pp = count(wordInfo.word,c)
             if (pp) {
                 mission.push([c, pp]);
             }
@@ -99,14 +65,10 @@ export default function WordInfoPage({ query }: { query: string }) {
 
         const gf = async (f: string[]) => {
             updateLoadingState(10, "단어 정보 확인 중...");
-            const {data,error} = await supabase.rpc('random_word_ff',{fir1: f});
-            const {data:data2, error:error2} = await supabase.rpc('random_wait_word_ff',{prefixes: f});
+            const {data, error} = await SCM.get().randomWordByFirstLetter(f)
             if (error) return makeError(error)
-            if (error2) return makeError(error2)
             if (data){
-                router.push(`/word/search/${data[0].word}`)
-            } else if (data2){
-                router.push(`/word/search/${data2[0].word}`)
+                router.push(`/word/search/${data}`)
             } else {
                 router.push(`/word/search/${wordInfo.word}`)
             }
@@ -115,14 +77,10 @@ export default function WordInfoPage({ query }: { query: string }) {
 
         const lf = async (l: string[]) => {
             updateLoadingState(10, "단어 정보 확인 중...");
-            const {data, error} = await supabase.rpc('random_word_ll',{fir1:l})
-            const {data:data2, error:error2} = await supabase.rpc('random_wait_word_ll',{prefixes: l}) 
+            const {data, error} = await SCM.get().randomWordByLastLetter(l)
             if (error) return makeError(error)
-            if (error2) return makeError(error2)
             if (data){
-                router.push(`/word/search/${data[0].word}`)
-            } else if (data2){
-                router.push(`/word/search/${data2[0].word}`)
+                router.push(`/word/search/${data}`)
             } else {
                 router.push(`/word/search/${wordInfo.word}`)
             }
@@ -156,105 +114,51 @@ export default function WordInfoPage({ query }: { query: string }) {
                 updateLoadingState(10, "단어 정보 확인 중...");
 
                 // 단어 테이블 확인
-                const { data: wordTableCheck, error: wordTableCheckError } = await supabase.from('words').select('*,users(nickname)').eq('word', query).maybeSingle();
-                if (wordTableCheckError) {
-                    makeError(wordTableCheckError);
-                    return;
-                }
+                const { data: wordTableCheck, error: wordTableCheckError } = await SCM.get().wordInfoByWord(query)
+                if (wordTableCheckError) { return makeError(wordTableCheckError); }
 
                 updateLoadingState(20, "대기 단어 정보 확인 중...");
 
                 // 대기 테이블 확인
-                const { data: waitTableCheck, error: waitTableCheckError } = await supabase.from('wait_words').select('*,users(nickname)').eq('word', query).maybeSingle();
-                if (waitTableCheckError) {
-                    makeError(waitTableCheckError);
-                    return;
-                }
+                const { data: waitTableCheck, error: waitTableCheckError } = await SCM.get().waitWordInfoByWord(query);
+                if (waitTableCheckError) { return makeError(waitTableCheckError); }
 
                 if (wordTableCheck) {
                     updateLoadingState(40, "단어 주제 정보 가져오는 중...");
 
                     // 단어 주제 정보 가져오기
-                    const { data: wordThemes, error: wordThemesError } = await supabase.from('word_themes').select('themes(name)').eq('word_id', wordTableCheck.id);
-                    if (wordThemesError) {
-                        makeError(wordThemesError);
-                        return;
-                    }
+                    const { data: wordThemes, error: wordThemesError } = await SCM.get().wordThemeByWordId(wordTableCheck.id);
+                    if (wordThemesError) { return makeError(wordThemesError); }
 
                     updateLoadingState(60, "단어 대기 주제 정보 가져오는 중...");
 
                     // 단어 대기 주제 정보 가져오기
-                    const { data: wordThemes2, error: wordThemesError2 } = await supabase.from('word_themes_wait').select('themes(name), typez').eq('word_id', wordTableCheck.id);
-                    if (wordThemesError2) {
-                        makeError(wordThemesError2);
-                        return;
-                    }
+                    const { data: wordThemes2, error: wordThemesError2 } = await SCM.get().wordThemeWaitByWordId(wordTableCheck.id);
+                    if (wordThemesError2) { return makeError(wordThemesError2); }
 
                     updateLoadingState(70, "문서 연결 정보 가져오는 중...");
 
                     // 문서 연결 정보 가져오기
-                    const { data: docsData1, error: docsData1Error } = await supabase.from('docs_words').select('docs_id,docs(name)').eq('word_id', wordTableCheck.id);
-                    if (docsData1Error) {
-                        makeError(docsData1Error);
-                        return;
-                    }
-
-                    const { data: docsData2, error: docsData2Error } = await supabase.from('docs_words_wait').select('docs_id,docs(name)').eq('word_id', wordTableCheck.id).eq('typez', 'add');
-                    if (docsData2Error) {
-                        makeError(docsData2Error);
-                        return;
-                    }
-
-                    const { data: docsData3, error: docsData3Error} = await supabase.from('docs').select('*').eq('name',wordTableCheck.word[wordTableCheck.word.length - 1]);
-                    if (docsData3Error){
-                        return makeError(docsData3Error);
-                    }
+                    const { data: docsData3, error: docsData3Error} = await SCM.get().letterDocsByWord(wordTableCheck.word);
+                    if (docsData3Error){ return makeError(docsData3Error); }
                     
-                    const {data: docsData4, error: docsData4Error} = await supabase.from('docs').select('*').eq('typez','theme').in('name',[...wordThemes.map(d=>d.themes.name),...wordThemes2.map(d=>d.themes.name)]);
+                    const {data: docsData4, error: docsData4Error} = await SCM.get().themeDocsByThemeNames([...wordThemes.map(d=>d.themes.name),...wordThemes2.map(d=>d.themes.name)]);
                     if (docsData4Error){
                         return makeError(docsData4Error);
                     }
                     const docc = docsData3.concat(docsData4).map(({id,name})=>({doc_id: id, doc_name: name}))
 
-                    updateLoadingState(80, "단어의 연결되는 단어 가져오는 중...");
+                    const ff = async () => {
+                        const fir1 = reverDuemLaw(wordTableCheck.word[0]);
 
-                    const fir1 = reverDuemLaw(wordTableCheck.word[0]);
-                    const las1 = [DuemRaw(wordTableCheck.word[wordTableCheck.word.length - 1])];
+                        return await SCM.get().firstWordCountByLetters(fir1);
+                    }
 
-                    // 🔸 firWords count
-                    const { data: firWordsCount1, error: firWordsError1 } = await supabase
-                    .from('word_last_letter_counts')
-                    .select('*')
-                    .in('last_letter', fir1);
-                    
+                    const lf = async () => {
+                        const las1 = [DuemRaw(wordTableCheck.word[wordTableCheck.word.length - 1])];
 
-                    const { count: firWordsCount2, error: firWordsError2 } = await supabase
-                    .from('wait_words')
-                    .select('*', { count: 'exact', head: true })
-                    .or(fir1.map(c => `word.ilike.%${c}%`).join(','));
-
-                    // 🔸 lasWords count
-                    const { data: lasWordsCount1, error: lasWordsError1 } = await supabase
-                    .from('word_first_letter_counts')
-                    .select('*')
-                    .in('first_letter', las1);
-
-                    const { count: lasWordsCount2, error: lasWordsError2 } = await supabase
-                    .from('wait_words')
-                    .select('*', { count: 'exact', head: true })
-                    .or(las1.map(c => `word.ilike.%${c}%`).join(','));
-
-                    if (firWordsError1 || firWordsError2 || lasWordsError1 || lasWordsError2) {
-                        const error = firWordsError1 ?? firWordsError2 ?? lasWordsError1 ?? lasWordsError2;
-                        if (error) {
-                            makeError(error);
-                            return;
-                        }
+                        return await SCM.get().lastWordCountByLetters(las1)
                     }
-                    
-                    // 🔸 총합 (필요 시 null 체크 후 더하기)
-                    const totalFirCount = (sum((firWordsCount1 ?? []).map(({count})=>count))) + (firWordsCount2 || 0);
-                    const totalLasCount = (sum((lasWordsCount1 ?? []).map(({count})=>count))) + (lasWordsCount2 || 0);
 
                     let kkukoWikiok = false
 
@@ -264,9 +168,7 @@ export default function WordInfoPage({ query }: { query: string }) {
                           if (response.status === 200){
                             kkukoWikiok = true
                           }
-                    } catch(error){
-                        console.log(error)
-                    }
+                    } catch{ }
 
                     updateLoadingState(90, "정보 가공 중...");
                     await new Promise(resolve => setTimeout(resolve, 1));
@@ -276,7 +178,7 @@ export default function WordInfoPage({ query }: { query: string }) {
                         id: wordTableCheck.id,
                         word: wordTableCheck.word,
                         typez: waitTableCheck && waitTableCheck.request_type === "delete" ? "delete" : "ok",
-                        documents: [...docsData1.map((d) => ({ doc_id: d.docs_id, doc_name: d.docs.name })), ...docsData2.map((d) => ({ doc_id: d.docs_id, doc_name: d.docs.name })), ...docc],
+                        documents: [...docc],
                         themes: {
                             ok: wordThemes ? wordThemes.filter(theme => !wordThemes2.map(t => t.themes.name).includes(theme.themes.name)).map(theme => theme.themes.name) : [],
                             waitAdd: wordThemes2 ? wordThemes2.filter(theme => theme.typez === 'add').map(theme => theme.themes.name) : [],
@@ -287,8 +189,8 @@ export default function WordInfoPage({ query }: { query: string }) {
                         requested_by: waitTableCheck && waitTableCheck.request_type === "delete" ? waitTableCheck.users?.nickname : wordTableCheck.users?.nickname,
                         requested_by_uuid: waitTableCheck && waitTableCheck.request_type === "delete" ? waitTableCheck.requested_by : wordTableCheck.added_by,
                         requested_at: waitTableCheck && waitTableCheck.request_type === "delete" ? waitTableCheck.requested_at : wordTableCheck.added_at,
-                        goFirstLetterWords: totalFirCount,
-                        goLastLetterWords: totalLasCount,
+                        goFirstLetterWords: ff,
+                        goLastLetterWords: lf,
                         exp: kkukoWikiok ? `https://kkukowiki.kr/w/${wordTableCheck.word}` : undefined
                     });
 
@@ -296,71 +198,31 @@ export default function WordInfoPage({ query }: { query: string }) {
                     updateLoadingState(50, "대기 단어 주제 정보 가져오는 중...");
 
                     // 대기 단어 주제 정보 가져오기
-                    const { data: waitWordThemes, error: waitWordThemesError } = await supabase.from('wait_word_themes').select('themes(name)').eq('wait_word_id', waitTableCheck.id);
-                    if (waitWordThemesError) {
-                        makeError(waitWordThemesError);
-                        return;
-                    }
+                    const { data: waitWordThemes, error: waitWordThemesError } = await SCM.get().waitWordThemes(waitTableCheck.id);
+                    if (waitWordThemesError) { return makeError(waitWordThemesError); }
 
                     updateLoadingState(75, "대기 단어 문서 정보 가져오는 중...");
 
                     // 대기 단어 문서 정보 가져오기
-                    const { data: waitDocsData1, error: waitDocsData1Error } = await supabase.from('docs_wait_words').select('docs_id,docs(name)').eq('wait_word_id', waitTableCheck.id);
-                    if (waitDocsData1Error) {
-                        makeError(waitDocsData1Error);
-                        return;
-                    }
+                    const {data: waitDocsData4, error: waitDocsData4Error} = await SCM.get().themeDocsByThemeNames([...waitWordThemes.map(d=>d.themes.name)]);
+                    if (waitDocsData4Error){ return makeError(waitDocsData4Error); }
 
-                    const {data: waitDocsData4, error: waitDocsData4Error} = await supabase.from('docs').select('*').eq('typez','theme').in('name',[...waitWordThemes.map(d=>d.themes.name)]);
-                    if (waitDocsData4Error){
-                        return makeError(waitDocsData4Error);
-                    }
+                    const { data: waitDocsData2, error: waitDocsData2Error} = await SCM.get().letterDocsByWord(waitTableCheck.word);
+                    if (waitDocsData2Error){ return makeError(waitDocsData2Error); }
+                    
+                    const docc = waitDocsData2.concat(waitDocsData4).map(({id,name})=>({doc_id: id, doc_name: name}))
+
+                    const ff = async () => {
+                        const fir1 = reverDuemLaw(waitTableCheck.word[0]);
+
+                        return await SCM.get().firstWordCountByLetters(fir1);
 
-                    const { data: waitDocsData2, error: waitDocsData2Error} = await supabase.from('docs').select('*').eq('name',waitTableCheck.word[waitTableCheck.word.length - 1]);
-                    if (waitDocsData2Error){
-                        return makeError(waitDocsData2Error);
                     }
-                    const docc = waitDocsData2.concat(waitDocsData4).map(({id,name})=>({doc_id: id, doc_name: name}))
 
-                    updateLoadingState(80, "단어의 연결되는 단어 가져오는 중...");
-
-                    const fir1 = reverDuemLaw(waitTableCheck.word[0]);
-                    const las1 = [DuemRaw(waitTableCheck.word[waitTableCheck.word.length - 1])];
-
-                    // 🔸 firWords count
-                    const { count: firWordsCount1, error: firWordsError1 } = await supabase
-                    .from('words')
-                    .select('*', { count: 'exact', head: true })
-                    .eq('k_canuse', true)
-                    .in('last_letter', fir1);
-
-                    const { count: firWordsCount2, error: firWordsError2 } = await supabase
-                    .from('wait_words')
-                    .select('*', { count: 'exact', head: true })
-                    .or(fir1.map(c => `word.ilike.%${c}%`).join(','));
-
-                    // 🔸 lasWords count
-                    const { count: lasWordsCount1, error: lasWordsError1 } = await supabase
-                    .from('words')
-                    .select('*', { count: 'exact', head: true })
-                    .eq('k_canuse', true)
-                    .in('first_letter', las1);
-
-                    const { count: lasWordsCount2, error: lasWordsError2 } = await supabase
-                    .from('wait_words')
-                    .select('*', { count: 'exact', head: true })
-                    .or(las1.map(c => `word.ilike.%${c}%`).join(','));
-
-                    // 🔸 총합 (필요 시 null 체크 후 더하기)
-                    const totalFirCount = (firWordsCount1 || 0) + (firWordsCount2 || 0);
-                    const totalLasCount = (lasWordsCount1 || 0) + (lasWordsCount2 || 0);
-
-                    if (firWordsError1 || firWordsError2 || lasWordsError1 || lasWordsError2) {
-                        const error = firWordsError1 ?? firWordsError2 ?? lasWordsError1 ?? lasWordsError2;
-                        if (error) {
-                            makeError(error);
-                            return;
-                        }
+                    const lf = async () => {
+                        const las1 = [DuemRaw(waitTableCheck.word[waitTableCheck.word.length - 1])];
+
+                        return await SCM.get().lastWordCountByLetters(las1);
                     }
 
                     updateLoadingState(90, "정보 가공 중...");
@@ -370,7 +232,7 @@ export default function WordInfoPage({ query }: { query: string }) {
                         id: waitTableCheck.id,
                         word: waitTableCheck.word,
                         typez: waitTableCheck.request_type,
-                        documents: [...waitDocsData1.map((d) => ({ doc_id: d.docs_id, doc_name: d.docs.name })), ...docc],
+                        documents: [...docc],
                         themes: {
                             ok: [],
                             waitAdd: waitWordThemes ? waitWordThemes.map(theme => theme.themes.name) : [],
@@ -379,8 +241,8 @@ export default function WordInfoPage({ query }: { query: string }) {
                         requested_by: waitTableCheck.users?.nickname,
                         requested_by_uuid: waitTableCheck.requested_by,
                         requested_at: waitTableCheck.requested_at,
-                        goFirstLetterWords: totalFirCount,
-                        goLastLetterWords: totalLasCount
+                        goFirstLetterWords: ff,
+                        goLastLetterWords: lf
                     });
                 } else {
                     setIsNotFound(true);
@@ -400,42 +262,20 @@ export default function WordInfoPage({ query }: { query: string }) {
             fetchWordInfo();
         } catch(error){
             if (error instanceof Error){
-                updateLoadingState(
-                    100,
-                    "오류 발생"
-                );
-                setErrorView({
-                    ErrName: error.name,
-                    ErrMessage: error.message,
-                    ErrStackRace: error.stack,
-                    inputValue: "getDocData"
-                })
+                updateLoadingState(100, "오류 발생");
+                setErrorView(`단어 정보 데이터 로드중 오류.\nErrorName: ${error.name ?? "알수없음"}\nError Message: ${error.message ?? "없음"}`)
             }
         }
         
     }, [query]);
 
-    if (isNotFound) {
-        return <NotFound />;
-    }
+    if (isNotFound) { return <NotFound /> }
 
-    if (loadingState.isLoading) {
-        return (
-            <LoadingPage title={'단어 정보'} />
-        );
-    }
+    if (loadingState.isLoading) { return <LoadingPage title={'단어 정보'} /> }
 
-    if (errorView) {
-        return (
-            <ErrorModal error={errorView} onClose={() => { }} />
-        );
-    }
+    if (errorView) {return <ErrorPage message={errorView} /> }
 
-    if (wordInfo) {
-        return (
-            <WordInfo wordInfo={wordInfo} />
-        );
-    }
+    if (wordInfo) { return <WordInfo wordInfo={wordInfo} /> }
 
     return null;
-}
\ No newline at end of file
+}
diff --git a/app/word/search/[query]/WordhemeEditModal.tsx b/app/word/search/[query]/WordhemeEditModal.tsx
index 7efe38a..7b75a6e 100644
--- a/app/word/search/[query]/WordhemeEditModal.tsx
+++ b/app/word/search/[query]/WordhemeEditModal.tsx
@@ -40,9 +40,9 @@ const Accordion = ({ title, icon, children }: AccordionProps) => {
     const [isOpen, setIsOpen] = useState(false);
 
     return (
-        <div className="border rounded-md mb-4">
+        <div className="border border-gray-200 dark:border-gray-700 rounded-md mb-4">
             <button
-                className="flex items-center justify-between w-full p-4 text-left bg-gray-50 hover:bg-gray-100 rounded-t-md"
+                className="flex items-center justify-between w-full p-4 text-left bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-t-md text-gray-900 dark:text-gray-100"
                 onClick={() => setIsOpen(!isOpen)}
             >
                 <div className="flex items-center gap-2">
@@ -51,7 +51,7 @@ const Accordion = ({ title, icon, children }: AccordionProps) => {
                 </div>
                 {isOpen ? <ChevronUp size={18} /> : <ChevronDown size={18} />}
             </button>
-            {isOpen && <div className="p-4 bg-white">{children}</div>}
+            {isOpen && <div className="p-4 bg-white dark:bg-gray-900">{children}</div>}
         </div>
     );
 };
@@ -126,22 +126,22 @@ const WordThemeEditModal = ({ isOpen, onClose, wordInfo, onSave, injungTheme, no
     // 주제 상태에 따른 배지 스타일 결정
     const getTopicBadgeStyle = (topic: string) => {
         if (wordInfo.topic.ok.includes(topic)) {
-            return "bg-green-100 text-green-800 hover:bg-green-200";
+            return "bg-green-100 text-green-800 hover:bg-green-200 dark:bg-green-900 dark:text-green-200 dark:hover:bg-green-800";
         } else if (wordInfo.topic.waitAdd.includes(topic)) {
-            return "bg-blue-100 text-blue-800 border-dashed border-blue-300";
+            return "bg-blue-100 text-blue-800 border-dashed border-blue-300 dark:bg-blue-900 dark:text-blue-200 dark:border-blue-600";
         } else if (wordInfo.topic.waitDel.includes(topic)) {
-            return "bg-red-100 text-red-800 border-red-300";
+            return "bg-red-100 text-red-800 border-red-300 dark:bg-red-900 dark:text-red-200 dark:border-red-600";
         } else {
-            return "bg-gray-100 text-gray-800 hover:bg-gray-200";
+            return "bg-gray-100 text-gray-800 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700";
         }
     };
 
     return (
         <Dialog open={isOpen} onOpenChange={onClose}>
-            <DialogContent className="sm:max-w-2xl overflow-y-auto max-h-[90vh]">
+            <DialogContent className="sm:max-w-2xl overflow-y-auto max-h-[90vh] bg-white dark:bg-gray-900 border-gray-200 dark:border-gray-700">
                 <DialogHeader>
                     <DialogTitle className="flex items-center justify-between">
-                        <span className="text-xl font-bold">
+                        <span className="text-xl font-bold text-gray-900 dark:text-gray-100">
                             &quot;{wordInfo.word}&quot; 주제 수정
                         </span>
 
@@ -149,26 +149,28 @@ const WordThemeEditModal = ({ isOpen, onClose, wordInfo, onSave, injungTheme, no
                 </DialogHeader>
 
                 <div className="mt-4">
-                    <p className="text-gray-500 mb-4">
+                    <p className="text-gray-500 dark:text-gray-400 mb-4">
                         이 단어에 적용할 주제를 선택해 주세요. 변경사항은 관리자 검토 후 반영됩니다.
                     </p>
 
                     {/* 선택된 주제 미리보기 */}
                     <div className="mb-6">
-                        <h3 className="text-sm font-medium text-gray-500 mb-2">선택된 주제 ({selectedSeniorTopics.length + selectedYouthTopics.length})</h3>
-                        <div className="flex flex-wrap gap-2 min-h-10 p-2 border rounded-md bg-gray-50">
+                        <h3 className="text-sm font-medium text-gray-500 dark:text-gray-400 mb-2">
+                            선택된 주제 ({selectedSeniorTopics.length + selectedYouthTopics.length})
+                        </h3>
+                        <div className="flex flex-wrap gap-2 min-h-10 p-2 border border-gray-200 dark:border-gray-700 rounded-md bg-gray-50 dark:bg-gray-800">
                             {selectedSeniorTopics.concat(selectedYouthTopics).length > 0 ? (
                                 selectedSeniorTopics.concat(selectedYouthTopics).map(topic => (
                                     <Badge
                                         key={`selected-${topic}`}
                                         variant="secondary"
-                                        className="bg-blue-100 text-blue-800 pl-2 pr-1 py-1 flex items-center gap-1"
+                                        className="bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 pl-2 pr-1 py-1 flex items-center gap-1"
                                     >
                                         {topic}
                                         <Button
                                             variant="ghost"
                                             size="icon"
-                                            className="h-4 w-4 rounded-full ml-1 hover:bg-blue-200"
+                                            className="h-4 w-4 rounded-full ml-1 hover:bg-blue-200 dark:hover:bg-blue-800 text-blue-800 dark:text-blue-200"
                                             onClick={() => handleTopicToggle(topic)}
                                         >
                                             <X size={10} />
@@ -176,7 +178,7 @@ const WordThemeEditModal = ({ isOpen, onClose, wordInfo, onSave, injungTheme, no
                                     </Badge>
                                 ))
                             ) : (
-                                <p className="text-gray-400 text-sm p-1">선택된 주제가 없습니다.</p>
+                                <p className="text-gray-400 dark:text-gray-500 text-sm p-1">선택된 주제가 없습니다.</p>
                             )}
                         </div>
                     </div>
@@ -184,7 +186,7 @@ const WordThemeEditModal = ({ isOpen, onClose, wordInfo, onSave, injungTheme, no
                     {/* 노인정 주제 아코디언 */}
                     <Accordion
                         title={`노인정 주제 (${selectedSeniorTopics.length}/${noInjungTheme.length})`}
-                        icon={<Users size={18} className="text-blue-600" />}
+                        icon={<Users size={18} className="text-blue-600 dark:text-blue-400" />}
                     >
                         <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2">
                             {noInjungTheme.map(topic => {
@@ -200,11 +202,11 @@ const WordThemeEditModal = ({ isOpen, onClose, wordInfo, onSave, injungTheme, no
                                             checked={selectedSeniorTopics.includes(topic)}
                                             onCheckedChange={() => handleTopicToggle(topic)}
                                             disabled={isWaitState}
-                                            className={isWaitState ? "opacity-50" : ""}
+                                            className={`${isWaitState ? "opacity-50" : ""} data-[state=checked]:bg-blue-600 data-[state=checked]:border-blue-600 dark:data-[state=checked]:bg-blue-500 dark:data-[state=checked]:border-blue-500`}
                                         />
                                         <label
                                             htmlFor={`senior-${topic}`}
-                                            className={`text-sm flex items-center ${isWaitState ? "cursor-not-allowed" : "cursor-pointer"}`}
+                                            className={`text-sm flex items-center ${isWaitState ? "cursor-not-allowed" : "cursor-pointer"} text-gray-900 dark:text-gray-100`}
                                         >
                                             <Badge
                                                 variant="outline"
@@ -223,7 +225,7 @@ const WordThemeEditModal = ({ isOpen, onClose, wordInfo, onSave, injungTheme, no
                     {/* 어인정 주제 아코디언 */}
                     <Accordion
                         title={`어인정 주제 (${selectedYouthTopics.length}/${injungTheme.length})`}
-                        icon={<Book size={18} className="text-purple-600" />}
+                        icon={<Book size={18} className="text-purple-600 dark:text-purple-400" />}
                     >
                         <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2">
                             {injungTheme.map(topic => {
@@ -239,11 +241,11 @@ const WordThemeEditModal = ({ isOpen, onClose, wordInfo, onSave, injungTheme, no
                                             checked={selectedYouthTopics.includes(topic)}
                                             onCheckedChange={() => handleTopicToggle(topic)}
                                             disabled={isWaitState}
-                                            className={isWaitState ? "opacity-50" : ""}
+                                            className={`${isWaitState ? "opacity-50" : ""} data-[state=checked]:bg-purple-600 data-[state=checked]:border-purple-600 dark:data-[state=checked]:bg-purple-500 dark:data-[state=checked]:border-purple-500`}
                                         />
                                         <label
                                             htmlFor={`youth-${topic}`}
-                                            className={`text-sm flex items-center ${isWaitState ? "cursor-not-allowed" : "cursor-pointer"}`}
+                                            className={`text-sm flex items-center ${isWaitState ? "cursor-not-allowed" : "cursor-pointer"} text-gray-900 dark:text-gray-100`}
                                         >
                                             <Badge
                                                 variant="outline"
@@ -264,13 +266,13 @@ const WordThemeEditModal = ({ isOpen, onClose, wordInfo, onSave, injungTheme, no
                     <Button
                         variant="outline"
                         onClick={onClose}
-                        className="mr-2"
+                        className="mr-2 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800"
                     >
                         취소
                     </Button>
                     <Button
                         onClick={()=> setConfirmModalOpen(true)}
-                        className="bg-blue-600 hover:bg-blue-700 flex items-center gap-2"
+                        className="bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 text-white flex items-center gap-2"
                     >
                         <Save size={16} />
                         변경사항 저장
diff --git a/app/word/search/[query]/page.tsx b/app/word/search/[query]/page.tsx
index 86a4527..5fac51b 100644
--- a/app/word/search/[query]/page.tsx
+++ b/app/word/search/[query]/page.tsx
@@ -12,7 +12,7 @@ export async function generateMetadata({ params }: { params: Promise<{ query: st
 export default async function SearchPage({ params }: { params: Promise<{ query: string }> }) {
     const query = decodeURIComponent((await params).query);
     return (
-        <div className="flex flex-col items-center justify-center bg-gray-100">
+        <div className="">
             <WordInfoPage query={query} />
         </div>
     );
diff --git a/app/word/words-download/WordsDownloadHome.tsx b/app/word/words-download/WordsDownloadHome.tsx
index a312222..14f9792 100644
--- a/app/word/words-download/WordsDownloadHome.tsx
+++ b/app/word/words-download/WordsDownloadHome.tsx
@@ -14,13 +14,14 @@ import { Button } from '@/app/components/ui/button';
 import { Checkbox } from '@/app/components/ui/checkbox';
 import { Download, Filter, AlertCircle, Loader2, BarChart3, Database } from 'lucide-react';
 import { Alert, AlertDescription, AlertTitle } from '@/app/components/ui/alert';
-import { supabase } from '@/app/lib/supabaseClient';
+import { SCM } from '@/app/lib/supabaseClient';
 
 
 type ChartItem = {
     type: string;
     count: number;
     color: string;
+    darkColor: string;
 };
 
 // 단어 통계를 가져오는 함수
@@ -46,61 +47,38 @@ const fetchWordStats = async (params: {
         let wordChainCount = 0;
         let wordNotChainCount = 0;
 
-        let query = supabase.from('words').select('noin_canuse, k_canuse');
-        if (includeAcknowledged && includeNotAcknowledged) { }
-        else if (includeAcknowledged || !includeNotAcknowledged) {
-            query = query.eq('noin_canuse', false);
-        }
-        else if (includeNotAcknowledged && !includeAcknowledged) {
-            query = query.eq('noin_canuse', true);
-        }
-
-        if (onlyWordChain) query = query.eq('k_canuse', true)
-
-        // 끝말잇기 필터는 여기서 적용하지 않고 모든 단어를 가져온 후 분류
-        const { data: wordsData, error: wordsError } = await query;
+        const {data:wordsData, error: wordsError} = await SCM.get().allWords({
+            includeAddReq: includeAdded,
+            includeDeleteReq: includeDeleted,
+            includeInjung: includeAcknowledged,
+            includeNoInjung: includeNotAcknowledged,
+            onlyWordChain: onlyWordChain
+        });
 
         if (wordsError) throw wordsError;
 
-        acknowledgedCount = wordsData.filter(word => !word.noin_canuse).length;
-        notAcknowledgedCount = wordsData.filter(word => word.noin_canuse).length;
-        wordChainCount = wordsData.filter(word => word.k_canuse).length;
-        wordNotChainCount = wordsData.filter(word => !word.k_canuse).length;
+        const delR = wordsData.filter(word => word.status === 'delete');
 
-        console.log(acknowledgedCount, notAcknowledgedCount, includeAcknowledged, includeNotAcknowledged)
+        acknowledgedCount = wordsData.filter(word => !word.noin_canuse && word.status === "ok" && !delR.some(delWord => delWord.word === word.word)).length;
+        notAcknowledgedCount = wordsData.filter(word => word.noin_canuse && word.status === "ok" && !delR.some(delWord => delWord.word === word.word)).length;
+        wordChainCount = wordsData.filter(word => word.k_canuse && word.status === "ok" && !delR.some(delWord => delWord.word === word.word)).length;
+        wordNotChainCount = wordsData.filter(word => !word.k_canuse && word.status === "ok" && !delR.some(delWord => delWord.word === word.word)).length;
 
         // 추가/삭제 요청 단어 수 조회
-        let addedCount = 0;
-        let deletedCount = 0;
-
-        if (includeAdded || includeDeleted) {
-
-            const { data: requestData, error: requestError } = await supabase.from('wait_words').select('request_type');;
-
-            if (requestError) throw requestError;
-
-            if (requestData) {
-                if (includeAdded) {
-                    addedCount = requestData.filter(item => item.request_type === 'add').length;
-                }
-
-                if (includeDeleted) {
-                    deletedCount = requestData.filter(item => item.request_type === 'delete').length;
-                }
-            }
-        }
+        const addedCount = wordsData.filter(word => word.status === 'add').length;
+        const deletedCount = delR.length;
 
         // 전체 단어 수
-        const totalCount = acknowledgedCount + notAcknowledgedCount + addedCount + deletedCount;
+        const totalCount = acknowledgedCount + notAcknowledgedCount + addedCount;
 
         // 차트 데이터 생성
         const chartData = [
-            { type: '어인정', count: acknowledgedCount, color: 'bg-blue-500' },
-            { type: '노인정', count: notAcknowledgedCount, color: 'bg-yellow-500' },
-            { type: '추가요청', count: addedCount, color: 'bg-green-500' },
-            { type: '삭제요청', count: deletedCount, color: 'bg-red-500' },
-            { type: '끝말잇기 가능', count: wordChainCount, color: 'bg-indigo-500' },
-            { type: '끝말잇기 불가', count: wordNotChainCount, color: 'bg-purple-500' },
+            { type: '어인정', count: acknowledgedCount, color: 'bg-blue-500', darkColor: 'dark:bg-blue-400' },
+            { type: '노인정', count: notAcknowledgedCount, color: 'bg-yellow-500', darkColor: 'dark:bg-yellow-400' },
+            { type: '추가요청', count: addedCount, color: 'bg-green-500', darkColor: 'dark:bg-green-400' },
+            { type: '삭제요청', count: deletedCount, color: 'bg-red-500', darkColor: 'dark:bg-red-400' },
+            { type: '끝말잇기 가능', count: wordChainCount, color: 'bg-indigo-500', darkColor: 'dark:bg-indigo-400' },
+            { type: '끝말잇기 불가', count: wordNotChainCount, color: 'bg-purple-500', darkColor: 'dark:bg-purple-400' },
         ].filter(item => (item.type === '추가요청' && includeAdded) ||
             (item.type === '삭제요청' && includeDeleted) ||
             (item.type === '어인정' && includeAcknowledged) ||
@@ -143,37 +121,25 @@ const fetchWordData = async (params: {
         } = params;
 
         // words테이블에서 단어 가져오기
-        let query = supabase.from('words').select('word')
-        if (includeAcknowledged && includeNotAcknowledged) { }
-        else if (includeAcknowledged && !includeNotAcknowledged) query = query.eq('noin_canuse', false);
-        else if (!includeAcknowledged && includeNotAcknowledged) query = query.eq('noin_canuse', true);
-
-        if (onlyWordChain) query = query.eq('k_canuse', true)
-
-        const { data: okWords, error: okWordsError } = await query;
-        if (okWordsError) throw okWordsError;
-
-        okWords.forEach(({ word }) => resultWords.push(word));
-
-
-        // 추가/삭제 요청 단어 가져오기
-        if (includeAdded || includeDeleted) {
-            let waitQuery = supabase.from('wait_words').select('word');
-
-            if (includeAdded && !includeDeleted) {
-                waitQuery = waitQuery.eq('request_type', 'add');
-            } else if (!includeAdded && includeDeleted) {
-                waitQuery = waitQuery.eq('request_type', 'delete');
-            }
+        const {data:wordsData, error: wordsError} = await SCM.get().allWords({
+            includeAddReq: includeAdded,
+            includeDeleteReq: includeDeleted,
+            includeInjung: includeAcknowledged,
+            includeNoInjung: includeNotAcknowledged,
+            onlyWordChain: onlyWordChain
+        });
 
-            const { data: waitWords, error: waitWordsError } = await waitQuery;
+        if (wordsError) throw wordsError;
 
-            if (waitWordsError) throw waitWordsError;
+        const delR = wordsData.filter(word => word.status === 'delete');
 
-            waitWords.forEach(({ word }) => resultWords.push(word));
-        }
+        wordsData
+        .filter(word => word.status === 'ok' && !delR.some(delWord => delWord.word === word.word))
+        .map(word => word.word)
+        .forEach(word => resultWords.push(word));
+        wordsData.filter(word => word.status === 'add').map(word => word.word).forEach(word=>resultWords.push(word))
 
-        return resultWords.sort((a, b) => a.localeCompare(b, 'ko'));
+        return [...new Set(resultWords)].sort((a, b) => a.localeCompare(b, 'ko'));
     } catch (error) {
         throw error;
     }
@@ -281,7 +247,7 @@ export default function KoreanWordStats() {
             document.body.removeChild(a);
             URL.revokeObjectURL(url);
         } catch (err) {
-            setError('다운로드 중 오류가 발생했습니다.');
+            setError('다운로드 중 오류가 발생했습니다.'+`${err}`);
             console.error('다운로드 오류:', err);
         } finally {
             setDownloadLoading(false);
@@ -295,8 +261,8 @@ export default function KoreanWordStats() {
 
         return (
             <div className="mt-6 space-y-3">
-                <h3 className="font-medium text-gray-700 flex items-center">
-                    <BarChart3 className="mr-2 h-5 w-5 text-blue-500" />
+                <h3 className="font-medium text-gray-700 dark:text-gray-200 flex items-center">
+                    <BarChart3 className="mr-2 h-5 w-5 text-blue-500 dark:text-blue-400" />
                     단어 분포
                 </h3>
 
@@ -304,12 +270,12 @@ export default function KoreanWordStats() {
                     {chartData.map((item, index) => (
                         <div key={index} className="space-y-1">
                             <div className="flex justify-between text-sm">
-                                <span className="font-medium">{item.type}</span>
-                                <span className="text-gray-500">{item.count.toLocaleString()}개</span>
+                                <span className="font-medium text-gray-900 dark:text-gray-100">{item.type}</span>
+                                <span className="text-gray-500 dark:text-gray-400">{item.count.toLocaleString()}개</span>
                             </div>
-                            <div className="w-full bg-gray-100 rounded-full h-2.5">
+                            <div className="w-full bg-gray-100 dark:bg-gray-700 rounded-full h-2.5">
                                 <div
-                                    className={`${item.color} h-2.5 rounded-full transition-all duration-500`}
+                                    className={`${item.color} ${item.darkColor} h-2.5 rounded-full transition-all duration-500`}
                                     style={{ width: `${(item.count / maxValue) * 100}%` }}
                                 ></div>
                             </div>
@@ -324,13 +290,13 @@ export default function KoreanWordStats() {
     const renderStatCards = () => {
         // 모든 카테고리를 항상 표시하도록 수정
         const categories = [
-            { id: 'all', name: '전체', count: stats.totalCount, icon: <Database className="h-5 w-5" />, color: 'bg-blue-500' },
-            { id: 'acknowledged', name: '어인정', count: stats.acknowledgedCount, icon: <Database className="h-5 w-5" />, color: 'bg-green-500' },
-            { id: 'notAcknowledged', name: '노인정', count: stats.notAcknowledgedCount, icon: <Database className="h-5 w-5" />, color: 'bg-yellow-500' },
-            { id: 'added', name: '추가요청', count: stats.addedCount, icon: <Database className="h-5 w-5" />, color: 'bg-purple-500' },
-            { id: 'deleted', name: '삭제요청', count: stats.deletedCount, icon: <Database className="h-5 w-5" />, color: 'bg-red-500' },
-            { id: 'wordChain', name: '끝말잇기 가능', count: stats.wordChainCount, icon: <Database className="h-5 w-5" />, color: 'bg-indigo-500' },
-            { id: 'wordNotChain', name: '끝말잇기 불가', count: stats.wordNotChainCount, icon: <Database className="h-5 w-5" />, color: 'bg-orange-500' }
+            { id: 'all', name: '전체', count: stats.totalCount, icon: <Database className="h-5 w-5" />, color: 'bg-blue-500', darkColor: 'dark:bg-blue-600' },
+            { id: 'acknowledged', name: '어인정', count: stats.acknowledgedCount, icon: <Database className="h-5 w-5" />, color: 'bg-green-500', darkColor: 'dark:bg-green-600' },
+            { id: 'notAcknowledged', name: '노인정', count: stats.notAcknowledgedCount, icon: <Database className="h-5 w-5" />, color: 'bg-yellow-500', darkColor: 'dark:bg-yellow-600' },
+            { id: 'added', name: '추가요청', count: stats.addedCount, icon: <Database className="h-5 w-5" />, color: 'bg-purple-500', darkColor: 'dark:bg-purple-600' },
+            { id: 'deleted', name: '삭제요청', count: stats.deletedCount, icon: <Database className="h-5 w-5" />, color: 'bg-red-500', darkColor: 'dark:bg-red-600' },
+            { id: 'wordChain', name: '끝말잇기 가능', count: stats.wordChainCount, icon: <Database className="h-5 w-5" />, color: 'bg-indigo-500', darkColor: 'dark:bg-indigo-600' },
+            { id: 'wordNotChain', name: '끝말잇기 불가', count: stats.wordNotChainCount, icon: <Database className="h-5 w-5" />, color: 'bg-orange-500', darkColor: 'dark:bg-orange-600' }
         ];
 
         // 현재 필터에 따라 적절한 카테고리만 표시
@@ -349,16 +315,16 @@ export default function KoreanWordStats() {
                 {filteredCategories.map(category => (
                     <Card
                         key={category.id}
-                        className={`cursor-pointer transition-all duration-300 ${selectedCategory === category.id ? 'ring-2 ring-blue-500 shadow-lg' : 'hover:shadow-md'
+                        className={`cursor-pointer transition-all duration-300 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 ${selectedCategory === category.id ? 'ring-2 ring-blue-500 dark:ring-blue-400 shadow-lg' : 'hover:shadow-md'
                             }`}
                         onClick={() => setSelectedCategory(category.id)}
                     >
                         <CardContent className="p-4 flex flex-col items-center justify-center text-center">
-                            <div className={`${category.color} p-2 rounded-full text-white mb-2`}>
+                            <div className={`${category.color} ${category.darkColor} p-2 rounded-full text-white mb-2`}>
                                 {category.icon}
                             </div>
-                            <div className="text-2xl font-bold">{category.count.toLocaleString()}</div>
-                            <div className="text-sm text-gray-500">{category.name}</div>
+                            <div className="text-2xl font-bold text-gray-900 dark:text-gray-100">{category.count.toLocaleString()}</div>
+                            <div className="text-sm text-gray-500 dark:text-gray-400">{category.name}</div>
                         </CardContent>
                     </Card>
                 ))}
@@ -368,20 +334,20 @@ export default function KoreanWordStats() {
 
     return (
         <div className="container mx-auto py-8 max-w-4xl">
-            <Card className="shadow-lg">
-                <CardHeader className="bg-gradient-to-r from-blue-500 to-purple-600 text-white">
+            <Card className="shadow-lg bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700">
+                <CardHeader className="bg-gradient-to-r from-blue-500 to-purple-600 dark:from-blue-600 dark:to-purple-700 text-white">
                     <CardTitle className="text-2xl font-bold">한국어 오픈 DB 단어 통계</CardTitle>
-                    <CardDescription className="text-blue-100">
+                    <CardDescription className="text-blue-100 dark:text-blue-50">
                         필터링 조건에 맞는 단어 수를 확인하고 필요한 단어를 다운로드하세요
                     </CardDescription>
                 </CardHeader>
 
                 <CardContent className="pt-6 space-y-6">
                     {/* 필터 영역 */}
-                    <div className="bg-gray-50 p-4 rounded-lg">
+                    <div className="bg-gray-50 dark:bg-gray-700 p-4 rounded-lg">
                         <div className="flex items-center mb-3">
-                            <Filter className="mr-2 h-5 w-5 text-gray-600" />
-                            <h3 className="font-medium text-gray-800">필터 설정</h3>
+                            <Filter className="mr-2 h-5 w-5 text-gray-600 dark:text-gray-300" />
+                            <h3 className="font-medium text-gray-800 dark:text-gray-200">필터 설정</h3>
                         </div>
 
                         <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
@@ -394,7 +360,7 @@ export default function KoreanWordStats() {
                                             setIncludeAdded(checked === true)
                                         }
                                     />
-                                    <Label htmlFor="includeAdded">추가요청 단어 포함</Label>
+                                    <Label htmlFor="includeAdded" className="text-gray-700 dark:text-gray-200">추가요청 단어 포함</Label>
                                 </div>
 
                                 <div className="flex items-center space-x-2">
@@ -405,7 +371,7 @@ export default function KoreanWordStats() {
                                             setIncludeDeleted(checked === true)
                                         }
                                     />
-                                    <Label htmlFor="includeDeleted">삭제요청 단어 포함</Label>
+                                    <Label htmlFor="includeDeleted" className="text-gray-700 dark:text-gray-200">삭제요청 단어 제거</Label>
                                 </div>
 
                                 <div className="flex items-center space-x-2">
@@ -416,7 +382,7 @@ export default function KoreanWordStats() {
                                             setOnlyWordChain(checked === true)
                                         }
                                     />
-                                    <Label htmlFor="onlyWordChain">끝말잇기 사용가능 단어만</Label>
+                                    <Label htmlFor="onlyWordChain" className="text-gray-700 dark:text-gray-200">끝말잇기 사용가능 단어만</Label>
                                 </div>
                             </div>
 
@@ -429,7 +395,7 @@ export default function KoreanWordStats() {
                                             setIncludeAcknowledged(checked === true)
                                         }
                                     />
-                                    <Label htmlFor="includeAcknowledged">어인정 단어 허용</Label>
+                                    <Label htmlFor="includeAcknowledged" className="text-gray-700 dark:text-gray-200">어인정 단어 허용</Label>
                                 </div>
 
                                 <div className="flex items-center space-x-2">
@@ -440,7 +406,7 @@ export default function KoreanWordStats() {
                                             setIncludeNotAcknowledged(checked === true)
                                         }
                                     />
-                                    <Label htmlFor="includeNotAcknowledged">노인정 단어 허용</Label>
+                                    <Label htmlFor="includeNotAcknowledged" className="text-gray-700 dark:text-gray-200">노인정 단어 허용</Label>
                                 </div>
                             </div>
                         </div>
@@ -449,6 +415,7 @@ export default function KoreanWordStats() {
                             <Button
                                 onClick={() => fetchStats()}
                                 disabled={loading}
+                                className="bg-blue-500 hover:bg-blue-600 dark:bg-blue-600 dark:hover:bg-blue-700"
                             >
                                 {loading ? (
                                     <>
@@ -462,18 +429,18 @@ export default function KoreanWordStats() {
                     </div>
 
                     {error && (
-                        <Alert variant="destructive">
-                            <AlertCircle className="h-4 w-4" />
-                            <AlertTitle>오류</AlertTitle>
-                            <AlertDescription>{error}</AlertDescription>
+                        <Alert variant="destructive" className="bg-red-50 dark:bg-red-900/20 border-red-200 dark:border-red-800">
+                            <AlertCircle className="h-4 w-4 text-red-600 dark:text-red-400" />
+                            <AlertTitle className="text-red-800 dark:text-red-200">오류</AlertTitle>
+                            <AlertDescription className="text-red-700 dark:text-red-300">{error}</AlertDescription>
                         </Alert>
                     )}
 
                     {/* 통계 표시 영역 */}
                     {loading ? (
                         <div className="text-center py-16">
-                            <Loader2 className="h-8 w-8 animate-spin mx-auto mb-4 text-blue-500" />
-                            <p className="text-gray-500">통계 데이터를 불러오는 중...</p>
+                            <Loader2 className="h-8 w-8 animate-spin mx-auto mb-4 text-blue-500 dark:text-blue-400" />
+                            <p className="text-gray-500 dark:text-gray-400">통계 데이터를 불러오는 중...</p>
                         </div>
                     ) : (
                         <>
@@ -485,8 +452,8 @@ export default function KoreanWordStats() {
 
                             {/* 선택된 카테고리에 대한 추가 정보 */}
                             {selectedCategory !== 'all' && (
-                                <div className="mt-6 p-4 bg-gray-50 rounded-lg">
-                                    <h3 className="font-medium text-gray-700 mb-2">
+                                <div className="mt-6 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg">
+                                    <h3 className="font-medium text-gray-700 dark:text-gray-200 mb-2">
                                         {selectedCategory === 'acknowledged' && '어인정 단어란?'}
                                         {selectedCategory === 'notAcknowledged' && '노인정 단어란?'}
                                         {selectedCategory === 'added' && '추가요청 단어란?'}
@@ -494,7 +461,7 @@ export default function KoreanWordStats() {
                                         {selectedCategory === 'wordChain' && '끝말잇기 사용가능 단어란?'}
                                         {selectedCategory === 'wordNotChain' && '끝말잇기 사용불가 단어란?'}
                                     </h3>
-                                    <p className="text-sm text-gray-600">
+                                    <p className="text-sm text-gray-600 dark:text-gray-300">
                                         {selectedCategory === 'acknowledged' && '끄코 특수규칙인 "아인정"을 켜야지 사용할 수 있는 단어입니다. 단어부에 의해 삭제/추가가 일어납니다.'}
                                         {selectedCategory === 'notAcknowledged' && '끄코에서 "어인정"여부에 상관없이 사용 가능한 단어입니다. 단어 추가/삭제가 잘 일어 나지 않습니다.'}
                                         {selectedCategory === 'added' && '사용자들이 DB에 추가를 요청한 단어들입니다. 검토 후 DB에 추가될 수 있습니다.'}
@@ -508,14 +475,15 @@ export default function KoreanWordStats() {
                     )}
                 </CardContent>
 
-                <CardFooter className="bg-gray-50 border-t flex justify-between">
-                    <div className="text-sm text-gray-500">
+                <CardFooter className="bg-gray-50 dark:bg-gray-700 border-t border-gray-200 dark:border-gray-600 flex justify-between">
+                    <div className="text-sm text-gray-500 dark:text-gray-400">
                         필터링된 단어: {stats.totalCount.toLocaleString()}개
                     </div>
                     <Button
                         onClick={downloadWords}
                         variant="outline"
                         disabled={downloadLoading || stats.totalCount === 0}
+                        className="border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-600 text-gray-700 dark:text-gray-200"
                     >
                         {downloadLoading ? (
                             <>
diff --git a/app/words-docs/WordsDocsHome.tsx b/app/words-docs/WordsDocsHome.tsx
index 728025b..14b466c 100644
--- a/app/words-docs/WordsDocsHome.tsx
+++ b/app/words-docs/WordsDocsHome.tsx
@@ -1,11 +1,16 @@
 "use client";
 import Link from "next/link";
-import { useState, useMemo, useCallback } from "react";
+import { useState, useMemo, useCallback, useRef } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 import { ChevronDownIcon, ChevronUpIcon, ArrowUpIcon, ArrowDownIcon, MagnifyingGlassIcon } from "@radix-ui/react-icons";
 import { formatDistanceToNow } from "date-fns";
 import { ko } from "date-fns/locale";
 import { convertQwertyToHangul } from "es-hangul";
+import { useSelector } from "react-redux";
+import type { RootState } from "../store/store";
+import LoginRequiredModal from "../components/LoginRequiredModal";
+import { SCM } from "../lib/supabaseClient";
+import CompleteModal from "../components/CompleteModal";
 
 interface Document {
     id: string;
@@ -26,7 +31,7 @@ const WordsDocsHome = ({ docs }: WordsDocsHomeProps) => {
     const typeNames = {
         'letter': '글자',
         'theme': '주제',
-        'ect': '기타'
+        'ect': '특수'
     };
 
     const [expandedTypes, setExpandedTypes] = useState<{ [key: string]: boolean }>(
@@ -44,6 +49,14 @@ const WordsDocsHome = ({ docs }: WordsDocsHomeProps) => {
 
     const [hoveredRow, setHoveredRow] = useState<string | null>(null);
     const [searchQuery, setSearchQuery] = useState<string>("");
+    const [showAddModal, setShowAddModal] = useState(false);
+    const [newDocName, setNewDocName] = useState("");
+    const inputRef = useRef<HTMLInputElement>(null);
+    const [newDocError, setNewDocError] = useState<string|null>(null);
+    const [newDocLoading, setNewDocLoading] = useState(false);
+    const [showComplete, setShowComplete] = useState(false);
+    const [showNeedLogin, setShowNeedLogin] = useState(false);
+    const user = useSelector((state: RootState) => state.user);
 
     const toggleType = (typez: string) => {
         setExpandedTypes(prev => ({ ...prev, [typez]: !prev[typez] }));
@@ -123,42 +136,236 @@ const WordsDocsHome = ({ docs }: WordsDocsHomeProps) => {
         }, {});
     }, [filteredDocs]);
 
+    // 모달 열기
+    const openAddModal = () => {
+        if (!user.uuid){
+            return setShowNeedLogin(true);
+        }
+        setShowAddModal(true);
+        setTimeout(() => inputRef.current?.focus(), 50);
+    };
+
+    // 모달 닫기
+    const closeAddModal = () => {
+        setShowAddModal(false);
+        setNewDocName("");
+    };
+
+    // 입력값 1글자 제한
+    const handleNewDocNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        const value = e.target.value;
+        if (value.length <= 1) setNewDocName(value);
+    };
+
+    // 확인 버튼 클릭 시 호출할 함수 (props로 전달하거나 직접 구현)
+    const handleAddDocRequest = async () => {
+        if (newDocName.length === 1 && user.uuid) {
+            setNewDocLoading(true);
+            setNewDocError(null);
+
+            const {data: checkData ,error: checkError} = await SCM.get().letterDocs();
+            const {data: checkData2, error: checkError2} = await SCM.get().addWaitDocs();
+            if (checkError) {
+                setNewDocError("문서 추가 요청에 실패했습니다. 잠시 후 다시 시도해주세요.");
+                setTimeout(() => {
+                    setNewDocError(null);
+                }, 3000);
+                setNewDocLoading(false);
+                return;
+            }
+            if (checkError2) {
+                setNewDocError("문서 추가 요청에 실패했습니다. 잠시 후 다시 시도해주세요." + checkError2.message + checkError2.details);
+                setTimeout(() => {
+                    setNewDocError(null);
+                }, 3000);
+                setNewDocLoading(false);
+                return;
+            }
+            if (checkData.some(doc => doc.name === newDocName)) {
+                setNewDocError("이미 존재하는 문서명입니다.");
+                setTimeout(() => {
+                    setNewDocError(null);
+                }, 3000);
+                setNewDocLoading(false);
+                return;
+            }
+            if (checkData2.some(doc => doc.docs_name === newDocName)) {
+                setNewDocError("이미 추가 요청된 문서명입니다.");
+                setTimeout(() => {
+                    setNewDocError(null);
+                }, 3000);
+                setNewDocLoading(false);
+                return;
+            }
+
+            const {error} = await SCM.add().waitDocs({
+                docsName: newDocName,
+                userId: user.uuid
+            })
+            if (error) {
+                setNewDocError("문서 추가 요청에 실패했습니다. 잠시 후 다시 시도해주세요." + error.message + error.details);
+                setTimeout(() => {
+                    setNewDocError(null);
+                }, 3000);
+                setNewDocLoading(false);
+                return;
+            }
+
+            closeAddModal();
+            setShowComplete(true);
+        }
+    };
+
     return (
-        <div className="flex flex-col items-center min-h-screen bg-gray-100 p-4">
-            {/* 검색창 */}
-            <div className="w-full max-w-6xl mb-6">
-                <div className="relative">
-                    <div className="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
-                        <MagnifyingGlassIcon className="w-5 h-5 text-gray-400" />
+        <div className="flex flex-col items-center min-h-screen bg-gray-100 dark:bg-gray-900 p-4">
+            { /* 로그인 필요 모달 */}
+            {showNeedLogin && (
+                <LoginRequiredModal open={showNeedLogin} onClose={() => setShowNeedLogin(false)} />
+            )}
+
+            {/* 완료 모달 */}
+            {showComplete && (
+                <CompleteModal open={showComplete} onClose={() => setShowComplete(false)} />
+            )}
+
+            {/* 추가요청 모달 - 개선된 디자인 */}
+            {showAddModal && (
+            <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm">
+                <div className="bg-white dark:bg-gray-900 rounded-2xl shadow-2xl p-8 w-full max-w-md relative border border-gray-200 dark:border-gray-700 transform transition-all duration-300 scale-100">
+                {/* 닫기 버튼 */}
+                <button
+                    className="absolute top-4 right-4 w-8 h-8 flex items-center justify-center text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full transition-all duration-200"
+                    onClick={closeAddModal}
+                    aria-label="닫기"
+                    disabled={newDocLoading}
+                >
+                    ✕
+                </button>
+                
+                {/* 헤더 */}
+                <div className="mb-6">
+                    <div className="w-12 h-12 bg-blue-100 dark:bg-blue-900/30 rounded-full flex items-center justify-center mb-4">
+                    <svg className="w-6 h-6 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+                    </svg>
                     </div>
+                    <h2 className="text-xl font-bold text-gray-900 dark:text-gray-100">새 문서 추가 요청</h2>
+                    <p className="text-sm text-gray-600 dark:text-gray-400 mt-1">원하시는 글자 문서 이름을 입력해주세요.</p>
+                </div>
+                
+                {/* 입력 필드 */}
+                <div className="mb-6">
+                    <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                    문서명
+                    </label>
+                    <div className="relative">
                     <input
+                        ref={inputRef}
                         type="text"
-                        value={searchQuery}
-                        onChange={handleSearch}
-                        placeholder="문서명 검색..."
-                        className="w-full p-4 pl-10 pr-10 bg-white border border-gray-200 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+                        value={newDocName}
+                        onChange={handleNewDocNameChange}
+                        maxLength={1}
+                        className="w-full p-4 border-2 border-gray-200 dark:border-gray-600 rounded-xl focus:outline-none focus:border-blue-500 focus:ring-4 focus:ring-blue-500/20 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 text-center text-2xl font-bold transition-all duration-200"
+                        placeholder="가"
                     />
-                    {searchQuery && (
-                        <button
-                            onClick={clearSearch}
-                            className="absolute inset-y-0 right-0 flex items-center px-3 text-gray-500 hover:text-gray-700"
-                        >
-                            ✕
-                        </button>
+                    <div className="absolute bottom-2 right-3 text-xs text-gray-400">
+                        {newDocName.length}/1
+                    </div>
+                    </div>
+                    <p className="text-xs text-gray-500 dark:text-gray-400 mt-2">
+                    한 글자만 입력 가능합니다
+                    </p>
+                    {newDocError && (
+                    <p className="text-sm text-red-500 mt-2">
+                        {newDocError}
+                    </p>
                     )}
                 </div>
                 
+                {/* 버튼 */}
+                <div className="flex space-x-3">
+                    <button
+                    onClick={closeAddModal}
+                    className="flex-1 py-3 px-4 border-2 border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-all duration-200 font-medium"
+                    disabled={newDocLoading}
+                    >
+                    취소
+                    </button>
+                    <button
+                    onClick={handleAddDocRequest}
+                    disabled={newDocName.length !== 1}
+                    className={`flex-1 py-3 px-4 rounded-xl font-medium transition-all duration-200 ${
+                        newDocName.length === 1
+                        ? "bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white shadow-lg hover:shadow-xl transform hover:scale-105"
+                        : "bg-gray-200 dark:bg-gray-700 text-gray-400 cursor-not-allowed"
+                    }`}
+                    >
+                    {newDocLoading ? "저장 중..." : newDocName.length === 1 ? "문서 추가 요청" : "글자 입력 필요"}
+                    </button>
+                </div>
+                </div>
+            </div>
+            )}
+
+            {/* 검색창 - 개선된 디자인 */}
+            <div className="w-full max-w-6xl mb-4">
+            <div className="relative group">
+                <div className="absolute inset-y-0 left-0 flex items-center pl-4 pointer-events-none">
+                <MagnifyingGlassIcon className="w-5 h-5 text-gray-400 dark:text-gray-500 group-focus-within:text-blue-500 transition-colors duration-200" />
+                </div>
+                <input
+                type="text"
+                value={searchQuery}
+                onChange={handleSearch}
+                placeholder="문서명으로 검색하세요..."
+                className="w-full p-4 pl-12 pr-12 bg-white dark:bg-gray-800 border-2 border-gray-200 dark:border-gray-700 rounded-2xl shadow-sm focus:outline-none focus:ring-4 focus:ring-blue-500/20 focus:border-blue-500 text-gray-900 dark:text-gray-100 transition-all duration-200 placeholder-gray-400 dark:placeholder-gray-500"
+                />
                 {searchQuery && (
-                    <div className="mt-2 text-sm text-gray-600">
-                        검색 결과: {filteredDocs.length}개의 문서
-                    </div>
+                <button
+                    onClick={clearSearch}
+                    className="absolute inset-y-0 right-0 flex items-center px-4 text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-r-2xl transition-all duration-200"
+                    aria-label="검색 지우기"
+                >
+                    <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
+                    </svg>
+                </button>
                 )}
             </div>
+            
+            {/* 검색 결과 표시 */}
+            {searchQuery && (
+                <div className="mt-3 flex items-center space-x-2">
+                <div className="flex items-center space-x-2 text-sm text-gray-600 dark:text-gray-400">
+                    <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+                    </svg>
+                    <span>검색 결과: <span className="font-semibold text-blue-600 dark:text-blue-400">{filteredDocs.length}</span>개의 문서</span>
+                </div>
+                </div>
+            )}
+            </div>
+
+            {/* 글자문서 추가요청 버튼 - 개선된 디자인 */}
+            <div className="w-full max-w-6xl flex justify-end mb-2">
+            <button
+                onClick={openAddModal}
+                className="group relative px-6 py-3 bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white rounded-xl shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-200 font-medium flex items-center space-x-2"
+            >
+                <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 4v16m8-8H4" />
+                </svg>
+                <span>새 문서 추가 요청</span>
+                
+                {/* 호버 효과 */}
+                <div className="absolute inset-0 bg-white/10 rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-200"></div>
+            </button>
+            </div>
 
             {/* 필터링된 결과가 없을 때 보여줄 메시지 */}
             {searchQuery && filteredDocs.length === 0 && (
-                <div className="w-full max-w-6xl p-8 bg-white shadow rounded-md text-center">
-                    <p className="text-gray-500">검색 결과가 없습니다.</p>
+                <div className="w-full max-w-6xl p-8 bg-white dark:bg-gray-800 shadow rounded-md text-center">
+                    <p className="text-gray-500 dark:text-gray-400">검색 결과가 없습니다.</p>
                 </div>
             )}
 
@@ -167,9 +374,9 @@ const WordsDocsHome = ({ docs }: WordsDocsHomeProps) => {
                 <div key={typez} className="w-full max-w-6xl mb-6">
                     <button
                         onClick={() => toggleType(typez)}
-                        className="w-full text-left font-semibold text-lg p-4 bg-white shadow rounded-md flex items-center justify-between hover:bg-gray-50 transition"
+                        className="w-full text-left font-semibold text-lg p-4 bg-white dark:bg-gray-800 shadow rounded-md flex items-center justify-between hover:bg-gray-50 dark:hover:bg-gray-700 transition"
                     >
-                        <span>
+                        <span className="text-gray-900 dark:text-gray-100">
                             {typeNames[typez as keyof typeof typeNames] || typez} ({groupedDocs[typez]?.length || 0})
                         </span>
                         {expandedTypes[typez] ? <ChevronUpIcon /> : <ChevronDownIcon />}
@@ -183,14 +390,14 @@ const WordsDocsHome = ({ docs }: WordsDocsHomeProps) => {
                                 animate={{ height: "auto", opacity: 1 }}
                                 exit={{ height: 0, opacity: 0 }}
                                 transition={{ duration: 0.3 }}
-                                className="overflow-hidden bg-white shadow rounded-md mt-2"
+                                className="overflow-hidden bg-white dark:bg-gray-800 shadow rounded-md mt-2"
                             >
                                 <div className="overflow-x-auto">
                                     <table className="w-full text-left text-sm">
-                                        <thead className="bg-gray-50 text-gray-700">
+                                        <thead className="bg-gray-50 dark:bg-gray-700 text-gray-700 dark:text-gray-200">
                                             <tr>
                                                 <th 
-                                                    className="px-4 py-3 cursor-pointer hover:bg-gray-100 w-1/2" 
+                                                    className="px-4 py-3 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 w-1/2" 
                                                     onClick={() => handleSort(typez, "name")}
                                                 >
                                                     <div className="flex items-center">
@@ -203,7 +410,7 @@ const WordsDocsHome = ({ docs }: WordsDocsHomeProps) => {
                                                     </div>
                                                 </th>
                                                 <th 
-                                                    className="px-4 py-3 cursor-pointer hover:bg-gray-100" 
+                                                    className="px-4 py-3 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700" 
                                                     onClick={() => handleSort(typez, "last_update")}
                                                 >
                                                     <div className="flex items-center">
@@ -216,7 +423,7 @@ const WordsDocsHome = ({ docs }: WordsDocsHomeProps) => {
                                                     </div>
                                                 </th>
                                                 <th 
-                                                    className="px-4 py-3 cursor-pointer hover:bg-gray-100" 
+                                                    className="px-4 py-3 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700" 
                                                     onClick={() => handleSort(typez, "created_at")}
                                                 >
                                                     <div className="flex items-center">
@@ -234,26 +441,26 @@ const WordsDocsHome = ({ docs }: WordsDocsHomeProps) => {
                                             {sortDocs(groupedDocs[typez] || [], sortOptions[typez]).map((doc) => (
                                                 <tr 
                                                     key={doc.id}
-                                                    className={`border-t border-gray-200 hover:bg-blue-50 ${hoveredRow === doc.id ? 'bg-blue-50' : ''}`}
+                                                    className={`border-t border-gray-200 dark:border-gray-700 hover:bg-blue-50 dark:hover:bg-blue-900 ${hoveredRow === doc.id ? 'bg-blue-50 dark:bg-blue-900' : ''}`}
                                                     onMouseEnter={() => setHoveredRow(doc.id)}
                                                     onMouseLeave={() => setHoveredRow(null)}
                                                 >
                                                     <td className="px-4 py-3">
                                                         <Link 
                                                             href={`/words-docs/${doc.id}`}
-                                                            className="font-semibold text-base text-blue-600 hover:text-blue-800 hover:underline flex items-center"
+                                                            className="font-semibold text-base text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 hover:underline flex items-center"
                                                         >
-                                                            <div className="w-2 h-2 bg-blue-500 rounded-full mr-2"></div>
+                                                            <div className="w-2 h-2 bg-blue-500 dark:bg-blue-400 rounded-full mr-2"></div>
                                                             {doc.name}
                                                             {searchQuery && doc.name.toLowerCase().includes(searchQuery.toLowerCase()) && (
-                                                                <span className="ml-2 text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded">검색 일치</span>
+                                                                <span className="ml-2 text-xs bg-yellow-100 dark:bg-yellow-900 text-yellow-800 dark:text-yellow-200 px-2 py-0.5 rounded">검색 일치</span>
                                                             )}
                                                         </Link>
                                                     </td>
-                                                    <td className="px-4 py-3 text-gray-500">
+                                                    <td className="px-4 py-3 text-gray-500 dark:text-gray-300">
                                                         {formatDate(doc.last_update)}
                                                     </td>
-                                                    <td className="px-4 py-3 text-gray-500">
+                                                    <td className="px-4 py-3 text-gray-500 dark:text-gray-300">
                                                         {formatDate(doc.created_at)}
                                                     </td>
                                                 </tr>
@@ -262,7 +469,7 @@ const WordsDocsHome = ({ docs }: WordsDocsHomeProps) => {
                                     </table>
                                 </div>
                                 {(groupedDocs[typez]?.length === 0) && (
-                                    <div className="text-center py-8 text-gray-500">
+                                    <div className="text-center py-8 text-gray-500 dark:text-gray-400">
                                         {searchQuery ? '검색 결과가 없습니다.' : '문서가 없습니다.'}
                                     </div>
                                 )}
diff --git a/app/words-docs/WordsDocsHomePage.tsx b/app/words-docs/WordsDocsHomePage.tsx
index e7e370e..ad3ebf3 100644
--- a/app/words-docs/WordsDocsHomePage.tsx
+++ b/app/words-docs/WordsDocsHomePage.tsx
@@ -1,9 +1,9 @@
 "use client";
 import { useEffect, useState } from "react";
 import WordsDocsHome from "./WordsDocsHome";
-import { supabase } from "@/app/lib/supabaseClient";
+import { SCM } from "@/app/lib/supabaseClient";
 import ErrorPage from "../components/ErrorPage";
-import LoadingPage, {useLoadingState } from '@/app/components/LoadingPage';
+import LoadingPage, { useLoadingState } from '@/app/components/LoadingPage';
 
 type DocsType = {
     id: string;
@@ -20,17 +20,11 @@ export default function WordsDocsHomePage(){
     const [errorMessage,setErrorMessage] = useState<string|null>(null);
     const [docsDatas, setDocsDatas] = useState<DocsType[] | null>(null);
 
-
-    const setDataFunc = (docs: DocsType[]) => {
-        setDocsDatas(docs);
-    }
-    
-
     useEffect(()=>{
         const getData = async () => {
 
             updateLoadingState(60, "문서 정보 가져오는 중...");
-            const { data: docsData, error: docsError} = await supabase.from('docs').select('*, users(nickname)').eq('is_hidden',false)
+            const { data: docsData, error: docsError} = await SCM.get().allDocs();
 
             if (docsError){
                 setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${docsError.name ?? "알수없음"}\nError Message: ${docsError.message ?? "없음"}\nError code: ${docsError.code}`)
@@ -42,25 +36,17 @@ export default function WordsDocsHomePage(){
                 id: `${id}`, name, maker: users?.nickname ?? "알수없음", last_update, is_manager: false, typez, created_at
             }));
             
-            setDataFunc(docs);
+            setDocsDatas(docs);
             updateLoadingState(100, "완료");
         }
         getData();
     },[])
     
-    if (loadingState.isLoading) {
-        return (
-            <LoadingPage title={"문서 목록"} />
-        );
-    }
+    if (loadingState.isLoading) return <LoadingPage title={"문서 목록"} />
 
-    if (errorMessage){
-        return <ErrorPage message={errorMessage}/>
-    }
+    if (errorMessage) return <ErrorPage message={errorMessage}/>
 
-    if (docsDatas){
-        return <WordsDocsHome docs={docsDatas} />
-    }
+    if (docsDatas) return <WordsDocsHome docs={docsDatas} />
 
     return null
 }
\ No newline at end of file
diff --git a/app/words-docs/[id]/DocsDataHome.tsx b/app/words-docs/[id]/DocsDataHome.tsx
index ec70b20..c1b4516 100644
--- a/app/words-docs/[id]/DocsDataHome.tsx
+++ b/app/words-docs/[id]/DocsDataHome.tsx
@@ -1,194 +1,503 @@
 "use client";
-import DocsDataPage from "./DocsDataPage";
-import { supabase } from "@/app/lib/supabaseClient";
-import NotFound from "@/app/not-found-client";
-import ErrorPage from "@/app/components/ErrorPage";
-import { useState, useCallback, useEffect } from "react";
+import React, { useRef, useState, useEffect, useMemo } from "react";
+import { useVirtualizer } from '@tanstack/react-virtual';
+import WordsTableBody from "./WordsTableBody";
+import Link from "next/link";
+import type { WordData } from "@/app/types/type";
+import { DefaultDict } from "@/app/lib/collections";
+import "react-loading-skeleton/dist/skeleton.css";
+import { 
+    Star, 
+    FileText, 
+    Target, 
+    AlignLeft, 
+    Download, 
+    Info, 
+    Clock, 
+    BookOpen,
+    Loader2,
+    Calendar,
+} from "lucide-react";
+import { SCM } from "@/app/lib/supabaseClient";
+import { useSelector } from "react-redux";
+import { RootState } from "@/app/store/store";
+import LoginRequiredModal from "@/app/components/LoginRequiredModal";
 import type { PostgrestError } from "@supabase/supabase-js";
-import LoadingPage, {useLoadingState } from '@/app/components/LoadingPage';
-import { reverDuemLaw } from "@/app/lib/DuemLaw";
-
-type wordsDataType = ({
-    word: string;
-    status: "add" | "delete";
-    maker: string | null | undefined;
-} | {
-    word: string;
-    status: "ok";
-    maker: undefined;
-} | {
-    word: string;
-    status: "eadd" | "edelete";
-    maker: string | null | undefined;
-})
-
-export default function DocsDataHome({id}:{id:number}){
-    const [isNotFound,setIsNotFound] = useState(false);
-    const { loadingState, updateLoadingState } = useLoadingState();
-    const [errorMessage,setErrorMessage] = useState<string|null>(null);
-    const [wordsData,setWordsData] = useState<{words:wordsDataType[], metadata:{title:string, lastUpdate:string, typez: "letter" | "theme" | "ect"}, starCount: string[]} | null>(null);
-
-    const getDataOkWords = useCallback(async () => {
-        const {data:dataA, error:error} = await supabase.from('docs_words').select('words(word)').eq('docs_id',id);
-        if (error) return {words: null, error};
-        
-        const words = dataA.map((wordk)=>({word: wordk.words.word, status: "ok"}));
-        return {words, error: null};
-    },[])
-
-    const getDataWaitWords = useCallback(async () => {
-        const {data, error} = await supabase.from('docs_wait_words').select('wait_words(word, status, request_type, users(id))').eq('docs_id',id);
-        if (error)return {words:null, error}
-    
-        const words = data.map(({wait_words})=>({
-            word: wait_words.word, 
-            status: wait_words.status, 
-            rType: wait_words.request_type, 
-            maker: wait_words.users?.id }))
-            .filter((w)=>w.status === "pending")
-            .map(({word, rType, maker})=>({
-                word, status: rType, maker })
-            )
-        return {words, error:null};
-    },[]);
-
-    const getDocsInfo = useCallback(async () => {
-        const {data, error} = await supabase.from('docs').select('*').eq("id",id).maybeSingle();
-        return {data, error}
-    },[]);
-
-    const getDataWaitWordsA = useCallback(async () => {
-        const {data, error} = await supabase.from('docs_words_wait').select('words(word), typez, users(id)').eq('docs_id',id);
-        if (error)return {words:null,error};
-    
-        const words = data.map((wordk)=>({
-            word: wordk.words.word,
-            status: wordk.typez === "add" ? "eadd" : "edelete" ,
-            maker: wordk.users?.id
-        } as const))
-        return {words, error:null}
-    },[]);
-
-    const MakeError = (erorr: PostgrestError) => {
-        setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${erorr.name ?? "알수없음"}\nError Message: ${erorr.message ?? "없음"}\nError code: ${erorr.code}`)
-        updateLoadingState(100,"ERR");
-        return;
-    }
+import ErrorModal from "@/app/components/ErrModal";
+import ToC from "./TableOfContents";
+
+interface DocsPageProp {
+    id: number;
+    data: WordData[];
+    metaData: {
+        title: string;
+        lastUpdate: string;
+        typez: "letter" | "theme" | "ect"
+    };
+    starCount: string[];
+}
+
+interface VirtualTocItem {
+    title: string;
+    index: number;
+}
+
+type TabType = "all" | "mission" | "long";
+
+const MISSION_CHARS = "가나다라마바사아자차카타파하";
+
+const DocsDataHome = ({ id, data, metaData, starCount }: DocsPageProp) => {
+    const parentRef = useRef<HTMLDivElement>(null);
+    const [tocList, setTocList] = useState<string[]>([]);
+    const [wordsData] = useState<WordData[]>(data);
+    const [isLoading, setIsLoading] = useState<boolean>(true);
+    const [isTabSwitching, setIsTabSwitching] = useState<boolean>(false);
+    const [activeTab, setActiveTab] = useState<TabType>("all");
+    const user = useSelector((state: RootState) => state.user);
+    const [isUserStarreda, setIsUserStarreda] = useState<boolean>(false);
+    const [loginNeedModalOpen, setLoginNeedModalOpen] = useState<boolean>(false);
+    const [errorModalView, seterrorModalView] = useState<ErrorMessage | null>(null);
 
-    useEffect(()=>{
-        const getDatas = async () => {
-            updateLoadingState(10,"문서 정보 가져오는 중...")
-            const {data: docsData, error: docsDataError} = await getDocsInfo();
-            if (docsDataError) return MakeError(docsDataError);
-            if (docsData===null) return setIsNotFound(true);
-            const {data: docsStarData, error: docsStarError} = await supabase.from('user_star_docs').select('user_id').eq('docs_id',docsData.id)
-            if (docsStarError) return MakeError(docsStarError);
-
-            if (docsData.typez === "letter"){
-                updateLoadingState(40, "문서에 들어간 단어 정보 가져오는 중...");
-                let q= supabase.from('words').select('*').eq('k_canuse',true).neq('length',1);
-                 
-                if (docsData.duem){
-                    q = q.in('last_letter',reverDuemLaw(docsData.name.trim()[0]));
-                } else {
-                    q = q.eq('last_letter',docsData.name.trim())
+    // 유저 즐겨찾기 상태 업데이트
+    useEffect(() => {
+        if (user.uuid) {
+            setIsUserStarreda(starCount.includes(user.uuid))
+        }
+    }, [user, starCount])
+
+    // 미션 단어 미리 구하기
+    const mission = useMemo(()=>{
+        const m2gr= new DefaultDict<string, WordData[]>(() => []);
+        const m1gr = new DefaultDict<string, WordData[]>(() => []);
+
+        MISSION_CHARS.split('').forEach(char => {
+            data.forEach(item=>{
+                const count = (item.word.match(new RegExp(char, 'g')) || []).length;
+                if (count > 1){
+                    m2gr.get(char).push(item);
                 }
-                const {data:LetterDatas1, error:error1} = await q;
-                if (error1) return MakeError(error1);
-                const {data:LetterDatas2, error:error2} = await supabase.from('wait_words').select('*').ilike('word',`%${docsData.name.trim()}`);
-                if (error2) return MakeError(error2);
-                
-                await new Promise(resolve => setTimeout(resolve, 1))
-                updateLoadingState(70, "데이터를 가공중...")
-                const wordsNotInB = LetterDatas1.filter(a => !LetterDatas2.some(b => b.word === a.word)).map((p)=>({word: p.word, status: "ok" as const, maker: undefined}));
-                const wordsData = [...wordsNotInB, ...LetterDatas2.filter(({word})=>word.length > 1).map(({word,requested_by,request_type})=>({word, status: request_type, maker:requested_by}))]
-                const p = {title: docsData.name, lastUpdate: docsData.last_update, typez:docsData.typez}
-                setWordsData({words: wordsData, metadata: p, starCount:docsStarData.map(({user_id})=>user_id)});
-                await supabase.rpc('increment_doc_views',{doc_id:docsData.id})
-                updateLoadingState(100, "완료!");
-                return;
-            }
-            else if (docsData.typez === "theme"){
-                updateLoadingState(30, "문서에 들어간 단어 정보 가져오는 중...");
-                const {data: themeData, error: themeDataError} = await supabase.from('themes').select('*').eq('name',docsData.name).maybeSingle();
-                if (themeDataError) return MakeError(themeDataError);
-                if (!themeData) return setIsNotFound(true)
-                const {data: themeWordsData1, error: themeWordsError1} = await supabase.from('word_themes').select('words(*)').eq('theme_id',themeData.id);
-                if (themeWordsError1) return MakeError(themeWordsError1);
-                const {data: themeWordsData2, error: themeWordsError2} = await supabase.from('word_themes_wait').select('words(*),typez').eq('theme_id', themeData.id)
-                if (themeWordsError2) return MakeError(themeWordsError2);
-                const {data: themeWordsData3, error: themeWordsError3} = await supabase.from('wait_word_themes').select('wait_words(*)').eq('theme_id', themeData.id)
-                if (themeWordsError3) return MakeError(themeWordsError3);
-                const {data: themeWordsData4, error: themeWordError4} = await supabase.from('wait_words').select('*').eq('request_type',"delete");
-                if (themeWordError4) return MakeError(themeWordError4);
-                const {data: wprdsA, error} = await supabase.from('words').select('word,id').in('word',themeWordsData4.map(({word})=>word))
-                if (error) return MakeError(error);
-                const themeWordsData5 = wprdsA.filter(({word})=>!themeWordsData3.some(b=>b.wait_words.word === word)).map(({id})=>id);
-                const {data: themeWordsData6, error: themeWordError6} = await supabase.from('word_themes').select('*,words(word)').in('word_id',themeWordsData5);
-                if (themeWordError6) return MakeError(themeWordError6);
-
-                await new Promise(resolve => setTimeout(resolve, 1))
-                updateLoadingState(70, "데이터를 가공중...");
-                const Data1NotInData2And3And6 = themeWordsData1
-                    .filter(a=>!themeWordsData2.some(b=> b.words.word === a.words.word) && !themeWordsData3.some(c=>c.wait_words.word === a.words.word) && !themeWordsData6.some(d=>d.words.word === a.words.word))
-                    .map(d=>({word: d.words.word, status: "ok" as const, maker: undefined}));
-                const Data2InWaitAdd = themeWordsData2
-                    .filter(d=>d.typez === "add" && !themeWordsData3.some(c=>c.wait_words.word === d.words.word))
-                    .map(({words})=>({word: words.word, status: "add" as const, maker: undefined}));
-                const Data2InWaitDelete = themeWordsData2
-                    .filter(d=>d.typez === "delete" && !themeWordsData3.some(c=>c.wait_words.word === d.words.word))
-                    .map(({words})=>({word: words.word, status: "delete" as const, maker: undefined}));
-                const Data3InWait = themeWordsData3
-                    .map(({wait_words})=>({word: wait_words.word, status: wait_words.request_type, maker: wait_words.requested_by ?? undefined}))
-                const Data4In6Wait = themeWordsData4
-                    .filter(({word})=>themeWordsData6.some((b=>b.words.word===word)))
-                    .map(data=>({word:data.word, status: data.request_type, maker: data.requested_by ?? undefined}));
-                
-                const wordsData = [...Data3InWait, ...Data4In6Wait, ...Data2InWaitAdd, ...Data2InWaitDelete, ...Data1NotInData2And3And6 ];
-                const p = {title: docsData.name, lastUpdate: docsData.last_update, typez: docsData.typez}
-                setWordsData({words: wordsData, metadata: p, starCount:docsStarData.map(({user_id})=>user_id)});
-                await supabase.rpc('increment_doc_views',{doc_id:docsData.id})
-
-                updateLoadingState(100, "완료!");
-                return
+                else if (count == 1){
+                    m1gr.get(char).push(item);
+                }
+            })
+        });
+        return {m2gr,m1gr}
+    },[data])
+
+    // 탭별 데이터 필터링
+    const getFilteredData = (tabType: TabType): WordData[] => {
+        switch (tabType) {
+            case "all":
+                return wordsData;
+            case "long":
+                return wordsData.filter(item => item.word.length >= 9);
+            case "mission":
+                const {m1gr, m2gr} = mission;
+                const m: WordData[]=[];
+                MISSION_CHARS.split('').forEach(char => {
+                    const missionWords: WordData[] = m2gr.get(char).length > 8 ? m2gr.get(char) : [...m2gr.get(char), ...m1gr.get(char)];
+                    m.push(...missionWords);
+                });
+                return [...new Set(m)];
+            default:
+                return wordsData;
+        }
+    };
 
+    const filteredData = useMemo(() => getFilteredData(activeTab), [activeTab, wordsData]);
+
+    const groupWordsBySyllable = (data: WordData[]) => {
+        const grouped = new DefaultDict<string, WordData[]>(() => []);
+        
+        if (activeTab === "mission") {
+            MISSION_CHARS.split('').forEach(char => {
+                const {m1gr, m2gr} = mission;
+                const missionWords: WordData[] = m2gr.get(char).length > 8 ? m2gr.get(char) : [...m2gr.get(char), ...m1gr.get(char)];
+                if (missionWords.length > 0) {
+                    grouped.get(`${char}`).push(...missionWords);
+                }
+            });
+        } else {
+            data.forEach((item) => {
+                const firstSyllable = item.word[0].toLowerCase();
+                grouped.get(firstSyllable).push(item);
+            });
+        }
+        
+        return grouped;
+    };
+
+    const memoizedGrouped = useMemo(() => {
+        return groupWordsBySyllable(filteredData);
+    }, [filteredData, activeTab]);
+
+    const updateToc = (data: WordData[]): string[] => {
+        if (activeTab === "mission") {
+            const {m1gr, m2gr} = mission;
+            return MISSION_CHARS.split('').filter(char => {
+                return m2gr.get(char).length + m1gr.get(char).length > 0;
+            }).map(char => `${char}`);
+        } else {
+            return [...new Set(data.map((v) => v.word[0]))].sort((a, b) => a.localeCompare(b, "ko"));
+        }
+    };
+
+    const virtualItems = useMemo(() => {
+        return tocList.map((title, index) => ({
+            title,
+            data: memoizedGrouped.get(title) || [],
+            index
+        }));
+    }, [tocList, memoizedGrouped, activeTab]);
+
+    const tocItems: VirtualTocItem[] = useMemo(() => {
+        return tocList.map((title, index) => ({
+            title,
+            index
+        }));
+    }, [tocList]);
+
+    const virtualizer = useVirtualizer({
+        count: virtualItems.length,
+        getScrollElement: () => parentRef.current,
+        estimateSize: (index) => {
+            const item = virtualItems[index];
+            const wordCount = item?.data?.length || 0;
+            return Math.max(200, 80 + wordCount * 50 + 40);
+        },
+        overscan: 2,
+        measureElement: (element) => {
+            return element?.getBoundingClientRect().height ?? 0;
+        },
+    });
+
+    useEffect(() => {
+        const updateTabData = async () => {
+            if (!isLoading) {
+                setIsTabSwitching(true);
+                await new Promise(resolve => setTimeout(resolve, 50));
             }
-            else{
-                updateLoadingState(30, "문서에 들어간 단어 정보 가져오는 중...");
-                const [{words:A,error: errorA},{words:B,error:errorB},{words:C, error:errorC}] = await Promise.all([getDataOkWords(), getDataWaitWords(),getDataWaitWordsA()]);
-                if (errorA) return MakeError(errorA);
-                if (errorB) return MakeError(errorB);
-                if (errorC) return MakeError(errorC);
-
-                updateLoadingState(70, "데이터를 가공중...");
-                const wordsNotInB = A.filter(a => !B.some(b => b.word === a.word)).map((p)=>({word: p.word, status: p.status as "ok", maker: undefined}))
-                const wordsNotInC = wordsNotInB.filter(a => !C.some(c => c.word === a.word)).map((p)=>({word: p.word, status: p.status as "ok", maker: undefined}))
-                const CwordsNotInB = C.filter(c => !B.some(b => b.word === c.word)).map((p)=>({word: p.word, status: p.status as "eadd" | "edelete", maker: p.maker}))
-                const wordsData = [...wordsNotInC,...CwordsNotInB, ...B]
-                const p = {title: docsData.name, lastUpdate: docsData.last_update, typez: docsData.typez}
-                
-                setWordsData({words: wordsData, metadata: p, starCount:docsStarData.map(({user_id})=>user_id)});
-                await supabase.rpc('increment_doc_views',{doc_id:docsData.id})
-                updateLoadingState(100, "완료!");
-                return;
+            
+            setTocList(updateToc(filteredData));
+            setIsLoading(false);
+            setIsTabSwitching(false);
+            
+            if (virtualizer) {
+                virtualizer.scrollToOffset(0);
             }
+        };
+
+        updateTabData();
+    }, [filteredData, activeTab]);
+
+    const lastUpdateDate = new Date(metaData.lastUpdate);
+    const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    const localTime = lastUpdateDate.toLocaleString(undefined, { timeZone: userTimeZone });
+
+    const handleDownload = () => {
+        const currentData = getFilteredData(activeTab);
+        const wordsText = currentData
+            .map((w) => w.word)
+            .sort((a, b) => a.localeCompare(b, "ko"))
+            .join("\n");
+
+        const formattedDate = new Date(metaData.lastUpdate).toISOString().slice(0, 10);
+        const tabSuffix = activeTab === "all" ? "" : activeTab === "long" ? "_장문" : "_미션";
+        const fileName = `${metaData.title}${tabSuffix} 단어장(${formattedDate}).txt`;
+
+        const blob = new Blob([wordsText], { type: "text/plain;charset=utf-8" });
+        const url = URL.createObjectURL(blob);
+
+        const link = document.createElement("a");
+        link.href = url;
+        link.download = fileName;
+        document.body.appendChild(link);
+        link.click();
+
+        document.body.removeChild(link);
+        URL.revokeObjectURL(url);
+    };
+
+    const hadnleDocsStar = async () => {
+        if (!user.uuid) {
+            return setLoginNeedModalOpen(true);
+        }
+        if (isUserStarreda) {
+            const { error } = await SCM.delete().startDocs({ docsId: id, userId: user.uuid });
+            if (error) return makeError(error)
+        } else {
+            const { error } = await SCM.add().starDocs({ docsId: id, userId: user.uuid });
+            if (error) return makeError(error);
         }
-        getDatas();
-    },[])
-    
-    if (isNotFound) return <NotFound />;
-
-    if (loadingState.isLoading) {
-        return (
-            <LoadingPage title={"문서"} />
-        );
-    }
 
-    if (errorMessage){
-        return <ErrorPage message={errorMessage}/>
+        setIsUserStarreda(!isUserStarreda)
     }
 
-    if (wordsData){
-        return <DocsDataPage id={id} data={wordsData.words.sort((a,b)=>a.word.localeCompare(b.word,'ko'))} metaData={wordsData.metadata} starCount={wordsData.starCount}/>
-    }
-}
\ No newline at end of file
+    const makeError = (error: PostgrestError) => {
+        seterrorModalView({
+            ErrName: error.name,
+            ErrMessage: error.message,
+            ErrStackRace: error.stack,
+            inputValue: null
+        });
+    };
+
+    const handleTocClick = (index: number) => {
+        virtualizer.scrollToIndex(index, { align: 'start' });
+    };
+
+    const getTabIcon = (tab: TabType) => {
+        switch (tab) {
+            case "all":
+                return <BookOpen className="w-4 h-4" />;
+            case "mission":
+                return <Target className="w-4 h-4" />;
+            case "long":
+                return <AlignLeft className="w-4 h-4" />;
+        }
+    };
+
+    const getTabLabel = (tab: TabType) => {
+        switch (tab) {
+            case "all":
+                return "전체";
+            case "mission":
+                return "미션";
+            case "long":
+                return "장문";
+        }
+    };
+
+    const handleTabChange = async (newTab: TabType) => {
+        if (newTab === activeTab) return;
+        
+        setIsTabSwitching(true);
+        setActiveTab(newTab);
+    };
+
+    const getTabCount = (tab: TabType): number => {
+        return getFilteredData(tab).length;
+    };
+
+    const currentStarCount = (user.uuid && starCount.includes(user.uuid) && !isUserStarreda) 
+        ? starCount.length - 1 
+        : (user.uuid && !starCount.includes(user.uuid) && isUserStarreda) 
+        ? starCount.length + 1 
+        : starCount.length;
+
+    return (
+        <div className="min-h-screen bg-gradient-to-br from-slate-50 to-blue-50 dark:from-gray-900 dark:to-gray-800">
+            <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+                {/* 헤더 섹션 */}
+                <div className="bg-white dark:bg-gray-900 rounded-2xl shadow-lg border-0 overflow-hidden mb-8">
+                    <div className="bg-gradient-to-r from-blue-600 to-purple-600 dark:from-blue-700 dark:to-purple-700 px-8 py-6">
+                        <div className="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-6">
+                            <div className="flex-1">
+                                <h1 className="text-3xl lg:text-4xl font-bold text-white mb-2">
+                                    {metaData.title}
+                                </h1>
+                                <div className="flex items-center gap-4 text-blue-100">
+                                    <div className="flex items-center gap-2">
+                                        <Calendar className="w-4 h-4" />
+                                        <span className="text-sm">마지막 업데이트: {localTime}</span>
+                                    </div>
+                                </div>
+                            </div>
+                            
+                            {/* 액션 버튼들 */}
+                            <div className="flex flex-wrap gap-3">
+                                <button
+                                    className={`px-6 py-3 rounded-xl font-medium transition-all duration-200 flex items-center gap-2 shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 ${
+                                        isUserStarreda 
+                                            ? "bg-yellow-400 text-yellow-900 hover:bg-yellow-300" 
+                                            : "bg-white/20 text-white hover:bg-white/30 backdrop-blur-sm"
+                                    }`}
+                                    onClick={hadnleDocsStar}
+                                >
+                                    <Star 
+                                        className="w-5 h-5" 
+                                        fill={isUserStarreda ? "currentColor" : "none"}
+                                    />
+                                    <span>{currentStarCount}</span>
+                                </button>
+
+                                <Link href={`/words-docs/${id}/info`}>
+                                    <button className="px-6 py-3 bg-white/20 text-white rounded-xl font-medium hover:bg-white/30 transition-all duration-200 flex items-center gap-2 backdrop-blur-sm shadow-lg hover:shadow-xl transform hover:-translate-y-0.5">
+                                        <Info className="w-5 h-5" />
+                                        <span className="hidden sm:inline">문서 정보</span>
+                                    </button>
+                                </Link>
+
+                                <Link href={`/words-docs/${id}/logs`}>
+                                    <button className="px-6 py-3 bg-white/20 text-white rounded-xl font-medium hover:bg-white/30 transition-all duration-200 flex items-center gap-2 backdrop-blur-sm shadow-lg hover:shadow-xl transform hover:-translate-y-0.5">
+                                        <Clock className="w-5 h-5" />
+                                        <span className="hidden sm:inline">로그</span>
+                                    </button>
+                                </Link>
+
+                                <button
+                                    className="px-6 py-3 bg-green-500 text-white rounded-xl font-medium hover:bg-green-600 transition-all duration-200 flex items-center gap-2 shadow-lg hover:shadow-xl transform hover:-translate-y-0.5"
+                                    onClick={handleDownload}
+                                >
+                                    <Download className="w-5 h-5" />
+                                    <span className="hidden sm:inline">다운로드</span>
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+
+                    {/* 탭 네비게이션 */}
+                    {metaData.typez !== "ect" && (
+                        <div className="px-8 pt-6 pb-2 overflow-x-auto">
+                            <nav className="flex space-x-1" aria-label="Tabs">
+                                {(["all", "mission", "long"] as TabType[]).map((tab) => (
+                                    <button
+                                        key={tab}
+                                        onClick={() => handleTabChange(tab)}
+                                        disabled={isTabSwitching}
+                                        className={`relative px-6 py-3 rounded-xl font-medium text-sm transition-all duration-200 flex items-center gap-3 ${
+                                            activeTab === tab
+                                                ? "bg-gradient-to-r from-blue-500 to-purple-500 text-white shadow-lg"
+                                                : "text-gray-600 dark:text-gray-200 hover:text-gray-800 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800"
+                                        } ${
+                                            isTabSwitching ? "opacity-50 cursor-not-allowed" : "hover:shadow-md transform hover:-translate-y-0.5"
+                                        }`}
+                                    >
+                                        {getTabIcon(tab)}
+                                        <span>{getTabLabel(tab)}</span>
+                                        <span className={`px-3 py-1 rounded-full text-xs font-semibold ${
+                                            activeTab === tab 
+                                                ? "bg-white/20 text-white" 
+                                                : "bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-200"
+                                        }`}>
+                                            {getTabCount(tab).toLocaleString()}
+                                        </span>
+                                        {activeTab === tab && (
+                                            <div className="absolute -bottom-3 left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-blue-500"></div>
+                                        )}
+                                    </button>
+                                ))}
+                            </nav>
+                        </div>
+                    )}
+                </div>
+
+                {/* 목차 섹션 */}
+                {!isTabSwitching && (
+                    <div className="bg-white dark:bg-gray-900 rounded-2xl shadow-lg border-0 p-6 mb-8">
+                        <div className="flex items-center gap-3 mb-4">
+                            <div className="w-8 h-8 bg-gradient-to-r from-blue-500 to-purple-500 rounded-lg flex items-center justify-center">
+                                <FileText className="w-4 h-4 text-white" />
+                            </div>
+                            <h2 className="text-xl font-bold text-gray-800 dark:text-gray-100">목차</h2>
+                        </div>
+                        <ToC 
+                            items={tocItems} 
+                            onItemClick={handleTocClick} 
+                            isSp={activeTab === "mission"}
+                        />
+                    </div>
+                )}
+
+                {/* 컨텐츠 섹션 */}
+                <div className="bg-white dark:bg-gray-900 rounded-2xl shadow-lg border-0 overflow-hidden">
+                    {isLoading || isTabSwitching ? (
+                        <div className="p-8">
+                            {isTabSwitching ? (
+                                <div className="flex flex-col items-center justify-center py-20">
+                                    <Loader2 className="w-12 h-12 text-blue-500 animate-spin mb-4" />
+                                    <p className="text-gray-600 dark:text-gray-300 text-lg font-medium">탭 전환 중...</p>
+                                    <p className="text-gray-400 dark:text-gray-400 text-sm mt-1">잠시만 기다려주세요</p>
+                                </div>
+                            ) : (
+                                <div className="space-y-8">
+                                    {Array.from({ length: 5 }).map((_, idx) => (
+                                        <div key={idx} className="animate-pulse">
+                                            <div className="h-8 bg-gray-200 dark:bg-gray-800 rounded-lg w-20 mb-4"></div>
+                                            <div className="space-y-3">
+                                                <div className="h-4 bg-gray-200 dark:bg-gray-800 rounded w-full"></div>
+                                                <div className="h-4 bg-gray-200 dark:bg-gray-800 rounded w-3/4"></div>
+                                                <div className="h-4 bg-gray-200 dark:bg-gray-800 rounded w-1/2"></div>
+                                            </div>
+                                        </div>
+                                    ))}
+                                </div>
+                            )}
+                        </div>
+                    ) : filteredData.length === 0 ? (
+                        <div className="p-12 text-center">
+                            <div className="w-20 h-20 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center mx-auto mb-6">
+                                <FileText className="w-10 h-10 text-gray-400" />
+                            </div>
+                            <h3 className="text-xl font-medium text-gray-800 dark:text-gray-100 mb-2">
+                                단어를 찾을 수 없습니다
+                            </h3>
+                            <p className="text-gray-500 dark:text-gray-400">
+                                {activeTab === "long" && "9자 이상의 장문 단어가 없습니다."}
+                                {activeTab === "mission" && "미션 조건에 해당하는 단어가 없습니다."}
+                            </p>
+                        </div>
+                    ) : (
+                        <div
+                            ref={parentRef}
+                            className="p-6"
+                            style={{
+                                height: 'calc(100vh - 500px)',
+                                minHeight: '800px',
+                                overflow: 'auto',
+                            }}
+                        >
+                            <div
+                                style={{
+                                    height: `${virtualizer.getTotalSize()}px`,
+                                    width: '100%',
+                                    position: 'relative',
+                            }}
+                        >
+                            {virtualizer.getVirtualItems().map((virtualItem) => {
+                                const item = virtualItems[virtualItem.index];
+                                return (
+                                    <div
+                                        key={virtualItem.key}
+                                        data-index={virtualItem.index}
+                                        ref={virtualizer.measureElement}
+                                        style={{
+                                            position: 'absolute',
+                                            top: 0,
+                                            left: 0,
+                                            width: '100%',
+                                            transform: `translateY(${virtualItem.start}px)`,
+                                        }}
+                                    >
+                                        <div className="mb-8">
+                                            <WordsTableBody 
+                                                key={`${activeTab}-${item.title}-${item.data.length}`}
+                                                title={item.title} 
+                                                initialData={item.data || []} 
+                                                isMission={activeTab === "mission"}
+                                                isLong={activeTab==="long"}
+                                            />
+                                        </div>
+                                    </div>
+                                );
+                            })}
+                        </div>
+                    </div>
+                    )}
+                </div>
+            </div>
+
+            {loginNeedModalOpen && (
+                <LoginRequiredModal open={loginNeedModalOpen} onClose={() => setLoginNeedModalOpen(false)} />
+            )}
+            {errorModalView && (
+                <ErrorModal
+                    onClose={() => seterrorModalView(null)}
+                    error={errorModalView}
+                />
+            )}
+        </div>
+    );
+};
+
+export default DocsDataHome;
\ No newline at end of file
diff --git a/app/words-docs/[id]/DocsDataPage.tsx b/app/words-docs/[id]/DocsDataPage.tsx
index ebed67f..bb43fe5 100644
--- a/app/words-docs/[id]/DocsDataPage.tsx
+++ b/app/words-docs/[id]/DocsDataPage.tsx
@@ -1,502 +1,100 @@
 "use client";
-import React, { useRef, useState, useEffect, useMemo } from "react";
-import { useVirtualizer } from '@tanstack/react-virtual';
-import WordsTableBody from "./WordsTableBody";
-import Link from "next/link";
-import type { WordData } from "@/app/types/type";
-import { DefaultDict } from "@/app/lib/collections";
-import "react-loading-skeleton/dist/skeleton.css";
-import { 
-    Star, 
-    FileText, 
-    Target, 
-    AlignLeft, 
-    Download, 
-    Info, 
-    Clock, 
-    BookOpen,
-    Loader2,
-    Calendar,
-} from "lucide-react";
-import { supabase } from "@/app/lib/supabaseClient";
-import { useSelector } from "react-redux";
-import { RootState } from "@/app/store/store";
-import LoginRequiredModal from "@/app/components/LoginRequiredModal";
-import { PostgrestError } from "@supabase/supabase-js";
-import ErrorModal from "@/app/components/ErrModal";
-import ToC from "./TableOfContents";
-
-interface DocsPageProp {
-    id: number;
-    data: WordData[];
-    metaData: {
-        title: string;
-        lastUpdate: string;
-        typez: "letter" | "theme" | "ect"
-    };
-    starCount: string[];
-}
-
-interface VirtualTocItem {
-    title: string;
-    index: number;
-}
-
-type TabType = "all" | "mission" | "long";
-
-const MISSION_CHARS = "가나다라마바사아자차카타파하";
-
-const DocsDataPage = ({ id, data, metaData, starCount }: DocsPageProp) => {
-    const parentRef = useRef<HTMLDivElement>(null);
-    const [tocList, setTocList] = useState<string[]>([]);
-    const [wordsData] = useState<WordData[]>(data);
-    const [isLoading, setIsLoading] = useState<boolean>(true);
-    const [isTabSwitching, setIsTabSwitching] = useState<boolean>(false);
-    const [activeTab, setActiveTab] = useState<TabType>("all");
-    const user = useSelector((state: RootState) => state.user);
-    const [isUserStarreda, setIsUserStarreda] = useState<boolean>(false);
-    const [loginNeedModalOpen, setLoginNeedModalOpen] = useState<boolean>(false);
-    const [errorModalView, seterrorModalView] = useState<ErrorMessage | null>(null);
-
-    useEffect(() => {
-        if (user.uuid) {
-            setIsUserStarreda(starCount.includes(user.uuid))
-        }
-    }, [user, starCount])
-
-    const mission = useMemo(()=>{
-        const m2gr= new DefaultDict<string, WordData[]>(() => []);
-        const m1gr = new DefaultDict<string, WordData[]>(() => []);
-
-        MISSION_CHARS.split('').forEach(char => {
-            data.forEach(item=>{
-                const count = (item.word.match(new RegExp(char, 'g')) || []).length;
-                if (count > 1){
-                    m2gr.get(char).push(item);
-                }
-                else if (count == 1){
-                    m1gr.get(char).push(item);
-                }
-            })
-        });
-        return {m2gr,m1gr}
-    },[data])
-
-    // 탭별 데이터 필터링
-    const getFilteredData = (tabType: TabType): WordData[] => {
-        switch (tabType) {
-            case "all":
-                return wordsData;
-            case "long":
-                return wordsData.filter(item => item.word.length >= 9);
-            case "mission":
-                const {m1gr, m2gr} = mission;
-                const m: WordData[]=[];
-                MISSION_CHARS.split('').forEach(char => {
-                    const missionWords: WordData[] = m2gr.get(char).length > 8 ? m2gr.get(char) : [...m2gr.get(char), ...m1gr.get(char)];
-                    m.push(...missionWords);
-                });
-                return [...new Set(m)];
-            default:
-                return wordsData;
-        }
-    };
-
-    const filteredData = useMemo(() => getFilteredData(activeTab), [activeTab, wordsData]);
-
-    const groupWordsBySyllable = (data: WordData[]) => {
-        const grouped = new DefaultDict<string, WordData[]>(() => []);
-        
-        
-        if (activeTab === "mission") {
-            MISSION_CHARS.split('').forEach(char => {
-                const {m1gr, m2gr} = mission;
-                const missionWords: WordData[] = m2gr.get(char).length > 8 ? m2gr.get(char) : [...m2gr.get(char), ...m1gr.get(char)];
-                if (missionWords.length > 0) {
-                    grouped.get(`${char}`).push(...missionWords);
-                }
-            });
-        } else {
-            data.forEach((item) => {
-                const firstSyllable = item.word[0].toLowerCase();
-                grouped.get(firstSyllable).push(item);
-            });
-        }
-        
-        return grouped;
-    };
+import DocsDataHome from "./DocsDataHome";
+import { SCM } from "@/app/lib/supabaseClient";
+import NotFound from "@/app/not-found-client";
+import ErrorPage from "@/app/components/ErrorPage";
+import { useState, useEffect } from "react";
+import type { PostgrestError } from "@supabase/supabase-js";
+import LoadingPage, {useLoadingState } from '@/app/components/LoadingPage';
+
+type wordsDataType = ({
+    word: string;
+    status: "add" | "delete";
+    maker: string | null | undefined;
+} | {
+    word: string;
+    status: "ok";
+    maker: undefined;
+})
+
+export default function DocsDataPage({id}:{id:number}){
+    const [isNotFound,setIsNotFound] = useState(false);
+    const { loadingState, updateLoadingState } = useLoadingState();
+    const [errorMessage,setErrorMessage] = useState<string|null>(null);
+    const [wordsData,setWordsData] = useState<{words:wordsDataType[], metadata:{title:string, lastUpdate:string, typez: "letter" | "theme" | "ect"}, starCount: string[]} | null>(null);
+
+    const makeError = (erorr: PostgrestError) => {
+        setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${erorr.name ?? "알수없음"}\nError Message: ${erorr.message ?? "없음"}\nError code: ${erorr.code}`)
+        updateLoadingState(100,"ERR");
+        return;
+    }
 
-    const memoizedGrouped = useMemo(() => {
-        return groupWordsBySyllable(filteredData);
-    }, [filteredData, activeTab]);
+    useEffect(()=>{
+        const getDatas = async () => {
+            updateLoadingState(10,"문서 정보 가져오는 중...")
+            const {data: docsData, error: docsDataError} = await SCM.get().docsInfoByDocsId(id);
+            if (docsDataError) return makeError(docsDataError);
+            if (docsData===null) return setIsNotFound(true);
+            const {data: docsStarData, error: docsStarError} = await SCM.get().docsStar(docsData.id);
+            if (docsStarError) return makeError(docsStarError);
+
+            if (docsData.typez === "letter"){
+                updateLoadingState(40, "문서에 들어간 단어 정보 가져오는 중...");
+                const {data, error: LetterDatasError} = await SCM.get().docsWords({name: docsData.name, duem: docsData.duem, typez: "letter"});
+                if (LetterDatasError) return makeError(LetterDatasError);
+                const {words: LetterDatas1, waitWords: LetterDatas2} = data;
+
+                await new Promise(resolve => setTimeout(resolve, 1))
+                updateLoadingState(70, "데이터를 가공중...")
+                
+                // 삭제 요청인 단어는 제외
+                const wordsNotInB = LetterDatas1.filter(a => !LetterDatas2.some(b => b.word === a.word)).map((p)=>({word: p.word, status: "ok" as const, maker: undefined}));
+                const wordsData = [...wordsNotInB, ...LetterDatas2.filter(({word})=>word.length > 1).map(({word,requested_by,request_type})=>({word, status: request_type, maker:requested_by}))]
+                const p = {title: docsData.name, lastUpdate: docsData.last_update, typez:docsData.typez}
+                setWordsData({words: wordsData, metadata: p, starCount:docsStarData.map(({user_id})=>user_id)});
+                await SCM.update().docView(docsData.id);
+                updateLoadingState(100, "완료!");
+                return;
+            }
+            else if (docsData.typez === "theme"){
+                updateLoadingState(30, "문서에 들어간 단어 정보 가져오는 중...");
+                const {data: themeData, error: themeDataError} = await SCM.get().themeInfoByThemeName(docsData.name);
+                if (themeDataError) return makeError(themeDataError);
+                if (!themeData) return setIsNotFound(true)
 
-    const updateToc = (data: WordData[]): string[] => {
-        if (activeTab === "mission") {
-            const {m1gr, m2gr} = mission;
-            return MISSION_CHARS.split('').filter(char => {
-                return m2gr.get(char).length + m1gr.get(char).length > 0;
-            }).map(char => `${char}`);
-        } else {
-            return [...new Set(data.map((v) => v.word[0]))].sort((a, b) => a.localeCompare(b, "ko"));
-        }
-    };
+                const {data, error} = await SCM.get().docsWords({name: docsData.name, duem: docsData.duem, typez: "theme"})
+                if (error) return makeError(error);
 
-    const virtualItems = useMemo(() => {
-        return tocList.map((title, index) => ({
-            title,
-            data: memoizedGrouped.get(title) || [],
-            index
-        }));
-    }, [tocList, memoizedGrouped, activeTab]);
+                await new Promise(resolve => setTimeout(resolve, 1))
+                updateLoadingState(70, "데이터를 가공중...")
+                
+                const {words, waitWords} = data;
 
-    const tocItems: VirtualTocItem[] = useMemo(() => {
-        return tocList.map((title, index) => ({
-            title,
-            index
-        }));
-    }, [tocList]);
+                const wordsData = [ ...words.map(({word})=>({ word, status: "ok" as const, maker: undefined })), ...waitWords.map(({word, requested_by, request_type})=>({word, status: request_type, maker: requested_by ?? undefined})) ];
+                const p = {title: docsData.name, lastUpdate: docsData.last_update, typez: docsData.typez}
+                setWordsData({words: wordsData, metadata: p, starCount:docsStarData.map(({user_id})=>user_id)});
 
-    const virtualizer = useVirtualizer({
-        count: virtualItems.length,
-        getScrollElement: () => parentRef.current,
-        estimateSize: (index) => {
-            const item = virtualItems[index];
-            const wordCount = item?.data?.length || 0;
-            return Math.max(200, 80 + wordCount * 50 + 40);
-        },
-        overscan: 2,
-        measureElement: (element) => {
-            return element?.getBoundingClientRect().height ?? 0;
-        },
-    });
+                await SCM.update().docView(docsData.id);
+                updateLoadingState(100, "완료!");
+                return
 
-    useEffect(() => {
-        const updateTabData = async () => {
-            if (!isLoading) {
-                setIsTabSwitching(true);
-                await new Promise(resolve => setTimeout(resolve, 50));
             }
-            
-            setTocList(updateToc(filteredData));
-            setIsLoading(false);
-            setIsTabSwitching(false);
-            
-            if (virtualizer) {
-                virtualizer.scrollToOffset(0);
+            else{
+                setIsNotFound(true);
+                // 나중에 특수 문서로 바꿀예정 - 기타문서 딱히 필요없어서
+                // todo - https://github.com/hafskjfha/kkuko-utils/issues/76
+                return;
             }
-        };
-
-        updateTabData();
-    }, [filteredData, activeTab]);
-
-    const lastUpdateDate = new Date(metaData.lastUpdate);
-    const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    const localTime = lastUpdateDate.toLocaleString(undefined, { timeZone: userTimeZone });
-
-    const handleDownload = () => {
-        const currentData = getFilteredData(activeTab);
-        const wordsText = currentData
-            .map((w) => w.word)
-            .sort((a, b) => a.localeCompare(b, "ko"))
-            .join("\n");
-
-        const formattedDate = new Date(metaData.lastUpdate).toISOString().slice(0, 10);
-        const tabSuffix = activeTab === "all" ? "" : activeTab === "long" ? "_장문" : "_미션";
-        const fileName = `${metaData.title}${tabSuffix} 단어장(${formattedDate}).txt`;
-
-        const blob = new Blob([wordsText], { type: "text/plain;charset=utf-8" });
-        const url = URL.createObjectURL(blob);
-
-        const link = document.createElement("a");
-        link.href = url;
-        link.download = fileName;
-        document.body.appendChild(link);
-        link.click();
-
-        document.body.removeChild(link);
-        URL.revokeObjectURL(url);
-    };
-
-    const hadnleDocsStar = async () => {
-        if (!user.uuid) {
-            return setLoginNeedModalOpen(true);
-        }
-        if (isUserStarreda) {
-            const { error } = await supabase.from('user_star_docs').delete().eq('docs_id', id).eq('user_id', user.uuid);
-            if (error) return makeError(error)
-        } else {
-            const { error } = await supabase.from('user_star_docs').insert({ docs_id: id, user_id: user.uuid })
-            if (error) return makeError(error);
-        }
-
-        setIsUserStarreda(!isUserStarreda)
-    }
-
-    const makeError = (error: PostgrestError) => {
-        seterrorModalView({
-            ErrName: error.name,
-            ErrMessage: error.message,
-            ErrStackRace: error.stack,
-            inputValue: null
-        });
-    };
-
-    const handleTocClick = (index: number) => {
-        virtualizer.scrollToIndex(index, { align: 'start' });
-    };
-
-    const getTabIcon = (tab: TabType) => {
-        switch (tab) {
-            case "all":
-                return <BookOpen className="w-4 h-4" />;
-            case "mission":
-                return <Target className="w-4 h-4" />;
-            case "long":
-                return <AlignLeft className="w-4 h-4" />;
         }
-    };
-
-    const getTabLabel = (tab: TabType) => {
-        switch (tab) {
-            case "all":
-                return "전체";
-            case "mission":
-                return "미션";
-            case "long":
-                return "장문";
-        }
-    };
-
-    const handleTabChange = async (newTab: TabType) => {
-        if (newTab === activeTab) return;
-        
-        setIsTabSwitching(true);
-        setActiveTab(newTab);
-    };
-
-    const getTabCount = (tab: TabType): number => {
-        return getFilteredData(tab).length;
-    };
-
-    const currentStarCount = (user.uuid && starCount.includes(user.uuid) && !isUserStarreda) 
-        ? starCount.length - 1 
-        : (user.uuid && !starCount.includes(user.uuid) && isUserStarreda) 
-        ? starCount.length + 1 
-        : starCount.length;
-
-    return (
-        <div className="min-h-screen bg-gradient-to-br from-slate-50 to-blue-50">
-            <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-                {/* 헤더 섹션 */}
-                <div className="bg-white rounded-2xl shadow-lg border-0 overflow-hidden mb-8">
-                    <div className="bg-gradient-to-r from-blue-600 to-purple-600 px-8 py-6">
-                        <div className="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-6">
-                            <div className="flex-1">
-                                <h1 className="text-3xl lg:text-4xl font-bold text-white mb-2">
-                                    {metaData.title}
-                                </h1>
-                                <div className="flex items-center gap-4 text-blue-100">
-                                    <div className="flex items-center gap-2">
-                                        <Calendar className="w-4 h-4" />
-                                        <span className="text-sm">마지막 업데이트: {localTime}</span>
-                                    </div>
-                                </div>
-                            </div>
-                            
-                            {/* 액션 버튼들 */}
-                            <div className="flex flex-wrap gap-3">
-                                <button
-                                    className={`px-6 py-3 rounded-xl font-medium transition-all duration-200 flex items-center gap-2 shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 ${
-                                        isUserStarreda 
-                                            ? "bg-yellow-400 text-yellow-900 hover:bg-yellow-300" 
-                                            : "bg-white/20 text-white hover:bg-white/30 backdrop-blur-sm"
-                                    }`}
-                                    onClick={hadnleDocsStar}
-                                >
-                                    <Star 
-                                        className="w-5 h-5" 
-                                        fill={isUserStarreda ? "currentColor" : "none"}
-                                    />
-                                    <span>{currentStarCount}</span>
-                                </button>
-
-                                <Link href={`/words-docs/${id}/info`}>
-                                    <button className="px-6 py-3 bg-white/20 text-white rounded-xl font-medium hover:bg-white/30 transition-all duration-200 flex items-center gap-2 backdrop-blur-sm shadow-lg hover:shadow-xl transform hover:-translate-y-0.5">
-                                        <Info className="w-5 h-5" />
-                                        <span className="hidden sm:inline">문서 정보</span>
-                                    </button>
-                                </Link>
-
-                                <Link href={`/words-docs/${id}/logs`}>
-                                    <button className="px-6 py-3 bg-white/20 text-white rounded-xl font-medium hover:bg-white/30 transition-all duration-200 flex items-center gap-2 backdrop-blur-sm shadow-lg hover:shadow-xl transform hover:-translate-y-0.5">
-                                        <Clock className="w-5 h-5" />
-                                        <span className="hidden sm:inline">로그</span>
-                                    </button>
-                                </Link>
-
-                                <button
-                                    className="px-6 py-3 bg-green-500 text-white rounded-xl font-medium hover:bg-green-600 transition-all duration-200 flex items-center gap-2 shadow-lg hover:shadow-xl transform hover:-translate-y-0.5"
-                                    onClick={handleDownload}
-                                >
-                                    <Download className="w-5 h-5" />
-                                    <span className="hidden sm:inline">다운로드</span>
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-
-                    {/* 탭 네비게이션 */}
-                    <div className="px-8 pt-6 pb-2">
-                        <nav className="flex space-x-1" aria-label="Tabs">
-                            {(["all", "mission", "long"] as TabType[]).map((tab) => (
-                                <button
-                                    key={tab}
-                                    onClick={() => handleTabChange(tab)}
-                                    disabled={isTabSwitching}
-                                    className={`relative px-6 py-3 rounded-xl font-medium text-sm transition-all duration-200 flex items-center gap-3 ${
-                                        activeTab === tab
-                                            ? "bg-gradient-to-r from-blue-500 to-purple-500 text-white shadow-lg"
-                                            : "text-gray-600 hover:text-gray-800 hover:bg-gray-100"
-                                    } ${
-                                        isTabSwitching ? "opacity-50 cursor-not-allowed" : "hover:shadow-md transform hover:-translate-y-0.5"
-                                    }`}
-                                >
-                                    {getTabIcon(tab)}
-                                    <span>{getTabLabel(tab)}</span>
-                                    <span className={`px-3 py-1 rounded-full text-xs font-semibold ${
-                                        activeTab === tab 
-                                            ? "bg-white/20 text-white" 
-                                            : "bg-gray-200 text-gray-600"
-                                    }`}>
-                                        {getTabCount(tab).toLocaleString()}
-                                    </span>
-                                    {activeTab === tab && (
-                                        <div className="absolute -bottom-3 left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-blue-500"></div>
-                                    )}
-                                </button>
-                            ))}
-                        </nav>
-                    </div>
-                </div>
-
-                {/* 목차 섹션 */}
-                {!isTabSwitching && (
-                    <div className="bg-white rounded-2xl shadow-lg border-0 p-6 mb-8">
-                        <div className="flex items-center gap-3 mb-4">
-                            <div className="w-8 h-8 bg-gradient-to-r from-blue-500 to-purple-500 rounded-lg flex items-center justify-center">
-                                <FileText className="w-4 h-4 text-white" />
-                            </div>
-                            <h2 className="text-xl font-bold text-gray-800">목차</h2>
-                        </div>
-                        <ToC 
-                            items={tocItems} 
-                            onItemClick={handleTocClick} 
-                            isSp={activeTab === "mission"}
-                        />
-                    </div>
-                )}
-
-                {/* 컨텐츠 섹션 */}
-                <div className="bg-white rounded-2xl shadow-lg border-0 overflow-hidden">
-                    {isLoading || isTabSwitching ? (
-                        <div className="p-8">
-                            {isTabSwitching ? (
-                                <div className="flex flex-col items-center justify-center py-20">
-                                    <Loader2 className="w-12 h-12 text-blue-500 animate-spin mb-4" />
-                                    <p className="text-gray-600 text-lg font-medium">탭 전환 중...</p>
-                                    <p className="text-gray-400 text-sm mt-1">잠시만 기다려주세요</p>
-                                </div>
-                            ) : (
-                                <div className="space-y-8">
-                                    {Array.from({ length: 5 }).map((_, idx) => (
-                                        <div key={idx} className="animate-pulse">
-                                            <div className="h-8 bg-gray-200 rounded-lg w-20 mb-4"></div>
-                                            <div className="space-y-3">
-                                                <div className="h-4 bg-gray-200 rounded w-full"></div>
-                                                <div className="h-4 bg-gray-200 rounded w-3/4"></div>
-                                                <div className="h-4 bg-gray-200 rounded w-1/2"></div>
-                                            </div>
-                                        </div>
-                                    ))}
-                                </div>
-                            )}
-                        </div>
-                    ) : filteredData.length === 0 ? (
-                        <div className="p-12 text-center">
-                            <div className="w-20 h-20 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-6">
-                                <FileText className="w-10 h-10 text-gray-400" />
-                            </div>
-                            <h3 className="text-xl font-medium text-gray-800 mb-2">
-                                단어를 찾을 수 없습니다
-                            </h3>
-                            <p className="text-gray-500">
-                                {activeTab === "long" && "9자 이상의 장문 단어가 없습니다."}
-                                {activeTab === "mission" && "미션 조건에 해당하는 단어가 없습니다."}
-                            </p>
-                        </div>
-                    ) : (
-                        <div
-                            ref={parentRef}
-                            className="p-6"
-                            style={{
-                                height: 'calc(100vh - 500px)',
-                                minHeight: '800px',
-                                overflow: 'auto',
-                            }}
-                        >
-                            <div
-                                style={{
-                                    height: `${virtualizer.getTotalSize()}px`,
-                                    width: '100%',
-                                    position: 'relative',
-                                }}
-                            >
-                                {virtualizer.getVirtualItems().map((virtualItem) => {
-                                    const item = virtualItems[virtualItem.index];
-                                    return (
-                                        <div
-                                            key={virtualItem.key}
-                                            data-index={virtualItem.index}
-                                            ref={virtualizer.measureElement}
-                                            style={{
-                                                position: 'absolute',
-                                                top: 0,
-                                                left: 0,
-                                                width: '100%',
-                                                transform: `translateY(${virtualItem.start}px)`,
-                                            }}
-                                        >
-                                            <div className="mb-8">
-                                                <WordsTableBody 
-                                                    key={`${activeTab}-${item.title}-${item.data.length}`}
-                                                    title={item.title} 
-                                                    initialData={item.data || []} 
-                                                    id={`${id}`} 
-                                                    aoK={metaData.typez === "ect"}
-                                                    isMa={activeTab === "mission"}
-                                                    isL={activeTab==="long"}
-                                                />
-                                            </div>
-                                        </div>
-                                    );
-                                })}
-                            </div>
-                        </div>
-                    )}
-                </div>
-            </div>
-
-            {loginNeedModalOpen && (
-                <LoginRequiredModal open={loginNeedModalOpen} onClose={() => setLoginNeedModalOpen(false)} />
-            )}
-            {errorModalView && (
-                <ErrorModal
-                    onClose={() => seterrorModalView(null)}
-                    error={errorModalView}
-                />
-            )}
-        </div>
-    );
-};
-
-export default DocsDataPage;
\ No newline at end of file
+        getDatas();
+    },[])
+    
+    if (isNotFound) return <NotFound />;
+
+    if (loadingState.isLoading) return <LoadingPage title={"문서"} />
+    
+    if (errorMessage) return <ErrorPage message={errorMessage}/>
+
+    if (wordsData) return <DocsDataHome id={id} data={wordsData.words.sort((a,b)=>a.word.localeCompare(b.word,'ko'))} metaData={wordsData.metadata} starCount={wordsData.starCount}/>
+    
+}
\ No newline at end of file
diff --git a/app/words-docs/[id]/Table.tsx b/app/words-docs/[id]/Table.tsx
index 9a8d3a7..f114c98 100644
--- a/app/words-docs/[id]/Table.tsx
+++ b/app/words-docs/[id]/Table.tsx
@@ -7,853 +7,34 @@ import { useSelector } from 'react-redux';
 import { RootState } from "@/app/store/store";
 import ErrorModal from "@/app/components/ErrModal";
 import type { ErrorMessage } from "@/app/types/type";
-import { SCM, supabase } from '@/app/lib/supabaseClient';
 import type { PostgrestError } from "@supabase/supabase-js";
-import { noInjungTopicID } from "./const";
 import Spinner from "@/app/components/Spinner";
 import CompleteModal from "@/app/components/CompleteModal";
 import Link from "next/link";
+import { memo } from "react";
+import { useWorkFunc } from "./TableWorkFunc";
 
 const WorkModal = lazy(() => import("./WorkModal"));
 
-interface DocsLogData {
-    readonly word: string;
-    readonly docs_id: number;
-    readonly add_by: string | null;
-    readonly type: "add" | "delete";
-}
-
-interface WordLogData {
-    readonly word: string;
-    readonly make_by: string | null;
-    readonly processed_by: string | null;
-    readonly r_type: "add" | "delete";
-    readonly state: "approved" | "rejected";
-}
-
-type DocsLogDatas = DocsLogData[];
-type WordLogDatas = WordLogData[];
-
-const useWorkFunc = ({makeError, setIsProcessing, user, isProcessing, id, CompleWork}:{
-    makeError: (error: PostgrestError) => void,
-    setIsProcessing: React.Dispatch<React.SetStateAction<boolean>>,
-    user: RootState['user'],
-    id: string,
-    CompleWork: () => void,
-    isProcessing: boolean
-}) => {
-    const WriteDocsLog = useCallback(async (logsData: DocsLogDatas) => {
-        const { error: insertDocsLogDataError } = await SCM.addDocsLog(logsData);
-            if (insertDocsLogDataError) {
-                makeError(insertDocsLogDataError);
-                setIsProcessing(false);
-                return;
-            }
-    },[]);
-
-    const WriteWordLog = useCallback(async (logsData: WordLogDatas) => {
-        const { error: insertWordLogDataError } = await SCM.addWordLog(logsData);
-            if (insertWordLogDataError) {
-                makeError(insertWordLogDataError);
-                setIsProcessing(false);
-                return;
-            }
-    },[]);
-    
-    const AddDocs = useCallback(async (docsAddData: { word_id: number; docs_id: number }[]) => {
-        try {
-            const { data: insertAddAcceptDocsData, error: insertAddAcceptDocsDataError } = await supabase
-                .from('docs_words')
-                .insert(docsAddData)
-                .select('*');
-            if (insertAddAcceptDocsDataError) {
-                throw insertAddAcceptDocsDataError;
-            }
-            return insertAddAcceptDocsData;
-        } catch (error) {
-            makeError(error as PostgrestError);
-            setIsProcessing(false);
-            return null;
-        }
-    }, []);
-
-    const AddAccept = useCallback(async (word: string) => {
-        if (user.role !== "admin" && user.role !== "r4" && isProcessing) return;
-        setIsProcessing(true);
-
-        try {
-            // 1. 추가 요청 단어 정보 가져오기
-            const { data: getWaitWordData, error: getWaitWordDataError } = await SCM.getWaitWordInfo(word);
-            if (getWaitWordDataError) return makeError(getWaitWordDataError)
-            if (!getWaitWordData) return;
-
-            // 2. 추가 요청 단어의 주제 정보 가져오기
-            const { data: getWordThemesData, error: getWordThemesDataError } = await SCM.getWaitWordThemes(getWaitWordData.id);
-            if (getWordThemesDataError) makeError(getWordThemesDataError);
-            if (!getWordThemesData) return;
-
-            // 3. 단어 데이터 추가
-            const isNoinWord = getWordThemesData.some((t) => noInjungTopicID.includes(t.theme_id));
-            const insertWordData = { word: getWaitWordData.word, noin_canuse: isNoinWord, added_by: getWaitWordData.requested_by};
-            const { data: getAddAcceptDatab, error: getAddAcceptDataError } = await SCM.addWord([insertWordData])
-            if (getAddAcceptDataError) return makeError(getAddAcceptDataError);
-
-            const getAddAcceptData = getAddAcceptDatab[0];
-
-            // 4. 단어 주제 데이터 추가
-            const insertWordThemesData = getWordThemesData.map((t) => ({
-                word_id: getAddAcceptData.id,
-                theme_id: t.theme_id,
-            }));
-            const { error: getAddAcceptThemesDataError } = await SCM.addWordThemes(insertWordThemesData);
-            if (getAddAcceptThemesDataError) return makeError(getAddAcceptThemesDataError);
-
-            // 5. 단어 추가 로그 등록
-            const insertWordLogData = {
-                word: getWaitWordData.word,
-                make_by: getWaitWordData.requested_by,
-                processed_by: user.uuid || null,
-                r_type: "add",
-                state: "approved",
-            } as const;
-            await WriteWordLog([insertWordLogData]);
-
-            // 6. 문서와 추가 요청 처리
-            const { data: getAddAcceptDocsData, error: getAddAcceptDocsDataError } = await supabase
-                .from('docs_wait_words')
-                .select('*')
-                .eq('wait_word_id', getWaitWordData.id);
-            if (getAddAcceptDocsDataError) throw getAddAcceptDocsDataError;
-
-            if (getAddAcceptDocsData) {
-                const insertDocsData = getAddAcceptDocsData.map((d) => ({
-                    docs_id: d.docs_id,
-                    word_id: getAddAcceptData.id,
-                }));
-                const insertAddAcceptDocsData = await AddDocs(insertDocsData);
-                if (!insertAddAcceptDocsData) return;
-
-                // 문서 로그 추가
-                const insertDocsLogData = insertAddAcceptDocsData.map((d) => ({
-                    word: getWaitWordData.word,
-                    docs_id: d.docs_id,
-                    add_by: getWaitWordData.requested_by,
-                    type: "add" as const,
-                }));
-                WriteDocsLog(insertDocsLogData);
-            }
-
-            const {data: docsDatas, error: docsError} = await supabase.from('docs').select('*');
-            if (docsError) return makeError(docsError)
-            const letterDocs = docsDatas.filter(({typez})=>typez==="letter");
-            const themeDocs = docsDatas.filter(({typez})=>typez === "theme");
-
-            const okLetterDocs = letterDocs
-                .filter(({name})=>getAddAcceptData.word[getAddAcceptData.word.length-1]===name)
-                .map(d=>({
-                    word: getWaitWordData.word,
-                    docs_id: d.id,
-                    add_by: getWaitWordData.requested_by,
-                    type: "add" as const
-                }));
-            WriteDocsLog(okLetterDocs);
-            const okThemeDocs = themeDocs
-                .filter(({name})=>getWordThemesData.some(b=>b.themes.name === name))
-                .map(d=>({
-                    word: getWaitWordData.word,
-                    docs_id: d.id,
-                    add_by: getWaitWordData.requested_by,
-                    type: "add" as const
-                }))
-            const okThemeDocsA = themeDocs
-                .filter(({name})=>getWordThemesData.some(b=>b.themes.name === name))
-                .map(({id})=>id);
-            WriteDocsLog(okThemeDocs);
-            
-            const okLetterDocsA = letterDocs
-                .filter(({name})=>getAddAcceptData.word[getAddAcceptData.word.length-1]===name)
-                .map(({id})=>id)
-            
-            okLetterDocsA.forEach(async (v)=>{
-                await supabase.rpc('update_last_update',{docs_id:v})
-            })
-            
-            okThemeDocsA.forEach(async (v)=>{
-                await supabase.rpc('update_last_update',{docs_id:v})
-            })
-
-            if (getWaitWordData.requested_by){
-                await supabase.rpc('increment_contribution',{target_id: getWaitWordData.requested_by, inc_amount:1})
-            }
-
-            // 7. 추가 요청 테이블에서 삭제
-            const { error: deleteWaitWordDataError } = await supabase   
-                .from('wait_words')
-                .delete()
-                .eq('id', getWaitWordData.id);
-            if (deleteWaitWordDataError) throw deleteWaitWordDataError;
-
-            setIsProcessing(false);
-            CompleWork();
-        } catch (error) {
-            makeError(error as PostgrestError);
-            setIsProcessing(false);
-        }
-    },[]);
-
-    const AddReject = useCallback(async (word: string) => {
-        // 권한 체크 및 중복 요청 방지
-        if (user.role !== "admin" && user.role !== "r4" && isProcessing) return;
-        setIsProcessing(true);
-
-        // 1. 추가 요청단어 정보 가져오기
-        const { data: getWaitWordData, error: getWaitWordDataError } = await supabase.from('wait_words').select('*').eq('word', word).maybeSingle();
-        if (getWaitWordDataError) {
-            makeError(getWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (!getWaitWordData) return;
-
-        // 2.1 추가 요청 거부
-        const { error: deleteWaitWordDataError } = await supabase.from('wait_words').delete().eq('id', getWaitWordData.id);
-        if (deleteWaitWordDataError) {
-            makeError(deleteWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        // 2.2 로그 등록
-        const insertWordLogData = {
-            word: getWaitWordData.word,
-            make_by: getWaitWordData.requested_by,
-            processed_by: user.uuid || null,
-            r_type: "add",
-            state: "rejected"
-        } as const;
-        WriteWordLog([insertWordLogData]);
-
-        setIsProcessing(false);
-        CompleWork();
-        return;
-    },[]);
-
-    const DeleteAccept = useCallback(async (word: string) => {
-        // 권한 체크 및 중복 요청 방지
-        if (user.role !== "admin" && user.role !== "r4" && isProcessing) return;
-        setIsProcessing(true);
-
-        // 1. 삭제 요청단어 정보 가져오기
-        const { data: getWaitWordData, error: getWaitWordDataError } = await supabase.from('wait_words').select('*').eq('word', word).maybeSingle();
-        if (getWaitWordDataError) {
-            makeError(getWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (!getWaitWordData) return;
-        const {data: getWordData, error: getWordError} = await supabase.from('words').select('*').eq('word',word).maybeSingle();
-        if (getWordError) {
-            makeError(getWordError);
-            return setIsProcessing(false)
-        }
-        if (!getWordData) return;
-        const {data: themeWordData, error: themeWordError} = await supabase.from('word_themes').select('*,themes(*)').eq('word_id',getWordData.id);
-        if (themeWordError){
-            makeError(themeWordError);
-            return setIsProcessing(false);
-        }
-
-        const { data: getDeleteDocsData, error: getDeleteDocsDataError } = await supabase.from('docs_wait_words').select('*').eq('wait_word_id', getWaitWordData.id);
-        if (getDeleteDocsDataError) {
-            makeError(getDeleteDocsDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        // 2.1 삭제요청 단어를 words 테이블에서 삭제
-        const { error: deleteWordDataError } = await supabase.from('words').delete().eq('word', getWaitWordData.word);
-        if (deleteWordDataError) {
-            makeError(deleteWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        // 2.2 대기큐에서 제거
-        const { error: deleteWaitWordDataError } = await supabase.from('wait_words').delete().eq('id', getWaitWordData.id);
-        if (deleteWaitWordDataError) {
-            makeError(deleteWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        // 2.3 로그 등록
-        const insertWordLogData = {
-            word: getWaitWordData.word,
-            make_by: getWaitWordData.requested_by,
-            processed_by: user.uuid || null,
-            r_type: "delete",
-            state: "approved"
-        } as const;
-        WriteWordLog([insertWordLogData]);
-
-        // 2.4 문서 로그 등록
-        const insertDocsLogData = getDeleteDocsData.map((d) => {
-            return {
-                word: getWaitWordData.word,
-                docs_id: d.docs_id,
-                add_by: getWaitWordData.requested_by,
-                type: "delete"
-            } as const;
-        });
-        WriteDocsLog(insertDocsLogData);
-
-        const {data: docsDatas, error: docsError} = await supabase.from('docs').select('*');
-        if (docsError) return makeError(docsError)
-        const letterDocs = docsDatas.filter(({typez})=>typez==="letter");
-        const themeDocs = docsDatas.filter(({typez})=>typez === "theme");
-
-        const okLetterDocs = letterDocs
-            .filter(({name})=>getWaitWordData.word[getWaitWordData.word.length-1]===name)
-            .map(d=>({
-                word: getWaitWordData.word,
-                docs_id: d.id,
-                add_by: getWaitWordData.requested_by,
-                type: "delete" as const
-            }));
-
-        const okThemeDocs = themeDocs
-                .filter(({name})=>themeWordData.some(b=>b.themes.name === name))
-                .map(d=>({
-                    word: getWaitWordData.word,
-                    docs_id: d.id,
-                    add_by: getWaitWordData.requested_by,
-                    type: "delete" as const
-                }))
-
-        WriteDocsLog(okLetterDocs);
-        WriteDocsLog(okThemeDocs);
-
-        const okThemeDocsA = themeDocs
-                .filter(({name})=>themeWordData.some(b=>b.themes.name === name))
-                .map(({id})=>id);
-            WriteDocsLog(okThemeDocs);
-            
-            const okLetterDocsA = letterDocs
-                .filter(({name})=>getWaitWordData.word[getWaitWordData.word.length-1]===name)
-                .map(({id})=>id)
-            
-            okLetterDocsA.forEach(async (v)=>{
-                await supabase.rpc('update_last_update',{docs_id:v})
-            })
-            
-            okThemeDocsA.forEach(async (v)=>{
-                await supabase.rpc('update_last_update',{docs_id:v})
-            })
-
-            if (getWaitWordData.requested_by){
-                await supabase.rpc('increment_contribution',{target_id: getWaitWordData.requested_by, inc_amount:1})
-            }
-            
-
-        setIsProcessing(false);
-        CompleWork();
-        return;
-    },[]);
-
-    const DeleteReject = useCallback(async (word: string) => {
-        // 권한 체크 및 중복 요청 방지
-        if (user.role !== "admin" && user.role !== "r4" && isProcessing) return;
-        setIsProcessing(true);
-
-        // 1. 삭제 요청단어 정보 가져오기
-        const { data: getWaitWordData, error: getWaitWordDataError } = await supabase.from('wait_words').select('*').eq('word', word).maybeSingle();
-        if (getWaitWordDataError) {
-            makeError(getWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (!getWaitWordData) return;
-
-        // 2.1 삭제 요청 거부
-        const { error: deleteWaitWordDataError } = await supabase.from('wait_words').delete().eq('id', getWaitWordData.id);
-        if (deleteWaitWordDataError) {
-            makeError(deleteWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        // 2.2 로그 등록
-        const insertWordLogData = {
-            word: getWaitWordData.word,
-            make_by: getWaitWordData.requested_by,
-            processed_by: user.uuid || null,
-            r_type: "delete",
-            state: "rejected"
-        } as const;
-        WriteWordLog([insertWordLogData]);
-
-        setIsProcessing(false);
-        CompleWork();
-        return;
-    },[]);
-
-    const CancelAddRequest = useCallback(async (word: string) => {
-        // 중복 요청 방지
-        if (isProcessing) return;
-        setIsProcessing(true);
-
-        // 1. 삭제 요청단어 정보 가져오기
-        const { data: getWaitWordData, error: getWaitWordDataError } = await supabase.from('wait_words').select('*').eq('word', word).maybeSingle();
-        if (getWaitWordDataError) {
-            makeError(getWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (!getWaitWordData) return;
-
-        // 2. 대기큐에서 삭제
-        const { error: deleteWaitWordDataError } = await supabase.from('wait_words').delete().eq('id', getWaitWordData.id);
-        if (deleteWaitWordDataError) {
-            makeError(deleteWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        setIsProcessing(false);
-        CompleWork();
-        return;
-    },[]);
-
-    const CancelDeleteRequest = useCallback(async (word: string) => {
-        // 중복 요청 방지
-        if (isProcessing) return;
-        setIsProcessing(true);
-
-        // 1. 삭제 요청단어 정보 가져오기
-        const { data: getWaitWordData, error: getWaitWordDataError } = await supabase.from('wait_words').select('*').eq('word', word).maybeSingle();
-        if (getWaitWordDataError) {
-            makeError(getWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (!getWaitWordData) return;
-
-        // 2. 대기큐에서 삭제
-        const { error: deleteWaitWordDataError } = await supabase.from('wait_words').delete().eq('id', getWaitWordData.id);
-        if (deleteWaitWordDataError) {
-            makeError(deleteWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        setIsProcessing(false);
-        CompleWork();
-        return;
-    },[]);
-
-    const DeleteByAdmin = useCallback(async (word: string) => {
-        // 권한 체크 및 중복 요청 방지
-        if (user.role !== "admin" && user.role !== "r4" && isProcessing) return;
-        setIsProcessing(true);
-
-        // 1. 즉시 삭제할 단어 정보 가지고 오기
-        const { data: getWordData, error: getWordDataError } = await supabase.from('words').select('*').eq('word', word).maybeSingle();
-        if (getWordDataError) {
-            makeError(getWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (!getWordData) return;
-
-        // 1.1 즉시 삭제할 단어의 문서 정보 가지고 오기
-        const { data: getDocsData, error: getDocsDataError } = await supabase.from('docs_words').select('*').eq('word_id', getWordData.id);
-        if (getDocsDataError) {
-            makeError(getDocsDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        if (getDocsData) {
-            // 2.1 문서 로그 등록
-            const insertDocsLogData = getDocsData.map((d) => {
-                return {
-                    word: word,
-                    docs_id: d.docs_id,
-                    add_by: user.uuid || null,
-                    type: "delete"
-                } as const;
-            });
-            WriteDocsLog(insertDocsLogData);
-        }
-
-        // 2.2 로그에 등록
-        const insertWordLogData = {
-            word: word,
-            make_by: user.uuid || null,
-            processed_by: user.uuid || null,
-            r_type: "delete",
-            state: "approved"
-        } as const;
-        WriteWordLog([insertWordLogData]);
-
-        // 3. 단어 삭제
-        const { error: deleteWordDataError } = await supabase.from('words').delete().eq('id', getWordData.id);
-        if (deleteWordDataError) {
-            makeError(deleteWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        setIsProcessing(false);
-        CompleWork();
-        return;
-
-    },[]);
-
-    const RequestDelete = useCallback(async (word: string) => {
-        // 중복 요청 방지
-        if (isProcessing) return;
-        setIsProcessing(true);
-
-        // 1. 삭제 요청할 타깃 단어 정보 가지고 오기
-        const { data: getWordData, error: getWordDataError } = await supabase.from('words').select('*').eq('word', word).maybeSingle();
-        if (getWordDataError) {
-            makeError(getWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (!getWordData) return;
-
-        // 2. 대기큐에 등록
-        const insertWaitWordData = {
-            word: word,
-            requested_by: user.uuid || null,
-            request_type: "delete"
-        } as const;
-        const { data: insertWaitWordDataA, error: insertWaitWordDataError } = await supabase.from('wait_words').insert(insertWaitWordData).select('id').maybeSingle();
-        if (insertWaitWordDataError) {
-            makeError(insertWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (!insertWaitWordDataA) return;
-
-        // 2.1 문서 데이터에 반영
-        const { data: getDocsData, error: getDocsDataError } = await supabase.from('docs_words').select('*').eq('word_id', getWordData.id);
-        if (getDocsDataError) {
-            makeError(getDocsDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (getDocsData) {
-            const insertDocsWaitData = getDocsData.map((d) => {
-                return {
-                    docs_id: d.docs_id,
-                    wait_word_id: insertWaitWordDataA.id
-                }
-            });
-            const { error: insertDocsWaitDataError } = await supabase.from('docs_wait_words').insert(insertDocsWaitData);
-            if (insertDocsWaitDataError) {
-                makeError(insertDocsWaitDataError);
-                setIsProcessing(false);
-                return;
-            }
-        }
-
-        setIsProcessing(false);
-        CompleWork();
-        return;
-    },[]);
-
-    const DeleteWordFromDocsByAdin = useCallback(async (word: string) => {
-        // 중복 요청 방지
-        if (user.role !== "admin" && user.role !== "r4" && isProcessing) return;
-        setIsProcessing(true);
-
-        // 1. 문서에서 삭제할 단어의 정보 가지고 오기
-        const { data: getWordData, error: getWordDataError } = await supabase.from('words').select('*').eq('word', word).maybeSingle();
-
-        if (getWordDataError) {
-            makeError(getWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (!getWordData) return;
-
-        // 2. 해당 문서에서 삭제
-        const { error: deleteWordFromDocsError } = await supabase.from('docs_words').delete().eq('word_id', getWordData.id).eq('docs_id', Number(id));
-        if (deleteWordFromDocsError) {
-            makeError(deleteWordFromDocsError);
-            setIsProcessing(false);
-            return;
-        }
-
-        // 3. 로그 등록
-        const logData = {
-            word: getWordData.word,
-            docs_id: Number(id),
-            add_by: user.uuid || null,
-            type: "delete" as const
-        }
-        WriteDocsLog([logData]);
-
-        setIsProcessing(false);
-        CompleWork();
-        return;
-    },[]);
-
-    const DeleteWordFromDocsRequest = useCallback(async (word: string) => {
-        // 중복 요청 방지
-        if (isProcessing) return;
-        setIsProcessing(true);
-
-        // 1. 삭제 요청할 단어 정보 가지고 오기
-        const { data: getWordData, error: getWordDataError } = await supabase.from('words').select('*').eq('word', word).maybeSingle();
-        if (getWordDataError) {
-            makeError(getWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        if (!getWordData) return;
-
-        // 2. 대기큐에 등록
-        const insertWaitWordData = {
-            word_id: getWordData.id,
-            docs_id: Number(id),
-            requested_by: user.uuid || null,
-            typez: "delete"
-        } as const;
-        const { error: insertWaitWordDataError } = await supabase.from('docs_words_wait').insert(insertWaitWordData);
-        if (insertWaitWordDataError) {
-            makeError(insertWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        setIsProcessing(false);
-        CompleWork();
-        return;
-    },[]);
-
-    const onCancelDeleteFromDocsRequest = useCallback(async (word: string) => {
-        // 중복 요청 방지
-        if (isProcessing) return;
-        setIsProcessing(true);
-
-        // 1. 삭제 요청할 단어 정보 가지고 오기
-        const { data: getWordData, error: getWordDataError } = await supabase.from('words').select('*').eq('word', word).maybeSingle();
-        if (getWordDataError) {
-            makeError(getWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (!getWordData) return;
-
-        // 2. 대기큐에서 삭제
-        const { error: deleteWaitWordDataError } = await supabase.from('docs_words_wait').delete().eq('word_id', getWordData.id);
-        if (deleteWaitWordDataError) {
-            makeError(deleteWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        setIsProcessing(false);
-        CompleWork();
-        return;
-
-    },[]);
-
-    const onDeleteFromDocsAccept = useCallback(async (word: string) => {
-        // 중복 요청 방지
-        if (user.role !== "admin" && user.role !== "r4" && isProcessing) return;
-        setIsProcessing(true);
-
-        // 1. 삭제할 단어 정보 가지고 오기
-        const { data: getWordData, error: getWordDataError } = await supabase.from('words').select('*').eq('word', word).maybeSingle();
-        if (getWordDataError) {
-            makeError(getWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (!getWordData) return;
-
-        const { data: getDeleteDocsData, error: getDeleteDocsDataError } = await supabase.from('docs_words_wait').select('words(word),docs_id,requested_by').eq('word_id', getWordData.id);
-        if (getDeleteDocsDataError) {
-            makeError(getDeleteDocsDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        // 2. 대기큐에서 삭제
-        const { error: deleteWaitWordDataError } = await supabase.from('docs_words_wait').delete().eq('word_id', getWordData.id);
-        if (deleteWaitWordDataError) {
-            makeError(deleteWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        // 3. 문서에서 삭제
-        const { error: deleteWordFromDocsError } = await supabase.from('docs_words').delete().eq('word_id', getWordData.id).eq('docs_id', Number(id));
-        if (deleteWordFromDocsError) {
-            makeError(deleteWordFromDocsError);
-            setIsProcessing(false);
-            return;
-        }
-
-        // 2.3 문서 로그 등록
-        const insertDocsLogData = getDeleteDocsData.map((d) => {
-            return {
-                word: d.words.word,
-                docs_id: d.docs_id,
-                add_by: d.requested_by,
-                type: "delete"
-            } as const;
-        });
-        WriteDocsLog(insertDocsLogData);
-
-        setIsProcessing(false);
-        CompleWork();
-        return;
-    },[]);
-
-    const onDeleteFromDocsReject = useCallback(async (word: string) => {
-        // 중복 요청 방지
-        if (user.role !== "admin" && user.role !== "r4" && isProcessing) return;
-        setIsProcessing(true);
-
-        // 1. 삭제 요청단어 정보 가져오기
-        const { data: getWaitWordData, error: getWaitWordDataError } = await supabase.from('words').select('*').eq('word', word).maybeSingle();
-        if (getWaitWordDataError) {
-            makeError(getWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (!getWaitWordData) return;
-
-        // 2. 대기큐에서 삭제
-        const { error: deleteWaitWordDataError } = await supabase.from('docs_words_wait').delete().eq('word_id', getWaitWordData.id);
-        if (deleteWaitWordDataError) {
-            makeError(deleteWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        setIsProcessing(false);
-        CompleWork();
-        return;
-    },[]);
-
-    const onAddFromDocsAccept = useCallback(async (word: string) => {
-        // 중복 요청 방지
-        if (user.role !== "admin" && user.role !== "r4" && isProcessing) return;
-        setIsProcessing(true);
-
-        // 1. 추가할 단어 정보 가지고 오기
-        const { data: getWordData, error: getWordDataError } = await supabase.from('words').select('*').eq('word', word).maybeSingle();
-        if (getWordDataError) {
-            makeError(getWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (!getWordData) return;
-
-        const { data: getWaitWordData, error: getWaitWordDataError } = await supabase.from('docs_words_wait').select('*').eq('word_id', getWordData.id).maybeSingle();
-        if (getWaitWordDataError) {
-            makeError(getWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (!getWaitWordData) return;
-
-        // 2. 대기큐에서 삭제
-        const { error: deleteWaitWordDataError } = await supabase.from('docs_words_wait').delete().eq('word_id', getWordData.id);
-        if (deleteWaitWordDataError) {
-            makeError(deleteWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        // 3. 문서에 등록
-        const insertDocsData = {
-            docs_id: Number(id),
-            word_id: getWordData.id
-        } as const;
-        const { error: insertDocsDataError } = await supabase.from('docs_words').insert(insertDocsData);
-        if (insertDocsDataError) {
-            makeError(insertDocsDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        // 4. 문서 로그 등록
-        const insertDocsLogData = {
-            word: getWordData.word,
-            docs_id: Number(id),
-            add_by: getWaitWordData.requested_by,
-            type: "add"
-        } as const;
-        WriteDocsLog([insertDocsLogData]);
-
-        setIsProcessing(false);
-        CompleWork();
-        return;
-    },[]);
-
-    const onAddFromDocsReject = useCallback(async (word: string) => {
-        // 중복 요청 방지
-        if (user.role !== "admin" && user.role !== "r4" && isProcessing) return;
-        setIsProcessing(true);
-
-        // 1. 추가 요청단어 정보 가져오기
-        const { data: getWaitWordData, error: getWaitWordDataError } = await supabase.from('words').select('*').eq('word', word).maybeSingle();
-        if (getWaitWordDataError) {
-            makeError(getWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-        if (!getWaitWordData) return;
-
-        // 2. 대기큐에서 삭제
-        const { error: deleteWaitWordDataError } = await supabase.from('docs_words_wait').delete().eq('word_id', getWaitWordData.id);
-        if (deleteWaitWordDataError) {
-            makeError(deleteWaitWordDataError);
-            setIsProcessing(false);
-            return;
-        }
-
-        setIsProcessing(false);
-        CompleWork();
-        return;
-    },[]);
-
-    return {AddAccept, DeleteAccept, AddReject, DeleteReject, CancelAddRequest, CancelDeleteRequest, DeleteByAdmin, RequestDelete, DeleteWordFromDocsByAdin, DeleteWordFromDocsRequest, onCancelDeleteFromDocsRequest, onAddFromDocsAccept, onAddFromDocsReject, onDeleteFromDocsAccept, onDeleteFromDocsReject}
-
-}
-
 const Table = ({ 
     initialData, 
-    id, 
-    isEct, 
-    isM = { m: false, t: null },
-    isL = false
-}: { 
-    initialData: WordData[], 
-    id: string, 
-    isEct: boolean, 
-    isM?: { m: false, t: null } | { m: true, t: string } 
-    isL?: boolean
+    isMission = { m: false, t: null }, // m: 미션여부, t: 미션 글자
+    isLong = false
+}: {
+    initialData: WordData[],
+    isMission?: { m: false, t: null } | { m: true, t: string } 
+    isLong?: boolean
 }) => {
     const [data] = useState(initialData);
     
-    // isM.m이 true일 때는 포함개수 기준 내림차순으로 기본 정렬
+    // isMission.m이 true일 때는 포함개수 기준 내림차순으로 기본 정렬
     const [sorting, setSorting] = useState<SortingState>(
-        isM.m ? [{ id: "count", desc: true }] : isL ? [{ id: "length", desc: true }] : []
+        isMission.m ? [{ id: "count", desc: true }] : isLong ? [{ id: "length", desc: true }] : []
     );
     
     const [modal, setModal] = useState<{ 
         word: string, 
-        status: "add" | "delete" | "ok" | "eadd" | "edelete", 
+        status: "add" | "delete" | "ok", 
         requer: string 
     } | null>(null);
     
@@ -871,10 +52,10 @@ const Table = ({
     const columns: ColumnDef<WordData>[] = useMemo(() => [
         {
             accessorFn: (row) => 
-                isM.m && isM.t 
-                    ? getCharCount(row.word, isM.t)
+                isMission.m && isMission.t 
+                    ? getCharCount(row.word, isMission.t)
                     : row.word.length,
-            id: isM.m ? "count" : "length",
+            id: isMission.m ? "count" : "length",
             header: ({ column }) => {
                 const isSorted = column.getIsSorted();
                 return (
@@ -882,7 +63,7 @@ const Table = ({
                         className="flex items-center gap-2 hover:text-blue-600 transition-colors"
                         onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
                     >
-                        {isM.m ? `포함수` : "길이"}
+                        {isMission.m ? `포함수` : "길이"}
                         {isSorted === "desc" ? (
                             <ArrowDown className="h-4 w-4" />
                         ) : isSorted === "asc" ? (
@@ -900,9 +81,9 @@ const Table = ({
             ),
             enableSorting: true,
             // 포함개수가 같을 때 길이로 정렬하기 위한 sortingFn 추가
-            sortingFn: isM.m ? (rowA, rowB) => {
-                const countA = getCharCount(rowA.original.word, isM.t || '');
-                const countB = getCharCount(rowB.original.word, isM.t || '');
+            sortingFn: isMission.m ? (rowA, rowB) => {
+                const countA = getCharCount(rowA.original.word, isMission.t || '');
+                const countB = getCharCount(rowB.original.word, isMission.t || '');
                 
                 // 포함개수가 다르면 포함개수로 정렬
                 if (countA !== countB) {
@@ -935,7 +116,7 @@ const Table = ({
                 );
             },
             cell: ({ getValue }) => (
-                <Link href={`/word/search/${getValue()}`} className="font-semibold text-gray-900 underline">
+                <Link href={`/word/search/${getValue()}`} className="font-semibold text-gray-900 underline dark:text-gray-100">
                     {getValue() as string}
                 </Link>
             )
@@ -969,7 +150,7 @@ const Table = ({
                 );
             }
         },
-    ], [isM, getCharCount]);
+    ], [isMission, getCharCount]);
 
     const table = useReactTable({
         data,
@@ -980,7 +161,7 @@ const Table = ({
         onSortingChange: setSorting,
     });
 
-    const openWork = useCallback((word: string, status: "add" | "delete" | "ok" | "eadd" | "edelete", requer: string) => {
+    const openWork = useCallback((word: string, status: "add" | "delete" | "ok", requer: string) => {
         setModal({ word, status, requer });
     }, []);
 
@@ -1001,6 +182,7 @@ const Table = ({
             ErrStackRace: error.stack,
             inputValue: null
         });
+        setIsProcessing(false);
     };
 
     const { 
@@ -1012,27 +194,20 @@ const Table = ({
         CancelDeleteRequest, 
         RequestDelete, 
         DeleteByAdmin, 
-        DeleteWordFromDocsByAdin, 
-        DeleteWordFromDocsRequest, 
-        onCancelDeleteFromDocsRequest, 
-        onAddFromDocsReject, 
-        onAddFromDocsAccept, 
-        onDeleteFromDocsAccept, 
-        onDeleteFromDocsReject 
-    } = useWorkFunc({ makeError, setIsProcessing, user, id, CompleWork, isProcessing });
+    } = useWorkFunc({ makeError, setIsProcessing, user, CompleWork, isProcessing });
 
     return (
-        <div className="w-full mx-auto px-4 sm:px-6 lg:px-8">
-            <div className="bg-white rounded-xl shadow-lg border border-gray-200 overflow-hidden">
+        <div className="w-full mx-auto">
+            <div className="bg-white dark:bg-gray-900 rounded-xl shadow-lg border border-gray-200 dark:border-gray-700 overflow-hidden transition-colors duration-300">
                 <div className="overflow-x-auto">
                     <table className="w-full min-w-[600px]">
-                        <thead className="bg-gradient-to-r from-gray-50 to-gray-100 border-b border-gray-200">
+                        <thead className="bg-gradient-to-r from-gray-50 to-gray-100 dark:from-gray-800 dark:to-gray-900 border-b border-gray-200 dark:border-gray-700">
                             {table.getHeaderGroups().map((headerGroup) => (
                                 <tr key={headerGroup.id}>
                                     {headerGroup.headers.map((header) => (
                                         <th
                                             key={header.id}
-                                            className="px-6 py-4 text-left text-sm font-semibold text-gray-900 whitespace-nowrap"
+                                            className="px-6 py-4 text-left text-sm font-semibold text-gray-900 dark:text-gray-100 whitespace-nowrap"
                                         >
                                             {header.isPlaceholder
                                                 ? null
@@ -1041,26 +216,26 @@ const Table = ({
                                                 : header.column.columnDef.header}
                                         </th>
                                     ))}
-                                    <th className="px-6 py-4 text-left text-sm font-semibold text-gray-900 whitespace-nowrap">
+                                    <th className="px-6 py-4 text-left text-sm font-semibold text-gray-900 dark:text-gray-100 whitespace-nowrap">
                                         작업
                                     </th>
                                 </tr>
                             ))}
                         </thead>
-                        <tbody className="divide-y divide-gray-200">
+                        <tbody className="divide-y divide-gray-200 dark:divide-gray-800">
                             {table.getRowModel().rows.map((row, index) => {
                                 const wordData = row.original;
                                 return (
                                     <tr 
                                         key={wordData.word}
-                                        className={`hover:bg-gray-50 transition-colors ${
-                                            index % 2 === 0 ? 'bg-white' : 'bg-gray-25'
+                                        className={`hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors ${
+                                            index % 2 === 0 ? 'bg-white dark:bg-gray-900' : 'bg-gray-25 dark:bg-gray-800'
                                         }`}
                                     >
                                         {row.getVisibleCells().map((cell) => (
                                             <td
                                                 key={cell.id}
-                                                className="px-6 py-4 text-sm whitespace-nowrap"
+                                                className="px-6 py-4 text-sm whitespace-nowrap text-gray-900 dark:text-gray-100"
                                             >
                                                 {typeof cell.column.columnDef.cell === 'function'
                                                     ? cell.column.columnDef.cell(cell.getContext())
@@ -1071,7 +246,7 @@ const Table = ({
                                         <td className="min-w-[100px] px-3 py-2 sm:px-4 sm:py-3 whitespace-nowrap">
                                             {openWork !== undefined && user.uuid && (
                                                 <button
-                                                    className="bg-blue-500 text-white px-3 py-1 rounded hover:bg-blue-600 transition"
+                                                    className="bg-blue-500 text-white px-3 py-1 rounded hover:bg-blue-600 dark:bg-blue-600 dark:hover:bg-blue-700 transition"
                                                     onClick={user.uuid !== undefined ? 
                                                         () => openWork(wordData.word, wordData.status, wordData.maker ?? "") : 
                                                         undefined
@@ -1091,7 +266,7 @@ const Table = ({
                 {/* 테이블이 비어있을 때 */}
                 {table.getRowModel().rows.length === 0 && (
                     <div className="text-center py-12">
-                        <p className="text-gray-500 text-lg">데이터가 없습니다.</p>
+                        <p className="text-gray-500 dark:text-gray-400 text-lg">데이터가 없습니다.</p>
                     </div>
                 )}
             </div>
@@ -1100,13 +275,12 @@ const Table = ({
             {modal && (
                 <Suspense fallback={
                     <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/20 backdrop-blur-sm">
-                        <div className="bg-white rounded-lg p-6">
+                        <div className="bg-white dark:bg-gray-900 rounded-lg p-6">
                             <Spinner />
                         </div>
                     </div>
                 }>
                     <WorkModal
-                        isEct={isEct}
                         isSaving={isProcessing}
                         onClose={closeWork}
                         word={modal.word}
@@ -1121,14 +295,6 @@ const Table = ({
                         onCancelDeleteRequest={() => CancelDeleteRequest(modal.word)}
                         onDelete={() => DeleteByAdmin(modal.word)}
                         onRequestDelete={() => RequestDelete(modal.word)}
-                        onDeleteFromDoc={() => DeleteWordFromDocsByAdin(modal.word)}
-                        onRequestDeleteFromDoc={() => DeleteWordFromDocsRequest(modal.word)}
-                        onCancelDeleteFromDocsRequest={() => onCancelDeleteFromDocsRequest(modal.word)}
-                        onDeleteFromDocsAccept={() => onDeleteFromDocsAccept(modal.word)}
-                        onDeleteFromDocsReject={() => onDeleteFromDocsReject(modal.word)}
-                        onCancelAddFromDocsRequest={() => onCancelDeleteFromDocsRequest(modal.word)}
-                        onAddFromDocsAccept={() => onAddFromDocsAccept(modal.word)}
-                        onAddFromDocsReject={() => onAddFromDocsReject(modal.word)}
                     />
                 </Suspense>
             )}
@@ -1142,7 +308,7 @@ const Table = ({
 
             {isProcessing && (
                 <div className="fixed inset-0 z-40 flex items-center justify-center bg-black/20 backdrop-blur-sm">
-                    <div className="bg-white rounded-lg p-6">
+                    <div className="bg-white dark:bg-gray-900 rounded-lg p-6">
                         <Spinner />
                     </div>
                 </div>
@@ -1158,4 +324,4 @@ const Table = ({
     );
 };
 
-export default Table;
\ No newline at end of file
+export default memo(Table);
\ No newline at end of file
diff --git a/app/words-docs/[id]/TableOfContents.tsx b/app/words-docs/[id]/TableOfContents.tsx
index 4d7af8f..7a697f8 100644
--- a/app/words-docs/[id]/TableOfContents.tsx
+++ b/app/words-docs/[id]/TableOfContents.tsx
@@ -11,10 +11,10 @@ interface TocItem {
 interface TocProps {
     items: TocItem[];
     onItemClick: (index: number) => void;
-    isSp?: boolean;
+    isSp?: boolean; // 특수 ToC처리 용도
 }
 
-const TableOfContents = ({ items, onItemClick, isSp=false }: TocProps) => {
+const TableOfContents = ({ items, onItemClick, isSp = false }: TocProps) => {
     const [isOpen, setIsOpen] = useState(false);
 
     // 초성 리스트 (ㄱ과 ㄲ, ㄷ과 ㄸ 등은 같은 그룹으로 묶기 위함)
@@ -57,45 +57,45 @@ const TableOfContents = ({ items, onItemClick, isSp=false }: TocProps) => {
 
     // 그룹화 및 정렬된 데이터 생성
     const groupedItems = useMemo(() => {
-    if (isSp) {
-        return [{
-            group: "",
-            items
-        }];
-    }
+        if (isSp) {
+            return [{
+                group: "",
+                items
+            }];
+        }
 
-    const grouped = items.reduce((acc, item) => {
-        const group = getChoseongGroup(item.title[0]);
-        if (!acc[group]) acc[group] = [];
-        acc[group].push(item);
-        return acc;
-    }, {} as Record<string, TocItem[]>);
-
-    for (const group in grouped) {
-        grouped[group].sort((a, b) =>
-            a.title.localeCompare(b.title, 'ko')
-        );
-    }
+        const grouped = items.reduce((acc, item) => {
+            const group = getChoseongGroup(item.title[0]);
+            if (!acc[group]) acc[group] = [];
+            acc[group].push(item);
+            return acc;
+        }, {} as Record<string, TocItem[]>);
+
+        for (const group in grouped) {
+            grouped[group].sort((a, b) =>
+                a.title.localeCompare(b.title, 'ko')
+            );
+        }
 
-    const orderedGroups = CHOSEONG_ORDER.filter(group => grouped[group]);
+        const orderedGroups = CHOSEONG_ORDER.filter(group => grouped[group]);
+
+        return orderedGroups.map(group => ({
+            group,
+            items: grouped[group]
+        }));
+    }, [items, isSp]);
 
-    return orderedGroups.map(group => ({
-        group,
-        items: grouped[group]
-    }));
-}, [items, isSp]);
 
-    
 
     const displayItems = groupedItems;
-        
+
 
     const handleItemClick = (index: number) => {
         onItemClick(index);
     };
 
     return (
-        <div className="w-full max-w-full p-4 sm:p-6 bg-white dark:bg-zinc-900 rounded-2xl shadow-lg transition-colors duration-300">
+        <div className="w-full max-w-full p-4 sm:p-6 bg-white dark:bg-gray-900 rounded-2xl shadow-lg transition-colors duration-300">
             <div className="flex justify-between items-center mb-2">
                 <button
                     className="text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 focus:outline-none flex items-center space-x-1 transition-colors duration-200"
@@ -109,9 +109,9 @@ const TableOfContents = ({ items, onItemClick, isSp=false }: TocProps) => {
 
             <motion.div
                 initial={{ height: 0, opacity: 0 }}
-                animate={{ 
-                    height: isOpen ? "auto" : 0, 
-                    opacity: isOpen ? 1 : 0 
+                animate={{
+                    height: isOpen ? "auto" : 0,
+                    opacity: isOpen ? 1 : 0
                 }}
                 transition={{ duration: 0.3, ease: "easeInOut" }}
                 className="overflow-hidden"
@@ -119,14 +119,14 @@ const TableOfContents = ({ items, onItemClick, isSp=false }: TocProps) => {
                 <div className="max-h-80 overflow-y-auto pr-2 space-y-4">
                     {displayItems.map(({ group, items: groupItems }) => (
                         <div key={group} className="mb-4">
-                            <h3 className="font-semibold text-gray-700 dark:text-gray-300 mb-2 text-lg border-b border-gray-200 dark:border-gray-700 pb-1">
+                            <h3 className="font-semibold text-gray-700 dark:text-gray-200 mb-2 text-lg border-b border-gray-200 dark:border-gray-700 pb-1">
                                 {group}
                             </h3>
                             <div className="flex flex-wrap gap-2 ml-2">
                                 {groupItems.map((item) => (
                                     <button
                                         key={item.index}
-                                        className="px-3 py-1 text-sm bg-blue-50 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400 hover:bg-blue-100 dark:hover:bg-blue-900/50 hover:text-blue-700 dark:hover:text-blue-300 rounded-full transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50"
+                                        className="px-3 py-1 text-sm bg-blue-50 dark:bg-blue-900/30 text-blue-600 dark:text-blue-300 hover:bg-blue-100 dark:hover:bg-blue-900/50 hover:text-blue-700 dark:hover:text-blue-200 rounded-full transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50"
                                         onClick={() => handleItemClick(item.index)}
                                     >
                                         {item.title}
diff --git a/app/words-docs/[id]/TableRow.tsx b/app/words-docs/[id]/TableRow.tsx
deleted file mode 100644
index 2654b27..0000000
--- a/app/words-docs/[id]/TableRow.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import Link from "next/link";
-import { clsx } from "clsx";
-import { memo } from "react";
-
-type WordStatus = "ok" | "delete" | "add" | "eadd" | "edelete";
-
-
-interface TableRowProps {
-    word: string;
-    status: WordStatus;
-    maker?: string | undefined | null;
-    openWork?: () => void
-}
-
-const TableRowComponent = ({ word, status, openWork }:TableRowProps) => {
-    const wordLength = word.length;
-
-    return (
-        <tr
-            className={clsx(
-                "border text-center text-base sm:text-lg", // 반응형 폰트 크기
-                status === "ok" && "border-black",
-                status === "delete" && "border-red-500",
-                status === "add" && "border-gray-500 border-dashed"
-            )}
-        >
-            {/* 단어 길이 */}
-            <td className="min-w-[60px] px-3 py-2 sm:px-4 sm:py-3 border-r">
-                {wordLength}
-            </td>
-
-            {/* 단어 (링크) */}
-            <td className="min-w-[150px] px-3 py-2 sm:px-4 sm:py-3 border-r">
-                <Link href={`/word/search/${word}`} className="text-blue-600 hover:underline break-keep">
-                    {word}
-                </Link>
-            </td>
-
-            {/* 상태 */}
-            <td className="min-w-[100px] px-3 py-2 sm:px-4 sm:py-3 border-r whitespace-nowrap">
-                {status === "ok" ? "" : (status === "add" || status === "eadd") ? "추가요청" : (
-                    <div className="text-red-500">삭제요청</div>
-                )}
-            </td>
-
-            {/* 작업 버튼 */}
-            <td className="min-w-[100px] px-3 py-2 sm:px-4 sm:py-3 whitespace-nowrap">
-                {openWork !== undefined && (
-                    <button
-                        className="bg-blue-500 text-white px-3 py-1 rounded hover:bg-blue-600 transition"
-                        onClick={openWork}
-                    >
-                        작업
-                    </button>
-                )}
-            </td>
-        </tr>
-
-    )
-}
-
-const TableRow = memo(TableRowComponent);
-
-export default TableRow;
\ No newline at end of file
diff --git a/app/words-docs/[id]/TableWorkFunc.tsx b/app/words-docs/[id]/TableWorkFunc.tsx
new file mode 100644
index 0000000..a8671de
--- /dev/null
+++ b/app/words-docs/[id]/TableWorkFunc.tsx
@@ -0,0 +1,414 @@
+import { SCM } from '@/app/lib/supabaseClient';
+import type { PostgrestError } from "@supabase/supabase-js";
+import { isNoin } from "@/app/lib/lib";
+import type { RootState } from '@/app/store/store';
+import { useCallback } from 'react';
+
+interface DocsLogData {
+    readonly word: string;
+    readonly docs_id: number;
+    readonly add_by: string | null;
+    readonly type: "add" | "delete";
+}
+
+interface WordLogData {
+    readonly word: string;
+    readonly make_by: string | null;
+    readonly processed_by: string | null;
+    readonly r_type: "add" | "delete";
+    readonly state: "approved" | "rejected";
+}
+
+type DocsLogDatas = DocsLogData[];
+type WordLogDatas = WordLogData[];
+
+export const useWorkFunc = ({ makeError, setIsProcessing, user, isProcessing, CompleWork }: {
+    makeError: (error: PostgrestError) => void,
+    setIsProcessing: React.Dispatch<React.SetStateAction<boolean>>,
+    user: RootState['user'],
+    CompleWork: () => void,
+    isProcessing: boolean
+}) => {
+    const WriteDocsLog = useCallback(async (logsData: DocsLogDatas) => {
+        const { error: insertDocsLogDataError } = await SCM.add().docsLog(logsData);
+        if (insertDocsLogDataError) { throw insertDocsLogDataError }
+    }, []);
+
+    const WriteWordLog = useCallback(async (logsData: WordLogDatas) => {
+        const { error: insertWordLogDataError } = await SCM.add().wordLog(logsData);
+        if (insertWordLogDataError) { throw insertWordLogDataError }
+    }, []);
+
+    const beforeCheck = () => user.role !== "admin" && user.role !== "r4" && isProcessing;
+
+    const AddAccept = useCallback(async (word: string) => {
+        if (beforeCheck()) return;
+        setIsProcessing(true);
+
+        try {
+            // 1. 추가 요청 단어 정보 가져오기
+            const { data: getWaitWordData, error: getWaitWordDataError } = await SCM.get().waitWordInfoByWord(word);
+            if (getWaitWordDataError) return makeError(getWaitWordDataError)
+            if (!getWaitWordData) return;
+
+            // 2. 추가 요청 단어의 주제 정보 가져오기
+            const { data: getWordThemesData, error: getWordThemesDataError } = await SCM.get().waitWordThemes(getWaitWordData.id);
+            if (getWordThemesDataError) makeError(getWordThemesDataError);
+            if (!getWordThemesData) return;
+
+            // 3. 단어 데이터 추가
+            const isNoinWord = isNoin(getWordThemesData.map(({ themes }) => themes.code))
+            const insertWordData = { word: getWaitWordData.word, noin_canuse: isNoinWord, added_by: getWaitWordData.requested_by };
+            const { data: getAddAcceptDatab, error: getAddAcceptDataError } = await SCM.add().word([insertWordData])
+            if (getAddAcceptDataError) return makeError(getAddAcceptDataError);
+
+            const getAddAcceptData = getAddAcceptDatab[0];
+
+            // 4. 단어 주제 데이터 추가
+            const insertWordThemesData = getWordThemesData.map((t) => ({
+                word_id: getAddAcceptData.id,
+                theme_id: t.theme_id,
+            }));
+            const { error: getAddAcceptThemesDataError } = await SCM.add().wordThemes(insertWordThemesData);
+            if (getAddAcceptThemesDataError) return makeError(getAddAcceptThemesDataError);
+
+            // 5. 단어 추가 로그 등록
+            const insertWordLogData = {
+                word: getWaitWordData.word,
+                make_by: getWaitWordData.requested_by,
+                processed_by: user.uuid || null,
+                r_type: "add",
+                state: "approved",
+            } as const;
+            await WriteWordLog([insertWordLogData]);
+
+            // 6. 문서 처리
+
+            // 6.2 주제, 글자 문서 로그 추가
+            const { data: docsDatas, error: docsError } = await SCM.get().allDocs();
+            if (docsError) return makeError(docsError)
+            const letterDocs = docsDatas.filter(({ typez }) => typez === "letter");
+            const themeDocs = docsDatas.filter(({ typez }) => typez === "theme");
+
+            const okLetterDocs = letterDocs
+                .filter(({ name }) => getAddAcceptData.word[getAddAcceptData.word.length - 1] === name)
+                .map(d => ({
+                    word: getWaitWordData.word,
+                    docs_id: d.id,
+                    add_by: getWaitWordData.requested_by,
+                    type: "add" as const
+                }));
+            await WriteDocsLog(okLetterDocs);
+            const okThemeDocs = themeDocs
+                .filter(({ name }) => getWordThemesData.some(b => b.themes.name === name))
+                .map(d => ({
+                    word: getWaitWordData.word,
+                    docs_id: d.id,
+                    add_by: getWaitWordData.requested_by,
+                    type: "add" as const
+                }))
+            const okThemeDocsA = themeDocs
+                .filter(({ name }) => getWordThemesData.some(b => b.themes.name === name))
+                .map(({ id }) => id);
+            await WriteDocsLog(okThemeDocs);
+
+            // 6.3 필요정보 업데이트 처리
+            await SCM.update().docsLastUpdate(okThemeDocsA);
+            if (getWaitWordData.requested_by) {
+                await SCM.update().userContribution({ userId: getWaitWordData.requested_by, })
+            }
+
+            // 7. 추가 요청 테이블에서 삭제
+            const { error: deleteWaitWordDataError } = await SCM.delete().waitWordsByIds([getWaitWordData.id])
+            if (deleteWaitWordDataError) return makeError(deleteWaitWordDataError);
+
+            setIsProcessing(false);
+            CompleWork();
+        } catch (error) {
+            makeError(error as PostgrestError);
+            setIsProcessing(false);
+        }
+    }, []);
+
+    const AddReject = useCallback(async (word: string) => {
+        // 권한 체크 및 중복 요청 방지
+        if (beforeCheck()) return;
+        setIsProcessing(true);
+
+        // 1. 추가 요청단어 정보 가져오기
+        const { data: getWaitWordData, error: getWaitWordDataError } = await SCM.get().waitWordInfoByWord(word);
+        if (getWaitWordDataError) { return makeError(getWaitWordDataError); }
+        if (!getWaitWordData) return;
+
+        // 2.1 추가 요청 거부
+        const { error: deleteWaitWordDataError } = await SCM.delete().waitWordsByIds([getWaitWordData.id]);
+        if (deleteWaitWordDataError) { return makeError(deleteWaitWordDataError); }
+
+        // 2.2 로그 등록
+        const insertWordLogData = {
+            word: getWaitWordData.word,
+            make_by: getWaitWordData.requested_by,
+            processed_by: user.uuid || null,
+            r_type: "add",
+            state: "rejected"
+        } as const;
+        await WriteWordLog([insertWordLogData]);
+
+        setIsProcessing(false);
+        CompleWork();
+        return;
+    }, []);
+
+    const DeleteAccept = useCallback(async (word: string) => {
+        // 권한 체크 및 중복 요청 방지
+        if (beforeCheck()) return;
+        setIsProcessing(true);
+
+        // 1. 삭제 요청단어 정보 가져오기
+        const { data: getWaitWordData, error: getWaitWordDataError } = await SCM.get().waitWordInfoByWord(word);
+        if (getWaitWordDataError) { return makeError(getWaitWordDataError); }
+        if (!getWaitWordData) return;
+
+        const { data: getWordData, error: getWordError } = await SCM.get().wordInfoByWord(word);
+        if (getWordError) { return makeError(getWordError); }
+        if (!getWordData) return;
+
+        const { data: themeWordData, error: themeWordError } = await SCM.get().wordThemeByWordId(getWordData.id)
+        if (themeWordError) { return makeError(themeWordError); }
+
+        // 2.1 삭제요청 단어를 words 테이블에서 삭제
+        const { error: deleteWordDataError } = await SCM.delete().wordByWord(getWaitWordData.word);
+        if (deleteWordDataError) { return makeError(deleteWordDataError); }
+
+        // 2.2 대기큐에서 제거
+        const { error: deleteWaitWordDataError } = await SCM.delete().waitWordById(getWaitWordData.id);
+        if (deleteWaitWordDataError) { return makeError(deleteWaitWordDataError); }
+
+        // 2.3 로그 등록
+        const insertWordLogData = {
+            word: getWaitWordData.word,
+            make_by: getWaitWordData.requested_by,
+            processed_by: user.uuid || null,
+            r_type: "delete",
+            state: "approved"
+        } as const;
+        await WriteWordLog([insertWordLogData]);
+
+        const { data: docsDatas, error: docsError } = await SCM.get().allDocs();
+        if (docsError) return makeError(docsError)
+        const letterDocs = docsDatas.filter(({ typez }) => typez === "letter");
+        const themeDocs = docsDatas.filter(({ typez }) => typez === "theme");
+
+        const okLetterDocs = letterDocs
+            .filter(({ name }) => getWaitWordData.word[getWaitWordData.word.length - 1] === name)
+            .map(d => ({
+                word: getWaitWordData.word,
+                docs_id: d.id,
+                add_by: getWaitWordData.requested_by,
+                type: "delete" as const
+            }));
+
+        const okThemeDocs = themeDocs
+            .filter(({ name }) => themeWordData.some(b => b.themes.name === name))
+            .map(d => ({
+                word: getWaitWordData.word,
+                docs_id: d.id,
+                add_by: getWaitWordData.requested_by,
+                type: "delete" as const
+            }))
+
+        await WriteDocsLog(okLetterDocs);
+        await WriteDocsLog(okThemeDocs);
+
+        const okThemeDocsA = themeDocs
+            .filter(({ name }) => themeWordData.some(b => b.themes.name === name))
+            .map(({ id }) => id);
+        await WriteDocsLog(okThemeDocs);
+
+        await SCM.update().docsLastUpdate(okThemeDocsA);
+
+        if (getWaitWordData.requested_by) {
+            await SCM.update().userContribution({ userId: getWaitWordData.requested_by, })
+        }
+
+
+        setIsProcessing(false);
+        CompleWork();
+        return;
+    }, []);
+
+    const DeleteReject = useCallback(async (word: string) => {
+        // 권한 체크 및 중복 요청 방지
+        if (beforeCheck()) return;
+        setIsProcessing(true);
+
+        // 1. 삭제 요청단어 정보 가져오기
+        const { data: getWaitWordData, error: getWaitWordDataError } = await SCM.get().waitWordInfoByWord(word);
+        if (getWaitWordDataError) { return makeError(getWaitWordDataError); }
+        if (!getWaitWordData) return;
+
+        // 2.1 삭제 요청 거부
+        const { error: deleteWaitWordDataError } = await SCM.delete().waitWordById(getWaitWordData.id);
+        if (deleteWaitWordDataError) { return makeError(deleteWaitWordDataError); }
+
+        // 2.2 로그 등록
+        const insertWordLogData = {
+            word: getWaitWordData.word,
+            make_by: getWaitWordData.requested_by,
+            processed_by: user.uuid || null,
+            r_type: "delete",
+            state: "rejected"
+        } as const;
+        await WriteWordLog([insertWordLogData]);
+
+        setIsProcessing(false);
+        CompleWork();
+        return;
+    }, []);
+
+    const CancelAddRequest = useCallback(async (word: string) => {
+        // 중복 요청 방지
+        if (isProcessing) return;
+        setIsProcessing(true);
+
+        // 1. 삭제 요청단어 정보 가져오기
+        const { data: getWaitWordData, error: getWaitWordDataError } = await SCM.get().waitWordInfoByWord(word);
+        if (getWaitWordDataError) { return makeError(getWaitWordDataError); }
+        if (!getWaitWordData) return;
+
+        // 2. 대기큐에서 삭제
+        const { error: deleteWaitWordDataError } = await SCM.delete().waitWordById(getWaitWordData.id);
+        if (deleteWaitWordDataError) { return makeError(deleteWaitWordDataError); }
+
+        setIsProcessing(false);
+        CompleWork();
+        return;
+    }, []);
+
+    const CancelDeleteRequest = useCallback(async (word: string) => {
+        // 중복 요청 방지
+        if (isProcessing) return;
+        setIsProcessing(true);
+
+        // 1. 삭제 요청단어 정보 가져오기
+        const { data: getWaitWordData, error: getWaitWordDataError } = await SCM.get().waitWordInfoByWord(word);
+        if (getWaitWordDataError) { return makeError(getWaitWordDataError); }
+        if (!getWaitWordData) return;
+
+        // 2. 대기큐에서 삭제
+        const { error: deleteWaitWordDataError } = await SCM.delete().waitWordById(getWaitWordData.id);
+        if (deleteWaitWordDataError) { return makeError(deleteWaitWordDataError); }
+
+        setIsProcessing(false);
+        CompleWork();
+        return;
+    }, []);
+
+    const DeleteByAdmin = useCallback(async (word: string) => {
+        // 권한 체크 및 중복 요청 방지
+        if (beforeCheck()) return;
+        setIsProcessing(true);
+
+        // 1. 즉시 삭제할 단어 정보 가지고 오기
+        const { data: getWordData, error: getWordDataError } = await SCM.get().wordInfoByWord(word);
+        if (getWordDataError) { return makeError(getWordDataError); }
+        if (!getWordData) return;
+
+        const { data: themeWordData, error: themeWordError } = await SCM.get().wordThemeByWordId(getWordData.id)
+        if (themeWordError) { return makeError(themeWordError); }
+
+        // 2 로그에 등록
+        const insertWordLogData = {
+            word: word,
+            make_by: user.uuid || null,
+            processed_by: user.uuid || null,
+            r_type: "delete",
+            state: "approved"
+        } as const;
+        await WriteWordLog([insertWordLogData]);
+
+        const { data: docsDatas, error: docsError } = await SCM.get().allDocs();
+        if (docsError) return makeError(docsError)
+        const letterDocs = docsDatas.filter(({ typez }) => typez === "letter");
+        const themeDocs = docsDatas.filter(({ typez }) => typez === "theme");
+
+        const okLetterDocs = letterDocs
+            .filter(({ name }) => getWordData.word[getWordData.word.length - 1] === name)
+            .map(d => ({
+                word: getWordData.word,
+                docs_id: d.id,
+                add_by: user.uuid || null,
+                type: "delete" as const
+            }));
+
+        const okThemeDocs = themeDocs
+            .filter(({ name }) => themeWordData.some(b => b.themes.name === name))
+            .map(d => ({
+                word: getWordData.word,
+                docs_id: d.id,
+                add_by: user.uuid || null,
+                type: "delete" as const
+            }))
+
+        await WriteDocsLog(okLetterDocs);
+        await WriteDocsLog(okThemeDocs);
+
+        // 3. 필요정보 업데이트
+        const okThemeDocsA = themeDocs
+            .filter(({ name }) => themeWordData.some(b => b.themes.name === name))
+            .map(({ id }) => id);
+        await WriteDocsLog(okThemeDocs);
+
+        await SCM.update().docsLastUpdate(okThemeDocsA);
+
+        if (user.uuid) {
+            await SCM.update().userContribution({ userId: user.uuid, })
+        }
+
+        // 4. 단어 삭제
+        const { error: deleteWordDataError } = await SCM.delete().wordById(getWordData.id);
+        if (deleteWordDataError) {
+            makeError(deleteWordDataError);
+            setIsProcessing(false);
+            return;
+        }
+
+        setIsProcessing(false);
+        CompleWork();
+        return;
+
+    }, []);
+
+    const RequestDelete = useCallback(async (word: string) => {
+        // 중복 요청 방지
+        if (isProcessing) return;
+        setIsProcessing(true);
+
+        // 1. 삭제 요청할 타깃 단어 정보 가지고 오기
+        const { data: getWordData, error: getWordDataError } = await SCM.get().wordInfoByWord(word);
+        if (getWordDataError) { return makeError(getWordDataError); }
+        if (!getWordData) return;
+
+        // 2. 대기큐에 등록
+        const insertWaitWordData = {
+            word: word,
+            requested_by: user.uuid || null,
+            request_type: "delete",
+            word_id: getWordData.id
+        } as const;
+        const { data: insertWaitWordDataA, error: insertWaitWordDataError } = await SCM.add().waitWord(insertWaitWordData);
+        if (insertWaitWordDataError) {
+            makeError(insertWaitWordDataError);
+            setIsProcessing(false);
+            return;
+        }
+        if (!insertWaitWordDataA) return;
+
+        setIsProcessing(false);
+        CompleWork();
+        return;
+    }, []);
+
+    return { AddAccept, DeleteAccept, AddReject, DeleteReject, CancelAddRequest, CancelDeleteRequest, DeleteByAdmin, RequestDelete }
+
+}
\ No newline at end of file
diff --git a/app/words-docs/[id]/WordAddModal.tsx b/app/words-docs/[id]/WordAddModal.tsx
index 95a13d4..bffdfe5 100644
--- a/app/words-docs/[id]/WordAddModal.tsx
+++ b/app/words-docs/[id]/WordAddModal.tsx
@@ -1,241 +1,43 @@
 "use client";
-import { useEffect, useState } from "react";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/app/components/ui/dialog";
 import { Button } from "@/app/components/ui/button";
-import { Input } from "@/app/components/ui/input";
-import { supabase } from "@/app/lib/supabaseClient";
-import Spinner from "@/app/components/Spinner";
-import { PostgrestError } from "@supabase/supabase-js";
-import CompleteModal from "@/app/components/CompleteModal";
-import ConfirmModal from "@/app/components/ConfirmModal";
-import { useSelector } from 'react-redux';
-import { RootState } from "@/app/store/store";
 import { useRouter } from "next/navigation";
 
-
 interface WordAddModalProps {
     isOpen: boolean;
     onClose: () => void;
-    alreadyAddedWords: Set<string>;
-    id: number;
-    isAddok: boolean
 }
 
-
-const WordAddModal = ({ isOpen, onClose, alreadyAddedWords, id, isAddok }: WordAddModalProps) => {
-    const [query, setQuery] = useState("");
-    const [showAddWord, setShowAddWord] = useState(false);
-    const [searchResults, setSearchResults] = useState<{ word: string, id: number }[] | null>(null);
-    const [isLoading, setIsLoading] = useState(false);
-    const [errorMessage, setErrorMessage] = useState<string | null>(null);
-    const [showCompleteModal, setShowCompleteModal] = useState(false);
-    const [showConfirmModal, setShowConfirmModal] = useState(false);
-    const [WorkWord, setWorkWord] = useState<{ word: string, id: number } | null>(null);
-    const user = useSelector((state: RootState) => state.user);
-
-    const handleSearchA = async (querys: string) => {
-        setQuery((prev)=>prev.replace(/[^가-힣a-zA-Z0-9]/g, ''));
-        if (querys.trim() === "") {
-            setSearchResults(null);
-            return [];
-        }
-        if (querys.length < 5) {
-            const { data: words, error: err } = await supabase.from('words').select('word,id').eq('word', querys);
-            if (err) {
-                throw err;
-            }
-            return words;
-        }
-        else {
-            const { data: words, error: err } = await supabase.from('words').select('word,id').ilike('word', `%${querys}%`);
-            if (err) {
-                throw err;
-            }
-            return words;
-        }
-
-    }
-
-    const handleSearchB = async (querys: string) => {
-        if (querys.trim() === "") {
-            setSearchResults(null);
-            return [];
-        }
-        if (querys.length < 5) {
-            const { data: words, error: err } = await supabase.from('wait_words').select('word,id,request_type').eq('word', querys);
-            if (err) {
-                throw err;
-            }
-            return words.filter((word) => word.request_type === "add");
-        }
-        else {
-            const { data: words, error: err } = await supabase.from('wait_words').select('word,id,request_type').ilike('word', `%${querys}%`);
-            if (err) {
-                throw err;
-            }
-            return words.filter((word) => word.request_type === "add");
-        }
-    }
-
-    const handleSearch = async () => {
-        if (query.trim() === "") {
-            setSearchResults(null);
-            return;
-        }
-        try {
-            setIsLoading(true);
-            const [A, B] = await Promise.all([handleSearchA(query), handleSearchB(query)]);
-            setSearchResults([...A.map(({ word, id }) => ({ word, id })), ...B.map(({ word, id }) => ({ word, id }))]);
-            setIsLoading(false);
-        }
-        catch (error) {
-            console.error("Error searching words:", error);
-            setErrorMessage(error instanceof Error || error instanceof PostgrestError ? error.message : "알수 없는 오류")
-            setSearchResults(null);
-            setIsLoading(false);
-        }
-    };
-
-    const handleAddRequest = async () => {
-        if (WorkWord === null) return;
-        try {
-            setIsLoading(true);
-            const { error } = await supabase.from('docs_words_wait').insert({
-                word_id: WorkWord.id,
-                docs_id: id,
-                typez: "add",
-                requested_by: user.uuid
-            });
-            if (error) throw error;
-            alreadyAddedWords.add(WorkWord.word);
-            setShowCompleteModal(true);
-            setShowConfirmModal(false);
-            setIsLoading(false);
-            setWorkWord(null);
-        } catch (error) {
-            console.error("Error adding word:", error);
-            setErrorMessage(error instanceof Error || error instanceof PostgrestError ? error.message : "알수 없는 오류")
-            setIsLoading(false);
-        }
-    }
-
-    const handleAddClick = (word: { word: string, id: number }) => {
-        setWorkWord(word);
-        setShowConfirmModal(true);
-    }
-
-    useEffect(() => {
-        if (query.trim() === "") {
-            setSearchResults(null);
-            setErrorMessage(null);
-        }
-    }, [query]);
-
+const WordAddModal = ({ isOpen, onClose }: WordAddModalProps) => {
     return (
         <Dialog open={isOpen} onOpenChange={onClose}>
-            <DialogContent className="w-full max-w-2xl h-auto p-6 flex flex-col">
+            <DialogContent className="w-full max-w-2xl h-auto p-6 flex flex-col bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-700">
                 <DialogHeader>
-                    <DialogTitle>{!showAddWord ? "문서에" : ""} 단어 추가</DialogTitle>
+                    <DialogTitle className="text-gray-900 dark:text-gray-100">단어 추가</DialogTitle>
                 </DialogHeader>
-
-                {showConfirmModal && (
-                    <ConfirmModal
-                        title={`문서에 추가 요청`}
-                        description={`"${WorkWord?.word}" 단어를 문서에 추가 요청하시겠습니까?`}
-                        onConfirm={() => {
-                            handleAddRequest();
-                        }}
-                        onClose={() => setShowConfirmModal(false)}
-                        open={showConfirmModal}
-                    />
-                )}
-
-                {showCompleteModal && (
-                    <CompleteModal
-                        title="단어 추가 요청 완료"
-                        description="단어 추가 요청이 완료되었습니다."
-                        onClose={() => setShowCompleteModal(false)}
-                        open={showCompleteModal}
-                    />
-                )}
-                {(!showAddWord && isAddok) ? (
-                    <div className="flex flex-col gap-3 flex-grow">
-                        {/* 검색 입력 필드 */}
-                        <div className="flex gap-2 p-2">
-                            <Input
-                                value={query}
-                                onChange={(e) => setQuery(e.target.value)}
-                                placeholder="단어 검색..."
-                                className="w-full"
-                                onKeyDown={(e) => {
-                                    if (e.key === "Enter") handleSearch();
-                                }}
-                            />
-                            <Button onClick={handleSearch}>검색</Button>
-                        </div>
-
-                        {/* 리스트 크기 제한 (너무 길어지지 않도록 조정) */}
-                        <div className="flex-grow overflow-hidden border rounded p-2">
-                            <div className="max-h-[45vh] overflow-y-auto">
-                                {isLoading && (
-                                    <div className="absolute inset-0 z-50 flex items-center justify-center bg-white/60 rounded-lg">
-                                        <Spinner />
-                                    </div>)}
-                                {searchResults === null ? (
-                                    <p className="text-gray-500 text-center">{!isLoading ? "검색어를 입력하세요." : ""}</p>
-                                ) : searchResults.length > 0 ? (
-                                    <ul className="space-y-2">
-                                        {searchResults.map(({ word, id }) => (
-                                            <li key={word} className="flex justify-between items-center p-2 border-b">
-                                                {word}
-                                                {!alreadyAddedWords.has(word) ? (
-                                                    <Button size="sm" onClick={() => handleAddClick({ word, id })} >문서에 추가요청</Button>
-                                                ) : (
-                                                    <span className="text-gray-500">등록된 단어</span>
-                                                )}
-                                            </li>
-                                        ))}
-                                    </ul>
-                                ) : (
-                                    <p className="text-gray-500 text-center">{errorMessage ? errorMessage : "검색결과가 존재하지 않습니다."}</p>
-                                )}
-                            </div>
-                        </div>
-
-                        {/* 이 부분이 리스트 아래로 밀리도록 조정됨 */}
-                        <Button className="w-full mt-3" onClick={() => setShowAddWord(true)}>
-                            단어 추가요청 및 문서에 추가요청
-                        </Button>
-                    </div>
-                ) : (
-                    <div>
-                        <AddWordForm onClose={() => setShowAddWord(false)} docsID={id} />
-                    </div>
-                )}
+                <div>
+                    <AddWordForm />
+                </div>
             </DialogContent>
         </Dialog>
     )
 }
 
-
-const AddWordForm = ({ onClose, docsID }: { onClose: () => void, docsID: number }) => {
+const AddWordForm = () => {
     const router = useRouter();
     const onMoveToAddPage = () => {
-        router.push('/word/add?docsID=' + docsID);
+        router.push('/word/add');
     };
-    
+
+    // 동적 ui모달창 만들기 귀찮아서 그냥 단어 추가 페이지로 이동시키기
     return (
         <div className="space-y-3 overflow-y-auto w-full max-w-[600px] mx-auto p-4 text-center">
-            <div className="text-lg font-semibold">단어 추가는 별도 페이지에서 진행됩니다.</div>
-            <div className="text-sm text-muted-foreground">페이지로 이동해서 단어를 입력해주세요.</div>
-            <Button onClick={onMoveToAddPage} className="w-full">
+            <div className="text-lg font-semibold text-gray-900 dark:text-gray-100">단어 추가는 별도 페이지에서 진행됩니다.</div>
+            <div className="text-sm text-muted-foreground dark:text-gray-400">페이지로 이동해서 단어를 입력해주세요.</div>
+            <Button onClick={onMoveToAddPage} className="w-full bg-blue-600 dark:bg-blue-700 text-white hover:bg-blue-700 dark:hover:bg-blue-800">
                 단어 추가 페이지로 이동
             </Button>
-            <Button onClick={onClose} variant="outline" className="w-full">
-                뒤로가기
-            </Button>
         </div>
-
     )
 }
 
diff --git a/app/words-docs/[id]/WordsTableBody.tsx b/app/words-docs/[id]/WordsTableBody.tsx
index e21bbdf..6392cc7 100644
--- a/app/words-docs/[id]/WordsTableBody.tsx
+++ b/app/words-docs/[id]/WordsTableBody.tsx
@@ -13,21 +13,19 @@ const WordAddModal = lazy(() => import("./WordAddModal"));
 const WordsTableBody = ({
     title,
     initialData,
-    id,
-    aoK,
-    isMa,
-    isL
-}: { initialData: WordData[]; title: string, id: string, aoK: boolean, isMa: boolean, isL: boolean }) => {
+    isMission,
+    isLong
+}: { initialData: WordData[]; title: string, isMission: boolean, isLong: boolean }) => {
     const [wordAddModalOpen, setWordAddModalOpen] = useState(false);
     const [isTableVisible, setIsTableVisible] = useState(true);
 
     const user = useSelector((state: RootState) => state.user);
 
     return (
-        <div className="w-full mx-auto px-3 sm:px-4 py-2">
+        <div className="w-full mx-auto py-2 bg-white dark:bg-gray-900 rounded-xl shadow-sm">
             {/* 제목 표시 */}
             <div className="flex flex-wrap items-center gap-2 mb-2">
-                <h1 className="text-2xl sm:text-3xl font-bold text-left">{title}</h1>
+                <h1 className="text-2xl sm:text-3xl font-bold text-left text-gray-900 dark:text-gray-100">{title}</h1>
 
                 <button
                     className="px-3 py-1 text-sm text-white bg-purple-500 hover:bg-purple-600 rounded"
@@ -36,6 +34,7 @@ const WordsTableBody = ({
                     {isTableVisible ? "접기" : "펼치기"}
                 </button>
 
+                {/* 단어 추가 버튼 (로그인 필요) */}
                 {user.uuid && (
                     <button
                         className="px-3 py-1 text-sm text-white bg-blue-500 hover:bg-blue-600 rounded"
@@ -46,29 +45,31 @@ const WordsTableBody = ({
                 )}
             </div>
 
-            {/* 단어 테이블 (애니메이션 적용) */}
+            {/* 단어 테이블 */}
             <motion.div
                 initial={false}
                 animate={{ height: isTableVisible ? "auto" : 0, opacity: isTableVisible ? 1 : 0 }}
                 transition={{ duration: 0.3, ease: "easeInOut" }}
                 className="overflow-hidden"
             >
-                <Table initialData={initialData} id={id} isEct={aoK} isM={!isMa ? {m: false, t: null} : {m: true, t: title}} isL={isL}/>
+                <Table initialData={initialData} isMission={!isMission ? {m: false, t: null} : {m: true, t: title}} isLong={isLong}/>
             </motion.div>
 
+            {/* 단어 추가 모달 */}
             {wordAddModalOpen && (
-                <Suspense fallback={<div className="absolute inset-0 z-50 flex items-center justify-center bg-white/60 rounded-lg"><Spinner /></div>}>
+                <Suspense fallback={
+                    <div className="absolute inset-0 z-50 flex items-center justify-center bg-white/60 dark:bg-gray-900/60 rounded-lg">
+                        <Spinner />
+                    </div>
+                }>
                     <WordAddModal
                         isOpen={wordAddModalOpen}
                         onClose={() => setWordAddModalOpen(false)}
-                        alreadyAddedWords={new Set(initialData.map((d) => d.word))}
-                        id = {Number(id)}
-                        isAddok={aoK}
-                    /> 
+                    />
                 </Suspense>
             )}
 
-            <hr className="mt-3 border-gray-400" />
+            <hr className="mt-3 border-gray-300 dark:border-gray-700" />
         </div>
 
     );
diff --git a/app/words-docs/[id]/WorkModal.tsx b/app/words-docs/[id]/WorkModal.tsx
index bad3645..74a3962 100644
--- a/app/words-docs/[id]/WorkModal.tsx
+++ b/app/words-docs/[id]/WorkModal.tsx
@@ -10,11 +10,10 @@ import {
 import Spinner from "@/app/components/Spinner";
 
 type ModalProps = {
-	isEct: boolean;
 	isSaving: boolean;
 	onClose: () => void;
 	word: string;
-	status: "add" | "delete" | "ok" | "eadd" | "edelete";
+	status: "add" | "delete" | "ok";
 	isAdmin: boolean;
 	isRequester: boolean;
 	onAddAccept?: () => void;
@@ -25,18 +24,9 @@ type ModalProps = {
 	onCancelDeleteRequest?: () => void;
 	onDelete?: () => void;
 	onRequestDelete?: () => void;
-	onRequestDeleteFromDoc?: () => void;
-	onDeleteFromDoc?: () => void;
-	onCancelDeleteFromDocsRequest?: () => void;
-	onDeleteFromDocsAccept?: () => void;
-	onDeleteFromDocsReject?: () => void;
-	onCancelAddFromDocsRequest?: () => void;
-	onAddFromDocsAccept?: () => void;
-	onAddFromDocsReject?: () => void;
 };
 
 const WorkModal = ({
-	isEct,
 	isSaving,
 	onClose,
 	word,
@@ -51,37 +41,29 @@ const WorkModal = ({
 	onCancelDeleteRequest,
 	onDelete,
 	onRequestDelete,
-	onRequestDeleteFromDoc,
-	onDeleteFromDoc,
-	onCancelDeleteFromDocsRequest,
-	onDeleteFromDocsAccept,
-	onDeleteFromDocsReject,
-	onCancelAddFromDocsRequest,
-	onAddFromDocsAccept,
-	onAddFromDocsReject,
 }: ModalProps) => {
 	return (
 		<Dialog open onOpenChange={onClose}>
-			<DialogContent className="max-w-md">
+			<DialogContent className="max-w-md bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-700">
 				{/* Spinner Overlay */}
 				{isSaving && (
-					<div className="absolute inset-0 z-50 flex items-center justify-center bg-white/60 rounded-lg">
+					<div className="absolute inset-0 z-50 flex items-center justify-center bg-white/60 dark:bg-gray-900/60 rounded-lg">
 						<Spinner />
 					</div>
 				)}
 				<DialogHeader>
-					<DialogTitle className="text-center">{word}</DialogTitle>
+					<DialogTitle className="text-center text-gray-900 dark:text-gray-100">
+						{word}
+					</DialogTitle>
 				</DialogHeader>
 
 				<div className="space-y-2">
 					{/* 상태 설명 */}
-					<div className="flex items-center justify-between bg-gray-100 p-3 rounded-md">
-						<span className="text-gray-700">
+					<div className="flex items-center justify-between bg-gray-100 dark:bg-gray-800 p-3 rounded-md">
+						<span className="text-gray-700 dark:text-gray-200">
 							{status === "add" && "현재 이 단어는 추가 요청 상태입니다."}
 							{status === "delete" && "현재 이 단어는 삭제 요청 상태입니다."}
 							{status === "ok" && "현재 등록된 단어입니다."}
-							{status === "eadd" && "현재 문서에 추가 요청인 상태입니다."}
-							{status === "edelete" && "현재 문서에서만 삭제 요청 상태입니다."}
 						</span>
 					</div>
 
@@ -147,14 +129,6 @@ const WorkModal = ({
 										color="red"
 										onClick={onDelete}
 									/>
-									{isEct && 
-										<ActionBlock
-											text="단어를 문서에서만 삭제합니다."
-											color="red"
-											bg="bg-red-100"
-											onClick={onDeleteFromDoc}
-										/>
-									}
 								</>
 							)}
 							<ActionBlock
@@ -162,79 +136,18 @@ const WorkModal = ({
 								color="yellow"
 								onClick={onRequestDelete}
 							/>
-							{isEct &&
-								<ActionBlock
-									text="문서에서만 삭제 요청을 보냅니다."
-									color="yellow"
-									bg="bg-yellow-100"
-									onClick={onRequestDeleteFromDoc}
-								/>
-							}
 						</>
 					)}
-
-					{status === "edelete" && (
-						<>
-							{isAdmin && (
-								<>
-									<ActionBlock
-										text="삭제 요청을 수락합니다."
-										color="green"
-										onClick={onDeleteFromDocsAccept}
-									/>
-									<ActionBlock
-										text="삭제 요청을 거절합니다."
-										color="red"
-										onClick={onDeleteFromDocsReject}
-									/>
-								</>
-							)}
-							{isRequester && (
-								<ActionBlock
-									text="삭제 요청을 취소합니다."
-									color="gray"
-									onClick={onCancelDeleteFromDocsRequest}
-								/>
-							)}
-						</>
-						)}
-						{status === "eadd" && (
-							<>
-								{isAdmin && (
-									<>
-										<ActionBlock
-											text="추가 요청을 수락합니다."
-											color="green"
-											onClick={onAddFromDocsAccept}
-										/>
-										<ActionBlock
-											text="추가 요청을 거절합니다."
-											color="red"
-											onClick={onAddFromDocsReject}
-										/>
-									</>
-								)}
-								{isRequester && (
-									<ActionBlock
-										text="추가 요청을 취소합니다."
-										color="gray"
-										onClick={onCancelAddFromDocsRequest}
-									/>
-								)}
-							</>
-						)}
 				</div>
 
 				<DialogFooter className="mt-4">
 					<button
-						className="w-full bg-gray-300 text-black px-4 py-2 rounded-md hover:bg-gray-400"
+						className="w-full bg-gray-300 dark:bg-gray-700 text-black dark:text-gray-100 px-4 py-2 rounded-md hover:bg-gray-400 dark:hover:bg-gray-600"
 						onClick={onClose}
 					>
 						닫기
 					</button>
 				</DialogFooter>
-
-
 			</DialogContent>
 		</Dialog>
 	);
@@ -255,24 +168,24 @@ const ActionBlock = ({
 	const bgClass =
 		bg ||
 		{
-			green: "bg-green-50",
-			red: "bg-red-50",
-			gray: "bg-gray-50",
-			yellow: "bg-yellow-50",
+			green: "bg-green-50 dark:bg-green-900",
+			red: "bg-red-50 dark:bg-red-900",
+			gray: "bg-gray-50 dark:bg-gray-800",
+			yellow: "bg-yellow-50 dark:bg-yellow-900",
 		}[color];
 
 	const textClass = {
-		green: "text-green-700",
-		red: "text-red-700",
-		gray: "text-gray-700",
-		yellow: "text-yellow-700",
+		green: "text-green-700 dark:text-green-200",
+		red: "text-red-700 dark:text-red-200",
+		gray: "text-gray-700 dark:text-gray-200",
+		yellow: "text-yellow-700 dark:text-yellow-200",
 	}[color];
 
 	const buttonClass = {
-		green: "bg-green-500 hover:bg-green-600",
-		red: "bg-red-500 hover:bg-red-600",
-		gray: "bg-gray-500 hover:bg-gray-600",
-		yellow: "bg-yellow-500 hover:bg-yellow-600",
+		green: "bg-green-500 hover:bg-green-600 dark:bg-green-600 dark:hover:bg-green-700",
+		red: "bg-red-500 hover:bg-red-600 dark:bg-red-600 dark:hover:bg-red-700",
+		gray: "bg-gray-500 hover:bg-gray-600 dark:bg-gray-600 dark:hover:bg-gray-700",
+		yellow: "bg-yellow-500 hover:bg-yellow-600 dark:bg-yellow-600 dark:hover:bg-yellow-700",
 	}[color];
 
 	return (
diff --git a/app/words-docs/[id]/const.ts b/app/words-docs/[id]/const.ts
deleted file mode 100644
index b7649e6..0000000
--- a/app/words-docs/[id]/const.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export const noInjungTopic:string[] = ['주제없음', '가톨릭', '건설', '경제', '고적', '고유', '공업', '광업', '교육', '교통', '군사', '기계', '기독교', '논리', '농업', '동물', '문학', '물리', '미술', '민속', '법률', '불교', '사회', '생물', '수학', '수산', '수공', '식물', '심리', '약학', '언론', '언어', '역사', '연영', '예술', '체육', '음악', '의학', '인명', '전기', '정치', '종교', '지리', '지명', '책명', '천문', '철학', '출판', '통신', '컴퓨터', '한의학', '항공', '해양', '화학'];
-export const noInjungTopicID: number[] = [
-    ...Array.from({ length: 46 }, (_, i) => i + 1), // 1~46
-    101, 102, // 101, 102
-    ...Array.from({ length: 5 }, (_, i) => i + 105), // 105~109
-    111 // 111
-];
diff --git a/app/words-docs/[id]/info/DocsInfo.tsx b/app/words-docs/[id]/info/DocsInfo.tsx
index bc0a415..d9735ad 100644
--- a/app/words-docs/[id]/info/DocsInfo.tsx
+++ b/app/words-docs/[id]/info/DocsInfo.tsx
@@ -66,85 +66,98 @@ const DocsInfo = ({
     };
 
     return (
-        <div className="min-h-screen max-w-6xl mx-auto px-4 py-8 space-y-8">
+        <div className="min-h-screen max-w-6xl mx-auto px-4 py-8 space-y-8 bg-gradient-to-b from-gray-100 to-gray-200 dark:from-gray-900 dark:to-gray-800">
             {/* 이전 페이지로 돌아가기 */}
-            <Link href={`/words-docs/${metaData.id}`} className="flex items-center text-gray-600 hover:text-gray-900 transition-colors">
+            <Link
+                href={`/words-docs/${metaData.id}`}
+                className="flex items-center text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors"
+            >
                 <ArrowLeft size={18} className="mr-2" />
                 <span>문서로 돌아가기</span>
             </Link>
 
-            {/* 헤더 섹션 - 그림자와 패딩 추가 */}
-            <div className="bg-white rounded-xl shadow-md p-6">
+            {/* 헤더 섹션 */}
+            <div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6">
                 <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center pb-4 gap-3">
                     <div className="flex items-center gap-3">
-                        <h1 className="text-2xl sm:text-3xl font-bold text-gray-800">{metaData.name}</h1>
+                        <h1 className="text-2xl sm:text-3xl font-bold text-gray-800 dark:text-gray-100">{metaData.name}</h1>
                         <span className={`px-3 py-1 text-sm font-medium rounded-full ${getTypeColor(metaData.typez)}`}>
                             {getTypeText(metaData.typez)}
                         </span>
                     </div>
                     {metaData.users && (
-                        <Link href={`/profile/${metaData.users.nickname}`} className="flex items-center gap-2 hover:bg-gray-100 rounded-full px-3 py-1 transition-colors">
-                            <User size={16} className="text-gray-600" />
-                            <span className="font-medium text-gray-800">{metaData.users.nickname}</span>
+                        <Link
+                            href={`/profile/${metaData.users.nickname}`}
+                            className="flex items-center gap-2 hover:bg-gray-100 dark:hover:bg-gray-900 rounded-full px-3 py-1 transition-colors"
+                        >
+                            <User size={16} className="text-gray-600 dark:text-gray-300" />
+                            <span className="font-medium text-gray-800 dark:text-gray-100">{metaData.users.nickname}</span>
                         </Link>
                     )}
                 </div>
 
-                {/* 메타데이터 섹션 - 더 시각적으로 개선 */}
+                {/* 메타데이터 섹션 */}
                 <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-6 mt-6">
-                    <div className="flex items-start gap-3 bg-gray-50 p-4 rounded-lg hover:bg-gray-100 transition-colors">
-                        <Calendar size={20} className="text-indigo-600 mt-1" />
+                    {/* 생성일 */}
+                    <div className="flex items-start gap-3 bg-gray-50 dark:bg-gray-900 p-4 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors">
+                        <Calendar size={20} className="text-indigo-600 dark:text-indigo-400 mt-1" />
                         <div>
-                            <p className="text-sm text-gray-500 font-medium">생성일</p>
-                            <p className="text-base text-gray-800">{formatDate(createdAtDate)}</p>
+                            <p className="text-sm text-gray-500 dark:text-gray-400 font-medium">생성일</p>
+                            <p className="text-base text-gray-800 dark:text-gray-100">{formatDate(createdAtDate)}</p>
                         </div>
                     </div>
 
-                    <div className="flex items-start gap-3 bg-gray-50 p-4 rounded-lg hover:bg-gray-100 transition-colors">
-                        <Clock size={20} className="text-emerald-600 mt-1" />
+                    {/* 마지막 업데이트 */}
+                    <div className="flex items-start gap-3 bg-gray-50 dark:bg-gray-900 p-4 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors">
+                        <Clock size={20} className="text-emerald-600 dark:text-emerald-400 mt-1" />
                         <div>
-                            <p className="text-sm text-gray-500 font-medium">마지막 업데이트</p>
-                            <p className="text-base text-gray-800">{formatDate(lastUpdateDate)}</p>
+                            <p className="text-sm text-gray-500 dark:text-gray-400 font-medium">마지막 업데이트</p>
+                            <p className="text-base text-gray-800 dark:text-gray-100">{formatDate(lastUpdateDate)}</p>
                         </div>
                     </div>
 
-                    <div className="flex items-start gap-3 bg-gray-50 p-4 rounded-lg hover:bg-gray-100 transition-colors">
-                        <FileText size={20} className="text-amber-600 mt-1" />
+                    {/* 단어 개수 */}
+                    <div className="flex items-start gap-3 bg-gray-50 dark:bg-gray-900 p-4 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors">
+                        <FileText size={20} className="text-amber-600 dark:text-amber-400 mt-1" />
                         <div>
-                            <p className="text-sm text-gray-500 font-medium">단어 개수</p>
-                            <p className="text-base text-gray-800">{new Intl.NumberFormat().format(wordsCount)}개</p>
+                            <p className="text-sm text-gray-500 dark:text-gray-400 font-medium">단어 개수</p>
+                            <p className="text-base text-gray-800 dark:text-gray-100">{new Intl.NumberFormat().format(wordsCount)}개</p>
                         </div>
                     </div>
 
-                    <div className="flex items-start gap-3 bg-gray-50 p-4 rounded-lg hover:bg-gray-100 transition-colors">
-                        <Star size={20} className="text-yellow-600 mt-1" />
+                    {/* 즐겨찾기 수 */}
+                    <div className="flex items-start gap-3 bg-gray-50 dark:bg-gray-900 p-4 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors">
+                        <Star size={20} className="text-yellow-600 dark:text-yellow-400 mt-1" />
                         <div>
-                            <p className="text-sm text-gray-500 font-medium">즐겨찾기</p>
-                            <p className="text-base text-gray-800">{new Intl.NumberFormat().format(starCount)}명</p>
+                            <p className="text-sm text-gray-500 dark:text-gray-400 font-medium">즐겨찾기</p>
+                            <p className="text-base text-gray-800 dark:text-gray-100">{new Intl.NumberFormat().format(starCount)}명</p>
                         </div>
                     </div>
 
-                    <div className="flex items-start gap-3 bg-gray-50 p-4 rounded-lg hover:bg-gray-100 transition-colors">
-                        <Tag size={20} className="text-rose-600 mt-1" />
+                    {/* 문서 ID */}
+                    <div className="flex items-start gap-3 bg-gray-50 dark:bg-gray-900 p-4 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors">
+                        <Tag size={20} className="text-rose-600 dark:text-rose-400 mt-1" />
                         <div>
-                            <p className="text-sm text-gray-500 font-medium">문서 ID</p>
-                            <p className="text-base text-gray-800">{metaData.id}</p>
+                            <p className="text-sm text-gray-500 dark:text-gray-400 font-medium">문서 ID</p>
+                            <p className="text-base text-gray-800 dark:text-gray-100">{metaData.id}</p>
                         </div>
                     </div>
 
-                    <div className="flex items-start gap-3 bg-gray-50 p-4 rounded-lg hover:bg-gray-100 transition-colors">
-                        <Eye size={20} className="text-blue-600 mt-1" />
+                    {/* 조회수 */}
+                    <div className="flex items-start gap-3 bg-gray-50 dark:bg-gray-900 p-4 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors">
+                        <Eye size={20} className="text-blue-600 dark:text-blue-400 mt-1" />
                         <div>
-                            <p className="text-sm text-gray-500 font-medium">조회수</p>
-                            <p className="text-base text-gray-800">{new Intl.NumberFormat().format(metaData.views)}회</p>
+                            <p className="text-sm text-gray-500 dark:text-gray-400 font-medium">조회수</p>
+                            <p className="text-base text-gray-800 dark:text-gray-100">{new Intl.NumberFormat().format(metaData.views)}회</p>
                         </div>
                     </div>
 
-                    <div className="flex items-start gap-3 bg-gray-50 p-4 rounded-lg hover:bg-gray-100 transition-colors">
-                        <TrendingUp size={20} className="text-purple-600 mt-1" />
+                    {/* 조회수 랭킹 */}
+                    <div className="flex items-start gap-3 bg-gray-50 dark:bg-gray-900 p-4 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors">
+                        <TrendingUp size={20} className="text-purple-600 dark:text-purple-400 mt-1" />
                         <div>
-                            <p className="text-sm text-gray-500 font-medium">조회수 랭킹</p>
-                            <p className="text-base text-gray-800">{docsViewRank}위</p>
+                            <p className="text-sm text-gray-500 dark:text-gray-400 font-medium">조회수 랭킹</p>
+                            <p className="text-base text-gray-800 dark:text-gray-100">{docsViewRank}위</p>
                         </div>
                     </div>
                 </div>
diff --git a/app/words-docs/[id]/info/DocsInfoPage.tsx b/app/words-docs/[id]/info/DocsInfoPage.tsx
index 763f7ba..9d84fc4 100644
--- a/app/words-docs/[id]/info/DocsInfoPage.tsx
+++ b/app/words-docs/[id]/info/DocsInfoPage.tsx
@@ -1,11 +1,11 @@
 "use client";
-import { supabase } from "@/app/lib/supabaseClient";
+import { SCM } from "@/app/lib/supabaseClient";
 import NotFound from "@/app/not-found-client";
 import ErrorPage from "@/app/components/ErrorPage"
-import { useCallback, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import DocsInfo from "./DocsInfo";
-import LoadingPage, {useLoadingState } from '@/app/components/LoadingPage';
-import { reverDuemLaw } from "@/app/lib/DuemLaw";
+import LoadingPage, { useLoadingState } from '@/app/components/LoadingPage';
+import type { PostgrestError } from "@supabase/supabase-js";
 
 type docsInfoType = {
     metadata: {
@@ -31,105 +31,53 @@ export default function DocsInfoPage({ id }: { id: number }) {
     const [docsInfoData, setDocsInfoData] = useState<docsInfoType | null>(null);
     const { loadingState, updateLoadingState } = useLoadingState();
 
-    const getDocs = useCallback(async () => {
-        const { data, error } = await supabase.from('docs').select('*,users(nickname)').eq('id', id).maybeSingle();
-        return { data, error }
-    }, []);
-
-    const getDataOkWords = useCallback(async () => {
-        const { data: dataA, error } = await supabase.from('docs_words').select('words(word)').eq('docs_id', id);
-        if (error) return { words: null, error }
-
-        const words = dataA.map((wordk) => wordk.words.word);
-        return { words, error: null };
-    }, []);
+    const hanldeError = (error: PostgrestError) => {
+        setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${error.name ?? "알수없음"}\nError Message: ${error.message ?? "없음"}\nError code: ${error.code}`);
+        updateLoadingState(100,"ERR");
+    }
 
     useEffect(()=>{
         const getData = async () => {
             updateLoadingState(25,"문서 정보 가져오는 중...");
-            const {data: docsData, error: docsDataError} = await getDocs();
-            if (docsDataError){
-                setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${docsDataError.name ?? "알수없음"}\nError Message: ${docsDataError.message ?? "없음"}\nError code: ${docsDataError.code}`)
-                updateLoadingState(100,"ERR");
-                return;
-            }
+            // 문서 정보 가져오기
+            const {data: docsData, error: docsDataError} = await SCM.get().docsInfoByDocsId(id);
+            if (docsDataError){ return hanldeError(docsDataError); }
             if (docsData === null) return setIsNotFound(true);
-            const {data: docsStarData, error: docsStarError} = await supabase.from('user_star_docs').select('user_id').eq('docs_id',docsData.id)
-            if (docsStarError) return setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${docsStarError.name ?? "알수없음"}\nError Message: ${docsStarError.message ?? "없음"}\nError code: ${docsStarError.code}`);
+            const {data: docsStarData, error: docsStarError} = await SCM.get().docsStarCount(docsData.id);
+            if (docsStarError) return hanldeError(docsStarError);
 
             updateLoadingState(40,"문서의 단어 정보 가져오는 중...");
+            // 문서 타입에 맞게 단어정보 가져오기
             if (docsData.typez === "letter"){
-                let q= supabase.from('words').select('*',{ count: 'exact', head: true }).eq('k_canuse',true).neq('length',1);
-                 
-                if (docsData.duem){
-                    q = q.in('last_letter',reverDuemLaw(docsData.name.trim()[0]));
-                } else {
-                    q = q.eq('last_letter',docsData.name.trim())
-                }
-                const {count:LetterDatas1, error:error1} = await q;
-                if (error1){
-                    setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${error1.name ?? "알수없음"}\nError Message: ${error1.message ?? "없음"}\nError code: ${error1.code}`)
-                    updateLoadingState(100,"ERR");
-                    return;
-                }
-                const {data, error} = await supabase.rpc('get_doc_rank',{doc_id: docsData.id})
-                if (error){
-                    setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${error.name ?? "알수없음"}\nError Message: ${error.message ?? "없음"}\nError code: ${error.code}`)
-                    updateLoadingState(100,"ERR");
-                    return;
-                }
+                const {count:LetterDatas1, error:error1} = await SCM.get().docsWordCount({name: docsData.name, duem: docsData.duem, typez: "letter"});
+                if (error1){ return hanldeError(error1);}
+                const {data, error} = await SCM.get().docsVeiwRankByDocsId(docsData.id);
+                if (error){ return hanldeError(error); }
                 updateLoadingState(90,"데이터 가공중...");
-                setDocsInfoData({metadata:docsData, wordsCount: LetterDatas1 ?? -1, rank:data, starCount:docsStarData.length});
+                setDocsInfoData({metadata:docsData, wordsCount: LetterDatas1 ?? -1, rank:data, starCount:docsStarData});
 
                 updateLoadingState(100,"완료!");
                 return;
             }
             else if (docsData.typez === "theme"){
                 updateLoadingState(35,"주제 정보 가져오는 중...");
-                const {data: themeData, error: themeDataError} = await supabase.from('themes').select('*').eq('name',docsData.name).maybeSingle();
-                if (themeDataError){
-                    setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${themeDataError.name ?? "알수없음"}\nError Message: ${themeDataError.message ?? "없음"}\nError code: ${themeDataError.code}`)
-                    updateLoadingState(100,"ERR");
-                    return;
-                }
+                const {data: themeData, error: themeDataError} = await SCM.get().themeInfoByThemeName(docsData.name);
+                if (themeDataError){ return hanldeError(themeDataError); }
                 if (!themeData) return setIsNotFound(true);
 
                 updateLoadingState(50,"문서의 단어 정보 가져오는 중...");
-                const {count: themeWordsData1, error: themeWordsError1} = await supabase.from('word_themes').select('*',{ count: 'exact', head: true }).eq('theme_id',themeData.id);
-                if (themeWordsError1){
-                    setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${themeWordsError1.name ?? "알수없음"}\nError Message: ${themeWordsError1.message ?? "없음"}\nError code: ${themeWordsError1.code}`)
-                    updateLoadingState(100,"ERR");
-                    return;
-                }
-                const {data, error} = await supabase.rpc('get_doc_rank',{doc_id: docsData.id})
-                if (error){
-                    setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${error.name ?? "알수없음"}\nError Message: ${error.message ?? "없음"}\nError code: ${error.code}`)
-                    updateLoadingState(100,"ERR");
-                    return;
-                }
+                const {count: themeWordsData1, error: themeWordsError1} = await SCM.get().docsWordCount({name: themeData.name, duem: docsData.duem, typez: "theme"});
+                if (themeWordsError1){ return hanldeError(themeWordsError1); }
+                const {data, error} = await SCM.get().docsVeiwRankByDocsId(docsData.id);
+                if (error){ return hanldeError(error); }
 
                 updateLoadingState(90,"데이터 가공중...");
-                setDocsInfoData({metadata:docsData, wordsCount: themeWordsData1 ?? -1, rank: data, starCount:docsStarData.length});
+                setDocsInfoData({metadata:docsData, wordsCount: themeWordsData1 ?? -1, rank: data, starCount:docsStarData});
                 updateLoadingState(100,"완료!");
                 return;
             }
             else{
-                const {words, error} = await getDataOkWords()
-                if (error){
-                    setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${error.name ?? "알수없음"}\nError Message: ${error.message ?? "없음"}\nError code: ${error.code}`)
-                    updateLoadingState(100,"ERR");
-                    return;
-                }
-                const {data, error:errorl} = await supabase.rpc('get_doc_rank',{doc_id: docsData.id})
-                if (errorl){
-                    setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${errorl.name ?? "알수없음"}\nError Message: ${errorl.message ?? "없음"}\nError code: ${errorl.code}`)
-                    updateLoadingState(100,"ERR");
-                    return;
-                }
-                updateLoadingState(90,"데이터 가공중...");
-                setDocsInfoData({metadata:docsData, wordsCount: words.length, rank: data, starCount:docsStarData.length});
-                updateLoadingState(100,"완료!");
-                return;
+                return setIsNotFound(true);
             }
         };
         getData();
@@ -137,18 +85,9 @@ export default function DocsInfoPage({ id }: { id: number }) {
 
     if (isNotFound) return <NotFound />;
 
-    if (loadingState.isLoading) {
-        return (
-            <LoadingPage title={"문서 정보"}/>
-        );
-    }
-
-    if (errorMessage) {
-        return <ErrorPage message={errorMessage} />
-    }
+    if (loadingState.isLoading) return <LoadingPage title={"문서 정보"}/>;
 
-    if (docsInfoData){
-        return <DocsInfo metaData={docsInfoData.metadata} wordsCount={docsInfoData.wordsCount} docsViewRank={docsInfoData.rank} starCount={docsInfoData.starCount} />
+    if (errorMessage) return <ErrorPage message={errorMessage} />;
 
-    }
+    if (docsInfoData) return <DocsInfo metaData={docsInfoData.metadata} wordsCount={docsInfoData.wordsCount} docsViewRank={docsInfoData.rank} starCount={docsInfoData.starCount} />;
 }
diff --git a/app/words-docs/[id]/logs/DocsLogPage.tsx b/app/words-docs/[id]/logs/DocsLogPage.tsx
index 1298197..4bb5152 100644
--- a/app/words-docs/[id]/logs/DocsLogPage.tsx
+++ b/app/words-docs/[id]/logs/DocsLogPage.tsx
@@ -1,10 +1,11 @@
 "use client";
 import DocsLogs from "./DocsLogs";
 import NotFound from "@/app/not-found-client";
-import { supabase } from "@/app/lib/supabaseClient";
-import { useState, useEffect, useCallback } from 'react';
+import { SCM } from "@/app/lib/supabaseClient";
+import { useState, useEffect } from 'react';
 import ErrorPage from "@/app/components/ErrorPage";
 import LoadingPage, {useLoadingState } from '@/app/components/LoadingPage';
+import type { PostgrestError } from "@supabase/supabase-js";
 
 type log = {
     id: number;
@@ -20,44 +21,23 @@ export default function DocsLogPage({id}:{id: number}){
     const [logsData, setLogsDatas] = useState<{logs:log[], docsName: string}|null>(null);
     const { loadingState, updateLoadingState } = useLoadingState();
 
-    const getDocs = useCallback(async () => {
-        const { data, error } = await supabase
-            .from("docs")
-            .select("name")
-            .eq("id", id)
-            .maybeSingle();
-
-        return {data, error};
-    },[]);
-
-    const getLogs = useCallback(async () => {
-        const { data, error } = await supabase
-            .from("docs_logs")
-            .select("*, users(nickname)")
-            .eq("docs_id", id)
-            .order("date", { ascending: false });
-    
-        return {data, error};
-    },[]);
+    const hanldeError = (error: PostgrestError) => {
+        setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${error.name ?? "알수없음"}\nError Message: ${error.message ?? "없음"}\nError code: ${error.code}`);
+        updateLoadingState(100,"ERR");
+    }
 
     useEffect(()=>{
         const getData = async () => {
             updateLoadingState(25,"문서 정보 가져오는 중...");
-            const {data: docsData, error: docsDataError} = await getDocs();
+            //  문서 정보 가져오기
+            const {data: docsData, error: docsDataError} = await SCM.get().docsInfoByDocsId(id);
             if (docsData === null) return setIsNotFound(true);
-            if (docsDataError){
-                setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${docsDataError.name ?? "알수없음"}\nError Message: ${docsDataError.message ?? "없음"}\nError code: ${docsDataError.code}`)
-                updateLoadingState(100,"ERR");
-                return;
-            }
+            if (docsDataError){ return hanldeError(docsDataError); }
 
             updateLoadingState(40,"로그 가져오는 중...");
-            const {data: logData, error: logDataError} = await getLogs();
-            if (logDataError){
-                setErrorMessage(`문서 정보 데이터 로드중 오류.\nErrorName: ${logDataError.name ?? "알수없음"}\nError Message: ${logDataError.message ?? "없음"}\nError code: ${logDataError.code}`)
-                updateLoadingState(100,"ERR");
-                return;
-            }
+            // 문서 로그 가져오기
+            const {data: logData, error: logDataError} = await SCM.get().docsLogs(id);
+            if (logDataError){ return hanldeError(logDataError); }
 
             updateLoadingState(90,"데이터 가공중...");
             const logsData = logData?.map((log) => ({
@@ -76,18 +56,9 @@ export default function DocsLogPage({id}:{id: number}){
 
     if (isNotFound) return <NotFound />;
     
-    if (loadingState.isLoading) {
-        return (
-            <LoadingPage title={"문서 로그"} />
-        );
-    }
+    if (loadingState.isLoading) return <LoadingPage title={"문서 로그"} />;
 
-    if (errorMessage){
-        return <ErrorPage message={errorMessage}/>
-    }
-
-    if (logsData){
-        return <DocsLogs id={id} name={logsData.docsName} Logs={logsData.logs} />;
-    }
+    if (errorMessage) return <ErrorPage message={errorMessage} />;
 
+    if (logsData) return <DocsLogs id={id} name={logsData.docsName} Logs={logsData.logs} />;
 }
\ No newline at end of file
diff --git a/app/words-docs/[id]/logs/DocsLogs.tsx b/app/words-docs/[id]/logs/DocsLogs.tsx
index f13e563..0f8bf73 100644
--- a/app/words-docs/[id]/logs/DocsLogs.tsx
+++ b/app/words-docs/[id]/logs/DocsLogs.tsx
@@ -41,24 +41,24 @@ const DocsLogs = ({ id, name, Logs }: DocsLogsProps) => {
     const totalPages = Math.ceil(filteredLogs.length / itemsPerPage);
 
     return (
-        <div className="p-6 max-w-6xl mx-auto bg-gray-50 min-h-screen">
-            <Link href={`/words-docs/${id}`} className="flex items-center text-gray-600 hover:text-gray-900 transition-colors">
+        <div className="p-6 max-w-6xl mx-auto bg-gray-50 dark:bg-gradient-to-b dark:from-gray-900 dark:to-gray-800 min-h-screen text-gray-800 dark:text-gray-100">
+            <Link href={`/words-docs/${id}`} className="flex items-center text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors">
                 <ArrowLeft size={18} className="mr-2" />
                 <span>문서로 돌아가기</span>
             </Link>
 
             {/* 문서 제목 섹션 */}
-            <h1 className="text-3xl font-bold text-gray-800 mb-3 mt-3">
+            <h1 className="text-3xl font-bold text-gray-800 dark:text-gray-100 mb-3 mt-3">
                 {name} - 로그
             </h1>
 
             {/* 필터링 섹션 */}
             <div className="flex gap-4 mb-4">
                 <Select value={filterType} onValueChange={(v) => { setPage(1); setFilterType(v); }}>
-                    <SelectTrigger className="w-[160px]">
+                    <SelectTrigger className="w-[160px] bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 text-gray-800 dark:text-gray-100 hover:border-blue-300 dark:hover:border-blue-600">
                         <SelectValue placeholder="요청 타입 선택" />
                     </SelectTrigger>
-                    <SelectContent>
+                    <SelectContent className="bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-100">
                         <SelectItem value="all">전체 타입</SelectItem>
                         <SelectItem value="add">추가 요청</SelectItem>
                         <SelectItem value="delete">삭제 요청</SelectItem>
@@ -67,55 +67,63 @@ const DocsLogs = ({ id, name, Logs }: DocsLogsProps) => {
             </div>
 
             {/* 로그 테이블 */}
-            <div className="bg-white rounded-md shadow-sm">
+            <div className="bg-white dark:bg-gray-800 rounded-md shadow-sm border border-gray-200 dark:border-gray-700">
                 <Table>
                     <TableHeader>
-                        <TableRow>
-                            <TableHead>ID</TableHead>
-                            <TableHead>생성 시각</TableHead>
+                        <TableRow className="bg-gray-100 dark:bg-gray-900">
+                            <TableHead className="w-16">ID</TableHead>
+                            <TableHead className="w-48">생성 시각</TableHead>
                             <TableHead>단어</TableHead>
                             <TableHead>사용자</TableHead>
                             <TableHead>요청 타입</TableHead>
                         </TableRow>
                     </TableHeader>
                     <TableBody>
-                        {currentLogs.map((log) => (
-                            <TableRow key={log.id}>
-                                <TableCell>{log.id}</TableCell>
-                                <TableCell>{convertToLocalTime(log.date)}</TableCell>
-                                <TableCell>
-                                    {log.type === "add" ? (
-                                        <Link
-                                            href={`/word/search/${log.word}`}
-                                            className="text-blue-600 hover:underline"
-                                        >
-                                            {log.word}
-                                        </Link>
-                                    ) : (
-                                        log.word
-                                    )}
-                                </TableCell>
-                                <TableCell>
-                                    {log.user ? (
-                                        <Link
-                                            className="text-blue-600 hover:underline"
-                                            href={`/profile/${log.user}`}
-                                        >
-                                            {log.user}
-                                        </Link>
-                                    ) : (
-                                        "알수없음"
-                                    )}
-                                </TableCell>
-                                <TableCell>
-                                    {log.type === "add" ? (
-                                        <span className="text-blue-600">추가</span>
-                                    ) : (
-                                        <span className="text-orange-600">삭제</span>
-                                    )}
+                        {currentLogs.length === 0 ? (
+                            <TableRow>
+                                <TableCell colSpan={5} className="text-center py-8 text-gray-500 dark:text-gray-400">
+                                    조건에 맞는 로그가 없습니다.
                                 </TableCell>
                             </TableRow>
-                        ))}
+                        ) : (
+                            currentLogs.map((log) => (
+                                <TableRow key={log.id}>
+                                    <TableCell>{log.id}</TableCell>
+                                    <TableCell>{convertToLocalTime(log.date)}</TableCell>
+                                    <TableCell>
+                                        {log.type === "add" ? (
+                                            <Link
+                                                href={`/word/search/${log.word}`}
+                                                className="text-blue-600 dark:text-blue-400 hover:underline"
+                                            >
+                                                {log.word}
+                                            </Link>
+                                        ) : (
+                                            log.word
+                                        )}
+                                    </TableCell>
+                                    <TableCell>
+                                        {log.user ? (
+                                            <Link
+                                                className="text-blue-600 dark:text-blue-400 hover:underline"
+                                                href={`/profile/${log.user}`}
+                                            >
+                                                {log.user}
+                                            </Link>
+                                        ) : (
+                                            "알수없음"
+                                        )}
+                                    </TableCell>
+                                    <TableCell>
+                                        {log.type === "add" ? (
+                                            <span className="text-blue-600 dark:text-blue-400">추가</span>
+                                        ) : (
+                                            <span className="text-orange-600 dark:text-orange-400">삭제</span>
+                                        )}
+                                    </TableCell>
+                                </TableRow>
+                            ))
+                        )}
                     </TableBody>
                 </Table>
             </div>
@@ -126,11 +134,12 @@ const DocsLogs = ({ id, name, Logs }: DocsLogsProps) => {
                     variant="outline"
                     disabled={page === 1}
                     onClick={() => setPage((prev) => prev - 1)}
+                    className="border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-100 hover:border-blue-300 dark:hover:border-blue-600"
                 >
                     이전
                 </Button>
 
-                <span className="text-gray-600">
+                <span className="text-gray-600 dark:text-gray-300">
                     {page} / {totalPages} 페이지
                 </span>
 
@@ -138,6 +147,7 @@ const DocsLogs = ({ id, name, Logs }: DocsLogsProps) => {
                     variant="outline"
                     disabled={page === totalPages}
                     onClick={() => setPage((prev) => prev + 1)}
+                    className="border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-100 hover:border-blue-300 dark:hover:border-blue-600"
                 >
                     다음
                 </Button>
diff --git a/app/words-docs/[id]/page.tsx b/app/words-docs/[id]/page.tsx
index e14fd23..60ab245 100644
--- a/app/words-docs/[id]/page.tsx
+++ b/app/words-docs/[id]/page.tsx
@@ -1,5 +1,5 @@
 import NotFound from "@/app/not-found-client";
-import DocsDataHome from "./DocsDataHome";
+import DocsDataPage from "./DocsDataPage";
 
 export async function generateMetadata({ params }: { params: Promise<{ id: string }> }) {
     const {id} = await params;
@@ -14,7 +14,7 @@ const DocsDataHomePage = async ({ params }: { params: Promise<{ id: string }> })
     const nid = Number(id)
 
     if (isNaN(nid)) return <NotFound />
-    return <DocsDataHome id={nid} />
+    return <DocsDataPage id={nid} />
     
 }
 
diff --git a/app/words-docs/page.tsx b/app/words-docs/page.tsx
index aba680e..88af287 100644
--- a/app/words-docs/page.tsx
+++ b/app/words-docs/page.tsx
@@ -8,7 +8,6 @@ export async function generateMetadata() {
 }
 
 const WordsDocsHomeServerPage = async () => {
-    
     return <WordsDocsHomePage />
 }
 
diff --git a/docs/NAMING_CONVENTIONS.md b/docs/NAMING_CONVENTIONS.md
new file mode 100644
index 0000000..2a3140d
--- /dev/null
+++ b/docs/NAMING_CONVENTIONS.md
@@ -0,0 +1,128 @@
+# ✍️ Naming Conventions
+
+이 문서는 프로젝트에서 일관된 네이밍을 유지하기 위한 가이드입니다. 함수, 변수, 파일, 컴포넌트 등의 이름을 정할 때 아래의 규칙을 따릅니다.
+
+---
+
+## 📦 1. 변수명 (Variables)
+
+* **camelCase** 사용
+* 가능한 명확하고 구체적인 의미 부여
+* Boolean 변수는 `is`, `has`, `can` 등의 prefix 사용
+
+```ts
+const userName = "Alice";
+const isLoggedIn = true;
+const hasPermission = false;
+```
+
+---
+
+## ⚙️ 2. 함수명 (Functions)
+### 공통
+* **camelCase** 사용
+* 복수형을 처리하거나 반환하는 함수는 `s` suffix로 붙일 것을 권장
+
+### 2.1 일반
+* **동사 + 명사** 형태로 작성
+* 기능 중심으로 명확하게
+
+```ts
+function fetchUserData() { ... }
+function handleLoginClick() { ... }
+function updateUserProfile() { ... }
+```
+
+### 2.2 DB (supabaseManager)
+* **테이블** + **By파라미터** 형태 작성 
+* 테이블 전체 데이터 fetch는 `all` prefix 사용
+
+```ts
+function wordById() {...}
+function allDocs() {...}
+```
+
+---
+
+## 🧱 3. 컴포넌트명 (React Components)
+
+* **PascalCase** 사용
+* 기능/역할 기반 명명
+
+```tsx
+// 올바른 예
+function UserCard() { ... }
+function LoginForm() { ... }
+
+// 잘못된 예
+function usercard() { ... }
+function loginform() { ... }
+```
+
+---
+
+## 📄 4. 파일/폴더명
+
+* 파일: **kebab-case**
+* 컴포넌트 파일은 컴포넌트 이름과 동일하게 (PascalCase + `.tsx`)
+* 폴더는 보통 **kebab-case** 또는 **lowercase** 사용
+
+```bash
+# 파일 예시
+login-form.tsx
+user-card.tsx
+
+# 폴더 예시
+components/
+utils/
+hooks/
+```
+
+---
+
+### 🧩 5. Hook 이름
+
+* 반드시 `use`로 시작 (React 규칙)
+* **camelCase**
+
+```ts
+useAuth();
+useScrollPosition();
+useDebounce();
+```
+
+---
+
+### 🧾 6. 타입, 인터페이스 (TypeScript)
+
+* **PascalCase**
+* 인터페이스는 `I` 접두사 생략 가능
+
+```ts
+interface User {
+  id: string;
+  name: string;
+}
+
+type LoginResponse = { token: string };
+```
+
+---
+
+### 🧠 7. 약어 및 축약어 사용
+
+* 약어는 일관되게 작성 (`ID`, `URL` → `userId`, `imageUrl`)
+* 전부 대문자로 쓰기보단 일반 단어처럼 다루기
+
+```ts
+let userId = "123"; // OK
+let userID = "123"; // 지양
+```
+
+---
+
+## 📌 추가 규칙
+
+* 가능한 한 줄임말보다는 **풀어쓴 이름** 사용
+* 이름만 봐도 무슨 역할인지 **의미가 명확하게**
+* 하나의 기능/역할만 표현하도록
diff --git a/README.md b/docs/README.md
similarity index 100%
rename from README.md
rename to docs/README.md
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 04524e9..b71b0c0 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -10,10 +10,20 @@ const compat = new FlatCompat({
 });
 
 const eslintConfig = [
+  // ✅ 테스트 및 설정 파일 무시
+  {
+    ignores: [
+      '**/*.test.tsx',
+      '**/*.test.ts',
+      'jest.config.ts',
+      'jest.setup.ts',
+    ],
+  },
+  // ✅ 기존 설정
   ...compat.config({
     extends: ["next/core-web-vitals", "next/typescript"],
     rules: {
-      'react-hooks/exhaustive-deps': 'off'
+      'react-hooks/exhaustive-deps': 'off',
     },
     ignorePatterns: [
       'node_modules/',
@@ -21,9 +31,9 @@ const eslintConfig = [
       'public/',
       'dist/',
       'test/',
-      'supabase/'
-    ]
-  })
-]
+      'supabase/',
+    ],
+  }),
+];
 
-export default eslintConfig;
\ No newline at end of file
+export default eslintConfig;
diff --git a/jest.config.ts b/jest.config.ts
new file mode 100644
index 0000000..2fda89e
--- /dev/null
+++ b/jest.config.ts
@@ -0,0 +1,33 @@
+const nextJest = require('next/jest')
+
+const createJestConfig = nextJest({
+  dir: './',
+})
+
+const customJestConfig = {
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts','<rootDir>/test/__mocks__/setupMocks.tsx'],
+  testEnvironment: 'jest-environment-jsdom',
+  testPathIgnorePatterns: ['<rootDir>/.next/', '<rootDir>/node_modules/'],
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/$1',
+  },
+  transform: {
+    '^.+\\.(ts|tsx)$': 'babel-jest',
+  },
+  transformIgnorePatterns: [
+    'node_modules/(?!(lucide-react)/)', // lucide-react는 변환 예외
+  ],
+  collectCoverageFrom: [
+    'app/**/*.{js,jsx,ts,tsx}',
+    '!app/**/_*.{js,jsx,ts,tsx}',
+    '!app/**/layout.{js,jsx,ts,tsx}',
+    '!app/**/page.{js,jsx,ts,tsx}',
+    '!**/*.d.ts',
+    '!**/node_modules/**',
+  ],
+  collectCoverage: true,
+  coverageDirectory: "coverage",
+  coverageReporters: ["text", "text-summary", "lcov"],
+}
+
+module.exports = createJestConfig(customJestConfig)
diff --git a/jest.setup.ts b/jest.setup.ts
new file mode 100644
index 0000000..fc4d264
--- /dev/null
+++ b/jest.setup.ts
@@ -0,0 +1,66 @@
+import '@testing-library/jest-dom'
+
+global.ResizeObserver = jest.fn().mockImplementation(() => ({
+  observe: jest.fn(),
+  unobserve: jest.fn(),
+  disconnect: jest.fn(),
+}));
+
+// IntersectionObserver 모킹
+global.IntersectionObserver = jest.fn().mockImplementation(() => ({
+  observe: jest.fn(),
+  unobserve: jest.fn(),
+  disconnect: jest.fn(),
+}));
+
+// matchMedia 모킹
+Object.defineProperty(window as any, 'matchMedia', {
+  writable: true,
+  value: jest.fn().mockImplementation(query => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(), // deprecated
+    removeListener: jest.fn(), // deprecated
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    dispatchEvent: jest.fn(),
+  })),
+});
+
+// URL 객체 모킹
+global.URL.createObjectURL = jest.fn(() => 'mocked-url');
+global.URL.revokeObjectURL = jest.fn();
+
+// scrollTo 모킹
+global.scrollTo = jest.fn();
+
+
+// Mock window.fs
+Object.defineProperty(window as any, 'fs', {
+  value: {
+    readFile: jest.fn(),
+  },
+  writable: true,
+})
+
+// Mock URL methods
+Object.defineProperty(globalThis.URL, 'createObjectURL', {
+  value: jest.fn(() => 'mocked-url'),
+  writable: true,
+})
+
+Object.defineProperty(globalThis.URL, 'revokeObjectURL', {
+  value: jest.fn(),
+  writable: true,
+})
+
+
+beforeEach(() => {
+  jest.clearAllMocks();
+});
+
+// 테스트 후 정리
+afterEach(() => {
+  jest.clearAllTimers();
+});
diff --git a/middleware.ts b/middleware.ts
index a7583ca..a41368e 100644
--- a/middleware.ts
+++ b/middleware.ts
@@ -3,7 +3,6 @@ import type { NextRequest } from 'next/server';
 import { createServerClient } from '@supabase/ssr';
 import { Database } from './app/types/database.types';
 
-// 간단한 URL 로깅 미들웨어
 export async function middleware(request: NextRequest) {
     const isProtectedRoute = request.nextUrl.pathname.startsWith('/admin')
     if (!isProtectedRoute){
diff --git a/next.config.ts b/next.config.ts
index e9ffa30..edf76b3 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -2,6 +2,7 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
+  transpilePackages: ['lucide-react'],
 };
 
 export default nextConfig;
diff --git a/package-lock.json b/package-lock.json
index 188c253..ddcdda1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -47,6 +47,7 @@
         "framer-motion": "^12.5.0",
         "lucide-react": "^0.474.0",
         "next": "^15.1.0",
+        "next-themes": "^0.4.6",
         "react": "^19.0.0",
         "react-dom": "^19.0.0",
         "react-icons": "^5.4.0",
@@ -56,22 +57,41 @@
         "recharts": "^2.15.3",
         "swr": "^2.3.3",
         "tailwind-merge": "^2.6.0",
-        "tailwindcss-animate": "^1.0.7"
+        "tailwindcss-animate": "^1.0.7",
+        "ts-node": "^10.9.2",
+        "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz"
       },
       "devDependencies": {
+        "@babel/preset-env": "^7.27.2",
+        "@babel/preset-react": "^7.27.1",
+        "@babel/preset-typescript": "^7.27.1",
         "@eslint/eslintrc": "^3",
+        "@testing-library/jest-dom": "^6.6.3",
+        "@testing-library/react": "^16.3.0",
+        "@testing-library/user-event": "^14.6.1",
+        "@types/jest": "^30.0.0",
         "@types/node": "^20",
         "@types/react": "^19",
         "@types/react-dom": "^19",
         "@types/react-redux": "^7.1.34",
+        "babel-jest": "^30.0.0",
         "eslint": "^9",
         "eslint-config-next": "15.1.0",
+        "jest": "^30.0.0",
+        "jest-environment-jsdom": "^30.0.0",
         "postcss": "^8",
         "supabase": "^2.24.3",
         "tailwindcss": "^3.4.1",
         "typescript": "^5"
       }
     },
+    "node_modules/@adobe/css-tools": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.3.tgz",
+      "integrity": "sha512-VQKMkwriZbaOgVCby1UDY/LDk5fIjhQicCvVPFqfe+69fWaPWydbWJ3wRt59/YzIwda1I81loas3oCoHxnqvdA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@alloc/quick-lru": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
@@ -84,3700 +104,8693 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@babel/runtime": {
-      "version": "7.27.0",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz",
-      "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
-      "license": "MIT",
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "regenerator-runtime": "^0.14.0"
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
       },
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=6.0.0"
       }
     },
-    "node_modules/@codemirror/autocomplete": {
-      "version": "6.18.6",
-      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.18.6.tgz",
-      "integrity": "sha512-PHHBXFomUs5DF+9tCOM/UoW6XQ4R44lLNNhRaW9PKPTU0D7lIjRg3ElxaJnTwsl/oHiR93WSXDBrekhoUGCPtg==",
+    "node_modules/@asamuzakjp/css-color": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-3.2.0.tgz",
+      "integrity": "sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@codemirror/language": "^6.0.0",
-        "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.17.0",
-        "@lezer/common": "^1.0.0"
+        "@csstools/css-calc": "^2.1.3",
+        "@csstools/css-color-parser": "^3.0.9",
+        "@csstools/css-parser-algorithms": "^3.0.4",
+        "@csstools/css-tokenizer": "^3.0.3",
+        "lru-cache": "^10.4.3"
       }
     },
-    "node_modules/@codemirror/commands": {
-      "version": "6.8.1",
-      "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.8.1.tgz",
-      "integrity": "sha512-KlGVYufHMQzxbdQONiLyGQDUW0itrLZwq3CcY7xpv9ZLRHqzkBSoteocBHtMCoY7/Ci4xhzSrToIeLg7FxHuaw==",
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@codemirror/language": "^6.0.0",
-        "@codemirror/state": "^6.4.0",
-        "@codemirror/view": "^6.27.0",
-        "@lezer/common": "^1.1.0"
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@codemirror/lang-javascript": {
-      "version": "6.2.4",
-      "resolved": "https://registry.npmjs.org/@codemirror/lang-javascript/-/lang-javascript-6.2.4.tgz",
-      "integrity": "sha512-0WVmhp1QOqZ4Rt6GlVGwKJN3KW7Xh4H2q8ZZNGZaP6lRdxXJzmjm4FqvmOojVj6khWJHIb9sp7U/72W7xQgqAA==",
+    "node_modules/@babel/compat-data": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.0.tgz",
+      "integrity": "sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@codemirror/autocomplete": "^6.0.0",
-        "@codemirror/language": "^6.6.0",
-        "@codemirror/lint": "^6.0.0",
-        "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.17.0",
-        "@lezer/common": "^1.0.0",
-        "@lezer/javascript": "^1.0.0"
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@codemirror/language": {
-      "version": "6.11.1",
-      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.11.1.tgz",
-      "integrity": "sha512-5kS1U7emOGV84vxC+ruBty5sUgcD0te6dyupyRVG2zaSjhTDM73LhVKUtVwiqSe6QwmEoA4SCiU8AKPFyumAWQ==",
+    "node_modules/@babel/core": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.0.tgz",
+      "integrity": "sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.23.0",
-        "@lezer/common": "^1.1.0",
-        "@lezer/highlight": "^1.0.0",
-        "@lezer/lr": "^1.0.0",
-        "style-mod": "^4.0.0"
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.0",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.27.3",
+        "@babel/helpers": "^7.27.6",
+        "@babel/parser": "^7.28.0",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.0",
+        "@babel/types": "^7.28.0",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
       }
     },
-    "node_modules/@codemirror/lint": {
-      "version": "6.8.5",
-      "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.8.5.tgz",
-      "integrity": "sha512-s3n3KisH7dx3vsoeGMxsbRAgKe4O1vbrnKBClm99PU0fWxmxsx5rR2PfqQgIt+2MMJBHbiJ5rfIdLYfB9NNvsA==",
+    "node_modules/@babel/core/node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.35.0",
-        "crelt": "^1.0.5"
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
       }
     },
-    "node_modules/@codemirror/search": {
-      "version": "6.5.11",
-      "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-6.5.11.tgz",
-      "integrity": "sha512-KmWepDE6jUdL6n8cAAqIpRmLPBZ5ZKnicE8oGU/s3QrAVID+0VhLFrzUucVKHG5035/BSykhExDL/Xm7dHthiA==",
+    "node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.0.tgz",
+      "integrity": "sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.0.0",
-        "crelt": "^1.0.5"
+        "@babel/parser": "^7.28.0",
+        "@babel/types": "^7.28.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@codemirror/state": {
-      "version": "6.5.2",
-      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.5.2.tgz",
-      "integrity": "sha512-FVqsPqtPWKVVL3dPSxy8wEF/ymIEuVzF1PK3VbUgrxXpJUSHQWWZz4JMToquRxnkw+36LTamCZG2iua2Ptq0fA==",
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
+      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@marijn/find-cluster-break": "^1.0.0"
+        "@babel/types": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@codemirror/theme-one-dark": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@codemirror/theme-one-dark/-/theme-one-dark-6.1.2.tgz",
-      "integrity": "sha512-F+sH0X16j/qFLMAfbciKTxVOwkdAS336b7AXTKOZhy8BR3eH/RelsnLgLFINrpST63mmN2OuwUt0W2ndUgYwUA==",
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+      "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@codemirror/language": "^6.0.0",
-        "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.0.0",
-        "@lezer/highlight": "^1.0.0"
+        "@babel/compat-data": "^7.27.2",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@codemirror/view": {
-      "version": "6.37.1",
-      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.37.1.tgz",
-      "integrity": "sha512-Qy4CAUwngy/VQkEz0XzMKVRcckQuqLYWKqVpDDDghBe5FSXSqfVrJn49nw3ePZHxRUz4nRmb05Lgi+9csWo4eg==",
-      "license": "MIT",
+    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
       "dependencies": {
-        "@codemirror/state": "^6.5.0",
-        "crelt": "^1.0.6",
-        "style-mod": "^4.1.0",
-        "w3c-keyname": "^2.2.4"
+        "yallist": "^3.0.2"
       }
     },
-    "node_modules/@emnapi/runtime": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.3.1.tgz",
-      "integrity": "sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==",
+    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@babel/helper-create-class-features-plugin": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz",
+      "integrity": "sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
-        "tslib": "^2.4.0"
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/traverse": "^7.27.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz",
-      "integrity": "sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==",
+    "node_modules/@babel/helper-create-class-features-plugin/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.27.1.tgz",
+      "integrity": "sha512-uVDC72XVf8UbrH5qQTc18Agb8emwjTiZrQE11Nv3CuBEZmVvTwwE9CBUEvHku06gQCAyYf8Nv6ja1IN+6LMbxQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "eslint-visitor-keys": "^3.4.3"
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "regexpu-core": "^6.2.0",
+        "semver": "^6.3.1"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+        "node": ">=6.9.0"
       },
       "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+    "node_modules/@babel/helper-create-regexp-features-plugin/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-define-polyfill-provider": {
+      "version": "0.6.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.5.tgz",
+      "integrity": "sha512-uJnGFcPsWQK8fvjgGP5LZUZZsYGIoPeRjSF5PGwrelYgq7Q15/Ft9NGFp1zglwgIv//W0uG4BevRuSJRyylZPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "debug": "^4.4.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.22.10"
       },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.12.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
-      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@eslint/config-array": {
-      "version": "0.19.1",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.19.1.tgz",
-      "integrity": "sha512-fo6Mtm5mWyKjA/Chy1BYTdn5mGJoDNjC7C64ug20ADsRDGrA85bN3uK3MaKbeRkRuuIEAR5N33Jr1pbm411/PA==",
+    "node_modules/@babel/helper-member-expression-to-functions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz",
+      "integrity": "sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
       "dependencies": {
-        "@eslint/object-schema": "^2.1.5",
-        "debug": "^4.3.1",
-        "minimatch": "^3.1.2"
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@eslint/core": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.9.1.tgz",
-      "integrity": "sha512-GuUdqkyyzQI5RMIWkHhvTWLCyLo1jNK3vzkSyaExH5kHPDHcuL2VOpHjmMY+y3+NC69qAKToBqldTBgYeLSr9Q==",
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
       "dependencies": {
-        "@types/json-schema": "^7.0.15"
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@eslint/eslintrc": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.2.0.tgz",
-      "integrity": "sha512-grOjVNN8P3hjJn/eIETF1wwd12DdnwFDoyceUJLYYdkpbwq3nLi+4fqrTAONx7XDALqlL220wC/RHSC/QTI/0w==",
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz",
+      "integrity": "sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^10.0.1",
-        "globals": "^14.0.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.27.3"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">=6.9.0"
       },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@eslint/js": {
-      "version": "9.17.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.17.0.tgz",
-      "integrity": "sha512-Sxc4hqcs1kTu0iID3kcZDW3JHq2a77HO9P8CP6YEA/FpH3Ll8UXE2r/86Rz9YJLKme39S9vU5OWNjC6Xl0Cr3w==",
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz",
+      "integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.1"
+      },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@eslint/object-schema": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.5.tgz",
-      "integrity": "sha512-o0bhxnL89h5Bae5T318nFoFzGy+YE5i/gGkoPAgkmTVdRKTiv3p8JHevPiPaMwoloKfEiiaHlawCqaZMqRm+XQ==",
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@eslint/plugin-kit": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.4.tgz",
-      "integrity": "sha512-zSkKow6H5Kdm0ZUQUB2kV5JIXqoG0+uH5YADhaEHswm664N9Db8dXSi0nMJpacpMf+MyyglF1vnZohpEg5yUtg==",
+    "node_modules/@babel/helper-remap-async-to-generator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.27.1.tgz",
+      "integrity": "sha512-7fiA521aVw8lSPeI4ZOD3vRFkoqkJcS+z4hFo82bFSH/2tNd6eJ5qCVMS5OzDmZh/kaHQeBaeyxK6wljcPtveA==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
       "dependencies": {
-        "levn": "^0.4.1"
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-wrap-function": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@floating-ui/core": {
-      "version": "1.6.9",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.9.tgz",
-      "integrity": "sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==",
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz",
+      "integrity": "sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@floating-ui/utils": "^0.2.9"
+        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@floating-ui/dom": {
-      "version": "1.6.13",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.13.tgz",
-      "integrity": "sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==",
+    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz",
+      "integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@floating-ui/core": "^1.6.0",
-        "@floating-ui/utils": "^0.2.9"
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@floating-ui/react-dom": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz",
-      "integrity": "sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==",
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-wrap-function": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.27.1.tgz",
+      "integrity": "sha512-NFJK2sHUvrjo8wAU/nQTWU890/zB2jj0qBcCbZbbf+005cAsv6tMjXz31fBign6M5ov1o0Bllu+9nbqkfsjjJQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@floating-ui/dom": "^1.0.0"
+        "@babel/template": "^7.27.1",
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
       },
-      "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@floating-ui/utils": {
-      "version": "0.2.9",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
-      "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==",
-      "license": "MIT"
-    },
-    "node_modules/@humanfs/core": {
-      "version": "0.19.1",
-      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
-      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+    "node_modules/@babel/helpers": {
+      "version": "7.27.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.6.tgz",
+      "integrity": "sha512-muE8Tt8M22638HU31A3CgfSUciwz1fhATfoVai05aPXGor//CdWDCbnlY1yvBPo07njuVOCNGCSp/GTt12lIug==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.27.6"
+      },
       "engines": {
-        "node": ">=18.18.0"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@humanfs/node": {
-      "version": "0.16.6",
-      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz",
-      "integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==",
+    "node_modules/@babel/parser": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.0.tgz",
+      "integrity": "sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
       "dependencies": {
-        "@humanfs/core": "^0.19.1",
-        "@humanwhocodes/retry": "^0.3.0"
+        "@babel/types": "^7.28.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
       },
       "engines": {
-        "node": ">=18.18.0"
+        "node": ">=6.0.0"
       }
     },
-    "node_modules/@humanfs/node/node_modules/@humanwhocodes/retry": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz",
-      "integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
+    "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.27.1.tgz",
+      "integrity": "sha512-QPG3C9cCVRQLxAVwmefEmwdTanECuUBMQZ/ym5kiw3XKCGA7qkuQLcjWWHcrD/GKbn/WmJwaezfuuAOcyKlRPA==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
       "engines": {
-        "node": ">=18.18"
+        "node": ">=6.9.0"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+    "node_modules/@babel/plugin-bugfix-safari-class-field-initializer-scope": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.27.1.tgz",
+      "integrity": "sha512-qNeq3bCKnGgLkEXUuFry6dPlGfCdQNZbn7yUAPCInwAJHMU7THJfrBSozkcWq5sNM6RcF3S8XyQL2A52KNR9IA==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
       "engines": {
-        "node": ">=12.22"
+        "node": ">=6.9.0"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@humanwhocodes/retry": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.1.tgz",
-      "integrity": "sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==",
+    "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.27.1.tgz",
+      "integrity": "sha512-g4L7OYun04N1WyqMNjldFwlfPCLVkgB54A/YCXICZYBsvJJE3kByKv9c9+R/nAfmIfjl2rKYLNyMHboYbZaWaA==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
       "engines": {
-        "node": ">=18.18"
+        "node": ">=6.9.0"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@img/sharp-darwin-arm64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.5.tgz",
-      "integrity": "sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
+    "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.27.1.tgz",
+      "integrity": "sha512-oO02gcONcD5O1iTLi/6frMJBIwWEHceWGSGqrpCmEL8nogiS6J9PBlE48CaK20/Jx1LuRml9aDftLgdjXT8+Cw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/plugin-transform-optional-chaining": "^7.27.1"
+      },
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=6.9.0"
       },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "peerDependencies": {
+        "@babel/core": "^7.13.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.27.1.tgz",
+      "integrity": "sha512-6BpaYGDavZqkI6yT+KSPdpZFfpnd68UKXbcjI9pJ13pvHhPrCKWOOLp+ysvMeA+DxnhuPpgIaRpxRxo5A9t5jw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-darwin-arm64": "1.0.4"
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@img/sharp-darwin-x64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.5.tgz",
-      "integrity": "sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
+    "node_modules/@babel/plugin-proposal-private-property-in-object": {
+      "version": "7.21.0-placeholder-for-preset-env.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=6.9.0"
       },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-darwin-x64": "1.0.4"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-libvips-darwin-arm64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.4.tgz",
-      "integrity": "sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@babel/plugin-syntax-bigint": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz",
+      "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-libvips-darwin-x64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.4.tgz",
-      "integrity": "sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-libvips-linux-arm": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.5.tgz",
-      "integrity": "sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==",
-      "cpu": [
-        "arm"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-libvips-linux-arm64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.4.tgz",
-      "integrity": "sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linux-s390x": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.4.tgz",
-      "integrity": "sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==",
-      "cpu": [
-        "s390x"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@babel/plugin-syntax-import-assertions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.27.1.tgz",
+      "integrity": "sha512-UT/Jrhw57xg4ILHLFnzFpPDlMbcdEicaAtjPQpbj9wa8T4r5KVWCimHcL/460g8Ht0DMxDyjsLgiWSkVjnwPFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-libvips-linux-x64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.4.tgz",
-      "integrity": "sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@babel/plugin-syntax-import-attributes": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.27.1.tgz",
+      "integrity": "sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.4.tgz",
-      "integrity": "sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz",
-      "integrity": "sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-linux-arm": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.5.tgz",
-      "integrity": "sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==",
-      "cpu": [
-        "arm"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz",
+      "integrity": "sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm": "1.0.5"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-linux-arm64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.5.tgz",
-      "integrity": "sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm64": "1.0.4"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-linux-s390x": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.5.tgz",
-      "integrity": "sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==",
-      "cpu": [
-        "s390x"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-s390x": "1.0.4"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-linux-x64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.5.tgz",
-      "integrity": "sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-x64": "1.0.4"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-linuxmusl-arm64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.5.tgz",
-      "integrity": "sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+    "node_modules/@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-arm64": "1.0.4"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-linuxmusl-x64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz",
-      "integrity": "sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
       },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
       },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-x64": "1.0.4"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-wasm32": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.33.5.tgz",
-      "integrity": "sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==",
-      "cpu": [
-        "wasm32"
-      ],
-      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
-      "optional": true,
+    "node_modules/@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@emnapi/runtime": "^1.2.0"
+        "@babel/helper-plugin-utils": "^7.14.5"
       },
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=6.9.0"
       },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-win32-ia32": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.5.tgz",
-      "integrity": "sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "license": "Apache-2.0 AND LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
+    "node_modules/@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=6.9.0"
       },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@img/sharp-win32-x64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz",
-      "integrity": "sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "Apache-2.0 AND LGPL-3.0-or-later",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
+    "node_modules/@babel/plugin-syntax-typescript": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz",
+      "integrity": "sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=6.9.0"
       },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "license": "ISC",
+    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "string-width": "^5.1.2",
-        "string-width-cjs": "npm:string-width@^4.2.0",
-        "strip-ansi": "^7.0.1",
-        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-        "wrap-ansi": "^8.1.0",
-        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@isaacs/fs-minipass": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
-      "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
+    "node_modules/@babel/plugin-transform-arrow-functions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.27.1.tgz",
+      "integrity": "sha512-8Z4TGic6xW70FKThA5HYEKKyBpOOsucTOD1DjU3fZxDg+K3zBJcXMFnt/4yQiZnf5+MiOMSXQ9PaEK/Ilh1DeA==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT",
       "dependencies": {
-        "minipass": "^7.0.4"
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
       "engines": {
-        "node": ">=18.0.0"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
-      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+    "node_modules/@babel/plugin-transform-async-generator-functions": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.28.0.tgz",
+      "integrity": "sha512-BEOdvX4+M765icNPZeidyADIvQ1m1gmunXufXxvRESy/jNNyfovIqUyE7MVgGBjWktCoJlzvFA1To2O4ymIO3Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/set-array": "^1.2.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.24"
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-remap-async-to-generator": "^7.27.1",
+        "@babel/traverse": "^7.28.0"
       },
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+    "node_modules/@babel/plugin-transform-async-to-generator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.27.1.tgz",
+      "integrity": "sha512-NREkZsZVJS4xmTr8qzE5y8AfIPqsdQfRuUiLRTEzb7Qii8iFWCyDKaUV2c0rCuh4ljDZ98ALHP/PetiBV2nddA==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-remap-async-to-generator": "^7.27.1"
+      },
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+    "node_modules/@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.27.1.tgz",
+      "integrity": "sha512-cnqkuOtZLapWYZUYM5rVIdv1nXYuFVIltZ6ZJ7nIj585QsjKM5dhL2Fu/lICXZ1OyIAFc7Qy+bvDAtTXqGrlhg==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
-      "license": "MIT"
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.25",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+    "node_modules/@babel/plugin-transform-block-scoping": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.0.tgz",
+      "integrity": "sha512-gKKnwjpdx5sER/wl0WN0efUBFzF/56YZO0RJrSYP4CljXnP31ByY7fol89AzomdlLNzI36AvOTmYHsnZTCkq8Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@lezer/common": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.2.3.tgz",
-      "integrity": "sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA==",
-      "license": "MIT"
-    },
-    "node_modules/@lezer/highlight": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.2.1.tgz",
-      "integrity": "sha512-Z5duk4RN/3zuVO7Jq0pGLJ3qynpxUVsh7IbUbGj88+uV2ApSAn6kWg2au3iJb+0Zi7kKtqffIESgNcRXWZWmSA==",
+    "node_modules/@babel/plugin-transform-class-properties": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.27.1.tgz",
+      "integrity": "sha512-D0VcalChDMtuRvJIu3U/fwWjf8ZMykz5iZsg77Nuj821vCKI3zCyRLwRdWbsuJ/uRwZhZ002QtCqIkwC/ZkvbA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@lezer/common": "^1.0.0"
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@lezer/javascript": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.5.1.tgz",
-      "integrity": "sha512-ATOImjeVJuvgm3JQ/bpo2Tmv55HSScE2MTPnKRMRIPx2cLhHGyX2VnqpHhtIV1tVzIjZDbcWQm+NCTF40ggZVw==",
+    "node_modules/@babel/plugin-transform-class-static-block": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.27.1.tgz",
+      "integrity": "sha512-s734HmYU78MVzZ++joYM+NkJusItbdRcbm+AGRgJCt3iA+yux0QpD9cBVdz3tKyrjVYWRl7j0mHSmv4lhV0aoA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@lezer/common": "^1.2.0",
-        "@lezer/highlight": "^1.1.3",
-        "@lezer/lr": "^1.3.0"
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0"
       }
     },
-    "node_modules/@lezer/lr": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.4.2.tgz",
-      "integrity": "sha512-pu0K1jCIdnQ12aWNaAVU5bzi7Bd1w54J3ECgANPmYLtQKP0HBj2cE/5coBD66MT10xbtIuUr7tg0Shbsvk0mDA==",
+    "node_modules/@babel/plugin-transform-classes": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.0.tgz",
+      "integrity": "sha512-IjM1IoJNw72AZFlj33Cu8X0q2XK/6AaVC3jQu+cgQ5lThWD5ajnuUAml80dqRmOhmPkTH8uAwnpMu9Rvj0LTRA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@lezer/common": "^1.0.0"
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1",
+        "@babel/traverse": "^7.28.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@marijn/find-cluster-break": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@marijn/find-cluster-break/-/find-cluster-break-1.0.2.tgz",
-      "integrity": "sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==",
-      "license": "MIT"
-    },
-    "node_modules/@next/env": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.2.4.tgz",
-      "integrity": "sha512-+SFtMgoiYP3WoSswuNmxJOCwi06TdWE733D+WPjpXIe4LXGULwEaofiiAy6kbS0+XjM5xF5n3lKuBwN2SnqD9g==",
-      "license": "MIT"
-    },
-    "node_modules/@next/eslint-plugin-next": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.1.0.tgz",
-      "integrity": "sha512-+jPT0h+nelBT6HC9ZCHGc7DgGVy04cv4shYdAe6tKlEbjQUtwU3LzQhzbDHQyY2m6g39m6B0kOFVuLGBrxxbGg==",
+    "node_modules/@babel/plugin-transform-computed-properties": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.27.1.tgz",
+      "integrity": "sha512-lj9PGWvMTVksbWiDT2tW68zGS/cyo4AkZ/QTp0sQT0mjPopCmrSkzxeXkznjqBxzDI6TclZhOJbBmbBLjuOZUw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "fast-glob": "3.3.1"
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/template": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@next/swc-darwin-arm64": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.2.4.tgz",
-      "integrity": "sha512-1AnMfs655ipJEDC/FHkSr0r3lXBgpqKo4K1kiwfUf3iE68rDFXZ1TtHdMvf7D0hMItgDZ7Vuq3JgNMbt/+3bYw==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@babel/plugin-transform-destructuring": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.0.tgz",
+      "integrity": "sha512-v1nrSMBiKcodhsyJ4Gf+Z0U/yawmJDBOTpEB3mcQY52r9RIyPneGyAS/yM6seP/8I+mWI3elOMtT5dB8GJVs+A==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.28.0"
+      },
       "engines": {
-        "node": ">= 10"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@next/swc-darwin-x64": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.2.4.tgz",
-      "integrity": "sha512-3qK2zb5EwCwxnO2HeO+TRqCubeI/NgCe+kL5dTJlPldV/uwCnUgC7VbEzgmxbfrkbjehL4H9BPztWOEtsoMwew==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@babel/plugin-transform-dotall-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.27.1.tgz",
+      "integrity": "sha512-gEbkDVGRvjj7+T1ivxrfgygpT7GUd4vmODtYpbs0gZATdkX8/iSnOtZSxiZnsgm1YjTgjI6VKBGSJJevkrclzw==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
       "engines": {
-        "node": ">= 10"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.2.4.tgz",
-      "integrity": "sha512-HFN6GKUcrTWvem8AZN7tT95zPb0GUGv9v0d0iyuTb303vbXkkbHDp/DxufB04jNVD+IN9yHy7y/6Mqq0h0YVaQ==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@babel/plugin-transform-duplicate-keys": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.27.1.tgz",
+      "integrity": "sha512-MTyJk98sHvSs+cvZ4nOauwTTG1JeonDjSGvGGUNHreGQns+Mpt6WX/dVzWBHgg+dYZhkC4X+zTDfkTU+Vy9y7Q==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
       "engines": {
-        "node": ">= 10"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.2.4.tgz",
-      "integrity": "sha512-Oioa0SORWLwi35/kVB8aCk5Uq+5/ZIumMK1kJV+jSdazFm2NzPDztsefzdmzzpx5oGCJ6FkUC7vkaUseNTStNA==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.27.1.tgz",
+      "integrity": "sha512-hkGcueTEzuhB30B3eJCbCYeCaaEQOmQR0AdvzpD4LoN0GXMWzzGSuRrxR2xTnCrvNbVwK9N6/jQ92GSLfiZWoQ==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
       "engines": {
-        "node": ">= 10"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.2.4.tgz",
-      "integrity": "sha512-yb5WTRaHdkgOqFOZiu6rHV1fAEK0flVpaIN2HB6kxHVSy/dIajWbThS7qON3W9/SNOH2JWkVCyulgGYekMePuw==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@babel/plugin-transform-dynamic-import": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.27.1.tgz",
+      "integrity": "sha512-MHzkWQcEmjzzVW9j2q8LGjwGWpG2mjwaaB0BNQwst3FIjqsg8Ct/mIZlvSPJvfi9y2AC8mi/ktxbFVL9pZ1I4A==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
       "engines": {
-        "node": ">= 10"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@next/swc-linux-x64-musl": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.2.4.tgz",
-      "integrity": "sha512-Dcdv/ix6srhkM25fgXiyOieFUkz+fOYkHlydWCtB0xMST6X9XYI3yPDKBZt1xuhOytONsIFJFB08xXYsxUwJLw==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@babel/plugin-transform-explicit-resource-management": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-explicit-resource-management/-/plugin-transform-explicit-resource-management-7.28.0.tgz",
+      "integrity": "sha512-K8nhUcn3f6iB+P3gwCv/no7OdzOZQcKchW6N389V6PD8NUWKZHzndOd9sPDVbMoBsbmjMqlB4L9fm+fEFNVlwQ==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-transform-destructuring": "^7.28.0"
+      },
       "engines": {
-        "node": ">= 10"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.2.4.tgz",
-      "integrity": "sha512-dW0i7eukvDxtIhCYkMrZNQfNicPDExt2jPb9AZPpL7cfyUo7QSNl1DjsHjmmKp6qNAqUESyT8YFl/Aw91cNJJg==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@babel/plugin-transform-exponentiation-operator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.27.1.tgz",
+      "integrity": "sha512-uspvXnhHvGKf2r4VVtBpeFnuDWsJLQ6MF6lGJLC89jBR1uoVeqM416AZtTuhTezOfgHicpJQmoD5YUakO/YmXQ==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
       "engines": {
-        "node": ">= 10"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.2.4.tgz",
-      "integrity": "sha512-SbnWkJmkS7Xl3kre8SdMF6F/XDh1DTFEhp0jRTj/uB8iPKoU2bb2NDfcu+iifv1+mxQEd1g2vvSxcZbXSKyWiQ==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@babel/plugin-transform-export-namespace-from": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.27.1.tgz",
+      "integrity": "sha512-tQvHWSZ3/jH2xuq/vZDy0jNn+ZdXJeM8gHvX4lnJmsc3+50yPlWdZXIc5ay+umX+2/tJIqHqiEqcJvxlmIvRvQ==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
       "engines": {
-        "node": ">= 10"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+    "node_modules/@babel/plugin-transform-for-of": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.27.1.tgz",
+      "integrity": "sha512-BfbWFFEJFQzLCQ5N8VocnCtA8J1CLkNTe2Ms2wocj75dd6VpiqS5Z5quTYcUoo4Yq+DN0rtikODccuv7RU81sw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
       },
       "engines": {
-        "node": ">= 8"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+    "node_modules/@babel/plugin-transform-function-name": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.27.1.tgz",
+      "integrity": "sha512-1bQeydJF9Nr1eBCMMbC+hdwmRlsv5XYOMu03YSWFwNs0HsAmtSxxF1fyuYPqemVldVyFmlCU7w8UE14LupUSZQ==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
       "engines": {
-        "node": ">= 8"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+    "node_modules/@babel/plugin-transform-json-strings": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.27.1.tgz",
+      "integrity": "sha512-6WVLVJiTjqcQauBhn1LkICsR2H+zm62I3h9faTDKt1qP4jn2o72tSvqMwtGFKGTpojce0gJs+76eZ2uCHRZh0Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
       "engines": {
-        "node": ">= 8"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "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==",
+    "node_modules/@babel/plugin-transform-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.27.1.tgz",
+      "integrity": "sha512-0HCFSepIpLTkLcsi86GG3mTUzxV5jpmbv97hTETW3yzrAij8aqlD36toB1D0daVFJM8NK6GvKO0gslVQmm+zZA==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
       "engines": {
-        "node": ">=12.4.0"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+    "node_modules/@babel/plugin-transform-logical-assignment-operators": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.27.1.tgz",
+      "integrity": "sha512-SJvDs5dXxiae4FbSL1aBJlG4wvl594N6YEVVn9e3JGulwioy6z3oPjx/sQBO3Y4NwUu5HNix6KJ3wBZoewcdbw==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
       "engines": {
-        "node": ">=14"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/number": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.1.tgz",
-      "integrity": "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==",
-      "license": "MIT"
-    },
-    "node_modules/@radix-ui/primitive": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.2.tgz",
-      "integrity": "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA==",
-      "license": "MIT"
-    },
-    "node_modules/@radix-ui/react-alert-dialog": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.13.tgz",
-      "integrity": "sha512-/uPs78OwxGxslYOG5TKeUsv9fZC0vo376cXSADdKirTmsLJU2au6L3n34c3p6W26rFDDDze/hwy4fYeNd0qdGA==",
+    "node_modules/@babel/plugin-transform-member-expression-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.27.1.tgz",
+      "integrity": "sha512-hqoBX4dcZ1I33jCSWcXrP+1Ku7kdqXf1oeah7ooKOIiAdKQ+uqftgCFNOSzA5AMS2XIHEYeGFg4cKRCdpxzVOQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.2",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-dialog": "1.1.13",
-        "@radix-ui/react-primitive": "2.1.2",
-        "@radix-ui/react-slot": "1.2.2"
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-arrow": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.4.tgz",
-      "integrity": "sha512-qz+fxrqgNxG0dYew5l7qR3c7wdgRu1XVUHGnGYX7rg5HM4p9SWaRmJwfgR3J0SgyUKayLmzQIun+N6rWRgiRKw==",
+    "node_modules/@babel/plugin-transform-modules-amd": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.27.1.tgz",
+      "integrity": "sha512-iCsytMg/N9/oFq6n+gFTvUYDZQOMK5kEdeYxmxt91fcJGycfxVP9CnrxoliM0oumFERba2i8ZtwRUCMhvP1LnA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.1.0"
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-arrow/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
-      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+    "node_modules/@babel/plugin-transform-modules-commonjs": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz",
+      "integrity": "sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.0"
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-arrow/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
-      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+    "node_modules/@babel/plugin-transform-modules-systemjs": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.27.1.tgz",
+      "integrity": "sha512-w5N1XzsRbc0PQStASMksmUeqECuzKuTJer7kFagK8AXgpCMkeDMO5S+aaFb7A51ZYDF7XI34qsTX+fkHiIm5yA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-avatar": {
-      "version": "1.1.10",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.1.10.tgz",
-      "integrity": "sha512-V8piFfWapM5OmNCXTzVQY+E1rDa53zY+MQ4Y7356v4fFz6vqCyUtIz2rUD44ZEdwg78/jKmMJHj07+C/Z/rcog==",
+    "node_modules/@babel/plugin-transform-modules-umd": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.27.1.tgz",
+      "integrity": "sha512-iQBE/xC5BV1OxJbp6WG7jq9IWiD+xxlZhLrdwpPkTX3ydmXdvoCpyfJN7acaIBZaOqTfr76pgzqBJflNbeRK+w==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-is-hydrated": "0.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.27.1.tgz",
+      "integrity": "sha512-SstR5JYy8ddZvD6MhV0tM/j16Qds4mIpJTOd1Yu9J9pJjH93bxHECF7pgtc28XvkzTD6Pxcm/0Z73Hvk7kb3Ng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
-      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+    "node_modules/@babel/plugin-transform-new-target": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.27.1.tgz",
+      "integrity": "sha512-f6PiYeqXQ05lYq3TIfIDu/MtliKUbNwkGApPUvyo6+tc7uaR4cPjPe7DFPr15Uyycg2lZU6btZ575CuQoYh7MQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.3"
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+    "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.27.1.tgz",
+      "integrity": "sha512-aGZh6xMo6q9vq1JGcw58lZ1Z0+i0xB2x0XaauNIUXd6O1xXc3RwoWEBlsTQrY4KQ9Jf0s5rgD6SiNkaUdJegTA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-checkbox": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.3.2.tgz",
-      "integrity": "sha512-yd+dI56KZqawxKZrJ31eENUwqc1QSqg4OZ15rybGjF2ZNwMO+wCyHzAVLRp9qoYJf7kYy0YpZ2b0JCzJ42HZpA==",
+    "node_modules/@babel/plugin-transform-numeric-separator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.27.1.tgz",
+      "integrity": "sha512-fdPKAcujuvEChxDBJ5c+0BTaS6revLV7CJL08e4m3de8qJfNIuCc2nc7XJYOjBoTMJeqSmwXJ0ypE14RCjLwaw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.2",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-presence": "1.1.4",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-use-previous": "1.1.1",
-        "@radix-ui/react-use-size": "1.1.1"
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
-      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+    "node_modules/@babel/plugin-transform-object-rest-spread": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.0.tgz",
+      "integrity": "sha512-9VNGikXxzu5eCiQjdE4IZn8sb9q7Xsk5EXLDBKUYg1e/Tve8/05+KJEtcxGxAgCY5t/BpKQM+JEL/yT4tvgiUA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.3"
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-transform-destructuring": "^7.28.0",
+        "@babel/plugin-transform-parameters": "^7.27.7",
+        "@babel/traverse": "^7.28.0"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+    "node_modules/@babel/plugin-transform-object-super": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.27.1.tgz",
+      "integrity": "sha512-SFy8S9plRPbIcxlJ8A6mT/CxFdJx/c04JEctz4jf8YZaVS2px34j7NXRrlGlHkN/M2gnpL37ZpGRGVFLd3l8Ng==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-collapsible": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.1.7.tgz",
-      "integrity": "sha512-zGFsPcFJNdQa/UNd6MOgF40BS054FIGj32oOWBllixz42f+AkQg3QJ1YT9pw7vs+Ai+EgWkh839h69GEK8oH2A==",
+    "node_modules/@babel/plugin-transform-optional-catch-binding": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.27.1.tgz",
+      "integrity": "sha512-txEAEKzYrHEX4xSZN4kJ+OfKXFVSWKB2ZxM9dpcE3wT7smwkNmXo5ORRlVzMVdJbD+Q8ILTgSD7959uj+3Dm3Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.2",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-presence": "1.1.3",
-        "@radix-ui/react-primitive": "2.1.0",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-presence": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.3.tgz",
-      "integrity": "sha512-IrVLIhskYhH3nLvtcBLQFZr61tBG7wx7O3kEmdzcYwRGAEBmBicGGL7ATzNgruYJ3xBTbuzEEq9OXJM3PAX3tA==",
+    "node_modules/@babel/plugin-transform-optional-chaining": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.27.1.tgz",
+      "integrity": "sha512-BQmKPPIuc8EkZgNKsv0X4bPmOoayeu4F1YCwx2/CfmDSXDbp7GnzlUH+/ul5VGfRg1AoFPsrIThlEBj2xb4CAg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
-      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+    "node_modules/@babel/plugin-transform-parameters": {
+      "version": "7.27.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.7.tgz",
+      "integrity": "sha512-qBkYTYCb76RRxUM6CcZA5KRu8K4SM8ajzVeUgVdMVO9NN9uI/GaVmBg/WKJJGnNokV9SY8FxNOVWGXzqzUidBg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.0"
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
-      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+    "node_modules/@babel/plugin-transform-private-methods": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.27.1.tgz",
+      "integrity": "sha512-10FVt+X55AjRAYI9BrdISN9/AQWHqldOeZDUoLyif1Kn05a56xVBXb8ZouL8pZ9jem8QpXaOt8TS7RHUIS+GPA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-collection": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.4.tgz",
-      "integrity": "sha512-cv4vSf7HttqXilDnAnvINd53OTl1/bjUYVZrkFnA7nwmY9Ob2POUy0WY0sfqBAe1s5FyKsyceQlqiEGPYNTadg==",
+    "node_modules/@babel/plugin-transform-private-property-in-object": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.27.1.tgz",
+      "integrity": "sha512-5J+IhqTi1XPa0DXF83jYOaARrX+41gOewWbkPyjMNRDqgOCqdffGh8L3f/Ek5utaEBZExjSAzcyjmV9SSAWObQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.0",
-        "@radix-ui/react-slot": "1.2.0"
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
-      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+    "node_modules/@babel/plugin-transform-property-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.27.1.tgz",
+      "integrity": "sha512-oThy3BCuCha8kDZ8ZkgOg2exvPYUlprMukKQXI1r1pJ47NCvxfkEy8vK+r/hT9nF0Aa4H1WUPZZjHTFtAhGfmQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.0"
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
-      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+    "node_modules/@babel/plugin-transform-react-display-name": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.28.0.tgz",
+      "integrity": "sha512-D6Eujc2zMxKjfa4Zxl4GHMsmhKKZ9VpcqIchJLvwTxad9zWIYulwYItBovpDOoNLISpcZSXoDJ5gaGbQUDqViA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
-      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+    "node_modules/@babel/plugin-transform-react-jsx": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.27.1.tgz",
+      "integrity": "sha512-2KH4LWGSrJIkVf5tSiBFYuXDAoWRq2MMwgivCf+93dd0GQi8RXLjKA/0EvRnVV5G0hrHczsquXuD01L8s6dmBw==",
+      "dev": true,
       "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/types": "^7.27.1"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-context": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
-      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-dialog": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.13.tgz",
-      "integrity": "sha512-ARFmqUyhIVS3+riWzwGTe7JLjqwqgnODBUZdqpWar/z1WFs9z76fuOs/2BOWCR+YboRn4/WN9aoaGVwqNRr8VA==",
+    "node_modules/@babel/plugin-transform-react-jsx-development": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.27.1.tgz",
+      "integrity": "sha512-ykDdF5yI4f1WrAolLqeF3hmYU12j9ntLQl/AOG1HAS21jxyg1Q0/J/tpREuYLfatGdGmXp/3yS0ZA76kOlVq9Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.2",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-dismissable-layer": "1.1.9",
-        "@radix-ui/react-focus-guards": "1.1.2",
-        "@radix-ui/react-focus-scope": "1.1.6",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-portal": "1.1.8",
-        "@radix-ui/react-presence": "1.1.4",
-        "@radix-ui/react-primitive": "2.1.2",
-        "@radix-ui/react-slot": "1.2.2",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "aria-hidden": "^1.2.4",
-        "react-remove-scroll": "^2.6.3"
+        "@babel/plugin-transform-react-jsx": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-direction": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.1.tgz",
-      "integrity": "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==",
+    "node_modules/@babel/plugin-transform-react-pure-annotations": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.27.1.tgz",
+      "integrity": "sha512-JfuinvDOsD9FVMTHpzA/pBLisxpv1aSf+OIV8lgH3MuWrks19R27e6a6DipIg4aX1Zm9Wpb04p8wljfKrVSnPA==",
+      "dev": true,
       "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.9",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.9.tgz",
-      "integrity": "sha512-way197PiTvNp+WBP7svMJasHl+vibhWGQDb6Mgf5mhEWJkgb85z7Lfl9TUdkqpWsf8GRNmoopx9ZxCyDzmgRMQ==",
+    "node_modules/@babel/plugin-transform-regenerator": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.0.tgz",
+      "integrity": "sha512-LOAozRVbqxEVjSKfhGnuLoE4Kz4Oc5UJzuvFUhSsQzdCdaAQu06mG8zDv2GFSerM62nImUZ7K92vxnQcLSDlCQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.2",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.2",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-escape-keydown": "1.1.1"
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-focus-guards": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.2.tgz",
-      "integrity": "sha512-fyjAACV62oPV925xFCrH8DR5xWhg9KYtJT4s3u54jxp+L/hbpTY2kIeEFFbFe+a/HCE94zGQMZLIpVTPVZDhaA==",
+    "node_modules/@babel/plugin-transform-regexp-modifiers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.27.1.tgz",
+      "integrity": "sha512-TtEciroaiODtXvLZv4rmfMhkCv8jx3wgKpL68PuiPh2M4fvz5jhsA7697N1gMvkvr/JTF13DrFYyEbY9U7cVPA==",
+      "dev": true,
       "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@radix-ui/react-focus-scope": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.6.tgz",
-      "integrity": "sha512-r9zpYNUQY+2jWHWZGyddQLL9YHkM/XvSFHVcWs7bdVuxMAnCwTAuy6Pf47Z4nw7dYcUou1vg/VgjjrrH03VeBw==",
+    "node_modules/@babel/plugin-transform-reserved-words": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.27.1.tgz",
+      "integrity": "sha512-V2ABPHIJX4kC7HegLkYoDpfg9PVmuWy/i6vUM5eGK22bx4YVFD3M5F0QQnWQoDs6AGsUWTVOopBiMFQgHaSkVw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.2",
-        "@radix-ui/react-use-callback-ref": "1.1.1"
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=6.9.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-icons": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-icons/-/react-icons-1.3.2.tgz",
-      "integrity": "sha512-fyQIhGDhzfc9pK2kH6Pl9c4BDJGfMkPqkyIgYDthyNYoNg3wVhoJMMh19WS4Up/1KMPFVpNsT2q3WmXn2N1m6g==",
+    "node_modules/@babel/plugin-transform-shorthand-properties": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.27.1.tgz",
+      "integrity": "sha512-N/wH1vcn4oYawbJ13Y/FxcQrWk63jhfNa7jef0ih7PHSIHX2LB7GWE1rkPrOnka9kwMxb6hMl19p7lidA+EHmQ==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
       "peerDependencies": {
-        "react": "^16.x || ^17.x || ^18.x || ^19.0.0 || ^19.0.0-rc"
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-id": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.1.tgz",
-      "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
+    "node_modules/@babel/plugin-transform-spread": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.27.1.tgz",
+      "integrity": "sha512-kpb3HUqaILBJcRFVhFUs6Trdd4mkrzcGXss+6/mxUd273PfbWqSDHRzMT2234gIg2QYfAjvXLSquP1xECSg09Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.1"
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-sticky-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.27.1.tgz",
+      "integrity": "sha512-lhInBO5bi/Kowe2/aLdBAawijx+q1pQzicSgnkB6dUPc1+RC8QmJHKf2OjvU+NZWitguJHEaEmbV6VWEouT58g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-label": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.4.tgz",
-      "integrity": "sha512-wy3dqizZnZVV4ja0FNnUhIWNwWdoldXrneEyUcVtLYDAt8ovGS4ridtMAOGgXBBIfggL4BOveVWsjXDORdGEQg==",
+    "node_modules/@babel/plugin-transform-template-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.27.1.tgz",
+      "integrity": "sha512-fBJKiV7F2DxZUkg5EtHKXQdbsbURW3DZKQUWphDum0uRP6eHGGa/He9mc0mypL680pb+e/lDIthRohlv8NCHkg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.1.0"
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typeof-symbol": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.27.1.tgz",
+      "integrity": "sha512-RiSILC+nRJM7FY5srIyc4/fGIwUhyDuuBSdWn4y6yT6gm652DpCHZjIipgn6B7MQ1ITOUnAKWixEUjQRIBIcLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
-      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+    "node_modules/@babel/plugin-transform-typescript": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.28.0.tgz",
+      "integrity": "sha512-4AEiDEBPIZvLQaWlc9liCavE0xRM0dNca41WtBeM3jgFptfUOSG9z0uteLhq6+3rq+WB6jIvUwKDTpXEHPJ2Vg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.0"
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/plugin-syntax-typescript": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-escapes": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.27.1.tgz",
+      "integrity": "sha512-Ysg4v6AmF26k9vpfFuTZg8HRfVWzsh1kVfowA23y9j/Gu6dOuahdUVhkLqpObp3JIv27MLSii6noRnuKN8H0Mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
-      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+    "node_modules/@babel/plugin-transform-unicode-property-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.27.1.tgz",
+      "integrity": "sha512-uW20S39PnaTImxp39O5qFlHLS9LJEmANjMG7SxIhap8rCHqu0Ik+tLEPX5DKmHn6CsWQ7j3lix2tFOa5YtL12Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.27.1.tgz",
+      "integrity": "sha512-xvINq24TRojDuyt6JGtHmkVkrfVV3FPT16uytxImLeBZqW3/H52yN+kM1MGuyPkIQxrzKwPHs5U/MP3qKyzkGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@radix-ui/react-popper": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.4.tgz",
-      "integrity": "sha512-3p2Rgm/a1cK0r/UVkx5F/K9v/EplfjAeIFCGOPYPO4lZ0jtg4iSQXt/YGTSLWaf4x7NG6Z4+uKFcylcTZjeqDA==",
+    "node_modules/@babel/plugin-transform-unicode-sets-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.27.1.tgz",
+      "integrity": "sha512-EtkOujbc4cgvb0mlpQefi4NTPBzhSIevblFevACNLUspmrALgmEBdL/XfnyyITfd8fKBZrZys92zOWcik7j9Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/preset-env": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.28.0.tgz",
+      "integrity": "sha512-VmaxeGOwuDqzLl5JUkIRM1X2Qu2uKGxHEQWh+cvvbl7JuJRgKGJSfsEF/bUaxFhJl/XAyxBe7q7qSuTbKFuCyg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.28.0",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.27.1",
+        "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.27.1",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.27.1",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.27.1",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.27.1",
+        "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
+        "@babel/plugin-syntax-import-assertions": "^7.27.1",
+        "@babel/plugin-syntax-import-attributes": "^7.27.1",
+        "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
+        "@babel/plugin-transform-arrow-functions": "^7.27.1",
+        "@babel/plugin-transform-async-generator-functions": "^7.28.0",
+        "@babel/plugin-transform-async-to-generator": "^7.27.1",
+        "@babel/plugin-transform-block-scoped-functions": "^7.27.1",
+        "@babel/plugin-transform-block-scoping": "^7.28.0",
+        "@babel/plugin-transform-class-properties": "^7.27.1",
+        "@babel/plugin-transform-class-static-block": "^7.27.1",
+        "@babel/plugin-transform-classes": "^7.28.0",
+        "@babel/plugin-transform-computed-properties": "^7.27.1",
+        "@babel/plugin-transform-destructuring": "^7.28.0",
+        "@babel/plugin-transform-dotall-regex": "^7.27.1",
+        "@babel/plugin-transform-duplicate-keys": "^7.27.1",
+        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.27.1",
+        "@babel/plugin-transform-dynamic-import": "^7.27.1",
+        "@babel/plugin-transform-explicit-resource-management": "^7.28.0",
+        "@babel/plugin-transform-exponentiation-operator": "^7.27.1",
+        "@babel/plugin-transform-export-namespace-from": "^7.27.1",
+        "@babel/plugin-transform-for-of": "^7.27.1",
+        "@babel/plugin-transform-function-name": "^7.27.1",
+        "@babel/plugin-transform-json-strings": "^7.27.1",
+        "@babel/plugin-transform-literals": "^7.27.1",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.27.1",
+        "@babel/plugin-transform-member-expression-literals": "^7.27.1",
+        "@babel/plugin-transform-modules-amd": "^7.27.1",
+        "@babel/plugin-transform-modules-commonjs": "^7.27.1",
+        "@babel/plugin-transform-modules-systemjs": "^7.27.1",
+        "@babel/plugin-transform-modules-umd": "^7.27.1",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.27.1",
+        "@babel/plugin-transform-new-target": "^7.27.1",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.27.1",
+        "@babel/plugin-transform-numeric-separator": "^7.27.1",
+        "@babel/plugin-transform-object-rest-spread": "^7.28.0",
+        "@babel/plugin-transform-object-super": "^7.27.1",
+        "@babel/plugin-transform-optional-catch-binding": "^7.27.1",
+        "@babel/plugin-transform-optional-chaining": "^7.27.1",
+        "@babel/plugin-transform-parameters": "^7.27.7",
+        "@babel/plugin-transform-private-methods": "^7.27.1",
+        "@babel/plugin-transform-private-property-in-object": "^7.27.1",
+        "@babel/plugin-transform-property-literals": "^7.27.1",
+        "@babel/plugin-transform-regenerator": "^7.28.0",
+        "@babel/plugin-transform-regexp-modifiers": "^7.27.1",
+        "@babel/plugin-transform-reserved-words": "^7.27.1",
+        "@babel/plugin-transform-shorthand-properties": "^7.27.1",
+        "@babel/plugin-transform-spread": "^7.27.1",
+        "@babel/plugin-transform-sticky-regex": "^7.27.1",
+        "@babel/plugin-transform-template-literals": "^7.27.1",
+        "@babel/plugin-transform-typeof-symbol": "^7.27.1",
+        "@babel/plugin-transform-unicode-escapes": "^7.27.1",
+        "@babel/plugin-transform-unicode-property-regex": "^7.27.1",
+        "@babel/plugin-transform-unicode-regex": "^7.27.1",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.27.1",
+        "@babel/preset-modules": "0.1.6-no-external-plugins",
+        "babel-plugin-polyfill-corejs2": "^0.4.14",
+        "babel-plugin-polyfill-corejs3": "^0.13.0",
+        "babel-plugin-polyfill-regenerator": "^0.6.5",
+        "core-js-compat": "^3.43.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-env/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/types": "^7.4.4",
+        "esutils": "^2.0.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/preset-react": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.27.1.tgz",
+      "integrity": "sha512-oJHWh2gLhU9dW9HHr42q0cI0/iHHXTLGe39qvpAZZzagHy0MzYLCnCVV0symeRvzmjHyVU7mw2K06E6u/JwbhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-transform-react-display-name": "^7.27.1",
+        "@babel/plugin-transform-react-jsx": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-development": "^7.27.1",
+        "@babel/plugin-transform-react-pure-annotations": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-typescript": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.27.1.tgz",
+      "integrity": "sha512-l7WfQfX0WK4M0v2RudjuQK4u99BS6yLHYEmdtVPP7lKV013zr9DygFuWNlnbvQ9LR+LS0Egz/XAvGx5U9MX0fQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/plugin-transform-modules-commonjs": "^7.27.1",
+        "@babel/plugin-transform-typescript": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz",
+      "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
+      "license": "MIT",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.0.tgz",
+      "integrity": "sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.0",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.0.tgz",
+      "integrity": "sha512-jYnje+JyZG5YThjHiF28oT4SIZLnYOcSBb6+SDaFIyzDVSkXQmQQYclJ2R+YxcdmK0AX6x1E5OQNtuh3jHDrUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@bcoe/v8-coverage": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
+      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@codemirror/autocomplete": {
+      "version": "6.18.6",
+      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.18.6.tgz",
+      "integrity": "sha512-PHHBXFomUs5DF+9tCOM/UoW6XQ4R44lLNNhRaW9PKPTU0D7lIjRg3ElxaJnTwsl/oHiR93WSXDBrekhoUGCPtg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.17.0",
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/commands": {
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.8.1.tgz",
+      "integrity": "sha512-KlGVYufHMQzxbdQONiLyGQDUW0itrLZwq3CcY7xpv9ZLRHqzkBSoteocBHtMCoY7/Ci4xhzSrToIeLg7FxHuaw==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.4.0",
+        "@codemirror/view": "^6.27.0",
+        "@lezer/common": "^1.1.0"
+      }
+    },
+    "node_modules/@codemirror/lang-javascript": {
+      "version": "6.2.4",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-javascript/-/lang-javascript-6.2.4.tgz",
+      "integrity": "sha512-0WVmhp1QOqZ4Rt6GlVGwKJN3KW7Xh4H2q8ZZNGZaP6lRdxXJzmjm4FqvmOojVj6khWJHIb9sp7U/72W7xQgqAA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.6.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.17.0",
+        "@lezer/common": "^1.0.0",
+        "@lezer/javascript": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/language": {
+      "version": "6.11.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.11.1.tgz",
+      "integrity": "sha512-5kS1U7emOGV84vxC+ruBty5sUgcD0te6dyupyRVG2zaSjhTDM73LhVKUtVwiqSe6QwmEoA4SCiU8AKPFyumAWQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.23.0",
+        "@lezer/common": "^1.1.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0",
+        "style-mod": "^4.0.0"
+      }
+    },
+    "node_modules/@codemirror/lint": {
+      "version": "6.8.5",
+      "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.8.5.tgz",
+      "integrity": "sha512-s3n3KisH7dx3vsoeGMxsbRAgKe4O1vbrnKBClm99PU0fWxmxsx5rR2PfqQgIt+2MMJBHbiJ5rfIdLYfB9NNvsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.35.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/search": {
+      "version": "6.5.11",
+      "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-6.5.11.tgz",
+      "integrity": "sha512-KmWepDE6jUdL6n8cAAqIpRmLPBZ5ZKnicE8oGU/s3QrAVID+0VhLFrzUucVKHG5035/BSykhExDL/Xm7dHthiA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/state": {
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.5.2.tgz",
+      "integrity": "sha512-FVqsPqtPWKVVL3dPSxy8wEF/ymIEuVzF1PK3VbUgrxXpJUSHQWWZz4JMToquRxnkw+36LTamCZG2iua2Ptq0fA==",
+      "license": "MIT",
+      "dependencies": {
+        "@marijn/find-cluster-break": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/theme-one-dark": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/theme-one-dark/-/theme-one-dark-6.1.2.tgz",
+      "integrity": "sha512-F+sH0X16j/qFLMAfbciKTxVOwkdAS336b7AXTKOZhy8BR3eH/RelsnLgLFINrpST63mmN2OuwUt0W2ndUgYwUA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/highlight": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/view": {
+      "version": "6.37.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.37.1.tgz",
+      "integrity": "sha512-Qy4CAUwngy/VQkEz0XzMKVRcckQuqLYWKqVpDDDghBe5FSXSqfVrJn49nw3ePZHxRUz4nRmb05Lgi+9csWo4eg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.5.0",
+        "crelt": "^1.0.6",
+        "style-mod": "^4.1.0",
+        "w3c-keyname": "^2.2.4"
+      }
+    },
+    "node_modules/@cspotcode/source-map-support": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
+      "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "0.3.9"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
+      "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.0.3",
+        "@jridgewell/sourcemap-codec": "^1.4.10"
+      }
+    },
+    "node_modules/@csstools/color-helpers": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.0.2.tgz",
+      "integrity": "sha512-JqWH1vsgdGcw2RR6VliXXdA0/59LttzlU8UlRT/iUUsEeWfYq8I+K0yhihEUTTHLRm1EXvpsCx3083EU15ecsA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@csstools/css-calc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.4.tgz",
+      "integrity": "sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.0.10.tgz",
+      "integrity": "sha512-TiJ5Ajr6WRd1r8HSiwJvZBiJOqtH86aHpUjq5aEKWHiII2Qfjqd/HCWKPOW8EP4vcspXbHnXrwIDlu5savQipg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/color-helpers": "^5.0.2",
+        "@csstools/css-calc": "^2.1.4"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.5.tgz",
+      "integrity": "sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.4.tgz",
+      "integrity": "sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.4.4.tgz",
+      "integrity": "sha512-A9CnAbC6ARNMKcIcrQwq6HeHCjpcBZ5wSx4U01WXCqEKlrzB9F9315WDNHkrs2xbx7YjjSxbUYxuN6EQzpcY2g==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.0.3",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.4.4.tgz",
+      "integrity": "sha512-hHyapA4A3gPaDCNfiqyZUStTMqIkKRshqPIuDOXv1hcBnD4U3l8cP0T1HMCfGRxQ6V64TGCcoswChANyOAwbQg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.0.3.tgz",
+      "integrity": "sha512-8K5IFFsQqF9wQNJptGbS6FNKgUTsSRYnTqNCG1vPP8jFdjSv18n2mQfJpkt2Oibo9iBEzcDnDxNwKTzC7svlJw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz",
+      "integrity": "sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.19.1.tgz",
+      "integrity": "sha512-fo6Mtm5mWyKjA/Chy1BYTdn5mGJoDNjC7C64ug20ADsRDGrA85bN3uK3MaKbeRkRuuIEAR5N33Jr1pbm411/PA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.5",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.9.1.tgz",
+      "integrity": "sha512-GuUdqkyyzQI5RMIWkHhvTWLCyLo1jNK3vzkSyaExH5kHPDHcuL2VOpHjmMY+y3+NC69qAKToBqldTBgYeLSr9Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.2.0.tgz",
+      "integrity": "sha512-grOjVNN8P3hjJn/eIETF1wwd12DdnwFDoyceUJLYYdkpbwq3nLi+4fqrTAONx7XDALqlL220wC/RHSC/QTI/0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.17.0.tgz",
+      "integrity": "sha512-Sxc4hqcs1kTu0iID3kcZDW3JHq2a77HO9P8CP6YEA/FpH3Ll8UXE2r/86Rz9YJLKme39S9vU5OWNjC6Xl0Cr3w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.5.tgz",
+      "integrity": "sha512-o0bhxnL89h5Bae5T318nFoFzGy+YE5i/gGkoPAgkmTVdRKTiv3p8JHevPiPaMwoloKfEiiaHlawCqaZMqRm+XQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.4.tgz",
+      "integrity": "sha512-zSkKow6H5Kdm0ZUQUB2kV5JIXqoG0+uH5YADhaEHswm664N9Db8dXSi0nMJpacpMf+MyyglF1vnZohpEg5yUtg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.6.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.9.tgz",
+      "integrity": "sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.9"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.6.13",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.13.tgz",
+      "integrity": "sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.6.0",
+        "@floating-ui/utils": "^0.2.9"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz",
+      "integrity": "sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
+      "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==",
+      "license": "MIT"
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.6",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz",
+      "integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node/node_modules/@humanwhocodes/retry": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz",
+      "integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.1.tgz",
+      "integrity": "sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.5.tgz",
+      "integrity": "sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.5.tgz",
+      "integrity": "sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.4.tgz",
+      "integrity": "sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.4.tgz",
+      "integrity": "sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.5.tgz",
+      "integrity": "sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.4.tgz",
+      "integrity": "sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.4.tgz",
+      "integrity": "sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.4.tgz",
+      "integrity": "sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.4.tgz",
+      "integrity": "sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz",
+      "integrity": "sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.5.tgz",
+      "integrity": "sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.0.5"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.5.tgz",
+      "integrity": "sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.5.tgz",
+      "integrity": "sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.5.tgz",
+      "integrity": "sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.5.tgz",
+      "integrity": "sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz",
+      "integrity": "sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.33.5.tgz",
+      "integrity": "sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.2.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.5.tgz",
+      "integrity": "sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz",
+      "integrity": "sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/fs-minipass": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
+      "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.4"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
+      "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "camelcase": "^5.3.1",
+        "find-up": "^4.1.0",
+        "get-package-type": "^0.1.0",
+        "js-yaml": "^3.13.1",
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/schema": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/console": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/@jest/console/-/console-30.0.4.tgz",
+      "integrity": "sha512-tMLCDvBJBwPqMm4OAiuKm2uF5y5Qe26KgcMn+nrDSWpEW+eeFmqA0iO4zJfL16GP7gE3bUUQ3hIuUJ22AqVRnw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "30.0.1",
+        "@types/node": "*",
+        "chalk": "^4.1.2",
+        "jest-message-util": "30.0.2",
+        "jest-util": "30.0.2",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/core": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/@jest/core/-/core-30.0.4.tgz",
+      "integrity": "sha512-MWScSO9GuU5/HoWjpXAOBs6F/iobvK1XlioelgOM9St7S0Z5WTI9kjCQLPeo4eQRRYusyLW25/J7J5lbFkrYXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/console": "30.0.4",
+        "@jest/pattern": "30.0.1",
+        "@jest/reporters": "30.0.4",
+        "@jest/test-result": "30.0.4",
+        "@jest/transform": "30.0.4",
+        "@jest/types": "30.0.1",
+        "@types/node": "*",
+        "ansi-escapes": "^4.3.2",
+        "chalk": "^4.1.2",
+        "ci-info": "^4.2.0",
+        "exit-x": "^0.2.2",
+        "graceful-fs": "^4.2.11",
+        "jest-changed-files": "30.0.2",
+        "jest-config": "30.0.4",
+        "jest-haste-map": "30.0.2",
+        "jest-message-util": "30.0.2",
+        "jest-regex-util": "30.0.1",
+        "jest-resolve": "30.0.2",
+        "jest-resolve-dependencies": "30.0.4",
+        "jest-runner": "30.0.4",
+        "jest-runtime": "30.0.4",
+        "jest-snapshot": "30.0.4",
+        "jest-util": "30.0.2",
+        "jest-validate": "30.0.2",
+        "jest-watcher": "30.0.4",
+        "micromatch": "^4.0.8",
+        "pretty-format": "30.0.2",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@jest/core/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@jest/core/node_modules/pretty-format": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+      "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "30.0.1",
+        "ansi-styles": "^5.2.0",
+        "react-is": "^18.3.1"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/core/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jest/diff-sequences": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/diff-sequences/-/diff-sequences-30.0.1.tgz",
+      "integrity": "sha512-n5H8QLDJ47QqbCNn5SuFjCRDrOLEZ0h8vAHCK5RL9Ls7Xa8AQLa/YxAc9UjFqoEDM48muwtBGjtMY5cr0PLDCw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/environment": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-30.0.4.tgz",
+      "integrity": "sha512-5NT+sr7ZOb8wW7C4r7wOKnRQ8zmRWQT2gW4j73IXAKp5/PX1Z8MCStBLQDYfIG3n1Sw0NRfYGdp0iIPVooBAFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/fake-timers": "30.0.4",
+        "@jest/types": "30.0.1",
+        "@types/node": "*",
+        "jest-mock": "30.0.2"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/environment-jsdom-abstract": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/@jest/environment-jsdom-abstract/-/environment-jsdom-abstract-30.0.4.tgz",
+      "integrity": "sha512-pUKfqgr5Nki9kZ/3iV+ubDsvtPq0a0oNL6zqkKLM1tPQI8FBJeuWskvW1kzc5pOvqlgpzumYZveJ4bxhANY0hg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "30.0.4",
+        "@jest/fake-timers": "30.0.4",
+        "@jest/types": "30.0.1",
+        "@types/jsdom": "^21.1.7",
+        "@types/node": "*",
+        "jest-mock": "30.0.2",
+        "jest-util": "30.0.2"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "canvas": "^3.0.0",
+        "jsdom": "*"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@jest/expect": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/@jest/expect/-/expect-30.0.4.tgz",
+      "integrity": "sha512-Z/DL7t67LBHSX4UzDyeYKqOxE/n7lbrrgEwWM3dGiH5Dgn35nk+YtgzKudmfIrBI8DRRrKYY5BCo3317HZV1Fw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "expect": "30.0.4",
+        "jest-snapshot": "30.0.4"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/expect-utils": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-30.0.4.tgz",
+      "integrity": "sha512-EgXecHDNfANeqOkcak0DxsoVI4qkDUsR7n/Lr2vtmTBjwLPBnnPOF71S11Q8IObWzxm2QgQoY6f9hzrRD3gHRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/get-type": "30.0.1"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/fake-timers": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-30.0.4.tgz",
+      "integrity": "sha512-qZ7nxOcL5+gwBO6LErvwVy5k06VsX/deqo2XnVUSTV0TNC9lrg8FC3dARbi+5lmrr5VyX5drragK+xLcOjvjYw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "30.0.1",
+        "@sinonjs/fake-timers": "^13.0.0",
+        "@types/node": "*",
+        "jest-message-util": "30.0.2",
+        "jest-mock": "30.0.2",
+        "jest-util": "30.0.2"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/get-type": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/get-type/-/get-type-30.0.1.tgz",
+      "integrity": "sha512-AyYdemXCptSRFirI5EPazNxyPwAL0jXt3zceFjaj8NFiKP9pOi0bfXonf6qkf82z2t3QWPeLCWWw4stPBzctLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/globals": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-30.0.4.tgz",
+      "integrity": "sha512-avyZuxEHF2EUhFF6NEWVdxkRRV6iXXcIES66DLhuLlU7lXhtFG/ySq/a8SRZmEJSsLkNAFX6z6mm8KWyXe9OEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "30.0.4",
+        "@jest/expect": "30.0.4",
+        "@jest/types": "30.0.1",
+        "jest-mock": "30.0.2"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/pattern": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/pattern/-/pattern-30.0.1.tgz",
+      "integrity": "sha512-gWp7NfQW27LaBQz3TITS8L7ZCQ0TLvtmI//4OwlQRx4rnWxcPNIYjxZpDcN4+UlGxgm3jS5QPz8IPTCkb59wZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "jest-regex-util": "30.0.1"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/reporters": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-30.0.4.tgz",
+      "integrity": "sha512-6ycNmP0JSJEEys1FbIzHtjl9BP0tOZ/KN6iMeAKrdvGmUsa1qfRdlQRUDKJ4P84hJ3xHw1yTqJt4fvPNHhyE+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@bcoe/v8-coverage": "^0.2.3",
+        "@jest/console": "30.0.4",
+        "@jest/test-result": "30.0.4",
+        "@jest/transform": "30.0.4",
+        "@jest/types": "30.0.1",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "@types/node": "*",
+        "chalk": "^4.1.2",
+        "collect-v8-coverage": "^1.0.2",
+        "exit-x": "^0.2.2",
+        "glob": "^10.3.10",
+        "graceful-fs": "^4.2.11",
+        "istanbul-lib-coverage": "^3.0.0",
+        "istanbul-lib-instrument": "^6.0.0",
+        "istanbul-lib-report": "^3.0.0",
+        "istanbul-lib-source-maps": "^5.0.0",
+        "istanbul-reports": "^3.1.3",
+        "jest-message-util": "30.0.2",
+        "jest-util": "30.0.2",
+        "jest-worker": "30.0.2",
+        "slash": "^3.0.0",
+        "string-length": "^4.0.2",
+        "v8-to-istanbul": "^9.0.1"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@jest/schemas": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.0.1.tgz",
+      "integrity": "sha512-+g/1TKjFuGrf1Hh0QPCv0gISwBxJ+MQSNXmG9zjHy7BmFhtoJ9fdNhWJp3qUKRi93AOZHXtdxZgJ1vAtz6z65w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.34.0"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/snapshot-utils": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/@jest/snapshot-utils/-/snapshot-utils-30.0.4.tgz",
+      "integrity": "sha512-BEpX8M/Y5lG7MI3fmiO+xCnacOrVsnbqVrcDZIT8aSGkKV1w2WwvRQxSWw5SIS8ozg7+h8tSj5EO1Riqqxcdag==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "30.0.1",
+        "chalk": "^4.1.2",
+        "graceful-fs": "^4.2.11",
+        "natural-compare": "^1.4.0"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/source-map": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-30.0.1.tgz",
+      "integrity": "sha512-MIRWMUUR3sdbP36oyNyhbThLHyJ2eEDClPCiHVbrYAe5g3CHRArIVpBw7cdSB5fr+ofSfIb2Tnsw8iEHL0PYQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "callsites": "^3.1.0",
+        "graceful-fs": "^4.2.11"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/test-result": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-30.0.4.tgz",
+      "integrity": "sha512-Mfpv8kjyKTHqsuu9YugB6z1gcdB3TSSOaKlehtVaiNlClMkEHY+5ZqCY2CrEE3ntpBMlstX/ShDAf84HKWsyIw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/console": "30.0.4",
+        "@jest/types": "30.0.1",
+        "@types/istanbul-lib-coverage": "^2.0.6",
+        "collect-v8-coverage": "^1.0.2"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/test-sequencer": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-30.0.4.tgz",
+      "integrity": "sha512-bj6ePmqi4uxAE8EHE0Slmk5uBYd9Vd/PcVt06CsBxzH4bbA8nGsI1YbXl/NH+eii4XRtyrRx+Cikub0x8H4vDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/test-result": "30.0.4",
+        "graceful-fs": "^4.2.11",
+        "jest-haste-map": "30.0.2",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/transform": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-30.0.4.tgz",
+      "integrity": "sha512-atvy4hRph/UxdCIBp+UB2jhEA/jJiUeGZ7QPgBi9jUUKNgi3WEoMXGNG7zbbELG2+88PMabUNCDchmqgJy3ELg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.27.4",
+        "@jest/types": "30.0.1",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "babel-plugin-istanbul": "^7.0.0",
+        "chalk": "^4.1.2",
+        "convert-source-map": "^2.0.0",
+        "fast-json-stable-stringify": "^2.1.0",
+        "graceful-fs": "^4.2.11",
+        "jest-haste-map": "30.0.2",
+        "jest-regex-util": "30.0.1",
+        "jest-util": "30.0.2",
+        "micromatch": "^4.0.8",
+        "pirates": "^4.0.7",
+        "slash": "^3.0.0",
+        "write-file-atomic": "^5.0.1"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/transform/node_modules/write-file-atomic": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.1.tgz",
+      "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/types": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-30.0.1.tgz",
+      "integrity": "sha512-HGwoYRVF0QSKJu1ZQX0o5ZrUrrhj0aOOFA8hXrumD7SIzjouevhawbTjmXdwOmURdGluU9DM/XvGm3NyFoiQjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/pattern": "30.0.1",
+        "@jest/schemas": "30.0.1",
+        "@types/istanbul-lib-coverage": "^2.0.6",
+        "@types/istanbul-reports": "^3.0.4",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.33",
+        "chalk": "^4.1.2"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.12",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz",
+      "integrity": "sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.29",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz",
+      "integrity": "sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@lezer/common": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.2.3.tgz",
+      "integrity": "sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA==",
+      "license": "MIT"
+    },
+    "node_modules/@lezer/highlight": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.2.1.tgz",
+      "integrity": "sha512-Z5duk4RN/3zuVO7Jq0pGLJ3qynpxUVsh7IbUbGj88+uV2ApSAn6kWg2au3iJb+0Zi7kKtqffIESgNcRXWZWmSA==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/javascript": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.5.1.tgz",
+      "integrity": "sha512-ATOImjeVJuvgm3JQ/bpo2Tmv55HSScE2MTPnKRMRIPx2cLhHGyX2VnqpHhtIV1tVzIjZDbcWQm+NCTF40ggZVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.1.3",
+        "@lezer/lr": "^1.3.0"
+      }
+    },
+    "node_modules/@lezer/lr": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.4.2.tgz",
+      "integrity": "sha512-pu0K1jCIdnQ12aWNaAVU5bzi7Bd1w54J3ECgANPmYLtQKP0HBj2cE/5coBD66MT10xbtIuUr7tg0Shbsvk0mDA==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@marijn/find-cluster-break": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@marijn/find-cluster-break/-/find-cluster-break-1.0.2.tgz",
+      "integrity": "sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==",
+      "license": "MIT"
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "0.2.11",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.11.tgz",
+      "integrity": "sha512-9DPkXtvHydrcOsopiYpUgPHpmj0HWZKMUnL2dZqpvC42lsratuBG06V5ipyno0fUek5VlFsNQ+AcFATSrJXgMA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.4.3",
+        "@emnapi/runtime": "^1.4.3",
+        "@tybys/wasm-util": "^0.9.0"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.2.4.tgz",
+      "integrity": "sha512-+SFtMgoiYP3WoSswuNmxJOCwi06TdWE733D+WPjpXIe4LXGULwEaofiiAy6kbS0+XjM5xF5n3lKuBwN2SnqD9g==",
+      "license": "MIT"
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.1.0.tgz",
+      "integrity": "sha512-+jPT0h+nelBT6HC9ZCHGc7DgGVy04cv4shYdAe6tKlEbjQUtwU3LzQhzbDHQyY2m6g39m6B0kOFVuLGBrxxbGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-glob": "3.3.1"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.2.4.tgz",
+      "integrity": "sha512-1AnMfs655ipJEDC/FHkSr0r3lXBgpqKo4K1kiwfUf3iE68rDFXZ1TtHdMvf7D0hMItgDZ7Vuq3JgNMbt/+3bYw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.2.4.tgz",
+      "integrity": "sha512-3qK2zb5EwCwxnO2HeO+TRqCubeI/NgCe+kL5dTJlPldV/uwCnUgC7VbEzgmxbfrkbjehL4H9BPztWOEtsoMwew==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.2.4.tgz",
+      "integrity": "sha512-HFN6GKUcrTWvem8AZN7tT95zPb0GUGv9v0d0iyuTb303vbXkkbHDp/DxufB04jNVD+IN9yHy7y/6Mqq0h0YVaQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.2.4.tgz",
+      "integrity": "sha512-Oioa0SORWLwi35/kVB8aCk5Uq+5/ZIumMK1kJV+jSdazFm2NzPDztsefzdmzzpx5oGCJ6FkUC7vkaUseNTStNA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.2.4.tgz",
+      "integrity": "sha512-yb5WTRaHdkgOqFOZiu6rHV1fAEK0flVpaIN2HB6kxHVSy/dIajWbThS7qON3W9/SNOH2JWkVCyulgGYekMePuw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.2.4.tgz",
+      "integrity": "sha512-Dcdv/ix6srhkM25fgXiyOieFUkz+fOYkHlydWCtB0xMST6X9XYI3yPDKBZt1xuhOytONsIFJFB08xXYsxUwJLw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.2.4.tgz",
+      "integrity": "sha512-dW0i7eukvDxtIhCYkMrZNQfNicPDExt2jPb9AZPpL7cfyUo7QSNl1DjsHjmmKp6qNAqUESyT8YFl/Aw91cNJJg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.2.4.tgz",
+      "integrity": "sha512-SbnWkJmkS7Xl3kre8SdMF6F/XDh1DTFEhp0jRTj/uB8iPKoU2bb2NDfcu+iifv1+mxQEd1g2vvSxcZbXSKyWiQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "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",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@pkgr/core": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.2.7.tgz",
+      "integrity": "sha512-YLT9Zo3oNPJoBjBc4q8G2mjU4tqIbf5CEOORbUUr48dCD9q3umJ3IPlVqOqDakPfd2HuwccBaqlGhN4Gmr5OWg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/pkgr"
+      }
+    },
+    "node_modules/@radix-ui/number": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.1.tgz",
+      "integrity": "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/primitive": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.2.tgz",
+      "integrity": "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-alert-dialog": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.13.tgz",
+      "integrity": "sha512-/uPs78OwxGxslYOG5TKeUsv9fZC0vo376cXSADdKirTmsLJU2au6L3n34c3p6W26rFDDDze/hwy4fYeNd0qdGA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dialog": "1.1.13",
+        "@radix-ui/react-primitive": "2.1.2",
+        "@radix-ui/react-slot": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-arrow": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.4.tgz",
+      "integrity": "sha512-qz+fxrqgNxG0dYew5l7qR3c7wdgRu1XVUHGnGYX7rg5HM4p9SWaRmJwfgR3J0SgyUKayLmzQIun+N6rWRgiRKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-arrow/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
+      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-arrow/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
+      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar": {
+      "version": "1.1.10",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.1.10.tgz",
+      "integrity": "sha512-V8piFfWapM5OmNCXTzVQY+E1rDa53zY+MQ4Y7356v4fFz6vqCyUtIz2rUD44ZEdwg78/jKmMJHj07+C/Z/rcog==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-is-hydrated": "0.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.3.2.tgz",
+      "integrity": "sha512-yd+dI56KZqawxKZrJ31eENUwqc1QSqg4OZ15rybGjF2ZNwMO+wCyHzAVLRp9qoYJf7kYy0YpZ2b0JCzJ42HZpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-presence": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-use-size": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collapsible": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.1.7.tgz",
+      "integrity": "sha512-zGFsPcFJNdQa/UNd6MOgF40BS054FIGj32oOWBllixz42f+AkQg3QJ1YT9pw7vs+Ai+EgWkh839h69GEK8oH2A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-presence": "1.1.3",
+        "@radix-ui/react-primitive": "2.1.0",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.3.tgz",
+      "integrity": "sha512-IrVLIhskYhH3nLvtcBLQFZr61tBG7wx7O3kEmdzcYwRGAEBmBicGGL7ATzNgruYJ3xBTbuzEEq9OXJM3PAX3tA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
+      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
+      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.4.tgz",
+      "integrity": "sha512-cv4vSf7HttqXilDnAnvINd53OTl1/bjUYVZrkFnA7nwmY9Ob2POUy0WY0sfqBAe1s5FyKsyceQlqiEGPYNTadg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.0",
+        "@radix-ui/react-slot": "1.2.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
+      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
+      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.13.tgz",
+      "integrity": "sha512-ARFmqUyhIVS3+riWzwGTe7JLjqwqgnODBUZdqpWar/z1WFs9z76fuOs/2BOWCR+YboRn4/WN9aoaGVwqNRr8VA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dismissable-layer": "1.1.9",
+        "@radix-ui/react-focus-guards": "1.1.2",
+        "@radix-ui/react-focus-scope": "1.1.6",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-portal": "1.1.8",
+        "@radix-ui/react-presence": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.2",
+        "@radix-ui/react-slot": "1.2.2",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-direction": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.1.tgz",
+      "integrity": "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.9.tgz",
+      "integrity": "sha512-way197PiTvNp+WBP7svMJasHl+vibhWGQDb6Mgf5mhEWJkgb85z7Lfl9TUdkqpWsf8GRNmoopx9ZxCyDzmgRMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.2",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-escape-keydown": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.2.tgz",
+      "integrity": "sha512-fyjAACV62oPV925xFCrH8DR5xWhg9KYtJT4s3u54jxp+L/hbpTY2kIeEFFbFe+a/HCE94zGQMZLIpVTPVZDhaA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.6.tgz",
+      "integrity": "sha512-r9zpYNUQY+2jWHWZGyddQLL9YHkM/XvSFHVcWs7bdVuxMAnCwTAuy6Pf47Z4nw7dYcUou1vg/VgjjrrH03VeBw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.2",
+        "@radix-ui/react-use-callback-ref": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-icons": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-icons/-/react-icons-1.3.2.tgz",
+      "integrity": "sha512-fyQIhGDhzfc9pK2kH6Pl9c4BDJGfMkPqkyIgYDthyNYoNg3wVhoJMMh19WS4Up/1KMPFVpNsT2q3WmXn2N1m6g==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.x || ^17.x || ^18.x || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@radix-ui/react-id": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.1.tgz",
+      "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-label": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.4.tgz",
+      "integrity": "sha512-wy3dqizZnZVV4ja0FNnUhIWNwWdoldXrneEyUcVtLYDAt8ovGS4ridtMAOGgXBBIfggL4BOveVWsjXDORdGEQg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
+      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
+      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popper": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.4.tgz",
+      "integrity": "sha512-3p2Rgm/a1cK0r/UVkx5F/K9v/EplfjAeIFCGOPYPO4lZ0jtg4iSQXt/YGTSLWaf4x7NG6Z4+uKFcylcTZjeqDA==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.1.4",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.0",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.1",
+        "@radix-ui/react-use-rect": "1.1.1",
+        "@radix-ui/react-use-size": "1.1.1",
+        "@radix-ui/rect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
+      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
+      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.8.tgz",
+      "integrity": "sha512-hQsTUIn7p7fxCPvao/q6wpbxmCwgLrlz+nOrJgC+RwfZqWY/WN+UMqkXzrtKbPrF82P43eCTl3ekeKuyAQbFeg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-presence": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.4.tgz",
+      "integrity": "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.2.tgz",
+      "integrity": "sha512-uHa+l/lKfxuDD2zjN/0peM/RhhSmRjr5YWdk/37EnSv1nJ88uvG85DPexSm8HdFQROd2VdERJ6ynXbkCFi+APw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-progress": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.6.tgz",
+      "integrity": "sha512-QzN9a36nKk2eZKMf9EBCia35x3TT+SOgZuzQBVIHyRrmYYi73VYBRK3zKwdJ6az/F5IZ6QlacGJBg7zfB85liA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-radio-group": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-radio-group/-/react-radio-group-1.3.7.tgz",
+      "integrity": "sha512-9w5XhD0KPOrm92OTTE0SysH3sYzHsSTHNvZgUBo/VZ80VdYyB5RneDbc0dKpURS24IxkoFRu/hI0i4XyfFwY6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-presence": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-roving-focus": "1.1.10",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-use-size": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-radio-group/node_modules/@radix-ui/react-collection": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.7.tgz",
+      "integrity": "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-radio-group/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-radio-group/node_modules/@radix-ui/react-roving-focus": {
+      "version": "1.1.10",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.10.tgz",
+      "integrity": "sha512-dT9aOXUen9JSsxnMPv/0VqySQf5eDQ6LCk5Sw28kamz8wSOW2bJdlX2Bg5VUIIcV+6XlHpWTIuTPCf/UNIyq8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-radio-group/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.7.tgz",
+      "integrity": "sha512-C6oAg451/fQT3EGbWHbCQjYTtbyjNO1uzQgMzwyivcHT3GKNEmu1q3UuREhN+HzHAVtv3ivMVK08QlC+PkYw9Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-collection": "1.1.4",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-primitive": "2.1.0",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
+      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
+      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-scroll-area": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-scroll-area/-/react-scroll-area-1.2.5.tgz",
+      "integrity": "sha512-VyLjxI8/gXYn+Wij1FLpXjZp6Z/uNklUFQQ75tOpJNESeNaZ2kCRfjiEDmHgWmLeUPeJGwrqbgRmcdFjtYEkMA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/number": "1.1.1",
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-presence": "1.1.3",
+        "@radix-ui/react-primitive": "2.1.0",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.3.tgz",
+      "integrity": "sha512-IrVLIhskYhH3nLvtcBLQFZr61tBG7wx7O3kEmdzcYwRGAEBmBicGGL7ATzNgruYJ3xBTbuzEEq9OXJM3PAX3tA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
+      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
+      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.2.2.tgz",
+      "integrity": "sha512-HjkVHtBkuq+r3zUAZ/CvNWUGKPfuicGDbgtZgiQuFmNcV5F+Tgy24ep2nsAW2nFgvhGPJVqeBZa6KyVN0EyrBA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/number": "1.1.1",
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-collection": "1.1.4",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.7",
+        "@radix-ui/react-focus-guards": "1.1.2",
+        "@radix-ui/react-focus-scope": "1.1.4",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.4",
+        "@radix-ui/react-portal": "1.1.6",
+        "@radix-ui/react-primitive": "2.1.0",
+        "@radix-ui/react-slot": "1.2.0",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-visually-hidden": "1.2.0",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.7.tgz",
+      "integrity": "sha512-j5+WBUdhccJsmH5/H0K6RncjDtoALSEr6jbkaZu+bjw6hOPOhHycr6vEUujl+HBK8kjUfWcoCJXxP6e4lUlMZw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.0",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-escape-keydown": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.4.tgz",
+      "integrity": "sha512-r2annK27lIW5w9Ho5NyQgqs0MmgZSTIKXWpVCJaLC1q2kZrZkcqnmHkCHMEmv8XLvsLlurKMPT+kbKkRkm/xVA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.0",
+        "@radix-ui/react-use-callback-ref": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-portal": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.6.tgz",
+      "integrity": "sha512-XmsIl2z1n/TsYFLIdYam2rmFwf9OC/Sh2avkbmVMDuBZIe7hSpM0cYnWPAo7nHOVx8zTuwDZGByfcqLdnzp3Vw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
+      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
+      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-separator": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.7.tgz",
+      "integrity": "sha512-0HEb8R9E8A+jZjvmFCy/J4xhbXy3TV+9XSnGJ3KvTtjlIUy/YQ/p6UYZvi7YbeoeXdyU9+Y3scizK6hkY37baA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-slot": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.2.tgz",
+      "integrity": "sha512-y7TBO4xN4Y94FvcWIOIh18fM4R1A8S4q1jhoz4PNzOoHsFcN8pogcFmZrTYAm4F9VRUrWP/Mw7xSKybIeRI+CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.9.tgz",
+      "integrity": "sha512-KIjtwciYvquiW/wAFkELZCVnaNLBsYNhTNcvl+zfMAbMhRkcvNuCLXDDd22L0j7tagpzVh/QwbFpwAATg7ILPw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-presence": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.0",
+        "@radix-ui/react-roving-focus": "1.1.7",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
+      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
+      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.4.tgz",
+      "integrity": "sha512-DyW8VVeeMSSLFvAmnVnCwvI3H+1tpJFHT50r+tdOoMse9XqYDBCcyux8u3G2y+LOpt7fPQ6KKH0mhs+ce1+Z5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dismissable-layer": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.4",
+        "@radix-ui/react-portal": "1.1.6",
+        "@radix-ui/react-presence": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.0",
+        "@radix-ui/react-slot": "1.2.0",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-visually-hidden": "1.2.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.7.tgz",
+      "integrity": "sha512-j5+WBUdhccJsmH5/H0K6RncjDtoALSEr6jbkaZu+bjw6hOPOhHycr6vEUujl+HBK8kjUfWcoCJXxP6e4lUlMZw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.0",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-escape-keydown": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-portal": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.6.tgz",
+      "integrity": "sha512-XmsIl2z1n/TsYFLIdYam2rmFwf9OC/Sh2avkbmVMDuBZIe7hSpM0cYnWPAo7nHOVx8zTuwDZGByfcqLdnzp3Vw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
+      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
+      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
+      "integrity": "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
+      "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-effect-event": "0.0.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-effect-event": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz",
+      "integrity": "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-escape-keydown": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.1.tgz",
+      "integrity": "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-callback-ref": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-is-hydrated": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-is-hydrated/-/react-use-is-hydrated-0.1.0.tgz",
+      "integrity": "sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==",
+      "license": "MIT",
+      "dependencies": {
+        "use-sync-external-store": "^1.5.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-previous": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.1.tgz",
+      "integrity": "sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-rect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.1.tgz",
+      "integrity": "sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/rect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-size": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.1.tgz",
+      "integrity": "sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-visually-hidden": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.0.tgz",
+      "integrity": "sha512-rQj0aAWOpCdCMRbI6pLQm8r7S2BM3YhTa0SzOYD55k+hJA8oo9J+H+9wLM9oMlZWOX/wJWPTzfDfmZkf7LvCfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-visually-hidden/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
+      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-visually-hidden/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
+      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/rect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.1.tgz",
+      "integrity": "sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==",
+      "license": "MIT"
+    },
+    "node_modules/@reduxjs/toolkit": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-2.5.0.tgz",
+      "integrity": "sha512-awNe2oTodsZ6LmRqmkFhtb/KH03hUhxOamEQy411m3Njj3BbFvoBovxo4Q1cBWnV1ErprVj9MlF0UPXkng0eyg==",
+      "license": "MIT",
+      "dependencies": {
+        "immer": "^10.0.3",
+        "redux": "^5.0.1",
+        "redux-thunk": "^3.1.0",
+        "reselect": "^5.1.0"
+      },
+      "peerDependencies": {
+        "react": "^16.9.0 || ^17.0.0 || ^18 || ^19",
+        "react-redux": "^7.2.1 || ^8.1.3 || ^9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "react-redux": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rushstack/eslint-patch": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.4.tgz",
+      "integrity": "sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@sinclair/typebox": {
+      "version": "0.34.37",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.34.37.tgz",
+      "integrity": "sha512-2TRuQVgQYfy+EzHRTIvkhv2ADEouJ2xNS/Vq+W5EuuewBdOrvATvljZTxHWZSTYr2sTjTHpGvucaGAt67S2akw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@sinonjs/commons": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.1.tgz",
+      "integrity": "sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "type-detect": "4.0.8"
+      }
+    },
+    "node_modules/@sinonjs/fake-timers": {
+      "version": "13.0.5",
+      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-13.0.5.tgz",
+      "integrity": "sha512-36/hTbH2uaWuGVERyC6da9YwGWnzUZXuPro/F2LfsdOsLnCojz/iSH8MxUt/FD2S5XBSVPhmArFUXcpCQ2Hkiw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@sinonjs/commons": "^3.0.1"
+      }
+    },
+    "node_modules/@supabase/auth-js": {
+      "version": "2.70.0",
+      "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.70.0.tgz",
+      "integrity": "sha512-BaAK/tOAZFJtzF1sE3gJ2FwTjLf4ky3PSvcvLGEgEmO4BSBkwWKu8l67rLLIBZPDnCyV7Owk2uPyKHa0kj5QGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@supabase/node-fetch": "^2.6.14"
+      }
+    },
+    "node_modules/@supabase/functions-js": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.4.4.tgz",
+      "integrity": "sha512-WL2p6r4AXNGwop7iwvul2BvOtuJ1YQy8EbOd0dhG1oN1q8el/BIRSFCFnWAMM/vJJlHWLi4ad22sKbKr9mvjoA==",
+      "license": "MIT",
+      "dependencies": {
+        "@supabase/node-fetch": "^2.6.14"
+      }
+    },
+    "node_modules/@supabase/node-fetch": {
+      "version": "2.6.15",
+      "resolved": "https://registry.npmjs.org/@supabase/node-fetch/-/node-fetch-2.6.15.tgz",
+      "integrity": "sha512-1ibVeYUacxWYi9i0cf5efil6adJ9WRyZBLivgjs+AUpewx1F3xPi7gLgaASI2SmIQxPoCEjAsLAzKPgMJVgOUQ==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      }
+    },
+    "node_modules/@supabase/postgrest-js": {
+      "version": "1.19.4",
+      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-1.19.4.tgz",
+      "integrity": "sha512-O4soKqKtZIW3olqmbXXbKugUtByD2jPa8kL2m2c1oozAO11uCcGrRhkZL0kVxjBLrXHE0mdSkFsMj7jDSfyNpw==",
+      "license": "MIT",
+      "dependencies": {
+        "@supabase/node-fetch": "^2.6.14"
+      }
+    },
+    "node_modules/@supabase/realtime-js": {
+      "version": "2.11.10",
+      "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.11.10.tgz",
+      "integrity": "sha512-SJKVa7EejnuyfImrbzx+HaD9i6T784khuw1zP+MBD7BmJYChegGxYigPzkKX8CK8nGuDntmeSD3fvriaH0EGZA==",
+      "license": "MIT",
+      "dependencies": {
+        "@supabase/node-fetch": "^2.6.13",
+        "@types/phoenix": "^1.6.6",
+        "@types/ws": "^8.18.1",
+        "ws": "^8.18.2"
+      }
+    },
+    "node_modules/@supabase/ssr": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/@supabase/ssr/-/ssr-0.6.1.tgz",
+      "integrity": "sha512-QtQgEMvaDzr77Mk3vZ3jWg2/y+D8tExYF7vcJT+wQ8ysuvOeGGjYbZlvj5bHYsj/SpC0bihcisnwPrM4Gp5G4g==",
+      "license": "MIT",
+      "dependencies": {
+        "cookie": "^1.0.1"
+      },
+      "peerDependencies": {
+        "@supabase/supabase-js": "^2.43.4"
+      }
+    },
+    "node_modules/@supabase/storage-js": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.7.1.tgz",
+      "integrity": "sha512-asYHcyDR1fKqrMpytAS1zjyEfvxuOIp1CIXX7ji4lHHcJKqyk+sLl/Vxgm4sN6u8zvuUtae9e4kDxQP2qrwWBA==",
+      "license": "MIT",
+      "dependencies": {
+        "@supabase/node-fetch": "^2.6.14"
+      }
+    },
+    "node_modules/@supabase/supabase-js": {
+      "version": "2.50.0",
+      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.50.0.tgz",
+      "integrity": "sha512-M1Gd5tPaaghYZ9OjeO1iORRqbTWFEz/cF3pPubRnMPzA+A8SiUsXXWDP+DWsASZcjEcVEcVQIAF38i5wrijYOg==",
+      "license": "MIT",
+      "dependencies": {
+        "@supabase/auth-js": "2.70.0",
+        "@supabase/functions-js": "2.4.4",
+        "@supabase/node-fetch": "2.6.15",
+        "@supabase/postgrest-js": "1.19.4",
+        "@supabase/realtime-js": "2.11.10",
+        "@supabase/storage-js": "2.7.1"
+      }
+    },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@tanstack/react-table": {
+      "version": "8.21.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.21.2.tgz",
+      "integrity": "sha512-11tNlEDTdIhMJba2RBH+ecJ9l1zgS2kjmexDPAraulc8jeNA4xocSNeyzextT0XJyASil4XsCYlJmf5jEWAtYg==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/table-core": "8.21.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/@tanstack/react-virtual": {
+      "version": "3.13.9",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.9.tgz",
+      "integrity": "sha512-SPWC8kwG/dWBf7Py7cfheAPOxuvIv4fFQ54PdmYbg7CpXfsKxkucak43Q0qKsxVthhUJQ1A7CIMAIplq4BjVwA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/virtual-core": "3.13.9"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@tanstack/table-core": {
+      "version": "8.21.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.21.2.tgz",
+      "integrity": "sha512-uvXk/U4cBiFMxt+p9/G7yUWI/UbHYbyghLCjlpWZ3mLeIZiUBSKcUnw9UnKkdRz7Z/N4UBuFLWQdJCjUe7HjvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/virtual-core": {
+      "version": "3.13.9",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.9.tgz",
+      "integrity": "sha512-3jztt0jpaoJO5TARe2WIHC1UQC3VMLAFUW5mmMo0yrkwtDB2AQP0+sh10BVUpWrnvHjSLvzFizydtEGLCJKFoQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@testing-library/dom": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz",
+      "integrity": "sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "5.3.0",
+        "chalk": "^4.1.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/@testing-library/jest-dom": {
+      "version": "6.6.3",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.6.3.tgz",
+      "integrity": "sha512-IteBhl4XqYNkM54f4ejhLRJiZNqcSCoXUOG2CPK7qbD322KjQozM4kHQOfkG2oln9b9HTYqs+Sae8vBATubxxA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@adobe/css-tools": "^4.4.0",
+        "aria-query": "^5.0.0",
+        "chalk": "^3.0.0",
+        "css.escape": "^1.5.1",
+        "dom-accessibility-api": "^0.6.3",
+        "lodash": "^4.17.21",
+        "redent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/chalk": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz",
+      "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@testing-library/react": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.3.0.tgz",
+      "integrity": "sha512-kFSyxiEDwv1WLl2fgsq6pPBbw5aWKrsY2/noi1Id0TK0UParSF62oFQFGHXIyaG4pp2tEub/Zlel+fjjZILDsw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": "^10.0.0",
+        "@types/react": "^18.0.0 || ^19.0.0",
+        "@types/react-dom": "^18.0.0 || ^19.0.0",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@testing-library/user-event": {
+      "version": "14.6.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.6.1.tgz",
+      "integrity": "sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": ">=7.21.4"
+      }
+    },
+    "node_modules/@tsconfig/node10": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.11.tgz",
+      "integrity": "sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==",
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node12": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
+      "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node14": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
+      "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node16": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
+      "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
+      "license": "MIT"
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.9.0.tgz",
+      "integrity": "sha512-6+7nlbMVX/PVDCwaIQ8nTOPveOcFLSt8GcXdx8hD0bt39uWxYT88uXzqTd4fTvqta7oeUJqudepapKNt2DYJFw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/aria-query": {
+      "version": "5.0.4",
+      "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
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.7.tgz",
+      "integrity": "sha512-dkO5fhS7+/oos4ciWxyEyjWe48zmG6wbCheo/G2ZnHx4fs3EU6YC6UM8rk56gAjNJ9P3MTH2jo5jb92/K6wbng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.20.7"
+      }
+    },
+    "node_modules/@types/d3-array": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.1.tgz",
+      "integrity": "sha512-Y2Jn2idRrLzUfAKV2LyRImR+y4oa2AntrgID95SHJxuMUrkNXmanDSed71sRNZysveJVt1hLLemQZIady0FpEg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-path": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
+      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
+      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.7.tgz",
+      "integrity": "sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-path": "*"
+      }
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
+      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
+      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/hoist-non-react-statics": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.6.tgz",
+      "integrity": "sha512-lPByRJUer/iN/xa4qpyL0qmL11DqNW81iU/IG1S3uvRUq4oKagz8VCxZjiWkumgt66YT3vOdDgZ0o32sGKtCEw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*",
+        "hoist-non-react-statics": "^3.3.0"
+      }
+    },
+    "node_modules/@types/istanbul-lib-coverage": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
+      "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/istanbul-lib-report": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz",
+      "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/istanbul-lib-coverage": "*"
+      }
+    },
+    "node_modules/@types/istanbul-reports": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
+      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/istanbul-lib-report": "*"
+      }
+    },
+    "node_modules/@types/jest": {
+      "version": "30.0.0",
+      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-30.0.0.tgz",
+      "integrity": "sha512-XTYugzhuwqWjws0CVz8QpM36+T+Dz5mTEBKhNs/esGLnCIlGdRy+Dq78NRjd7ls7r8BC8ZRMOrKlkO1hU0JOwA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "expect": "^30.0.0",
+        "pretty-format": "^30.0.0"
+      }
+    },
+    "node_modules/@types/jest/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@types/jest/node_modules/pretty-format": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+      "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "30.0.1",
+        "ansi-styles": "^5.2.0",
+        "react-is": "^18.3.1"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@types/jest/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/jsdom": {
+      "version": "21.1.7",
+      "resolved": "https://registry.npmjs.org/@types/jsdom/-/jsdom-21.1.7.tgz",
+      "integrity": "sha512-yOriVnggzrnQ3a9OKOCxaVuSug3w3/SbOj5i7VwXWZEyUNl3bLF9V3MfxGbZKuwqJOQyRfqXyROBB1CoZLFWzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/tough-cookie": "*",
+        "parse5": "^7.0.0"
+      }
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "20.17.10",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.10.tgz",
+      "integrity": "sha512-/jrvh5h6NXhEauFFexRin69nA0uHJ5gwk4iDivp/DeoEua3uwCUto6PC86IpRITBOs4+6i2I56K5x5b6WYGXHA==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.19.2"
+      }
+    },
+    "node_modules/@types/phoenix": {
+      "version": "1.6.6",
+      "resolved": "https://registry.npmjs.org/@types/phoenix/-/phoenix-1.6.6.tgz",
+      "integrity": "sha512-PIzZZlEppgrpoT2QgbnDU+MMzuR6BbCjllj0bM70lWoejMeNJAxCchxnv7J3XFkI8MpygtRpzXrIlmWUBclP5A==",
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "19.0.1",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.1.tgz",
+      "integrity": "sha512-YW6614BDhqbpR5KtUYzTA+zlA7nayzJRA9ljz9CQoxthR0sDisYZLuvSMsil36t4EH/uAt8T52Xb4sVw17G+SQ==",
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.0.2",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.0.2.tgz",
+      "integrity": "sha512-c1s+7TKFaDRRxr1TxccIX2u7sfCnc3RxkVyBIUA2lCpyqCF+QoAwQ/CBg7bsMdVwP120HEH143VQezKtef5nCg==",
+      "devOptional": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.0.0"
+      }
+    },
+    "node_modules/@types/react-redux": {
+      "version": "7.1.34",
+      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.34.tgz",
+      "integrity": "sha512-GdFaVjEbYv4Fthm2ZLvj1VSCedV7TqE5y1kNwnjSdBOTXuRSgowux6J8TAct15T3CKBr63UMk+2CO7ilRhyrAQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/hoist-non-react-statics": "^3.3.0",
+        "@types/react": "*",
+        "hoist-non-react-statics": "^3.3.0",
+        "redux": "^4.0.0"
+      }
+    },
+    "node_modules/@types/react-redux/node_modules/redux": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
+      "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.9.2"
+      }
+    },
+    "node_modules/@types/react-window": {
+      "version": "1.8.8",
+      "resolved": "https://registry.npmjs.org/@types/react-window/-/react-window-1.8.8.tgz",
+      "integrity": "sha512-8Ls660bHR1AUA2kuRvVG9D/4XpRC6wjAaPT9dil7Ckc76eP9TKWZwwmgfq8Q1LANX3QNDnoU4Zp48A3w+zK69Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/stack-utils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
+      "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/tough-cookie": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.5.tgz",
+      "integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/use-sync-external-store": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz",
+      "integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/ws": {
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
+      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/yargs": {
+      "version": "17.0.33",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.33.tgz",
+      "integrity": "sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/yargs-parser": "*"
+      }
+    },
+    "node_modules/@types/yargs-parser": {
+      "version": "21.0.3",
+      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz",
+      "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.18.0.tgz",
+      "integrity": "sha512-NR2yS7qUqCL7AIxdJUQf2MKKNDVNaig/dEB0GBLU7D+ZdHgK1NoH/3wsgO3OnPVipn51tG3MAwaODEGil70WEw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "8.18.0",
+        "@typescript-eslint/type-utils": "8.18.0",
+        "@typescript-eslint/utils": "8.18.0",
+        "@typescript-eslint/visitor-keys": "8.18.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.3.1",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^1.3.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.0.0 || ^8.0.0-alpha.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.18.0.tgz",
+      "integrity": "sha512-hgUZ3kTEpVzKaK3uNibExUYm6SKKOmTU2BOxBSvOYwtJEPdVQ70kZJpPjstlnhCHcuc2WGfSbpKlb/69ttyN5Q==",
+      "dev": true,
+      "license": "MITClause",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.18.0",
+        "@typescript-eslint/types": "8.18.0",
+        "@typescript-eslint/typescript-estree": "8.18.0",
+        "@typescript-eslint/visitor-keys": "8.18.0",
+        "debug": "^4.3.4"
+      },
+      "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",
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.18.0.tgz",
+      "integrity": "sha512-PNGcHop0jkK2WVYGotk/hxj+UFLhXtGPiGtiaWgVBVP1jhMoMCHlTyJA+hEj4rszoSdLTK3fN4oOatrL0Cp+Xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.18.0",
+        "@typescript-eslint/visitor-keys": "8.18.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/type-utils": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.18.0.tgz",
+      "integrity": "sha512-er224jRepVAVLnMF2Q7MZJCq5CsdH2oqjP4dT7K6ij09Kyd+R21r7UVJrF0buMVdZS5QRhDzpvzAxHxabQadow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "8.18.0",
+        "@typescript-eslint/utils": "8.18.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.3.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",
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.18.0.tgz",
+      "integrity": "sha512-FNYxgyTCAnFwTrzpBGq+zrnoTO4x0c1CKYY5MuUTzpScqmY5fmsh2o3+57lqdI3NZucBDCzDgdEbIaNfAjAHQA==",
+      "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/typescript-estree": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.18.0.tgz",
+      "integrity": "sha512-rqQgFRu6yPkauz+ms3nQpohwejS8bvgbPyIDq13cgEDbkXt4LH4OkDMT0/fN1RUtzG8e8AKJyDBoocuQh8qNeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.18.0",
+        "@typescript-eslint/visitor-keys": "8.18.0",
+        "debug": "^4.3.4",
+        "fast-glob": "^3.3.2",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.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 <5.8.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/fast-glob": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "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/@typescript-eslint/typescript-estree/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/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.18.0.tgz",
+      "integrity": "sha512-p6GLdY383i7h5b0Qrfbix3Vc3+J2k6QWw6UMUeY5JGfm3C5LbZ4QIZzJNoNOfgyRe0uuYKjvVOsO/jD4SJO+xg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@typescript-eslint/scope-manager": "8.18.0",
+        "@typescript-eslint/types": "8.18.0",
+        "@typescript-eslint/typescript-estree": "8.18.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",
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.18.0.tgz",
+      "integrity": "sha512-pCh/qEA8Lb1wVIqNvBke8UaRjJ6wrAWkJO5yyIbs8Yx6TNGYyfNjOo61tLv+WwLvoLPp4BQ8B7AHKijl8NGUfw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.18.0",
+        "eslint-visitor-keys": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@uiw/codemirror-extensions-basic-setup": {
+      "version": "4.23.12",
+      "resolved": "https://registry.npmjs.org/@uiw/codemirror-extensions-basic-setup/-/codemirror-extensions-basic-setup-4.23.12.tgz",
+      "integrity": "sha512-l9vuiXOTFDBetYrRLDmz3jDxQHDsrVAZ2Y6dVfmrqi2AsulsDu+y7csW0JsvaMqo79rYkaIZg8yeqmDgMb7VyQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/commands": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/search": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://jaywcjlove.github.io/#/sponsor"
+      },
+      "peerDependencies": {
+        "@codemirror/autocomplete": ">=6.0.0",
+        "@codemirror/commands": ">=6.0.0",
+        "@codemirror/language": ">=6.0.0",
+        "@codemirror/lint": ">=6.0.0",
+        "@codemirror/search": ">=6.0.0",
+        "@codemirror/state": ">=6.0.0",
+        "@codemirror/view": ">=6.0.0"
+      }
+    },
+    "node_modules/@uiw/react-codemirror": {
+      "version": "4.23.12",
+      "resolved": "https://registry.npmjs.org/@uiw/react-codemirror/-/react-codemirror-4.23.12.tgz",
+      "integrity": "sha512-yseqWdzoAAGAW7i/NiU8YrfSLVOEBjQvSx1KpDTFVV/nn0AlAZoDVTIPEBgdXrPlVUQoCrwgpEaj3uZCklk9QA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.6",
+        "@codemirror/commands": "^6.1.0",
+        "@codemirror/state": "^6.1.1",
+        "@codemirror/theme-one-dark": "^6.0.0",
+        "@uiw/codemirror-extensions-basic-setup": "4.23.12",
+        "codemirror": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://jaywcjlove.github.io/#/sponsor"
+      },
+      "peerDependencies": {
+        "@babel/runtime": ">=7.11.0",
+        "@codemirror/state": ">=6.0.0",
+        "@codemirror/theme-one-dark": ">=6.0.0",
+        "@codemirror/view": ">=6.0.0",
+        "codemirror": ">=6.0.0",
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@unrs/resolver-binding-android-arm-eabi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.11.1.tgz",
+      "integrity": "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-android-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.11.1.tgz",
+      "integrity": "sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.11.1.tgz",
+      "integrity": "sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.11.1.tgz",
+      "integrity": "sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-freebsd-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.11.1.tgz",
+      "integrity": "sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.11.1.tgz",
+      "integrity": "sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.11.1.tgz",
+      "integrity": "sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.11.1.tgz",
+      "integrity": "sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.11.1.tgz",
+      "integrity": "sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.11.1.tgz",
+      "integrity": "sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.11.1.tgz",
+      "integrity": "sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.11.1.tgz",
+      "integrity": "sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.11.1.tgz",
+      "integrity": "sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.11.1.tgz",
+      "integrity": "sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.11.1.tgz",
+      "integrity": "sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.11.1.tgz",
+      "integrity": "sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@floating-ui/react-dom": "^2.0.0",
-        "@radix-ui/react-arrow": "1.1.4",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.0",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-layout-effect": "1.1.1",
-        "@radix-ui/react-use-rect": "1.1.1",
-        "@radix-ui/react-use-size": "1.1.1",
-        "@radix-ui/rect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@napi-rs/wasm-runtime": "^0.2.11"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
-      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.11.1.tgz",
+      "integrity": "sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.2.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
-    "node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
-      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.11.1.tgz",
+      "integrity": "sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
-    "node_modules/@radix-ui/react-portal": {
-      "version": "1.1.8",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.8.tgz",
-      "integrity": "sha512-hQsTUIn7p7fxCPvao/q6wpbxmCwgLrlz+nOrJgC+RwfZqWY/WN+UMqkXzrtKbPrF82P43eCTl3ekeKuyAQbFeg==",
+    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz",
+      "integrity": "sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.1.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@vercel/speed-insights": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@vercel/speed-insights/-/speed-insights-1.2.0.tgz",
+      "integrity": "sha512-y9GVzrUJ2xmgtQlzFP2KhVRoCglwfRQgjyfY607aU0hh0Un6d0OUyrJkjuAlsV18qR4zfoFPs/BiIj9YDS6Wzw==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
       "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@sveltejs/kit": "^1 || ^2",
+        "next": ">= 13",
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "svelte": ">= 4",
+        "vue": "^3",
+        "vue-router": "^4"
       },
       "peerDependenciesMeta": {
-        "@types/react": {
+        "@sveltejs/kit": {
           "optional": true
         },
-        "@types/react-dom": {
+        "next": {
           "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-presence": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.4.tgz",
-      "integrity": "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
+        },
+        "react": {
           "optional": true
         },
-        "@types/react-dom": {
+        "svelte": {
           "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.2.tgz",
-      "integrity": "sha512-uHa+l/lKfxuDD2zjN/0peM/RhhSmRjr5YWdk/37EnSv1nJ88uvG85DPexSm8HdFQROd2VdERJ6ynXbkCFi+APw==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.2.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
+        },
+        "vue": {
           "optional": true
         },
-        "@types/react-dom": {
+        "vue-router": {
           "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-progress": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.6.tgz",
-      "integrity": "sha512-QzN9a36nKk2eZKMf9EBCia35x3TT+SOgZuzQBVIHyRrmYYi73VYBRK3zKwdJ6az/F5IZ6QlacGJBg7zfB85liA==",
+    "node_modules/acorn": {
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "bin": {
+        "acorn": "bin/acorn"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=0.4.0"
       }
     },
-    "node_modules/@radix-ui/react-radio-group": {
-      "version": "1.3.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-radio-group/-/react-radio-group-1.3.7.tgz",
-      "integrity": "sha512-9w5XhD0KPOrm92OTTE0SysH3sYzHsSTHNvZgUBo/VZ80VdYyB5RneDbc0dKpURS24IxkoFRu/hI0i4XyfFwY6g==",
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.2",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-presence": "1.1.4",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-roving-focus": "1.1.10",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-use-previous": "1.1.1",
-        "@radix-ui/react-use-size": "1.1.1"
-      },
       "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
-    "node_modules/@radix-ui/react-radio-group/node_modules/@radix-ui/react-collection": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.7.tgz",
-      "integrity": "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==",
+    "node_modules/acorn-walk": {
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
+      "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-slot": "1.2.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "acorn": "^8.11.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz",
+      "integrity": "sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
       }
     },
-    "node_modules/@radix-ui/react-radio-group/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
-      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
       }
     },
-    "node_modules/@radix-ui/react-radio-group/node_modules/@radix-ui/react-roving-focus": {
-      "version": "1.1.10",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.10.tgz",
-      "integrity": "sha512-dT9aOXUen9JSsxnMPv/0VqySQf5eDQ6LCk5Sw28kamz8wSOW2bJdlX2Bg5VUIIcV+6XlHpWTIuTPCf/UNIyq8Q==",
+    "node_modules/ansi-escapes": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.2",
-        "@radix-ui/react-collection": "1.1.7",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-controllable-state": "1.2.2"
+        "type-fest": "^0.21.3"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=8"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@radix-ui/react-radio-group/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+    "node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=12"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
       }
     },
-    "node_modules/@radix-ui/react-roving-focus": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.7.tgz",
-      "integrity": "sha512-C6oAg451/fQT3EGbWHbCQjYTtbyjNO1uzQgMzwyivcHT3GKNEmu1q3UuREhN+HzHAVtv3ivMVK08QlC+PkYw9Q==",
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.2",
-        "@radix-ui/react-collection": "1.1.4",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-primitive": "2.1.0",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-controllable-state": "1.2.2"
+        "color-convert": "^2.0.1"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=8"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
-      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
-      "license": "MIT",
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "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==",
+      "license": "ISC",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.0"
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "license": "MIT"
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-hidden": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.4.tgz",
+      "integrity": "sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=10"
       }
     },
-    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
-      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
+      "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
+        "call-bind": "^1.0.5",
+        "is-array-buffer": "^3.0.4"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@radix-ui/react-scroll-area": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-scroll-area/-/react-scroll-area-1.2.5.tgz",
-      "integrity": "sha512-VyLjxI8/gXYn+Wij1FLpXjZp6Z/uNklUFQQ75tOpJNESeNaZ2kCRfjiEDmHgWmLeUPeJGwrqbgRmcdFjtYEkMA==",
+    "node_modules/array-includes": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
+      "integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/number": "1.1.1",
-        "@radix-ui/primitive": "1.1.2",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-presence": "1.1.3",
-        "@radix-ui/react-primitive": "2.1.0",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "is-string": "^1.0.7"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-presence": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.3.tgz",
-      "integrity": "sha512-IrVLIhskYhH3nLvtcBLQFZr61tBG7wx7O3kEmdzcYwRGAEBmBicGGL7ATzNgruYJ3xBTbuzEEq9OXJM3PAX3tA==",
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
-      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz",
+      "integrity": "sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.0"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
-      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@radix-ui/react-select": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.2.2.tgz",
-      "integrity": "sha512-HjkVHtBkuq+r3zUAZ/CvNWUGKPfuicGDbgtZgiQuFmNcV5F+Tgy24ep2nsAW2nFgvhGPJVqeBZa6KyVN0EyrBA==",
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/number": "1.1.1",
-        "@radix-ui/primitive": "1.1.2",
-        "@radix-ui/react-collection": "1.1.4",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.7",
-        "@radix-ui/react-focus-guards": "1.1.2",
-        "@radix-ui/react-focus-scope": "1.1.4",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-popper": "1.2.4",
-        "@radix-ui/react-portal": "1.1.6",
-        "@radix-ui/react-primitive": "2.1.0",
-        "@radix-ui/react-slot": "1.2.0",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1",
-        "@radix-ui/react-use-previous": "1.1.1",
-        "@radix-ui/react-visually-hidden": "1.2.0",
-        "aria-hidden": "^1.2.4",
-        "react-remove-scroll": "^2.6.3"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.7.tgz",
-      "integrity": "sha512-j5+WBUdhccJsmH5/H0K6RncjDtoALSEr6jbkaZu+bjw6hOPOhHycr6vEUujl+HBK8kjUfWcoCJXxP6e4lUlMZw==",
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.2",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.0",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-escape-keydown": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">= 0.4"
       }
     },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-focus-scope": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.4.tgz",
-      "integrity": "sha512-r2annK27lIW5w9Ho5NyQgqs0MmgZSTIKXWpVCJaLC1q2kZrZkcqnmHkCHMEmv8XLvsLlurKMPT+kbKkRkm/xVA==",
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.0",
-        "@radix-ui/react-use-callback-ref": "1.1.1"
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-portal": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.6.tgz",
-      "integrity": "sha512-XmsIl2z1n/TsYFLIdYam2rmFwf9OC/Sh2avkbmVMDuBZIe7hSpM0cYnWPAo7nHOVx8zTuwDZGByfcqLdnzp3Vw==",
+    "node_modules/ast-types-flow": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
+        "possible-typed-array-names": "^1.0.0"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.10.2",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.10.2.tgz",
+      "integrity": "sha512-RE3mdQ7P3FRSe7eqCWoeQ/Z9QXrtniSjp1wUjt5nRC3WIpz5rSCve6o3fsZ2aCpJtrZjSZgjwXAoTO5k4tEI0w==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">=4"
       }
     },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
-      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+    "node_modules/axios": {
+      "version": "1.8.4",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
+      "integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
       }
     },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
-      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
       }
     },
-    "node_modules/@radix-ui/react-separator": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.7.tgz",
-      "integrity": "sha512-0HEb8R9E8A+jZjvmFCy/J4xhbXy3TV+9XSnGJ3KvTtjlIUy/YQ/p6UYZvi7YbeoeXdyU9+Y3scizK6hkY37baA==",
+    "node_modules/babel-jest": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-30.0.4.tgz",
+      "integrity": "sha512-UjG2j7sAOqsp2Xua1mS/e+ekddkSu3wpf4nZUSvXNHuVWdaOUXQ77+uyjJLDE9i0atm5x4kds8K9yb5lRsRtcA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.1.3"
+        "@jest/transform": "30.0.4",
+        "@types/babel__core": "^7.20.5",
+        "babel-plugin-istanbul": "^7.0.0",
+        "babel-preset-jest": "30.0.1",
+        "chalk": "^4.1.2",
+        "graceful-fs": "^4.2.11",
+        "slash": "^3.0.0"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.11.0"
       }
     },
-    "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
-      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
-      "license": "MIT",
+    "node_modules/babel-plugin-istanbul": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-7.0.0.tgz",
+      "integrity": "sha512-C5OzENSx/A+gt7t4VH1I2XsflxyPUmXRFPKBxt33xncdOmq7oROVM3bZv9Ysjjkv8OJYDMa+tKuKMvqU/H3xdw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.3",
+        "istanbul-lib-instrument": "^6.0.2",
+        "test-exclude": "^6.0.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+    "node_modules/babel-plugin-jest-hoist": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-30.0.1.tgz",
+      "integrity": "sha512-zTPME3pI50NsFW8ZBaVIOeAxzEY7XHlmWeXXu9srI+9kNfzCUTy8MFan46xOGZY8NZThMqq+e3qZUKsvXbasnQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.27.3",
+        "@types/babel__core": "^7.20.5"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/@radix-ui/react-slot": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.2.tgz",
-      "integrity": "sha512-y7TBO4xN4Y94FvcWIOIh18fM4R1A8S4q1jhoz4PNzOoHsFcN8pogcFmZrTYAm4F9VRUrWP/Mw7xSKybIeRI+CQ==",
+    "node_modules/babel-plugin-polyfill-corejs2": {
+      "version": "0.4.14",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.14.tgz",
+      "integrity": "sha512-Co2Y9wX854ts6U8gAAPXfn0GmAyctHuK8n0Yhfjd6t30g7yvKjspvvOo9yG+z52PZRgFErt7Ka2pYnXCjLKEpg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
+        "@babel/compat-data": "^7.27.7",
+        "@babel/helper-define-polyfill-provider": "^0.6.5",
+        "semver": "^6.3.1"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
-    "node_modules/@radix-ui/react-tabs": {
-      "version": "1.1.9",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.9.tgz",
-      "integrity": "sha512-KIjtwciYvquiW/wAFkELZCVnaNLBsYNhTNcvl+zfMAbMhRkcvNuCLXDDd22L0j7tagpzVh/QwbFpwAATg7ILPw==",
+    "node_modules/babel-plugin-polyfill-corejs2/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs3": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.13.0.tgz",
+      "integrity": "sha512-U+GNwMdSFgzVmfhNm8GJUX88AadB3uo9KpJqS3FaqNIPKgySuvMb+bHPsOmmuWyIcuqZj/pzt1RUIUZns4y2+A==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-presence": "1.1.4",
-        "@radix-ui/react-primitive": "2.1.0",
-        "@radix-ui/react-roving-focus": "1.1.7",
-        "@radix-ui/react-use-controllable-state": "1.2.2"
+        "@babel/helper-define-polyfill-provider": "^0.6.5",
+        "core-js-compat": "^3.43.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
-      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+    "node_modules/babel-plugin-polyfill-regenerator": {
+      "version": "0.6.5",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.5.tgz",
+      "integrity": "sha512-ISqQ2frbiNU9vIJkzg7dlPpznPZ4jOiUQ1uSmB0fEHeowtN3COYRsXr/xexn64NpU13P06jc/L5TgiJXOgrbEg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.0"
+        "@babel/helper-define-polyfill-provider": "^0.6.5"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
-      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+    "node_modules/babel-preset-current-node-syntax": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.1.0.tgz",
+      "integrity": "sha512-ldYss8SbBlWva1bs28q78Ju5Zq1F+8BrqBZZ0VFhLBvhh6lCpC2o3gDJi/5DRLs9FgYZCnmPYIVFU4lRXCkyUw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
+        "@babel/plugin-syntax-async-generators": "^7.8.4",
+        "@babel/plugin-syntax-bigint": "^7.8.3",
+        "@babel/plugin-syntax-class-properties": "^7.12.13",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5",
+        "@babel/plugin-syntax-import-attributes": "^7.24.7",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-syntax-json-strings": "^7.8.3",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
+        "@babel/plugin-syntax-top-level-await": "^7.14.5"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@radix-ui/react-tooltip": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.4.tgz",
-      "integrity": "sha512-DyW8VVeeMSSLFvAmnVnCwvI3H+1tpJFHT50r+tdOoMse9XqYDBCcyux8u3G2y+LOpt7fPQ6KKH0mhs+ce1+Z5w==",
+    "node_modules/babel-preset-jest": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-30.0.1.tgz",
+      "integrity": "sha512-+YHejD5iTWI46cZmcc/YtX4gaKBtdqCHCVfuVinizVpbmyjO3zYmeuyFdfA8duRqQZfgCAMlsfmkVbJ+e2MAJw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.2",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-dismissable-layer": "1.1.7",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-popper": "1.2.4",
-        "@radix-ui/react-portal": "1.1.6",
-        "@radix-ui/react-presence": "1.1.4",
-        "@radix-ui/react-primitive": "2.1.0",
-        "@radix-ui/react-slot": "1.2.0",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-visually-hidden": "1.2.0"
+        "babel-plugin-jest-hoist": "30.0.1",
+        "babel-preset-current-node-syntax": "^1.1.0"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "@babel/core": "^7.11.0"
       }
     },
-    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.7.tgz",
-      "integrity": "sha512-j5+WBUdhccJsmH5/H0K6RncjDtoALSEr6jbkaZu+bjw6hOPOhHycr6vEUujl+HBK8kjUfWcoCJXxP6e4lUlMZw==",
-      "license": "MIT",
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "license": "MIT"
+    },
+    "node_modules/bin-links": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/bin-links/-/bin-links-5.0.0.tgz",
+      "integrity": "sha512-sdleLVfCjBtgO5cNjA2HVRvWBJAHs4zwenaCPMNJAJU0yNxpzj80IpjOIimkpkr+mhlA+how5poQtt53PygbHA==",
+      "dev": true,
+      "license": "ISC",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.2",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.0",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-escape-keydown": "1.1.1"
+        "cmd-shim": "^7.0.0",
+        "npm-normalize-package-bin": "^4.0.0",
+        "proc-log": "^5.0.0",
+        "read-cmd-shim": "^5.0.0",
+        "write-file-atomic": "^6.0.0"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-portal": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.6.tgz",
-      "integrity": "sha512-XmsIl2z1n/TsYFLIdYam2rmFwf9OC/Sh2avkbmVMDuBZIe7hSpM0cYnWPAo7nHOVx8zTuwDZGByfcqLdnzp3Vw==",
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
       }
     },
-    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
-      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "fill-range": "^7.1.1"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
-      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
+    "node_modules/browserslist": {
+      "version": "4.25.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.1.tgz",
+      "integrity": "sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
+        "caniuse-lite": "^1.0.30001726",
+        "electron-to-chromium": "^1.5.173",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.3"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "bin": {
+        "browserslist": "cli.js"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
-    "node_modules/@radix-ui/react-use-callback-ref": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
-      "integrity": "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==",
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+    "node_modules/bser": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
+      "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "node-int64": "^0.4.0"
       }
     },
-    "node_modules/@radix-ui/react-use-controllable-state": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
-      "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
-      "license": "MIT",
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
       "dependencies": {
-        "@radix-ui/react-use-effect-event": "0.0.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "streamsearch": "^1.1.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=10.16.0"
       }
     },
-    "node_modules/@radix-ui/react-use-effect-event": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz",
-      "integrity": "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==",
+    "node_modules/call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.1"
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@radix-ui/react-use-escape-keydown": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.1.tgz",
-      "integrity": "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==",
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz",
+      "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-use-callback-ref": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">= 0.4"
       }
     },
-    "node_modules/@radix-ui/react-use-is-hydrated": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-is-hydrated/-/react-use-is-hydrated-0.1.0.tgz",
-      "integrity": "sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==",
+    "node_modules/call-bound": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
+      "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "use-sync-external-store": "^1.5.0"
+        "call-bind-apply-helpers": "^1.0.1",
+        "get-intrinsic": "^1.2.6"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@radix-ui/react-use-layout-effect": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
-      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
       "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=6"
       }
     },
-    "node_modules/@radix-ui/react-use-previous": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.1.tgz",
-      "integrity": "sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==",
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true,
       "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "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==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001727",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001727.tgz",
+      "integrity": "sha512-pB68nIHmbN6L/4C6MH1DokyR3bYqFwjaSs/sWDHGj4CTcFtQUQMuJftVwWkXq7mNWOybD3KhUv3oWHoGxgP14Q==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
         }
-      }
+      ],
+      "license": "CC-BY-4.0"
     },
-    "node_modules/@radix-ui/react-use-rect": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.1.tgz",
-      "integrity": "sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==",
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/rect": "1.1.1"
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">=10"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/@radix-ui/react-use-size": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.1.tgz",
-      "integrity": "sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==",
+    "node_modules/char-regex": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
+      "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=10"
       }
     },
-    "node_modules/@radix-ui/react-visually-hidden": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.0.tgz",
-      "integrity": "sha512-rQj0aAWOpCdCMRbI6pLQm8r7S2BM3YhTa0SzOYD55k+hJA8oo9J+H+9wLM9oMlZWOX/wJWPTzfDfmZkf7LvCfg==",
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.1.0"
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      "engines": {
+        "node": ">= 8.10.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
       }
     },
-    "node_modules/@radix-ui/react-visually-hidden/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.0.tgz",
-      "integrity": "sha512-/J/FhLdK0zVcILOwt5g+dH4KnkonCtkVJsa2G6JmvbbtZfBEI1gMsO3QMjseL4F/SwfAMt1Vc/0XKYKq+xJ1sw==",
-      "license": "MIT",
+    "node_modules/chokidar/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==",
+      "license": "ISC",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "is-glob": "^4.0.1"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">= 6"
       }
     },
-    "node_modules/@radix-ui/react-visually-hidden/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.0.tgz",
-      "integrity": "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
+    "node_modules/chownr": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+      "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-4.3.0.tgz",
+      "integrity": "sha512-l+2bNRMiQgcfILUi33labAZYIWlH1kWDp+ecNo5iisRKrbm0xcRyCww71/YU0Fkw0mAFpz9bJayXPjey6vkmaQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
         }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/@radix-ui/rect": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.1.tgz",
-      "integrity": "sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==",
+    "node_modules/cjs-module-lexer": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-2.1.0.tgz",
+      "integrity": "sha512-UX0OwmYRYQQetfrLEZeewIFFI+wSTofC+pMBLNuH3RUuu/xzG1oz84UCEDOSoQlN3fZ4+AzmV50ZYvGqkMh9yA==",
+      "dev": true,
       "license": "MIT"
     },
-    "node_modules/@reduxjs/toolkit": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-2.5.0.tgz",
-      "integrity": "sha512-awNe2oTodsZ6LmRqmkFhtb/KH03hUhxOamEQy411m3Njj3BbFvoBovxo4Q1cBWnV1ErprVj9MlF0UPXkng0eyg==",
-      "license": "MIT",
+    "node_modules/class-variance-authority": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
+      "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
+      "license": "Apache-2.0",
       "dependencies": {
-        "immer": "^10.0.3",
-        "redux": "^5.0.1",
-        "redux-thunk": "^3.1.0",
-        "reselect": "^5.1.0"
-      },
-      "peerDependencies": {
-        "react": "^16.9.0 || ^17.0.0 || ^18 || ^19",
-        "react-redux": "^7.2.1 || ^8.1.3 || ^9.0.0"
+        "clsx": "^2.1.1"
       },
-      "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        },
-        "react-redux": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://polar.sh/cva"
       }
     },
-    "node_modules/@rtsao/scc": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
-      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
-      "dev": true,
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
       "license": "MIT"
     },
-    "node_modules/@rushstack/eslint-patch": {
-      "version": "1.10.4",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.4.tgz",
-      "integrity": "sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==",
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
       "dev": true,
-      "license": "MIT"
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
     },
-    "node_modules/@supabase/auth-js": {
-      "version": "2.70.0",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.70.0.tgz",
-      "integrity": "sha512-BaAK/tOAZFJtzF1sE3gJ2FwTjLf4ky3PSvcvLGEgEmO4BSBkwWKu8l67rLLIBZPDnCyV7Owk2uPyKHa0kj5QGg==",
+    "node_modules/cliui/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@supabase/node-fetch": "^2.6.14"
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/@supabase/functions-js": {
-      "version": "2.4.4",
-      "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.4.4.tgz",
-      "integrity": "sha512-WL2p6r4AXNGwop7iwvul2BvOtuJ1YQy8EbOd0dhG1oN1q8el/BIRSFCFnWAMM/vJJlHWLi4ad22sKbKr9mvjoA==",
+    "node_modules/cliui/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cliui/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@supabase/node-fetch": "^2.6.14"
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/@supabase/node-fetch": {
-      "version": "2.6.15",
-      "resolved": "https://registry.npmjs.org/@supabase/node-fetch/-/node-fetch-2.6.15.tgz",
-      "integrity": "sha512-1ibVeYUacxWYi9i0cf5efil6adJ9WRyZBLivgjs+AUpewx1F3xPi7gLgaASI2SmIQxPoCEjAsLAzKPgMJVgOUQ==",
+    "node_modules/cliui/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "whatwg-url": "^5.0.0"
+        "ansi-regex": "^5.0.1"
       },
       "engines": {
-        "node": "4.x || >=6.0.0"
+        "node": ">=8"
       }
     },
-    "node_modules/@supabase/postgrest-js": {
-      "version": "1.19.4",
-      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-1.19.4.tgz",
-      "integrity": "sha512-O4soKqKtZIW3olqmbXXbKugUtByD2jPa8kL2m2c1oozAO11uCcGrRhkZL0kVxjBLrXHE0mdSkFsMj7jDSfyNpw==",
+    "node_modules/cliui/node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@supabase/node-fetch": "^2.6.14"
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
-    "node_modules/@supabase/realtime-js": {
-      "version": "2.11.10",
-      "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.11.10.tgz",
-      "integrity": "sha512-SJKVa7EejnuyfImrbzx+HaD9i6T784khuw1zP+MBD7BmJYChegGxYigPzkKX8CK8nGuDntmeSD3fvriaH0EGZA==",
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
       "license": "MIT",
-      "dependencies": {
-        "@supabase/node-fetch": "^2.6.13",
-        "@types/phoenix": "^1.6.6",
-        "@types/ws": "^8.18.1",
-        "ws": "^8.18.2"
+      "engines": {
+        "node": ">=6"
       }
     },
-    "node_modules/@supabase/ssr": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/@supabase/ssr/-/ssr-0.6.1.tgz",
-      "integrity": "sha512-QtQgEMvaDzr77Mk3vZ3jWg2/y+D8tExYF7vcJT+wQ8ysuvOeGGjYbZlvj5bHYsj/SpC0bihcisnwPrM4Gp5G4g==",
-      "license": "MIT",
-      "dependencies": {
-        "cookie": "^1.0.1"
-      },
-      "peerDependencies": {
-        "@supabase/supabase-js": "^2.43.4"
+    "node_modules/cmd-shim": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/cmd-shim/-/cmd-shim-7.0.0.tgz",
+      "integrity": "sha512-rtpaCbr164TPPh+zFdkWpCyZuKkjpAzODfaZCf/SVJZzJN+4bHQb/LP3Jzq5/+84um3XXY8r548XiWKSborwVw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
       }
     },
-    "node_modules/@supabase/storage-js": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.7.1.tgz",
-      "integrity": "sha512-asYHcyDR1fKqrMpytAS1zjyEfvxuOIp1CIXX7ji4lHHcJKqyk+sLl/Vxgm4sN6u8zvuUtae9e4kDxQP2qrwWBA==",
+    "node_modules/co": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
+      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@supabase/node-fetch": "^2.6.14"
+      "engines": {
+        "iojs": ">= 1.0.0",
+        "node": ">= 0.12.0"
       }
     },
-    "node_modules/@supabase/supabase-js": {
-      "version": "2.50.0",
-      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.50.0.tgz",
-      "integrity": "sha512-M1Gd5tPaaghYZ9OjeO1iORRqbTWFEz/cF3pPubRnMPzA+A8SiUsXXWDP+DWsASZcjEcVEcVQIAF38i5wrijYOg==",
+    "node_modules/codemirror": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-6.0.1.tgz",
+      "integrity": "sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==",
       "license": "MIT",
       "dependencies": {
-        "@supabase/auth-js": "2.70.0",
-        "@supabase/functions-js": "2.4.4",
-        "@supabase/node-fetch": "2.6.15",
-        "@supabase/postgrest-js": "1.19.4",
-        "@supabase/realtime-js": "2.11.10",
-        "@supabase/storage-js": "2.7.1"
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/commands": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/search": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
       }
     },
-    "node_modules/@swc/counter": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
-      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
-      "license": "Apache-2.0"
+    "node_modules/collect-v8-coverage": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz",
+      "integrity": "sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==",
+      "dev": true,
+      "license": "MIT"
     },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.15",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
-      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
-      "license": "Apache-2.0",
+    "node_modules/color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "tslib": "^2.8.0"
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=12.5.0"
       }
     },
-    "node_modules/@tanstack/react-table": {
-      "version": "8.21.2",
-      "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.21.2.tgz",
-      "integrity": "sha512-11tNlEDTdIhMJba2RBH+ecJ9l1zgS2kjmexDPAraulc8jeNA4xocSNeyzextT0XJyASil4XsCYlJmf5jEWAtYg==",
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
       "license": "MIT",
       "dependencies": {
-        "@tanstack/table-core": "8.21.2"
+        "color-name": "~1.1.4"
       },
       "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/tannerlinsley"
-      },
-      "peerDependencies": {
-        "react": ">=16.8",
-        "react-dom": ">=16.8"
+        "node": ">=7.0.0"
       }
     },
-    "node_modules/@tanstack/react-virtual": {
-      "version": "3.13.9",
-      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.9.tgz",
-      "integrity": "sha512-SPWC8kwG/dWBf7Py7cfheAPOxuvIv4fFQ54PdmYbg7CpXfsKxkucak43Q0qKsxVthhUJQ1A7CIMAIplq4BjVwA==",
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@tanstack/virtual-core": "3.13.9"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/tannerlinsley"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
       }
     },
-    "node_modules/@tanstack/table-core": {
-      "version": "8.21.2",
-      "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.21.2.tgz",
-      "integrity": "sha512-uvXk/U4cBiFMxt+p9/G7yUWI/UbHYbyghLCjlpWZ3mLeIZiUBSKcUnw9UnKkdRz7Z/N4UBuFLWQdJCjUe7HjvA==",
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
       "license": "MIT",
-      "engines": {
-        "node": ">=12"
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/tannerlinsley"
+      "engines": {
+        "node": ">= 0.8"
       }
     },
-    "node_modules/@tanstack/virtual-core": {
-      "version": "3.13.9",
-      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.9.tgz",
-      "integrity": "sha512-3jztt0jpaoJO5TARe2WIHC1UQC3VMLAFUW5mmMo0yrkwtDB2AQP0+sh10BVUpWrnvHjSLvzFizydtEGLCJKFoQ==",
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
       "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/tannerlinsley"
+      "engines": {
+        "node": ">= 6"
       }
     },
-    "node_modules/@types/d3-array": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.1.tgz",
-      "integrity": "sha512-Y2Jn2idRrLzUfAKV2LyRImR+y4oa2AntrgID95SHJxuMUrkNXmanDSed71sRNZysveJVt1hLLemQZIady0FpEg==",
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-color": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
-      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
-      "license": "MIT"
-    },
-    "node_modules/@types/d3-ease": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
-      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
       "license": "MIT"
     },
-    "node_modules/@types/d3-interpolate": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
-      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/d3-color": "*"
-      }
-    },
-    "node_modules/@types/d3-path": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
-      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
       "license": "MIT"
     },
-    "node_modules/@types/d3-scale": {
-      "version": "4.0.9",
-      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
-      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
+    "node_modules/cookie": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.0.2.tgz",
+      "integrity": "sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==",
       "license": "MIT",
-      "dependencies": {
-        "@types/d3-time": "*"
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@types/d3-shape": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.7.tgz",
-      "integrity": "sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==",
+    "node_modules/core-js-compat": {
+      "version": "3.44.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.44.0.tgz",
+      "integrity": "sha512-JepmAj2zfl6ogy34qfWtcE7nHKAJnKsQFRn++scjVS2bZFllwptzw61BZcZFYBPpUznLfAvh0LGhxKppk04ClA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/d3-path": "*"
+        "browserslist": "^4.25.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
       }
     },
-    "node_modules/@types/d3-time": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
-      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
+    "node_modules/create-require": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
+      "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
       "license": "MIT"
     },
-    "node_modules/@types/d3-timer": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
-      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
+    "node_modules/crelt": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
+      "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
       "license": "MIT"
     },
-    "node_modules/@types/estree": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
-      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/css.escape": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@types/hoist-non-react-statics": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.6.tgz",
-      "integrity": "sha512-lPByRJUer/iN/xa4qpyL0qmL11DqNW81iU/IG1S3uvRUq4oKagz8VCxZjiWkumgt66YT3vOdDgZ0o32sGKtCEw==",
-      "dev": true,
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
       "license": "MIT",
-      "dependencies": {
-        "@types/react": "*",
-        "hoist-non-react-statics": "^3.3.0"
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
       }
     },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.15",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+    "node_modules/cssstyle": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.6.0.tgz",
+      "integrity": "sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/css-color": "^3.2.0",
+        "rrweb-cssom": "^0.8.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
     },
-    "node_modules/@types/json5": {
-      "version": "0.0.29",
-      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-      "dev": true,
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
       "license": "MIT"
     },
-    "node_modules/@types/node": {
-      "version": "20.17.10",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.10.tgz",
-      "integrity": "sha512-/jrvh5h6NXhEauFFexRin69nA0uHJ5gwk4iDivp/DeoEua3uwCUto6PC86IpRITBOs4+6i2I56K5x5b6WYGXHA==",
-      "license": "MIT",
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "license": "ISC",
       "dependencies": {
-        "undici-types": "~6.19.2"
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/@types/phoenix": {
-      "version": "1.6.6",
-      "resolved": "https://registry.npmjs.org/@types/phoenix/-/phoenix-1.6.6.tgz",
-      "integrity": "sha512-PIzZZlEppgrpoT2QgbnDU+MMzuR6BbCjllj0bM70lWoejMeNJAxCchxnv7J3XFkI8MpygtRpzXrIlmWUBclP5A==",
-      "license": "MIT"
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
     },
-    "node_modules/@types/react": {
-      "version": "19.0.1",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.1.tgz",
-      "integrity": "sha512-YW6614BDhqbpR5KtUYzTA+zlA7nayzJRA9ljz9CQoxthR0sDisYZLuvSMsil36t4EH/uAt8T52Xb4sVw17G+SQ==",
-      "license": "MIT",
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
+      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "license": "ISC",
       "dependencies": {
-        "csstype": "^3.0.2"
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/@types/react-dom": {
-      "version": "19.0.2",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.0.2.tgz",
-      "integrity": "sha512-c1s+7TKFaDRRxr1TxccIX2u7sfCnc3RxkVyBIUA2lCpyqCF+QoAwQ/CBg7bsMdVwP120HEH143VQezKtef5nCg==",
-      "devOptional": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "^19.0.0"
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/@types/react-redux": {
-      "version": "7.1.34",
-      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.34.tgz",
-      "integrity": "sha512-GdFaVjEbYv4Fthm2ZLvj1VSCedV7TqE5y1kNwnjSdBOTXuRSgowux6J8TAct15T3CKBr63UMk+2CO7ilRhyrAQ==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "license": "ISC",
       "dependencies": {
-        "@types/hoist-non-react-statics": "^3.3.0",
-        "@types/react": "*",
-        "hoist-non-react-statics": "^3.3.0",
-        "redux": "^4.0.0"
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/@types/react-redux/node_modules/redux": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
-      "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "license": "ISC",
       "dependencies": {
-        "@babel/runtime": "^7.9.2"
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/@types/react-window": {
-      "version": "1.8.8",
-      "resolved": "https://registry.npmjs.org/@types/react-window/-/react-window-1.8.8.tgz",
-      "integrity": "sha512-8Ls660bHR1AUA2kuRvVG9D/4XpRC6wjAaPT9dil7Ckc76eP9TKWZwwmgfq8Q1LANX3QNDnoU4Zp48A3w+zK69Q==",
-      "license": "MIT",
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "license": "ISC",
       "dependencies": {
-        "@types/react": "*"
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/@types/use-sync-external-store": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz",
-      "integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==",
-      "license": "MIT"
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
     },
-    "node_modules/@types/ws": {
-      "version": "8.18.1",
-      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
-      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/data-uri-to-buffer": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
+      "integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
+      "engines": {
+        "node": ">= 12"
       }
     },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.18.0.tgz",
-      "integrity": "sha512-NR2yS7qUqCL7AIxdJUQf2MKKNDVNaig/dEB0GBLU7D+ZdHgK1NoH/3wsgO3OnPVipn51tG3MAwaODEGil70WEw==",
+    "node_modules/data-urls": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
+      "integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.18.0",
-        "@typescript-eslint/type-utils": "8.18.0",
-        "@typescript-eslint/utils": "8.18.0",
-        "@typescript-eslint/visitor-keys": "8.18.0",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.3.1",
-        "natural-compare": "^1.4.0",
-        "ts-api-utils": "^1.3.0"
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.0.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.0.0 || ^8.0.0-alpha.0",
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <5.8.0"
+        "node": ">=18"
       }
     },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.18.0.tgz",
-      "integrity": "sha512-hgUZ3kTEpVzKaK3uNibExUYm6SKKOmTU2BOxBSvOYwtJEPdVQ70kZJpPjstlnhCHcuc2WGfSbpKlb/69ttyN5Q==",
+    "node_modules/data-urls/node_modules/tr46": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.1.1.tgz",
+      "integrity": "sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==",
       "dev": true,
-      "license": "MITClause",
+      "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.18.0",
-        "@typescript-eslint/types": "8.18.0",
-        "@typescript-eslint/typescript-estree": "8.18.0",
-        "@typescript-eslint/visitor-keys": "8.18.0",
-        "debug": "^4.3.4"
+        "punycode": "^2.3.1"
       },
       "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",
-        "typescript": ">=4.8.4 <5.8.0"
+        "node": ">=18"
       }
     },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.18.0.tgz",
-      "integrity": "sha512-PNGcHop0jkK2WVYGotk/hxj+UFLhXtGPiGtiaWgVBVP1jhMoMCHlTyJA+hEj4rszoSdLTK3fN4oOatrL0Cp+Xw==",
+    "node_modules/data-urls/node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/data-urls/node_modules/whatwg-url": {
+      "version": "14.2.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.2.0.tgz",
+      "integrity": "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.18.0",
-        "@typescript-eslint/visitor-keys": "8.18.0"
+        "tr46": "^5.1.0",
+        "webidl-conversions": "^7.0.0"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "node": ">=18"
       }
     },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.18.0.tgz",
-      "integrity": "sha512-er224jRepVAVLnMF2Q7MZJCq5CsdH2oqjP4dT7K6ij09Kyd+R21r7UVJrF0buMVdZS5QRhDzpvzAxHxabQadow==",
+    "node_modules/data-view-buffer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
+      "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "8.18.0",
-        "@typescript-eslint/utils": "8.18.0",
-        "debug": "^4.3.4",
-        "ts-api-utils": "^1.3.0"
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <5.8.0"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@typescript-eslint/types": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.18.0.tgz",
-      "integrity": "sha512-FNYxgyTCAnFwTrzpBGq+zrnoTO4x0c1CKYY5MuUTzpScqmY5fmsh2o3+57lqdI3NZucBDCzDgdEbIaNfAjAHQA==",
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
+      "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.18.0.tgz",
-      "integrity": "sha512-rqQgFRu6yPkauz+ms3nQpohwejS8bvgbPyIDq13cgEDbkXt4LH4OkDMT0/fN1RUtzG8e8AKJyDBoocuQh8qNeg==",
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.18.0",
-        "@typescript-eslint/visitor-keys": "8.18.0",
-        "debug": "^4.3.4",
-        "fast-glob": "^3.3.2",
-        "is-glob": "^4.0.3",
-        "minimatch": "^9.0.4",
-        "semver": "^7.6.0",
-        "ts-api-utils": "^1.3.0"
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <5.8.0"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
+    "node_modules/date-fns": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
+      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
       "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/fast-glob": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+    "node_modules/debug": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
+      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
       "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"
+        "ms": "^2.1.3"
       },
       "engines": {
-        "node": ">=8.6.0"
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/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==",
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
+      "license": "MIT"
+    },
+    "node_modules/decimal.js-light": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/decimal.js-light/-/decimal.js-light-2.5.1.tgz",
+      "integrity": "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==",
+      "license": "MIT"
+    },
+    "node_modules/dedent": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.6.0.tgz",
+      "integrity": "sha512-F1Z+5UCFpmQUzJa11agbyPVMbpgT/qA3/SKyJ1jyBgm7dUcUEa8v9JwDkerSQXfakBwFljIxhOJqGkjUwZ9FSA==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "babel-plugin-macros": "^3.1.0"
       },
+      "peerDependenciesMeta": {
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">= 6"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.18.0.tgz",
-      "integrity": "sha512-p6GLdY383i7h5b0Qrfbix3Vc3+J2k6QWw6UMUeY5JGfm3C5LbZ4QIZzJNoNOfgyRe0uuYKjvVOsO/jD4SJO+xg==",
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@eslint-community/eslint-utils": "^4.4.0",
-        "@typescript-eslint/scope-manager": "8.18.0",
-        "@typescript-eslint/types": "8.18.0",
-        "@typescript-eslint/typescript-estree": "8.18.0"
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <5.8.0"
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/detect-newline": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
+      "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/detect-node-es": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
+      "license": "MIT"
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/diff": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.3.1"
       }
     },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.18.0.tgz",
-      "integrity": "sha512-pCh/qEA8Lb1wVIqNvBke8UaRjJ6wrAWkJO5yyIbs8Yx6TNGYyfNjOo61tLv+WwLvoLPp4BQ8B7AHKijl8NGUfw==",
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "license": "MIT"
+    },
+    "node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@typescript-eslint/types": "8.18.0",
-        "eslint-visitor-keys": "^4.2.0"
+        "esutils": "^2.0.2"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/@uiw/codemirror-extensions-basic-setup": {
-      "version": "4.23.12",
-      "resolved": "https://registry.npmjs.org/@uiw/codemirror-extensions-basic-setup/-/codemirror-extensions-basic-setup-4.23.12.tgz",
-      "integrity": "sha512-l9vuiXOTFDBetYrRLDmz3jDxQHDsrVAZ2Y6dVfmrqi2AsulsDu+y7csW0JsvaMqo79rYkaIZg8yeqmDgMb7VyQ==",
+    "node_modules/dom-accessibility-api": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@codemirror/autocomplete": "^6.0.0",
-        "@codemirror/commands": "^6.0.0",
-        "@codemirror/language": "^6.0.0",
-        "@codemirror/lint": "^6.0.0",
-        "@codemirror/search": "^6.0.0",
-        "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.0.0"
-      },
-      "funding": {
-        "url": "https://jaywcjlove.github.io/#/sponsor"
-      },
-      "peerDependencies": {
-        "@codemirror/autocomplete": ">=6.0.0",
-        "@codemirror/commands": ">=6.0.0",
-        "@codemirror/language": ">=6.0.0",
-        "@codemirror/lint": ">=6.0.0",
-        "@codemirror/search": ">=6.0.0",
-        "@codemirror/state": ">=6.0.0",
-        "@codemirror/view": ">=6.0.0"
-      }
+      "peer": true
     },
-    "node_modules/@uiw/react-codemirror": {
-      "version": "4.23.12",
-      "resolved": "https://registry.npmjs.org/@uiw/react-codemirror/-/react-codemirror-4.23.12.tgz",
-      "integrity": "sha512-yseqWdzoAAGAW7i/NiU8YrfSLVOEBjQvSx1KpDTFVV/nn0AlAZoDVTIPEBgdXrPlVUQoCrwgpEaj3uZCklk9QA==",
+    "node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.18.6",
-        "@codemirror/commands": "^6.1.0",
-        "@codemirror/state": "^6.1.1",
-        "@codemirror/theme-one-dark": "^6.0.0",
-        "@uiw/codemirror-extensions-basic-setup": "4.23.12",
-        "codemirror": "^6.0.0"
-      },
-      "funding": {
-        "url": "https://jaywcjlove.github.io/#/sponsor"
-      },
-      "peerDependencies": {
-        "@babel/runtime": ">=7.11.0",
-        "@codemirror/state": ">=6.0.0",
-        "@codemirror/theme-one-dark": ">=6.0.0",
-        "@codemirror/view": ">=6.0.0",
-        "codemirror": ">=6.0.0",
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-      }
-    },
-    "node_modules/@vercel/speed-insights": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@vercel/speed-insights/-/speed-insights-1.2.0.tgz",
-      "integrity": "sha512-y9GVzrUJ2xmgtQlzFP2KhVRoCglwfRQgjyfY607aU0hh0Un6d0OUyrJkjuAlsV18qR4zfoFPs/BiIj9YDS6Wzw==",
-      "hasInstallScript": true,
-      "license": "Apache-2.0",
-      "peerDependencies": {
-        "@sveltejs/kit": "^1 || ^2",
-        "next": ">= 13",
-        "react": "^18 || ^19 || ^19.0.0-rc",
-        "svelte": ">= 4",
-        "vue": "^3",
-        "vue-router": "^4"
-      },
-      "peerDependenciesMeta": {
-        "@sveltejs/kit": {
-          "optional": true
-        },
-        "next": {
-          "optional": true
-        },
-        "react": {
-          "optional": true
-        },
-        "svelte": {
-          "optional": true
-        },
-        "vue": {
-          "optional": true
-        },
-        "vue-router": {
-          "optional": true
-        }
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
       }
     },
-    "node_modules/acorn": {
-      "version": "8.14.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
-      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
+    "node_modules/dunder-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.0.tgz",
+      "integrity": "sha512-9+Sj30DIu+4KvHqMfLUGLFYL2PkURSYMVXJyXe92nFRvlYq5hBjLEhblKB+vkd/WVlUYMWigiY07T91Fkk0+4A==",
       "dev": true,
       "license": "MIT",
-      "bin": {
-        "acorn": "bin/acorn"
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
       },
       "engines": {
-        "node": ">=0.4.0"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.181",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.181.tgz",
+      "integrity": "sha512-+ISMj8OIQ+0qEeDj14Rt8WwcTOiqHyAB+5bnK1K7xNNLjBJ4hRCQfUkw8RWtcLbfBzDwc15ZnKH0c7SNOfwiyA==",
       "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
+      "license": "ISC"
     },
-    "node_modules/agent-base": {
-      "version": "7.1.3",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz",
-      "integrity": "sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==",
+    "node_modules/emittery": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.13.1.tgz",
+      "integrity": "sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 14"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/emittery?sponsor=1"
       }
     },
-    "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "license": "MIT"
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
+      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
+      "engines": {
+        "node": ">=10.13.0"
       }
     },
-    "node_modules/ansi-regex": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "license": "MIT",
+    "node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
       "engines": {
-        "node": ">=12"
+        "node": ">=0.12"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+        "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "color-convert": "^2.0.1"
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/error-ex/node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/es-abstract": {
+      "version": "1.23.6",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.6.tgz",
+      "integrity": "sha512-Ifco6n3yj2tMZDWNLyloZrytt9lqqlwvS83P3HtaETR0NUOYnIULGGHpktqYGObGy+8wc1okO25p8TjemhImvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "data-view-buffer": "^1.0.1",
+        "data-view-byte-length": "^1.0.1",
+        "data-view-byte-offset": "^1.0.0",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-set-tostringtag": "^2.0.3",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.7",
+        "get-intrinsic": "^1.2.6",
+        "get-symbol-description": "^1.0.2",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.4",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-shared-array-buffer": "^1.0.3",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.13",
+        "is-weakref": "^1.1.0",
+        "math-intrinsics": "^1.0.0",
+        "object-inspect": "^1.13.3",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.5",
+        "regexp.prototype.flags": "^1.5.3",
+        "safe-array-concat": "^1.1.3",
+        "safe-regex-test": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.2",
+        "typed-array-byte-length": "^1.0.1",
+        "typed-array-byte-offset": "^1.0.3",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.16"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/any-promise": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "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==",
-      "license": "ISC",
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">= 8"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/arg": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "license": "MIT"
-    },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
       "dev": true,
-      "license": "Python-2.0"
-    },
-    "node_modules/aria-hidden": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.4.tgz",
-      "integrity": "sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==",
       "license": "MIT",
-      "dependencies": {
-        "tslib": "^2.0.0"
-      },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/aria-query": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
-      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+    "node_modules/es-hangul": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/es-hangul/-/es-hangul-2.3.0.tgz",
+      "integrity": "sha512-4Z5JYt5tDTQpxlLhJ1GtyMOOkjgN5h6zKcHoQyKf/p1DIH0wWyBZFoRTy5ImQ+DUOwntKxNJCz2NWe6YfIU1aQ==",
+      "license": "MIT",
+      "workspaces": [
+        ".",
+        "docs",
+        "benchmarks"
+      ]
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.0.tgz",
+      "integrity": "sha512-tpxqxncxnpw3c93u8n3VOzACmRFoVmWJqbWXvX/JfKbkhBw1oslgPrUfeSt2psuqyEJFD6N/9lg5i7bsKpoq+Q==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.0.3",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.0.3",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.7",
+        "iterator.prototype": "^1.1.3",
+        "safe-array-concat": "^1.1.2"
+      },
       "engines": {
         "node": ">= 0.4"
       }
     },
-    "node_modules/array-buffer-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
-      "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
+    "node_modules/es-object-atoms": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
+      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.5",
-        "is-array-buffer": "^3.0.4"
+        "es-errors": "^1.3.0"
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/array-includes": {
-      "version": "3.1.8",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
-      "integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
+    "node_modules/es-set-tostringtag": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
+      "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-object-atoms": "^1.0.0",
         "get-intrinsic": "^1.2.4",
-        "is-string": "^1.0.7"
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.1"
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/array.prototype.findlast": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
-      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+    "node_modules/es-shim-unscopables": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
+      "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "es-shim-unscopables": "^1.0.2"
+        "hasown": "^2.0.0"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
       },
       "engines": {
         "node": ">= 0.4"
@@ -3786,816 +8799,882 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/array.prototype.findlastindex": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz",
-      "integrity": "sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==",
+    "node_modules/es-toolkit": {
+      "version": "1.37.2",
+      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.37.2.tgz",
+      "integrity": "sha512-ADDfk+pPFF0ofMpRAIc6on01p8heiuwuuJsYLzTP4UOjxVK9QsE2+0D1Q4J/zX2XBo6ac+27H5++YBIwmGAX/g==",
+      "license": "MIT",
+      "workspaces": [
+        "docs",
+        "benchmarks"
+      ]
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "es-shim-unscopables": "^1.0.2"
-      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/array.prototype.flat": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
-      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+    "node_modules/eslint": {
+      "version": "9.17.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.17.0.tgz",
+      "integrity": "sha512-evtlNcpJg+cZLcnVKwsai8fExnqjGPicK7gnUtlNuzu+Fv9bI0aLpND5T44VLQtoMEnI57LoXO9XAkIXwohKrA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.5",
-        "es-shim-unscopables": "^1.0.2"
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.19.0",
+        "@eslint/core": "^0.9.0",
+        "@eslint/eslintrc": "^3.2.0",
+        "@eslint/js": "9.17.0",
+        "@eslint/plugin-kit": "^0.2.3",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.1",
+        "@types/estree": "^1.0.6",
+        "@types/json-schema": "^7.0.15",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.2.0",
+        "eslint-visitor-keys": "^4.2.0",
+        "espree": "^10.3.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
       }
-    },
-    "node_modules/array.prototype.flatmap": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
-      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+    },
+    "node_modules/eslint-config-next": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-15.1.0.tgz",
+      "integrity": "sha512-gADO+nKVseGso3DtOrYX9H7TxB/MuX7AUYhMlvQMqLYvUWu4HrOQuU7cC1HW74tHIqkAvXdwgAz3TCbczzSEXw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.5",
-        "es-shim-unscopables": "^1.0.2"
+        "@next/eslint-plugin-next": "15.1.0",
+        "@rushstack/eslint-patch": "^1.10.3",
+        "@typescript-eslint/eslint-plugin": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-jsx-a11y": "^6.10.0",
+        "eslint-plugin-react": "^7.37.0",
+        "eslint-plugin-react-hooks": "^5.0.0"
       },
-      "engines": {
-        "node": ">= 0.4"
+      "peerDependencies": {
+        "eslint": "^7.23.0 || ^8.0.0 || ^9.0.0",
+        "typescript": ">=3.3.1"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
       }
     },
-    "node_modules/array.prototype.tosorted": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
-      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.3",
-        "es-errors": "^1.3.0",
-        "es-shim-unscopables": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
       }
     },
-    "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
-      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "array-buffer-byte-length": "^1.0.1",
-        "call-bind": "^1.0.8",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.5",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.6",
-        "is-array-buffer": "^3.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "ms": "^2.1.1"
       }
     },
-    "node_modules/ast-types-flow": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
-      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/asynckit": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-      "license": "MIT"
-    },
-    "node_modules/available-typed-arrays": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
-      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.7.0.tgz",
+      "integrity": "sha512-Vrwyi8HHxY97K5ebydMtffsWAn1SCR9eol49eCd5fJS4O1WV7PaAjbcjmbfJJSMz/t4Mal212Uz/fQZrOB8mow==",
       "dev": true,
-      "license": "MIT",
+      "license": "ISC",
       "dependencies": {
-        "possible-typed-array-names": "^1.0.0"
+        "@nolyfill/is-core-module": "1.0.39",
+        "debug": "^4.3.7",
+        "enhanced-resolve": "^5.15.0",
+        "fast-glob": "^3.3.2",
+        "get-tsconfig": "^4.7.5",
+        "is-bun-module": "^1.0.2",
+        "is-glob": "^4.0.3",
+        "stable-hash": "^0.0.4"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^14.18.0 || >=16.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-import-x": "*"
+      },
+      "peerDependenciesMeta": {
+        "eslint-plugin-import": {
+          "optional": true
+        },
+        "eslint-plugin-import-x": {
+          "optional": true
+        }
       }
     },
-    "node_modules/axe-core": {
-      "version": "4.10.2",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.10.2.tgz",
-      "integrity": "sha512-RE3mdQ7P3FRSe7eqCWoeQ/Z9QXrtniSjp1wUjt5nRC3WIpz5rSCve6o3fsZ2aCpJtrZjSZgjwXAoTO5k4tEI0w==",
+    "node_modules/eslint-import-resolver-typescript/node_modules/fast-glob": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
       "dev": true,
-      "license": "MPL-2.0",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/axios": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
-      "integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
       "license": "MIT",
       "dependencies": {
-        "follow-redirects": "^1.15.6",
-        "form-data": "^4.0.0",
-        "proxy-from-env": "^1.1.0"
-      }
-    },
-    "node_modules/axobject-query": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
-      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
-      "dev": true,
-      "license": "Apache-2.0",
+        "@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": ">= 0.4"
+        "node": ">=8.6.0"
       }
     },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "license": "MIT"
-    },
-    "node_modules/bin-links": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/bin-links/-/bin-links-5.0.0.tgz",
-      "integrity": "sha512-sdleLVfCjBtgO5cNjA2HVRvWBJAHs4zwenaCPMNJAJU0yNxpzj80IpjOIimkpkr+mhlA+how5poQtt53PygbHA==",
+    "node_modules/eslint-import-resolver-typescript/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": {
-        "cmd-shim": "^7.0.0",
-        "npm-normalize-package-bin": "^4.0.0",
-        "proc-log": "^5.0.0",
-        "read-cmd-shim": "^5.0.0",
-        "write-file-atomic": "^6.0.0"
+        "is-glob": "^4.0.1"
       },
       "engines": {
-        "node": "^18.17.0 || >=20.5.0"
-      }
-    },
-    "node_modules/binary-extensions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
-      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">= 6"
       }
     },
-    "node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+    "node_modules/eslint-module-utils": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz",
+      "integrity": "sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "license": "MIT",
-      "dependencies": {
-        "fill-range": "^7.1.1"
+        "debug": "^3.2.7"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
       }
     },
-    "node_modules/busboy": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
-      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "streamsearch": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=10.16.0"
+        "ms": "^2.1.1"
       }
     },
-    "node_modules/call-bind": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
-      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+    "node_modules/eslint-plugin-import": {
+      "version": "2.31.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
+      "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind-apply-helpers": "^1.0.0",
-        "es-define-property": "^1.0.0",
-        "get-intrinsic": "^1.2.4",
-        "set-function-length": "^1.2.2"
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.8",
+        "array.prototype.findlastindex": "^1.2.5",
+        "array.prototype.flat": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.2",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.12.0",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.15.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.0",
+        "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.8",
+        "tsconfig-paths": "^3.15.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=4"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
       }
     },
-    "node_modules/call-bind-apply-helpers": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz",
-      "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==",
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
+        "ms": "^2.1.1"
       }
     },
-    "node_modules/call-bound": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
-      "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
+    "node_modules/eslint-plugin-import/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
+      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
-        "get-intrinsic": "^1.2.6"
+        "aria-query": "^5.3.2",
+        "array-includes": "^3.1.8",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "^4.10.0",
+        "axobject-query": "^4.1.0",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.includes": "^2.0.1"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=4.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
       }
     },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.2.tgz",
+      "integrity": "sha512-EsTAnj9fLVr/GZleBLFbj/sSuXeWmp1eXIN60ceYnZveqEaUCyW4X+Vh4WTdUhCkW4xutXYqTXCUSyqD4rB75w==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.2",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.1.0",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.8",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.0",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.11",
+        "string.prototype.repeat": "^1.0.0"
+      },
       "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camelcase-css": {
-      "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==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
       }
     },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001689",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001689.tgz",
-      "integrity": "sha512-CmeR2VBycfa+5/jOfnp/NpWPGd06nf1XYiefUvhXFfZE4GkRc9jv+eGPS4nT558WS/8lYCzV8SlANCIPvbWP1g==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "CC-BY-4.0"
-    },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.1.0.tgz",
+      "integrity": "sha512-mpJRtPgHN2tNAvZ35AMfqeB3Xqeo273QxrHJsbBEPWODRM4r0yB6jfoROqKEYrOn27UtRPpcpHc2UqyBSuUNTw==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
       "engines": {
         "node": ">=10"
       },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
       }
     },
-    "node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
       },
-      "engines": {
-        "node": ">= 8.10.0"
+      "bin": {
+        "resolve": "bin/resolve"
       },
       "funding": {
-        "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/chokidar/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==",
+    "node_modules/eslint-plugin-react/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
       "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
+      "bin": {
+        "semver": "bin/semver.js"
       }
     },
-    "node_modules/chownr": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
-      "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
+    "node_modules/eslint-scope": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.2.0.tgz",
+      "integrity": "sha512-PHlWUfG6lvPc3yvP5A4PNyBL1W8fkDUccmI21JUu/+GKZBoH/W5u6usENXUrWFRsyoW5ACUjFGgAFQp5gUlb/A==",
       "dev": true,
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/class-variance-authority": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
-      "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
-      "license": "Apache-2.0",
+      "license": "BSD-2-Clause",
       "dependencies": {
-        "clsx": "^2.1.1"
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
       },
-      "funding": {
-        "url": "https://polar.sh/cva"
-      }
-    },
-    "node_modules/client-only": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
-      "license": "MIT"
-    },
-    "node_modules/clsx": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
-      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
-      "license": "MIT",
       "engines": {
-        "node": ">=6"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/cmd-shim": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/cmd-shim/-/cmd-shim-7.0.0.tgz",
-      "integrity": "sha512-rtpaCbr164TPPh+zFdkWpCyZuKkjpAzODfaZCf/SVJZzJN+4bHQb/LP3Jzq5/+84um3XXY8r548XiWKSborwVw==",
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
       "dev": true,
-      "license": "ISC",
+      "license": "Apache-2.0",
       "engines": {
-        "node": "^18.17.0 || >=20.5.0"
-      }
-    },
-    "node_modules/codemirror": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-6.0.1.tgz",
-      "integrity": "sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==",
-      "license": "MIT",
-      "dependencies": {
-        "@codemirror/autocomplete": "^6.0.0",
-        "@codemirror/commands": "^6.0.0",
-        "@codemirror/language": "^6.0.0",
-        "@codemirror/lint": "^6.0.0",
-        "@codemirror/search": "^6.0.0",
-        "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/color": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
-      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
-      "license": "MIT",
-      "optional": true,
+    "node_modules/espree": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
+      "integrity": "sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
-        "color-convert": "^2.0.1",
-        "color-string": "^1.9.0"
+        "acorn": "^8.14.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
-        "node": ">=12.5.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "~1.1.4"
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
       },
       "engines": {
-        "node": ">=7.0.0"
+        "node": ">=4"
       }
     },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "license": "MIT"
-    },
-    "node_modules/color-string": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
-      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
-      "license": "MIT",
-      "optional": true,
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "color-name": "^1.0.0",
-        "simple-swizzle": "^0.2.2"
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
       }
     },
-    "node_modules/combined-stream": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "license": "MIT",
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
-        "delayed-stream": "~1.0.0"
+        "estraverse": "^5.2.0"
       },
       "engines": {
-        "node": ">= 0.8"
+        "node": ">=4.0"
       }
     },
-    "node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "license": "MIT",
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
       "engines": {
-        "node": ">= 6"
+        "node": ">=4.0"
       }
     },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
       "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/cookie": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.0.2.tgz",
-      "integrity": "sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==",
-      "license": "MIT",
+      "license": "BSD-2-Clause",
       "engines": {
-        "node": ">=18"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/crelt": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
-      "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
       "license": "MIT"
     },
-    "node_modules/cross-spawn": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+    "node_modules/execa": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.0",
+        "human-signals": "^2.1.0",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.1",
+        "onetime": "^5.1.2",
+        "signal-exit": "^3.0.3",
+        "strip-final-newline": "^2.0.0"
       },
       "engines": {
-        "node": ">= 8"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
-    "node_modules/cssesc": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+    "node_modules/execa/node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/exit-x": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/exit-x/-/exit-x-0.2.2.tgz",
+      "integrity": "sha512-+I6B/IkJc1o/2tiURyz/ivu/O0nKNEArIUB5O7zBrlDVJr22SCLH3xTeEry428LvFhRzIA1g8izguxJ/gbNcVQ==",
+      "dev": true,
       "license": "MIT",
-      "bin": {
-        "cssesc": "bin/cssesc"
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/expect": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/expect/-/expect-30.0.4.tgz",
+      "integrity": "sha512-dDLGjnP2cKbEppxVICxI/Uf4YemmGMPNy0QytCbfafbpYk9AFQsxb8Uyrxii0RPK7FWgLGlSem+07WirwS3cFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/expect-utils": "30.0.4",
+        "@jest/get-type": "30.0.1",
+        "jest-matcher-utils": "30.0.4",
+        "jest-message-util": "30.0.2",
+        "jest-mock": "30.0.2",
+        "jest-util": "30.0.2"
       },
       "engines": {
-        "node": ">=4"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/csstype": {
+    "node_modules/fast-deep-equal": {
       "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
       "license": "MIT"
     },
-    "node_modules/d3-array": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
-      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
-      "license": "ISC",
+    "node_modules/fast-equals": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.2.2.tgz",
+      "integrity": "sha512-V7/RktU11J3I36Nwq2JnZEM7tNm17eBJz+u25qdxBZeCKiX6BkVSZQjwWIr+IobgnZy+ag73tTZgZi7tr0LrBw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "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": {
-        "internmap": "1 - 2"
+        "@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": ">=12"
+        "node": ">=8.6.0"
       }
     },
-    "node_modules/d3-color": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
-      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+    "node_modules/fast-glob/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": ">=12"
+        "node": ">= 6"
       }
     },
-    "node_modules/d3-ease": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
-      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=12"
-      }
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
     },
-    "node_modules/d3-format": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
-      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fastq": {
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
+      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
       "license": "ISC",
-      "engines": {
-        "node": ">=12"
+      "dependencies": {
+        "reusify": "^1.0.4"
       }
     },
-    "node_modules/d3-interpolate": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
-      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
-      "license": "ISC",
+    "node_modules/fb-watchman": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
+      "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bser": "2.1.1"
+      }
+    },
+    "node_modules/fetch-blob": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz",
+      "integrity": "sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "license": "MIT",
       "dependencies": {
-        "d3-color": "1 - 3"
+        "node-domexception": "^1.0.0",
+        "web-streams-polyfill": "^3.0.3"
       },
       "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-path": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
-      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
+        "node": "^12.20 || >= 14.13"
       }
     },
-    "node_modules/d3-scale": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
-      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
-      "license": "ISC",
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "d3-array": "2.10.0 - 3",
-        "d3-format": "1 - 3",
-        "d3-interpolate": "1.2.0 - 3",
-        "d3-time": "2.1.1 - 3",
-        "d3-time-format": "2 - 4"
+        "flat-cache": "^4.0.0"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=16.0.0"
       }
     },
-    "node_modules/d3-shape": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
-      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
-      "license": "ISC",
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "license": "MIT",
       "dependencies": {
-        "d3-path": "^3.1.0"
+        "to-regex-range": "^5.0.1"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=8"
       }
     },
-    "node_modules/d3-time": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
-      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
-      "license": "ISC",
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "d3-array": "2 - 3"
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/d3-time-format": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
-      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
-      "license": "ISC",
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "d3-time": "1 - 3"
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
       },
       "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-timer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
-      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
+        "node": ">=16"
       }
     },
-    "node_modules/damerau-levenshtein": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
-      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+    "node_modules/flatted": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.2.tgz",
+      "integrity": "sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==",
       "dev": true,
-      "license": "BSD-2-Clause"
+      "license": "ISC"
     },
-    "node_modules/data-uri-to-buffer": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
-      "integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==",
-      "dev": true,
+    "node_modules/follow-redirects": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
       "license": "MIT",
       "engines": {
-        "node": ">= 12"
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
       }
     },
-    "node_modules/data-view-buffer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
-      "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.6",
-        "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/foreground-child": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
+      "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.0",
+        "signal-exit": "^4.0.1"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=14"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/data-view-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
-      "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
-      "dev": true,
+    "node_modules/form-data": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz",
+      "integrity": "sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==",
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">= 6"
       }
     },
-    "node_modules/data-view-byte-offset": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
-      "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
+    "node_modules/formdata-polyfill": {
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
+      "integrity": "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.6",
-        "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
+        "fetch-blob": "^3.1.2"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/date-fns": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
-      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/kossnocorp"
+        "node": ">=12.20.0"
       }
     },
-    "node_modules/debug": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
-      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
-      "dev": true,
+    "node_modules/framer-motion": {
+      "version": "12.5.0",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.5.0.tgz",
+      "integrity": "sha512-buPlioFbH9/W7rDzYh1C09AuZHAk2D1xTA1BlounJ2Rb9aRg84OXexP0GLd+R83v0khURdMX7b5MKnGTaSg5iA==",
       "license": "MIT",
       "dependencies": {
-        "ms": "^2.1.3"
+        "motion-dom": "^12.5.0",
+        "motion-utils": "^12.5.0",
+        "tslib": "^2.4.0"
       },
-      "engines": {
-        "node": ">=6.0"
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
-        "supports-color": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
           "optional": true
         }
       }
     },
-    "node_modules/decimal.js-light": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/decimal.js-light/-/decimal.js-light-2.5.1.tgz",
-      "integrity": "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==",
-      "license": "MIT"
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
       "dev": true,
-      "license": "MIT"
+      "license": "ISC"
     },
-    "node_modules/define-data-property": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
-      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
-      "dev": true,
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
       "license": "MIT",
-      "dependencies": {
-        "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.0.1"
-      },
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">= 0.4"
-      },
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/define-properties": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+    "node_modules/function.prototype.name": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.7.tgz",
+      "integrity": "sha512-2g4x+HqTJKM9zcJqBSpjoRmdcPFtJM60J3xJisTQSXBWka5XqyBN/2tNUgma1mztTXyDuUsEtYe5qcs7xYzYQA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "define-data-property": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "object-keys": "^1.1.1"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4604,171 +9683,103 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/delayed-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=0.4.0"
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/dequal": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=6"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/detect-libc": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
-      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
-      "license": "Apache-2.0",
-      "optional": true,
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
       "engines": {
-        "node": ">=8"
+        "node": "6.* || 8.* || >= 10.*"
       }
     },
-    "node_modules/detect-node-es": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
-      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
-      "license": "MIT"
-    },
-    "node_modules/didyoumean": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "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==",
-      "license": "MIT"
-    },
-    "node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+    "node_modules/get-intrinsic": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.6.tgz",
+      "integrity": "sha512-qxsEs+9A+u85HhllWJJFicJfPDhRmjzoYdl64aMWW9yRIJmSyxdn8IEkuIM530/7T+lv0TIHd8L6Q/ra0tEoeA==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
       "dependencies": {
-        "esutils": "^2.0.2"
+        "call-bind-apply-helpers": "^1.0.1",
+        "dunder-proto": "^1.0.0",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "function-bind": "^1.1.2",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.0.0"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/dom-helpers": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
-      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+    "node_modules/get-nonce": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
       "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.8.7",
-        "csstype": "^3.0.2"
+      "engines": {
+        "node": ">=6"
       }
     },
-    "node_modules/dunder-proto": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.0.tgz",
-      "integrity": "sha512-9+Sj30DIu+4KvHqMfLUGLFYL2PkURSYMVXJyXe92nFRvlYq5hBjLEhblKB+vkd/WVlUYMWigiY07T91Fkk0+4A==",
+    "node_modules/get-package-type": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
+      "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.2.0"
-      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=8.0.0"
       }
     },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "license": "MIT"
-    },
-    "node_modules/emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "license": "MIT"
-    },
-    "node_modules/enhanced-resolve": {
-      "version": "5.17.1",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
-      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
+    "node_modules/get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
-      },
       "engines": {
-        "node": ">=10.13.0"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/es-abstract": {
-      "version": "1.23.6",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.6.tgz",
-      "integrity": "sha512-Ifco6n3yj2tMZDWNLyloZrytt9lqqlwvS83P3HtaETR0NUOYnIULGGHpktqYGObGy+8wc1okO25p8TjemhImvA==",
+    "node_modules/get-symbol-description": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
+      "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "array-buffer-byte-length": "^1.0.1",
-        "arraybuffer.prototype.slice": "^1.0.4",
-        "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
-        "data-view-buffer": "^1.0.1",
-        "data-view-byte-length": "^1.0.1",
-        "data-view-byte-offset": "^1.0.0",
-        "es-define-property": "^1.0.1",
+        "call-bind": "^1.0.5",
         "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "es-set-tostringtag": "^2.0.3",
-        "es-to-primitive": "^1.3.0",
-        "function.prototype.name": "^1.1.7",
-        "get-intrinsic": "^1.2.6",
-        "get-symbol-description": "^1.0.2",
-        "globalthis": "^1.0.4",
-        "gopd": "^1.2.0",
-        "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "hasown": "^2.0.2",
-        "internal-slot": "^1.1.0",
-        "is-array-buffer": "^3.0.4",
-        "is-callable": "^1.2.7",
-        "is-data-view": "^1.0.2",
-        "is-negative-zero": "^2.0.3",
-        "is-regex": "^1.2.1",
-        "is-shared-array-buffer": "^1.0.3",
-        "is-string": "^1.1.1",
-        "is-typed-array": "^1.1.13",
-        "is-weakref": "^1.1.0",
-        "math-intrinsics": "^1.0.0",
-        "object-inspect": "^1.13.3",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.5",
-        "regexp.prototype.flags": "^1.5.3",
-        "safe-array-concat": "^1.1.3",
-        "safe-regex-test": "^1.1.0",
-        "string.prototype.trim": "^1.2.10",
-        "string.prototype.trimend": "^1.0.9",
-        "string.prototype.trimstart": "^1.0.8",
-        "typed-array-buffer": "^1.0.2",
-        "typed-array-byte-length": "^1.0.1",
-        "typed-array-byte-offset": "^1.0.3",
-        "typed-array-length": "^1.0.7",
-        "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.16"
+        "get-intrinsic": "^1.2.4"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4777,112 +9788,97 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/es-define-property": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
-      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+    "node_modules/get-tsconfig": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.8.1.tgz",
+      "integrity": "sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
       }
     },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
+    "node_modules/glob": {
+      "version": "10.4.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/es-hangul": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/es-hangul/-/es-hangul-2.3.0.tgz",
-      "integrity": "sha512-4Z5JYt5tDTQpxlLhJ1GtyMOOkjgN5h6zKcHoQyKf/p1DIH0wWyBZFoRTy5ImQ+DUOwntKxNJCz2NWe6YfIU1aQ==",
-      "license": "MIT",
-      "workspaces": [
-        ".",
-        "docs",
-        "benchmarks"
-      ]
-    },
-    "node_modules/es-iterator-helpers": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.0.tgz",
-      "integrity": "sha512-tpxqxncxnpw3c93u8n3VOzACmRFoVmWJqbWXvX/JfKbkhBw1oslgPrUfeSt2psuqyEJFD6N/9lg5i7bsKpoq+Q==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "license": "ISC",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.3",
-        "es-errors": "^1.3.0",
-        "es-set-tostringtag": "^2.0.3",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "globalthis": "^1.0.4",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.0.3",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.7",
-        "iterator.prototype": "^1.1.3",
-        "safe-array-concat": "^1.1.2"
+        "is-glob": "^4.0.3"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=10.13.0"
       }
     },
-    "node_modules/es-object-atoms": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
-      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
-      "dev": true,
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
       "license": "MIT",
       "dependencies": {
-        "es-errors": "^1.3.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
+        "balanced-match": "^1.0.0"
       }
     },
-    "node_modules/es-set-tostringtag": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
-      "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "license": "ISC",
       "dependencies": {
-        "get-intrinsic": "^1.2.4",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.1"
+        "brace-expansion": "^2.0.1"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/es-shim-unscopables": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
-      "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
+    "node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "hasown": "^2.0.0"
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/es-to-primitive": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
-      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "is-callable": "^1.2.7",
-        "is-date-object": "^1.0.5",
-        "is-symbol": "^1.0.4"
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4891,782 +9887,683 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/es-toolkit": {
-      "version": "1.37.2",
-      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.37.2.tgz",
-      "integrity": "sha512-ADDfk+pPFF0ofMpRAIc6on01p8heiuwuuJsYLzTP4UOjxVK9QsE2+0D1Q4J/zX2XBo6ac+27H5++YBIwmGAX/g==",
-      "license": "MIT",
-      "workspaces": [
-        "docs",
-        "benchmarks"
-      ]
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/eslint": {
-      "version": "9.17.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.17.0.tgz",
-      "integrity": "sha512-evtlNcpJg+cZLcnVKwsai8fExnqjGPicK7gnUtlNuzu+Fv9bI0aLpND5T44VLQtoMEnI57LoXO9XAkIXwohKrA==",
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.12.1",
-        "@eslint/config-array": "^0.19.0",
-        "@eslint/core": "^0.9.0",
-        "@eslint/eslintrc": "^3.2.0",
-        "@eslint/js": "9.17.0",
-        "@eslint/plugin-kit": "^0.2.3",
-        "@humanfs/node": "^0.16.6",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@humanwhocodes/retry": "^0.4.1",
-        "@types/estree": "^1.0.6",
-        "@types/json-schema": "^7.0.15",
-        "ajv": "^6.12.4",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.6",
-        "debug": "^4.3.2",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^8.2.0",
-        "eslint-visitor-keys": "^4.2.0",
-        "espree": "^10.3.0",
-        "esquery": "^1.5.0",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^8.0.0",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
       "funding": {
-        "url": "https://eslint.org/donate"
-      },
-      "peerDependencies": {
-        "jiti": "*"
-      },
-      "peerDependenciesMeta": {
-        "jiti": {
-          "optional": true
-        }
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/eslint-config-next": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-15.1.0.tgz",
-      "integrity": "sha512-gADO+nKVseGso3DtOrYX9H7TxB/MuX7AUYhMlvQMqLYvUWu4HrOQuU7cC1HW74tHIqkAvXdwgAz3TCbczzSEXw==",
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@next/eslint-plugin-next": "15.1.0",
-        "@rushstack/eslint-patch": "^1.10.3",
-        "@typescript-eslint/eslint-plugin": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
-        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
-        "eslint-import-resolver-node": "^0.3.6",
-        "eslint-import-resolver-typescript": "^3.5.2",
-        "eslint-plugin-import": "^2.31.0",
-        "eslint-plugin-jsx-a11y": "^6.10.0",
-        "eslint-plugin-react": "^7.37.0",
-        "eslint-plugin-react-hooks": "^5.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^7.23.0 || ^8.0.0 || ^9.0.0",
-        "typescript": ">=3.3.1"
+        "es-define-property": "^1.0.0"
       },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/eslint-import-resolver-node": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.13.0",
-        "resolve": "^1.22.4"
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/eslint-import-resolver-node/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.1"
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/eslint-import-resolver-typescript": {
-      "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.7.0.tgz",
-      "integrity": "sha512-Vrwyi8HHxY97K5ebydMtffsWAn1SCR9eol49eCd5fJS4O1WV7PaAjbcjmbfJJSMz/t4Mal212Uz/fQZrOB8mow==",
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT",
       "dependencies": {
-        "@nolyfill/is-core-module": "1.0.39",
-        "debug": "^4.3.7",
-        "enhanced-resolve": "^5.15.0",
-        "fast-glob": "^3.3.2",
-        "get-tsconfig": "^4.7.5",
-        "is-bun-module": "^1.0.2",
-        "is-glob": "^4.0.3",
-        "stable-hash": "^0.0.4"
+        "has-symbols": "^1.0.3"
       },
       "engines": {
-        "node": "^14.18.0 || >=16.0.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
-      },
-      "peerDependencies": {
-        "eslint": "*",
-        "eslint-plugin-import": "*",
-        "eslint-plugin-import-x": "*"
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
       },
-      "peerDependenciesMeta": {
-        "eslint-plugin-import": {
-          "optional": true
-        },
-        "eslint-plugin-import-x": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">= 0.4"
       }
     },
-    "node_modules/eslint-import-resolver-typescript/node_modules/fast-glob": {
+    "node_modules/hoist-non-react-statics": {
       "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "node_modules/html-encoding-sniffer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
+      "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
       "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"
+        "whatwg-encoding": "^3.1.1"
       },
       "engines": {
-        "node": ">=8.6.0"
+        "node": ">=18"
       }
     },
-    "node_modules/eslint-import-resolver-typescript/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==",
+    "node_modules/html-escaper": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT"
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "is-glob": "^4.0.1"
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
       },
       "engines": {
-        "node": ">= 6"
+        "node": ">= 14"
       }
     },
-    "node_modules/eslint-module-utils": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz",
-      "integrity": "sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==",
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "debug": "^3.2.7"
+        "agent-base": "^7.1.2",
+        "debug": "4"
       },
       "engines": {
-        "node": ">=4"
-      },
-      "peerDependenciesMeta": {
-        "eslint": {
-          "optional": true
-        }
+        "node": ">= 14"
       }
     },
-    "node_modules/eslint-module-utils/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+    "node_modules/human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.1"
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.17.0"
       }
     },
-    "node_modules/eslint-plugin-import": {
-      "version": "2.31.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
-      "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rtsao/scc": "^1.1.0",
-        "array-includes": "^3.1.8",
-        "array.prototype.findlastindex": "^1.2.5",
-        "array.prototype.flat": "^1.3.2",
-        "array.prototype.flatmap": "^1.3.2",
-        "debug": "^3.2.7",
-        "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.9",
-        "eslint-module-utils": "^2.12.0",
-        "hasown": "^2.0.2",
-        "is-core-module": "^2.15.1",
-        "is-glob": "^4.0.3",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.8",
-        "object.groupby": "^1.0.3",
-        "object.values": "^1.2.0",
-        "semver": "^6.3.1",
-        "string.prototype.trimend": "^1.0.8",
-        "tsconfig-paths": "^3.15.0"
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
       },
       "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/eslint-plugin-import/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.1"
+      "engines": {
+        "node": ">= 4"
       }
     },
-    "node_modules/eslint-plugin-import/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
+    "node_modules/immer": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-10.1.1.tgz",
+      "integrity": "sha512-s2MPrmjovJcoMaHtx6K11Ra7oD05NT97w1IC5zpMkT6Atjr7H8LjaDd81iIxUYpMKSRRNMJE703M1Fhr/TctHw==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
       }
     },
-    "node_modules/eslint-plugin-jsx-a11y": {
-      "version": "6.10.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
-      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "aria-query": "^5.3.2",
-        "array-includes": "^3.1.8",
-        "array.prototype.flatmap": "^1.3.2",
-        "ast-types-flow": "^0.0.8",
-        "axe-core": "^4.10.0",
-        "axobject-query": "^4.1.0",
-        "damerau-levenshtein": "^1.0.8",
-        "emoji-regex": "^9.2.2",
-        "hasown": "^2.0.2",
-        "jsx-ast-utils": "^3.3.5",
-        "language-tags": "^1.0.9",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.8",
-        "safe-regex-test": "^1.0.3",
-        "string.prototype.includes": "^2.0.1"
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
       },
       "engines": {
-        "node": ">=4.0"
+        "node": ">=6"
       },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/eslint-plugin-react": {
-      "version": "7.37.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.2.tgz",
-      "integrity": "sha512-EsTAnj9fLVr/GZleBLFbj/sSuXeWmp1eXIN60ceYnZveqEaUCyW4X+Vh4WTdUhCkW4xutXYqTXCUSyqD4rB75w==",
+    "node_modules/import-local": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.2.0.tgz",
+      "integrity": "sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "array-includes": "^3.1.8",
-        "array.prototype.findlast": "^1.2.5",
-        "array.prototype.flatmap": "^1.3.2",
-        "array.prototype.tosorted": "^1.1.4",
-        "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.1.0",
-        "estraverse": "^5.3.0",
-        "hasown": "^2.0.2",
-        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.8",
-        "object.fromentries": "^2.0.8",
-        "object.values": "^1.2.0",
-        "prop-types": "^15.8.1",
-        "resolve": "^2.0.0-next.5",
-        "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.11",
-        "string.prototype.repeat": "^1.0.0"
+        "pkg-dir": "^4.2.0",
+        "resolve-cwd": "^3.0.0"
+      },
+      "bin": {
+        "import-local-fixture": "fixtures/cli.js"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=8"
       },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/eslint-plugin-react-hooks": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.1.0.tgz",
-      "integrity": "sha512-mpJRtPgHN2tNAvZ35AMfqeB3Xqeo273QxrHJsbBEPWODRM4r0yB6jfoROqKEYrOn27UtRPpcpHc2UqyBSuUNTw==",
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
       }
     },
-    "node_modules/eslint-plugin-react/node_modules/resolve": {
-      "version": "2.0.0-next.5",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
-      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "engines": {
+        "node": ">= 0.4"
       }
     },
-    "node_modules/eslint-plugin-react/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
       "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/eslint-scope": {
-      "version": "8.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.2.0.tgz",
-      "integrity": "sha512-PHlWUfG6lvPc3yvP5A4PNyBL1W8fkDUccmI21JUu/+GKZBoH/W5u6usENXUrWFRsyoW5ACUjFGgAFQp5gUlb/A==",
+    "node_modules/is-array-buffer": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
+      "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
       "dev": true,
-      "license": "BSD-2-Clause",
+      "license": "MIT",
       "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://opencollective.com/eslint"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/eslint-visitor-keys": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
-      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+    "node_modules/is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/is-async-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
+      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://opencollective.com/eslint"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/espree": {
-      "version": "10.3.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
-      "integrity": "sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==",
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
       "dev": true,
-      "license": "BSD-2-Clause",
+      "license": "MIT",
       "dependencies": {
-        "acorn": "^8.14.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^4.2.0"
+        "has-bigints": "^1.0.2"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://opencollective.com/eslint"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/esquery": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
-      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
-      "dev": true,
-      "license": "BSD-3-Clause",
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "license": "MIT",
       "dependencies": {
-        "estraverse": "^5.1.0"
+        "binary-extensions": "^2.0.0"
       },
       "engines": {
-        "node": ">=0.10"
+        "node": ">=8"
       }
     },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+    "node_modules/is-boolean-object": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.1.tgz",
+      "integrity": "sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==",
       "dev": true,
-      "license": "BSD-2-Clause",
+      "license": "MIT",
       "dependencies": {
-        "estraverse": "^5.2.0"
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=4.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+    "node_modules/is-bun-module": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-1.3.0.tgz",
+      "integrity": "sha512-DgXeu5UWI0IsMQundYb5UAOzm6G2eVnarJ0byP6Tm55iZNKceD59LNPA2L4VvsScTtHcw0yEkVwSf7PC+QoLSA==",
       "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.10.0"
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.6.3"
       }
     },
-    "node_modules/eventemitter3": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
-      "license": "MIT"
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
       "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fast-equals": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.2.2.tgz",
-      "integrity": "sha512-V7/RktU11J3I36Nwq2JnZEM7tNm17eBJz+u25qdxBZeCKiX6BkVSZQjwWIr+IobgnZy+ag73tTZgZi7tr0LrBw==",
       "license": "MIT",
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "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,
+    "node_modules/is-core-module": {
+      "version": "2.16.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.0.tgz",
+      "integrity": "sha512-urTSINYfAYgcbLb0yDQ6egFm6h3Mo1DcF9EkyXSRjjzdHbsulg01qhwWuXdOoUBuTkbQ80KDboXa0vFJ+BDH+g==",
       "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"
+        "hasown": "^2.0.2"
       },
       "engines": {
-        "node": ">=8.6.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/fast-glob/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==",
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT",
       "dependencies": {
-        "is-glob": "^4.0.1"
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
       },
       "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fastq": {
-      "version": "1.17.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
-      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
-      "license": "ISC",
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/fetch-blob": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz",
-      "integrity": "sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/jimmywarting"
-        },
-        {
-          "type": "paypal",
-          "url": "https://paypal.me/jimmywarting"
-        }
-      ],
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "node-domexception": "^1.0.0",
-        "web-streams-polyfill": "^3.0.3"
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
-        "node": "^12.20 || >= 14.13"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/file-entry-cache": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
-      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.0.tgz",
+      "integrity": "sha512-qfMdqbAQEwBw78ZyReKnlA8ezmPdb9BemzIIip/JkjaZUhitfXDkkr+3QTboW0JrSXT1QWyYShpvnNHGZ4c4yA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "flat-cache": "^4.0.0"
+        "call-bind": "^1.0.7"
       },
       "engines": {
-        "node": ">=16.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/fill-range": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
       "license": "MIT",
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+    "node_modules/is-generator-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-generator-fn/-/is-generator-fn-2.1.0.tgz",
+      "integrity": "sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
+        "has-tostringtag": "^1.0.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/flat-cache": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
-      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
-      "dev": true,
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
       "license": "MIT",
       "dependencies": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.4"
+        "is-extglob": "^2.1.1"
       },
       "engines": {
-        "node": ">=16"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/flatted": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.2.tgz",
-      "integrity": "sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==",
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
       "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/follow-redirects": {
-      "version": "1.15.9",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
-      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/RubenVerborgh"
-        }
-      ],
       "license": "MIT",
       "engines": {
-        "node": ">=4.0"
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "debug": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/for-each": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "is-callable": "^1.1.3"
-      }
-    },
-    "node_modules/foreground-child": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
-      "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
-      "license": "ISC",
-      "dependencies": {
-        "cross-spawn": "^7.0.0",
-        "signal-exit": "^4.0.1"
-      },
       "engines": {
-        "node": ">=14"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/form-data": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz",
-      "integrity": "sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==",
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
       "license": "MIT",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "mime-types": "^2.1.12"
-      },
       "engines": {
-        "node": ">= 6"
+        "node": ">=0.12.0"
       }
     },
-    "node_modules/formdata-polyfill": {
-      "version": "4.0.10",
-      "resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
-      "integrity": "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==",
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "fetch-blob": "^3.1.2"
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
-        "node": ">=12.20.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/framer-motion": {
-      "version": "12.5.0",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.5.0.tgz",
-      "integrity": "sha512-buPlioFbH9/W7rDzYh1C09AuZHAk2D1xTA1BlounJ2Rb9aRg84OXexP0GLd+R83v0khURdMX7b5MKnGTaSg5iA==",
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "motion-dom": "^12.5.0",
-        "motion-utils": "^12.5.0",
-        "tslib": "^2.4.0"
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
       },
-      "peerDependencies": {
-        "@emotion/is-prop-valid": "*",
-        "react": "^18.0.0 || ^19.0.0",
-        "react-dom": "^18.0.0 || ^19.0.0"
+      "engines": {
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "@emotion/is-prop-valid": {
-          "optional": true
-        },
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "hasInstallScript": true,
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
       "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/function.prototype.name": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.7.tgz",
-      "integrity": "sha512-2g4x+HqTJKM9zcJqBSpjoRmdcPFtJM60J3xJisTQSXBWka5XqyBN/2tNUgma1mztTXyDuUsEtYe5qcs7xYzYQA==",
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "define-properties": "^1.2.1",
-        "functions-have-names": "^1.2.3",
-        "hasown": "^2.0.2",
-        "is-callable": "^1.2.7"
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5675,33 +10572,32 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/functions-have-names": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/get-intrinsic": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.6.tgz",
-      "integrity": "sha512-qxsEs+9A+u85HhllWJJFicJfPDhRmjzoYdl64aMWW9yRIJmSyxdn8IEkuIM530/7T+lv0TIHd8L6Q/ra0tEoeA==",
+    "node_modules/is-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
+      "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
-        "dunder-proto": "^1.0.0",
-        "es-define-property": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "function-bind": "^1.1.2",
-        "gopd": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "hasown": "^2.0.2",
-        "math-intrinsics": "^1.0.0"
+        "which-typed-array": "^1.1.14"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5710,25 +10606,27 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/get-nonce": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
-      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=6"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/get-symbol-description": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
-      "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
+    "node_modules/is-weakref": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.0.tgz",
+      "integrity": "sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.5",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4"
+        "call-bound": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5737,778 +10635,1081 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/get-tsconfig": {
-      "version": "4.8.1",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.8.1.tgz",
-      "integrity": "sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==",
+    "node_modules/is-weakset": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.3.tgz",
+      "integrity": "sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "resolve-pkg-maps": "^1.0.0"
+        "call-bind": "^1.0.7",
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/glob": {
-      "version": "10.4.5",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-      "license": "ISC",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC"
+    },
+    "node_modules/istanbul-lib-coverage": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
+      "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "license": "ISC",
+    "node_modules/istanbul-lib-instrument": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz",
+      "integrity": "sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==",
+      "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "is-glob": "^4.0.3"
+        "@babel/core": "^7.23.9",
+        "@babel/parser": "^7.23.9",
+        "@istanbuljs/schema": "^0.1.3",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^7.5.4"
       },
       "engines": {
-        "node": ">=10.13.0"
+        "node": ">=10"
       }
     },
-    "node_modules/glob/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "license": "MIT",
+    "node_modules/istanbul-lib-report": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
+      "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "balanced-match": "^1.0.0"
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^4.0.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
       }
     },
-    "node_modules/glob/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "license": "ISC",
+    "node_modules/istanbul-lib-source-maps": {
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-5.0.6.tgz",
+      "integrity": "sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A==",
+      "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "@jridgewell/trace-mapping": "^0.3.23",
+        "debug": "^4.1.1",
+        "istanbul-lib-coverage": "^3.0.0"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "node": ">=10"
       }
     },
-    "node_modules/globals": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
-      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+    "node_modules/istanbul-reports": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.7.tgz",
+      "integrity": "sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/globalthis": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
-      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+    "node_modules/iterator.prototype": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.4.tgz",
+      "integrity": "sha512-x4WH0BWmrMmg4oHHl+duwubhrvczGlyuGAZu3nvrf0UXOfPu8IhZObFEr7DE/iv01YgVZrsOiRcqw2srkKEDIA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "define-properties": "^1.2.1",
-        "gopd": "^1.0.1"
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "reflect.getprototypeof": "^1.0.8",
+        "set-function-name": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
+      }
+    },
+    "node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
       }
     },
-    "node_modules/gopd": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
-      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+    "node_modules/jest": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/jest/-/jest-30.0.4.tgz",
+      "integrity": "sha512-9QE0RS4WwTj/TtTC4h/eFVmFAhGNVerSB9XpJh8sqaXlP73ILcPcZ7JWjjEtJJe2m8QyBLKKfPQuK+3F+Xij/g==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@jest/core": "30.0.4",
+        "@jest/types": "30.0.1",
+        "import-local": "^3.2.0",
+        "jest-cli": "30.0.4"
+      },
+      "bin": {
+        "jest": "bin/jest.js"
+      },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
       }
     },
-    "node_modules/graceful-fs": {
-      "version": "4.2.11",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+    "node_modules/jest-changed-files": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-30.0.2.tgz",
+      "integrity": "sha512-Ius/iRST9FKfJI+I+kpiDh8JuUlAISnRszF9ixZDIqJF17FckH5sOzKC8a0wd0+D+8em5ADRHA5V5MnfeDk2WA==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "dependencies": {
+        "execa": "^5.1.1",
+        "jest-util": "30.0.2",
+        "p-limit": "^3.1.0"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
     },
-    "node_modules/has-bigints": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+    "node_modules/jest-circus": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/jest-circus/-/jest-circus-30.0.4.tgz",
+      "integrity": "sha512-o6UNVfbXbmzjYgmVPtSQrr5xFZCtkDZGdTlptYvGFSN80RuOOlTe73djvMrs+QAuSERZWcHBNIOMH+OEqvjWuw==",
       "dev": true,
       "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "dependencies": {
+        "@jest/environment": "30.0.4",
+        "@jest/expect": "30.0.4",
+        "@jest/test-result": "30.0.4",
+        "@jest/types": "30.0.1",
+        "@types/node": "*",
+        "chalk": "^4.1.2",
+        "co": "^4.6.0",
+        "dedent": "^1.6.0",
+        "is-generator-fn": "^2.1.0",
+        "jest-each": "30.0.2",
+        "jest-matcher-utils": "30.0.4",
+        "jest-message-util": "30.0.2",
+        "jest-runtime": "30.0.4",
+        "jest-snapshot": "30.0.4",
+        "jest-util": "30.0.2",
+        "p-limit": "^3.1.0",
+        "pretty-format": "30.0.2",
+        "pure-rand": "^7.0.0",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.6"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+    "node_modules/jest-circus/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/has-property-descriptors": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
-      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+    "node_modules/jest-circus/node_modules/pretty-format": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+      "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "es-define-property": "^1.0.0"
+        "@jest/schemas": "30.0.1",
+        "ansi-styles": "^5.2.0",
+        "react-is": "^18.3.1"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/has-proto": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
-      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+    "node_modules/jest-circus/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-cli": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-30.0.4.tgz",
+      "integrity": "sha512-3dOrP3zqCWBkjoVG1zjYJpD9143N9GUCbwaF2pFF5brnIgRLHmKcCIw+83BvF1LxggfMWBA0gxkn6RuQVuRhIQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "dunder-proto": "^1.0.0"
+        "@jest/core": "30.0.4",
+        "@jest/test-result": "30.0.4",
+        "@jest/types": "30.0.1",
+        "chalk": "^4.1.2",
+        "exit-x": "^0.2.2",
+        "import-local": "^3.2.0",
+        "jest-config": "30.0.4",
+        "jest-util": "30.0.2",
+        "jest-validate": "30.0.2",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "jest": "bin/jest.js"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
       }
     },
-    "node_modules/has-symbols": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+    "node_modules/jest-config": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-30.0.4.tgz",
+      "integrity": "sha512-3dzbO6sh34thAGEjJIW0fgT0GA0EVlkski6ZzMcbW6dzhenylXAE/Mj2MI4HonroWbkKc6wU6bLVQ8dvBSZ9lA==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.27.4",
+        "@jest/get-type": "30.0.1",
+        "@jest/pattern": "30.0.1",
+        "@jest/test-sequencer": "30.0.4",
+        "@jest/types": "30.0.1",
+        "babel-jest": "30.0.4",
+        "chalk": "^4.1.2",
+        "ci-info": "^4.2.0",
+        "deepmerge": "^4.3.1",
+        "glob": "^10.3.10",
+        "graceful-fs": "^4.2.11",
+        "jest-circus": "30.0.4",
+        "jest-docblock": "30.0.1",
+        "jest-environment-node": "30.0.4",
+        "jest-regex-util": "30.0.1",
+        "jest-resolve": "30.0.2",
+        "jest-runner": "30.0.4",
+        "jest-util": "30.0.2",
+        "jest-validate": "30.0.2",
+        "micromatch": "^4.0.8",
+        "parse-json": "^5.2.0",
+        "pretty-format": "30.0.2",
+        "slash": "^3.0.0",
+        "strip-json-comments": "^3.1.1"
+      },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "peerDependencies": {
+        "@types/node": "*",
+        "esbuild-register": ">=3.4.0",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "esbuild-register": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
       }
     },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+    "node_modules/jest-config/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+    "node_modules/jest-config/node_modules/pretty-format": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+      "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "function-bind": "^1.1.2"
+        "@jest/schemas": "30.0.1",
+        "ansi-styles": "^5.2.0",
+        "react-is": "^18.3.1"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/hoist-non-react-statics": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
-      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+    "node_modules/jest-config/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
       "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "react-is": "^16.7.0"
-      }
+      "license": "MIT"
     },
-    "node_modules/https-proxy-agent": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
-      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+    "node_modules/jest-diff": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-30.0.4.tgz",
+      "integrity": "sha512-TSjceIf6797jyd+R64NXqicttROD+Qf98fex7CowmlSn7f8+En0da1Dglwr1AXxDtVizoxXYZBlUQwNhoOXkNw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "agent-base": "^7.1.2",
-        "debug": "4"
+        "@jest/diff-sequences": "30.0.1",
+        "@jest/get-type": "30.0.1",
+        "chalk": "^4.1.2",
+        "pretty-format": "30.0.2"
       },
       "engines": {
-        "node": ">= 14"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/ignore": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+    "node_modules/jest-diff/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/immer": {
-      "version": "10.1.1",
-      "resolved": "https://registry.npmjs.org/immer/-/immer-10.1.1.tgz",
-      "integrity": "sha512-s2MPrmjovJcoMaHtx6K11Ra7oD05NT97w1IC5zpMkT6Atjr7H8LjaDd81iIxUYpMKSRRNMJE703M1Fhr/TctHw==",
-      "license": "MIT",
+        "node": ">=10"
+      },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/immer"
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+    "node_modules/jest-diff/node_modules/pretty-format": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+      "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
+        "@jest/schemas": "30.0.1",
+        "ansi-styles": "^5.2.0",
+        "react-is": "^18.3.1"
       },
       "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+    "node_modules/jest-diff/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8.19"
-      }
+      "license": "MIT"
     },
-    "node_modules/internal-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
-      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+    "node_modules/jest-docblock": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-30.0.1.tgz",
+      "integrity": "sha512-/vF78qn3DYphAaIc3jy4gA7XSAz167n9Bm/wn/1XhTLW7tTBIzXtCJpb/vcmc73NIIeeohCbdL94JasyXUZsGA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "es-errors": "^1.3.0",
-        "hasown": "^2.0.2",
-        "side-channel": "^1.1.0"
+        "detect-newline": "^3.1.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/internmap": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
-      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
-      "license": "ISC",
+    "node_modules/jest-each": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-30.0.2.tgz",
+      "integrity": "sha512-ZFRsTpe5FUWFQ9cWTMguCaiA6kkW5whccPy9JjD1ezxh+mJeqmz8naL8Fl/oSbNJv3rgB0x87WBIkA5CObIUZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/get-type": "30.0.1",
+        "@jest/types": "30.0.1",
+        "chalk": "^4.1.2",
+        "jest-util": "30.0.2",
+        "pretty-format": "30.0.2"
+      },
       "engines": {
-        "node": ">=12"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-array-buffer": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
-      "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
+    "node_modules/jest-each/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1"
-      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/is-arrayish": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
-      "license": "MIT",
-      "optional": true
-    },
-    "node_modules/is-async-function": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
-      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
+    "node_modules/jest-each/node_modules/pretty-format": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+      "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "@jest/schemas": "30.0.1",
+        "ansi-styles": "^5.2.0",
+        "react-is": "^18.3.1"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-bigint": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
-      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+    "node_modules/jest-each/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-environment-jsdom": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/jest-environment-jsdom/-/jest-environment-jsdom-30.0.4.tgz",
+      "integrity": "sha512-9WmS3oyCLFgs6DUJSoMpVb+AbH62Y2Xecw3XClbRgj6/Z+VjNeSLjrhBgVvTZ40njZTWeDHv8unp+6M/z8ADDg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "has-bigints": "^1.0.2"
+        "@jest/environment": "30.0.4",
+        "@jest/environment-jsdom-abstract": "30.0.4",
+        "@types/jsdom": "^21.1.7",
+        "@types/node": "*",
+        "jsdom": "^26.1.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "peerDependencies": {
+        "canvas": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
       }
     },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+    "node_modules/jest-environment-node": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-30.0.4.tgz",
+      "integrity": "sha512-p+rLEzC2eThXqiNh9GHHTC0OW5Ca4ZfcURp7scPjYBcmgpR9HG6750716GuUipYf2AcThU3k20B31USuiaaIEg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "binary-extensions": "^2.0.0"
+        "@jest/environment": "30.0.4",
+        "@jest/fake-timers": "30.0.4",
+        "@jest/types": "30.0.1",
+        "@types/node": "*",
+        "jest-mock": "30.0.2",
+        "jest-util": "30.0.2",
+        "jest-validate": "30.0.2"
       },
       "engines": {
-        "node": ">=8"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-boolean-object": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.1.tgz",
-      "integrity": "sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==",
+    "node_modules/jest-haste-map": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-30.0.2.tgz",
+      "integrity": "sha512-telJBKpNLeCb4MaX+I5k496556Y2FiKR/QLZc0+MGBYl4k3OO0472drlV2LUe7c1Glng5HuAu+5GLYp//GpdOQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "has-tostringtag": "^1.0.2"
+        "@jest/types": "30.0.1",
+        "@types/node": "*",
+        "anymatch": "^3.1.3",
+        "fb-watchman": "^2.0.2",
+        "graceful-fs": "^4.2.11",
+        "jest-regex-util": "30.0.1",
+        "jest-util": "30.0.2",
+        "jest-worker": "30.0.2",
+        "micromatch": "^4.0.8",
+        "walker": "^1.0.8"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "optionalDependencies": {
+        "fsevents": "^2.3.3"
       }
     },
-    "node_modules/is-bun-module": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-1.3.0.tgz",
-      "integrity": "sha512-DgXeu5UWI0IsMQundYb5UAOzm6G2eVnarJ0byP6Tm55iZNKceD59LNPA2L4VvsScTtHcw0yEkVwSf7PC+QoLSA==",
+    "node_modules/jest-leak-detector": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-30.0.2.tgz",
+      "integrity": "sha512-U66sRrAYdALq+2qtKffBLDWsQ/XoNNs2Lcr83sc9lvE/hEpNafJlq2lXCPUBMNqamMECNxSIekLfe69qg4KMIQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "semver": "^7.6.3"
+        "@jest/get-type": "30.0.1",
+        "pretty-format": "30.0.2"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-callable": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+    "node_modules/jest-leak-detector/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/is-core-module": {
-      "version": "2.16.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.0.tgz",
-      "integrity": "sha512-urTSINYfAYgcbLb0yDQ6egFm6h3Mo1DcF9EkyXSRjjzdHbsulg01qhwWuXdOoUBuTkbQ80KDboXa0vFJ+BDH+g==",
+    "node_modules/jest-leak-detector/node_modules/pretty-format": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+      "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "hasown": "^2.0.2"
+        "@jest/schemas": "30.0.1",
+        "ansi-styles": "^5.2.0",
+        "react-is": "^18.3.1"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-data-view": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
-      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+    "node_modules/jest-leak-detector/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "get-intrinsic": "^1.2.6",
-        "is-typed-array": "^1.1.13"
+      "license": "MIT"
+    },
+    "node_modules/jest-matcher-utils": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-30.0.4.tgz",
+      "integrity": "sha512-ubCewJ54YzeAZ2JeHHGVoU+eDIpQFsfPQs0xURPWoNiO42LGJ+QGgfSf+hFIRplkZDkhH5MOvuxHKXRTUU3dUQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/get-type": "30.0.1",
+        "chalk": "^4.1.2",
+        "jest-diff": "30.0.4",
+        "pretty-format": "30.0.2"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-date-object": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
-      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+    "node_modules/jest-matcher-utils/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "has-tostringtag": "^1.0.2"
-      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+    "node_modules/jest-matcher-utils/node_modules/pretty-format": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+      "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "30.0.1",
+        "ansi-styles": "^5.2.0",
+        "react-is": "^18.3.1"
+      },
       "engines": {
-        "node": ">=0.10.0"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-finalizationregistry": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.0.tgz",
-      "integrity": "sha512-qfMdqbAQEwBw78ZyReKnlA8ezmPdb9BemzIIip/JkjaZUhitfXDkkr+3QTboW0JrSXT1QWyYShpvnNHGZ4c4yA==",
+    "node_modules/jest-matcher-utils/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-message-util": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-30.0.2.tgz",
+      "integrity": "sha512-vXywcxmr0SsKXF/bAD7t7nMamRvPuJkras00gqYeB1V0WllxZrbZ0paRr3XqpFU2sYYjD0qAaG2fRyn/CGZ0aw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7"
+        "@babel/code-frame": "^7.27.1",
+        "@jest/types": "30.0.1",
+        "@types/stack-utils": "^2.0.3",
+        "chalk": "^4.1.2",
+        "graceful-fs": "^4.2.11",
+        "micromatch": "^4.0.8",
+        "pretty-format": "30.0.2",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.6"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+    "node_modules/jest-message-util/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/is-generator-function": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+    "node_modules/jest-message-util/node_modules/pretty-format": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+      "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "@jest/schemas": "30.0.1",
+        "ansi-styles": "^5.2.0",
+        "react-is": "^18.3.1"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+    "node_modules/jest-message-util/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-mock": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-30.0.2.tgz",
+      "integrity": "sha512-PnZOHmqup/9cT/y+pXIVbbi8ID6U1XHRmbvR7MvUy4SLqhCbwpkmXhLbsWbGewHrV5x/1bF7YDjs+x24/QSvFA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "is-extglob": "^2.1.1"
+        "@jest/types": "30.0.1",
+        "@types/node": "*",
+        "jest-util": "30.0.2"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-map": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
-      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+    "node_modules/jest-pnp-resolver": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
+      "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=6"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "peerDependencies": {
+        "jest-resolve": "*"
+      },
+      "peerDependenciesMeta": {
+        "jest-resolve": {
+          "optional": true
+        }
       }
     },
-    "node_modules/is-negative-zero": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
-      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+    "node_modules/jest-regex-util": {
+      "version": "30.0.1",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-30.0.1.tgz",
+      "integrity": "sha512-jHEQgBXAgc+Gh4g0p3bCevgRCVRkB4VB70zhoAE48gxeSr1hfUOsM/C2WoJgVL7Eyg//hudYENbm3Ne+/dRVVA==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+    "node_modules/jest-resolve": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-30.0.2.tgz",
+      "integrity": "sha512-q/XT0XQvRemykZsvRopbG6FQUT6/ra+XV6rPijyjT6D0msOyCvR2A5PlWZLd+fH0U8XWKZfDiAgrUNDNX2BkCw==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "graceful-fs": "^4.2.11",
+        "jest-haste-map": "30.0.2",
+        "jest-pnp-resolver": "^1.2.3",
+        "jest-util": "30.0.2",
+        "jest-validate": "30.0.2",
+        "slash": "^3.0.0",
+        "unrs-resolver": "^1.7.11"
+      },
       "engines": {
-        "node": ">=0.12.0"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-number-object": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
-      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+    "node_modules/jest-resolve-dependencies": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-30.0.4.tgz",
+      "integrity": "sha512-EQBYow19B/hKr4gUTn+l8Z+YLlP2X0IoPyp0UydOtrcPbIOYzJ8LKdFd+yrbwztPQvmlBFUwGPPEzHH1bAvFAw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3",
-        "has-tostringtag": "^1.0.2"
+        "jest-regex-util": "30.0.1",
+        "jest-snapshot": "30.0.4"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-regex": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
-      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+    "node_modules/jest-runner": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-30.0.4.tgz",
+      "integrity": "sha512-mxY0vTAEsowJwvFJo5pVivbCpuu6dgdXRmt3v3MXjBxFly7/lTk3Td0PaMyGOeNQUFmSuGEsGYqhbn7PA9OekQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "gopd": "^1.2.0",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.2"
+        "@jest/console": "30.0.4",
+        "@jest/environment": "30.0.4",
+        "@jest/test-result": "30.0.4",
+        "@jest/transform": "30.0.4",
+        "@jest/types": "30.0.1",
+        "@types/node": "*",
+        "chalk": "^4.1.2",
+        "emittery": "^0.13.1",
+        "exit-x": "^0.2.2",
+        "graceful-fs": "^4.2.11",
+        "jest-docblock": "30.0.1",
+        "jest-environment-node": "30.0.4",
+        "jest-haste-map": "30.0.2",
+        "jest-leak-detector": "30.0.2",
+        "jest-message-util": "30.0.2",
+        "jest-resolve": "30.0.2",
+        "jest-runtime": "30.0.4",
+        "jest-util": "30.0.2",
+        "jest-watcher": "30.0.4",
+        "jest-worker": "30.0.2",
+        "p-limit": "^3.1.0",
+        "source-map-support": "0.5.13"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/jest-runtime": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-30.0.4.tgz",
+      "integrity": "sha512-tUQrZ8+IzoZYIHoPDQEB4jZoPyzBjLjq7sk0KVyd5UPRjRDOsN7o6UlvaGF8ddpGsjznl9PW+KRgWqCNO+Hn7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "30.0.4",
+        "@jest/fake-timers": "30.0.4",
+        "@jest/globals": "30.0.4",
+        "@jest/source-map": "30.0.1",
+        "@jest/test-result": "30.0.4",
+        "@jest/transform": "30.0.4",
+        "@jest/types": "30.0.1",
+        "@types/node": "*",
+        "chalk": "^4.1.2",
+        "cjs-module-lexer": "^2.1.0",
+        "collect-v8-coverage": "^1.0.2",
+        "glob": "^10.3.10",
+        "graceful-fs": "^4.2.11",
+        "jest-haste-map": "30.0.2",
+        "jest-message-util": "30.0.2",
+        "jest-mock": "30.0.2",
+        "jest-regex-util": "30.0.1",
+        "jest-resolve": "30.0.2",
+        "jest-snapshot": "30.0.4",
+        "jest-util": "30.0.2",
+        "slash": "^3.0.0",
+        "strip-bom": "^4.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-set": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
-      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+    "node_modules/jest-runtime/node_modules/strip-bom": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
+      "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=8"
       }
     },
-    "node_modules/is-shared-array-buffer": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
-      "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
+    "node_modules/jest-snapshot": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-30.0.4.tgz",
+      "integrity": "sha512-S/8hmSkeUib8WRUq9pWEb5zMfsOjiYWDWzFzKnjX7eDyKKgimsu9hcmsUEg8a7dPAw8s/FacxsXquq71pDgPjQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7"
+        "@babel/core": "^7.27.4",
+        "@babel/generator": "^7.27.5",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/plugin-syntax-typescript": "^7.27.1",
+        "@babel/types": "^7.27.3",
+        "@jest/expect-utils": "30.0.4",
+        "@jest/get-type": "30.0.1",
+        "@jest/snapshot-utils": "30.0.4",
+        "@jest/transform": "30.0.4",
+        "@jest/types": "30.0.1",
+        "babel-preset-current-node-syntax": "^1.1.0",
+        "chalk": "^4.1.2",
+        "expect": "30.0.4",
+        "graceful-fs": "^4.2.11",
+        "jest-diff": "30.0.4",
+        "jest-matcher-utils": "30.0.4",
+        "jest-message-util": "30.0.2",
+        "jest-util": "30.0.2",
+        "pretty-format": "30.0.2",
+        "semver": "^7.7.2",
+        "synckit": "^0.11.8"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/is-string": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
-      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+    "node_modules/jest-snapshot/node_modules/pretty-format": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+      "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3",
-        "has-tostringtag": "^1.0.2"
+        "@jest/schemas": "30.0.1",
+        "ansi-styles": "^5.2.0",
+        "react-is": "^18.3.1"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-symbol": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
-      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+    "node_modules/jest-snapshot/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-util": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-30.0.2.tgz",
+      "integrity": "sha512-8IyqfKS4MqprBuUpZNlFB5l+WFehc8bfCe1HSZFHzft2mOuND8Cvi9r1musli+u6F3TqanCZ/Ik4H4pXUolZIg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "has-symbols": "^1.1.0",
-        "safe-regex-test": "^1.1.0"
+        "@jest/types": "30.0.1",
+        "@types/node": "*",
+        "chalk": "^4.1.2",
+        "ci-info": "^4.2.0",
+        "graceful-fs": "^4.2.11",
+        "picomatch": "^4.0.2"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/jest-util/node_modules/picomatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/is-typed-array": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
-      "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
+    "node_modules/jest-validate": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-30.0.2.tgz",
+      "integrity": "sha512-noOvul+SFER4RIvNAwGn6nmV2fXqBq67j+hKGHKGFCmK4ks/Iy1FSrqQNBLGKlu4ZZIRL6Kg1U72N1nxuRCrGQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "which-typed-array": "^1.1.14"
+        "@jest/get-type": "30.0.1",
+        "@jest/types": "30.0.1",
+        "camelcase": "^6.3.0",
+        "chalk": "^4.1.2",
+        "leven": "^3.1.0",
+        "pretty-format": "30.0.2"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/is-weakmap": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
-      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+    "node_modules/jest-validate/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/is-weakref": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.0.tgz",
-      "integrity": "sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==",
+    "node_modules/jest-validate/node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2"
-      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/is-weakset": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.3.tgz",
-      "integrity": "sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==",
+    "node_modules/jest-validate/node_modules/pretty-format": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.2.tgz",
+      "integrity": "sha512-yC5/EBSOrTtqhCKfLHqoUIAXVRZnukHPwWBJWR7h84Q3Be1DRQZLncwcfLoPA5RPQ65qfiCMqgYwdUuQ//eVpg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "get-intrinsic": "^1.2.4"
+        "@jest/schemas": "30.0.1",
+        "ansi-styles": "^5.2.0",
+        "react-is": "^18.3.1"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/isarray": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+    "node_modules/jest-validate/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "license": "ISC"
-    },
-    "node_modules/iterator.prototype": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.4.tgz",
-      "integrity": "sha512-x4WH0BWmrMmg4oHHl+duwubhrvczGlyuGAZu3nvrf0UXOfPu8IhZObFEr7DE/iv01YgVZrsOiRcqw2srkKEDIA==",
+    "node_modules/jest-watcher": {
+      "version": "30.0.4",
+      "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-30.0.4.tgz",
+      "integrity": "sha512-YESbdHDs7aQOCSSKffG8jXqOKFqw4q4YqR+wHYpR5GWEQioGvL0BfbcjvKIvPEM0XGfsfJrka7jJz3Cc3gI4VQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "define-data-property": "^1.1.4",
-        "es-object-atoms": "^1.0.0",
-        "get-intrinsic": "^1.2.6",
-        "has-symbols": "^1.1.0",
-        "reflect.getprototypeof": "^1.0.8",
-        "set-function-name": "^2.0.2"
+        "@jest/test-result": "30.0.4",
+        "@jest/types": "30.0.1",
+        "@types/node": "*",
+        "ansi-escapes": "^4.3.2",
+        "chalk": "^4.1.2",
+        "emittery": "^0.13.1",
+        "jest-util": "30.0.2",
+        "string-length": "^4.0.2"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "30.0.2",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-30.0.2.tgz",
+      "integrity": "sha512-RN1eQmx7qSLFA+o9pfJKlqViwL5wt+OL3Vff/A+/cPsmuw7NPwfgl33AP+/agRmHzPOFgXviRycR9kYwlcRQXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@ungap/structured-clone": "^1.3.0",
+        "jest-util": "30.0.2",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.1.1"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/jackspeak": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-      "license": "BlueOak-1.0.0",
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
+        "has-flag": "^4.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+      "engines": {
+        "node": ">=10"
       },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
     "node_modules/jiti": {
@@ -6539,6 +11740,96 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/jsdom": {
+      "version": "26.1.0",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-26.1.0.tgz",
+      "integrity": "sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssstyle": "^4.2.1",
+        "data-urls": "^5.0.0",
+        "decimal.js": "^10.5.0",
+        "html-encoding-sniffer": "^4.0.0",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.16",
+        "parse5": "^7.2.1",
+        "rrweb-cssom": "^0.8.0",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^5.1.1",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^3.1.1",
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.1.1",
+        "ws": "^8.18.0",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "canvas": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsdom/node_modules/tr46": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.1.1.tgz",
+      "integrity": "sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/jsdom/node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/jsdom/node_modules/whatwg-url": {
+      "version": "14.2.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.2.0.tgz",
+      "integrity": "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^5.1.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/json-buffer": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
@@ -6546,6 +11837,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -6619,6 +11917,16 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/leven": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
+      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -6673,6 +11981,13 @@
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
       "license": "MIT"
     },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -6707,6 +12022,49 @@
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
+    "node_modules/lz-string": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "lz-string": "bin/bin.js"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
+      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-error": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
+      "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
+      "license": "ISC"
+    },
+    "node_modules/makeerror": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
+      "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tmpl": "1.0.5"
+      }
+    },
     "node_modules/math-intrinsics": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.0.0.tgz",
@@ -6723,6 +12081,13 @@
       "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==",
       "license": "MIT"
     },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -6766,6 +12131,26 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -6879,6 +12264,22 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
+    "node_modules/napi-postinstall": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.3.0.tgz",
+      "integrity": "sha512-M7NqKyhODKV1gRLdkwE7pDsZP2/SC2a2vHkOYh9MCpKMbWVfyVfUw5MaH83Fv6XMjxr5jryUp3IDDL9rlxsTeA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "napi-postinstall": "lib/cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/napi-postinstall"
+      }
+    },
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
@@ -6940,6 +12341,16 @@
         }
       }
     },
+    "node_modules/next-themes": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.4.6.tgz",
+      "integrity": "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc"
+      }
+    },
     "node_modules/next/node_modules/postcss": {
       "version": "8.4.31",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
@@ -7007,6 +12418,20 @@
         "url": "https://opencollective.com/node-fetch"
       }
     },
+    "node_modules/node-int64": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
+      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -7026,6 +12451,26 @@
         "node": "^18.17.0 || >=20.5.0"
       }
     },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/nwsapi": {
+      "version": "2.2.20",
+      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.20.tgz",
+      "integrity": "sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -7153,6 +12598,32 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -7203,6 +12674,16 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/package-json-from-dist": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
@@ -7222,6 +12703,38 @@
         "node": ">=6"
       }
     },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -7232,6 +12745,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -7290,13 +12813,82 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/pirates": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/pkg-dir": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "find-up": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
       "engines": {
-        "node": ">= 6"
+        "node": ">=8"
       }
     },
     "node_modules/possible-typed-array-names": {
@@ -7462,6 +13054,55 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/pretty-format": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/pretty-format/node_modules/react-is": {
+      "version": "17.0.2",
+      "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
+    },
     "node_modules/proc-log": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-5.0.0.tgz",
@@ -7499,6 +13140,23 @@
         "node": ">=6"
       }
     },
+    "node_modules/pure-rand": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-7.0.1.tgz",
+      "integrity": "sha512-oTUZM/NAZS8p7ANR3SHh30kXB+zK2r2BPcEn/awJIbOvq82WoMN4p62AWWp3Hhw50G0xMsw1mhIBLqHw64EcNQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/dubzzz"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fast-check"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -7773,6 +13431,20 @@
       "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
       "license": "MIT"
     },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/redux": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
@@ -7811,6 +13483,26 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/regenerate-unicode-properties": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz",
+      "integrity": "sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/regenerator-runtime": {
       "version": "0.14.1",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
@@ -7836,6 +13528,67 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/regexpu-core": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.2.0.tgz",
+      "integrity": "sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.2.0",
+        "regjsgen": "^0.8.0",
+        "regjsparser": "^0.12.0",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/regjsparser": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.12.0.tgz",
+      "integrity": "sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "jsesc": "~3.0.2"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/regjsparser/node_modules/jsesc": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/reselect": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
@@ -7843,9 +13596,9 @@
       "license": "MIT"
     },
     "node_modules/resolve": {
-      "version": "1.22.9",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.9.tgz",
-      "integrity": "sha512-QxrmX1DzraFIi9PxdG5VkRfRwIgjwyud+z/iBwfRRrVmHc+P9Q7u2lSSpQ6bjr2gy5lrqIiU9vb6iAeGf2400A==",
+      "version": "1.22.10",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
+      "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
       "license": "MIT",
       "dependencies": {
         "is-core-module": "^2.16.0",
@@ -7855,10 +13608,36 @@
       "bin": {
         "resolve": "bin/resolve"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/resolve-cwd": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
+      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-cwd/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/resolve-from": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -7905,6 +13684,13 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/rrweb-cssom": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
+      "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -7966,6 +13752,26 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
     "node_modules/scheduler": {
       "version": "0.25.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0.tgz",
@@ -7973,9 +13779,9 @@
       "license": "MIT"
     },
     "node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
       "devOptional": true,
       "license": "ISC",
       "bin": {
@@ -8178,6 +13984,26 @@
         "is-arrayish": "^0.3.1"
       }
     },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -8187,6 +14013,24 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/source-map-support": {
+      "version": "0.5.13",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz",
+      "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
     "node_modules/stable-hash": {
       "version": "0.0.4",
       "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.4.tgz",
@@ -8194,6 +14038,29 @@
       "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",
+      "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/stack-utils/node_modules/escape-string-regexp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/streamsearch": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
@@ -8202,6 +14069,43 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/string-length": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
+      "integrity": "sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "char-regex": "^1.0.2",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/string-length/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-length/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/string-width": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
@@ -8420,6 +14324,29 @@
         "node": ">=4"
       }
     },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -8542,6 +14469,29 @@
         "react": "^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/synckit": {
+      "version": "0.11.8",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.11.8.tgz",
+      "integrity": "sha512-+XZ+r1XGIJGeQk3VvXhT6xx/VpbHsRzsTkGgF6E5RX9TTXD0118l87puaEBZ566FhqblC6U0d4XnubznJDm30A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@pkgr/core": "^0.2.4"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/synckit"
+      }
+    },
     "node_modules/tailwind-merge": {
       "version": "2.6.0",
       "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.6.0.tgz",
@@ -8643,15 +14593,52 @@
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "@isaacs/fs-minipass": "^4.0.0",
-        "chownr": "^3.0.0",
-        "minipass": "^7.1.2",
-        "minizlib": "^3.0.1",
-        "mkdirp": "^3.0.1",
-        "yallist": "^5.0.0"
+        "@isaacs/fs-minipass": "^4.0.0",
+        "chownr": "^3.0.0",
+        "minipass": "^7.1.2",
+        "minizlib": "^3.0.1",
+        "mkdirp": "^3.0.1",
+        "yallist": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/test-exclude": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
+      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^7.1.4",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/test-exclude/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
       },
       "engines": {
-        "node": ">=18"
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/thenify": {
@@ -8681,6 +14668,33 @@
       "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
       "license": "MIT"
     },
+    "node_modules/tldts": {
+      "version": "6.1.86",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.86.tgz",
+      "integrity": "sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tldts-core": "^6.1.86"
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
+      }
+    },
+    "node_modules/tldts-core": {
+      "version": "6.1.86",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.86.tgz",
+      "integrity": "sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tmpl": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
+      "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -8693,6 +14707,19 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/tough-cookie": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.1.2.tgz",
+      "integrity": "sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tldts": "^6.1.32"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
     "node_modules/tr46": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
@@ -8718,6 +14745,55 @@
       "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
       "license": "Apache-2.0"
     },
+    "node_modules/ts-node": {
+      "version": "10.9.2",
+      "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",
+      "integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@cspotcode/source-map-support": "^0.8.0",
+        "@tsconfig/node10": "^1.0.7",
+        "@tsconfig/node12": "^1.0.7",
+        "@tsconfig/node14": "^1.0.0",
+        "@tsconfig/node16": "^1.0.2",
+        "acorn": "^8.4.1",
+        "acorn-walk": "^8.1.1",
+        "arg": "^4.1.0",
+        "create-require": "^1.1.0",
+        "diff": "^4.0.1",
+        "make-error": "^1.1.1",
+        "v8-compile-cache-lib": "^3.0.1",
+        "yn": "3.1.1"
+      },
+      "bin": {
+        "ts-node": "dist/bin.js",
+        "ts-node-cwd": "dist/bin-cwd.js",
+        "ts-node-esm": "dist/bin-esm.js",
+        "ts-node-script": "dist/bin-script.js",
+        "ts-node-transpile-only": "dist/bin-transpile.js",
+        "ts-script": "dist/bin-script-deprecated.js"
+      },
+      "peerDependencies": {
+        "@swc/core": ">=1.2.50",
+        "@swc/wasm": ">=1.2.50",
+        "@types/node": "*",
+        "typescript": ">=2.7"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "@swc/wasm": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ts-node/node_modules/arg": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
+      "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
+      "license": "MIT"
+    },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
@@ -8750,6 +14826,29 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/type-detect": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.21.3",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/typed-array-buffer": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
@@ -8832,7 +14931,6 @@
       "version": "5.7.2",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.2.tgz",
       "integrity": "sha512-i5t66RHxDvVN40HfDd1PsEThGNnlMCMT3jMUuoh9/0TaqWevNontacunWyN02LA9/fIbEWlcHZcgTKb9QoaLfg==",
-      "dev": true,
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
@@ -8867,6 +14965,116 @@
       "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
       "license": "MIT"
     },
+    "node_modules/unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz",
+      "integrity": "sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-value-ecmascript": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.0.tgz",
+      "integrity": "sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unrs-resolver": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.11.1.tgz",
+      "integrity": "sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "napi-postinstall": "^0.3.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unrs-resolver"
+      },
+      "optionalDependencies": {
+        "@unrs/resolver-binding-android-arm-eabi": "1.11.1",
+        "@unrs/resolver-binding-android-arm64": "1.11.1",
+        "@unrs/resolver-binding-darwin-arm64": "1.11.1",
+        "@unrs/resolver-binding-darwin-x64": "1.11.1",
+        "@unrs/resolver-binding-freebsd-x64": "1.11.1",
+        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.11.1",
+        "@unrs/resolver-binding-linux-arm-musleabihf": "1.11.1",
+        "@unrs/resolver-binding-linux-arm64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-arm64-musl": "1.11.1",
+        "@unrs/resolver-binding-linux-ppc64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-riscv64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-riscv64-musl": "1.11.1",
+        "@unrs/resolver-binding-linux-s390x-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-x64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-x64-musl": "1.11.1",
+        "@unrs/resolver-binding-wasm32-wasi": "1.11.1",
+        "@unrs/resolver-binding-win32-arm64-msvc": "1.11.1",
+        "@unrs/resolver-binding-win32-ia32-msvc": "1.11.1",
+        "@unrs/resolver-binding-win32-x64-msvc": "1.11.1"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
     "node_modules/uri-js": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -8935,6 +15143,27 @@
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
       "license": "MIT"
     },
+    "node_modules/v8-compile-cache-lib": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
+      "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
+      "license": "MIT"
+    },
+    "node_modules/v8-to-istanbul": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz",
+      "integrity": "sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.12",
+        "@types/istanbul-lib-coverage": "^2.0.1",
+        "convert-source-map": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.12.0"
+      }
+    },
     "node_modules/victory-vendor": {
       "version": "36.9.2",
       "resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-36.9.2.tgz",
@@ -8963,6 +15192,29 @@
       "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
       "license": "MIT"
     },
+    "node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/walker": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
+      "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "makeerror": "1.0.12"
+      }
+    },
     "node_modules/web-streams-polyfill": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.3.3.tgz",
@@ -8979,6 +15231,29 @@
       "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
       "license": "BSD-2-Clause"
     },
+    "node_modules/whatwg-encoding": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/whatwg-url": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
@@ -9189,6 +15464,13 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/write-file-atomic": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-6.0.0.tgz",
@@ -9224,6 +15506,45 @@
         }
       }
     },
+    "node_modules/xlsx": {
+      "version": "0.20.3",
+      "resolved": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz",
+      "integrity": "sha512-oLDq3jw7AcLqKWH2AhCpVTZl8mf6X2YReP+Neh0SJUzV/BdZYjth94tG5toiMB1PPrYtxOCfaoUCkvtuH+3AJA==",
+      "license": "Apache-2.0",
+      "bin": {
+        "xlsx": "bin/xlsx.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/yallist": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
@@ -9246,6 +15567,89 @@
         "node": ">= 14"
       }
     },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/yargs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/yargs/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/yargs/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/yn": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
+      "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/package.json b/package.json
index 1cb5166..5be5d04 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,12 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "gen-type": "npx supabase gen types typescript --project-id \"sjqbafovqiydkndodbsb\" --schema public > app/types/database.types.ts"
+    "gen-type": "npx supabase gen types typescript --project-id \"sjqbafovqiydkndodbsb\" --schema public > app/types/database.types.ts",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "test:test": "jest 2>&1 | tee test.txt",
+    "test:ci": "jest --ci --coverage --watchAll=false"
   },
   "dependencies": {
     "@codemirror/lang-javascript": "^6.2.3",
@@ -49,6 +54,7 @@
     "framer-motion": "^12.5.0",
     "lucide-react": "^0.474.0",
     "next": "^15.1.0",
+    "next-themes": "^0.4.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-icons": "^5.4.0",
@@ -58,16 +64,28 @@
     "recharts": "^2.15.3",
     "swr": "^2.3.3",
     "tailwind-merge": "^2.6.0",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwindcss-animate": "^1.0.7",
+    "ts-node": "^10.9.2",
+    "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz"
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.27.2",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
     "@eslint/eslintrc": "^3",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^30.0.0",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@types/react-redux": "^7.1.34",
+    "babel-jest": "^30.0.0",
     "eslint": "^9",
     "eslint-config-next": "15.1.0",
+    "jest": "^30.0.0",
+    "jest-environment-jsdom": "^30.0.0",
     "postcss": "^8",
     "supabase": "^2.24.3",
     "tailwindcss": "^3.4.1",
diff --git a/supabase/.temp/cli-latest b/supabase/.temp/cli-latest
index eb41090..868afb7 100644
--- a/supabase/.temp/cli-latest
+++ b/supabase/.temp/cli-latest
@@ -1 +1 @@
-v2.24.3
\ No newline at end of file
+v2.26.9
\ No newline at end of file
diff --git a/test/__mocks__/setupMocks.tsx b/test/__mocks__/setupMocks.tsx
new file mode 100644
index 0000000..512280d
--- /dev/null
+++ b/test/__mocks__/setupMocks.tsx
@@ -0,0 +1,77 @@
+// test/setupMocks.ts
+
+jest.mock('next/link', () => {
+  return ({ children, href }: { children: React.ReactNode; href: string }) => (
+    <a href={href}>{children}</a>
+  )
+})
+
+jest.mock('@/app/components/ui/card', () => ({
+  Card: ({ children }: { children: React.ReactNode }) => <div data-testid="card">{children}</div>,
+  CardContent: ({ children }: { children: React.ReactNode }) => <div data-testid="card-content">{children}</div>,
+  CardHeader: ({ children }: { children: React.ReactNode }) => <div data-testid="card-header">{children}</div>,
+  CardTitle: ({ children }: { children: React.ReactNode }) => <h2 data-testid="card-title">{children}</h2>,
+}))
+
+jest.mock('@/app/components/ui/input', () => ({
+  Input: (props: any) => <input {...props} data-testid="input" />,
+}))
+
+jest.mock('@/app/components/ui/button', () => ({
+  Button: ({ children, onClick, disabled, ...props }: any) => (
+    <button onClick={onClick} disabled={disabled} {...props} data-testid="button">
+      {children}
+    </button>
+  ),
+}))
+
+jest.mock('@/app/components/ui/checkbox', () => ({
+  Checkbox: ({ checked, onCheckedChange, ...props }: any) => (
+    <input
+      type="checkbox"
+      checked={checked}
+      onChange={(e) => onCheckedChange?.(e.target.checked)}
+      {...props}
+      data-testid="checkbox"
+    />
+  ),
+}))
+
+jest.mock('@/app/components/ui/label', () => ({
+  Label: ({ children, ...props }: any) => <label {...props} data-testid="label">{children}</label>,
+}))
+
+jest.mock('@/app/components/ui/badge', () => ({
+  Badge: ({ children, ...props }: any) => <span {...props} data-testid="badge">{children}</span>,
+}))
+
+jest.mock('@/app/components/ErrModal', () => {
+  return ({ onClose, error }: any) => (
+    <div data-testid="error-modal">
+      <button onClick={onClose}>Close</button>
+      <div>{error.ErrMessage}</div>
+    </div>
+  )
+})
+
+jest.mock('@/app/components/Spinner', () => {
+  return () => <div data-testid="spinner">Loading...</div>
+})
+
+jest.mock('@/app/components/HelpModal', () => {
+  return ({ children, title, triggerText }: any) => (
+    <div data-testid="help-modal">
+      <button>{triggerText}</button>
+      <div>{title}</div>
+      {children}
+    </div>
+  )
+})
+
+jest.mock('@/app/components/ui/scroll-area', () => ({
+  ScrollArea: ({ children, onScrollCapture, className }: any) => (
+    <div className={className} onScroll={onScrollCapture} data-testid="scroll-area">
+      {children}
+    </div>
+  ),
+}));
\ No newline at end of file
diff --git a/test/utils/dom.ts b/test/utils/dom.ts
new file mode 100644
index 0000000..534e6da
--- /dev/null
+++ b/test/utils/dom.ts
@@ -0,0 +1,8 @@
+// test/utils/dom.ts
+export function getOutsideHelpModal<T extends HTMLElement>(
+  getAllFn: () => T[]
+): T {
+  const el = getAllFn().find(el => !el.closest('[data-testid="help-modal"]'))
+  if (!el) throw new Error('Element not found outside help-modal')
+  return el
+}
diff --git a/todo.md b/todo.md
deleted file mode 100644
index 0eb439f..0000000
--- a/todo.md
+++ /dev/null
@@ -1,4 +0,0 @@
-- [ ] 단어장 관리 도구 - 정리 => 정규식처리 추가
-- [ ] 프로필 페이지 => 추가
-- [ ] 헤더에 프로필 페이지 연결 => 추가
-- [ ] 리다이액션 전용 페이지 만들기 => 추가
\ No newline at end of file