endfield-vision 2.1.0 → 2.2.0

package/dist/lib/theme.d.ts

@@ -1,11 +1,11 @@
-import { type Accent, type Style, type Theme, type ThemePreference } from './theme-script.js';
+import { type Accent, type AccentName, type Style, type Theme, type ThemePreference } from './theme-script.js';
 /** Тема: 'dark' | 'light' или 'system' - по настройке ОС. */
 export declare function setTheme(pref: ThemePreference, { persist, storageKey }?: {
     persist?: boolean | undefined;
     storageKey?: string | undefined;
 }): void;
-/** Акцент из пресетов (styles/accents.css). 'indigo' - базовый, атрибут снимается. */
-export declare function setAccent(accent: Accent, { persist, storageKey }?: {
+/** Акцент: встроенный пресет (styles/accents.css) или свой (AccentPreset). 'indigo' - базовый, атрибут снимается. */
+export declare function setAccent(accent: AccentName, { persist, storageKey }?: {
     persist?: boolean | undefined;
     storageKey?: string | undefined;
 }): void;
@@ -14,16 +14,20 @@ export declare function setStyle(style: Style, { persist, storageKey }?: {
     persist?: boolean | undefined;
     storageKey?: string | undefined;
 }): void;
-export interface ThemeState {
+/**
+ * Состояние темы. A - имена акцентов приложения: по умолчанию встроенные;
+ * со своими пресетами - useTheme<Accent | 'brand'>().
+ */
+export interface ThemeState<A extends string = Accent> {
     /** Действующая тема. */
     theme: Theme;
     /** Выбор пользователя (может быть 'system'). */
     preference: ThemePreference;
-    accent: Accent;
+    accent: A;
     style: Style;
     setTheme: typeof setTheme;
     setAccent: typeof setAccent;
     setStyle: typeof setStyle;
 }
-export declare function useTheme(): ThemeState;
+export declare function useTheme<A extends string = Accent>(): ThemeState<A>;
 //# sourceMappingURL=theme.d.ts.map

package/dist/lib/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/lib/theme.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,MAAM,EACX,KAAK,KAAK,EACV,KAAK,KAAK,EACV,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAA;AAgDvB,6DAA6D;AAC7D,wBAAgB,QAAQ,CAAC,IAAI,EAAE,eAAe,EAAE,EAAE,OAAc,EAAE,UAA8B,EAAE;;;CAAK,GAAG,IAAI,CAM7G;AAED,sFAAsF;AACtF,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,OAAc,EAAE,UAA+B,EAAE;;;CAAK,GAAG,IAAI,CAMxG;AAED,wFAAwF;AACxF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,OAAc,EAAE,UAA8B,EAAE;;;CAAK,GAAG,IAAI,CAMpG;AAED,MAAM,WAAW,UAAU;IACzB,wBAAwB;IACxB,KAAK,EAAE,KAAK,CAAA;IACZ,gDAAgD;IAChD,UAAU,EAAE,eAAe,CAAA;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,OAAO,QAAQ,CAAA;IACzB,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,QAAQ,CAAA;CAC1B;AAED,wBAAgB,QAAQ,IAAI,UAAU,CAmBrC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/lib/theme.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,MAAM,EACX,KAAK,UAAU,EACf,KAAK,KAAK,EACV,KAAK,KAAK,EACV,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAA;AAgDvB,6DAA6D;AAC7D,wBAAgB,QAAQ,CAAC,IAAI,EAAE,eAAe,EAAE,EAAE,OAAc,EAAE,UAA8B,EAAE;;;CAAK,GAAG,IAAI,CAM7G;AAED,qHAAqH;AACrH,wBAAgB,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE,OAAc,EAAE,UAA+B,EAAE;;;CAAK,GAAG,IAAI,CAM5G;AAED,wFAAwF;AACxF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,OAAc,EAAE,UAA8B,EAAE;;;CAAK,GAAG,IAAI,CAMpG;AAED;;;GAGG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACnD,wBAAwB;IACxB,KAAK,EAAE,KAAK,CAAA;IACZ,gDAAgD;IAChD,UAAU,EAAE,eAAe,CAAA;IAC3B,MAAM,EAAE,CAAC,CAAA;IACT,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,OAAO,QAAQ,CAAA;IACzB,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,QAAQ,CAAA;CAC1B;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAmBnE"}

package/dist/lib/theme.js

@@ -48,7 +48,7 @@ export function setTheme(pref, { persist = true, storageKey = THEME_STORAGE_KEY
         store(storageKey, pref);
     emit();
 }
-/** Акцент из пресетов (styles/accents.css). 'indigo' - базовый, атрибут снимается. */
+/** Акцент: встроенный пресет (styles/accents.css) или свой (AccentPreset). 'indigo' - базовый, атрибут снимается. */
 export function setAccent(accent, { persist = true, storageKey = ACCENT_STORAGE_KEY } = {}) {
     const root = document.documentElement;
     if (accent === 'indigo')

package/dist/lib/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/lib/theme.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,GAKlB,MAAM,gBAAgB,CAAA;AAEvB;;;;GAIG;AAEH,MAAM,SAAS,GAAG,IAAI,GAAG,EAAc,CAAA;AAEvC,SAAS,IAAI;IACX,KAAK,MAAM,CAAC,IAAI,SAAS;QAAE,CAAC,EAAE,CAAA;AAChC,CAAC;AAED,SAAS,SAAS,CAAC,EAAc;IAC/B,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;IACjB,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;AACnC,CAAC;AAED,SAAS,KAAK,CAAC,GAAW,EAAE,KAAa;IACvC,IAAI,CAAC;QACH,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IAClC,CAAC;IAAC,MAAM,CAAC;QACP,oDAAoD;IACtD,CAAC;AACH,CAAC;AAED,SAAS,WAAW;IAClB,OAAO,MAAM,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;AACtF,CAAC;AAED,SAAS,SAAS;IAChB,OAAO,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;AAC9E,CAAC;AAED,SAAS,cAAc;IACrB,MAAM,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,SAAS,CAAA;IACpD,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,CAAA;AAClF,CAAC;AAED,SAAS,UAAU;IACjB,OAAQ,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,MAA6B,IAAI,QAAQ,CAAA;AACpF,CAAC;AAED,SAAS,SAAS;IAChB,OAAQ,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAA2B,IAAI,SAAS,CAAA;AACnF,CAAC;AAED,6DAA6D;AAC7D,MAAM,UAAU,QAAQ,CAAC,IAAqB,EAAE,EAAE,OAAO,GAAG,IAAI,EAAE,UAAU,GAAG,iBAAiB,EAAE,GAAG,EAAE;IACrG,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAA;IACrC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAA;IAC7B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;IAC7D,IAAI,OAAO;QAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;IACpC,IAAI,EAAE,CAAA;AACR,CAAC;AAED,sFAAsF;AACtF,MAAM,UAAU,SAAS,CAAC,MAAc,EAAE,EAAE,OAAO,GAAG,IAAI,EAAE,UAAU,GAAG,kBAAkB,EAAE,GAAG,EAAE;IAChG,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAA;IACrC,IAAI,MAAM,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAA;;QAC9C,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAA;IACjC,IAAI,OAAO;QAAE,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;IACtC,IAAI,EAAE,CAAA;AACR,CAAC;AAED,wFAAwF;AACxF,MAAM,UAAU,QAAQ,CAAC,KAAY,EAAE,EAAE,OAAO,GAAG,IAAI,EAAE,UAAU,GAAG,iBAAiB,EAAE,GAAG,EAAE;IAC5F,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAA;IACrC,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAA;;QAC7C,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;IAC/B,IAAI,OAAO;QAAE,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IACrC,IAAI,EAAE,CAAA;AACR,CAAC;AAcD,MAAM,UAAU,QAAQ;IACtB,MAAM,KAAK,GAAG,oBAAoB,CAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,MAAe,CAAC,CAAA;IAC/E,MAAM,UAAU,GAAG,oBAAoB,CAAC,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC,MAAyB,CAAC,CAAA;IACnG,MAAM,MAAM,GAAG,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,QAAkB,CAAC,CAAA;IACpF,MAAM,KAAK,GAAG,oBAAoB,CAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,SAAkB,CAAC,CAAA;IAElF,4CAA4C;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,KAAK,QAAQ;YAAE,OAAM;QACnC,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAA;QAC9D,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;YACvE,IAAI,EAAE,CAAA;QACR,CAAC,CAAA;QACD,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QACxC,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC1D,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAA;AAC5E,CAAC"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/lib/theme.ts"],"names":[],"mappings":"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"}

package/dist/styles/accents.css

@@ -115,7 +115,7 @@
   }
 
   /*
-   * Стиль Slim: те же пресеты, приглушённые под тёплые нейтрали.
+   * Стиль Slim: те же пресеты, приглушённые под нейтрали стиля.
    * indigo - без атрибута data-accent.
    */
   :root[data-style='slim']:not([data-accent]) {
@@ -167,11 +167,11 @@
   }
 
   :root[data-style='slim'][data-accent='ink'] {
-    --ev-accent-rgb: 200, 196, 186;
-    --ev-accent-text: #e2dfd8;
-    --ev-accent-strong: #e8e6df;
-    --ev-accent-strong-hover: #f4f2ec;
-    --ev-text-on-accent: #1c1b18;
+    --ev-accent-rgb: 200, 198, 192;
+    --ev-accent-text: #e2e0db;
+    --ev-accent-strong: #e9e8e3;
+    --ev-accent-strong-hover: #f5f4f0;
+    --ev-text-on-accent: #181817;
   }
 
   :root[data-style='slim'][data-theme='light']:not([data-accent]) {

package/dist/styles/components/data.css

@@ -131,6 +131,20 @@
     box-shadow: inset 0 1px 0 var(--ev-selected-edge), inset 0 -1px 0 var(--ev-selected-edge);
   }
 
+  /* Тон строки (rowTone): тонированный фон, наведение - тинт поверх него. */
+  .ev-table tbody tr[data-tone],
+  .ev-table-card[data-tone] {
+    --ev-tone-row: color-mix(in srgb, var(--ev-tone-soft) 65%, transparent);
+  }
+
+  .ev-table tbody tr[data-tone] > td {
+    background: var(--ev-tone-row);
+  }
+
+  .ev-table tbody tr[data-tone]:hover > td {
+    background: linear-gradient(var(--ev-hover), var(--ev-hover)), var(--ev-tone-row);
+  }
+
   .ev-table tbody tr[data-selected] td {
     background: var(--ev-selected-bg-subtle);
   }
@@ -139,6 +153,89 @@
     color: var(--ev-text-muted);
   }
 
+  /* --- Раскрывающиеся строки --- */
+  .ev-table .ev-table-expand {
+    width: 40px;
+    padding-right: 0;
+  }
+
+  .ev-table-expand-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    margin: 0 -4px;
+    border-radius: var(--ev-radius-xs);
+    color: var(--ev-text-muted);
+    vertical-align: middle;
+  }
+
+  .ev-table-expand-btn:hover {
+    background: var(--ev-hover);
+    color: var(--ev-text);
+  }
+
+  .ev-table-expand-btn svg {
+    transition: transform var(--ev-dur-fast) var(--ev-ease);
+  }
+
+  .ev-table-expand-btn[aria-expanded='true'] svg {
+    transform: rotate(90deg);
+  }
+
+  .ev-table tbody tr[data-expanded]:not([data-tone], [data-selected]) > td {
+    background: var(--ev-tint-1);
+  }
+
+  .ev-table tbody tr[data-expanded] > td {
+    border-bottom-color: transparent;
+  }
+
+  .ev-table .ev-table-detail-row > td {
+    height: auto;
+    padding: 0;
+    white-space: normal;
+    background: var(--ev-tint-1);
+  }
+
+  .ev-table-detail {
+    padding: var(--ev-space-2) var(--ev-space-5) var(--ev-space-5);
+  }
+
+  .ev-card-body-flush .ev-table-detail {
+    padding-inline: var(--ev-space-6);
+  }
+
+  /* --- Итоговая строка --- */
+  .ev-table tfoot td {
+    position: sticky;
+    bottom: 0;
+    z-index: var(--ev-z-sticky);
+    height: 40px;
+    background: var(--ev-surface-2);
+    border-top: 1px solid var(--ev-border);
+    border-bottom: 0;
+    font-weight: var(--ev-fw-medium);
+  }
+
+  :is(.ev-card, .ev-panel, .ev-modal, .ev-drawer) .ev-table tfoot td {
+    background: var(--ev-surface-3);
+  }
+
+  .ev-card-body-flush .ev-table tfoot td {
+    background: var(--ev-surface-2);
+  }
+
+  /* --- Шапка, липнущая к странице (stickyHeader): сдвиг считает DataTable --- */
+  .ev-table[data-sticky-page] thead th {
+    transform: translateY(var(--ev-thead-shift, 0px));
+  }
+
+  .ev-table[data-stuck] thead th {
+    box-shadow: var(--ev-shadow-sm);
+  }
+
   .ev-table-select {
     width: 44px;
     padding-right: 0 !important;
@@ -258,6 +355,29 @@
     opacity: 0.7;
   }
 
+  .ev-table-card[data-tone]:not([data-selected]) {
+    background-image: linear-gradient(var(--ev-tone-row), var(--ev-tone-row));
+  }
+
+  .ev-table-card[data-tone][data-clickable]:not([data-selected]):active {
+    background-image: linear-gradient(var(--ev-active), var(--ev-active)), linear-gradient(var(--ev-tone-row), var(--ev-tone-row));
+  }
+
+  .ev-table-card-head .ev-table-expand-btn {
+    flex: 0 0 auto;
+    margin: -2px -4px 0 0;
+  }
+
+  .ev-table-card-detail {
+    padding-top: var(--ev-space-3);
+    border-top: 1px solid var(--ev-border-soft);
+    min-width: 0;
+  }
+
+  .ev-table-card-total {
+    background: var(--ev-surface-2);
+  }
+
   .ev-table-card-head {
     display: flex;
     align-items: flex-start;

package/dist/styles/components/navigation.css

@@ -34,6 +34,12 @@
     color: var(--ev-text-muted);
   }
 
+  .ev-cmdk-spinner {
+    display: inline-flex;
+    width: 17px;
+    justify-content: center;
+  }
+
   .ev-cmdk-input {
     flex: 1 1 auto;
     min-width: 0;

package/dist/styles/components/overlay.css

@@ -276,6 +276,12 @@
     padding: 0;
   }
 
+  .ev-modal-prompt {
+    display: flex;
+    flex-direction: column;
+    gap: var(--ev-space-4);
+  }
+
   .ev-modal-message {
     color: var(--ev-text-secondary);
     line-height: 1.55;
@@ -462,6 +468,43 @@
     font-weight: var(--ev-fw-semibold);
   }
 
+  /* Карточка с onClick: заголовок - кнопка, растянутая на карточку; кнопки карточки - поверх неё. */
+  .ev-toast-open {
+    display: block;
+    padding: 0;
+    color: inherit;
+    text-align: left;
+  }
+
+  .ev-toast-open::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+  }
+
+  .ev-toast-open:focus-visible {
+    outline: none;
+    box-shadow: none;
+  }
+
+  .ev-toast-open:focus-visible::after {
+    box-shadow: var(--ev-focus-ring);
+  }
+
+  .ev-toast[data-clickable] {
+    cursor: pointer;
+  }
+
+  .ev-toast[data-clickable]:hover {
+    background-image: linear-gradient(var(--ev-tint-2), var(--ev-tint-2));
+  }
+
+  .ev-toast[data-clickable] :is(.ev-toast-action, .ev-toast-actions, .ev-toast-close) {
+    position: relative;
+    z-index: 1;
+  }
+
   .ev-toast-desc {
     margin-top: 2px;
     font-size: var(--ev-fs-sm);

package/dist/styles/shell.css

@@ -2,6 +2,8 @@
 
 @layer ev.shell {
   .ev-shell {
+    /* Шапка таблицы со stickyHeader липнет под шапкой приложения. */
+    --ev-table-sticky-top: var(--ev-topbar-h);
     display: flex;
     min-height: 100dvh;
     width: 100%;

package/dist/styles/tokens.css

@@ -295,39 +295,39 @@
 
   /*
    * Стиль Slim («Утончённый»): <html data-style="slim">. Плоский и спокойный:
-   * тёплые нейтрали, без свечения, выбранное - нейтральным тоном, подписи без капса.
+   * нейтрали с лёгким тёплым оттенком, без свечения, выбранное - нейтральным тоном, подписи без капса.
    * Размеры (высоты контролов, отступы, кегль) те же, что в Default.
    * Правила компонентов - в slim.css (слой ev.styles).
    *
-   * Контраст (тёмная): --ev-text-muted 5.6 к --ev-surface-1, 4.6 к --ev-surface-3;
-   * --ev-border-control 3.5 к фону поля. Светлая: --ev-text-muted 5.8 / 4.7, рамка поля 3.4.
+   * Контраст (тёмная): --ev-text-muted 5.8 к --ev-surface-1, 4.8 к --ev-surface-3;
+   * --ev-border-control 3.6 к фону поля. Светлая: --ev-text-muted 5.8 / 4.7, рамка поля 3.4.
    */
   :root[data-style='slim'] {
-    --ev-bg: #1c1b19;
-    --ev-surface-1: #242320;
-    --ev-surface-2: #2b2a27;
-    --ev-surface-3: #33312e;
-    --ev-surface-input: #1f1e1c;
-    --ev-surface-overlay: rgba(10, 9, 8, 0.6);
-    --ev-surface-tooltip: #3a3834;
+    --ev-bg: #181817;
+    --ev-surface-1: #20201e;
+    --ev-surface-2: #272725;
+    --ev-surface-3: #2f2e2c;
+    --ev-surface-input: #1b1b1a;
+    --ev-surface-overlay: rgba(8, 8, 7, 0.62);
+    --ev-surface-tooltip: #363533;
     --ev-surface-nested: var(--ev-surface-2);
 
-    --ev-tint-1: rgba(255, 250, 240, 0.025);
-    --ev-tint-2: rgba(255, 250, 240, 0.045);
-    --ev-tint-3: rgba(255, 250, 240, 0.07);
-    --ev-tint-4: rgba(255, 250, 240, 0.1);
+    --ev-tint-1: rgba(255, 253, 248, 0.025);
+    --ev-tint-2: rgba(255, 253, 248, 0.045);
+    --ev-tint-3: rgba(255, 253, 248, 0.07);
+    --ev-tint-4: rgba(255, 253, 248, 0.1);
 
-    --ev-border-soft: rgba(255, 250, 240, 0.05);
-    --ev-border: #33312d;
-    --ev-border-strong: #403e39;
-    --ev-border-control: #77736b;
-    --ev-border-hover: #8d897f;
+    --ev-border-soft: rgba(255, 253, 248, 0.05);
+    --ev-border: #2f2f2c;
+    --ev-border-strong: #3c3b38;
+    --ev-border-control: #74726c;
+    --ev-border-hover: #8a8881;
 
-    --ev-text: #ecebe6;
-    --ev-text-secondary: #c2bfb7;
-    --ev-text-muted: #9e9a91;
-    --ev-text-disabled: #6a675f;
-    --ev-text-on-solid: #1c1b19;
+    --ev-text: #ecebe8;
+    --ev-text-secondary: #c0beb8;
+    --ev-text-muted: #9c9a93;
+    --ev-text-disabled: #686660;
+    --ev-text-on-solid: #181817;
 
     --ev-success-rgb: 127, 191, 149;
     --ev-success-strong: #3f7d57;
@@ -339,9 +339,9 @@
     --ev-info-rgb: 134, 174, 214;
     --ev-violet-rgb: 182, 166, 224;
 
-    --ev-chart-grid: #33312d;
-    --ev-chart-axis: #403e39;
-    --ev-chart-crosshair: #77736b;
+    --ev-chart-grid: #2f2f2c;
+    --ev-chart-axis: #3c3b38;
+    --ev-chart-crosshair: #74726c;
 
     --ev-radius-xs: 4px;
     --ev-radius-sm: 6px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "endfield-vision",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Endfield Vision - design system for React / Next.js: tokens, dark and light themes, accent presets, accessible components without third-party UI dependencies",
   "keywords": [
     "react",

package/src/components/CommandPalette.tsx

@@ -3,10 +3,12 @@
 import { Search, X } from 'lucide-react'
 import { useEffect, useId, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from 'react'
 import { cx, normalizeSearch } from '../lib/cx'
-import { useEventCallback, useIsoLayoutEffect } from '../lib/hooks'
+import { useControllable, useEventCallback, useIsoLayoutEffect } from '../lib/hooks'
 import { useMessages } from '../lib/i18n'
 import { Portal, useEscapeLayer, useFocusTrap, useScrollLock } from '../lib/overlay'
 import { Kbd } from './Display'
+import { Highlight } from './Highlight'
+import { Spinner } from './Spinner'
 
 /*
  * Палитра команд: окно поиска по командам и разделам (Ctrl/Cmd+K).
@@ -14,6 +16,10 @@ import { Kbd } from './Display'
  * aria-activedescendant, фокус всё время остаётся в поле. Окно - в портале
  * на слое модалок, прижато к верху экрана; Escape закрывает, фокус
  * возвращается на прежний элемент.
+ *
+ * Поиск с сервера: запрос уходит наружу через onQueryChange, пункты из
+ * ответа помечаются alwaysShow (или вся палитра filter={false}) - тогда
+ * локальное сопоставление их не отсекает; loading - индикатор ожидания.
  */
 
 export interface CommandItem {
@@ -28,6 +34,11 @@ export interface CommandItem {
   /** Дополнительные слова для поиска (синонимы, коды, английские названия). */
   keywords?: string[]
   disabled?: boolean
+  /**
+   * Показывать при любом запросе: пункт уже отобран снаружи (результат поиска
+   * с сервера, совпадение по ИНН или телефону, которого нет в подписи).
+   */
+  alwaysShow?: boolean
   /** Выполнить команду. Палитра закрывается перед вызовом. */
   onSelect: () => void
 }
@@ -42,6 +53,21 @@ export interface CommandPaletteProps {
   open: boolean
   onOpenChange: (open: boolean) => void
   items: CommandItem[]
+  /** Текст поиска (управляемо). Без него палитра хранит запрос сама и сбрасывает при открытии. */
+  query?: string
+  /** Начальный запрос при открытии (неуправляемый режим). */
+  defaultQuery?: string
+  /** Запрос изменился: поиск с сервера. Задержку (debounce) выдерживает приложение. */
+  onQueryChange?: (query: string) => void
+  /**
+   * Отбирать пункты по запросу (по умолчанию да). false - список показывается
+   * как есть: приложение фильтрует само. Для отдельных пунктов - alwaysShow.
+   */
+  filter?: boolean
+  /** Ждём результатов: индикатор в поле, при пустом списке - «Поиск...». */
+  loading?: boolean
+  /** Подсветить совпадения с запросом в названии и строковой подсказке. */
+  highlight?: boolean
   /** Плейсхолдер поля. По умолчанию - из словаря. */
   placeholder?: string
   /** Текст при пустом результате. По умолчанию - «Ничего не найдено». */
@@ -66,9 +92,17 @@ export function commandMatches(item: CommandItem, query: string): boolean {
   return words.every((w) => hay.includes(w))
 }
 
-/** Отбор команд по запросу (без учёта регистра и «ё/е»), порядок сохраняется. */
+/**
+ * Отбор команд по запросу (без учёта регистра и «ё/е»), порядок сохраняется.
+ * Пункты с alwaysShow остаются при любом запросе.
+ */
 export function filterCommands(items: CommandItem[], query: string): CommandItem[] {
-  return items.filter((it) => commandMatches(it, query))
+  return items.filter((it) => it.alwaysShow || commandMatches(it, query))
+}
+
+/** Слова запроса для подсветки совпадений. */
+function queryWords(query: string): string[] {
+  return query.split(/\s+/).filter(Boolean)
 }
 
 /**
@@ -155,6 +189,12 @@ function optionDomId(listId: string, index: number) {
 function PalettePanel({
   onOpenChange,
   items,
+  query: queryProp,
+  defaultQuery = '',
+  onQueryChange,
+  filter = true,
+  loading = false,
+  highlight = false,
   placeholder,
   emptyText,
   footer,
@@ -164,8 +204,9 @@ function PalettePanel({
   const t = useMessages()
   const listId = useId()
   const ref = useRef<HTMLDivElement | null>(null)
-  const [query, setQuery] = useState('')
-  const groups = useMemo(() => groupCommands(filterCommands(items, query)), [items, query])
+  const [query, setQuery] = useControllable(queryProp, defaultQuery, onQueryChange)
+  const groups = useMemo(() => groupCommands(filter ? filterCommands(items, query) : items), [items, query, filter])
+  const marks = highlight ? queryWords(query) : []
   const flat = useMemo(() => groups.flatMap((g) => g.items), [groups])
   const [activeId, setActiveId] = useState<string | null>(null)
 
@@ -240,7 +281,14 @@ function PalettePanel({
         className={cx('ev-cmdk', className)}
       >
         <div className="ev-cmdk-head">
-          <Search size={17} className="ev-cmdk-search-icon" aria-hidden="true" />
+          {loading ? (
+            // Ожидание объявляет строка состояния под списком; индикатор - только для глаз.
+            <span className="ev-cmdk-search-icon ev-cmdk-spinner" aria-hidden="true">
+              <Spinner size={16} />
+            </span>
+          ) : (
+            <Search size={17} className="ev-cmdk-search-icon" aria-hidden="true" />
+          )}
           <input
             className="ev-cmdk-input"
             type="text"
@@ -266,7 +314,13 @@ function PalettePanel({
             <X size={16} />
           </button>
         </div>
-        <div id={listId} role="listbox" aria-label={ariaLabel ?? t.commandPalette.label} className="ev-cmdk-list">
+        <div
+          id={listId}
+          role="listbox"
+          aria-label={ariaLabel ?? t.commandPalette.label}
+          aria-busy={loading || undefined}
+          className="ev-cmdk-list"
+        >
           {groups.map((g, gi) => {
             const headId = `${listId}-g${gi}`
             const options = g.items.map((it) => (
@@ -287,8 +341,12 @@ function PalettePanel({
                     {it.icon}
                   </span>
                 ) : null}
-                <span className="ev-cmdk-item-label">{it.label}</span>
-                {it.hint ? <span className="ev-cmdk-item-hint">{it.hint}</span> : null}
+                <span className="ev-cmdk-item-label">{marks.length > 0 ? <Highlight text={it.label} query={marks} /> : it.label}</span>
+                {it.hint ? (
+                  <span className="ev-cmdk-item-hint">
+                    {marks.length > 0 && typeof it.hint === 'string' ? <Highlight text={it.hint} query={marks} /> : it.hint}
+                  </span>
+                ) : null}
               </div>
             ))
             if (g.group === undefined) {
@@ -311,7 +369,7 @@ function PalettePanel({
           })}
         </div>
         <div className="ev-cmdk-empty" role="status">
-          {flat.length === 0 ? (emptyText ?? t.common.nothingFound) : null}
+          {flat.length === 0 ? (loading ? t.commandPalette.searching : (emptyText ?? t.common.nothingFound)) : null}
         </div>
         <div className="ev-cmdk-foot">
           <div className="ev-cmdk-foot-left">{footer}</div>