@nordmanai/nif 0.0.0-stage → 0.2.0

package/dist/ui/config/nm-rail-icons.d.ts

@@ -0,0 +1,14 @@
+export declare const NM_RAIL_ICON_IDS: readonly ['plus', 'folder', 'chats', 'bot', 'app', 'spreadsheet', 'library', 'settings', 'search', 'plusSm'];
+export type NmRailIconId = (typeof NM_RAIL_ICON_IDS)[number];
+export declare const NM_RAIL_ICON_SRC: {
+    readonly plus: '/interface/rail/plus.svg';
+    readonly folder: '/interface/rail/folder.svg';
+    readonly chats: '/interface/rail/chats.svg';
+    readonly bot: '/interface/rail/bot.svg';
+    readonly app: '/interface/rail/app.svg';
+    readonly spreadsheet: '/interface/rail/spreadsheet.svg';
+    readonly library: '/interface/rail/library.svg';
+    readonly settings: '/interface/rail/settings.svg';
+    readonly search: '/interface/rail/search.svg';
+    readonly plusSm: '/interface/rail/plus-sm.svg';
+};

package/dist/ui/config/nm-rail.d.ts

@@ -0,0 +1,5 @@
+/** Must match `--nm-rail-scroll-idle` (`--reveal` × 3). */
+export declare const NM_RAIL_SCROLL_IDLE_MS = 750;
+/** Must match `--nm-rail-face-hold`. One agent stays on the rail this long. */
+export declare const NM_RAIL_FACE_HOLD_MS = 7000;
+export declare const NM_RAIL_SEARCH_DEBOUNCE_MS = 500;

package/dist/ui/config/nm-segmented.d.ts

@@ -0,0 +1,17 @@
+export declare const NM_SEGMENTED_TONES: {
+    readonly fill: 'fill';
+    readonly line: 'line';
+    readonly pills: 'pills';
+    readonly track: 'track';
+};
+export type NmSegmentedTone = (typeof NM_SEGMENTED_TONES)[keyof typeof NM_SEGMENTED_TONES];
+export declare const NM_SEGMENTED_CLASSES: {
+    readonly root: 'nm-segmented';
+    readonly fill: 'nm-segmented--fill';
+    readonly line: 'nm-segmented--line';
+    readonly pills: 'nm-segmented--pills';
+    readonly track: 'nm-segmented--track';
+    readonly item: 'nm-segmented__item';
+    readonly itemIcon: 'nm-segmented__item--icon';
+    readonly icon: 'nm-segmented__icon';
+};

package/dist/ui/config/nm-side-panel.d.ts

@@ -0,0 +1,33 @@
+/** What the side panel can show. Each kind has an icon, so a toolbar can open it. */
+export declare const NM_SIDE_PANEL_KINDS: readonly [{
+    readonly id: 'app';
+    readonly label: 'App';
+    readonly icon: 'app';
+}, {
+    readonly id: 'code';
+    readonly label: 'Code';
+    readonly icon: 'code';
+}, {
+    readonly id: 'files';
+    readonly label: 'Files';
+    readonly icon: 'folder';
+}, {
+    readonly id: 'artifact';
+    readonly label: 'Artifact';
+    readonly icon: 'layers';
+}, {
+    readonly id: 'media';
+    readonly label: 'Media';
+    readonly icon: 'image';
+}, {
+    readonly id: 'docs';
+    readonly label: 'Docs';
+    readonly icon: 'file-text';
+}, {
+    readonly id: 'markdown';
+    readonly label: 'Markdown';
+    readonly icon: 'file-code';
+}];
+export type NmSidePanelKind = (typeof NM_SIDE_PANEL_KINDS)[number]['id'];
+export declare const NM_SIDE_PANEL_SIZES: readonly ['narrow', 'default', 'wide'];
+export type NmSidePanelSize = (typeof NM_SIDE_PANEL_SIZES)[number];

package/dist/ui/config/nm-site-palette.d.ts

@@ -0,0 +1,30 @@
+/**
+ * The website palette in `assets/tokens.css`, for code that writes colours inline or into iframes
+ * and cannot read a stylesheet. `nm-site-palette.spec.ts` fails if the two differ.
+ */
+export declare const NM_SITE_PALETTE: {
+    readonly dark: {
+        readonly canvas: '#000000';
+        readonly fg: '#ededed';
+        readonly muted: '#a1a1a1';
+        readonly subtle: '#a1a1a1';
+        readonly stroke: '#707070';
+        readonly line: '#1f1f1f';
+        readonly lineStrong: '#2e2e2e';
+        readonly panel: '#1a1a1a';
+        readonly raised: '#0a0a0a';
+        readonly inset: '#1a1a1a';
+    };
+    readonly light: {
+        readonly canvas: '#ffffff';
+        readonly fg: '#171717';
+        readonly muted: '#666666';
+        readonly subtle: '#666666';
+        readonly stroke: '#666666';
+        readonly line: '#ebebeb';
+        readonly lineStrong: '#e0e0e0';
+        readonly panel: '#f2f2f2';
+        readonly raised: '#fafafa';
+        readonly inset: '#f2f2f2';
+    };
+};

package/dist/ui/config/nm-small-icon-button.d.ts

@@ -0,0 +1,12 @@
+export declare const NM_SMALL_ICON_BUTTON_TONES: {
+    readonly solid: 'solid';
+    readonly quiet: 'quiet';
+};
+export type NmSmallIconButtonTone = (typeof NM_SMALL_ICON_BUTTON_TONES)[keyof typeof NM_SMALL_ICON_BUTTON_TONES];
+/** Class names of the shared icon button. Quiet and solid are tones of that button. */
+export declare const NM_SMALL_ICON_BUTTON_CLASSES: {
+    readonly root: "nm-icon-button";
+    readonly solid: "nm-icon-button--solid";
+    readonly quiet: "nm-icon-button--quiet";
+    readonly active: "nm-icon-button--active";
+};

package/dist/ui/config/nm-tabs.d.ts

@@ -0,0 +1,8 @@
+export declare const NM_TABS_CLASSES: {
+    readonly root: 'nm-tabs';
+    readonly item: 'nm-tabs__item';
+};
+export type NmTabItem = {
+    id: string;
+    label: string;
+};

package/dist/ui/config/nm-top-bar.d.ts

@@ -0,0 +1,4 @@
+export declare const NM_TOP_BAR_CLASSES: {
+    readonly root: 'nm-header';
+    readonly end: 'nm-header__end';
+};

package/dist/ui/config/nordman-chrome.d.ts

@@ -0,0 +1,12 @@
+export declare const NORDMAN_CHROME_ICON_IDS: readonly ['plus', 'user'];
+export type NordmanChromeIconId = (typeof NORDMAN_CHROME_ICON_IDS)[number];
+export declare const NORDMAN_CHROME_ICONS: {
+    readonly plus: {
+        readonly viewBox: '0 0 20 20';
+        readonly path: 'M4.16667 10H15.8333M10 4.16667V15.8333';
+    };
+    readonly user: {
+        readonly viewBox: '0 0 20 20';
+        readonly path: 'M15.8333 17.5V15.8333C15.8333 14.9493 15.4821 14.1014 14.857 13.4763C14.2319 12.8512 13.3841 12.5 12.5 12.5H7.5C6.61594 12.5 5.7681 12.8512 5.14298 13.4763C4.51786 14.1014 4.16667 14.9493 4.16667 15.8333V17.5M13.3333 5.83333C13.3333 7.67428 11.8409 9.16667 10 9.16667C8.15905 9.16667 6.66667 7.67428 6.66667 5.83333C6.66667 3.99238 8.15905 2.5 10 2.5C11.8409 2.5 13.3333 3.99238 13.3333 5.83333Z';
+    };
+};

package/dist/ui/config/nordman-login.d.ts

@@ -0,0 +1,23 @@
+export declare const NORDMAN_LOGIN_VIEWS: {
+    readonly signIn: 'signIn';
+    readonly register: 'register';
+    readonly forgot: 'forgot';
+    readonly reset: 'reset';
+};
+export type NordmanLoginView = (typeof NORDMAN_LOGIN_VIEWS)[keyof typeof NORDMAN_LOGIN_VIEWS];
+export declare const NORDMAN_LOGIN_FORM_ID = "nm-login-form";
+export declare const NORDMAN_LOGIN_FIELDS: {
+    readonly username: 'username';
+    readonly password: 'password';
+    readonly displayName: 'displayName';
+    readonly registerUsername: 'register-username';
+    readonly registerPassword: 'register-password';
+    readonly confirmPassword: 'confirm-password';
+    readonly resetPassword: 'reset-password';
+};
+export declare const NORDMAN_LOGIN_REVEAL: {
+    readonly viewBox: '0 0 24 24';
+    readonly show: 'M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z';
+    readonly hide: 'M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z';
+};
+export declare const NORDMAN_LOGIN_INTERFACE = "nordman";

package/dist/ui/content/nm-modal.d.ts

@@ -0,0 +1 @@
+export declare function nmModalSavedLabel(): string;

package/dist/ui/content/nordman-login.d.ts

@@ -0,0 +1,38 @@
+declare const nordmanLoginCopySv: {
+    readonly skip: 'Hoppa till innehållet';
+    readonly identifier: 'Email';
+    readonly identifierPlaceholder: 'name@mail.com';
+    readonly password: 'Lösenord';
+    readonly passwordPlaceholder: '••••';
+    readonly confirmPassword: 'Bekräfta lösenord';
+    readonly forgot: 'Glömt lösenord?';
+    readonly forgotSubmit: 'Skicka länk';
+    readonly forgotPending: 'Skickar…';
+    readonly forgotSent: 'Om kontot finns skickar vi en länk för att välja ett nytt lösenord.';
+    readonly showPassword: 'Visa lösenord';
+    readonly hidePassword: 'Dölj lösenord';
+    readonly submit: 'Logga in';
+    readonly pending: 'Loggar in…';
+    readonly continueWithGoogle: 'Fortsätt med Google';
+    readonly googlePending: 'Öppnar Google…';
+    readonly registerPrompt: 'Inget konto?';
+    readonly registerAction: 'Skapa konto';
+    readonly signInPrompt: 'Har du redan konto?';
+    readonly signInAction: 'Logga in';
+    readonly displayName: 'Visningsnamn';
+    readonly registerSubmit: 'Skapa konto';
+    readonly registerPending: 'Skapar konto…';
+    readonly resetSubmit: 'Spara nytt lösenord';
+    readonly resetPending: 'Sparar…';
+    readonly resetDone: 'Lösenordet är uppdaterat. Logga in.';
+    readonly mismatch: 'Lösenorden matchar inte.';
+    readonly mail: 'Kunde inte skicka mejlet just nu.';
+    readonly resetInvalid: 'Länken är ogiltig eller har gått ut.';
+    readonly registerEmailInUse: 'Det finns redan ett konto med den här e-postadressen.';
+    readonly registerDone: 'Kolla mejlet för att bekräfta kontot.';
+    readonly registerDoneReady: 'Kontot är skapat. Logga in.';
+};
+export type NordmanLoginCopy = Record<keyof typeof nordmanLoginCopySv, string>;
+export declare function getNordmanLoginCopy(locale?: string | null): NordmanLoginCopy;
+export declare const nordmanLoginCopy: NordmanLoginCopy;
+export {};

package/dist/ui/kit-logger.d.ts

@@ -0,0 +1 @@
+export { createLogger } from './lib/logger.ts';

package/dist/ui/lib/appearance/appearanceState.d.ts

@@ -0,0 +1,28 @@
+import { NM_APPEARANCE_STORAGE_KEY, type NmAccentPreset, type NmAppearanceMode } from '../../config/nm-appearance.ts';
+export type NmAppearanceState = {
+    mode: NmAppearanceMode;
+    themePresetId: string;
+    accentPreset: NmAccentPreset;
+    customAccentHex: string;
+    backgroundHex: string;
+    foregroundHex: string;
+    uiFontSizePx: number;
+    uiFontWeight: number;
+    uiIconSizePx: number;
+    uiRadiusPercent: number;
+    uiSpacePercent: number;
+    contrast: number;
+};
+export { NM_APPEARANCE_STORAGE_KEY };
+export declare function resolveAppearanceScheme(mode: NmAppearanceMode, prefersDark?: boolean): 'light' | 'dark';
+export declare function createDefaultAppearanceState(): NmAppearanceState;
+export declare function paletteForPreset(themePresetId: string, scheme: 'light' | 'dark'): {
+    backgroundHex: string;
+    foregroundHex: string;
+};
+export declare function parseAppearanceState(raw: unknown): NmAppearanceState;
+export declare function readStoredAppearanceState(): NmAppearanceState | null;
+export declare function writeStoredAppearanceState(state: NmAppearanceState): void;
+export declare function mergeThemePresetColors(state: NmAppearanceState, scheme: 'light' | 'dark'): NmAppearanceState;
+/** Sync background and foreground (and default accent) from the active theme preset + mode. */
+export declare function applyThemePresetPalette(state: NmAppearanceState, prefersDark?: boolean): NmAppearanceState;

package/dist/ui/lib/appearance/applyAppearance.d.ts

@@ -0,0 +1,5 @@
+import type { NmAppearanceState } from './appearanceState.ts';
+export declare function clearAppliedAppearance(root?: HTMLElement): void;
+export declare function applyAppearanceState(state: NmAppearanceState, root?: HTMLElement): {
+    scheme: 'light' | 'dark';
+};

package/dist/ui/lib/appearance/cloudOrbAppearance.d.ts

@@ -0,0 +1,4 @@
+import type { CloudAppearance } from 'orb-ui';
+export declare function deriveCloudOrbAppearance(accent: string, canvas: string, fg: string): CloudAppearance;
+export declare function cloudOrbAppearanceCssVars(appearance: CloudAppearance): Record<string, string>;
+export declare function deriveCloudOrbAppearanceTokens(accent: string, canvas: string, fg: string): Record<string, string>;

package/dist/ui/lib/appearance/color.d.ts

@@ -0,0 +1,13 @@
+export declare function isHexColor(value: string): boolean;
+export declare function normalizeHexColor(value: string, fallback: string): string;
+export declare function hexToRgbTriplet(hex: string): string;
+/** Mix hex `color` toward `target` by amount in [0, 1]. */
+export declare function mixHex(color: string, target: string, amount: number): string;
+/** WCAG contrast ratio between two colours, from 1 to 21. */
+export declare function contrastRatio(first: string, second: string): number;
+export declare function hexToHsl(hex: string): {
+    hue: number;
+    saturation: number;
+    lightness: number;
+};
+export declare function hslToHex(hue: number, saturation: number, lightness: number): string;

package/dist/ui/lib/appearance/deriveTokens.d.ts

@@ -0,0 +1,6 @@
+import type { NmAppearanceState } from './appearanceState.ts';
+export type NmDerivedAppearanceTokens = Record<string, string>;
+/** The accent colour that is in effect for these settings. */
+export declare function resolveAccentHex(state: NmAppearanceState): string;
+export declare function deriveAppearanceTokens(state: NmAppearanceState, scheme: 'light' | 'dark'): NmDerivedAppearanceTokens;
+export declare function themeModeFromAppearance(mode: NmAppearanceState['mode']): string;

package/dist/ui/lib/appearance/index.d.ts

@@ -0,0 +1,6 @@
+export * from '../../config/nm-appearance.ts';
+export * from './appearanceState.ts';
+export * from './applyAppearance.ts';
+export * from './color.ts';
+export * from './deriveTokens.ts';
+export * from './readLayoutMetrics.ts';

package/dist/ui/lib/appearance/markTokens.d.ts

@@ -0,0 +1,2 @@
+/** Three text highlights from the accent's hue and its two even neighbours, readable on the theme. */
+export declare function deriveMarkTokens(accent: string, canvas: string, fg: string): Record<string, string>;

package/dist/ui/lib/appearance/readLayoutMetrics.d.ts

@@ -0,0 +1,4 @@
+/** Read a px or rem custom property from a computed style (appearance tokens use px). */
+export declare function readCssLengthPx(element: HTMLElement, property: string, fallbackPx: number): number;
+/** Virtualized convo row stride: rail row min-height + list gap. */
+export declare function readNmRailRowStridePx(root?: HTMLElement): number;

package/dist/ui/lib/bar-overflow.d.ts

@@ -0,0 +1,13 @@
+export declare const BAR_OVERFLOW_MODES: {
+    readonly inline: 'inline';
+    readonly menu: 'menu';
+};
+export type BarOverflowMode = (typeof BAR_OVERFLOW_MODES)[keyof typeof BAR_OVERFLOW_MODES];
+/** Subpixel layout can report a 1px overflow while the row still fits. */
+export declare const BAR_OVERFLOW_SLACK_PX = 1;
+export type BarOverflowFit = {
+    availableWidth: number;
+    neededWidth: number;
+};
+export declare function resolveBarOverflow(fit: BarOverflowFit): BarOverflowMode;
+export declare function eventTargetInBar(root: HTMLElement | null, target: EventTarget | null, layerSelector: string): boolean;

package/dist/ui/lib/logger.d.ts

@@ -0,0 +1,8 @@
+export type LogLevel = 'debug' | 'info' | 'warn' | 'error';
+export type LogContext = Record<string, unknown>;
+export declare function createLogger(moduleName: string): {
+    debug(operation: string, message: string, context?: LogContext): void;
+    info(operation: string, message: string, context?: LogContext): void;
+    warn(operation: string, message: string, context?: LogContext): void;
+    error(operation: string, message: string, context?: LogContext): void;
+};

package/dist/ui/lib/menu-motion.d.ts

@@ -0,0 +1,72 @@
+/** Dropdown motion. Duration, ease, and shift are the `--reveal`, `--ease`, and `--nm-space-8` tokens. */
+export declare const MENU_MOTION_EASE_FALLBACK: readonly [0.22, 1, 0.36, 1];
+export declare const MENU_MOTION_DURATION_FALLBACK_S = 0.25;
+export declare const MENU_MOTION_SHIFT_FALLBACK_PX = 8;
+export declare const MENU_MOTION_SCALE_FALLBACK = 0.98;
+export type MenuEase = readonly [number, number, number, number];
+export type MenuMotionFrame = {
+    duration: number;
+    ease: MenuEase;
+    shift: number;
+    scale: number;
+};
+export declare function parseCubicBezier(raw: string): MenuEase | null;
+export declare function parseDurationSeconds(raw: string): number | null;
+export declare function parseLengthPx(raw: string, rootFontPx: number): number | null;
+export declare function parseUnitScale(raw: string): number | null;
+export declare function readMenuMotionFrame(): MenuMotionFrame;
+export declare function menuMotionOrigin(placement: string | null | undefined): {
+    originX: number;
+    originY: number;
+};
+/** Offset toward the trigger so the panel eases out of its anchor. */
+export declare function menuMotionOffset(placement: string | null | undefined, shift: number): {
+    x: number;
+    y: number;
+};
+export declare function menuMotionVariants(input: MenuMotionFrame & {
+    reduceMotion: boolean;
+    placement?: string | null;
+}): {
+    closed: {
+        opacity: number;
+        x: number;
+        y: number;
+        scale: number;
+    };
+    open: {
+        opacity: number;
+        x: number;
+        y: number;
+        scale: number;
+    };
+    transition: {
+        duration: number;
+        ease: MenuEase;
+    };
+};
+type MenuMotionState = {
+    opacity: number;
+    x: number;
+    y: number;
+    scale: number;
+    transition: {
+        duration: number;
+        ease: MenuEase;
+    };
+};
+type MenuMotionBinding = {
+    initial: 'closed';
+    animate: 'open';
+    exit: 'closed';
+    variants: {
+        closed: MenuMotionState;
+        open: MenuMotionState;
+    };
+    style: {
+        originX: number;
+        originY: number;
+    };
+};
+export declare function useMenuMotion(placement?: string | null): MenuMotionBinding;
+export {};

package/dist/ui/lib/nm-class.d.ts

@@ -0,0 +1,2 @@
+/** Joins class names and drops the empty ones. The one helper every Base UI wrapper uses. */
+export declare function nmClass(...names: (string | false | null | undefined)[]): string;

package/dist/ui/lib/nordman-ui-locale.d.ts

@@ -0,0 +1,9 @@
+export declare function setNordmanUiLocale(locale: string | null | undefined, options?: {
+    notify?: boolean;
+}): void;
+export declare function getNordmanUiLocale(): string;
+export declare function subscribeNordmanUiLocale(listener: () => void): () => void;
+/** Re-renders this component when the Nordman UI language changes, without remounting the app. */
+export declare function useNordmanUiLocale(): string;
+/** English copy for English locales; every other locale reads Swedish. */
+export declare function isEnglishNordmanLocale(locale: string): boolean;

package/interface/app-panel/code.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="code">
+<path id="Vector" d="M9.33333 10.5L12.8333 7L9.33333 3.5M4.66667 3.5L1.16667 7L4.66667 10.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/app-panel/console.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="file-code-2">
+<path id="Vector" d="M2.33333 12.8333H10.5C10.8094 12.8333 11.1062 12.7104 11.325 12.4916C11.5437 12.2728 11.6667 11.9761 11.6667 11.6667V4.08333L8.75 1.16667H3.5C3.19058 1.16667 2.89383 1.28958 2.67504 1.50838C2.45625 1.72717 2.33333 2.02391 2.33333 2.33333V4.66667M8.16667 1.16667V3.5C8.16667 3.80942 8.28958 4.10617 8.50838 4.32496C8.72717 4.54375 9.02391 4.66667 9.33333 4.66667H11.6667M2.91667 7L1.16667 8.75L2.91667 10.5M5.25 10.5L7 8.75L5.25 7" stroke="#A3A3A3" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/app-panel/copy.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="copy">
+<path id="Vector" d="M3.33333 13.3333C2.41667 13.3333 1.66667 12.5833 1.66667 11.6667V3.33333C1.66667 2.41667 2.41667 1.66667 3.33333 1.66667H11.6667C12.5833 1.66667 13.3333 2.41667 13.3333 3.33333M8.33333 6.66667H16.6667C17.5871 6.66667 18.3333 7.41286 18.3333 8.33333V16.6667C18.3333 17.5871 17.5871 18.3333 16.6667 18.3333H8.33333C7.41286 18.3333 6.66667 17.5871 6.66667 16.6667V8.33333C6.66667 7.41286 7.41286 6.66667 8.33333 6.66667Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/app-panel/ellipsis.svg

@@ -0,0 +1,7 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ellipsis">
+<circle cx="12" cy="12" r="1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="19" cy="12" r="1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="5" cy="12" r="1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/app-panel/message.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="bot-message-square">
+<path id="Vector" d="M10 5V1.66667H6.66667M1.66667 10H3.33333M7.5 9.16667V10.8333M12.5 9.16667V10.8333M16.6667 10H18.3333M6.66667 15L3.33333 18.3333V6.66667C3.33333 6.22464 3.50893 5.80072 3.82149 5.48816C4.13405 5.17559 4.55797 5 5 5H15C15.442 5 15.8659 5.17559 16.1785 5.48816C16.4911 5.80072 16.6667 6.22464 16.6667 6.66667V13.3333C16.6667 13.7754 16.4911 14.1993 16.1785 14.5118C15.8659 14.8244 15.442 15 15 15H6.66667Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/app-panel/network.svg

@@ -0,0 +1,10 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="globe" clip-path="url(#clip0_0_38)">
+<path id="Vector" d="M12.8333 7C12.8333 10.2217 10.2217 12.8333 7 12.8333M12.8333 7C12.8333 3.77834 10.2217 1.16667 7 1.16667M12.8333 7H1.16667M7 12.8333C3.77834 12.8333 1.16667 10.2217 1.16667 7M7 12.8333C5.50214 11.2606 4.66667 9.1719 4.66667 7C4.66667 4.8281 5.50214 2.73942 7 1.16667M7 12.8333C8.49786 11.2606 9.33333 9.1719 9.33333 7C9.33333 4.8281 8.49786 2.73942 7 1.16667M1.16667 7C1.16667 3.77834 3.77834 1.16667 7 1.16667" stroke="#A3A3A3" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_0_38">
+<rect width="14" height="14" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/interface/app-panel/play.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="play">
+<path id="Vector" d="M3.5 1.75L11.6667 7L3.5 12.25V1.75Z" stroke="#A3A3A3" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/app-panel/plus.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="plus">
+<path id="Vector" d="M2.91667 7H11.0833M7 2.91667V11.0833" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/chatbox/app.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="app-window-mac">
+<path id="Vector" d="M3.5 4.66667H3.50583M5.83333 4.66667H5.83917M8.16667 4.66667H8.1725M2.33333 2.33333H11.6667C12.311 2.33333 12.8333 2.85567 12.8333 3.5V10.5C12.8333 11.1443 12.311 11.6667 11.6667 11.6667H2.33333C1.689 11.6667 1.16667 11.1443 1.16667 10.5V3.5C1.16667 2.85567 1.689 2.33333 2.33333 2.33333Z" stroke="#A3A3A3" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/chatbox/audio-lines.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="audio-lines">
+<path id="Vector" d="M1.66667 8.33333V10.8333M5 5V14.1667M8.33333 2.5V17.5M11.6667 6.66667V12.5M15 4.16667V15M18.3333 8.33333V10.8333" stroke-linecap="round" stroke-linejoin="round" stroke="black"/>
+</g>
+</svg>

package/interface/chatbox/check.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="check">
+<path id="Vector" d="M15 4.5L6.75 12.75L3 9" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/chatbox/globe.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="globe">
+<path id="Vector" d="M16.5 9C16.5 13.1421 13.1421 16.5 9 16.5M16.5 9C16.5 4.85786 13.1421 1.5 9 1.5M16.5 9H1.5M9 16.5C4.85786 16.5 1.5 13.1421 1.5 9M9 16.5C7.07418 14.4779 6 11.7924 6 9C6 6.20756 7.07418 3.52212 9 1.5M9 16.5C10.9258 14.4779 12 11.7924 12 9C12 6.20756 10.9258 3.52212 9 1.5M1.5 9C1.5 4.85786 4.85786 1.5 9 1.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/chatbox/integration.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="app-window-mac">
+<path id="Vector" d="M3.5 4.66667H3.50583M5.83333 4.66667H5.83917M8.16667 4.66667H8.1725M2.33333 2.33333H11.6667C12.311 2.33333 12.8333 2.85567 12.8333 3.5V10.5C12.8333 11.1443 12.311 11.6667 11.6667 11.6667H2.33333C1.689 11.6667 1.16667 11.1443 1.16667 10.5V3.5C1.16667 2.85567 1.689 2.33333 2.33333 2.33333Z" stroke="#A3A3A3" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/chatbox/mic.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="mic">
+<path id="Vector" d="M3.75 7.5V9C3.75 10.3924 4.30312 11.7277 5.28769 12.7123C6.27226 13.6969 7.60761 14.25 9 14.25C10.3924 14.25 11.7277 13.6969 12.7123 12.7123C13.6969 11.7277 14.25 10.3924 14.25 9V7.5M9 14.25V16.5M9 1.5C8.40326 1.5 7.83097 1.73705 7.40901 2.15901C6.98705 2.58097 6.75 3.15326 6.75 3.75V9C6.75 9.59674 6.98705 10.169 7.40901 10.591C7.83097 11.0129 8.40326 11.25 9 11.25C9.59674 11.25 10.169 11.0129 10.591 10.591C11.0129 10.169 11.25 9.59674 11.25 9V3.75C11.25 3.15326 11.0129 2.58097 10.591 2.15901C10.169 1.73705 9.59674 1.5 9 1.5Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/chatbox/paperclip.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="paperclip">
+<path id="Vector" d="M16.08 8.2875L9.1875 15.18C8.34312 16.0244 7.19789 16.4988 6.00375 16.4988C4.80961 16.4988 3.66438 16.0244 2.82 15.18C1.97562 14.3356 1.50125 13.1904 1.50125 11.9963C1.50125 10.8021 1.97562 9.65688 2.82 8.8125L9.2475 2.385C9.81042 1.82108 10.5743 1.50388 11.3711 1.50318C12.1679 1.50248 12.9323 1.81833 13.4963 2.38125C14.0602 2.94417 14.3774 3.70805 14.3781 4.50485C14.3788 5.30164 14.0629 6.06608 13.5 6.63L7.0575 13.0575C6.77604 13.339 6.3943 13.4971 5.99625 13.4971C5.5982 13.4971 5.21646 13.339 4.935 13.0575C4.65354 12.776 4.49542 12.3943 4.49542 11.9963C4.49542 11.5982 4.65354 11.2165 4.935 10.935L11.3025 4.575" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/chatbox/pointer.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="mouse-pointer-2">
+<path id="Vector" d="M3 3L8.3025 15.75L10.185 10.2075L15.75 8.3025L3 3Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/chatbox/send.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="arrow-up">
+<path id="Vector" d="M14.25 9L9 3.75L3.75 9M9 3.75V14.25" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/chatbox/settings.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="settings-2">
+<path id="Vector" d="M15 5.25H8.25M10.5 12.75H3.75M10.5 12.75C10.5 13.9926 11.5074 15 12.75 15C13.9926 15 15 13.9926 15 12.75C15 11.5074 13.9926 10.5 12.75 10.5C11.5074 10.5 10.5 11.5074 10.5 12.75ZM7.5 5.25C7.5 6.49264 6.49264 7.5 5.25 7.5C4.00736 7.5 3 6.49264 3 5.25C3 4.00736 4.00736 3 5.25 3C6.49264 3 7.5 4.00736 7.5 5.25Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/chatbox/spreadsheet.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="file-spreadsheet">
+<path id="Vector" d="M10.5 1.5V4.5C10.5 4.89782 10.658 5.27936 10.9393 5.56066C11.2206 5.84196 11.6022 6 12 6H15M6 9.75H7.5M10.5 9.75H12M6 12.75H7.5M10.5 12.75H12M11.25 1.5H4.5C4.10218 1.5 3.72064 1.65804 3.43934 1.93934C3.15804 2.22064 3 2.60218 3 3V15C3 15.3978 3.15804 15.7794 3.43934 16.0607C3.72064 16.342 4.10218 16.5 4.5 16.5H13.5C13.8978 16.5 14.2794 16.342 14.5607 16.0607C14.842 15.7794 15 15.3978 15 15V5.25L11.25 1.5Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/chatbox/x.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="x">
+<path id="Vector" d="M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/collection/audio.svg

@@ -0,0 +1,5 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.333 5.25H4.083L7 3.5V10.5L4.083 8.75H2.333C2.011 8.75 1.75 8.489 1.75 8.167V5.833C1.75 5.511 2.011 5.25 2.333 5.25Z" stroke="#A3A3A3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.333 5.25C9.8 5.717 10.083 6.333 10.083 7C10.083 7.667 9.8 8.283 9.333 8.75" stroke="#A3A3A3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.792 3.792C11.608 4.608 12.083 5.75 12.083 7C12.083 8.25 11.608 9.392 10.792 10.208" stroke="#A3A3A3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/interface/collection/download.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="arrow-down">
+<path id="Vector" d="M10 4.16667V15.8333M4.16667 10L10 15.8333L15.8333 10" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/collection/expand.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="move-diagonal">
+<path id="Vector" d="M15.8333 9.16667V4.16667H10.8333M15.8333 4.16667L4.16667 15.8333M4.16667 10.8333V15.8333H9.16667" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/interface/collection/grid.svg

@@ -0,0 +1,10 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="layout-grid">
+<g id="Vector">
+<path d="M7.5 2.5H3.33333C2.8731 2.5 2.5 2.8731 2.5 3.33333V7.5C2.5 7.96024 2.8731 8.33333 3.33333 8.33333H7.5C7.96024 8.33333 8.33333 7.96024 8.33333 7.5V3.33333C8.33333 2.8731 7.96024 2.5 7.5 2.5Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.6667 2.5H12.5C12.0398 2.5 11.6667 2.8731 11.6667 3.33333V7.5C11.6667 7.96024 12.0398 8.33333 12.5 8.33333H16.6667C17.1269 8.33333 17.5 7.96024 17.5 7.5V3.33333C17.5 2.8731 17.1269 2.5 16.6667 2.5Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.6667 11.6667H12.5C12.0398 11.6667 11.6667 12.0398 11.6667 12.5V16.6667C11.6667 17.1269 12.0398 17.5 12.5 17.5H16.6667C17.1269 17.5 17.5 17.1269 17.5 16.6667V12.5C17.5 12.0398 17.1269 11.6667 16.6667 11.6667Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.5 11.6667H3.33333C2.8731 11.6667 2.5 12.0398 2.5 12.5V16.6667C2.5 17.1269 2.8731 17.5 3.33333 17.5H7.5C7.96024 17.5 8.33333 17.1269 8.33333 16.6667V12.5C8.33333 12.0398 7.96024 11.6667 7.5 11.6667Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+</svg>