refactor(frontend): organize components into feature folders and split oversized files

frontend/app/(main)/docs/[section]/client.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { usePathname, useRouter } from "next/navigation";
-import { DocsView } from "@/components/DocsView";
+import { DocsView } from "@/components/docs/DocsView";
 import { SECTION_IDS, type SectionID } from "@/lib/docs-sections";
 
 const VALID_SECTIONS = new Set<SectionID>(SECTION_IDS);

frontend/app/(main)/docs/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useRouter } from "next/navigation";
-import { DocsView } from "@/components/DocsView";
+import { DocsView } from "@/components/docs/DocsView";
 
 // /docs renders the docs surface defaulted to the "overview" section.
 // Picking another section in DocsView's left rail navigates to the

frontend/app/(main)/investigations/client.tsx

@@ -2,9 +2,9 @@
 
 import { useCallback, useEffect, useState } from "react";
 import { useSearchParams, useRouter } from "next/navigation";
-import { SessionWorkspace } from "@/components/SessionWorkspace";
-import { Spinner } from "@/components/Spinner";
-import { ArrowLeftIcon } from "@/components/Icons";
+import { SessionWorkspace } from "@/components/investigations/SessionWorkspace";
+import { Spinner } from "@/components/shared/Spinner";
+import { ArrowLeftIcon } from "@/components/shared/Icons";
 import { api, ApiError, type Investigation } from "@/lib/api";
 
 type LoadState =

frontend/app/(main)/investigations/new/page.tsx

@@ -3,7 +3,7 @@
 import { Suspense } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useEffect, useState } from "react";
-import { InvestigationForm, type FormSubmission } from "@/components/InvestigationForm";
+import { InvestigationForm, type FormSubmission } from "@/components/investigations/InvestigationForm";
 import { api, ApiError } from "@/lib/api";
 
 // Step-state for the *new investigation* flow at /investigations/new. Once

frontend/app/(main)/investigations/page.tsx

@@ -1,6 +1,6 @@
 import { Suspense } from "react";
 import { InvestigationPageClient } from "./client";
-import { Spinner } from "@/components/Spinner";
+import { Spinner } from "@/components/shared/Spinner";
 
 // Next.js requires useSearchParams (used in InvestigationPageClient) to be
 // wrapped in a Suspense boundary for output: "export" static builds.

frontend/app/(main)/layout.tsx

@@ -2,13 +2,13 @@
 
 import { useCallback, useEffect, useState } from "react";
 import { useRouter, usePathname } from "next/navigation";
-import { AppShell } from "@/components/AppShell";
-import { NewPlaybookModal } from "@/components/NewPlaybookModal";
-import { NewTypeModal } from "@/components/NewTypeModal";
+import { AppShell } from "@/components/layout/AppShell";
+import { NewPlaybookModal } from "@/components/playbooks/NewPlaybookModal";
+import { NewTypeModal } from "@/components/playbooks/NewTypeModal";
 import { NewWikiEntryModal } from "@/components/wiki/NewWikiEntryModal";
-import { RepoSummaryStateProvider } from "@/components/RepoSummaryStateProvider";
-import { CodefixPRStateProvider } from "@/components/CodefixPRStateProvider";
-import { WikiProposalNotifier } from "@/components/WikiProposalNotifier";
+import { RepoSummaryStateProvider } from "@/components/repos/RepoSummaryStateProvider";
+import { CodefixPRStateProvider } from "@/components/codefix/CodefixPRStateProvider";
+import { WikiProposalNotifier } from "@/components/wiki/WikiProposalNotifier";
 import { StreamProvider } from "@/lib/stream";
 import { api } from "@/lib/api";
 

frontend/app/(main)/mcp/page.tsx

@@ -2,7 +2,7 @@
 
 import { Suspense, useEffect } from "react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { MCPCatalogView } from "@/components/MCPCatalogView";
+import { MCPCatalogView } from "@/components/mcp/MCPCatalogView";
 
 export default function MCPPage() {
   return (

frontend/app/(main)/playbooks/page.tsx

@@ -2,8 +2,8 @@
 
 import { Suspense, useEffect, useState } from "react";
 import { useRouter, usePathname, useSearchParams } from "next/navigation";
-import { PlaybookList } from "@/components/PlaybookList";
-import { PlaybookEditor } from "@/components/PlaybookEditor";
+import { PlaybookList } from "@/components/playbooks/PlaybookList";
+import { PlaybookEditor } from "@/components/playbooks/PlaybookEditor";
 import { PLAYBOOK_TYPES_CHANGED } from "../layout";
 
 export default function PlaybooksPage() {

frontend/app/(main)/repos/client.tsx

@@ -8,15 +8,15 @@ import {
   type LinkedRepo,
   type RepoSummaryStatus,
 } from "@/lib/api";
-import { GitHubIcon, WarningIcon } from "@/components/Icons";
-import { Spinner } from "@/components/Spinner";
+import { GitHubIcon, WarningIcon } from "@/components/shared/Icons";
+import { Spinner } from "@/components/shared/Spinner";
 import { notifyReposChanged, onReposChanged } from "@/lib/repos-events";
 import { useDialog } from "@/lib/dialog";
 import {
   repoKey,
   useRepoSummaryStatus,
   useRepoSummaryStore,
-} from "@/components/RepoSummaryStateProvider";
+} from "@/components/repos/RepoSummaryStateProvider";
 
 // ReposIndexClient is the top-level /repos page: a flat list of every
 // linked repo (defaults first, then user-added) with its summary

frontend/app/(main)/repos/page.tsx

@@ -3,7 +3,7 @@
 import { Suspense, useEffect } from "react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { ReposIndexClient } from "./client";
-import { RepoArchitectureView } from "@/components/RepoArchitectureView";
+import { RepoArchitectureView } from "@/components/repos/RepoArchitectureView";
 
 export default function ReposPage() {
   return (

frontend/app/(main)/watches/[id]/client.tsx

@@ -5,11 +5,11 @@ import { usePathname } from "next/navigation";
 import { watchesAPI, type Watch, type SignalRecord, type ItemRecord } from "@/lib/api";
 import { useDialog } from "@/lib/dialog";
 import { useStream } from "@/lib/stream";
-import { WatchDetailHeader } from "@/components/WatchDetailHeader";
-import { WatchSignalsPanel } from "@/components/WatchSignalsPanel";
-import { WatchItemsPanel } from "@/components/WatchItemsPanel";
-import { WatchQueueStrip } from "@/components/WatchQueueStrip";
-import { WatchIngestRunsPanel } from "@/components/WatchIngestRunsPanel";
+import { WatchDetailHeader } from "@/components/watches/WatchDetailHeader";
+import { WatchSignalsPanel } from "@/components/watches/WatchSignalsPanel";
+import { WatchItemsPanel } from "@/components/watches/WatchItemsPanel";
+import { WatchQueueStrip } from "@/components/watches/WatchQueueStrip";
+import { WatchIngestRunsPanel } from "@/components/watches/WatchIngestRunsPanel";
 
 // Static export rewrites every /watches/<id>/ path to the same shell
 // (generateStaticParams returns the "_" placeholder), so useParams() is

frontend/app/(main)/watches/[id]/edit/client.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useState } from "react";
 import { usePathname, useRouter } from "next/navigation";
-import { WatchForm } from "@/components/WatchForm";
+import { WatchForm } from "@/components/watches/WatchForm";
 import { watchesAPI, type Watch } from "@/lib/api";
 
 // See note in ../client.tsx: useParams() returns the build-time

frontend/app/(main)/watches/client.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { useWatches } from "@/lib/use-watches";
-import { WatchesList } from "@/components/WatchesList";
-import { AllWatchesSignalsPanel } from "@/components/AllWatchesSignalsPanel";
+import { WatchesList } from "@/components/watches/WatchesList";
+import { AllWatchesSignalsPanel } from "@/components/watches/AllWatchesSignalsPanel";
 
 export function WatchesClient() {
   const { watches, refresh } = useWatches();

frontend/app/(main)/watches/new/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useRouter } from "next/navigation";
-import { WatchForm } from "@/components/WatchForm";
+import { WatchForm } from "@/components/watches/WatchForm";
 import { watchesAPI } from "@/lib/api";
 
 export default function NewWatchPage() {