@sberbusiness/triplex-next-mcp-server 1.46.0-beta → 1.50.0-beta

package/bundle/release-notes/1.49.0.mdx

@@ -0,0 +1,85 @@
+import { Meta, Title, Heading } from "@storybook/addon-docs/blocks";
+
+<Meta title="release-notes/v1/1.49.0" />
+
+<Title>v1.49.0</Title>
+
+<Heading>Ломающие изменения</Heading>
+
+**Divider**
+
+- `IDividerProps` больше не принимает `children`: `<hr>` не может содержать потомков, и раньше такая передача падала в рантайме, теперь её отсекает TypeScript.
+
+<Heading>Изменения</Heading>
+
+**Button**
+
+- Исправлен баг: иконка не перекрашивалась при наведении на кнопку, если курсор не находился ровно над иконкой или текстом (например, над паддингом кнопки).
+
+**Calendar**
+
+- Исправлена стилизация: скругление ячеек в видах `MONTHS` и `YEARS` в обычном режиме совпадает с адаптивным.
+- Изменён разделитель диапазона лет в заголовке — короткое тире (`–`) без пробелов вместо `" - "`.
+
+**CardAction**
+
+- Изменены токены `Card.Shadow_Default` и `Card.Shadow_Hover` в тёмной теме — вместо `none` используются `DarkShadow.03` / `DarkShadow.06`.
+
+**Design Tokens**
+
+- Добавлены группы дизайн-токенов `Shadow` и `DarkShadow` для использования как значения `box-shadow`.
+
+**Divider**
+
+- Добавлено: `Divider` пробрасывает `ref` на корневой `<hr>`. Тип компонента изменился на `React.ForwardRefExoticComponent`.
+- Проведён AI-рефакторинг.
+
+**DocumentNumberEdit**
+
+- Добавлено: `DocumentNumberEdit` пробрасывает `ref` на корневой элемент — раньше компонент был объявлен как `React.FC`, поэтому переданный `ref` терялся. Тип компонента изменился на `React.ForwardRefExoticComponent`.
+- Проведён AI-рефакторинг: других изменений для потребителя нет.
+
+**Dropdown**
+
+- Изменена прозрачность токена `Dropdown.Shadow` в тёмной теме — 0.25 вместо 0.35.
+
+**Ellipsis**
+
+- Изменено: внутренняя CSS-переменная числа строк переименована с `--ellipsis-line-clamp` в `--triplex-next-runtime-Ellipsis-Root_LineClamp` — она видна в inline-стиле корневого элемента.
+- Исправлено: переданный в `Ellipsis` `style` больше не отменяет `maxLines` — раньше собственные стили потребителя затирали число строк, и текст обрезался по одной строке.
+- Проведён AI-рефакторинг: других изменений для потребителя нет.
+
+**FooterPage**
+
+- Изменена прозрачность токена `FooterPage.StickyShadow` в светлой (0.15 вместо 0.08) и темной темах (0.5 вместо 0.35).
+
+**HeaderPage**
+
+- Изменена прозрачность токена `HeaderPage.StickyShadow`в светлой ( 0.15 вместо 0.08) и тёмной темах (0.5 вместо 0.35).
+
+**Notification**
+
+- Изменена прозрачность токена `Notification.Shadow` в тёмной теме — 0.25 вместо 0.35.
+
+**SegmentedControl**
+
+- Добавлено: `SegmentedControl.Segment` пробрасывает `ref` на свою `<button>` — раньше компонент был объявлен как `React.FC`, поэтому переданный `ref` терялся. Тип компонента изменился на `React.ForwardRefExoticComponent`.
+- Проведён AI-рефакторинг: других изменений для потребителя нет — публичный API и внешний вид прежние.
+
+**Skeleton**
+
+- Добавлено: `Skeleton` пробрасывает `ref` на свой корневой `<div>` — раньше компонент был объявлен как `React.FC`, поэтому переданный `ref` терялся. Тип компонента изменился на `React.ForwardRefExoticComponent`.
+- Проведён AI-рефакторинг, добавлен `displayName`: других изменений для потребителя нет.
+
+**Spoiler**
+
+- Проведён AI-рефакторинг: изменений для потребителя нет — публичный API и внешний вид прежние.
+
+**Step**
+
+- Добавлено: `Step` пробрасывает `ref` на корневой элемент (кружок шага) — раньше компонент был объявлен как `React.FC`, поэтому переданный `ref` терялся. Тип компонента изменился на `React.ForwardRefExoticComponent`.
+- Проведён AI-рефакторинг: других изменений для потребителя нет.
+
+**TextField**
+
+- Добавлено: из пакета экспортируется тип `ITextFieldBaseProps` — базовые props текстовых полей. `TextField`, `MaskedField`, `AmountField` и `TextareaField` наследуют его без `children`; так же типизируются props собственной обёртки: `Omit<ITextFieldBaseProps, "children">`. Компонент `TextFieldBase` по-прежнему внутренний.

package/bundle/release-notes/1.50.0.mdx

@@ -0,0 +1,35 @@
+import { Meta, Title, Heading } from "@storybook/addon-docs/blocks";
+
+<Meta title="release-notes/v1/1.50.0" />
+
+<Title>v1.50.0</Title>
+
+<Heading>Ломающие изменения</Heading>
+
+**SuggestField**
+
+- Изменено: выбранное значение сбрасывается только кнопкой очистки — на десктопе и на мобильном одинаково. Раньше при `clearInputOnFocus` значение терялось от простого фокуса без выбора: на десктопе focus → blur, на мобильном открытие → закрытие дропдауна. Теперь потеря фокуса на десктопе и закрытие дропдауна без выбора на мобильном `onSelect(undefined)` не вызывают, даже если поле ввода пустое: в поле возвращается `label` текущего `value`.
+- Изменено: на мобильном кнопка очистки сама сбрасывает значение — вызывает `onSelect(undefined)` и `onFilter("")` (если поле не пустое), затем `onClear`, как на десктопе. Раньше вызывался только `onClear`.
+- Кнопка очистки рендерится, только если передан `onClear`. Без него встроенного способа сбросить значение нет: если поле необязательное, передайте `onClear`.
+
+<Heading>Изменения</Heading>
+
+**ButtonDropdownExtended**
+
+- Добавлены горизонтальные отступы `12px` между соседними `ButtonDropdownExtended`, а также между `ButtonDropdownExtended` и `Button` в обоих порядках.
+
+**Radio**
+
+- Проведён AI-рефакторинг.
+
+**RadioXGroup**
+
+- Добавлена поддержка `ref` на корневой контейнер (`HTMLDivElement`).
+
+**RadioYGroup**
+
+- Добавлено: `RadioYGroup` передаёт `ref` на корневой `<div>`. Тип компонента изменился с `React.FC` на `React.ForwardRefExoticComponent`.
+
+**SuggestField**
+
+- Исправлен баг: на мобильной ширине терялись `className`, `id`, `data-test-id`, `active` и `renderInput` — `SuggestField` передавал мобильному варианту только часть props. Теперь оба варианта получают одинаковый набор props, в том числе `data-test-id` для e2e.

package/bundle/release-notes/1.51.0.mdx

@@ -0,0 +1,7 @@
+import { Meta, Title, Heading } from "@storybook/addon-docs/blocks";
+
+<Meta title="release-notes/v1/1.51.0" />
+
+<Title>v1.51.0</Title>
+
+<Heading>Изменения</Heading>

package/bundle/tokens.json

@@ -1069,6 +1069,144 @@
         }
       }
     },
+    "Shadow": {
+      "kind": "core",
+      "refable": true,
+      "tokens": {
+        "01": {
+          "path": "Shadow.01",
+          "light": {
+            "resolved": "0px 0px 10px rgba(0, 0, 0, 0.1)"
+          },
+          "dark": {
+            "resolved": "0px 0px 10px rgba(0, 0, 0, 0.1)"
+          }
+        },
+        "02": {
+          "path": "Shadow.02",
+          "light": {
+            "resolved": "0px 2px 10px rgba(31, 31, 34, 0.09)"
+          },
+          "dark": {
+            "resolved": "0px 2px 10px rgba(31, 31, 34, 0.09)"
+          }
+        },
+        "03": {
+          "path": "Shadow.03",
+          "light": {
+            "resolved": "0px 2px 12px rgba(31, 31, 34, 0.12)"
+          },
+          "dark": {
+            "resolved": "0px 2px 12px rgba(31, 31, 34, 0.12)"
+          }
+        },
+        "04": {
+          "path": "Shadow.04",
+          "light": {
+            "resolved": "0px 2px 9px rgba(31, 31, 34, 0.15)"
+          },
+          "dark": {
+            "resolved": "0px 2px 9px rgba(31, 31, 34, 0.15)"
+          }
+        },
+        "05": {
+          "path": "Shadow.05",
+          "light": {
+            "resolved": "0px -2px 9px rgba(31, 31, 34, 0.15)"
+          },
+          "dark": {
+            "resolved": "0px -2px 9px rgba(31, 31, 34, 0.15)"
+          }
+        },
+        "06": {
+          "path": "Shadow.06",
+          "light": {
+            "resolved": "0px 4px 12px rgba(31, 31, 34, 0.16)"
+          },
+          "dark": {
+            "resolved": "0px 4px 12px rgba(31, 31, 34, 0.16)"
+          }
+        },
+        "07": {
+          "path": "Shadow.07",
+          "light": {
+            "resolved": "0px 2px 7px rgba(31, 31, 34, 0.25)"
+          },
+          "dark": {
+            "resolved": "0px 2px 7px rgba(31, 31, 34, 0.25)"
+          }
+        }
+      }
+    },
+    "DarkShadow": {
+      "kind": "core",
+      "refable": true,
+      "tokens": {
+        "01": {
+          "path": "DarkShadow.01",
+          "light": {
+            "resolved": "0px 0px 10px rgba(0, 0, 0, 0.1)"
+          },
+          "dark": {
+            "resolved": "0px 0px 10px rgba(0, 0, 0, 0.1)"
+          }
+        },
+        "02": {
+          "path": "DarkShadow.02",
+          "light": {
+            "resolved": "0px 2px 10px rgba(255, 255, 255, 0.04)"
+          },
+          "dark": {
+            "resolved": "0px 2px 10px rgba(255, 255, 255, 0.04)"
+          }
+        },
+        "03": {
+          "path": "DarkShadow.03",
+          "light": {
+            "resolved": "0px 2px 12px rgba(0, 0, 0, 0.12)"
+          },
+          "dark": {
+            "resolved": "0px 2px 12px rgba(0, 0, 0, 0.12)"
+          }
+        },
+        "04": {
+          "path": "DarkShadow.04",
+          "light": {
+            "resolved": "0px 2px 9px rgba(0, 0, 0, 0.5)"
+          },
+          "dark": {
+            "resolved": "0px 2px 9px rgba(0, 0, 0, 0.5)"
+          }
+        },
+        "05": {
+          "path": "DarkShadow.05",
+          "light": {
+            "resolved": "0px -2px 9px rgba(0, 0, 0, 0.5)"
+          },
+          "dark": {
+            "resolved": "0px -2px 9px rgba(0, 0, 0, 0.5)"
+          }
+        },
+        "06": {
+          "path": "DarkShadow.06",
+          "light": {
+            "resolved": "0px 4px 12px rgba(0, 0, 0, 0.16)"
+          },
+          "dark": {
+            "resolved": "0px 4px 12px rgba(0, 0, 0, 0.16)"
+          }
+        },
+        "07": {
+          "path": "DarkShadow.07",
+          "light": {
+            "resolved": "0px 2px 7px rgba(0, 0, 0, 0.25)"
+          },
+          "dark": {
+            "resolved": "0px 2px 7px rgba(0, 0, 0, 0.25)"
+          }
+        }
+      }
+    },
     "AlertContext": {
       "kind": "component",
       "refable": false,
@@ -2108,10 +2246,12 @@
         "Shadow_Default": {
           "path": "Card.Shadow_Default",
           "light": {
-            "resolved": "0 2px 12px 0 rgba(31, 31, 34, 0.12)"
+            "ref": "Shadow.03",
+            "resolved": "0px 2px 12px rgba(31, 31, 34, 0.12)"
           },
           "dark": {
-            "resolved": "none"
+            "ref": "DarkShadow.03",
+            "resolved": "0px 2px 12px rgba(0, 0, 0, 0.12)"
           }
         },
         "Shadow_Focus": {
@@ -2126,10 +2266,12 @@
         "Shadow_Hover": {
           "path": "Card.Shadow_Hover",
           "light": {
-            "resolved": "0 4px 12px 0 rgba(31, 31, 34, 0.16)"
+            "ref": "Shadow.06",
+            "resolved": "0px 4px 12px rgba(31, 31, 34, 0.16)"
           },
           "dark": {
-            "resolved": "none"
+            "ref": "DarkShadow.06",
+            "resolved": "0px 4px 12px rgba(0, 0, 0, 0.16)"
           }
         },
         "Shadow_Selected": {
@@ -2734,10 +2876,12 @@
         "Shadow": {
           "path": "Dropdown.Shadow",
           "light": {
+            "ref": "Shadow.07",
             "resolved": "0px 2px 7px rgba(31, 31, 34, 0.25)"
           },
           "dark": {
-            "resolved": "0px 2px 7px rgba(0, 0, 0, 0.35)"
+            "ref": "DarkShadow.07",
+            "resolved": "0px 2px 7px rgba(0, 0, 0, 0.25)"
           }
         }
       }
@@ -2886,10 +3030,12 @@
         "StickyShadow": {
           "path": "FooterPage.StickyShadow",
           "light": {
-            "resolved": "0 -2px 7px 0 rgba(31, 31, 34, 0.08)"
+            "ref": "Shadow.05",
+            "resolved": "0px -2px 9px rgba(31, 31, 34, 0.15)"
           },
           "dark": {
-            "resolved": "0 -2px 7px 0 rgba(0, 0, 0, 0.35)"
+            "ref": "DarkShadow.05",
+            "resolved": "0px -2px 9px rgba(0, 0, 0, 0.5)"
           }
         }
       }
@@ -3119,10 +3265,12 @@
         "StickyShadow": {
           "path": "HeaderPage.StickyShadow",
           "light": {
-            "resolved": "0 2px 7px 0 rgba(31, 31, 34, 0.08)"
+            "ref": "Shadow.04",
+            "resolved": "0px 2px 9px rgba(31, 31, 34, 0.15)"
           },
           "dark": {
-            "resolved": "0 2px 7px 0 rgba(0, 0, 0, 0.35)"
+            "ref": "DarkShadow.04",
+            "resolved": "0px 2px 9px rgba(0, 0, 0, 0.5)"
           }
         }
       }
@@ -3904,10 +4052,12 @@
         "Shadow": {
           "path": "Notification.Shadow",
           "light": {
+            "ref": "Shadow.07",
             "resolved": "0px 2px 7px rgba(31, 31, 34, 0.25)"
           },
           "dark": {
-            "resolved": "0px 2px 7px rgba(0, 0, 0, 0.35)"
+            "ref": "DarkShadow.07",
+            "resolved": "0px 2px 7px rgba(0, 0, 0, 0.25)"
           }
         }
       }
@@ -5312,8 +5462,8 @@
         "Background_Active": {
           "path": "Step.Background_Active",
           "light": {
-            "ref": "ColorBrand.100",
-            "resolved": "#E3FFFA"
+            "ref": "ColorBrand.95",
+            "resolved": "#C5FAF1"
           },
           "dark": {
             "ref": "ColorBrand.20",
@@ -6357,6 +6507,6 @@
   },
   "internal": {
     "cssVarPattern": "--triplex-next-{Группа}-{Токен}-{версия}",
-    "versionSuffix": "1-46-0"
+    "versionSuffix": "1-50-0"
   }
 }

package/dist/index.js

@@ -192,6 +192,215 @@ function loadBundle() {
   };
 }
 
+// src/tools/component.ts
+var MAX_CHUNK = 2e4;
+var SHORT_EXAMPLE_MAX = 6500;
+var EXAMPLES_SECTION = "\u041F\u0440\u0438\u043C\u0435\u0440\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F";
+var REFERENCE_SECTIONS = /* @__PURE__ */ new Set([
+  "\u0414\u0438\u0437\u0430\u0439\u043D-\u0442\u043E\u043A\u0435\u043D\u044B",
+  "\u0421\u0432\u044F\u0437\u0430\u043D\u043D\u044B\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u044B",
+  "Stories",
+  "\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0439",
+  "\u0424\u0430\u0439\u043B\u043E\u0432\u0430\u044F \u0441\u0442\u0440\u0443\u043A\u0442\u0443\u0440\u0430",
+  "\u041A\u043B\u044E\u0447\u0435\u0432\u044B\u0435 \u043E\u0441\u043E\u0431\u0435\u043D\u043D\u043E\u0441\u0442\u0438 \u0440\u0435\u0430\u043B\u0438\u0437\u0430\u0446\u0438\u0438",
+  EXAMPLES_SECTION
+]);
+var SUBSECTION_HEADING_RE = /^###\s+(.+?)\s*$/;
+var FENCE_RE = /^\s*```/;
+var TRAILING_RULE_RE = /\n+-{3,}\s*$/;
+function paginate(text, offset) {
+  if (text.length - offset <= MAX_CHUNK) {
+    return { body: text.slice(offset), next: null };
+  }
+  const hardEnd = offset + MAX_CHUNK;
+  const newline = text.lastIndexOf("\n", hardEnd - 1);
+  const end = newline > offset + MAX_CHUNK / 2 ? newline + 1 : hardEnd;
+  return { body: text.slice(offset, end), next: end };
+}
+function extractSubsections(text) {
+  const result = {};
+  let current = null;
+  let buffer = [];
+  let inFence = false;
+  const flush = () => {
+    if (current !== null) {
+      result[current] = buffer.join("\n").trim();
+    }
+  };
+  for (const line of text.split("\n")) {
+    if (FENCE_RE.test(line)) {
+      inFence = !inFence;
+    }
+    const match = inFence ? null : SUBSECTION_HEADING_RE.exec(line);
+    if (match) {
+      flush();
+      current = match[1];
+      buffer = [];
+    } else if (current !== null) {
+      buffer.push(line);
+    }
+  }
+  flush();
+  return result;
+}
+function sectionText(text) {
+  return text.replace(TRAILING_RULE_RE, "").trim();
+}
+function findKey(record, wanted) {
+  const needle = wanted.trim().toLowerCase();
+  return Object.keys(record).find((key) => key.toLowerCase() === needle);
+}
+function quoteList(names) {
+  return names.map((name) => JSON.stringify(name)).join(", ");
+}
+function callHint(name, args) {
+  return `get_component ${JSON.stringify({ name, ...args })}`;
+}
+function metaLine(component) {
+  const parts = [];
+  if (component.category) {
+    parts.push(`\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044F: ${component.category}`);
+  }
+  if (component.related.length > 0) {
+    parts.push(`\u0421\u0432\u044F\u0437\u0430\u043D\u043D\u044B\u0435: ${component.related.join(", ")}`);
+  }
+  if (component.figma.file || component.figma.node) {
+    parts.push(`Figma: ${[component.figma.file, component.figma.node].filter(Boolean).join(", ")}`);
+  }
+  if (component.tokens.length > 0) {
+    parts.push(
+      `\u0422\u043E\u043A\u0435\u043D\u044B (${component.tokens.length}): get_tokens ${JSON.stringify({ component: component.name })}`
+    );
+  }
+  return parts.length > 0 ? parts.join(" \xB7 ") : null;
+}
+function pickShortExample(examples) {
+  const fitting = Object.keys(examples).filter((key) => examples[key].length <= SHORT_EXAMPLE_MAX);
+  if (fitting.length === 0) {
+    return null;
+  }
+  const byDefault = fitting.find((key) => key.toLowerCase() === "default");
+  if (byDefault) {
+    return byDefault;
+  }
+  return fitting.reduce((best, key) => examples[key].length < examples[best].length ? key : best);
+}
+function buildCompact(component) {
+  const { sections } = component;
+  const parts = [`# ${component.name}`];
+  const meta = metaLine(component);
+  if (meta) {
+    parts.push(meta);
+  }
+  for (const [title, text] of Object.entries(sections)) {
+    if (!REFERENCE_SECTIONS.has(title)) {
+      parts.push(`## ${title}
+
+${sectionText(text)}`);
+    }
+  }
+  const examples = extractSubsections(sections[EXAMPLES_SECTION] ?? "");
+  const shown = pickShortExample(examples);
+  if (shown) {
+    parts.push(`## \u041F\u0440\u0438\u043C\u0435\u0440: ${shown}
+
+${examples[shown]}`);
+  }
+  const moreSections = Object.keys(sections).filter((title) => REFERENCE_SECTIONS.has(title) && title !== EXAMPLES_SECTION).map((title) => `${JSON.stringify(title)} ${sectionText(sections[title]).length}`);
+  const moreExamples = Object.keys(examples).filter((title) => title !== shown).map((title) => `${JSON.stringify(title)} ${examples[title].length}`);
+  const more = [
+    "## \u0415\u0449\u0451\n",
+    "\u042D\u0442\u043E \u043A\u043E\u043C\u043F\u0430\u043A\u0442\u043D\u044B\u0439 \u043E\u0442\u0432\u0435\u0442. \u041E\u0441\u0442\u0430\u043B\u044C\u043D\u043E\u0435 \u2014 \u0442\u0435\u043C \u0436\u0435 get_component, \u043E\u0434\u043D\u0438\u043C \u0438\u0437 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u043E\u0432 (\u0440\u0430\u0437\u043C\u0435\u0440 \u0432 \u0441\u0438\u043C\u0432\u043E\u043B\u0430\u0445):"
+  ];
+  if (moreSections.length > 0) {
+    more.push(`- section: ${moreSections.join(", ")}`);
+  }
+  if (moreExamples.length > 0) {
+    more.push(`- example: ${moreExamples.join(", ")}`);
+  }
+  more.push(`- full: true \u2014 \u0432\u0435\u0441\u044C AI.md, ${(component.markdown ?? "").length}`);
+  parts.push(more.join("\n"));
+  return parts.join("\n\n");
+}
+function buildFallback(component) {
+  const stories = component.stories ? ` Stories: \`${component.stories}\`.` : "";
+  return `# ${component.name}
+
+AI-\u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u0446\u0438\u0438 \u0443 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 (ai_ready: false).${stories}`;
+}
+function selectPiece(component, query) {
+  const { sections } = component;
+  if (query.section !== void 0) {
+    const key = findKey(sections, query.section);
+    if (key === void 0) {
+      return {
+        ok: false,
+        text: `\u0421\u0435\u043A\u0446\u0438\u0438 ${JSON.stringify(query.section)} \u0443 ${component.name} \u043D\u0435\u0442. \u0415\u0441\u0442\u044C: ${quoteList(Object.keys(sections))}.`
+      };
+    }
+    return { ok: true, text: `## ${key}
+
+${sectionText(sections[key])}`, args: { section: key } };
+  }
+  if (query.example !== void 0) {
+    const examples = extractSubsections(sections[EXAMPLES_SECTION] ?? "");
+    const key = findKey(examples, query.example);
+    if (key === void 0) {
+      const names = Object.keys(examples);
+      return {
+        ok: false,
+        text: names.length > 0 ? `\u041F\u0440\u0438\u043C\u0435\u0440\u0430 ${JSON.stringify(query.example)} \u0443 ${component.name} \u043D\u0435\u0442. \u0415\u0441\u0442\u044C: ${quoteList(names)}.` : `\u0423 ${component.name} \u043D\u0435\u0442 \u0441\u0435\u043A\u0446\u0438\u0438 \xAB${EXAMPLES_SECTION}\xBB.`
+      };
+    }
+    return { ok: true, text: `### ${key}
+
+${examples[key]}`, args: { example: key } };
+  }
+  if (query.full) {
+    const meta = metaLine(component);
+    const body = component.markdown ?? "";
+    return { ok: true, text: meta ? `${meta}
+
+${body}` : body, args: { full: true } };
+  }
+  return { ok: true, text: buildCompact(component), args: {} };
+}
+function buildComponentResponse(component, query = {}) {
+  const selectors = [query.section !== void 0, query.example !== void 0, query.full === true];
+  if (selectors.filter(Boolean).length > 1) {
+    return { ok: false, text: "\u0423\u043A\u0430\u0436\u0438 \u043D\u0435 \u0431\u043E\u043B\u044C\u0448\u0435 \u043E\u0434\u043D\u043E\u0433\u043E \u0438\u0437 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u043E\u0432: section, example, full." };
+  }
+  if (!component.ai_ready) {
+    return { ok: true, text: buildFallback(component) };
+  }
+  const piece = selectPiece(component, query);
+  if (!piece.ok) {
+    return piece;
+  }
+  const offset = query.offset ?? 0;
+  if (offset > 0 && offset >= piece.text.length) {
+    return {
+      ok: false,
+      text: `offset ${offset} \u0437\u0430 \u043A\u043E\u043D\u0446\u043E\u043C \u043E\u0442\u0432\u0435\u0442\u0430: \u0432 \u043D\u0451\u043C ${piece.text.length} \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432.`
+    };
+  }
+  const chunk = paginate(piece.text, offset);
+  const end = offset + chunk.body.length;
+  const lines = [];
+  if (offset > 0) {
+    lines.push(`\u2014 \u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0435\u043D\u0438\u0435: \u0441\u0438\u043C\u0432\u043E\u043B\u044B ${offset}\u2013${end} \u0438\u0437 ${piece.text.length} \u2014
+`);
+  }
+  lines.push(chunk.body);
+  if (chunk.next !== null) {
+    lines.push(
+      `
+\u2014 \u041F\u043E\u043A\u0430\u0437\u0430\u043D\u044B \u0441\u0438\u043C\u0432\u043E\u043B\u044B ${offset}\u2013${end} \u0438\u0437 ${piece.text.length}. \u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0435\u043D\u0438\u0435: ${callHint(component.name, { ...piece.args, offset: chunk.next })} \u2014`
+    );
+  }
+  return { ok: true, text: lines.join("\n") };
+}
+
 // src/tools/guidelines.ts
 var GUIDELINES_TOPIC = "guidelines";
 function buildGuidelinesResponse(bundle) {
@@ -362,9 +571,15 @@ function registerTools(server) {
   );
   server.tool(
     "get_component",
-    "\u041F\u043E\u043B\u043D\u0430\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u0446\u0438\u044F \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430: \u043D\u0430\u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435, props, \u0442\u043E\u043A\u0435\u043D\u044B, \u0438\u043D\u0432\u0430\u0440\u0438\u0430\u043D\u0442\u044B, accessibility, \u0441\u0435\u043A\u0446\u0438\u0438 AI.md.",
-    { name: z.string().describe("\u0418\u043C\u044F \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430, \u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440 'Button'") },
-    async ({ name }) => {
+    "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u0446\u0438\u044F \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u2014 \u043A\u043E\u043C\u043F\u0430\u043A\u0442\u043D\u0430\u044F: \u043D\u0430\u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435, props, \u0438\u043D\u0432\u0430\u0440\u0438\u0430\u043D\u0442\u044B, accessibility, \u043E\u0434\u0438\u043D \u043A\u043E\u0440\u043E\u0442\u043A\u0438\u0439 \u043F\u0440\u0438\u043C\u0435\u0440 \u0438 \u043E\u0433\u043B\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043E\u0441\u0442\u0430\u043B\u044C\u043D\u043E\u0433\u043E \u0441 \u0440\u0430\u0437\u043C\u0435\u0440\u0430\u043C\u0438. \u0421\u043F\u0440\u0430\u0432\u043E\u0447\u043D\u0443\u044E \u0441\u0435\u043A\u0446\u0438\u044E, \u0434\u0440\u0443\u0433\u043E\u0439 \u043F\u0440\u0438\u043C\u0435\u0440 \u0438\u043B\u0438 \u0432\u0435\u0441\u044C AI.md \u2014 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u043E\u043C section, example \u0438\u043B\u0438 full; \u0434\u043B\u0438\u043D\u043D\u044B\u0439 \u043E\u0442\u0432\u0435\u0442 \u043F\u0440\u0438\u0445\u043E\u0434\u0438\u0442 \u043F\u043E\u0440\u0446\u0438\u044F\u043C\u0438 \u0441 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u043E\u0439 offset.",
+    {
+      name: z.string().describe("\u0418\u043C\u044F \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430, \u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440 'Button'"),
+      section: z.string().optional().describe("\u041E\u0434\u043D\u0430 \u0441\u0435\u043A\u0446\u0438\u044F AI.md \u0446\u0435\u043B\u0438\u043A\u043E\u043C, \u043D\u0430\u043F\u0440. '\u0414\u0438\u0437\u0430\u0439\u043D-\u0442\u043E\u043A\u0435\u043D\u044B' (\u0441\u043F\u0438\u0441\u043E\u043A \u2014 \u0432 \u043E\u0433\u043B\u0430\u0432\u043B\u0435\u043D\u0438\u0438)."),
+      example: z.string().optional().describe("\u041E\u0434\u0438\u043D \u043F\u0440\u0438\u043C\u0435\u0440 \u0438\u0437 \xAB\u041F\u0440\u0438\u043C\u0435\u0440\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F\xBB \u043F\u043E \u0438\u043C\u0435\u043D\u0438, \u043D\u0430\u043F\u0440. 'States'."),
+      full: z.boolean().optional().describe("\u0412\u0435\u0441\u044C AI.md \u043E\u0434\u043D\u0438\u043C \u0442\u0435\u043A\u0441\u0442\u043E\u043C, \u043F\u043E\u0440\u0446\u0438\u044F\u043C\u0438."),
+      offset: z.number().int().nonnegative().optional().describe("\u0421\u043C\u0435\u0449\u0435\u043D\u0438\u0435 \u043F\u0440\u043E\u0434\u043E\u043B\u0436\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u043D\u043E\u0433\u043E \u043E\u0442\u0432\u0435\u0442\u0430 \u2014 \u0438\u0437 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438 \u0432 \u043A\u043E\u043D\u0446\u0435 \u043F\u043E\u0440\u0446\u0438\u0438.")
+    },
+    async ({ name, section, example, full, offset }) => {
       const component = bundle.components.find((c) => c.name.toLowerCase() === name.toLowerCase());
       if (!component) {
         return {
@@ -377,9 +592,8 @@ function registerTools(server) {
           isError: true
         };
       }
-      return {
-        content: [{ type: "text", text: JSON.stringify(component, null, 2) }]
-      };
+      const result = buildComponentResponse(component, { section, example, full, offset });
+      return result.ok ? { content: [{ type: "text", text: result.text }] } : { content: [{ type: "text", text: result.text }], isError: true };
     }
   );
   server.tool(