@gravity-ui/querieskit 1.3.0 → 1.3.2

package/build/esm/widgets/SavedQueries/SavedQueries.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useState","Text","action","SavedQueries","jsx","_jsx","QUERY","BASE_ITEMS","id","title","savedAt","engine","author","query","height","filterFields","type","initialValue","items","fields","meta","component","tags","parameters","layout","SavedQueriesStory","_useState","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","_useState5","_useState6","visibleFields","setVisibleFields","_useState7","_useState8","comparedRowIds","setComparedRowIds","_useState9","_useState0","editingRowId","setEditingRowId","filteredItems","toLowerCase","filter","item","_item$query","includes","updateTitle","currentItems","map","currentItem","_objectSpread","undefined","style","width","children","hasClear","onUpdate","onApply","onReset","onChange","editing","rowId","onSubmit","onCancel","comparison","enabled","Boolean","length","selected","currentIds","concat","_toConsumableArray","slice","onCompare","getRowActions","text","onClick","theme","CustomAuthorStory","team","_useState1","_useState10","renderAuthor","color","EmptyStory","_useState11","_useState12","Default","render","CustomAuthor","Empty"],"sources":["SavedQueries.stories.tsx"],"sourcesContent":["import React, {useMemo, useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Text} from '@gravity-ui/uikit';\nimport {action} from 'storybook/actions';\nimport {\n    QueryListFieldKey,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {SavedQuery} from '../../types/savedQueries';\nimport {SavedQueries} from './SavedQueries';\n\nconst QUERY = `SELECT\n    session_id,\n    COUNT(*) AS sessions_count\nFROM visits\nGROUP BY session_id;`;\n\nconst BASE_ITEMS: QueryListItem<SavedQuery>[] = [\n    {\n        id: 1,\n        title: 'New Query',\n        savedAt: '2026-04-29T12:00:00.000Z',\n        engine: 'SQL',\n        author: 'Anna Petrova',\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 2,\n        title: 'Daily conversion report',\n        savedAt: '2026-04-29T11:00:00.000Z',\n        engine: 'YQL',\n        author: 'Pavel Sidorov',\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 3,\n        title: 'Product funnel',\n        savedAt: '2026-04-28T09:00:00.000Z',\n        engine: 'SQL',\n        author: 'Maria Volkova',\n        query: 'SELECT 1;',\n        height: 52,\n    },\n];\n\nconst filterFields: QueryListFilterConfig['fields'] = [\n    {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n    {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n    {\n        id: 'engine',\n        type: 'checkboxGroup',\n        title: 'Engine',\n        initialValue: [],\n        items: [\n            {id: 'yql', title: 'YQL'},\n            {id: 'sql', title: 'SQL'},\n        ],\n    },\n];\n\nconst fields: QueryListVisibleFieldsConfig<SavedQuery>['fields'] = [\n    {id: 'savedAt', title: 'Saved date'},\n    {id: 'engine', title: 'Engine'},\n    {id: 'author', title: 'Author'},\n];\n\nconst meta: Meta<typeof SavedQueries> = {\n    title: 'Widgets/SavedQueries',\n    component: SavedQueries,\n    tags: ['autodocs'],\n    parameters: {layout: 'padded'},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SavedQueries>;\n\nconst SavedQueriesStory = () => {\n    const [items, setItems] = useState(BASE_ITEMS);\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n    const [visibleFields, setVisibleFields] = useState<QueryListFieldKey<SavedQuery>[]>([\n        'savedAt',\n        'engine',\n        'author',\n    ]);\n    const [comparedRowIds, setComparedRowIds] = useState<number[]>([]);\n    const [editingRowId, setEditingRowId] = useState<number>();\n\n    const filteredItems = useMemo(() => {\n        if (!search.value) return items;\n\n        const value = search.value.toLowerCase();\n        return items.filter((item) => {\n            if ('header' in item) return false;\n\n            return search.fullSearch\n                ? item.title.toLowerCase().includes(value) ||\n                      item.query?.toLowerCase().includes(value)\n                : item.title.toLowerCase().includes(value);\n        });\n    }, [items, search]);\n\n    const updateTitle = (item: SavedQuery, title: string) => {\n        setItems((currentItems) =>\n            currentItems.map((currentItem) =>\n                'id' in currentItem && currentItem.id === item.id\n                    ? {...currentItem, title}\n                    : currentItem,\n            ),\n        );\n        setEditingRowId(undefined);\n    };\n\n    return (\n        <div style={{width: 360, height: 560}}>\n            <SavedQueries\n                items={filteredItems}\n                search={{...search, hasClear: true, onUpdate: setSearch}}\n                filter={{\n                    fields: filterFields,\n                    onApply: action('onFilterApply'),\n                    onReset: action('onFilterReset'),\n                }}\n                visibleFields={{value: visibleFields, fields, onChange: setVisibleFields}}\n                editing={{\n                    rowId: editingRowId,\n                    onSubmit: updateTitle,\n                    onCancel: () => setEditingRowId(undefined),\n                }}\n                comparison={{\n                    enabled: Boolean(comparedRowIds.length),\n                    comparedRowIds,\n                    onChange: (item, selected) => {\n                        setComparedRowIds((currentIds) =>\n                            selected\n                                ? [...currentIds.filter((id) => id !== item.id).slice(-1), item.id]\n                                : currentIds.filter((id) => id !== item.id),\n                        );\n                    },\n                    onCancel: () => setComparedRowIds([]),\n                    onCompare: () => action('onCompare')(comparedRowIds),\n                }}\n                getRowActions={(item) => [\n                    {text: 'Copy to', onClick: () => action('onCopyTo')(item)},\n                    {text: 'Show operations', onClick: () => action('onShowOperations')(item)},\n                    {text: 'Edit', onClick: () => setEditingRowId(item.id)},\n                    {\n                        text: 'Compare with baseline',\n                        onClick: () => setComparedRowIds([item.id]),\n                    },\n                    {text: 'Delete', theme: 'danger', onClick: () => action('onDelete')(item)},\n                ]}\n            />\n        </div>\n    );\n};\n\ntype ExtendedSavedQuery = SavedQuery & {team: string};\n\nconst CustomAuthorStory = () => {\n    const items: QueryListItem<ExtendedSavedQuery>[] = BASE_ITEMS.map((item) =>\n        'header' in item ? item : {...item, team: 'Analytics'},\n    );\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 360, height: 280}}>\n            <SavedQueries\n                items={items}\n                search={{...search, hasClear: true, onUpdate: setSearch}}\n                renderAuthor={(item) => <Text color=\"complementary\">{item.team}</Text>}\n            />\n        </div>\n    );\n};\n\nconst EmptyStory = () => {\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 360, height: 280}}>\n            <SavedQueries items={[]} search={{...search, hasClear: true, onUpdate: setSearch}} />\n        </div>\n    );\n};\n\nexport const Default: Story = {render: () => <SavedQueriesStory />};\nexport const CustomAuthor: Story = {render: () => <CustomAuthorStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useState","Text","action","SavedQueries","jsx","_jsx","QUERY","BASE_ITEMS","id","title","savedAt","engine","author","query","height","filterFields","type","initialValue","items","fields","meta","component","tags","parameters","layout","SavedQueriesStory","_useState","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","_useState5","_useState6","visibleFields","setVisibleFields","_useState7","_useState8","comparedRowIds","setComparedRowIds","_useState9","_useState0","editingRowId","setEditingRowId","filteredItems","toLowerCase","filter","item","_item$query","includes","updateTitle","currentItems","map","currentItem","_objectSpread","undefined","style","width","children","hasClear","onUpdate","onApply","onReset","onChange","editing","rowId","onSubmit","onCancel","comparison","enabled","Boolean","length","selected","currentIds","concat","_toConsumableArray","slice","onCompare","getRowActions","text","onClick","theme","CustomAuthorStory","team","_useState1","_useState10","renderAuthor","color","EmptyStory","_useState11","_useState12","Default","render","CustomAuthor","Empty"],"sources":["SavedQueries.stories.tsx"],"sourcesContent":["import React, {useMemo, useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Text} from '@gravity-ui/uikit';\nimport {action} from 'storybook/actions';\nimport {\n    QueryListFieldKey,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {SavedQuery} from '../../types/savedQueries';\nimport {SavedQueries} from './SavedQueries';\n\nconst QUERY = `SELECT\n    session_id,\n    COUNT(*) AS sessions_count\nFROM visits\nGROUP BY session_id;`;\n\nconst BASE_ITEMS: QueryListItem<SavedQuery>[] = [\n    {\n        id: 1,\n        title: 'New Query',\n        savedAt: '2026-04-29T12:00:00.000Z',\n        engine: 'SQL',\n        author: 'Anna Petrova',\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 2,\n        title: 'Daily conversion report',\n        savedAt: '2026-04-29T11:00:00.000Z',\n        engine: 'YQL',\n        author: 'Pavel Sidorov',\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 3,\n        title: 'Product funnel',\n        savedAt: '2026-04-28T09:00:00.000Z',\n        engine: 'SQL',\n        author: 'Maria Volkova',\n        query: 'SELECT 1;',\n        height: 52,\n    },\n];\n\nconst filterFields: QueryListFilterConfig['fields'] = [\n    {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n    {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n    {\n        id: 'engine',\n        type: 'checkboxGroup',\n        title: 'Engine',\n        initialValue: [],\n        items: [\n            {id: 'yql', title: 'YQL'},\n            {id: 'sql', title: 'SQL'},\n        ],\n    },\n];\n\nconst fields: QueryListVisibleFieldsConfig<SavedQuery>['fields'] = [\n    {id: 'savedAt', title: 'Saved date'},\n    {id: 'engine', title: 'Engine'},\n    {id: 'author', title: 'Author'},\n];\n\nconst meta: Meta<typeof SavedQueries> = {\n    title: 'Widgets/SavedQueries',\n    component: SavedQueries,\n    tags: ['autodocs'],\n    parameters: {layout: 'padded'},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SavedQueries>;\n\nconst SavedQueriesStory = () => {\n    const [items, setItems] = useState(BASE_ITEMS);\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n    const [visibleFields, setVisibleFields] = useState<QueryListFieldKey<SavedQuery>[]>([\n        'savedAt',\n        'engine',\n        'author',\n    ]);\n    const [comparedRowIds, setComparedRowIds] = useState<(number | string)[]>([]);\n    const [editingRowId, setEditingRowId] = useState<number | string>();\n\n    const filteredItems = useMemo(() => {\n        if (!search.value) return items;\n\n        const value = search.value.toLowerCase();\n        return items.filter((item) => {\n            if ('header' in item) return false;\n\n            return search.fullSearch\n                ? item.title.toLowerCase().includes(value) ||\n                      item.query?.toLowerCase().includes(value)\n                : item.title.toLowerCase().includes(value);\n        });\n    }, [items, search]);\n\n    const updateTitle = (item: SavedQuery, title: string) => {\n        setItems((currentItems) =>\n            currentItems.map((currentItem) =>\n                'id' in currentItem && currentItem.id === item.id\n                    ? {...currentItem, title}\n                    : currentItem,\n            ),\n        );\n        setEditingRowId(undefined);\n    };\n\n    return (\n        <div style={{width: 360, height: 560}}>\n            <SavedQueries\n                items={filteredItems}\n                search={{...search, hasClear: true, onUpdate: setSearch}}\n                filter={{\n                    fields: filterFields,\n                    onApply: action('onFilterApply'),\n                    onReset: action('onFilterReset'),\n                }}\n                visibleFields={{value: visibleFields, fields, onChange: setVisibleFields}}\n                editing={{\n                    rowId: editingRowId,\n                    onSubmit: updateTitle,\n                    onCancel: () => setEditingRowId(undefined),\n                }}\n                comparison={{\n                    enabled: Boolean(comparedRowIds.length),\n                    comparedRowIds,\n                    onChange: (item, selected) => {\n                        setComparedRowIds((currentIds) =>\n                            selected\n                                ? [...currentIds.filter((id) => id !== item.id).slice(-1), item.id]\n                                : currentIds.filter((id) => id !== item.id),\n                        );\n                    },\n                    onCancel: () => setComparedRowIds([]),\n                    onCompare: () => action('onCompare')(comparedRowIds),\n                }}\n                getRowActions={(item) => [\n                    {text: 'Copy to', onClick: () => action('onCopyTo')(item)},\n                    {text: 'Show operations', onClick: () => action('onShowOperations')(item)},\n                    {text: 'Edit', onClick: () => setEditingRowId(item.id)},\n                    {\n                        text: 'Compare with baseline',\n                        onClick: () => setComparedRowIds([item.id]),\n                    },\n                    {text: 'Delete', theme: 'danger', onClick: () => action('onDelete')(item)},\n                ]}\n            />\n        </div>\n    );\n};\n\ntype ExtendedSavedQuery = SavedQuery & {team: string};\n\nconst CustomAuthorStory = () => {\n    const items: QueryListItem<ExtendedSavedQuery>[] = BASE_ITEMS.map((item) =>\n        'header' in item ? item : {...item, team: 'Analytics'},\n    );\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 360, height: 280}}>\n            <SavedQueries\n                items={items}\n                search={{...search, hasClear: true, onUpdate: setSearch}}\n                renderAuthor={(item) => <Text color=\"complementary\">{item.team}</Text>}\n            />\n        </div>\n    );\n};\n\nconst EmptyStory = () => {\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 360, height: 280}}>\n            <SavedQueries items={[]} search={{...search, hasClear: true, onUpdate: setSearch}} />\n        </div>\n    );\n};\n\nexport const Default: Story = {render: () => <SavedQueriesStory />};\nexport const CustomAuthor: Story = {render: () => <CustomAuthorStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,8 +1,35 @@
 {
   "name": "@gravity-ui/querieskit",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "Query page component library",
-  "main": "build/index.js",
+  "main": "./build/cjs/index.js",
+  "module": "./build/esm/index.js",
+  "types": "./build/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./build/esm/index.d.ts",
+        "default": "./build/esm/index.js"
+      },
+      "require": {
+        "types": "./build/cjs/index.d.ts",
+        "default": "./build/cjs/index.js"
+      }
+    },
+    "./build/esm": {
+      "types": "./build/esm/index.d.ts",
+      "default": "./build/esm/index.js"
+    },
+    "./build/cjs": {
+      "types": "./build/cjs/index.d.ts",
+      "default": "./build/cjs/index.js"
+    },
+    "./build/*": "./build/*",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "build"
+  ],
   "scripts": {
     "build": "app-builder build",
     "lint": "eslint",

package/.agents/skills/code-review-checklist/SKILL.md

@@ -1,94 +0,0 @@
----
-name: code-review-checklist
-description: Review code changes from supplied diffs, local working-tree changes, or GitHub PRs, validating correctness, React state, edge cases, security, performance, and compatibility against full code context. Use for code review, diff review, logic checks, and bug hunting.
----
-
-# Code Review Checklist
-
-Review changes in two passes: find plausible risks, then validate each risk against the full code context. Report only confirmed, actionable findings.
-
-## Boundaries
-
-- Code review is read-only unless the user separately asks for implementation.
-- Do not edit the reviewed code, create review-report files, or run commands that rewrite source files.
-- Do not publish PR comments, replies, or review decisions without an explicit request.
-- Return the review directly in the response, using the language of the user's request.
-
-## Determine the Review Source
-
-Use the source named by the user. Do not ask them to reproduce a diff that is already available.
-
-- **Supplied diff or diff file:** treat it as the authoritative change set. When the repository is available, use it only to read the full files and related context.
-- **Local repository:** inspect status first. Unless the user narrows the scope, include staged changes, unstaged changes, and untracked files. If branch or committed changes are requested, compare the requested branch range as a separate layer.
-- **GitHub PR:** use the `github-pr-review` skill to obtain PR metadata, diff, and existing comments, then apply this skill as the analysis core. Preserve that skill's statuses when validating existing comments.
-
-An empty result from one diff layer does not prove there are no local changes; reconcile the review scope with repository status.
-
-## Build Context Before Judging
-
-1. Read the repository's `AGENTS.md` and any instructions that apply to the changed paths.
-2. Build an internal change map in dependency order:
-   types and helpers → components → modules → widgets → public exports and integration.
-3. Read every changed source file in full when it is available, not only its diff hunks. If only the diff is available, state the resulting context limitation.
-4. Follow relevant types, callers, callees, consumers, state owners, and public contracts when the finding depends on them.
-5. Infer the intended behavior from code, tests, types, and the user's request. Call out a missing requirement as uncertainty, not as a confirmed bug.
-
-For this repository, apply conditional guidance without duplicating it here:
-
-- For SCSS or layout changes, read `plans/styles-rules.md`.
-- For localization changes, read `plans/i18n-rules.md`.
-- Check the `components → modules → widgets` dependency direction, mandatory unit and level barrel exports, and placement of consumer-facing public types described in `AGENTS.md`.
-- Treat documented legacy violations as anti-examples, not patterns to copy.
-
-## Two-Pass Review
-
-### Pass 1: Find Candidate Risks
-
-Look for code whose correctness depends on a non-obvious condition, including:
-
-- inverted, incomplete, unreachable, or off-by-one control flow;
-- invalid state transitions, direct mutation, stale closures, stale derived state, or incorrect React effect dependencies and cleanup;
-- nullish values, empty collections, Unicode, dates and time zones, size limits, and other realistic boundaries;
-- lost errors, incomplete failure paths, async races, interleaving, or cleanup leaks;
-- transformations that lose data or rely on an unvalidated shape or invariant;
-- broken request/response, component props, or public API contracts;
-- unsafe HTML or URLs, leaked secrets, or missing validation at trust boundaries;
-- unnecessary work in render or hot paths, retained listeners/resources, or avoidable large allocations;
-- breaking exports, incorrect abstraction-level imports, misplaced styles, or incomplete i18n changes.
-
-Do not turn formatting preferences, speculative possibilities, or generic best practices into findings without a concrete failure mode.
-
-### Pass 2: Validate Every Candidate
-
-For each candidate:
-
-1. Re-read the entire containing file and the relevant surrounding flow.
-2. Verify the triggering input, state, or execution path is reachable.
-3. Check whether types, callers, guards, framework behavior, or tests already preserve the invariant.
-4. State the observable consequence and affected consumer.
-5. Remove the candidate if the concern is disproved or remains purely speculative.
-
-Run relevant read-only checks when they materially increase confidence. Distinguish confirmed defects from test or verification gaps.
-
-## Severity
-
-- **High:** security exposure, data loss, crash in a primary flow, or an unintended breaking public API change.
-- **Medium:** incorrect behavior in a realistic supported scenario, including significant state, error-handling, or integration failures.
-- **Low:** a limited edge-case defect or concrete maintainability problem likely to cause incorrect behavior later.
-
-Do not report style-only nits. Order findings from highest to lowest severity.
-
-## Response Format
-
-Lead with confirmed findings. For each finding include:
-
-- **Location:** `path/to/file:line`
-- **Severity:** `High`, `Medium`, or `Low`
-- **Finding:** concise description of the defect
-- **Condition:** input or execution path that triggers it
-- **Impact:** observable consequence
-- **Recommendation:** specific fix or mitigation
-
-For existing PR comments, also include **Status** using the vocabulary required by `github-pr-review`.
-
-After findings, mention only material test or verification gaps. If there are no confirmed findings, say so explicitly and do not invent issues to fill the response.

package/.agents/skills/github-pr-review/SKILL.md

@@ -1,24 +0,0 @@
----
-name: github-pr-review
-description: Reviews GitHub Pull Requests, analyzes diffs, and validates existing review comments for relevance. Use when the user provides a GitHub PR URL, asks to review a PR, поревьювить PR, проверить PR, or check whether existing review comments are still relevant.
----
-
-# GitHub PR Review & Validation Rule
-
-## Работа со ссылкой на PR
-Когда предоставлена ссылка на GitHub PR:
-1. **Анализ изменений**: Изучи diff и файлы, затронутые в PR.
-2. **Применение чек-листа**: Используй критерии из skill `code-review-checklist` (Logical Bugs, Edge Cases, Security, Performance) для анализа входящего кода. Сначала прочитай `.agents/skills/code-review-checklist/SKILL.md`.
-
-## Проверка существующих замечаний (Comments Validation)
-Если в PR уже есть комментарии/замечания от других ревьюеров:
-1. **Релевантность**: Проверь, актуально ли ещё замечание. Если код уже исправлен в последних коммитах — отметь это.
-2. **Объективность**: Сверь замечание с текущим чек-листом. Если замечание противоречит стандартам проекта или чек-листу, укажи на это.
-
-## Формат ответа
-Для каждого замечания (нового или существующего из PR) используй формат:
-- **Локация**: [Файл : Строка]
-- **Статус**: (Новое / Подтверждено / Исправлено / Неактуально)
-- **Критичность**: (High / Medium / Low)
-- **Суть**: Краткое описание проблемы согласно чек-листу.
-- **Рекомендация**: Конкретный пример исправленного кода.

package/.agents/skills/gravity-ui/SKILL.md

@@ -1,175 +0,0 @@
----
-name: gravity-ui
-description: Builds, fixes, styles, and composes UI with the Gravity UI design system — the React ecosystem of @gravity-ui/* packages (uikit, charts, table, navigation, date-components, icons, and more). Routes to the correct package when look-alikes exist, applies theming and required setup, and prevents invented component APIs. Applies when working with @gravity-ui imports, uikit, ThemeProvider, --g- CSS tokens, or any prompt (EN or RU) mentioning gravity-ui, гравити, дизайн-система, компоненты, дашборд, таблица, график, or форма.
----
-
-# Building UI with Gravity UI
-
-Build UI on **real** Gravity UI components, not from memory. Gravity UI is a
-multi-package React design system (`@gravity-ui/*`), so the two things that go
-wrong are picking the wrong package and using an API from the wrong version.
-This skill routes you to the right package, grounds you in the installed
-version, and stops you from inventing APIs — match the installed versions and
-follow the ecosystem catalog instead of guessing.
-
-## Step 0 — pick the right package first (ecosystem routing)
-
-Before doing anything else, work out which `@gravity-ui/*` library the task
-needs. Do not guess from training data — the ecosystem has look-alike packages
-(`charts` vs `chartkit`, uikit `Table` vs `@gravity-ui/table`, `date-components`
-vs `date-utils`, …) and picking the wrong one is the #1 failure.
-
-Open [`references/package-routing.md`](references/package-routing.md) and read
-its top: it is the ecosystem catalog, with the live-vs-offline source order,
-the "painful pairs" disambiguation, and a one-line "what it's for / what to use
-instead" per package. Use it to choose the package, then come back here for
-Step 1.
-
-Only after the package is chosen, run Step 1 to ground in that package's
-installed version and API.
-
-## Step 1 — ground in the installed version of the chosen package
-
-1. **Read `package.json`.** Note each installed `@gravity-ui/*` package and its
-   version. The installed version is the source of truth, not your memory.
-   Resolve ranges from `node_modules` (`<pkg>/package.json` `version` field), not
-   the range string in the root `package.json`.
-
-2. **Fetch the docs for the package you are about to use, in this order,
-   stopping at the first source that answers your question:**
-
-   (a) **LOCAL** — start with `node_modules/@gravity-ui/<pkg>/dist/docs/INDEX.md` or `node_modules/@gravity-ui/<pkg>/build/docs/INDEX.md`.
-      If `INDEX.md` is absent for this package, fall back to the package's root `node_modules/@gravity-ui/<pkg>/README.md`.
-      This is the *exact* installed version — always preferred for version-sensitive questions.
-   (b) **ONLINE** — per-package llms.txt at the **major line**:
-      `https://gravity-ui.com/llms/<pkg>/<major>/llms.txt`
-      (e.g. `/llms/uikit/7/llms.txt` for `^7.2.1`). The major-line URL serves the
-      latest minor of that major — it tracks the major but not the exact patch.
-      Use it when LOCAL has no docs for the package.
-
-3. **Fallback rule — never silently proceed on a failed or empty source:**
-
-   - If LOCAL has no README / `dist/docs` / `build/docs` for the package, or they are empty
-     → fetch the ONLINE major-line llms.txt (b).
-   - If the ONLINE request fails — network timeout, DNS, connection refused
-     (air-gapped / corporate proxy), HTTP 404 (major not hosted), or an empty /
-     non-markdown body → fall back to LOCAL README + dist/docs or build/docs (a).
-   - **Do NOT use the `/llms/<pkg>/llms.txt` "latest" alias** as a fallback — it
-     serves the newest major, which may differ from the installed one and have a
-     different API. The major-line URL is the versioned fallback; below it, go
-     LOCAL, not "latest".
-   - If BOTH are unreachable for a package → STOP and tell the user the
-     package's docs are unreachable. Do not guess its API from training data.
-
-## Step 2 — implement on the chosen packages, then typecheck
-
-1. **Implement using only the `@gravity-ui/*` packages chosen in Step 0 and
-   confirmed installed in Step 1.** Import from those packages exactly — do
-   not substitute look-alike libraries (MUI, Ant, plain `<input>`) and do not
-   reach for a `@gravity-ui/*` package that Step 1 did not confirm installed.
-   Follow the prop APIs from the docs you just read, not memory; if a prop
-   you want is not documented, it does not exist — use the documented one, or
-   ask the user.
-
-2. **Apply the cross-cutting rules** in `rules/hallucination-traps.md` while
-   writing: typography variants, the flex contract, theming/ladders,
-   `Button view`, `Icon data`. Per-component traps live in the package's own
-   `dist/docs`.
-
-3. **Typecheck before declaring done.** Run the project's typecheck command
-   (typically `tsc --noEmit`; for monorepos, the workspace's typecheck script).
-   Fix every error before reporting completion — a type error almost always
-   means a wrong/invented prop, a wrong import path, or a version mismatch,
-   which is precisely what Steps 0–1 were meant to prevent.
-
-   - If the typecheck surfaces a prop/path that contradicts the docs you read
-     in Step 1, trust the **installed version** (the typechecker), not the
-     docs snapshot — the docs may be from a different minor. Re-ground: read
-     the package's `dist/docs/INDEX.md` in `node_modules` for the exact
-     installed types.
-   - If the typecheck is unavailable (no TS in the project), say so
-     explicitly and ask the user how they want to verify; do not silently
-     skip verification.
-   - **Escape hatch.** If the user explicitly waived verification ("just
-     sketch it", "quick prototype", "no need to check"), you may skip the
-     typecheck — but state this plainly in your reply: *"typecheck skipped by
-     user request — code is not verified"*. Do not skip silently.
-
-## Hard rules
-
-- **`@gravity-ui/uikit` MUST be installed in every Gravity UI project.** It is
-  the base component + design-token library every other `@gravity-ui/*` package
-  builds on; without it components render unstyled. If `package.json` lacks it,
-  stop and have the user install and configure it first (setup:
-  `https://gravity-ui.com/llms/uikit/llms.txt`).
-- **Read `package.json` before importing any `@gravity-ui/*` package.** Never
-  assume a package is installed; never assume its major version.
-- **Do not invent props or components.** Before using a component API you are
-  not 100% sure of, check `rules/hallucination-traps.md` (ecosystem patterns)
-  and the component's README in `dist/docs`. If still unsure, ask the user
-  rather than guessing.
-- **Never guess icon names** — they are hallucinated more often than not. To
-  match an icon from a screenshot/photo/mock, run `scripts/icon-image-search.sh`
-  (reverse image search). With only a description, look the name up on
-  `gravity-ui.com/icons` or ask the user — do not invent one. Then pass it as an
-  object (`<Icon data={CheckIcon} />`), never a string key. See
-  `references/icons.md`.
-- **Theming uses semantic `--g-*` tokens.** Never hardcode colors (`#fff`,
-  `blue-500`); never hand-write `dark:` overrides. Full token tables live in
-  `references/theming.md`; the cross-cutting traps (partial brand overrides,
-  scoped vs nested `ThemeProvider`, controls on a brand background) live in
-  `rules/hallucination-traps.md`.
-- **Required setup is package-specific** (style imports, `ThemeProvider`,
-  peer-deps). It lives in each package's root README under "Required setup" —
-  read it once per package, do not rely on memory.
-
-## What NOT to do
-
-These are the five most common ways agents break Gravity UI code. They are
-already implied by the rules above; this section exists as an explicit
-stop-sign. If you are about to do any of these, stop and re-ground.
-
-- **Do not substitute non-Gravity libraries.** No MUI, Ant Design, plain
-  `<input>`/`<button>`, or look-alike component libs. Use the `@gravity-ui/*`
-  package the task needs.
-- **Do not invent component APIs or props.** If a prop is not in the docs you
-  read in Step 1, it does not exist — do not write `variant=`, `color=`,
-  `name=` (on `Icon`), or a `header-3` variant. Use the documented prop or
-  ask the user. See `rules/hallucination-traps.md`.
-- **Do not use the `/llms/<pkg>/llms.txt` "latest" alias as a fallback.** It
-  serves the newest major, which may differ from the installed one and have a
-  different API. The versioned online fallback is the major-line URL
-  (`/llms/<pkg>/<major>/llms.txt`); below that, go LOCAL.
-- **Do not partial-brand.** Setting only `--g-color-base-brand` leaves
-  selection, focus, links and contrast on the default accent — a mismatched
-  UI. Override the full brand token set, on each theme you support.
-- **Do not override internal markup with `[class*='…']` / ID selectors.**
-  That's written against one DOM structure and breaks silently when the
-  component changes. Climb the customization ladder
-  (global token → component CSS API → narrow flagged hack) before ever
-  touching structure.
-
-## Deeper material — read on demand
-
-These files live alongside this SKILL.md and load only when relevant:
-
-- `references/package-routing.md` — offline snapshot of the ecosystem catalog
-  (`gravity-ui.com/llms.txt`), refreshed each skill release. Used as the
-  offline fallback in Step 0.
-- `references/theming.md` — verbatim copy of uikit's `docs/theming.md`:
-  `--g-*` token layers, `ThemeProvider`, branding, custom themes, scoped
-  themes, `uikit-themer`. The bundled copy may lag — read
-  `node_modules/@gravity-ui/uikit/build/docs/guides/theming.md` for the
-  version-matched file.
-- `references/layout.md` — verbatim copy of uikit's `docs/layout.md`:
-  spacing scale (`--g-spacing-*`), `Flex`/`Box`, `Row`/`Col`/`Container`
-  grid, breakpoints, `useLayoutContext`.
-- `references/icons.md` — finding an icon by image
-  (`scripts/icon-image-search.sh`) or on gravity-ui.com/icons; the
-  object-vs-string rendering rule.
-- `rules/hallucination-traps.md` — Incorrect/Correct pairs for the most
-  commonly invented APIs: typography variants (`header-3..6` don't exist, no
-  `Heading`), the flex contract (`min-width:0`, who shrinks), theming traps
-  (partial brand overrides, scoped vs nested `ThemeProvider`, customization
-  ladder), `Button view` not `variant`, `Icon data` not `name`. Per-component
-  traps live in each package's `dist/docs`, not here.

package/.agents/skills/gravity-ui/references/icons.md

@@ -1,60 +0,0 @@
-# Icons — finding the right `@gravity-ui/icons` name
-
-Icon names are hallucinated more often than not. **Never guess.** Find the real
-name, then render it correctly.
-
-## By image (screenshot / photo / mock) — preferred
-
-When the user has a picture of the icon — a screenshot, a design mock, a photo —
-use **reverse image search**:
-
-```
-scripts/icon-image-search.sh <path-to-image>
-```
-
-It POSTs the image to `https://gravity-ui.com/api/icons-search` and prints the
-closest `@gravity-ui/icons` names. The script infers the content type from the
-extension; force it if ambiguous: `--png` / `--jpeg`.
-
-**Image requirements:** send a small image of the icon *alone* — ideally
-**square** and tightly cropped to the glyph (no surrounding UI, large
-whitespace, or several icons in one shot). A full-page screenshot gives worse
-matches, so crop to the icon first if needed.
-
-Workflow:
-1. Have the user drop the image into the project, or point you at its path — a
-   small, square crop of just the icon.
-2. Run the script (it needs `curl`).
-3. The response is JSON: `{"results":[{"name","componentName","style","score"}, …]}`
-   sorted by descending `score` (0–1). Use **`componentName`** (PascalCase) for
-   the import: `import { Sphere } from '@gravity-ui/icons'`.
-4. If the top scores are close (within ~0.02) or the image is low-res, show the
-   user the top few candidates and ask which one — don't pick the first blindly.
-5. Render the chosen component (below).
-
-## When you only have a description (no image)
-
-This skill ships **no text-search endpoint**. To avoid inventing a name:
-
-- Look the icon up on the catalog at `https://gravity-ui.com/icons`.
-- If still unclear, ask the user for a screenshot and run image search.
-
-Do not guess a name from memory.
-
-## Rendering the chosen icon
-
-- The glyph set is `@gravity-ui/icons`; the renderer is uikit's `Icon`. Two
-  packages, two roles — don't confuse them.
-- Import the icon component and pass it via uikit's `Icon` `data` prop:
-
-  ```tsx
-  import { Icon } from '@gravity-ui/uikit';
-  import { ShieldCheck } from '@gravity-ui/icons';
-  import '@gravity-ui/uikit/styles/styles.css';
-
-  <Icon data={ShieldCheck} size={16} />
-  ```
-
-- Pass the icon as an **object** (`data={ShieldCheck}`), never as a string key.
-- For a custom or brand icon not in the set, import your own SVG and pass it to
-  `Icon` — do not expect it to live in `@gravity-ui/icons`.