feat: flatten components/kit -> components folder

web/src/lib/components/SchemaPreview.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import MetaList from "$lib/components/kit/MetaList.svelte";
+	import MetaList from "$lib/components/MetaList.svelte";
-	import SchemaActions from "$lib/components/kit/SchemaActions.svelte";
+	import SchemaActions from "$lib/components/SchemaActions.svelte";
-	import SchemaResultTile from "$lib/components/kit/SchemaResultTile.svelte";
+	import SchemaResultTile from "$lib/components/SchemaResultTile.svelte";
-	import SchemaSourceTile from "$lib/components/kit/SchemaSourceTile.svelte";
+	import SchemaSourceTile from "$lib/components/SchemaSourceTile.svelte";
 	import type { PixelImage } from "$lib/core/types";
 	import type { InputMode, ResultKind } from "$lib/registry-new";
 

web/src/lib/components/SchemaToolView.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import SchemaFields from "$lib/components/kit/SchemaFields.svelte";
+	import SchemaFields from "$lib/components/SchemaFields.svelte";
-	import SchemaPreview from "$lib/components/kit/SchemaPreview.svelte";
+	import SchemaPreview from "$lib/components/SchemaPreview.svelte";
 	import { debounce } from "$lib/core/debounce";
 	import { ToolError } from "$lib/core/errors";
 	import { decodeFile, encode } from "$lib/core/io";

web/src/routes/+layout.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { page } from "$app/state";
 	import favicon from "$lib/assets/favicon.svg";
-	import Footer from "$lib/components/kit/layout/Footer.svelte";
+	import Footer from "$lib/components/layout/Footer.svelte";
-	import TopBar from "$lib/components/kit/layout/TopBar.svelte";
+	import TopBar from "$lib/components/layout/TopBar.svelte";
 	import { initLocale } from "$lib/i18n/locale.svelte";
 	import { getTheme, initTheme, setTheme } from "$lib/theme.svelte";
 	import type { Snippet } from "svelte";

web/src/routes/+page.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import CatalogGroup from "$lib/components/kit/CatalogGroup.svelte";
+	import CatalogGroup from "$lib/components/CatalogGroup.svelte";
-	import CatalogHeader from "$lib/components/kit/CatalogHeader.svelte";
+	import CatalogHeader from "$lib/components/CatalogHeader.svelte";
-	import CatalogToolbar from "$lib/components/kit/CatalogToolbar.svelte";
+	import CatalogToolbar from "$lib/components/CatalogToolbar.svelte";
-	import ToolCard from "$lib/components/kit/ToolCard.svelte";
+	import ToolCard from "$lib/components/ToolCard.svelte";
 	import { PREVIEW_GROUPS, PREVIEW_TOTAL } from "$lib/preview/catalog";
 	import { TOOL_ICONS } from "$lib/preview/tool-icons";
 

web/src/routes/kit/+page.svelte

@@ -1,26 +1,26 @@
 <script lang="ts">
-	import CheckerCanvas from "$lib/components/kit/CheckerCanvas.svelte";
+	import CheckerCanvas from "$lib/components/CheckerCanvas.svelte";
-	import CodeBlock from "$lib/components/kit/CodeBlock.svelte";
+	import CodeBlock from "$lib/components/CodeBlock.svelte";
-	import EmptyState from "$lib/components/kit/EmptyState.svelte";
+	import EmptyState from "$lib/components/EmptyState.svelte";
-	import CheckboxField from "$lib/components/kit/fields/CheckboxField.svelte";
+	import CheckboxField from "$lib/components/fields/CheckboxField.svelte";
-	import ColorField from "$lib/components/kit/fields/ColorField.svelte";
+	import ColorField from "$lib/components/fields/ColorField.svelte";
-	import SelectField from "$lib/components/kit/fields/SelectField.svelte";
+	import SelectField from "$lib/components/fields/SelectField.svelte";
-	import SliderField from "$lib/components/kit/fields/SliderField.svelte";
+	import SliderField from "$lib/components/fields/SliderField.svelte";
-	import TextField from "$lib/components/kit/fields/TextField.svelte";
+	import TextField from "$lib/components/fields/TextField.svelte";
-	import ImageCard from "$lib/components/kit/ImageCard.svelte";
+	import ImageCard from "$lib/components/ImageCard.svelte";
-	import Panel from "$lib/components/kit/layout/Panel.svelte";
+	import Panel from "$lib/components/layout/Panel.svelte";
-	import MetaList from "$lib/components/kit/MetaList.svelte";
+	import MetaList from "$lib/components/MetaList.svelte";
-	import SettingGroup from "$lib/components/kit/SettingGroup.svelte";
+	import SettingGroup from "$lib/components/SettingGroup.svelte";
-	import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte";
+	import SettingsFooter from "$lib/components/SettingsFooter.svelte";
-	import StatusLine from "$lib/components/kit/StatusLine.svelte";
+	import StatusLine from "$lib/components/StatusLine.svelte";
-	import StepCard from "$lib/components/kit/StepCard.svelte";
+	import StepCard from "$lib/components/StepCard.svelte";
-	import ToolCard from "$lib/components/kit/ToolCard.svelte";
+	import ToolCard from "$lib/components/ToolCard.svelte";
-	import Badge from "$lib/components/kit/ui/Badge.svelte";
+	import Badge from "$lib/components/ui/Badge.svelte";
-	import Button from "$lib/components/kit/ui/Button.svelte";
+	import Button from "$lib/components/ui/Button.svelte";
-	import DownloadButton from "$lib/components/kit/ui/DownloadButton.svelte";
+	import DownloadButton from "$lib/components/ui/DownloadButton.svelte";
-	import IconButton from "$lib/components/kit/ui/IconButton.svelte";
+	import IconButton from "$lib/components/ui/IconButton.svelte";
-	import Segmented from "$lib/components/kit/ui/Segmented.svelte";
+	import Segmented from "$lib/components/ui/Segmented.svelte";
-	import Toggle from "$lib/components/kit/ui/Toggle.svelte";
+	import Toggle from "$lib/components/ui/Toggle.svelte";
 	import { Download, ImageOff, Plus, Trash2 } from "@lucide/svelte";
 
 	import { TOOL_ICONS } from "$lib/preview/tool-icons";

web/src/routes/list-tools/+page.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import CatalogGroup from "$lib/components/kit/CatalogGroup.svelte";
+	import CatalogGroup from "$lib/components/CatalogGroup.svelte";
-	import CatalogHeader from "$lib/components/kit/CatalogHeader.svelte";
+	import CatalogHeader from "$lib/components/CatalogHeader.svelte";
-	import CatalogToolbar from "$lib/components/kit/CatalogToolbar.svelte";
+	import CatalogToolbar from "$lib/components/CatalogToolbar.svelte";
-	import ToolCard from "$lib/components/kit/ToolCard.svelte";
+	import ToolCard from "$lib/components/ToolCard.svelte";
 	import { PREVIEW_GROUPS, PREVIEW_TOTAL } from "$lib/preview/catalog";
 	import { TOOL_ICONS } from "$lib/preview/tool-icons";
 

web/src/routes/tools/[id]/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+	import EmptyState from "$lib/components/EmptyState.svelte";
+	import SchemaToolView from "$lib/components/SchemaToolView.svelte";
 	import { getTool } from "$lib/registry-new";
-	import SchemaToolView from "$lib/components/kit/SchemaToolView.svelte";
-	import EmptyState from "$lib/components/kit/EmptyState.svelte";
 	import { SlidersHorizontal as ToolIcon } from "@lucide/svelte";
 
 	interface Props {