@epam/ai-dial-ui-kit 0.15.4 → 0.16.0-dev.11

package/dist/components-manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.15.4",
-  "generatedAt": "2026-10-13T20:04:02.135Z",
+  "version": "0.16.0-dev.11",
+  "generatedAt": "2026-10-15T06:35:43.091Z",
   "kit": {
     "name": "@epam/ai-dial-ui-kit",
     "description": "A modern UI kit for building AI DIAL interfaces with React",
@@ -17,7 +17,7 @@
     "setupNotes": "## Next.js Integration\n1. Install the package. React is the only peer you have to supply — everything\n   the kit renders with, it installs itself.\n\n``` bash\nnpm install @epam/ai-dial-ui-kit\nnpm install react react-dom\n```\n\nAdd the editor packages only if you use the `@epam/ai-dial-ui-kit/editors`\nsubpath. They are optional peers, so `npm install` stays quiet without them, and\nthe kit only reaches for them when a `Lazy*` editor actually mounts:\n\n``` bash\nnpm install monaco-editor @monaco-editor/react @uiw/react-md-editor\n```\n\n2. Import style in the root layout of the project:\n\n```tsx\n// app/layout.tsx\nimport \"@epam/ai-dial-ui-kit/styles.css\";\n```\n\n3. Usage example\n\n```tsx\n// app/page.tsx\n\"use client\";\nimport { DialPrimaryButton } from \"@epam/ai-dial-ui-kit\";\n\nexport default function Home() {\n  return (\n    <div className=\"w-full h-full flex flex-col gap-3 items-center justify-center\">\n      <h1>Test library</h1>\n      <DialPrimaryButton onClick={() => alert('Hello AI DIAL!')} />\n    </div>\n  );\n}\n```\nSee \"🎨 Theming & Customization\" section in README."
   },
   "styles": "# Typography CSS Utility Classes\n\n## Design-system-compliant classes (`dial-*-text`)\n\nUse these by default. They follow the design system type scale.\n\n| Class                             | Design name                 | Weight   | Size / Line-height                  |\n| --------------------------------- | --------------------------- | -------- | ----------------------------------- |\n| `.dial-display1-text`             | Display 1                   | semibold | 32px / 48px                         |\n| `.dial-display2-text`             | Display 2                   | semibold | 28px / 40px                         |\n| `.dial-display3-text`             | Display 3                   | semibold | 22px / 32px                         |\n| `.dial-h1-text`                   | Heading 1                   | semibold | 20px / 28px                         |\n| `.dial-h2-text`                   | Heading 2                   | semibold | 18px / 26px                         |\n| `.dial-h3-text`                   | Heading 3                   | semibold | 16px / 24px                         |\n| `.dial-body-text`                 | Body Text                   | normal   | 16px / 24px                         |\n| `.dial-body-semi-text`            | Body Text (Semi Bold)       | semibold | 16px / 24px                         |\n| `.dial-body-paragraph-text`       | Body Paragraph              | normal   | 16px / 26px                         |\n| `.dial-body-paragraph-semi-text`  | Body Paragraph (Semi Bold)  | semibold | 16px / 26px                         |\n| `.dial-small-text`                | Small Text                  | normal   | 14px / 20px                         |\n| `.dial-small-semi-text`           | Small Text (Semi Bold)      | semibold | 14px / 20px                         |\n| `.dial-small-paragraph-text`      | Small Paragraph             | normal   | 14px / 24px                         |\n| `.dial-small-paragraph-semi-text` | Small Paragraph (Semi Bold) | semibold | 14px / 24px                         |\n| `.dial-tiny-text`                 | Tiny Text                   | normal   | 12px / 16px                         |\n| `.dial-tiny-lead-text`            | Tiny Text Lead              | normal   | 12px / 16px (+0.03em, uppercase)    |\n| `.dial-tiny-semi-text`            | Tiny Text (Semi Bold)       | semibold | 12px / 16px                         |\n| `.dial-tiny-lead-semi-text`       | Tiny Text Lead (Semi Bold)  | semibold | 12px / 16px (+0.03em, uppercase)    |\n| `.dial-caption-text`              | Caption                     | normal   | 10px / 12px                         |\n| `.dial-caption-lead-semi-text`    | Caption Lead (Semi Bold)    | semibold | 10px / 12px (+0.06em, uppercase)    |\n| `.dial-code-text`                 | Code                        | normal   | 14px / 20px (Fira Code / monospace) |\n| `.dial-italic-text`               | Italic                      | normal   | 18px / 22px (serif, italic)         |\n| `.dial-small-italic-text`         | Small Italic                | normal   | 14px / 20px (serif, italic)         |\n| `.dial-tiny-italic-text`          | Tiny Italic                 | normal   | 12px / 16px (serif, italic)         |\n| `.dial-caption-italic-text`       | Caption Italic              | normal   | 10px / 12px (serif, italic)         |\n\nThe three `*-lead-*` classes apply `text-transform: uppercase` themselves — pass them the sentence-case string, not a pre-uppercased one, so the accessible name stays readable.\n\n`.dial-code-text` resolves its family through `var(--theme-font-mono, var(--font-fira-code, 'Fira Code'))` before falling back to the system monospace stack. The kit ships no font file; the host provides the face.\n\nThe `*-italic-text` classes use a serif italic face and are intended for mathematical and formula symbols. Their line-heights follow the corresponding typography size; the default 18px variant uses a fixed 22px line-height to keep standalone symbols vertically aligned without changing their container's height.\n\n## Legacy classes (avoid in new code)\n\nClasses like `dial-h1`, `dial-h2`, `dial-body`, `dial-small*`, `dial-tiny*`, `dial-caption` are legacy. They can be used in legacy projects if user explicidly specify they need legacy typography.\n\n## Raw SCSS source\n",
-  "theming": "# Theming & CSS Variable Tokens\n\nAI DIAL UI Kit uses CSS custom properties (variables) for theming.\nDark and light themes are switched by setting different values for these variables on `:root` or a theme wrapper element.\n\n## Usage in Tailwind\n\nThe Tailwind config maps CSS variables to utility classes.\nUse these classes in your components:\n\n```tsx\n// Backgrounds\n<div className=\"bg-layer-0\" />   // darkest background\n<div className=\"bg-layer-1\" />   // main content area\n<div className=\"bg-layer-2\" />   // elevated panels\n\n// Text\n<span className=\"text-primary\" />    // main text color\n<span className=\"text-secondary\" />  // muted text\n<span className=\"text-error\" />      // error state\n\n// Borders\n<div className=\"border border-primary\" />  // standard border\n<div className=\"border border-error\" />    // error border\n```\n\n## Override CSS Variables\n\n```css\n:root {\n  --bg-layer-0: #000000;\n  --bg-layer-1: #0c101d;\n  --bg-layer-2: #161b2d;\n  --bg-layer-3: #1d2439;\n  --text-primary: #eef1f7;\n  --text-secondary: #9fa6bd;\n  --text-error: #f76464;\n  --stroke-primary: #696e7c;\n  --controls-bg-accent-primary: #3664e2;\n  /* ... see tailwind.config.js for full list */\n}\n```\n\n## Overlay stacking\n\nPortalled overlays stack on a ladder driven by one variable, `--z-overlay`\n(default `52`): `z-popup` (base — `Popup` backdrop), `z-floating` (+1 —\n`Dropdown`/`Select` overlays, submenus, `Calendar`), `z-interactive-tooltip`\n(+2 — `InteractiveTooltip`), `z-tooltip` (+3 — `Tooltip`). To lift every\noverlay above a host's own sticky header or modal, set the base once on `:root`\n(or in a `ThemeScope` class) — the steps move together, so their order is kept:\n\n```css\n:root {\n  --z-overlay: 1000;\n}\n```\n\nDo not override `[role='menu']` or hardcode `z-[53]` in a host. To move one\noverlay only, pass a `z-*` utility through its class prop (`listClassName`,\n`overlayClassName`, `contentClassName`, `panelClassName`) — `mergeClasses`\nreplaces the layer's step with it.\n\n## Token Reference\n\n\n### backgroundsColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `layer-sunken` | `var(--bg-layer-sunken)` | `#EEF1F7` |\n| `layer-base` | `var(--bg-layer-base)` | `#F5F7FA` |\n| `layer-raised` | `var(--bg-layer-raised)` | `#FCFCFC` |\n| `gradient-1` | `var(--bg-gradient-1)` | `#1D4ED8` |\n| `gradient-1-hover` | `var(--bg-gradient-1-hover)` | `#6785FB` |\n| `gradient-1-active` | `var(--bg-gradient-1-active)` | `#1D4ED8` |\n| `gradient-2` | `var(--bg-gradient-2)` | `#885DF2` |\n| `gradient-2-hover` | `var(--bg-gradient-2-hover)` | `#885DF2` |\n| `gradient-2-active` | `var(--bg-gradient-2-active)` | `#7C3AED` |\n| `control-accent-alpha` | `var(--bg-control-accent-alpha)` | `#2764D90F` |\n| `control-accent-alpha-hover` | `var(--bg-control-accent-alpha-hover)` | `#2764D924` |\n| `control-accent-alpha-hover-subtle` | `var(--bg-control-accent-alpha-hover-subtle)` | `#2764D90A` |\n| `control-accent-alpha-active` | `var(--bg-control-accent-alpha-active)` | `#2764D933` |\n| `control-accent-alpha-active-subtle` | `var(--bg-control-accent-alpha-active-subtle)` | `#2764D914` |\n| `control-accent` | `var(--bg-control-accent)` | `#1D4ED8` |\n| `control-accent-muted` | `var(--bg-control-accent-muted)` | `#E1EAF9` |\n| `control-accent-hover` | `var(--bg-control-accent-hover)` | `#5976E9` |\n| `control-neutral` | `var(--bg-control-neutral)` | `#FCFCFC` |\n| `control-neutral-hover-strong` | `var(--bg-control-neutral-hover-strong)` | `#848E9C` |\n| `control-neutral-hover-muted` | `var(--bg-control-neutral-hover-muted)` | `#E0E6F0` |\n| `control-neutral-active` | `var(--bg-control-neutral-active)` | `#D1DBEA` |\n| `control-neutral-default` | `var(--bg-control-neutral-default)` | `#ACB3C3` |\n| `control-inverted` | `var(--bg-control-inverted)` | `#57647A` |\n| `control-error` | `var(--bg-control-error)` | `#AE2F2F` |\n| `control-error-hover` | `var(--bg-control-error-hover)` | `#BF3939` |\n| `control-error-active` | `var(--bg-control-error-active)` | `#CC4545` |\n| `control-error-alpha` | `var(--bg-control-error-alpha)` | `#F764641A` |\n| `control-error-alpha-hover` | `var(--bg-control-error-alpha-hover)` | `#F7646426` |\n| `control-error-alpha-active` | `var(--bg-control-error-alpha-active)` | `#F7646433` |\n| `control-disable-primary` | `var(--bg-control-disable-primary)` | `#DCE0E8` |\n| `control-disable-secondary` | `var(--bg-control-disable-secondary)` | `#ACB3C3` |\n| `green-1` | `var(--bg-visual-green-1)` | `#CDE8E5` |\n| `green-2` | `var(--bg-visual-green-2)` | `#D1F0DC` |\n| `violet-1` | `var(--bg-visual-violet-1)` | `#DDE3F9` |\n| `violet-2` | `var(--bg-visual-violet-2)` | `#F1E9FF` |\n\n### shadowColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `xs-1` | `var(--shadow-xs-1)` | `#2764D933` |\n| `xs-2` | `var(--shadow-xs-2)` | `#161B2D08` |\n\n### borderColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `accent-alpha` | `var(--stroke-accent-alpha)` | `#2764D933` |\n| `gradient-1` | `var(--stroke-gradient-1)` | `#5976E9` |\n| `gradient-2` | `var(--stroke-gradient-2)` | `#885DF2` |\n| `accent-focus` | `var(--stroke-accent-focus)` | `#6785FB` |\n| `error-alpha` | `var(--stroke-error-alpha)` | `#AE2F2F73` |\n| `control-disable-primary` | `var(--stroke-control-disable-primary)` | `#848E9C` |\n\n### textColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `warning-icon` | `var(--text-warning-icon)` | `#EEC840` |\n| `green-1` | `var(--text-visual-green-1)` | `#059669` |\n| `green-2` | `var(--text-visual-green-2)` | `#0D6E72` |\n| `green-3` | `var(--text-visual-green-3)` | `#065F46` |\n| `brown-1` | `var(--text-visual-brown-1)` | `#D36817` |\n| `brown-2` | `var(--text-visual-brown-2)` | `#B45309` |\n| `violet-1` | `var(--text-visual-violet-1)` | `#7C3AED` |\n| `violet-2` | `var(--text-visual-violet-2)` | `#3730B7` |\n| `control-permanent` | `var(--text-control-permanent)` | `#FCFCFC` |\n| `control-inverted` | `var(--text-control-inverted)` | `#FCFCFC` |\n| `control-disable-primary` | `var(--text-control-disable-primary)` | `#848E9C` |\n| `control-disable-secondary` | `var(--text-control-disable-secondary)` | `#DCE0E8` |\n| `control-accent-hover` | `var(--text-control-accent-hover)` | `#5976E9` |\n| `control-accent-active` | `var(--text-control-accent-active)` | `#6785FB` |\n\n### backgroundsColorsToRemove\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `layer-0` | `var(--bg-layer-0)` | `#FCFCFC` |\n| `layer-1` | `var(--bg-layer-1)` | `#E0E6F0` |\n| `layer-2` | `var(--bg-layer-2)` | `#EEF1F7` |\n| `layer-3` | `var(--bg-layer-3)` | `#FCFCFC` |\n| `layer-4` | `var(--bg-layer-4)` | `#D1DBEA` |\n| `accent-primary-alpha` | `var(--bg-accent-primary-alpha)` | `#7DA4FF26` |\n| `accent-secondary-alpha` | `var(--bg-accent-secondary-alpha)` | `#37BABC2E` |\n| `accent-tertiary-alpha` | `var(--bg-accent-tertiary-alpha)` | `#A972FF2E` |\n| `accent-primary` | `var(--bg-accent-primary)` | `#5C8DEA` |\n| `accent-secondary` | `var(--bg-accent-secondary)` | `#37BABC` |\n| `red-400` | `var(--bg-red-400)` | `#F76464` |\n| `controls-accent-primary` | `var(--controls-bg-accent-primary)` | `#124ACE` |\n| `controls-accent-primary-hover` | `var(--controls-bg-accent-primary-hover)` | `#2656D9` |\n| `controls-accent-primary-active` | `var(--controls-bg-accent-primary-active)` | `#3664E2` |\n| `controls-accent-primary-alpha-active` | `var(--controls-bg-accent-primary-alpha-active)` | `#7DA4FF5C` |\n| `controls-accent-secondary-alpha-active` | `var(--controls-bg-accent-secondary-alpha-active)` | `#37BABC5C` |\n| `controls-accent-tertiary-alpha-active` | `var(--controls-bg-accent-tertiary-alpha-active)` | `#A972FF5C` |\n| `controls-error` | `var(--controls-bg-error)` | `#AE2F2F` |\n| `controls-error-hover` | `var(--controls-bg-error-hover)` | `#BF3939` |\n| `controls-error-active` | `var(--controls-bg-error-active)` | `#CC4545` |\n| `controls-error-alpha-active` | `var(--controls-bg-error-alpha-active)` | `#F764645C` |\n| `controls-disable-accent` | `var(--controls-bg-disable-accent)` | `#7C8293` |\n| `controls-disable` | `var(--controls-bg-disable)` | `#D1DBEA` |\n| `controls-neutral-hover` | `var(--controls-bg-neutral-hover)` | `#D1DBEA` |\n| `controls-neutral-active` | `var(--controls-bg-neutral-active)` | `#9FA6BD` |\n| `controls-accent-success-alpha-hover` | `var(--controls-bg-accent-success-alpha-hover)` | `#37BABC2E` |\n| `controls-accent-success-alpha-active` | `var(--controls-bg-accent-success-alpha-active)` | `#37BABC5C` |\n| `controls-enable-primary` | `var(--controls-enable-primary)` | `#FCFCFC` |\n\n### borderColorsToRemove\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `accent-primary` | `var(--stroke-accent-primary)` | `#124ACE` |\n| `accent-secondary` | `var(--stroke-accent-secondary)` | `#007274` |\n| `controls-accent` | `var(--controls-bg-accent)` | `#5C8DEA` |\n| `red-900` | `var(--red-900)` | `#402027` |\n\n### textColorsToRemove\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `accent-primary` | `var(--text-accent-primary)` | `#7DA4FF` |\n| `accent-secondary` | `var(--text-accent-secondary)` | `#37BABC` |\n| `accent-tertiary` | `var(--text-accent-tertiary)` | `#A972FF` |\n| `controls-permanent` | `var(--controls-text-permanent)` | `#FCFCFC` |\n| `controls-accent-disable` | `var(--controls-text-accent-disable)` | `#D1DBEA` |\n| `controls-primary-disable` | `var(--controls-text-primary-disable)` | `#696E7C` |\n| `controls-secondary-disable` | `var(--controls-text-secondary-disable)` | `#9FA6BD` |\n| `controls-neutral` | `var(--controls-text-neutral)` | `#161B2D` |\n| `controls-accent-primary-hover` | `var(--controls-text-accent-primary-hover)` | `#3664E2` |\n| `controls-accent-primary-active` | `var(--controls-text-accent-primary-active)` | `#7DA4FF` |",
+  "theming": "# Theming & CSS Variable Tokens\n\nAI DIAL UI Kit uses CSS custom properties (variables) for theming.\nDark and light themes are switched by setting different values for these variables on `:root` or a theme wrapper element.\n\n## Usage in Tailwind\n\nThe Tailwind config maps CSS variables to utility classes.\nUse these classes in your components:\n\n```tsx\n// Backgrounds\n<div className=\"bg-layer-0\" />   // darkest background\n<div className=\"bg-layer-1\" />   // main content area\n<div className=\"bg-layer-2\" />   // elevated panels\n\n// Text\n<span className=\"text-primary\" />    // main text color\n<span className=\"text-secondary\" />  // muted text\n<span className=\"text-error\" />      // error state\n\n// Borders\n<div className=\"border border-primary\" />  // standard border\n<div className=\"border border-error\" />    // error border\n```\n\n## Override CSS Variables\n\n```css\n:root {\n  --bg-layer-0: #000000;\n  --bg-layer-1: #0c101d;\n  --bg-layer-2: #161b2d;\n  --bg-layer-3: #1d2439;\n  --text-primary: #eef1f7;\n  --text-secondary: #9fa6bd;\n  --text-error: #f76464;\n  --stroke-primary: #696e7c;\n  --controls-bg-accent-primary: #3664e2;\n  /* ... see src/styles/theme.scss for full list */\n}\n```\n\n## Overlay stacking\n\nPortalled overlays stack on a ladder driven by one variable, `--z-overlay`\n(default `52`): `z-popup` (base — `Popup` backdrop), `z-floating` (+1 —\n`Dropdown`/`Select` overlays, submenus, `Calendar`), `z-interactive-tooltip`\n(+2 — `InteractiveTooltip`), `z-tooltip` (+3 — `Tooltip`). To lift every\noverlay above a host's own sticky header or modal, set the base once on `:root`\n(or in a `ThemeScope` class) — the steps move together, so their order is kept:\n\n```css\n:root {\n  --z-overlay: 1000;\n}\n```\n\nDo not override `[role='menu']` or hardcode `z-[53]` in a host. To move one\noverlay only, pass a `z-*` utility through its class prop (`listClassName`,\n`overlayClassName`, `contentClassName`, `panelClassName`) — `mergeClasses`\nreplaces the layer's step with it.\n\n## Token Reference\n\n\n### backgroundsColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `layer-base` | `var(--bg-layer-base)` | `#f5f7fa` |\n| `error` | `var(--bg-error)` | `#f3d6d8` |\n| `warning` | `var(--bg-warning)` | `#faf0cf` |\n| `info` | `var(--bg-info)` | `#e1eaf9` |\n| `success` | `var(--bg-success)` | `#dbf1eb` |\n| `gradient-1` | `var(--bg-gradient-1)` | `#1d4ed8` |\n| `gradient-2` | `var(--bg-gradient-2)` | `#885df2` |\n| `blue` | `var(--bg-visual-blue)` | `#d6edf9` |\n| `green-1` | `var(--bg-visual-green-1)` | `#cde8e5` |\n| `green-2` | `var(--bg-visual-green-2)` | `#d1f0dc` |\n| `brown` | `var(--bg-visual-brown)` | `#fde8d8` |\n| `red` | `var(--bg-visual-red)` | `#fce7f3` |\n\n### borderColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `primary` | `var(--stroke-primary)` | `#57647a` |\n| `secondary` | `var(--stroke-secondary)` | `#d1dbea` |\n| `tertiary` | `var(--stroke-tertiary)` | `#e0e6f0` |\n| `error` | `var(--stroke-error)` | `#ae2f2f` |\n| `warning` | `var(--stroke-warning)` | `#eec840` |\n| `info` | `var(--stroke-info)` | `#1d4ed8` |\n| `accent` | `var(--stroke-accent)` | `#1d4ed8` |\n| `success` | `var(--stroke-success)` | `#007274` |\n| `default` | `var(--stroke-default)` | `#b2c2dd` |\n| `gradient-1` | `var(--stroke-gradient-1)` | `#5976e9` |\n| `gradient-2` | `var(--stroke-gradient-2)` | `#885df2` |\n| `focus` | `var(--stroke-focus)` | `#161b2d` |\n\n### textColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `primary` | `var(--text-primary)` | `#161b2d` |\n| `secondary` | `var(--text-secondary)` | `#57647a` |\n| `tertiary` | `var(--text-tertiary)` | `#848e9c` |\n| `accent` | `var(--text-accent)` | `#1d4ed8` |\n| `error` | `var(--text-error)` | `#ae2f2f` |\n| `warning` | `var(--text-warning)` | `#7f6300` |\n| `warning-icon` | `var(--text-warning-icon)` | `#eec840` |\n| `info` | `var(--text-info)` | `#1d4ed8` |\n| `success` | `var(--text-success)` | `#007274` |\n| `blue` | `var(--text-visual-blue)` | `#1189c8` |\n| `green-1` | `var(--text-visual-green-1)` | `#059669` |\n| `green-2` | `var(--text-visual-green-2)` | `#0d6e72` |\n| `green-3` | `var(--text-visual-green-3)` | `#065f46` |\n| `brown-1` | `var(--text-visual-brown-1)` | `#d36817` |\n| `brown-2` | `var(--text-visual-brown-2)` | `#b45309` |\n| `red` | `var(--text-visual-red)` | `#9d174d` |\n| `violet-1` | `var(--text-visual-violet-1)` | `#7c3aed` |\n| `violet-2` | `var(--text-visual-violet-2)` | `#3730b7` |\n\n### placeholderColor\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `primary` | `var(--text-primary)` | `#161b2d` |\n\n### backgroundsColorsToRemove\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `layer-0` | `var(--bg-layer-0)` | `#fcfcfc` |\n| `layer-1` | `var(--bg-layer-1)` | `#e0e6f0` |\n| `layer-2` | `var(--bg-layer-2)` | `#eef1f7` |\n| `layer-3` | `var(--bg-layer-3)` | `#fcfcfc` |\n| `layer-4` | `var(--bg-layer-4)` | `#d1dbea` |\n| `blackout` | `var(--bg-blackout)` | `#0c101d4d` |\n| `neutral` | `var(--bg-neutral)` | `#fcfcfc` |\n| `accent-primary` | `var(--bg-accent-primary)` | `#5c8dea` |\n| `accent-secondary` | `var(--bg-accent-secondary)` | `#37babc` |\n| `red-400` | `var(--bg-red-400)` | `#f76464` |\n| `controls-error` | `var(--controls-bg-error)` | `#ae2f2f` |\n| `controls-disable` | `var(--controls-bg-disable)` | `#d1dbea` |\n\n### borderColorsToRemove\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `accent-primary` | `var(--stroke-accent-primary)` | `#124ace` |\n| `accent-secondary` | `var(--stroke-accent-secondary)` | `#007274` |\n| `controls-accent` | `var(--controls-bg-accent)` | `#5c8dea` |\n| `hover` | `var(--stroke-hover)` | `#eef1f7` |\n| `red-900` | `var(--red-900)` | `#402027` |\n\n### textColorsToRemove\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `accent-primary` | `var(--text-accent-primary)` | `#7da4ff` |\n| `accent-secondary` | `var(--text-accent-secondary)` | `#37babc` |\n| `accent-tertiary` | `var(--text-accent-tertiary)` | `#a972ff` |\n| `controls-permanent` | `var(--controls-text-permanent)` | `#fcfcfc` |\n| `controls-neutral` | `var(--controls-text-neutral)` | `#161b2d` |\n\n### shadowColors\n| Tailwind class suffix | CSS variable | Default value |\n|---|---|---|\n| `sm` | `var(--shadow-sm)` | `#2764d914` |\n| `md` | `var(--shadow-md)` | `#2764d90f` |\n| `lg` | `var(--shadow-lg)` | `#2764d914` |",
   "components": [
     {
       "name": "Spinner",
@@ -3660,7 +3660,7 @@
       "name": "Avatar",
       "category": "Components_2_0",
       "generation": "2.0",
-      "description": "A person's or an entity's picture, or its initials on a colour picked from\nits name.\naliases: UserAvatar|InitialsAvatar|ProfilePicture\nDesign system 2.0\n\nThe same name always gets the same colour, drawn from the theme's visual\ntokens, so a list of avatars stays stable between renders and sessions. An\nimage that is missing or fails to load falls back to the initials; a new\n`src` tries the image again.\n\nAn avatar with an `alt` is a `role=\"img\"` named by it, whether it shows the\nimage or the initials. Without one it is decorative and hidden from\nassistive technology, which is right when a visible name sits beside it.",
+      "description": "A person's or an entity's picture, or its initials on a colour picked from\nits name.\naliases: UserAvatar|InitialsAvatar|ProfilePicture\nDesign system 2.0\n\nThe same name always gets the same colour, drawn from the theme's visual\ntokens, so a list of avatars stays stable between renders and sessions; pass\n`color` to pin one entry of `AVATAR_PALETTE` instead, so every avatar of a\nkind shares one colour regardless of name or locale. An image that is\nmissing or fails to load falls back to the initials; a new `src` tries the\nimage again.\n\nAn avatar with an `alt` is a `role=\"img\"` named by it, whether it shows the\nimage or the initials. Without one it is decorative and hidden from\nassistive technology, which is right when a visible name sits beside it.",
       "props": [
         {
           "name": "name",
@@ -3701,6 +3701,12 @@
           "defaultValue": "AvatarShape.Circle",
           "description": "Outline of the avatar"
         },
+        {
+          "name": "color",
+          "type": "AvatarColorClasses",
+          "required": false,
+          "description": "Explicit colour pair overriding the deterministic pick from `name`"
+        },
         {
           "name": "className",
           "type": "string",
@@ -9300,1087 +9306,288 @@
       "sourceFile": "components/DropdownIcon/DropdownIcon.tsx"
     },
     {
-      "name": "DialFileManager",
-      "category": "FileManager",
+      "name": "DialSchemaRenderer",
+      "category": "Name",
+      "generation": "1.0",
+      "description": "Renders a JSON Schema as a form UI with collapsible sections, validation, and default values.\naliases: SchemaRenderer|JsonSchemaForm\nDesign system 1.0",
+      "props": [],
+      "examples": [
+        "<DialSchemaRenderer\n  schema={mySchema}\n  onChange={(v) => console.log(v)}\n  onDefaultValues={(defaults) => console.log(defaults)}\n/>"
+      ],
+      "sourceFile": "components/SchemaRenderer/SchemaRenderer.tsx",
+      "supersededBy": "SchemaRenderer"
+    },
+    {
+      "name": "DialJsonEditor",
+      "category": "Data Display",
       "generation": "1.0",
-      "description": "File Manager layout with a collapsible folders tree, breadcrumb/search header, and a data grid.\naliases: FileExplorer|FileBrowser\nDesign system 1.0",
+      "description": "A JSON editor component built on top of Monaco Editor.\nDesign system 1.0\nProvides syntax highlighting, validation, and theme support for JSON editing.\n\nLazy-loaded component. This component is not exported directly from the UI kit to avoid errors when using with SSR. Use `LazyDialJsonEditor` and the manifest `lazy` field for dynamic import guidance.",
       "props": [
         {
-          "name": "path",
-          "type": "string",
+          "name": "value",
+          "type": "string | undefined",
           "required": false,
-          "description": "Absolute path of the current location (e.g. \"/All files/Design/Icons\")"
+          "description": "The JSON string value to edit"
         },
         {
-          "name": "defaultPath",
+          "name": "currentTheme",
           "type": "string",
-          "required": false,
-          "description": "Initial path used in uncontrolled mode (applied only on first render)"
+          "required": true,
+          "description": "The theme to apply to the editor"
         },
         {
-          "name": "className",
-          "type": "string",
+          "name": "themesConfig",
+          "type": "Record<EditorThemes, editor.IStandaloneThemeData>",
           "required": false,
-          "description": "Additional classes for the root container"
+          "defaultValue": "EDITOR_THEMES_CONFIG",
+          "description": "Custom theme configurations"
         },
         {
-          "name": "managerLabel",
-          "type": "ReactNode",
-          "required": false
+          "name": "onChange",
+          "type": "(value: string | undefined) => void",
+          "required": true,
+          "description": "Callback fired when the editor content changes"
         },
         {
-          "name": "gridClassName",
-          "type": "string",
+          "name": "onValidateJSON",
+          "type": "OnValidate",
           "required": false,
-          "description": "Additional classes for the grid container"
+          "description": "Callback fired when JSON validation occurs"
         },
         {
-          "name": "allowedFileTypes",
-          "type": "DialFileAcceptType[]",
+          "name": "options",
+          "type": "editor.IStandaloneEditorConstructionOptions",
           "required": false,
-          "description": "Allowed file types (same format as the HTML `<input accept>` attribute). Controls upload filtering and which items are disabled in the File Manager UI. Supports MIME types, wildcards (e.g. `image/*`), and extensions (e.g. `.svg`)."
-        },
+          "description": "Additional Monaco editor options"
+        }
+      ],
+      "examples": [],
+      "sourceFile": "components/JsonEditor/JsonEditor.tsx",
+      "lazy": {
+        "loaderExportName": "LazyDialJsonEditor",
+        "packageImport": "@epam/ai-dial-ui-kit",
+        "ssr": false,
+        "nextDynamicExample": "import dynamic from 'next/dynamic';\nimport { LazyDialJsonEditor } from '@epam/ai-dial-ui-kit';\n\nconst DialJsonEditor = dynamic(\n  async () => (await LazyDialJsonEditor()).DialJsonEditor,\n  { ssr: false },\n);"
+      }
+    },
+    {
+      "name": "DialMarkdownEditor",
+      "category": "Data Display",
+      "generation": "1.0",
+      "description": "A Markdown editor component built on top of\n\nLazy-loaded component. This component is not exported directly from the UI kit to avoid errors when using with SSR. Use `LazyDialMarkdownEditor` and the manifest `lazy` field for dynamic import guidance.",
+      "props": [
         {
-          "name": "items",
-          "type": "DialFile[]",
+          "name": "value",
+          "type": "string",
           "required": false,
-          "description": "Full hierarchical list of files and folders used by both tree and grid"
+          "description": "The current markdown content"
         },
         {
-          "name": "rootItem",
-          "type": "DialRootFolder",
+          "name": "onChange",
+          "type": "(value: string) => void",
           "required": false,
-          "description": "Optional root folder item to represent the top-level container in the tree"
+          "description": "Callback fired when the editor content changes"
         },
         {
-          "name": "filesLoading",
-          "type": "boolean",
+          "name": "height",
+          "type": "number",
           "required": false,
-          "description": "When true, shows skeleton loading state in the grid"
+          "defaultValue": "300",
+          "description": "Height of the editor in pixels"
         },
         {
-          "name": "sharedByMePaths",
-          "type": "Set<string>",
+          "name": "preview",
+          "type": "PreviewType",
           "required": false,
-          "description": "Set of items paths that the user has shared with others. Enables UI indicators (icons/badges) in the tree and grid."
+          "defaultValue": "'edit'",
+          "description": "Preview mode ('edit', 'live', 'preview')"
         },
         {
-          "name": "maxSelectableFileSize",
-          "type": "number",
+          "name": "theme",
+          "type": "EditorThemes",
           "required": false,
-          "description": "Maximum allowed file size for selection in bytes"
+          "defaultValue": "EditorThemes.dark",
+          "description": "Theme for the editor ('light' or 'dark')"
         },
         {
-          "name": "selectedPaths",
-          "type": "Set<string>",
+          "name": "className",
+          "type": "string",
           "required": false,
-          "description": "Controlled set of selected item paths"
+          "description": "Additional CSS classes for the container"
         },
         {
-          "name": "defaultSelectedPaths",
-          "type": "Set<string>",
+          "name": "placeholder",
+          "type": "ReactNode",
           "required": false,
-          "description": "Initial selected paths used in uncontrolled mode"
+          "description": "Content to display when the editor is empty"
         },
         {
-          "name": "onSelectedPathsChange",
-          "type": "(paths: Set<string>) => void",
+          "name": "showDragbar",
+          "type": "boolean",
           "required": false,
-          "description": "Callback fired when the selected paths change"
-        },
+          "defaultValue": "true",
+          "description": "Whether to show the bottom drag bar that resizes the editor height"
+        }
+      ],
+      "examples": [
+        "<DialMarkdownEditor\nvalue=\"# Hello World\"\nonChange={(value) => console.log(value)}\nheight={400}\ntheme=\"dark\"\n/>"
+      ],
+      "sourceFile": "components/MarkdownEditor/MarkdownEditor.tsx",
+      "lazy": {
+        "loaderExportName": "LazyDialMarkdownEditor",
+        "packageImport": "@epam/ai-dial-ui-kit",
+        "ssr": false,
+        "nextDynamicExample": "import dynamic from 'next/dynamic';\nimport { LazyDialMarkdownEditor } from '@epam/ai-dial-ui-kit';\n\nconst DialMarkdownEditor = dynamic(\n  async () => (await LazyDialMarkdownEditor()).DialMarkdownEditor,\n  { ssr: false },\n);"
+      },
+      "supersededBy": "MarkdownEditor"
+    }
+  ],
+  "types": [
+    {
+      "name": "AnalyticsCardVariant",
+      "kind": "enum",
+      "members": [
         {
-          "name": "showHiddenFiles",
-          "type": "boolean",
-          "required": false
+          "name": "Default",
+          "value": "'default'"
         },
         {
-          "name": "onShowHiddenFilesChange",
-          "type": "(value: boolean) => void",
-          "required": false
-        },
+          "name": "Compact",
+          "value": "'compact'"
+        }
+      ],
+      "sourceFile": "types/analytics.ts"
+    },
+    {
+      "name": "AnalyticsBarColorStop",
+      "kind": "interface",
+      "members": [
         {
-          "name": "treeOptions",
-          "type": "FileTreeOptions",
-          "required": false,
-          "description": "Options that configure the collapsible sidebar and folders tree"
+          "name": "from",
+          "value": "number"
         },
         {
-          "name": "toolbarOptions",
-          "type": "ToolbarOptions",
-          "required": false,
-          "description": "Options for the file manager toolbar"
+          "name": "to",
+          "value": "number"
         },
         {
-          "name": "showNavigationPanel",
-          "type": "boolean",
-          "required": false,
-          "description": "Determines whether to display the navigation panel."
-        },
+          "name": "color",
+          "value": "string"
+        }
+      ],
+      "sourceFile": "models/analytics.ts"
+    },
+    {
+      "name": "AnalyticsCardCompareItem",
+      "kind": "interface",
+      "members": [
         {
-          "name": "navigationPanelOptions",
-          "type": "NavigationPanelOptions",
-          "required": false,
-          "description": "Options for the breadcrumb and search panel (value/onSearchChange for controlled search)"
+          "name": "title",
+          "value": "ReactNode"
         },
         {
-          "name": "gridOptions",
-          "type": "GridOptions",
-          "required": false,
-          "description": "Options forwarded to `DialGrid`; supports `columnDefs` override and `filterable` flag and date locale/options"
-        },
+          "name": "value",
+          "value": "ReactNode"
+        }
+      ],
+      "sourceFile": "models/analytics.ts"
+    },
+    {
+      "name": "DialTooltipContainerOptions",
+      "kind": "interface",
+      "members": [
         {
-          "name": "bulkActionsToolbarOptions",
-          "type": "BulkActionsToolbarOptions",
-          "required": false,
-          "description": "Options for the bulk actions toolbar shown when items are selected"
+          "name": "initialOpen?",
+          "value": "boolean"
         },
         {
-          "name": "deleteConfirmationOptions",
-          "type": "DeleteConfirmationOptions",
-          "required": false,
-          "description": "Options for the delete confirmation popup"
+          "name": "placement?",
+          "value": "Placement"
         },
         {
-          "name": "destinationFolderPopupOptions",
-          "type": "DialFileManagerDestinationFolderPopupOptions",
-          "required": false
+          "name": "isTriggerClickable?",
+          "value": "boolean"
         },
         {
-          "name": "conflictResolutionPopupOptions",
-          "type": "DialFileManagerConflictResolutionPopupOptions",
-          "required": false
+          "name": "open?",
+          "value": "boolean"
         },
         {
-          "name": "compactViewWidthBreakpoint",
-          "type": "number",
-          "required": false,
-          "description": "Width (px) below which the component switches to compact view."
-        },
+          "name": "onOpenChange?",
+          "value": "(open: boolean) => void"
+        }
+      ],
+      "sourceFile": "components/Tooltip/TooltipContext.tsx"
+    },
+    {
+      "name": "EditorThemes",
+      "kind": "enum",
+      "members": [
         {
-          "name": "customBreakpointRef",
-          "type": "RefObject<HTMLElement | null>",
-          "required": false
+          "name": "dark",
+          "value": "'dark'"
         },
         {
-          "name": "onPathChange",
-          "type": "(nextPath?: string) => void",
-          "required": false,
-          "description": "Callback fired when user navigates via tree or breadcrumb"
-        },
+          "name": "light",
+          "value": "'light'"
+        }
+      ],
+      "sourceFile": "types/editor.ts"
+    },
+    {
+      "name": "ButtonVariant",
+      "kind": "enum",
+      "members": [
         {
-          "name": "onTableFileClick",
-          "type": "(file: GridRow) => void",
-          "required": false,
-          "description": "Callback fired when a file row is clicked in the grid"
+          "name": "Primary",
+          "value": "'primary'"
         },
         {
-          "name": "handleSelectionClick",
-          "type": "(file: GridRow[]) => void",
-          "required": false
+          "name": "Neutral",
+          "value": "'neutral'"
         },
         {
-          "name": "onGridApiChange",
-          "type": "(api: GridApi) => void",
-          "required": false
+          "name": "Danger",
+          "value": "'danger'"
         },
         {
-          "name": "onCopyFiles",
-          "type": "(items: DialCopiedItem[], destinationFolder: string) => void",
-          "required": false,
-          "description": "Callback fired when files copy-paste"
+          "name": "Static",
+          "value": "'static'"
         },
         {
-          "name": "onMoveToFiles",
-          "type": "(\n    items: DialCopiedItem[],\n    sourceFolder: string,\n    destinationFolder: string,\n  ) => void",
-          "required": false,
-          "description": "Callback fired when files cut-paste or rename"
+          "name": "Starter",
+          "value": "'starter'"
         },
         {
-          "name": "onDeleteFiles",
-          "type": "(items: DialDeletedItem[], sourceFolder: string) => void",
-          "required": false,
-          "description": "Callback fired when files are deleted"
+          "name": "Success",
+          "value": "'success'"
         },
         {
-          "name": "onDownloadFiles",
-          "type": "(items: DialFile[]) => void",
-          "required": false,
-          "description": "Callback fired when files are downloaded"
+          "name": "Secondary",
+          "value": "'secondary'"
         },
         {
-          "name": "onRenameValidate",
-          "type": "(value: string, item: DialFile) => string | null",
-          "required": false,
-          "description": "Optional callback to validate a file or folder name during renaming. Should return an error message string if the name is invalid, or null if it's valid."
-        },
+          "name": "Tertiary",
+          "value": "'tertiary'"
+        }
+      ],
+      "sourceFile": "types/button.ts"
+    },
+    {
+      "name": "ButtonAppearance",
+      "kind": "enum",
+      "members": [
         {
-          "name": "renameValidationMessages",
-          "type": "RenameValidationMessages",
-          "required": false,
-          "description": "Optional custom validation messages for renaming files and folders. Note that you need to add `${NotificationVariant.Warning}__` prefix to the `hiddenItemWarning` message to display it as a warning with the warning icon."
+          "name": "Solid",
+          "value": "'solid'"
         },
         {
-          "name": "forbiddenSymbolsRegExp",
-          "type": "RegExp",
-          "required": false,
-          "description": "Optional RegExp will be used in the validation for the files and folders names. The \"g\" and \"y\" flags are not allowed in this RegExp and will be ignored."
+          "name": "Outlined",
+          "value": "'outlined'"
         },
         {
-          "name": "forbiddenSymbolsTooltip",
-          "type": "ReactNode",
-          "required": false,
-          "description": "Optional tooltip displayed when a file or folder name contains forbidden characters"
-        },
-        {
-          "name": "skipForbiddenSymbolsCheckForActions",
-          "type": "boolean",
-          "required": false,
-          "description": "When provided, skips the forbidden-symbols check when building row action menus, so all actions are shown even for items whose names contain forbidden characters."
-        },
-        {
-          "name": "onCreateFolder",
-          "type": "(\n    file: DialUploadFileItem,\n    folderPath: string,\n    fileId: string,\n  ) => void | Promise<void>",
-          "required": false
-        },
-        {
-          "name": "onCreateFolderValidate",
-          "type": "(\n    name: string,\n    parentFolder: DialFile,\n  ) => string | null",
-          "required": false
-        },
-        {
-          "name": "folderCreationValidationMessages",
-          "type": "CreateFolderValidationMessages",
-          "required": false
-        },
-        {
-          "name": "getDisabledTooltip",
-          "type": "(row: FileManagerGridRow) => string | undefined",
-          "required": false
-        },
-        {
-          "name": "fileTooLargeTooltip",
-          "type": "string",
-          "required": false,
-          "description": "Optional tooltip text displayed when a file is too large."
-        },
-        {
-          "name": "unsupportedFileTypeTooltip",
-          "type": "string",
-          "required": false,
-          "description": "Optional tooltip text displayed when an unsupported file type is selected."
-        },
-        {
-          "name": "onUploadFiles",
-          "type": "(\n    files: DialUploadFileItem[],\n    destinationFolder: string,\n  ) => void",
-          "required": false,
-          "description": "Callback fired when files are uploaded"
-        },
-        {
-          "name": "prepareUploadFileName",
-          "type": "(name: string) => string",
-          "required": false,
-          "description": "Optional mapper applied to each uploaded item's name before conflict resolution runs and before `onUploadFiles`/`onUploadArchive` are called. Use it to sanitize or normalize names (e.g. stripping forbidden symbols). Conflict detection is performed against the mapped names, so renames take place before the conflict check."
-        },
-        {
-          "name": "onValidateUpload",
-          "type": "(\n    files: DialUploadFileItem[],\n    existingFiles: DialFile[],\n    destinationFolder: string,\n  ) => FileUploadValidationResult | Promise<FileUploadValidationResult>",
-          "required": false,
-          "description": "Callback to validate files before upload"
-        },
-        {
-          "name": "maxFileSize",
-          "type": "number",
-          "required": false,
-          "description": "Maximum allowed file size for uploads in bytes"
-        },
-        {
-          "name": "uploadValidationMessages",
-          "type": "FileUploadValidationMessages",
-          "required": false,
-          "description": "Custom validation messages for file uploads. Consumers can customize these strings for a11y and copy consistency."
-        },
-        {
-          "name": "onUploadArchive",
-          "type": "(\n    file: File,\n    name: string,\n    destinationFolder: string,\n  ) => void",
-          "required": false,
-          "description": "Callback fired when archive files are uploaded"
-        },
-        {
-          "name": "uploadEnabled",
-          "type": "boolean",
-          "required": false,
-          "description": "Whether files uploads are enabled"
-        },
-        {
-          "name": "fileMetadataPopupOptions",
-          "type": "FileMetadataPopupOptions",
-          "required": false
-        },
-        {
-          "name": "onGetInfo",
-          "type": "(file: DialFile) => void | Promise<void>",
-          "required": false
-        },
-        {
-          "name": "onUnshareFiles",
-          "type": "(files: DialFile[]) => void | Promise<void>",
-          "required": false
-        },
-        {
-          "name": "onRemoveFilesAccess",
-          "type": "(files: DialFile[]) => void | Promise<void>",
-          "required": false
-        },
-        {
-          "name": "actionsRef",
-          "type": "Ref<DialFileManagerActionsRef>",
-          "required": false,
-          "description": "Ref exposing a limited set of imperative File Manager actions (e.g., creating a folder). Allows parent components to trigger internal behaviors programmatically. This ref is not a DOM ref and should be used only for invoking the component’s public actions API."
-        },
-        {
-          "name": "onSearchFiles",
-          "type": "(folder: string, query: string) => void",
-          "required": false
-        },
-        {
-          "name": "searchInProgress",
-          "type": "boolean",
-          "required": false
-        },
-        {
-          "name": "searchResults",
-          "type": "DialFile[]",
-          "required": false
-        },
-        {
-          "name": "clearSearchResults",
-          "type": "() => void",
-          "required": false
-        },
-        {
-          "name": "emptyStateIcon",
-          "type": "ReactNode",
-          "required": false,
-          "description": "Optional icon for empty state"
-        },
-        {
-          "name": "emptyStateTitle",
-          "type": "string",
-          "required": false,
-          "description": "Optional title text displayed when there are no files."
-        },
-        {
-          "name": "emptyStateDescription",
-          "type": "string",
-          "required": false,
-          "description": "Optional description text displayed below the empty state title."
-        },
-        {
-          "name": "sharedWithMeIds",
-          "type": "string[]",
-          "required": false,
-          "description": "Optional list of file IDs that are shared with the current user."
-        },
-        {
-          "name": "onFolderPopupPathChange",
-          "type": "(newPath?: string) => void",
-          "required": false
-        },
-        {
-          "name": "onManagePermissions",
-          "type": "(path?: string) => void",
-          "required": false
-        },
-        {
-          "name": "onPreview",
-          "type": "(path?: string) => void",
-          "required": false
-        },
-        {
-          "name": "onOpenInNewTab",
-          "type": "(file: DialFile) => void",
-          "required": false
-        },
-        {
-          "name": "previewExtensions",
-          "type": "string[]",
-          "required": false
-        },
-        {
-          "name": "isRenameFileAvailable",
-          "type": "boolean",
-          "required": false
-        },
-        {
-          "name": "isDuplicateFolderAvailable",
-          "type": "boolean",
-          "required": false
-        },
-        {
-          "name": "customUploadFileAction",
-          "type": "(\n    currentPath?: string,\n    currentFolder?: DialFile,\n  ) => void",
-          "required": false
-        },
-        {
-          "name": "customCreateNewItemAction",
-          "type": "(\n    currentPath?: string,\n    currentFolder?: DialFile,\n  ) => void",
-          "required": false
-        },
-        {
-          "name": "customDuplicateAction",
-          "type": "(items?: DialFile[]) => void",
-          "required": false
-        },
-        {
-          "name": "customDeleteItemsAction",
-          "type": "(\n    items: DialFile[],\n    parentFolderPath: string,\n  ) => void",
-          "required": false
-        },
-        {
-          "name": "customDownloadItemsAction",
-          "type": "(items?: DialFile[]) => void",
-          "required": false
-        },
-        {
-          "name": "nonClickableTableColumns",
-          "type": "FileManagerColumnKey[]",
-          "required": false
-        },
-        {
-          "name": "hideSearchPathItemName",
-          "type": "boolean",
-          "required": false
-        },
-        {
-          "name": "showHiddenFileSwitcherInDestinationPopup",
-          "type": "boolean",
-          "required": false
-        },
-        {
-          "name": "showCreateFolderButtonInDestinationPopup",
-          "type": "boolean",
-          "required": false
-        },
-        {
-          "name": "autoSelectUploadedItems",
-          "type": "boolean",
-          "required": false,
-          "description": "When true, automatically selects newly uploaded or created items (files, archives, folders) after they appear in the current directory. Useful in attach flows where the user expects immediate selection feedback."
-        },
-        {
-          "name": "maxNewFolderDepth",
-          "type": "number",
-          "required": false
-        },
-        {
-          "name": "onNewFolderDepthExceeded",
-          "type": "() => void",
-          "required": false
-        },
-        {
-          "name": "initialUploadFilesOpen",
-          "type": "boolean",
-          "required": false
-        }
-      ],
-      "examples": [
-        "// Minimal usage\n<DialFileManager items={files} path=\"/All files\" />\n\n// With loading state\n<DialFileManager items={files} path=\"/All files\" filesLoading={true} />\n\n// With controlled search and disabled grid filters\nconst [query, setQuery] = useState('');\n<DialFileManager\n  items={files}\n  path=\"/All files/Design\"\n  navigationPanelOptions={{\n    searchable: true,\n    value: query,\n    onSearchChange: setQuery,\n  }}\n  gridOptions={{ filterable: false }}\n/>\n\n// With custom tree width and title\n<DialFileManager\n  items={files}\n  treeOptions={{ width: 300, title: 'Explorer', showFiles: true }}\n/>\n\n// With explicit provider (advanced apps)\n<FileManagerProvider items={files} path=\"/All files\">\n  <MyCustomHeader />\n  <DialFileManagerView />  // internal view\n  <MyCustomFooter />\n</FileManagerProvider>"
-      ],
-      "sourceFile": "components/FileManager/FileManager.tsx"
-    },
-    {
-      "name": "DialDestinationFolderPopup",
-      "category": "FileManager/components",
-      "generation": "1.0",
-      "description": "DestinationFolderPopup\naliases: FolderSelector|PathChooser\nDesign system 1.0",
-      "props": [],
-      "examples": [
-        "<DestinationFolderPopup\n  open={isOpen}\n  onClose={handleClose}\n  onConfirm={handleConfirm}\n  mode=\"copy\"\n  title=\"Copy 3 files\"\n  items={files}\n  rootItem={rootFolder}\n  path={currentPath}\n  onPathChange={setCurrentPath}\n/>"
-      ],
-      "sourceFile": "components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup.tsx"
-    },
-    {
-      "name": "DialFoldersTree",
-      "category": "Data Display",
-      "generation": "1.0",
-      "description": "DialFoldersTree — A hierarchical folder tree component with nested expand/collapse support, selection highlighting,\nDesign system 1.0\nand optional file display.",
-      "props": [
-        {
-          "name": "items",
-          "type": "DialFile[]",
-          "required": true,
-          "description": "Array of folder and file nodes to display in the tree."
-        },
-        {
-          "name": "expandedPaths",
-          "type": "Set<string>",
-          "required": false,
-          "description": "Set of folder paths that should be expanded."
-        },
-        {
-          "name": "loadingPaths",
-          "type": "Set<string>",
-          "required": false,
-          "defaultValue": "new Set()",
-          "description": "Set of folder paths currently loading (shows spinner or placeholder)."
-        },
-        {
-          "name": "loadedPaths",
-          "type": "Set<string>",
-          "required": false,
-          "defaultValue": "new Set()",
-          "description": "Set of folder paths that have loaded."
-        },
-        {
-          "name": "sharedByMePaths",
-          "type": "Set<string>",
-          "required": false,
-          "defaultValue": "new Set()",
-          "description": "Set of items paths that the user has shared with others. Enables UI indicators (icons/badges)."
-        },
-        {
-          "name": "selectedPath",
-          "type": "string",
-          "required": false,
-          "description": "Path representing the currently selected folder or file."
-        },
-        {
-          "name": "renamedPath",
-          "type": "string",
-          "required": false,
-          "description": "Path of the folder or file currently being edited."
-        },
-        {
-          "name": "createdFolderPath",
-          "type": "string | null",
-          "required": false,
-          "description": "Optional Path of the new created folder."
-        },
-        {
-          "name": "showFiles",
-          "type": "boolean",
-          "required": false,
-          "defaultValue": "false",
-          "description": "Whether to show files in addition to folders."
-        },
-        {
-          "name": "rootItemPath",
-          "type": "string",
-          "required": false,
-          "description": "Path of the folder to treat as the custom root node (no context menu, special label)."
-        },
-        {
-          "name": "rootItemLabel",
-          "type": "string",
-          "required": false,
-          "description": "Label to display for the root node instead of its actual name."
-        },
-        {
-          "name": "emptyStateTitle",
-          "type": "string",
-          "required": false,
-          "defaultValue": "'No Folders'",
-          "description": "Title text displayed when there are no items."
-        },
-        {
-          "name": "emptyStateDescription",
-          "type": "string",
-          "required": false,
-          "description": "Optional description text for the empty state."
-        },
-        {
-          "name": "emptyStateIcon",
-          "type": "ReactNode",
-          "required": false,
-          "description": "Optional icon to display in the empty state."
-        },
-        {
-          "name": "onItemClick",
-          "type": "(item: DialFile) => void",
-          "required": false,
-          "description": "Callback fired when a folder or file is clicked (receives the corresponding `DialFile` node)."
-        },
-        {
-          "name": "onRenameSave",
-          "type": "(value: string) => void",
-          "required": false,
-          "description": "Callback fired when editing is confirmed with a valid name (receives the new name)."
-        },
-        {
-          "name": "onRenameCancel",
-          "type": "() => void",
-          "required": false,
-          "description": "Callback fired when editing is cancelled."
-        },
-        {
-          "name": "onRenameValidate",
-          "type": "(value: string, item: DialFile) => string | null",
-          "required": false,
-          "description": "Function to validate the new name during editing. Should return an error string or `null` if valid."
-        },
-        {
-          "name": "onCreateFolderSave",
-          "type": "(value: string) => void",
-          "required": false,
-          "description": "Optional Callback fired when create new folder is confirmed"
-        },
-        {
-          "name": "onCreateFolderCancel",
-          "type": "() => void",
-          "required": false,
-          "description": "Optional Callback fired when create new folder is cancelled"
-        },
-        {
-          "name": "getContextMenuItems",
-          "type": "(item: DialFile) => DropdownItem[]",
-          "required": false,
-          "description": "Function returning context menu items for a given node."
-        },
-        {
-          "name": "areHiddenFilesVisible",
-          "type": "boolean",
-          "required": false,
-          "defaultValue": "false",
-          "description": "Whether hidden files (dotfiles) should be visible in the tree."
-        },
-        {
-          "name": "onExpandedPathsChange",
-          "type": "(expandedPaths: Set<string>) => void",
-          "required": false
-        },
-        {
-          "name": "forbiddenSymbolsRegExp",
-          "type": "RegExp",
-          "required": false,
-          "description": "Optional RegExp used to validate folder and file names for forbidden characters."
-        },
-        {
-          "name": "forbiddenSymbolsTooltip",
-          "type": "ReactNode",
-          "required": false,
-          "description": "Optional tooltip content displayed when a name contains forbidden characters."
-        },
-        {
-          "name": "newFolderDefaultName",
-          "type": "string",
-          "required": false,
-          "description": "Optional new folder default name."
-        }
-      ],
-      "examples": [
-        "// Basic usage with folders and files\nconst items: DialFile[] = [\n  {\n    path: '/documents',\n    name: 'Documents',\n    nodeType: DialFileNodeType.FOLDER,\n    items: [\n      {\n        path: '/documents/file.txt',\n        name: 'file.txt',\n        nodeType: DialFileNodeType.FILE,\n      },\n    ],\n  },\n];\n\n<DialFoldersTree items={items} showFiles />\n\n// With expanded and selected items\nconst expandedPaths = new Set(['/documents']);\n\n<DialFoldersTree\n  items={items}\n  expandedPaths={expandedPaths}\n  selectedPath=\"/documents/file.txt\"\n  onItemClick={(item) => console.log('Clicked:', item.path)}\n/>\n\n// With inline renaming and validation\n<DialFoldersTree\n  items={items}\n  renamedPath=\"/documents\"\n  onRenameValidate={(value) => (value.trim() ? null : 'Name cannot be empty')}\n  onRenameSave={(newValue) => console.log('Saved new name:', newValue)}\n  onRenameCancel={() => console.log('Edit cancelled')}\n/>\n\n// With custom empty state and context menu\nconst getContextMenuItems = (item: DialFile): DropdownItem[] => [\n  { key: 'rename', label: 'Rename' },\n  { key: 'delete', label: 'Delete', danger: true },\n];\n\n<DialFoldersTree\n  items={[]}\n  emptyStateTitle=\"No Content\"\n  emptyStateDescription=\"Upload files or create a new folder to get started.\"\n  emptyStateIcon={<IconFolderPlus />}\n  getContextMenuItems={getContextMenuItems}\n/>"
-      ],
-      "sourceFile": "components/FileManager/components/FoldersTree/FoldersTree.tsx"
-    },
-    {
-      "name": "DialSchemaRenderer",
-      "category": "Name",
-      "generation": "1.0",
-      "description": "Renders a JSON Schema as a form UI with collapsible sections, validation, and default values.\naliases: SchemaRenderer|JsonSchemaForm\nDesign system 1.0",
-      "props": [],
-      "examples": [
-        "<DialSchemaRenderer\n  schema={mySchema}\n  onChange={(v) => console.log(v)}\n  onDefaultValues={(defaults) => console.log(defaults)}\n/>"
-      ],
-      "sourceFile": "components/SchemaRenderer/SchemaRenderer.tsx",
-      "supersededBy": "SchemaRenderer"
-    },
-    {
-      "name": "DialJsonEditor",
-      "category": "Data Display",
-      "generation": "1.0",
-      "description": "A JSON editor component built on top of Monaco Editor.\nDesign system 1.0\nProvides syntax highlighting, validation, and theme support for JSON editing.\n\nLazy-loaded component. This component is not exported directly from the UI kit to avoid errors when using with SSR. Use `LazyDialJsonEditor` and the manifest `lazy` field for dynamic import guidance.",
-      "props": [
-        {
-          "name": "value",
-          "type": "string | undefined",
-          "required": false,
-          "description": "The JSON string value to edit"
-        },
-        {
-          "name": "currentTheme",
-          "type": "string",
-          "required": true,
-          "description": "The theme to apply to the editor"
-        },
-        {
-          "name": "themesConfig",
-          "type": "Record<EditorThemes, editor.IStandaloneThemeData>",
-          "required": false,
-          "defaultValue": "EDITOR_THEMES_CONFIG",
-          "description": "Custom theme configurations"
-        },
-        {
-          "name": "onChange",
-          "type": "(value: string | undefined) => void",
-          "required": true,
-          "description": "Callback fired when the editor content changes"
-        },
-        {
-          "name": "onValidateJSON",
-          "type": "OnValidate",
-          "required": false,
-          "description": "Callback fired when JSON validation occurs"
-        },
-        {
-          "name": "options",
-          "type": "editor.IStandaloneEditorConstructionOptions",
-          "required": false,
-          "description": "Additional Monaco editor options"
-        }
-      ],
-      "examples": [],
-      "sourceFile": "components/JsonEditor/JsonEditor.tsx",
-      "lazy": {
-        "loaderExportName": "LazyDialJsonEditor",
-        "packageImport": "@epam/ai-dial-ui-kit",
-        "ssr": false,
-        "nextDynamicExample": "import dynamic from 'next/dynamic';\nimport { LazyDialJsonEditor } from '@epam/ai-dial-ui-kit';\n\nconst DialJsonEditor = dynamic(\n  async () => (await LazyDialJsonEditor()).DialJsonEditor,\n  { ssr: false },\n);"
-      }
-    },
-    {
-      "name": "DialMarkdownEditor",
-      "category": "Data Display",
-      "generation": "1.0",
-      "description": "A Markdown editor component built on top of\n\nLazy-loaded component. This component is not exported directly from the UI kit to avoid errors when using with SSR. Use `LazyDialMarkdownEditor` and the manifest `lazy` field for dynamic import guidance.",
-      "props": [
-        {
-          "name": "value",
-          "type": "string",
-          "required": false,
-          "description": "The current markdown content"
-        },
-        {
-          "name": "onChange",
-          "type": "(value: string) => void",
-          "required": false,
-          "description": "Callback fired when the editor content changes"
-        },
-        {
-          "name": "height",
-          "type": "number",
-          "required": false,
-          "defaultValue": "300",
-          "description": "Height of the editor in pixels"
-        },
-        {
-          "name": "preview",
-          "type": "PreviewType",
-          "required": false,
-          "defaultValue": "'edit'",
-          "description": "Preview mode ('edit', 'live', 'preview')"
-        },
-        {
-          "name": "theme",
-          "type": "EditorThemes",
-          "required": false,
-          "defaultValue": "EditorThemes.dark",
-          "description": "Theme for the editor ('light' or 'dark')"
-        },
-        {
-          "name": "className",
-          "type": "string",
-          "required": false,
-          "description": "Additional CSS classes for the container"
-        },
-        {
-          "name": "placeholder",
-          "type": "ReactNode",
-          "required": false,
-          "description": "Content to display when the editor is empty"
-        },
-        {
-          "name": "showDragbar",
-          "type": "boolean",
-          "required": false,
-          "defaultValue": "true",
-          "description": "Whether to show the bottom drag bar that resizes the editor height"
-        }
-      ],
-      "examples": [
-        "<DialMarkdownEditor\nvalue=\"# Hello World\"\nonChange={(value) => console.log(value)}\nheight={400}\ntheme=\"dark\"\n/>"
-      ],
-      "sourceFile": "components/MarkdownEditor/MarkdownEditor.tsx",
-      "lazy": {
-        "loaderExportName": "LazyDialMarkdownEditor",
-        "packageImport": "@epam/ai-dial-ui-kit",
-        "ssr": false,
-        "nextDynamicExample": "import dynamic from 'next/dynamic';\nimport { LazyDialMarkdownEditor } from '@epam/ai-dial-ui-kit';\n\nconst DialMarkdownEditor = dynamic(\n  async () => (await LazyDialMarkdownEditor()).DialMarkdownEditor,\n  { ssr: false },\n);"
-      },
-      "supersededBy": "MarkdownEditor"
-    }
-  ],
-  "types": [
-    {
-      "name": "AnalyticsCardVariant",
-      "kind": "enum",
-      "members": [
-        {
-          "name": "Default",
-          "value": "'default'"
-        },
-        {
-          "name": "Compact",
-          "value": "'compact'"
-        }
-      ],
-      "sourceFile": "types/analytics.ts"
-    },
-    {
-      "name": "AnalyticsBarColorStop",
-      "kind": "interface",
-      "members": [
-        {
-          "name": "from",
-          "value": "number"
-        },
-        {
-          "name": "to",
-          "value": "number"
-        },
-        {
-          "name": "color",
-          "value": "string"
-        }
-      ],
-      "sourceFile": "models/analytics.ts"
-    },
-    {
-      "name": "AnalyticsCardCompareItem",
-      "kind": "interface",
-      "members": [
-        {
-          "name": "title",
-          "value": "ReactNode"
-        },
-        {
-          "name": "value",
-          "value": "ReactNode"
-        }
-      ],
-      "sourceFile": "models/analytics.ts"
-    },
-    {
-      "name": "DialTooltipContainerOptions",
-      "kind": "interface",
-      "members": [
-        {
-          "name": "initialOpen?",
-          "value": "boolean"
-        },
-        {
-          "name": "placement?",
-          "value": "Placement"
-        },
-        {
-          "name": "isTriggerClickable?",
-          "value": "boolean"
-        },
-        {
-          "name": "open?",
-          "value": "boolean"
-        },
-        {
-          "name": "onOpenChange?",
-          "value": "(open: boolean) => void"
-        }
-      ],
-      "sourceFile": "components/Tooltip/TooltipContext.tsx"
-    },
-    {
-      "name": "FileManagerGridRow",
-      "kind": "interface",
-      "members": [
-        {
-          "name": "id",
-          "value": "string"
-        },
-        {
-          "name": "name",
-          "value": "string"
-        },
-        {
-          "name": "updatedAt?",
-          "value": "string"
-        },
-        {
-          "name": "size?",
-          "value": "number"
-        },
-        {
-          "name": "author?",
-          "value": "string"
-        },
-        {
-          "name": "path",
-          "value": "string"
-        },
-        {
-          "name": "parentPath?",
-          "value": "string | null"
-        },
-        {
-          "name": "nodeType",
-          "value": "DialFileNodeType"
-        },
-        {
-          "name": "extension?",
-          "value": "string"
-        },
-        {
-          "name": "isTemporary?",
-          "value": "boolean"
-        },
-        {
-          "name": "owner?",
-          "value": "string"
-        },
-        {
-          "name": "contentType?",
-          "value": "string"
-        },
-        {
-          "name": "contentLength?",
-          "value": "number"
-        },
-        {
-          "name": "folderId?",
-          "value": "string"
-        }
-      ],
-      "sourceFile": "components/FileManager/FileManagerContext.tsx"
-    },
-    {
-      "name": "GridOptions",
-      "kind": "interface",
-      "members": [
-        {
-          "name": "columnDefs?",
-          "value": "(\n    | ColDef<GridRow>\n    | ((\n        dateLocale: Intl.LocalesArgument,\n        dateOptions: Intl.DateTimeFormatOptions | undefined,\n        isCompactView: boolean,\n      ) => ColDef<GridRow, unknown>)\n  )[]"
-        },
-        {
-          "name": "filterable?",
-          "value": "boolean"
-        },
-        {
-          "name": "dateLocale?",
-          "value": "Intl.LocalesArgument"
-        },
-        {
-          "name": "dateOptions?",
-          "value": "Intl.DateTimeFormatOptions"
-        },
-        {
-          "name": "showFiles?",
-          "value": "boolean"
-        },
-        {
-          "name": "showFolders?",
-          "value": "boolean"
-        },
-        {
-          "name": "visibleColumns?",
-          "value": "FileManagerColumnKey[]"
-        },
-        {
-          "name": "selectionMode?",
-          "value": "GridSelectionMode"
-        },
-        {
-          "name": "wrapCustomCellRenderers?",
-          "value": "boolean"
-        },
-        {
-          "name": "allowDisabledContextMenu?",
-          "value": "boolean"
-        },
-        {
-          "name": "actionLabels?",
-          "value": "{\n    [DialFileManagerActions.AddSibling]?: string;\n    [DialFileManagerActions.AddChild]?: string;\n    [DialFileManagerActions.Duplicate]?: string;\n    [DialFileManagerActions.Copy]?: string;\n    [DialFileManagerActions.Rename]?: string;\n    [DialFileManagerActions.Download]?: string;\n    [DialFileManagerActions.Delete]?: string;\n    [DialFileManagerActions.Move]?: string;\n    [DialFileManagerActions.Info]?: string;\n    [DialFileManagerActions.Unshare]?: string;\n    [DialFileManagerActions.ManagePermissions]?: string;\n    [DialFileManagerActions.Preview]?: string;\n    [DialFileManagerActions.RemoveAccess]?: string;\n  }"
-        }
-      ],
-      "sourceFile": "components/FileManager/FileManager.tsx"
-    },
-    {
-      "name": "ToolbarOptions",
-      "kind": "type",
-      "sourceFile": "components/FileManager/FileManager.tsx",
-      "typeBody": "Omit<\n  DialFileManagerToolbarProps,\n  'areHiddenFilesVisible' | 'onToggleHiddenFiles'\n> & {\n  newActions?: {\n    uploadFiles?: NewAction;\n    newFolder?: NewAction;\n    uploadArchive?: NewAction;\n    newItem?: NewAction;\n  };\n  showHiddenFilesToggle?: boolean;\n}"
-    },
-    {
-      "name": "BulkActionsToolbarOptions",
-      "kind": "type",
-      "sourceFile": "components/FileManager/FileManager.tsx",
-      "typeBody": "Omit<\n  DialFileManagerBulkActionsToolbarProps,\n  'onClearSelection' | 'actions' | 'selectedCount'\n> & {\n  actionLabels?: {\n    [DialFileManagerActions.Duplicate]?: string;\n    [DialFileManagerActions.Copy]?: string;\n    [DialFileManagerActions.Download]?: string;\n    [DialFileManagerActions.Delete]?: string;\n    [DialFileManagerActions.Move]?: string;\n    [DialFileManagerActions.Unshare]?: string;\n    [DialFileManagerActions.RemoveAccess]?: string;\n  };\n}"
-    },
-    {
-      "name": "EditorThemes",
-      "kind": "enum",
-      "members": [
-        {
-          "name": "dark",
-          "value": "'dark'"
-        },
-        {
-          "name": "light",
-          "value": "'light'"
-        }
-      ],
-      "sourceFile": "types/editor.ts"
-    },
-    {
-      "name": "ButtonVariant",
-      "kind": "enum",
-      "members": [
-        {
-          "name": "Primary",
-          "value": "'primary'"
-        },
-        {
-          "name": "Neutral",
-          "value": "'neutral'"
-        },
-        {
-          "name": "Danger",
-          "value": "'danger'"
-        },
-        {
-          "name": "Static",
-          "value": "'static'"
-        },
-        {
-          "name": "Starter",
-          "value": "'starter'"
-        },
-        {
-          "name": "Success",
-          "value": "'success'"
-        },
-        {
-          "name": "Secondary",
-          "value": "'secondary'"
-        },
-        {
-          "name": "Tertiary",
-          "value": "'tertiary'"
-        }
-      ],
-      "sourceFile": "types/button.ts"
-    },
-    {
-      "name": "ButtonAppearance",
-      "kind": "enum",
-      "members": [
-        {
-          "name": "Solid",
-          "value": "'solid'"
-        },
-        {
-          "name": "Outlined",
-          "value": "'outlined'"
-        },
-        {
-          "name": "Ghost",
-          "value": "'ghost'"
+          "name": "Ghost",
+          "value": "'ghost'"
         },
         {
           "name": "Link",
@@ -10665,131 +9872,6 @@
       ],
       "sourceFile": "types/select.ts"
     },
-    {
-      "name": "DialFileManagerTabs",
-      "kind": "enum",
-      "members": [
-        {
-          "name": "MyFiles",
-          "value": "'my_files'"
-        },
-        {
-          "name": "Shared",
-          "value": "'shared'"
-        },
-        {
-          "name": "Organization",
-          "value": "'organization'"
-        },
-        {
-          "name": "Review",
-          "value": "'review'"
-        }
-      ],
-      "sourceFile": "types/file-manager.ts"
-    },
-    {
-      "name": "DialFileManagerActions",
-      "kind": "enum",
-      "members": [
-        {
-          "name": "AddSibling",
-          "value": "'addSibling'"
-        },
-        {
-          "name": "AddChild",
-          "value": "'addChild'"
-        },
-        {
-          "name": "Duplicate",
-          "value": "'duplicate'"
-        },
-        {
-          "name": "Copy",
-          "value": "'copy'"
-        },
-        {
-          "name": "Move",
-          "value": "'move'"
-        },
-        {
-          "name": "Download",
-          "value": "'download'"
-        },
-        {
-          "name": "Delete",
-          "value": "'delete'"
-        },
-        {
-          "name": "Rename",
-          "value": "'rename'"
-        },
-        {
-          "name": "Info",
-          "value": "'info'"
-        },
-        {
-          "name": "Unshare",
-          "value": "'unshare'"
-        },
-        {
-          "name": "RemoveAccess",
-          "value": "'removeAccess'"
-        },
-        {
-          "name": "ManagePermissions",
-          "value": "'managePermissions'"
-        },
-        {
-          "name": "Preview",
-          "value": "'preview'"
-        },
-        {
-          "name": "OpenInNewTab",
-          "value": "'openInNewTab'"
-        }
-      ],
-      "sourceFile": "types/file-manager.ts"
-    },
-    {
-      "name": "FileManagerColumnKey",
-      "kind": "enum",
-      "members": [
-        {
-          "name": "Name",
-          "value": "'name'"
-        },
-        {
-          "name": "UpdatedAt",
-          "value": "'updatedAt'"
-        },
-        {
-          "name": "Size",
-          "value": "'size'"
-        },
-        {
-          "name": "Author",
-          "value": "'author'"
-        },
-        {
-          "name": "Owner",
-          "value": "'owner'"
-        },
-        {
-          "name": "Path",
-          "value": "'path'"
-        },
-        {
-          "name": "Actions",
-          "value": "'__actions'"
-        },
-        {
-          "name": "Version",
-          "value": "'version'"
-        }
-      ],
-      "sourceFile": "types/file-manager.ts"
-    },
     {
       "name": "FlexibleActionsDirection",
       "kind": "enum",
@@ -11287,76 +10369,6 @@
       ],
       "sourceFile": "models/file.ts"
     },
-    {
-      "name": "DialCopiedItem",
-      "kind": "interface",
-      "members": [
-        {
-          "name": "sourceUrl",
-          "value": "string"
-        },
-        {
-          "name": "destinationUrl",
-          "value": "string"
-        },
-        {
-          "name": "overwrite?",
-          "value": "boolean"
-        },
-        {
-          "name": "nodeType",
-          "value": "DialFileNodeType"
-        }
-      ],
-      "sourceFile": "models/file-manager.ts"
-    },
-    {
-      "name": "DialDeletedItem",
-      "kind": "interface",
-      "members": [
-        {
-          "name": "sourceUrl",
-          "value": "string"
-        },
-        {
-          "name": "nodeType",
-          "value": "DialFileNodeType"
-        }
-      ],
-      "sourceFile": "models/file-manager.ts"
-    },
-    {
-      "name": "DialUploadFileItem",
-      "kind": "interface",
-      "members": [
-        {
-          "name": "fileContent",
-          "value": "File"
-        },
-        {
-          "name": "name",
-          "value": "string"
-        }
-      ],
-      "sourceFile": "models/file-manager.ts"
-    },
-    {
-      "name": "DialFileManagerActionsRef",
-      "kind": "interface",
-      "members": [
-        {
-          "name": "createFolder",
-          "value": "() => void"
-        }
-      ],
-      "sourceFile": "models/file-manager.ts"
-    },
-    {
-      "name": "DialFileAcceptType",
-      "kind": "type",
-      "sourceFile": "models/file-manager.ts",
-      "typeBody": "| `${string}/${string}` // MIME (wildcard)\n  | `.${string}`"
-    },
     {
       "name": "GridSelectionMode",
       "kind": "enum",
@@ -12018,6 +11030,41 @@
       "sourceFile": "types/badge.ts",
       "description": "How a `Badge` is drawn."
     },
+    {
+      "name": "AvatarColor",
+      "kind": "enum",
+      "members": [
+        {
+          "name": "Green1",
+          "value": "'green-1'"
+        },
+        {
+          "name": "Violet2",
+          "value": "'violet-2'"
+        },
+        {
+          "name": "Brown",
+          "value": "'brown'"
+        },
+        {
+          "name": "Red",
+          "value": "'red'"
+        },
+        {
+          "name": "Green2",
+          "value": "'green-2'"
+        },
+        {
+          "name": "Blue",
+          "value": "'blue'"
+        },
+        {
+          "name": "Violet1",
+          "value": "'violet-1'"
+        }
+      ],
+      "sourceFile": "types/avatar.ts"
+    },
     {
       "name": "AvatarShape",
       "kind": "enum",
@@ -12036,6 +11083,22 @@
       "sourceFile": "types/avatar.ts",
       "description": "The outline an `Avatar` is clipped to."
     },
+    {
+      "name": "AvatarColorClasses",
+      "kind": "interface",
+      "members": [
+        {
+          "name": "background",
+          "value": "string"
+        },
+        {
+          "name": "foreground",
+          "value": "string"
+        }
+      ],
+      "sourceFile": "utils/avatar.ts",
+      "description": "A background and text colour pair for an initials avatar, as Tailwind classes."
+    },
     {
       "name": "EntityIdentityItem",
       "kind": "interface",
@@ -12378,11 +11441,6 @@
       "name": "convertGridDateToDate",
       "sourceFile": "utils/grid-date.ts"
     },
-    {
-      "name": "useDialFileManagerTabs",
-      "sourceFile": "components/FileManager/hooks/use-file-manager-tabs.tsx",
-      "signature": "(tabLabels?: Record<DialFileManagerTabs, string>, initialTab: DialFileManagerTabs = DialFileManagerTabs.MyFiles) => unknown"
-    },
     {
       "name": "EDITABLE_CONTAINER_ATTRIBUTE",
       "sourceFile": "hooks/use-editable-item.tsx",
@@ -12403,24 +11461,17 @@
       "name": "UseEditableItemOptions",
       "sourceFile": "hooks/use-editable-item.tsx"
     },
-    {
-      "name": "FileManagerProvider",
-      "sourceFile": "components/FileManager/FileManagerProvider.tsx",
-      "description": "Provider that encapsulates all File Manager business logic:\n- path & navigation\n- search (controlled + uncontrolled)\n- hidden files toggle\n- tree collapsed state\n- selection\n- clipboard (copy / cut / paste)\n- delete confirmation state\n- computed grid rows\n- new actions",
-      "signature": "FileManagerProvider: FC<FileManagerProviderProps>"
-    },
-    {
-      "name": "useFileManagerContext",
-      "sourceFile": "components/FileManager/hooks/use-file-manager-context.ts",
-      "description": "Hook to read the File Manager context.\nThrows if used outside of the provider.",
-      "signature": "() => unknown"
-    },
     {
       "name": "useThemeScope",
       "sourceFile": "components/New/ThemeScope/ThemeScope.tsx",
       "description": "Class names of the enclosing `ThemeScope`s, outermost first, or `''` when the\ncaller sits outside any scope. Components rendering into a `FloatingPortal`\nmerge this onto their floating root so the tokens follow them out of the\nsubtree.",
       "signature": "() => string"
     },
+    {
+      "name": "AVATAR_PALETTE",
+      "sourceFile": "utils/avatar.ts",
+      "signature": "AVATAR_PALETTE: Record<AvatarColor, AvatarColorClasses>"
+    },
     {
       "name": "extractInitials",
       "sourceFile": "utils/avatar.ts",
@@ -12530,21 +11581,6 @@
     }
   ],
   "constants": [
-    {
-      "name": "NAME_COLUMN",
-      "sourceFile": "constants/file-grid-columns.tsx",
-      "signature": "(headerName: string) => unknown"
-    },
-    {
-      "name": "SIZE_COLUMN",
-      "sourceFile": "constants/file-grid-columns.tsx",
-      "signature": "(headerName: string) => ColDef"
-    },
-    {
-      "name": "UPDATED_AT_COLUMN",
-      "sourceFile": "constants/file-grid-columns.tsx",
-      "signature": "(headerName: string) => unknown"
-    },
     {
       "name": "DIAL_ICON_SIZE",
       "sourceFile": "constants/icon.ts",