@weavix/cli 0.5.0 → 0.6.0

package/build/templates/_external/npmrc.template

@@ -0,0 +1 @@
+registry=https://registry.npmjs.org

package/build/templates/_external/src/styles.scss

@@ -1,14 +1,15 @@
-@import './reset.css';
+@use './reset.css';
 
-@import '@gravity-ui/uikit/styles/fonts.css';
-@import '@gravity-ui/uikit/styles/styles.css';
-@import './themes/ys-text.scss';
-@import './themes/yandex-360.scss';
+@use '@gravity-ui/uikit/styles/fonts.css';
+@use '@gravity-ui/uikit/styles/styles.css';
+@use './themes/ys-text.scss';
+@use './themes/yandex-360.scss';
 
 @font-face {
     font-family: 'YS Text Wide 110';
-    src: url('../public/fonts/ys-text-display-wide-110.woff2') format('woff2'),
-    url('../public/fonts/ys-text-display-wide-110.woff') format('woff');
+    src:
+        url('../public/fonts/ys-text-display-wide-110.woff2') format('woff2'),
+        url('../public/fonts/ys-text-display-wide-110.woff') format('woff');
     font-weight: 500;
     font-style: normal;
 }
@@ -19,8 +20,10 @@
         'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Ubuntu Mono', 'DejaVu Sans Mono',
         'Courier New', 'Courier', monospace;
 
-    --g-text-header-font-family: 'YS Text Wide 110', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif;
-    --g-text-subheader-font-family: 'YS Text Wide 110', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif;
+    --g-text-header-font-family:
+        'YS Text Wide 110', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif;
+    --g-text-subheader-font-family:
+        'YS Text Wide 110', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif;
 
     --g-text-header-font-weight: 500;
     --g-text-subheader-font-weight: 500;
@@ -54,9 +57,8 @@
     --g-text-subheader-3-font-size: 16px;
     --g-text-subheader-3-line-height: 24px;
 
-    --g-text-subheader-3-font: 700
-    var(--g-text-subheader-3-font-size) / var(--g-text-subheader-3-font-size)
-    var(--g-text-subheader-font-family);
+    --g-text-subheader-3-font: 700 var(--g-text-subheader-3-font-size) /
+        var(--g-text-subheader-3-font-size) var(--g-text-subheader-font-family);
 
     --g-border-radius-xs: 1000px;
     --g-border-radius-s: 8px;
@@ -64,14 +66,11 @@
     --g-border-radius-l: 12px;
     --g-border-radius-xl: 16px;
     --g-border-radius-2xl: 24px;
-
-
 }
 
 .g-root_theme_light,
 .g-root_theme_light-hc {
     --orb-elevation-sunken: rgb(237, 239, 240);
-    
 }
 
 .g-root_theme_dark,

package/build/templates/_internal/npmrc.template

@@ -0,0 +1,3 @@
+registry=https://registry.npmjs.com
+@yandex-weavix:registry=https://npm.yandex-team.ru
+@yandex-data-ui:registry=https://npm.yandex-team.ru

package/build/templates/_internal/src/styles.scss

@@ -1,10 +1,10 @@
-@import './reset.css';
+@use './reset.css';
 
-@import '@gravity-ui/uikit/styles/fonts.css';
-@import '@gravity-ui/uikit/styles/styles.css';
-@import './themes/ys-text.scss';
-@import './themes/yandex-cloud.scss';
-// @import './themes/yandex-360.scss';
+@use '@gravity-ui/uikit/styles/fonts.css';
+@use '@gravity-ui/uikit/styles/styles.css';
+@use './themes/ys-text.scss';
+@use './themes/yandex-cloud.scss';
+// @use './themes/yandex-360.scss';
 
 :root {
     /* Высота шапки */
@@ -147,7 +147,7 @@ body {
 }
 
 body.g-root {
-    background-color: var(--g-color-base-generic-ultralight);
+    background-color: var(--g-color-base-background);
 }
 
 .g-button_view_flat-secondary.g-button_disabled:not(.g-button_loading)::before,
@@ -223,18 +223,38 @@ body.g-root {
     --g-color-text-light-primary: rgba(255, 255, 255, 0.9); // --g-color-private-white-900
 
     --g-color-text-complementary: var(--g-color-private-white-700);
-    --g-color-text-light-complementary: rgba(255, 255, 255, 0.9); // var(--g-color-private-white-750);
+    --g-color-text-light-complementary: rgba(
+        255,
+        255,
+        255,
+        0.9
+    ); // var(--g-color-private-white-750);
 
     --g-color-text-secondary: var(--g-color-text-light-secondary);
     --g-color-text-light-secondary: rgba(255, 255, 255, 0.55); // var(--g-color-private-white-550);
 
     // Семантический цвет текста в лейблах:
     --g-color-text-info-heavy: rgba(145, 179, 255, 1); // var(--g-color-private-blue-700-solid);
-    --g-color-text-positive-heavy: rgba(124, 196, 121, 1); // var(--g-color-private-green-650-solid);
+    --g-color-text-positive-heavy: rgba(
+        124,
+        196,
+        121,
+        1
+    ); // var(--g-color-private-green-650-solid);
     --g-color-text-warning-heavy: rgba(255, 203, 0, 1); // var(--g-color-private-yellow-550-solid);
     --g-color-text-danger-heavy: rgba(239, 127, 125, 1); // var(--g-color-private-red-700-solid);
-    --g-color-text-utility-heavy: rgba(236, 129, 248, 1); // var(--g-color-private-purple-750-solid);
-    --g-color-text-misc-heavy: rgba(160, 179, 195, 1); // var(--g-color-private-cool-grey-750-solid);
+    --g-color-text-utility-heavy: rgba(
+        236,
+        129,
+        248,
+        1
+    ); // var(--g-color-private-purple-750-solid);
+    --g-color-text-misc-heavy: rgba(
+        160,
+        179,
+        195,
+        1
+    ); // var(--g-color-private-cool-grey-750-solid);
 
     // lines
     --g-color-line-generic: rgba(255, 255, 255, 0.25); // var(--g-color-private-white-250);
@@ -247,4 +267,4 @@ body.g-root {
     --g-color-text-secondary: var(--g-color-text-dark-secondary);
     --g-color-text-dark-secondary: rgba(0, 0, 0, 0.55); // var(--g-color-private-black-550);
     --g-color-line-generic: rgba(0, 0, 0, 0.15); // var(--g-color-private-black-150);
-}
+}

package/build/templates/_shared/AGENTS.md

@@ -0,0 +1,53 @@
+# AGENTS.md
+
+## SDK
+
+Этот плагин использует `@weavix/tracker-plugin-sdk-react` для взаимодействия с Tracker API.
+
+Внутри пакета есть подробная документация для ИИ-агентов:
+
+- `node_modules/@weavix/tracker-plugin-sdk-react/AGENTS.md` — точка входа: импорты, правила, ссылки на рецепты
+- `node_modules/@weavix/tracker-plugin-sdk-react/API_REFERENCE.md` — Provider, хуки, типы
+- `node_modules/@weavix/tracker-plugin-sdk-react/README.md` — быстрый старт
+
+**Перед написанием кода, работающего с Tracker API, прочитай AGENTS.md пакета.**
+
+**Категорически запрещено изменять следующие файлы:**
+
+- [`vite.config.ts`](vite.config.ts) — конфигурация Vite
+- [`proxy.ts`](proxy.ts) — настройки прокси
+
+Эти файлы эмулируют рабочую среду. Любые изменения в них приведут к некорректной работе тестовой среды и могут сломать интеграцию.
+
+### Используй компоненты Tracker
+
+Для разработки плагина используй библиотеку компонентов Tracker: `@weavix/tracker-components`
+
+В этой библиотеке содержатся нативные компоненты Tracker, которые обеспечат единый стиль и поведение с основным интерфейсом.
+
+При запросе данных для компонентов библиотеки необходимы соответствующие уровни доступа. Прочитай необходимые разрешения в README.md компонента и при необходимости обнови permissions в manifest.json.
+
+## Декомпозиция на компоненты
+
+**Не создавай большие монолитные файлы.** Каждый компонент, хук или утилита должны находиться в отдельном файле.
+
+### Правила декомпозиции
+
+- **Один файл — одна ответственность.** Если файл превышает ~150 строк, это сигнал к декомпозиции.
+- **Выноси компоненты в отдельные файлы.** Каждый React-компонент — отдельный файл в папке `src/components/`.
+- **Выноси хуки в отдельные файлы.** Каждый кастомный хук — отдельный файл в папке `src/hooks/`.
+- **Выноси утилиты в отдельные файлы.** Вспомогательные функции — в папку `src/utils/`.
+- **Выноси типы в отдельные файлы.** Общие типы и интерфейсы — в `src/types/` или рядом с компонентом в `ComponentName.types.ts`.
+
+## Безопасность данных
+
+**Категорически запрещено сохранять чувствительную информацию в `storageApi` и `localStorage`.**
+
+К чувствительной информации относятся:
+
+- токены авторизации и API-ключи
+- пароли и секреты
+- персональные данные пользователей (email, телефон, паспортные данные и т.п.)
+- любые данные, утечка которых может нанести вред пользователю или системе
+
+Для хранения чувствительных данных используй безопасные механизмы (например, серверную сторону или защищённое хранилище), но не браузерные хранилища (`localStorage`, `sessionStorage`, `storageApi`).

package/build/templates/_shared/manifest.schema.json

@@ -33,7 +33,8 @@
       "items": {
         "type": "string",
         "enum": [
-          "tracker"
+          "tracker",
+          "messenger"
         ]
       },
       "minItems": 1,
@@ -261,7 +262,12 @@
           "items": {
             "type": "string",
             "enum": [
-              "clipboard-write"
+              "clipboard-write",
+              "microphone",
+              "camera",
+              "geolocation",
+              "web-share",
+              "allow-downloads"
             ]
           },
           "uniqueItems": true
@@ -319,6 +325,30 @@
                 "$ref": "#/definitions/SlotConfig"
               }
             },
+            "issue.editor.action": {
+              "type": "array",
+              "description": "Issue Editor Action slot configurations",
+              "minItems": 1,
+              "items": {
+                "$ref": "#/definitions/SlotConfig"
+              }
+            },
+            "queue.action": {
+              "type": "array",
+              "description": "Queue Action slot configurations",
+              "minItems": 1,
+              "items": {
+                "$ref": "#/definitions/SlotConfig"
+              }
+            },
+            "queue.tab": {
+              "type": "array",
+              "description": "Queue Tab slot configurations",
+              "minItems": 1,
+              "items": {
+                "$ref": "#/definitions/SlotConfig"
+              }
+            },
             "navigation": {
               "type": "array",
               "description": "Navigation slot configurations",
@@ -367,6 +397,14 @@
                 "$ref": "#/definitions/SlotConfig"
               }
             },
+            "project.editor.action": {
+              "type": "array",
+              "description": "Project Editor Action slot configurations",
+              "minItems": 1,
+              "items": {
+                "$ref": "#/definitions/SlotConfig"
+              }
+            },
             "portfolio.action": {
               "type": "array",
               "description": "Portfolio Action slot configurations",
@@ -391,6 +429,14 @@
                 "$ref": "#/definitions/SlotConfig"
               }
             },
+            "portfolio.editor.action": {
+              "type": "array",
+              "description": "Portfolio Editor Action slot configurations",
+              "minItems": 1,
+              "items": {
+                "$ref": "#/definitions/SlotConfig"
+              }
+            },
             "goal.action": {
               "type": "array",
               "description": "Goal Action slot configurations",
@@ -415,6 +461,14 @@
                 "$ref": "#/definitions/SlotConfig"
               }
             },
+            "goal.editor.action": {
+              "type": "array",
+              "description": "Goal Editor Action slot configurations",
+              "minItems": 1,
+              "items": {
+                "$ref": "#/definitions/SlotConfig"
+              }
+            },
             "attachment.viewer.action": {
               "type": "array",
               "description": "Attachment Viewer Action slot configurations",
@@ -441,6 +495,22 @@
             }
           },
           "additionalProperties": false
+        },
+        "messenger": {
+          "type": "object",
+          "description": "Messenger service slots",
+          "minProperties": 1,
+          "properties": {
+            "user.card.info": {
+              "type": "array",
+              "description": "User Card Info slot configurations",
+              "minItems": 1,
+              "items": {
+                "$ref": "#/definitions/SlotConfig"
+              }
+            }
+          },
+          "additionalProperties": false
         }
       },
       "additionalProperties": false

package/build/templates/_shared/package.json

@@ -16,7 +16,7 @@
     "node": ">=18"
   },
   "scripts": {
-    "dev": "node node_modules/vite/bin/vite.js",
+    "dev": "node node_modules/vite/bin/vite.js --logLevel silent",
     "build": "tsc && node node_modules/vite/bin/vite.js build",
     "lint:js": "eslint --ext .js,.jsx,.ts,.tsx .",
     "lint:styles": "stylelint '{styles,src}/**/*.{css,scss}' --allow-empty-input",
@@ -26,9 +26,9 @@
   "dependencies": {
     "@gravity-ui/icons": "2.18.0",
     "@gravity-ui/uikit": "7.37.0",
-    "@weavix/tracker-plugin-sdk-react": "0.0.1",
-    "@weavix/tracker-api-types": "0.0.2",
-    "bem-cn-lite": "4.1.0",
+    "@weavix/tracker-plugin-sdk-react": "latest",
+    "@weavix/tracker-components": "latest",
+    "@weavix/tracker-api-types": "latest",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },
@@ -42,7 +42,6 @@
     "@types/react": "18.2.37",
     "@types/react-dom": "18.2.15",
     "@vitejs/plugin-react": "6.0.1",
-    "axios": "1.15.0",
     "eslint": "9.24.0",
     "husky": "9.1.7",
     "sass": "1.99.0",

package/build/templates/_shared/proxy.ts

@@ -0,0 +1,111 @@
+import type { IncomingMessage, ServerResponse } from 'http';
+import http from 'http';
+import https from 'https';
+
+import type { Plugin } from 'vite';
+
+const CORS_HEADERS = {
+    'Access-Control-Allow-Origin': '*',
+    'Access-Control-Allow-Methods': 'POST, OPTIONS',
+    'Access-Control-Allow-Headers': 'Content-Type',
+};
+
+export function proxyPlugin(): Plugin {
+    return {
+        name: 'dev-proxy',
+        apply: 'serve',
+        configureServer(server) {
+            server.middlewares.use(
+                (req: IncomingMessage, res: ServerResponse, next: () => void) => {
+                    if (req.url === '/proxy' && req.method === 'OPTIONS') {
+                        res.writeHead(204, CORS_HEADERS);
+                        res.end();
+                        return;
+                    }
+
+                    if (req.url === '/proxy' && req.method === 'POST') {
+                        let rawBody = '';
+                        req.on('data', (chunk: Buffer) => {
+                            rawBody += chunk.toString();
+                        });
+                        req.on('end', () => {
+                            let parsed: {
+                                url: string;
+                                method?: string;
+                                headers?: Record<string, string>;
+                                body?: string;
+                            };
+                            try {
+                                parsed = JSON.parse(rawBody);
+                            } catch {
+                                res.writeHead(400, CORS_HEADERS);
+                                res.end(JSON.stringify({ error: 'Invalid JSON body' }));
+                                return;
+                            }
+
+                            const { url, method = 'GET', headers = {}, body } = parsed;
+
+                            if (!url) {
+                                res.writeHead(400, CORS_HEADERS);
+                                res.end(JSON.stringify({ error: 'Missing "url" field' }));
+                                return;
+                            }
+
+                            let targetUrl: URL;
+                            try {
+                                targetUrl = new URL(url);
+                            } catch {
+                                res.writeHead(400, CORS_HEADERS);
+                                res.end(JSON.stringify({ error: 'Invalid URL' }));
+                                return;
+                            }
+
+                            const isHttps = targetUrl.protocol === 'https:';
+                            const transport = isHttps ? https : http;
+                            const bodyBuffer = body ? Buffer.from(body) : undefined;
+
+                            const options: http.RequestOptions = {
+                                hostname: targetUrl.hostname,
+                                port: targetUrl.port || (isHttps ? 443 : 80),
+                                path: targetUrl.pathname + targetUrl.search,
+                                method: method.toUpperCase(),
+                                headers: {
+                                    ...headers,
+                                    ...(bodyBuffer
+                                        ? { 'Content-Length': String(bodyBuffer.length) }
+                                        : {}),
+                                },
+                            };
+
+                            const proxyReq = transport.request(options, (proxyRes) => {
+                                const responseHeaders: Record<string, string | string[]> = {
+                                    ...CORS_HEADERS,
+                                };
+                                for (const [key, value] of Object.entries(proxyRes.headers)) {
+                                    if (value !== undefined) {
+                                        responseHeaders[key] = value;
+                                    }
+                                }
+                                res.writeHead(proxyRes.statusCode ?? 200, responseHeaders);
+                                proxyRes.pipe(res);
+                            });
+
+                            proxyReq.on('error', (err: Error) => {
+                                res.writeHead(502, CORS_HEADERS);
+                                res.end(JSON.stringify({ error: err.message }));
+                            });
+
+                            if (bodyBuffer) {
+                                proxyReq.write(bodyBuffer);
+                            }
+                            proxyReq.end();
+                        });
+                        return;
+                    }
+
+                    next();
+                },
+            );
+        },
+    };
+}

package/build/templates/_shared/src/main.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { TrackerPluginProvider } from '@yandex-data-ui/tracker-plugin-sdk-react';
+import { TrackerPluginProvider } from '@weavix/tracker-plugin-sdk-react';
 import ReactDOM from 'react-dom/client';
 
 import App from './App';

package/build/templates/_shared/vite.config.ts

@@ -7,6 +7,7 @@ import react from '@vitejs/plugin-react';
 import type { ViteDevServer } from 'vite';
 import { defineConfig } from 'vite';
 import svgr from 'vite-plugin-svgr';
+import { proxyPlugin } from './proxy';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
@@ -22,7 +23,7 @@ export default defineConfig(() => {
                 'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
                 'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
                 'Content-Security-Policy':
-                    "default-src 'self'; script-src 'self' 'unsafe-inline'; connect-src 'self';style-src 'self' 'unsafe-inline';",
+                    "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' 'wasm-unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src data: blob: *; font-src 'self' data:; media-src 'self' blob:; connect-src 'self'; form-action 'self'; frame-src 'none'; base-uri 'none'; object-src 'none'; worker-src 'self' blob:; manifest-src 'none'",
             },
         },
         plugins: [
@@ -50,6 +51,7 @@ export default defineConfig(() => {
                     );
                 },
             },
+            proxyPlugin(),
         ],
         build: {
             sourcemap: true,

package/build/templates/attachment.viewer.action/src/App.tsx

@@ -1,11 +1,7 @@
 import { useCallback } from 'react';
 
 import { Button, Card, DefinitionList, ThemeProvider, Text as Typography } from '@gravity-ui/uikit';
-import {
-    hostApi,
-    trackerApi,
-    useTrackerPluginContext,
-} from '@yandex-data-ui/tracker-plugin-sdk-react';
+import { hostApi, trackerApi, useTrackerPluginContext } from '@weavix/tracker-plugin-sdk-react';
 
 const App = () => {
     const { theme, slotContext } = useTrackerPluginContext<'attachment.viewer.action'>();

package/build/templates/board.tab/src/App.tsx

@@ -1,5 +1,5 @@
 import { Card, DefinitionList, ThemeProvider, Text as Typography } from '@gravity-ui/uikit';
-import { useTrackerPluginContext } from '@yandex-data-ui/tracker-plugin-sdk-react';
+import { useTrackerPluginContext } from '@weavix/tracker-plugin-sdk-react';
 
 const App = () => {
     const { theme, slotContext } = useTrackerPluginContext<'board.tab'>();

package/build/templates/default/src/App.tsx

@@ -1,5 +1,5 @@
 import { ThemeProvider } from '@gravity-ui/uikit';
-import { useTrackerPluginContext } from '@yandex-data-ui/tracker-plugin-sdk-react';
+import { useTrackerPluginContext } from '@weavix/tracker-plugin-sdk-react';
 
 const App = () => {
     const { theme } = useTrackerPluginContext();

package/build/templates/goal.action/src/App.tsx

@@ -1,5 +1,5 @@
 import { Card, DefinitionList, ThemeProvider, Text as Typography } from '@gravity-ui/uikit';
-import { useTrackerPluginContext } from '@yandex-data-ui/tracker-plugin-sdk-react';
+import { useTrackerPluginContext } from '@weavix/tracker-plugin-sdk-react';
 
 const App = () => {
     const { theme, slotContext } = useTrackerPluginContext<'goal.action'>();
@@ -16,7 +16,7 @@ const App = () => {
                         Базовый контекст (contextLevel: basic)
                     </Typography>
                     <DefinitionList>
-                        <DefinitionList.Item name="ID">{slotContext.id}</DefinitionList.Item>
+                        <DefinitionList.Item name="ID">{slotContext.entityId}</DefinitionList.Item>
                     </DefinitionList>
                 </Card>
             </div>

package/build/templates/goal.block/src/App.tsx

@@ -1,5 +1,5 @@
 import { Card, DefinitionList, ThemeProvider, Text as Typography } from '@gravity-ui/uikit';
-import { useTrackerPluginContext } from '@yandex-data-ui/tracker-plugin-sdk-react';
+import { useTrackerPluginContext } from '@weavix/tracker-plugin-sdk-react';
 
 const App = () => {
     const { theme, slotContext } = useTrackerPluginContext<'goal.block'>();
@@ -16,7 +16,7 @@ const App = () => {
                         Базовый контекст (contextLevel: basic)
                     </Typography>
                     <DefinitionList>
-                        <DefinitionList.Item name="ID">{slotContext.id}</DefinitionList.Item>
+                        <DefinitionList.Item name="ID">{slotContext.entityId}</DefinitionList.Item>
                     </DefinitionList>
                 </Card>
             </div>

package/build/templates/goal.editor.action/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="description" content="Web site created using vite" />
+        <title>Goal Editor Action Plugin</title>
+    </head>
+    <body class="g-root g-root_theme_dark">
+        <noscript>You need to enable JavaScript to run this app.</noscript>
+        <div id="root"></div>
+        <script type="module" src="/src/main.tsx"></script>
+    </body>
+</html>

package/build/templates/goal.editor.action/src/App.tsx

@@ -0,0 +1,56 @@
+import { useCallback, useState } from 'react';
+
+import {
+    Button,
+    Card,
+    DefinitionList,
+    TextArea,
+    ThemeProvider,
+    Text as Typography,
+} from '@gravity-ui/uikit';
+import { hostApi, useTrackerPluginContext } from '@weavix/tracker-plugin-sdk-react';
+
+const App = () => {
+    const { theme, slotContext } = useTrackerPluginContext<'goal.editor.action'>('basic');
+    const [text, setText] = useState('');
+
+    const handleInsert = useCallback(() => {
+        hostApi.close({ text });
+    }, [text]);
+
+    if (!slotContext) {
+        return null;
+    }
+
+    return (
+        <ThemeProvider theme={theme}>
+            <div style={{ padding: '16px', display: 'flex', flexDirection: 'column', gap: '16px' }}>
+                <Card style={{ padding: '16px' }}>
+                    <Typography variant="header-1" as="div" style={{ marginBottom: '12px' }}>
+                        Контекст цели
+                    </Typography>
+                    <DefinitionList>
+                        <DefinitionList.Item name="ID">{slotContext.entityId}</DefinitionList.Item>
+                    </DefinitionList>
+                </Card>
+                <Card style={{ padding: '16px' }}>
+                    <Typography variant="header-1" as="div" style={{ marginBottom: '12px' }}>
+                        Вставить текст в редактор
+                    </Typography>
+                    <TextArea
+                        value={text}
+                        onUpdate={setText}
+                        placeholder="Введите текст для вставки в редактор..."
+                        minRows={4}
+                        style={{ marginBottom: '12px' }}
+                    />
+                    <Button view="action" onClick={handleInsert} disabled={!text}>
+                        Вставить
+                    </Button>
+                </Card>
+            </div>
+        </ThemeProvider>
+    );
+};
+
+export default App;

package/build/templates/goal.tab/src/App.tsx

@@ -1,5 +1,5 @@
 import { Card, DefinitionList, ThemeProvider, Text as Typography } from '@gravity-ui/uikit';
-import { useTrackerPluginContext } from '@yandex-data-ui/tracker-plugin-sdk-react';
+import { useTrackerPluginContext } from '@weavix/tracker-plugin-sdk-react';
 
 const App = () => {
     const { theme, slotContext } = useTrackerPluginContext<'goal.tab'>();
@@ -16,7 +16,7 @@ const App = () => {
                         Базовый контекст (contextLevel: basic)
                     </Typography>
                     <DefinitionList>
-                        <DefinitionList.Item name="ID">{slotContext.id}</DefinitionList.Item>
+                        <DefinitionList.Item name="ID">{slotContext.entityId}</DefinitionList.Item>
                     </DefinitionList>
                 </Card>
             </div>