@djangocfg/ui-tools 2.1.418 → 2.1.420

package/README.md

@@ -6,264 +6,91 @@
 
 # @djangocfg/ui-tools
 
-Heavy React tools with lazy loading. No Next.js dependency — works with Electron, Vite, CRA, any React environment.
+Heavy, lazy-loaded React components for admin, devtools, and dashboards. Pairs with [`@djangocfg/ui-core`](../ui-core) (primitives + theme tokens).
 
-Part of [DjangoCFG](https://djangocfg.com).
+Every tool is `React.lazy` by default — import what you use, pay only its bundle cost.
 
-```bash
-pnpm add @djangocfg/ui-tools
-```
-
----
-
-## What's inside
-
-Sixteen tools, each one lazy-loaded so it doesn't ship until used. Bundle size is the gzipped tool by itself; deps (mapbox, monaco, etc.) load on first render.
-
-| Tool | Bundle | Docs |
-|------|--------|------|
-| `Map` | ~800KB | MapLibre maps, markers, clusters, layers. [README](src/tools/Map/README.md) |
-| `Mermaid` | ~800KB | Diagrams + declarative builders |
-| `CodeEditor` | ~550KB | Monaco editor + diff view |
-| `PrettyCode` | ~500KB | Syntax-highlighted read-only code |
-| `OpenapiViewer` | ~400KB | OpenAPI schema viewer + playground |
-| `JsonForm` | ~300KB | JSON-Schema-driven form generator |
-| `MarkdownEditor` | ~200KB | Tiptap WYSIWYG with `@`-mentions |
-| `LottiePlayer` | ~200KB | Lottie animation player |
-| `Chat` | ~150KB | Streaming chat (SSE + tool calls + attachments). [README](src/tools/Chat/README.md) |
-| `SpeechRecognition` | ~40KB | Mic capture + STT with pluggable engines (Web Speech / HTTP / WS). [README](src/tools/SpeechRecognition/README.md) |
-| `VideoPlayer` | ~12KB core | media-chrome player — YouTube / Vimeo / HLS / MP4 in one composable shell. [README](src/tools/VideoPlayer/README.md) |
-| `MarkdownMessage` | ~120KB | Read-only chat-tuned markdown. **SSR-safe** — use as a Client Component, the result is server-rendered. [README](src/components/markdown/MarkdownMessage/README.md) |
-| `JsonTree` | ~100KB | JSON visualization (full/compact/inline modes) |
-| `AudioPlayer` | ~80KB | WebView-safe waveform player |
-| `Gallery` | ~50KB | Image/video gallery + lightbox |
-| `ImageViewer` | ~50KB | Zoom/pan/rotate viewer |
-| `CronScheduler` | ~15KB | Cron expression builder |
-| `Masonry` | ~8KB | Virtualised window-scroll masonry grid with column balancing. [README](src/tools/data/Masonry/README.md) |
-
-Plus utility primitives: `Tree`, `Tour` (with spotlight overlay), `FileIcon`, `UploadDropzone`.
+## Install
 
----
-
-## Imports
-
-**There is no root barrel** — `import … from '@djangocfg/ui-tools'` is intentionally **not** supported. Always import from a tool subpath.
-
-Why: a root barrel plus per-tool subpaths would inevitably ship the same modules twice (the bundled `dist/` copy via the root, plus the raw `src/` copy via the subpath). Different physical modules mean different `React.createContext()` instances — `ChatProvider`, `MapProvider`, `TreeProvider` all silently break across the boundary.
-
-The TypeScript / bundler error you'll see is `Cannot find module '@djangocfg/ui-tools'`. That's intentional; fix it by picking a subpath:
-
-```tsx
-import { LazyJsonTree } from '@djangocfg/ui-tools/json-tree';
-import { Gallery } from '@djangocfg/ui-tools/gallery';
-import { LazyMapContainer, MapMarker } from '@djangocfg/ui-tools/map';
-import { MarkdownMessage } from '@djangocfg/ui-tools/markdown-message';
-import { LazyEditor, useMonaco } from '@djangocfg/ui-tools/code-editor';
-import { LazyChat, createPydanticAIChatTransport } from '@djangocfg/ui-tools/chat';
-import { LazyMarkdownEditor, mentionPresets } from '@djangocfg/ui-tools/markdown-editor';
-import { LazyPlayer, PlayerProvider } from '@djangocfg/ui-tools/audio-player';
-// …same pattern for every tool
+```bash
+pnpm add @djangocfg/ui-tools @djangocfg/ui-core
 ```
 
-Subpaths come in three flavors:
+Wrap your app in `<UiProviders>` from `@djangocfg/ui-core` once at the root (gives Tooltip/Dialog/Toast context to every tool).
 
-- **Lazy + light surface.** The heavy component is exported only as a `Lazy*` wrapper; types, hooks, transports, slot components, and pure helpers are exported synchronously. This is the standard pattern.
-- **Lazy primitives co-exist with light primitives.** `./map` exports `LazyMapContainer` (heavy MapLibre GL) plus `MapMarker` / `MapPopup` etc. — the markers are thin `react-map-gl` wrappers that don't import the heavy lib at module scope.
-- **Synchronous, SSR-safe.** `./markdown-message` is intentionally not lazy — the component is `'use client'` but produces plain HTML, so Next renders it on the server.
+## Catalogue
 
-| Subpath | Ships | Notes |
-|---------|-------|-------|
-| `@djangocfg/ui-tools/chat` | `LazyChat`, `LazyChatLauncher`, plus the raw components (`ChatRoot`, `ChatLauncher`, `MessageBubble`, `Composer`, `MessageBlocks`, header buttons, …), the composer kit (`ComposerMenuButton`, `ComposerBanner`, `ComposerToolPill`, `ComposerModelPicker`, `ComposerRichTextarea`, …), transports (`createPydanticAIChatTransport`, `createHttpTransport`, …), hooks (`useChat`, `useChatComposer`, …), reducer/core/types/style tokens | Use the `Lazy*` wrappers when possible. The raw components are re-exported synchronously for callers that compose custom chat shells — importing them pulls the dependency graph eagerly. |
-| `@djangocfg/ui-tools/code-editor` | `LazyEditor`, `LazyDiffEditor`, `useMonaco`, `useEditor`, `useLanguage`, `useEditorTheme`, `EditorProvider`, types | Monaco (~550 KB) loads only when an editor mounts. `useMonaco` does its own dynamic import. |
-| `@djangocfg/ui-tools/audio-player` | `LazyPlayer`, `PlayerProvider`, selector hooks, slot components (`Cover`, `Title`, `PlayButton`, `Waveform`, …), peaks-cache helpers, store, types | Slot components are presentational — safe synchronous re-exports. They only do anything inside a `<LazyPlayer>` provider. |
-| `@djangocfg/ui-tools/markdown-editor` | `LazyMarkdownEditor`, `mentionPresets`, types | TipTap + ProseMirror (~200 KB) only loads via the lazy wrapper. |
-| `@djangocfg/ui-tools/map` | `LazyMapContainer`, `LazyMapView`, plus light primitives (`MapMarker`, `MapPopup`, `MapCluster`, `MapSource`, `MapLayer`, `MapControls`, `MapProvider`, types) | The heavy MapLibre GL chunk (~800 KB) only loads when `LazyMapContainer` actually mounts. Markers and popups are thin `react-map-gl` wrappers — exported synchronously. |
-| `@djangocfg/ui-tools/markdown-message` | `MarkdownMessage`, `ChatMessageRow`, `ActionRow`, `extractTextFromChildren`, types | **SSR-safe.** The component itself is `'use client'`, but rendering produces plain HTML — Next.js will pre-render it on the server when imported from a Client Component. Use this when you want the markdown renderer without dragging in the full chat. |
-| `@djangocfg/ui-tools/video-player` | `VideoPlayer` (+ `LazyVideoPlayer` alias), `parseEmbedUrl`, composable parts (`PlayButton`, `SeekBar`, `Volume`, `ControlsBar`, …), per-engine canvases, types | media-chrome shell — YouTube / Vimeo / HLS / MP4 / iframe behind one API. Provider engines (`youtube-video-element`, `hls-video-element`, …) are imported only by the matching canvas, so unused engines tree-shake. [README](src/tools/VideoPlayer/README.md) |
-| `@djangocfg/ui-tools/<tool-name>` | One tool | `mermaid`, `speech-recognition`, `json-tree`, `pretty-code`, `openapi-viewer`, `json-form`, `lottie-player`, `video-player`, `image-viewer`, `cron-scheduler`, `gallery`, `tour`, `tree`, `file-icon`, `upload` |
-| `@djangocfg/ui-tools/json-form/full` | `JsonSchemaForm`, `ObjectFieldTemplate`, `evaluateDisabledWhen`, all widgets / templates / utils | Eager bundle. Use only for storybook / internal tooling that needs the template + util APIs at module scope. Production code should import `LazyJsonSchemaForm` from `/json-form` instead. |
-| `@djangocfg/ui-tools/styles` | Tailwind source CSS | |
-| `@djangocfg/ui-tools/dist.css` | Pre-compiled CSS | |
+| Group | Tools |
+|---|---|
+| `chat/` | ChatLauncher, MessageList, Composer, SuggestedPrompts |
+| `data/` | DataGrid · DataTable · JsonTree · Kanban · Listbox · Masonry · Timeline · Tree |
+| `dev/code/` | PrettyCode · DiffViewer · MarkdownMessage |
+| `dev/api/` | OpenapiViewer · ApiRefTable · RequestViewer |
+| `dev/ops/` | LogViewer · EnvTable |
+| `dev/` (top) | Mermaid · Map |
+| `forms/` | CodeEditor (Monaco) · JsonEditor · JsonForm · MarkdownEditor · NotionEditor · FileUpload · Uploader |
+| `input/` | Combobox · CronScheduler (+ CronPreview) · Scroller · Sortable · SpeechRecognition |
+| `media/` | AudioPlayer · VideoPlayer · ImageViewer · LottiePlayer · Gallery |
+| `overlay/` | ResponsiveDialog · ScrollSpy · SelectionToolbar · Tour |
+| `visual/charts/` | Gauge · ActivityGraph · CommitGraph · Sparkline |
+| `visual/indicators/` | StatusIndicator · Fps · Rating |
+| `visual/design/` | ColorPicker · ColorPalette · FileIcon |
+| `visual/` (top) | Marquee · QRCode |
 
-### Code & data inspectors are always-dark by design
+Sub-grouping is internal — public imports stay flat.
 
-`PrettyCode` and `JsonTree` render on a fixed dark surface (`#0d1117`)
-regardless of the host UI theme. Same convention as GitHub, VSCode,
-ChatGPT, Chrome DevTools. Syntax highlighting / typed-value coloring
-ship their own contrast model — mixing them with light UI surfaces
-flattens everything into low-contrast pastels.
-
-The chrome (border, padding, toolbars) still uses semantic UI tokens.
-Only the *content surface* is fixed. See per-tool READMEs for details.
-
----
-
-## Lazy loading
-
-Every heavy tool ships in two flavors:
-
-- `Lazy*` — wrapped in `React.lazy` + `Suspense` + skeleton. Use by default.
-- bare tool (`Mermaid`, `JsonTree`, …) — for explicit loading control.
+## Usage
 
 ```tsx
-import { LazyChat } from '@djangocfg/ui-tools/chat';
+import { JsonTree, LogViewer, DiffViewer, CronScheduler } from '@djangocfg/ui-tools';
 
-<LazyChat transport={transport} />               // loads on mount
-<LazyChat fallback={<MySkeleton />} ... />       // custom loading UI
+<JsonTree data={response} compactHeader />
+<LogViewer entries={logs} />
+<DiffViewer oldCode={a} newCode={b} language="ts" view="split" />
+<CronScheduler value={cron} onChange={setCron} />
 ```
 
-Skeletons match the tool's final layout so swap-in is jank-free.
-
----
-
-## Chat — quick start
-
-The most-used tool. Headless reducer + composable UI: streaming SSE transport, pydantic-AI mapper, decomposed parts (`MessageBubble`, `Composer`, `MessageList`, `ToolCalls`, …), role-aware styling. Floating launcher with FAB, popover/side dock, proactive greeting, live-push notifications, audio mute toggle, reset-with-confirm, Linear-style hotkeys.
+Subpath imports avoid loading siblings:
 
 ```tsx
-import {
-  ChatLauncher,
-  ChatRoot,
-  createPydanticAIChatTransport,
-} from '@djangocfg/ui-tools/chat';
-
-const transport = createPydanticAIChatTransport({
-  buildStreamUrl: (sid, msg) => `${API}/chat/sessions/${sid}/stream?message=${encodeURIComponent(msg)}`,
-  streamMethod: 'GET',
-  buildHeaders: async () => ({ Authorization: `Bearer ${getToken()}` }),
-});
-
-function Chat() {
-  // ChatLauncher mounts <ChatProvider> internally — pass transport / audio /
-  // config here, then render <ChatRoot /> as a child without props.
-  return (
-    <ChatLauncher
-      transport={transport}
-      audio={{}}                         // ChatAudioConfig (sounds map). `{}` uses bundled defaults.
-      hotkey={{ key: '/', meta: true }}
-      fab={{ variant: 'animated' }}     // size='responsive' default — phone/tablet/desktop
-      dock={{ title: 'Assistant', height: 600 }}
-      greeting="Hi 👋 Need help?"
-      headerSlots={{                     // declarative header buttons, rendered inside the provider
-        languagePicker: true,
-        modeToggle: { persistAs: 'my.chat.dock' },
-        reset: {
-          onReset: async () => { await api.clearChat(); return true; },
-        },
-      }}
-    >
-      <ChatRoot />
-    </ChatLauncher>
-  );
-}
+import { JsonTree } from '@djangocfg/ui-tools/json-tree';
+import { LogViewer } from '@djangocfg/ui-tools/log-viewer';
 ```
 
-**What's wired by default:** desktop side-mode toggle (auto-hides on narrow screens), persisted dock prefs, two-step Escape, click-to-focus composer, mobile fullscreen with `dvh` heights, push-preview bubble for inbound messages while closed, **ChatGPT-style autoscroll** (sticky-to-bottom within 120 px, every user-send re-anchors the viewport), **bundled chat notification sounds** (sent/received/start/error/mention/notification, ~136KB inlined as `data:`-URLs inside the lazy chat chunk — zero host setup). Native hosts (cmdop_go / Tauri) pass `audio={{ silenced: true, onSoundEvent }}` to keep web silent while routing triggers to the backend.
-
-Need a fully custom input row (e.g. mention autocomplete via `MarkdownEditor`)? Pass `composer={{ render: ({ composer }) => <YourComposer composer={composer} /> }}` to `<ChatRoot>` — it replaces the default `<Composer>` while keeping autoscroll, JumpToLatest, and history behaviour. Story: `UI Tools / Chat / Composer / Mentions`.
-
-Drop `<VoiceComposerSlot />` from `@djangocfg/ui-tools/speech-recognition` into the composer's `slots.blockStart` (`composer={{ slots: { blockStart: <VoiceComposerSlot /> } }}`) for live mic-to-text — **zero props**, reads / writes the composer through `ComposerHandle` registered in chat context. Set `headerSlots={{ languagePicker: true }}` on `<ChatLauncher>` for a flag-button language picker (66 BCP-47 tags). Both auto-hide on Firefox / in-app browsers / missing `getUserMedia`. See [`SpeechRecognition`](#speech-recognition--quick-start) below.
+## Theming
 
-**Page-context.** The assistant can see the page the user is on. The `page-snapshot` engine (`src/lib/page-snapshot`) walks the live DOM into a token-efficient, redacted snapshot; wire `getDynamicMetadata` on `<ChatRoot>` / `<ChatProvider>` (typically from `usePageSnapshot().getChatMetadata`) and it rides the request `metadata`. When the assistant replies with `point` directives, `<HighlightOverlay>` (`src/tools/Chat/highlight`) spotlights the referenced elements. Story: `UI Tools/Chat/Highlight`.
+All tools render through `@djangocfg/ui-core` semantic tokens (`bg-card`, `text-foreground`, `border-border`, status surfaces) — they adapt automatically to light/dark and to the theme presets in ui-core.
 
-Full docs: [`Chat/README.md`](src/tools/Chat/README.md). Stories are grouped under `UI Tools/Chat` into `Getting Started`, `Messages`, `Composer`, `Launcher`, `Transports`, `Highlight` — plus `Overview` and a one-screen `Showcase`.
+Two intentional exceptions, both opt-in via prop:
 
----
+- **`PrettyCode`** — fixed dark surface regardless of UI theme. Code blocks ship their own contrast model (GitHub/VSCode/ChatGPT convention); mixing with light UI produces low-contrast pastel renders. Override via `mode="light"`.
+- **`DiffViewer`** — adaptive; uses `themes.github` on light, `themes.vsDark` on dark via `useResolvedTheme()`.
 
-<a id="speech-recognition--quick-start"></a>
+Canvas/SVG components (charts, viz) sample theme colors via `useThemeColor`/`alpha` from `@djangocfg/ui-core/styles/palette` — never `color-mix`/`oklch` strings (Canvas2D rejects them).
 
-## Speech Recognition — quick start
-
-Decomposed STT (Speech-to-Text) tool. Headless hook + composable UI + lazy bundle, same shape as `Chat` and `AudioPlayer`. Default backend is the browser Web Speech API (zero deps, zero network); custom engines plug in via a small interface — Deepgram, AssemblyAI, OpenAI Whisper REST, your own gateway, all without vendor SDKs on the critical path.
-
-```tsx
-import {
-  DictationButton,
-  TranscriptView,
-  useSpeechRecognition,
-} from '@djangocfg/ui-tools/speech-recognition';
-
-function Dictate() {
-  const rec = useSpeechRecognition();      // Web Speech engine, browser language
-  return (
-    <>
-      <DictationButton status={rec.status} onClick={() => rec.toggle()} />
-      <TranscriptView transcript={rec.transcript} />
-    </>
-  );
-}
-```
-
-For the chat composer:
-
-```tsx
-import { VoiceComposerSlot } from '@djangocfg/ui-tools/speech-recognition';
-
-<ChatRoot
-  transport={transport}
-  composer={{ slots: { blockStart: <VoiceComposerSlot /> } }}
-/>
-
-// Plus a flag-button language picker in the dock header:
-<ChatLauncher headerSlots={{ languagePicker: true }} ... >
-```
-
-**What's wired by default:** auto-hide on Firefox / in-app WebViews / missing `getUserMedia` (via `useVoiceSupport`); live interim+final stream into the composer via `ComposerHandle` (works transparently for the built-in textarea Composer and a TipTap MarkdownEditor); typed prefix anchored; focus + cursor-to-end on start and every partial; 90-second countdown + 2.5-second silence auto-stop; Esc cancels (without closing the chat) / Enter finishes (without submitting); persisted prefs (`djangocfg-stt:prefs`); `<SpeechRecognitionProvider>` for sharing engine state across the tree. Language picker shows 66 BCP-47 tags sourced from the Chrome Web Speech demo with country flags. Custom engines through `createHttpEngine` (REST/Whisper), `createWebSocketEngine` (Deepgram-style streaming), or `createExternalEngine` (Wails / Tauri / native sidecar — `onStart` / `onStop` / `subscribe` and you're done).
-
-Full docs: [`SpeechRecognition/README.md`](src/tools/SpeechRecognition/README.md). Stories: `UI Tools/Speech/{Dictation, ComposerSlot, PushToTalk, MicMeter, Engines, Languages, Errors}` + `UI Tools/Chat/Composer/Speech & Attachments` and `UI Tools/Chat/Launcher/Playground` (flag-button picker in the dock header). Unit-tested with vitest (`pnpm test`, 21 cases).
-
----
-
-## Markdown
-
-Read-only `<MarkdownMessage>` powers every chat bubble. Stays useful standalone for docs, AI replies, system messages.
-
-```tsx
-import { MarkdownMessage } from '@djangocfg/ui-tools/markdown-message';
-
-<MarkdownMessage content="# Hello\n\nGFM + emoji 😄 + code:\n\n```ts\nconst x = 1;\n```" />
-```
-
-GFM, soft line breaks, smart typography, emoji shortcodes, sanitized HTML, mermaid blocks, syntax-highlighted code, declarative `linkRules` for custom URL schemes (e.g. `cmdop://`, `vehicle://`). Details: [`MarkdownMessage/README.md`](src/tools/MarkdownMessage/README.md).
-
----
-
-## Map
-
-MapLibre GL maps with markers, clusters, layers, drawing, geocoding. Subpath: `@djangocfg/ui-tools/map`. Details: [`Map/README.md`](src/tools/Map/README.md).
-
-```tsx
-import { MapContainer, MapMarker } from '@djangocfg/ui-tools/map';
+## Lazy loading
 
-<MapContainer style="streets" center={[37.6, 55.7]} zoom={10}>
-  <MapMarker position={[37.6, 55.7]} />
-</MapContainer>
-```
+Every tool's default export is `React.lazy`-wrapped; initial bundle stays small. Heaviest:
 
-Optional drawing/geocoding peers: `pnpm add mapbox-gl-draw geocoder-control`.
+Mermaid ~800KB · Monaco CodeEditor ~550KB · PrettyCode (shiki) ~500KB · OpenapiViewer ~400KB · JsonForm ~300KB · AudioPlayer (WaveSurfer) ~200KB · LottiePlayer ~200KB · NotionEditor (TipTap) ~200KB · VideoPlayer (media-chrome) ~150KB · JsonTree ~100KB · ImageViewer ~50KB · CronScheduler ~15KB.
 
----
+Works in Next.js, Vite, Wails, CRA — no framework lock-in.
 
-## Storybook
+## Build discipline
 
-Stories live next to each tool and are registered in [`src/stories/index.ts`](src/stories/index.ts):
+After any `src/` change, **run `pnpm build`** before considering the change done — consumers pick up `dist/` via `pnpm sync:cfg`; a stale `dist/` ships old code silently. See [`CLAUDE.md`](./CLAUDE.md) for details.
 
 ```bash
-pnpm playground
+pnpm build    # rebuild dist/ (tsup)
+pnpm check    # tsc --noEmit
 ```
 
-Open browser to the URL printed in the console. Categories: `Tools/<ToolName>` plus per-feature subsections for Chat and Map.
-
----
-
 ## Requirements
 
-- React 18+ / React 19
-- Tailwind CSS (or import `@djangocfg/ui-tools/dist.css`)
-- Peer deps for individual tools auto-installed by your package manager.
-
----
+- React 18 or 19
+- `@djangocfg/ui-core` (peer)
+- Tailwind CSS v4 (host imports `@djangocfg/ui-core/styles`)
 
 ## License
 
-MIT — see [LICENSE](./LICENSE).
+MIT — © djangocfg.

package/dist/file-icon/index.cjs

@@ -5,7 +5,7 @@ var lib = require('@djangocfg/ui-core/lib');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/tools/visual/FileIcon/icons/icon-data.ts
+// src/tools/visual/design/FileIcon/icons/icon-data.ts
 var DEFAULT_FILE_ICON = { name: "file", svg: '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:100%"><path d="M13 9h5.5L13 3.5V9M6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m5 2H6v16h12v-9h-7V4z" fill="#42a5f5"/></svg>' };
 var FILE_ICONS = [
   { name: "html", svg: '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:100%"><path d="m12 17.56 4.07-1.13.55-6.1H9.38L9.2 8.3h7.6l.2-1.99H7l.56 6.01h6.89l-.23 2.58-2.22.6-2.22-.6-.14-1.66h-2l.29 3.19L12 17.56M4.07 3h15.86L18.5 19.2 12 21l-6.5-1.8L4.07 3z" fill="#e44d26"/></svg>', extensions: ["htm", "xhtml", "html_vm", "asp", "html", "shtml", "xht", "mdoc", "aspx", "jshtm", "volt", "rhtml"] },
@@ -386,7 +386,7 @@ var FILE_ICONS = [
   { name: "php", svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="width:100%;height:100%"><path d="M12 18.08c-6.63 0-12-2.72-12-6.08s5.37-6.08 12-6.08S24 8.64 24 12s-5.37 6.08-12 6.08m-5.19-7.95c.54 0 .91.1 1.09.31.18.2.22.56.13 1.03-.1.53-.29.87-.58 1.09-.28.22-.71.33-1.29.33h-.87l.53-2.76h.99m-3.5 5.55h1.44l.34-1.75h1.23c.54 0 .98-.06 1.33-.17.35-.12.67-.31.96-.58.24-.22.43-.46.58-.73.15-.26.26-.56.31-.88.16-.78.05-1.39-.33-1.82-.39-.44-.99-.65-1.82-.65H4.59l-1.28 6.58m7.25-8.33-1.28 6.58h1.42l.74-3.77h1.14c.36 0 .6.06.71.18.11.12.13.34.07.66l-.57 2.93h1.45l.59-3.07c.13-.62.03-1.07-.27-1.36-.3-.27-.85-.4-1.65-.4h-1.27L12 7.35h-1.44M18 10.13c.55 0 .91.1 1.09.31.18.2.22.56.13 1.03-.1.53-.29.87-.57 1.09-.29.22-.72.33-1.3.33h-.85l.5-2.76h1m-3.5 5.55h1.44l.34-1.75h1.22c.55 0 1-.06 1.35-.17.35-.12.65-.31.95-.58.24-.22.44-.46.58-.73.15-.26.26-.56.32-.88.15-.78.04-1.39-.34-1.82-.36-.44-.99-.65-1.82-.65h-2.75l-1.29 6.58z" fill="#1E88E5"/></svg>', extensions: ["php", "php4", "php5", "phtml", "ctp"] }
 ];
 
-// src/tools/visual/FileIcon/get-file-icon.ts
+// src/tools/visual/design/FileIcon/get-file-icon.ts
 var fileMap = null;
 var extMap = null;
 function buildIndex() {
@@ -539,7 +539,7 @@ function createFileIconSlot({
 }
 chunkPK6SKIKE_cjs.__name(createFileIconSlot, "createFileIconSlot");
 
-// src/tools/visual/FileIcon/loader.ts
+// src/tools/visual/design/FileIcon/loader.ts
 var localGetIcon = /* @__PURE__ */ chunkPK6SKIKE_cjs.__name((name) => ({ svg: getFileIcon(name).svg }), "localGetIcon");
 function loadMaterialIcons() {
   return Promise.resolve(localGetIcon);