@nordmanai/nif 0.1.0 → 0.2.1

package/registry/ui/config/nm-collection.ts

@@ -0,0 +1,101 @@
+/** How often the open library reloads its file list. A generated image can
+ * finish after the view has already opened, and the conversation stream is
+ * not mounted on this route. */
+export const NM_COLLECTION_FILES_REFRESH_MS = 2000;
+
+/** Scrollbar thumb visibility after scroll stops (matches rail, modal, dropdown). */
+export const NM_COLLECTION_SCROLL_IDLE_MS = 750;
+
+export const NM_COLLECTION_VIEWS = {
+  table: 'table',
+  grid: 'grid',
+} as const;
+
+export type NmCollectionView = (typeof NM_COLLECTION_VIEWS)[keyof typeof NM_COLLECTION_VIEWS];
+
+export const NM_COLLECTION_ICON_SRC = {
+  spreadsheet: '/interface/collection/spreadsheet.svg',
+  grid: '/interface/collection/grid.svg',
+  library: '/interface/rail/library.svg',
+  image: '/interface/collection/image.svg',
+  video: '/interface/collection/video.svg',
+  audio: '/interface/collection/audio.svg',
+  search: '/interface/rail/search.svg',
+  download: '/interface/collection/download.svg',
+  expand: '/interface/collection/expand.svg',
+} as const;
+
+export const NM_COLLECTION_CLASSES = {
+  root: 'nm-collection',
+  bar: 'nm-collection__bar',
+  cluster: 'nm-collection__cluster',
+  title: 'nm-collection__title',
+  filter: 'nm-collection__filter',
+  kindFilter: 'nm-collection__kind-filter',
+  search: 'nm-collection__search',
+  switch: 'nm-collection__switch',
+  barEnd: 'nm-collection__bar-end',
+  stage: 'nm-collection__stage',
+  stageBar: 'nm-collection__stage-bar',
+  preview: 'nm-collection__preview',
+  body: 'nm-collection__body',
+  table: 'nm-collection__table',
+  row: 'nm-collection__row',
+  name: 'nm-collection__name',
+  meta: 'nm-collection__meta',
+  grid: 'nm-collection__grid',
+  tile: 'nm-collection__tile',
+  hit: 'nm-collection__hit',
+  actions: 'nm-collection__actions',
+  rowHit: 'nm-collection__row-hit',
+  facts: 'nm-collection__facts',
+  cell: 'nm-collection__cell',
+  head: 'nm-collection__head',
+  menu: 'nm-collection__menu',
+  media: 'nm-collection__media',
+  audio: 'nm-collection__audio',
+} as const;
+
+export const NM_COLLECTION_ACTIONS = {
+  open: 'open',
+  download: 'download',
+  delete: 'delete',
+} as const;
+
+export type NmCollectionItemActions = {
+  openLabel: string;
+  downloadLabel: string;
+  deleteLabel: string;
+  menuLabel: string;
+  onOpen: (id: string) => void;
+  onDownload: (id: string) => void;
+  onDelete: (id: string) => void;
+};
+
+export const NM_COLLECTION_MEDIA_KINDS = {
+  image: 'image',
+  video: 'video',
+  audio: 'audio',
+} as const;
+
+export type NmCollectionMediaKind =
+  (typeof NM_COLLECTION_MEDIA_KINDS)[keyof typeof NM_COLLECTION_MEDIA_KINDS];
+
+export type NmCollectionMedia = {
+  kind: NmCollectionMediaKind;
+  src: string;
+};
+
+export type NmCollectionColumn = {
+  id: string;
+  label: string;
+};
+
+export type NmCollectionItem = {
+  id: string;
+  title: string;
+  meta?: string;
+  cells?: Readonly<Record<string, string>>;
+  kind?: NmCollectionMediaKind;
+  media?: NmCollectionMedia;
+};

package/registry/ui/config/nm-composer.ts

@@ -0,0 +1,39 @@
+/**
+ * Composer: the message box. Built from the Nordman AI design:
+ * one framed box, the text on top, actions in a row beneath. Add on the left, dictate and voice on the right.
+ */
+export const NM_COMPOSER_COPY = {
+  placeholder: 'Ask Nordman',
+  attach: 'Add',
+  mic: 'Dictate',
+  voice: 'Voice mode',
+  send: 'Send',
+  stop: 'Stop',
+  remove: (name: string) => `Remove ${name}`,
+  queued: 'Queued',
+  editQueued: 'Edit queued message',
+  removeQueued: 'Remove queued message',
+} as const;
+
+export const NM_COMPOSER_CLASSES = {
+  root: 'nm-composer',
+  stack: 'nm-composer-stack',
+  main: 'nm-composer__main',
+  queue: 'nm-composer__queue',
+  queued: 'nm-composer__queued',
+  queuedText: 'nm-composer__queued-text',
+  queuedActions: 'nm-composer__queued-actions',
+  attachments: 'nm-composer__attachments',
+  field: 'nm-composer__field',
+  bar: 'nm-composer__bar',
+  start: 'nm-composer__start',
+  end: 'nm-composer__end',
+  button: 'nm-composer__button',
+  primary: 'nm-composer__button--primary',
+  stopMark: 'nm-composer__stop-mark',
+} as const;
+
+export type NmComposerAttachment = { id: string; name: string };
+
+/** A message sent while the agent was still answering. It waits in line above the box. */
+export type NmComposerQueued = { id: string; text: string };

package/registry/ui/config/nm-dropdown.ts

@@ -0,0 +1,62 @@
+export const NM_DROPDOWN_CLASSES = {
+  root: 'nm-dropdown',
+  trigger: 'nm-dropdown__trigger',
+  triggerIcon: 'nm-dropdown__trigger--icon',
+  triggerChip: 'nm-dropdown__trigger--chip',
+  triggerChipIconOnly: 'nm-dropdown__trigger--chip-icon-only',
+  triggerFilled: 'nm-dropdown__trigger--filled',
+  triggerOutline: 'nm-dropdown__trigger--outline',
+  lead: 'nm-dropdown__lead',
+  chevron: 'nm-dropdown__chevron',
+  panel: 'nm-dropdown__panel',
+  panelEnd: 'nm-dropdown__panel--end',
+  panelRow: 'nm-dropdown__panel--row',
+  panelPortal: 'nm-dropdown__panel--portal',
+  item: 'nm-dropdown__item',
+  itemBranch: 'nm-dropdown__item--branch',
+  itemDanger: 'nm-dropdown__item--danger',
+  itemDisabled: 'nm-dropdown__item--disabled',
+  itemQuiet: 'nm-dropdown__item--quiet',
+  mark: 'nm-dropdown__mark',
+  markBusy: 'nm-dropdown__mark--busy',
+  markLive: 'nm-dropdown__mark--live',
+  branch: 'nm-dropdown__branch',
+  subpanel: 'nm-dropdown__subpanel',
+  separator: 'nm-dropdown__separator',
+  icon: 'nm-dropdown__icon',
+  check: 'nm-dropdown__check',
+  label: 'nm-dropdown__label',
+  copy: 'nm-dropdown__copy',
+  detail: 'nm-dropdown__detail',
+  trailing: 'nm-dropdown__trailing',
+  shortcut: 'nm-dropdown__shortcut',
+  revealHover: 'nm-dropdown--hover',
+} as const;
+
+export const NM_DROPDOWN_TRIGGER = {
+  text: 'text',
+  icon: 'icon',
+  iconButton: 'icon-button',
+} as const;
+
+export const NM_DROPDOWN_TONE = {
+  filled: 'filled',
+  outline: 'outline',
+} as const;
+
+export const NM_DROPDOWN_ALIGN = {
+  start: 'start',
+  end: 'end',
+  /** Match the hosting `.nm-rail__row` pill width and left edge. */
+  row: 'row',
+} as const;
+
+/** Icon menus stay hidden until the host row or field is hovered or focused. */
+export const NM_DROPDOWN_REVEAL = {
+  hover: 'hover',
+} as const;
+
+export const NM_DROPDOWN_GAP_PX = 8;
+
+/** Matches `--nm-rail-scroll-idle` (`--reveal` × 3). */
+export const NM_DROPDOWN_SCROLL_IDLE_MS = 750;

package/registry/ui/config/nm-field.ts

@@ -0,0 +1,43 @@
+export const NM_FIELD_KINDS = {
+  text: 'text',
+  search: 'search',
+  email: 'email',
+  password: 'password',
+  select: 'select',
+  area: 'area',
+} as const;
+
+export const NM_FIELD_LAYOUT = {
+  inline: 'inline',
+  stack: 'stack',
+} as const;
+
+export type NmFieldKind = (typeof NM_FIELD_KINDS)[keyof typeof NM_FIELD_KINDS];
+
+export type NmFieldLayout = (typeof NM_FIELD_LAYOUT)[keyof typeof NM_FIELD_LAYOUT];
+
+export type NmFieldOption = {
+  id: string;
+  label: string;
+  /** Colours shown after the label, such as a theme's background, foreground and accent. */
+  swatches?: readonly string[];
+};
+
+export const NM_FIELD_CLASSES = {
+  root: 'nm-field',
+  icon: 'nm-field__icon',
+  control: 'nm-field__control',
+  trail: 'nm-field__trail',
+  meta: 'nm-field__meta',
+  step: 'nm-field__step',
+  stack: 'nm-field--stack',
+  caption: 'nm-field__caption',
+  row: 'nm-field__row',
+  box: 'nm-field__box',
+  mark: 'nm-field__mark',
+  add: 'nm-field__add',
+  menu: 'nm-field__menu',
+  search: 'nm-field__search',
+  searchInput: 'nm-field__search-input',
+  option: 'nm-field__option',
+} as const;

package/registry/ui/config/nm-icon-button.ts

@@ -0,0 +1,35 @@
+export const NM_ICON_BUTTON_TONES = {
+  line: 'line',
+  raised: 'raised',
+  quiet: 'quiet',
+  solid: 'solid',
+  subtle: 'subtle',
+  panel: 'panel',
+  invert: 'invert',
+} as const;
+
+export type NmIconButtonTone = (typeof NM_ICON_BUTTON_TONES)[keyof typeof NM_ICON_BUTTON_TONES];
+
+export const NM_ICON_BUTTON_CLASSES = {
+  root: 'nm-icon-button',
+  icon: 'nm-icon-button__icon',
+  active: 'nm-icon-button--active',
+  line: 'nm-icon-button',
+  raised: 'nm-icon-button--raised',
+  quiet: 'nm-icon-button--quiet',
+  solid: 'nm-icon-button--solid',
+  subtle: 'nm-icon-button--subtle',
+  panel: 'nm-icon-button--panel',
+  invert: 'nm-icon-button--invert',
+} as const;
+
+/** Shared geometry hook for send / stop / during-run primary composer actions. */
+export const NM_CHATBOX_ACTION_CLASS = 'nm-chatbox__send';
+
+export function nmIconButtonClassName(tone: NmIconButtonTone = NM_ICON_BUTTON_TONES.quiet): string {
+  return `${NM_ICON_BUTTON_CLASSES.root} ${NM_ICON_BUTTON_CLASSES[tone]}`;
+}
+
+export function nmChatboxActionButtonClassName(): string {
+  return `${NM_ICON_BUTTON_CLASSES.root} ${NM_ICON_BUTTON_CLASSES.invert} ${NM_CHATBOX_ACTION_CLASS}`;
+}

package/registry/ui/config/nm-icons.ts

@@ -0,0 +1,417 @@
+export const NM_ICON_IDS = [
+  'plus',
+  'user',
+  'paperclip',
+  'settings',
+  'globe',
+  'spreadsheet',
+  'pointer',
+  'mouse-pointer',
+  'mic',
+  'mic-off',
+  'audio-lines',
+  'send',
+  'chevron',
+  'check',
+  'circle-check',
+  'code',
+  'file-code',
+  'console',
+  'copy',
+  'volume',
+  'fork',
+  'chat',
+  'chat-dashed',
+  'folder',
+  'bot',
+  'app',
+  'layers',
+  'users',
+  'library',
+  'panel',
+  'ellipsis',
+  'camera',
+  'reload',
+  'expand',
+  'arrow-up-right',
+  'minimize',
+  'download',
+  'publish',
+  'share',
+  'pen',
+  'pin',
+  'archive',
+  'trash',
+  'folder-in',
+  'folder-out',
+  'duplicate',
+  'logout',
+  'table-properties',
+  'cable',
+  'menu',
+  'loader',
+  'monitor',
+  'server',
+  'filter',
+  'sliders',
+  'upload',
+  'image',
+  'image-plus',
+  'music',
+  'headphones',
+  'video',
+  'search',
+  'presentation',
+  'terminal',
+  'square-terminal',
+  'x',
+  'save',
+  'lock',
+  'mail',
+  'calendar',
+  'clock',
+  'gauge',
+  'minus',
+  'play',
+  'workflow',
+  'hard-drive',
+  'slack',
+  'github',
+  'building',
+  'file-text',
+  'wrench',
+  'file',
+  'brain',
+  'sun',
+  'moon',
+  'google',
+  'arrow-left',
+  'arrow-right',
+  'panel-left',
+  'rows',
+] as const;
+
+export type NmIconId = (typeof NM_ICON_IDS)[number];
+
+export type NmIconSpec = {
+  viewBox: string;
+  path?: string | readonly string[];
+  fill?: string;
+  circles?: readonly { cx: number; cy: number; r: number }[];
+};
+
+export const NM_ICONS = {
+  plus: {
+    viewBox: '0 0 24 24',
+    path: 'M12 5v14M5 12h14',
+  },
+  user: {
+    viewBox: '0 0 24 24',
+    path: 'M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z',
+  },
+  paperclip: {
+    viewBox: '0 0 24 24',
+    path: 'M13.234 20.252 21 12.3M16 6l-8.414 8.586a2 2 0 0 0 0 2.828 2 2 0 0 0 2.828 0l8.414-8.586a4 4 0 0 0 0-5.656 4 4 0 0 0-5.656 0l-8.415 8.585a6 6 0 1 0 8.486 8.486',
+  },
+  settings: {
+    viewBox: '0 0 24 24',
+    path: 'M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z',
+  },
+  globe: {
+    viewBox: '0 0 24 24',
+    path: 'M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z',
+  },
+  spreadsheet: {
+    viewBox: '0 0 24 24',
+    path: 'M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7zM14 2v6h6M8 13h2M14 13h2M8 17h2M14 17h2',
+  },
+  pointer: {
+    viewBox: '0 0 24 24',
+    path: 'm13 21-3-8-8-3 18-7z',
+  },
+  'mouse-pointer': {
+    viewBox: '0 0 24 24',
+    path: 'M13 5v11l4-2 4 7M5 3l7 18 2-7 7-2z',
+  },
+  mic: {
+    viewBox: '0 0 24 24',
+    path: 'M12 19v3M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3zM19 10v2a7 7 0 0 1-14 0v-2',
+  },
+  'mic-off': {
+    viewBox: '0 0 24 24',
+    path: 'm2 2 20 20M18.89 13.23A7.12 7.12 0 0 0 19 12v-2M5 10v2a7 7 0 0 0 12 5M15 9.34V5a3 3 0 0 0-5.68-1.33M9 9v3a3 3 0 0 0 5.12 2.12M12 19v3',
+  },
+  'audio-lines': {
+    viewBox: '0 0 24 24',
+    path: 'M2 10v3M6 6v11M10 3v18M14 8v7M18 5v13M22 10v3',
+  },
+  send: {
+    viewBox: '0 0 24 24',
+    path: 'M12 19V5M5 12l7-7 7 7',
+  },
+  chevron: {
+    viewBox: '0 0 24 24',
+    path: 'm6 9 6 6 6-6',
+  },
+  check: {
+    viewBox: '0 0 24 24',
+    path: 'M20 6 9 17l-5-5',
+  },
+  'circle-check': {
+    viewBox: '0 0 24 24',
+    path: 'M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20zM9 12l2 2 4-4',
+  },
+  code: {
+    viewBox: '0 0 24 24',
+    path: 'm16 18 6-6-6-6M8 6l-6 6 6 6',
+  },
+  'file-code': {
+    viewBox: '0 0 24 24',
+    path: 'M14 2H6v20h12V8zM14 2v6h6M10 13l-2 2 2 2M14 13l2 2-2 2',
+  },
+  console: {
+    viewBox: '0 0 24 24',
+    path: 'M14 18h6M8 18 2 12l6-6',
+  },
+  copy: {
+    viewBox: '0 0 24 24',
+    path: [
+      'M10 8h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2z',
+      'M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2',
+    ],
+  },
+  volume: {
+    viewBox: '0 0 24 24',
+    path: [
+      'M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z',
+      'M16 9a5 5 0 0 1 0 6',
+      'M19.364 18.364a9 9 0 0 0 0-12.728',
+    ],
+  },
+  fork: {
+    viewBox: '0 0 24 24',
+    path: ['M18 9v1a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V9', 'M12 12v3'],
+    circles: [
+      { cx: 6, cy: 6, r: 3 },
+      { cx: 18, cy: 6, r: 3 },
+      { cx: 12, cy: 18, r: 3 },
+    ],
+  },
+  chat: {
+    viewBox: '0 0 24 24',
+    path: 'M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z',
+  },
+  folder: {
+    viewBox: '0 0 24 24',
+    path: 'M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z',
+  },
+  bot: {
+    viewBox: '0 0 24 24',
+    path: 'M12 8V4H8M18 8a2 2 0 0 1 2 2v2H4v-2a2 2 0 0 1 2-2zM4 14v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4M9 18h.01M15 18h.01',
+  },
+  app: {
+    viewBox: '0 0 24 24',
+    path: 'M5 5h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zM2 12h20',
+  },
+  layers: {
+    viewBox: '0 0 24 24',
+    path: 'M12 2 2 7l10 5 10-5zM2 17l10 5 10-5M2 12l10 5 10-5',
+  },
+  users: {
+    viewBox: '0 0 24 24',
+    path: 'M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3.13a4 4 0 0 1 0 7.75M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8',
+  },
+  library: {
+    viewBox: '0 0 24 24',
+    path: 'M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20',
+  },
+  panel: {
+    viewBox: '0 0 24 24',
+    path: 'M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4M10 17l5-5-5-5M15 12H3',
+  },
+  ellipsis: {
+    viewBox: '0 0 24 24',
+    circles: [
+      { cx: 5, cy: 12, r: 1 },
+      { cx: 12, cy: 12, r: 1 },
+      { cx: 19, cy: 12, r: 1 },
+    ],
+  },
+  camera: {
+    viewBox: '0 0 24 24',
+    path: [
+      'M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3z',
+      'M12 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6z',
+    ],
+  },
+  reload: {
+    viewBox: '0 0 24 24',
+    path: ['M21 12a9 9 0 1 1-6.219-8.56', 'M21 3v6h-6'],
+  },
+  expand: {
+    viewBox: '0 0 24 24',
+    path: ['M15 3h6v6', 'M9 21H3v-6', 'M21 3l-7 7', 'M3 21l7-7'],
+  },
+  'arrow-up-right': {
+    viewBox: '0 0 24 24',
+    path: ['M7 7h10v10', 'M7 17 17 7'],
+  },
+  minimize: {
+    viewBox: '0 0 24 24',
+    path: ['M4 14h6v6', 'M20 10h-6V4', 'M14 10l7-7', 'M3 21l7-7'],
+  },
+  download: {
+    viewBox: '0 0 24 24',
+    path: ['M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4', 'M7 10l5 5 5-5', 'M12 15V3'],
+  },
+  publish: {
+    viewBox: '0 0 24 24',
+    path: ['M12 13v8', 'M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242', 'M8 17l4-4 4 4'],
+  },
+  share: {
+    viewBox: '0 0 24 24',
+    path: ['M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8', 'M16 6l-4-4-4 4', 'M12 2v13'],
+  },
+  pen: {
+    viewBox: '0 0 24 24',
+    path: 'M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z',
+  },
+  pin: {
+    viewBox: '0 0 24 24',
+    path: [
+      'M12 17v5',
+      'M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16h14v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z',
+    ],
+  },
+  archive: {
+    viewBox: '0 0 24 24',
+    path: ['M21 8v13H3V8', 'M1 3h22v5H1z', 'M10 12h4'],
+  },
+  trash: {
+    viewBox: '0 0 24 24',
+    path: [
+      'M3 6h18',
+      'M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6',
+      'M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2',
+    ],
+  },
+  'folder-in': {
+    viewBox: '0 0 24 24',
+    path: [
+      'M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z',
+      'M12 11v6',
+      'M9 14h6',
+    ],
+  },
+  'folder-out': {
+    viewBox: '0 0 24 24',
+    path: [
+      'M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z',
+      'M9 14h6',
+    ],
+  },
+  duplicate: {
+    viewBox: '0 0 24 24',
+    path: [
+      'M16 8H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2z',
+      'M18 4H8',
+      'M11 14h.01',
+      'M11 11v6',
+    ],
+  },
+  logout: {
+    viewBox: '0 0 24 24',
+    path: ['M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4', 'M16 17l5-5-5-5', 'M21 12H9'],
+  },
+  'table-properties': {
+    viewBox: '0 0 24 24',
+    path: 'M15 3v18M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zM21 9H3M21 15H3',
+  },
+  cable: {
+    viewBox: '0 0 24 24',
+    path: 'M17 21v-2a1 1 0 0 1-1-1v-1a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1',
+  },
+  menu: { viewBox: '0 0 24 24', path: 'M4 6h16M4 12h16M4 18h16' },
+  loader: { viewBox: '0 0 24 24', path: 'M21 12a9 9 0 1 1-6.219-8.56' },
+  monitor: {
+    viewBox: '0 0 24 24',
+    path: 'M12 17v4M8 21h8M4 3h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z',
+  },
+  server: {
+    viewBox: '0 0 24 24',
+    path: 'M4 4h16v6H4zM4 14h16v6H4zM7 7h.01M7 17h.01',
+  },
+  filter: { viewBox: '0 0 24 24', path: 'M3 6h18M7 12h10M10 18h4' },
+  sliders: { viewBox: '0 0 24 24', path: 'M20 7h-9M14 17H4M4 7h2M17 17h3' },
+  upload: {
+    viewBox: '0 0 24 24',
+    path: 'M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12',
+  },
+  image: { viewBox: '0 0 24 24', path: 'M3 5h18v14H3zM3 16l5-5 4 4 3-3 6 6' },
+  'image-plus': {
+    viewBox: '0 0 24 24',
+    path: 'M3 5h18v14H3zM3 16l5-5 4 4 3-3 6 6M19 8h-6M16 5v6',
+  },
+  music: { viewBox: '0 0 24 24', path: 'M9 18V5l12-2v13M9 18a3 3 0 1 1-6 0 3 3 0 0 1 6 0z' },
+  headphones: {
+    viewBox: '0 0 24 24',
+    path: 'M3 14v-1a9 9 0 0 1 18 0v1M3 14a2 2 0 0 1 2-2h2v6H5a2 2 0 0 1-2-2zM21 14a2 2 0 0 0-2-2h-2v6h2a2 2 0 0 0 2-2z',
+  },
+  video: { viewBox: '0 0 24 24', path: 'M4 6h12v12H4zM16 10l4-2v8l-4-2' },
+  search: { viewBox: '0 0 24 24', path: 'M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM21 21l-4.3-4.3' },
+  presentation: { viewBox: '0 0 24 24', path: 'M2 3h20M4 3v12h16V3M12 15v6M8 21h8' },
+  terminal: { viewBox: '0 0 24 24', path: 'M4 17l6-5-6-5M12 19h8' },
+  'square-terminal': {
+    viewBox: '0 0 24 24',
+    path: ['M3 3h18v18H3z', 'M7 11l2-2-2-2', 'M11 13h4'],
+  },
+  x: { viewBox: '0 0 24 24', path: 'M18 6 6 18M6 6l12 12' },
+  save: {
+    viewBox: '0 0 24 24',
+    path: 'M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2zM17 21v-8H7v8M7 3v5h8',
+  },
+  lock: {
+    viewBox: '0 0 24 24',
+    path: 'M8 11V7a4 4 0 0 1 8 0v4M5 11h14v10H5z',
+  },
+  mail: { viewBox: '0 0 24 24', path: 'M4 6h16v12H4zM4 7l8 6 8-6' },
+  calendar: { viewBox: '0 0 24 24', path: 'M5 5h14v16H5zM5 10h14M8 3v4M16 3v4' },
+  minus: { viewBox: '0 0 24 24', path: 'M5 12h14' },
+  gauge: { viewBox: '0 0 24 24', path: ['M12 14l4-4', 'M3.34 19a10 10 0 1 1 17.32 0'] },
+  clock: { viewBox: '0 0 24 24', path: ['M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18z', 'M12 7v5l3 2'] },
+  play: { viewBox: '0 0 24 24', path: 'M6 4l14 8-14 8z' },
+  workflow: {
+    viewBox: '0 0 24 24',
+    path: 'M7 5h4v4H7zM13 15h4v4h-4zM7 15h4v4H7zM11 7h2a4 4 0 0 1 4 4v2',
+  },
+  'hard-drive': { viewBox: '0 0 24 24', path: 'M4 14h16v6H4zM6 6h12l2 8H4zM8 17h.01M12 17h.01' },
+  slack: {
+    viewBox: '0 0 24 24',
+    path: 'M8 4v6H4M8 14v6M16 4v6M16 14v6h4M4 8h6M14 8h6M4 16h6M14 16h2',
+  },
+  github: {
+    viewBox: '0 0 24 24',
+    path: 'M12 3a9 9 0 0 0-3 17.5c.5.1.6-.2.6-.5v-1.7c-2.5.5-3-1.2-3-1.2-.4-1-1-1.3-1-1.3-.8-.6.1-.6.1-.6.9.1 1.4.9 1.4.9.8 1.4 2.1 1 2.6.8.1-.6.3-1 .6-1.2-2-.2-4.1-1-4.1-4.4 0-1 .4-1.8 1-2.4-.1-.2-.4-1.2.1-2.5 0 0 .8-.3 2.7 1a9 9 0 0 1 5 0c1.9-1.3 2.7-1 2.7-1 .5 1.3.2 2.3.1 2.5.6.6 1 1.4 1 2.4 0 3.4-2.1 4.2-4.1 4.4.3.3.6.8.6 1.6v2.4c0 .3.1.6.6.5A9 9 0 0 0 12 3z',
+  },
+  building: { viewBox: '0 0 24 24', path: 'M4 22V4h10v18M14 10h6v12M8 8h2M8 12h2M8 16h2' },
+  'file-text': {
+    viewBox: '0 0 24 24',
+    path: 'M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8zM14 3v5h5M8 13h8M8 17h6',
+  },
+  wrench: {
+    viewBox: '0 0 24 24',
+    path: 'M14.7 6.3a4 4 0 0 0-5.6 5.6L3 18l3 3 6.1-6.1a4 4 0 0 0 5.6-5.6L15 12l-3-3z',
+  },
+  file: {
+    viewBox: '0 0 24 24',
+    path: 'M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8zM14 3v5h5',
+  },
+  brain: {
+    viewBox: '0 0 24 24',
+    path: 'M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z',
+  },
+  google: {
+    viewBox: '0 0 20 21',
+    fill: 'M19.7499 10.2456C19.7499 9.51343 19.684 8.81284 19.5615 8.13916H10.085V11.9988L15.5427 12C15.3213 13.2842 14.6089 14.3789 13.5174 15.1087V17.6128H16.7661C18.6631 15.869 19.7499 13.2912 19.7499 10.2456ZM13.5185 15.1088C12.6142 15.7146 11.4496 16.069 10.0873 16.069C7.45553 16.069 5.22298 14.3076 4.42345 11.9333H1.07227V14.5158C2.73255 17.7883 6.14497 20.0339 10.0873 20.0339C12.812 20.0339 15.1011 19.1439 16.7673 17.6117L13.5185 15.1088ZM4.10832 10.0175C4.10832 9.35087 4.22018 8.70643 4.42389 8.10058V5.51813H1.07271C0.386221 6.87134 0 8.39883 0 10.0175C0 11.6362 0.387398 13.1637 1.07271 14.5169L4.42389 11.9345C4.22018 11.3286 4.10832 10.6842 4.10832 10.0175ZM10.0873 3.96491C11.5745 3.96491 12.9062 4.47368 13.9577 5.46783L16.8367 2.61052C15.0881 0.992982 12.8085 0 10.0873 0C6.14614 0 2.73255 2.24561 1.07227 5.51812L4.42345 8.10058C5.22298 5.72631 7.45553 3.96491 10.0873 3.96491Z',
+  },
+} as const satisfies Partial<Record<NmIconId, NmIconSpec>>;