@ai-ecoverse/slicc-spectrum 1.0.0 → 1.1.0

package/dist/types/app/agents.d.ts

@@ -0,0 +1,11 @@
+import { type TemplateResult } from 'lit';
+import type { Agent, SliccModel } from '../model/types.js';
+import { ModelElement } from './base.js';
+export declare function ordered(agents: readonly Agent[]): Agent[];
+export declare class SliccAgents extends ModelElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    protected subscribe(model: SliccModel): Array<() => void>;
+    focus(): void;
+    render(): TemplateResult;
+}

package/dist/types/app/app.d.ts

@@ -0,0 +1,40 @@
+import { type TemplateResult } from 'lit';
+import type { SliccDock } from '../components/dock.js';
+import type { ColorScheme, SliccModel } from '../model/types.js';
+import { ModelElement } from './base.js';
+import { type ScreenClass } from './panels.js';
+export type Color = 'light' | 'dark';
+export declare function resolveColor(scheme: ColorScheme, prefersDark: boolean): Color;
+export declare class SliccApp extends ModelElement {
+    #private;
+    static properties: {
+        model: {
+            attribute: boolean;
+        };
+        prefersDark: {
+            state: boolean;
+        };
+        screen: {
+            reflect: boolean;
+        };
+    };
+    prefersDark: boolean;
+    screen: ScreenClass;
+    storage: Storage | null;
+    layoutKey: string;
+    constructor();
+    static styles: import("lit").CSSResult[];
+    get color(): Color;
+    get dock(): SliccDock;
+    protected subscribe(model: SliccModel): Array<() => void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    get fontBase(): string | null;
+    set fontBase(value: string | null);
+    protected updated(): void;
+    get storageKey(): string;
+    resetLayout(): void;
+    show(id: string): void;
+    toggleColor(): void;
+    render(): TemplateResult;
+}

package/dist/types/app/base.d.ts

@@ -0,0 +1,27 @@
+import { LitElement, type PropertyValues, type TemplateResult } from 'lit';
+import type { AgentStatus, SliccModel } from '../model/types.js';
+export declare class ModelElement extends LitElement {
+    #private;
+    static properties: {
+        model: {
+            attribute: boolean;
+        };
+    };
+    static shadowRootOptions: ShadowRootInit;
+    model: SliccModel | null;
+    constructor();
+    protected subscribe(model: SliccModel): Array<() => void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changed: PropertyValues): void;
+}
+export declare const statusVariant: {
+    readonly idle: 'neutral';
+    readonly thinking: 'info';
+    readonly working: 'info';
+    readonly waiting: 'notice';
+    readonly error: 'negative';
+};
+export declare function percent(fill: number): string;
+export declare function dot(status: AgentStatus): TemplateResult;
+export declare const shared: import("lit").CSSResult;

package/dist/types/app/chat.d.ts

@@ -0,0 +1,23 @@
+import { type TemplateResult } from 'lit';
+import type { SliccModel } from '../model/types.js';
+import { ModelElement } from './base.js';
+export declare class SliccChat extends ModelElement {
+    #private;
+    static properties: {
+        model: {
+            attribute: boolean;
+        };
+        draft: {
+            state: boolean;
+        };
+    };
+    draft: string;
+    constructor();
+    static styles: import("lit").CSSResult[];
+    protected subscribe(model: SliccModel): Array<() => void>;
+    protected firstUpdated(): void;
+    focus(): void;
+    send(): void;
+    stop(): void;
+    render(): TemplateResult;
+}

package/dist/types/app/fonts.d.ts

@@ -0,0 +1,3 @@
+export declare const defaultFontBase = "/fonts/";
+export declare function fontFaces(base: string | null, codeBase: string): string;
+export declare function installFonts(document: Document, base: string | null, codeBase: string): HTMLStyleElement;

package/dist/types/app/markdown.d.ts

@@ -0,0 +1,24 @@
+import { type TemplateResult } from 'lit';
+type Block = {
+    type: 'code';
+    lang: string;
+    text: string;
+} | {
+    type: 'heading';
+    level: number;
+    text: string;
+} | {
+    type: 'list';
+    ordered: boolean;
+    items: string[];
+} | {
+    type: 'table';
+    rows: string[][];
+} | {
+    type: 'paragraph';
+    text: string;
+};
+export declare function inline(text: string): TemplateResult[];
+export declare function parse(text: string): Block[];
+export declare function markdown(text: string): TemplateResult;
+export {};

package/dist/types/app/panels.d.ts

@@ -0,0 +1,31 @@
+import type { SliccDock } from '../components/dock.js';
+import type { SliccModel } from '../model/types.js';
+export type Direction = 'left' | 'right' | 'above' | 'below' | 'within';
+export type Side = 'left' | 'center' | 'right';
+export type ScreenClass = 'phone' | 'tablet' | 'desktop';
+export declare const screenClasses: readonly ScreenClass[];
+export interface Placement {
+    position?: {
+        referencePanel: string;
+        direction: Direction;
+    };
+    initialWidth?: number;
+    initialHeight?: number;
+}
+export interface Surface {
+    id: string;
+    title: string;
+    tag: string;
+    icon: string;
+    side: Side;
+    open: readonly ScreenClass[];
+    width?: number;
+}
+export declare const surfaces: Surface[];
+export declare function screenClass(width: number): ScreenClass;
+export declare function surface(id: string): Surface | undefined;
+export declare function create(tag: string, model: SliccModel): HTMLElement;
+export declare function placement(dock: SliccDock, side: Side, screen: ScreenClass): Placement;
+export declare function openSurface(dock: SliccDock, item: Surface, screen: ScreenClass): void;
+export declare function defaultLayout(dock: SliccDock, screen: ScreenClass): void;
+export declare function closed(dock: SliccDock): Surface[];

package/dist/types/app/spectrum.d.ts

@@ -0,0 +1,19 @@
+import '@spectrum-web-components/theme/sp-theme.js';
+import '@spectrum-web-components/theme/spectrum-two/theme-light.js';
+import '@spectrum-web-components/theme/spectrum-two/theme-dark.js';
+import '@spectrum-web-components/theme/spectrum-two/scale-medium.js';
+import '@spectrum-web-components/action-button/sp-action-button.js';
+import '@spectrum-web-components/action-menu/sp-action-menu.js';
+import '@spectrum-web-components/badge/sp-badge.js';
+import '@spectrum-web-components/button/sp-button.js';
+import '@spectrum-web-components/menu/sp-menu.js';
+import '@spectrum-web-components/menu/sp-menu-divider.js';
+import '@spectrum-web-components/menu/sp-menu-item.js';
+import '@spectrum-web-components/picker/sp-picker.js';
+import '@spectrum-web-components/progress-circle/sp-progress-circle.js';
+import '@spectrum-web-components/textfield/sp-textfield.js';
+import '@spectrum-web-components/icons-workflow/icons/sp-icon-chat.js';
+import '@spectrum-web-components/icons-workflow/icons/sp-icon-contrast.js';
+import '@spectrum-web-components/icons-workflow/icons/sp-icon-send.js';
+import '@spectrum-web-components/icons-workflow/icons/sp-icon-user-group.js';
+import '@spectrum-web-components/icons-workflow/icons/sp-icon-view-grid.js';

package/dist/types/components/dock.d.ts

@@ -0,0 +1,24 @@
+import { type AddPanelOptions, type DockviewApi, type DockviewTheme, type IDockviewPanel, type SerializedDockview } from 'dockview-core';
+export type PanelParams = Record<string, unknown>;
+export type PanelFactory = (params: PanelParams) => HTMLElement;
+export type { AddPanelOptions, DockviewApi, IDockviewPanel, SerializedDockview };
+export declare const theme: DockviewTheme;
+export declare class SliccDock extends HTMLElement {
+    #private;
+    factories: Record<string, PanelFactory>;
+    get api(): DockviewApi;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    has(id: string): boolean;
+    content(id: string): HTMLElement | undefined;
+    open(options: AddPanelOptions): IDockviewPanel;
+    close(id: string): void;
+    focusPanel(id: string): void;
+    cycleGroup(delta: number): string | null;
+    cycleTab(delta: number): string | null;
+    toJSON(): SerializedDockview;
+    restore(layout: SerializedDockview | null | undefined): boolean;
+    clear(): void;
+    dispose(): void;
+}
+export declare function defineDock(name?: string): void;

package/dist/types/components/sheets.d.ts

@@ -0,0 +1 @@
+export declare function adoptStyles(root: ShadowRoot, ...texts: string[]): void;

package/dist/types/dummy/agent.d.ts

@@ -0,0 +1,14 @@
+import { Emitter } from '../model/emitter.js';
+import type { Agent, AgentEvents, AgentPort, Message } from '../model/types.js';
+import type { Clock } from './clock.js';
+import { type Effects } from './script.js';
+export declare class DummyAgent extends Emitter<AgentEvents> implements AgentPort {
+    #private;
+    constructor(agents: readonly Agent[], conversations: Record<string, readonly Message[]>, effects: Omit<Effects, 'agentId'>, clock: Clock);
+    list(): readonly Agent[];
+    active(): string;
+    select(id: string): void;
+    messages(agentId: string): readonly Message[];
+    send(agentId: string, text: string): Promise<void>;
+    stop(agentId: string): void;
+}

package/dist/types/dummy/browser.d.ts

@@ -0,0 +1,15 @@
+import { Emitter } from '../model/emitter.js';
+import type { BrowserEvents, BrowserPort, BrowserTab } from '../model/types.js';
+import type { Clock } from './clock.js';
+export declare function page(tab: BrowserTab): string;
+export declare class DummyBrowser extends Emitter<BrowserEvents> implements BrowserPort {
+    #private;
+    constructor(tabs: readonly BrowserTab[], clock: Clock);
+    list(): readonly BrowserTab[];
+    active(): string | null;
+    activate(id: string): void;
+    open(url: string, agentId?: string | null): BrowserTab;
+    navigate(id: string, url: string): void;
+    close(id: string): void;
+    screenshot(id: string): Promise<string>;
+}

package/dist/types/dummy/clock.d.ts

@@ -0,0 +1,5 @@
+export interface Clock {
+    delay: number;
+    sleep(ticks?: number): Promise<void>;
+}
+export declare function clock(delay: number): Clock;

package/dist/types/dummy/files.d.ts

@@ -0,0 +1,14 @@
+import { Emitter } from '../model/emitter.js';
+import type { Change, FileEntry, FileEvents, FilePort } from '../model/types.js';
+import type { Clock } from './clock.js';
+export declare class DummyFiles extends Emitter<FileEvents> implements FilePort {
+    #private;
+    constructor(contents: Record<string, string>, directories: readonly string[], changes: readonly Change[], clock: Clock);
+    list(): Promise<readonly FileEntry[]>;
+    read(path: string): Promise<string>;
+    write(path: string, text: string, agentId?: string | null): Promise<void>;
+    remove(path: string, agentId?: string | null): Promise<void>;
+    changes(): readonly Change[];
+    accept(path: string): void;
+    revert(path: string): Promise<void>;
+}

package/dist/types/dummy/fixtures.d.ts

@@ -0,0 +1,11 @@
+import type { Account, Agent, BrowserTab, Change, Message, ModelOption, Settings, TerminalInfo } from '../model/types.js';
+export declare const files: Record<string, string>;
+export declare const directories: string[];
+export declare const pending: Change[];
+export declare const models: ModelOption[];
+export declare const defaults: Settings;
+export declare const accounts: Account[];
+export declare const agents: Agent[];
+export declare const conversations: Record<string, Message[]>;
+export declare const tabs: BrowserTab[];
+export declare const terminals: TerminalInfo[];

package/dist/types/dummy/index.d.ts

@@ -0,0 +1,6 @@
+import type { SliccModel } from '../model/types.js';
+export interface DummyOptions {
+    delay?: number;
+    storage?: Storage | null;
+}
+export declare function createDummyModel({ delay, storage }?: DummyOptions): SliccModel;

package/dist/types/dummy/script.d.ts

@@ -0,0 +1,23 @@
+import type { BrowserPort, FilePort } from '../model/types.js';
+export interface Effects {
+    files: FilePort;
+    browser: BrowserPort;
+    agentId: string;
+}
+export type Step = {
+    type: 'thinking';
+    text: string;
+} | {
+    type: 'text';
+    text: string;
+} | {
+    type: 'tool';
+    name: string;
+    title: string;
+    input: string;
+    output: string;
+    paths: string[];
+    ticks: number;
+    effect?: (effects: Effects) => Promise<unknown> | unknown;
+};
+export declare function script(prompt: string): Step[];

package/dist/types/dummy/settings.d.ts

@@ -0,0 +1,13 @@
+import { Emitter } from '../model/emitter.js';
+import type { Account, ModelOption, Settings, SettingsEvents, SettingsPort } from '../model/types.js';
+import type { Clock } from './clock.js';
+export declare class DummySettings extends Emitter<SettingsEvents> implements SettingsPort {
+    #private;
+    constructor(defaults: Settings, models: readonly ModelOption[], accounts: readonly Account[], storage: Storage | null, clock: Clock);
+    get(): Settings;
+    update(patch: Partial<Settings>): void;
+    models(): readonly ModelOption[];
+    accounts(): readonly Account[];
+    connect(id: string): Promise<void>;
+    disconnect(id: string): void;
+}

package/dist/types/dummy/shell.d.ts

@@ -0,0 +1,16 @@
+import type { TerminalBackend, TerminalSession, TerminalSignal, TerminalSink } from '../backend.js';
+import type { FilePort } from '../model/types.js';
+import type { Clock } from './clock.js';
+export declare function resolve(cwd: string, target: string): string;
+export declare class FakeShell implements TerminalSession {
+    #private;
+    cwd: string;
+    closed: boolean;
+    constructor(sink: TerminalSink, files: FilePort, cwd: string, clock: Clock);
+    history(): readonly string[];
+    write(data: Uint8Array): void;
+    resize(): void;
+    signal(name: TerminalSignal): void;
+    close(): void;
+}
+export declare function shellBackend(files: FilePort, cwd: string, clock: Clock): TerminalBackend;

package/dist/types/dummy/terminals.d.ts

@@ -0,0 +1,15 @@
+import type { TerminalBackend } from '../backend.js';
+import { Emitter } from '../model/emitter.js';
+import type { FilePort, TerminalEvents, TerminalInfo, TerminalPort } from '../model/types.js';
+import type { Clock } from './clock.js';
+export declare class DummyTerminals extends Emitter<TerminalEvents> implements TerminalPort {
+    #private;
+    constructor(terminals: readonly TerminalInfo[], files: FilePort, clock: Clock);
+    list(): readonly TerminalInfo[];
+    open({ cwd, agentId, }?: {
+        cwd?: string;
+        agentId?: string | null;
+    }): TerminalInfo;
+    close(id: string): void;
+    backend(id: string): TerminalBackend;
+}

package/dist/types/dummy.d.ts

@@ -0,0 +1,2 @@
+export type { DummyOptions } from './dummy/index.js';
+export { createDummyModel } from './dummy/index.js';

package/dist/types/model/emitter.d.ts

@@ -0,0 +1,9 @@
+export type Listener<T> = (detail: T) => void;
+export interface Subscribable<Events extends object> {
+    on<K extends keyof Events>(type: K, listener: Listener<Events[K]>): () => void;
+}
+export declare class Emitter<Events extends object> implements Subscribable<Events> {
+    #private;
+    on<K extends keyof Events>(type: K, listener: Listener<Events[K]>): () => void;
+    emit<K extends keyof Events>(type: K, detail: Events[K]): void;
+}

package/dist/types/model/types.d.ts

@@ -0,0 +1,183 @@
+import type { TerminalBackend } from '../backend.js';
+import type { Subscribable } from './emitter.js';
+export type AgentKind = 'cone' | 'scoop';
+export type AgentStatus = 'idle' | 'thinking' | 'working' | 'waiting' | 'error';
+export interface Agent {
+    id: string;
+    name: string;
+    kind: AgentKind;
+    parentId: string | null;
+    status: AgentStatus;
+    model: string;
+    contextFill: number;
+    unread: number;
+}
+export type ToolStatus = 'running' | 'done' | 'error';
+export interface ToolCall {
+    id: string;
+    name: string;
+    title: string;
+    input: string;
+    output: string;
+    status: ToolStatus;
+    paths: string[];
+}
+export type MessagePart = {
+    type: 'text';
+    text: string;
+} | {
+    type: 'thinking';
+    text: string;
+} | {
+    type: 'tool';
+    tool: ToolCall;
+};
+export interface UserMessage {
+    id: string;
+    role: 'user';
+    text: string;
+    createdAt: number;
+}
+export type AssistantStatus = 'streaming' | 'done' | 'stopped';
+export interface AssistantMessage {
+    id: string;
+    role: 'assistant';
+    parts: MessagePart[];
+    status: AssistantStatus;
+    createdAt: number;
+}
+export type EventKind = 'webhook' | 'cron' | 'scoop' | 'compaction' | 'error';
+export interface EventMessage {
+    id: string;
+    role: 'event';
+    kind: EventKind;
+    title: string;
+    text: string;
+    createdAt: number;
+}
+export type Message = UserMessage | AssistantMessage | EventMessage;
+export interface AgentEvents {
+    agents: readonly Agent[];
+    active: string;
+    message: {
+        agentId: string;
+        message: Message;
+    };
+}
+export interface AgentPort extends Subscribable<AgentEvents> {
+    list(): readonly Agent[];
+    active(): string;
+    select(id: string): void;
+    messages(agentId: string): readonly Message[];
+    send(agentId: string, text: string): Promise<void>;
+    stop(agentId: string): void;
+}
+export type FileKind = 'file' | 'directory';
+export interface FileEntry {
+    path: string;
+    kind: FileKind;
+    size: number;
+    modified: number;
+}
+export type ChangeStatus = 'added' | 'modified' | 'deleted';
+export interface Change {
+    path: string;
+    status: ChangeStatus;
+    before: string | null;
+    after: string | null;
+    agentId: string | null;
+}
+export interface FileEvents {
+    files: readonly FileEntry[];
+    file: string;
+    changes: readonly Change[];
+}
+export interface FilePort extends Subscribable<FileEvents> {
+    list(): Promise<readonly FileEntry[]>;
+    read(path: string): Promise<string>;
+    write(path: string, text: string, agentId?: string | null): Promise<void>;
+    remove(path: string, agentId?: string | null): Promise<void>;
+    changes(): readonly Change[];
+    accept(path: string): void;
+    revert(path: string): Promise<void>;
+}
+export interface TerminalInfo {
+    id: string;
+    title: string;
+    cwd: string;
+    agentId: string | null;
+}
+export interface TerminalEvents {
+    terminals: readonly TerminalInfo[];
+}
+export interface TerminalPort extends Subscribable<TerminalEvents> {
+    list(): readonly TerminalInfo[];
+    open(options?: {
+        cwd?: string;
+        agentId?: string | null;
+    }): TerminalInfo;
+    close(id: string): void;
+    backend(id: string): TerminalBackend;
+}
+export type TabStatus = 'loading' | 'complete';
+export interface BrowserTab {
+    id: string;
+    title: string;
+    url: string;
+    status: TabStatus;
+    agentId: string | null;
+}
+export interface BrowserEvents {
+    tabs: readonly BrowserTab[];
+    active: string | null;
+}
+export interface BrowserPort extends Subscribable<BrowserEvents> {
+    list(): readonly BrowserTab[];
+    active(): string | null;
+    activate(id: string): void;
+    open(url: string, agentId?: string | null): BrowserTab;
+    navigate(id: string, url: string): void;
+    close(id: string): void;
+    screenshot(id: string): Promise<string>;
+}
+export type ColorScheme = 'light' | 'dark' | 'system';
+export type Thinking = 'off' | 'low' | 'medium' | 'high';
+export interface Settings {
+    color: ColorScheme;
+    model: string;
+    thinking: Thinking;
+    sendOnEnter: boolean;
+    showThinking: boolean;
+    diffStyle: 'unified' | 'split';
+}
+export type AccountStatus = 'connected' | 'expired' | 'disconnected';
+export interface Account {
+    id: string;
+    provider: string;
+    identity: string;
+    status: AccountStatus;
+}
+export interface ModelOption {
+    id: string;
+    label: string;
+    provider: string;
+}
+export interface SettingsEvents {
+    settings: Settings;
+    accounts: readonly Account[];
+}
+export interface SettingsPort extends Subscribable<SettingsEvents> {
+    get(): Settings;
+    update(patch: Partial<Settings>): void;
+    models(): readonly ModelOption[];
+    accounts(): readonly Account[];
+    connect(id: string): Promise<void>;
+    disconnect(id: string): void;
+}
+export interface SliccModel {
+    agent: AgentPort;
+    files: FilePort;
+    terminals: TerminalPort;
+    browser: BrowserPort;
+    settings: SettingsPort;
+}

package/dist/types/ui.d.ts

@@ -0,0 +1,15 @@
+import './app/spectrum.ts';
+import { SliccAgents } from './app/agents.js';
+import { SliccApp } from './app/app.js';
+import { SliccChat } from './app/chat.js';
+import { SliccDock } from './components/dock.js';
+export type { Color } from './app/app.js';
+export { resolveColor } from './app/app.js';
+export type { Placement, Surface } from './app/panels.js';
+export { surfaces } from './app/panels.js';
+export type { PanelFactory, PanelParams } from './components/dock.js';
+export type { Listener, Subscribable } from './model/emitter.js';
+export { Emitter } from './model/emitter.js';
+export type * from './model/types.js';
+export { SliccAgents, SliccApp, SliccChat, SliccDock };
+export declare function define(): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ai-ecoverse/slicc-spectrum",
-  "version": "1.0.0",
-  "description": "A terminal web component for SLICC, built on wterm, that talks to slicc-kernel",
+  "version": "1.1.0",
+  "description": "Web components for SLICC on Spectrum Web Components: the terminal, the app shell and its surfaces",
   "type": "module",
   "license": "Apache-2.0",
   "repository": {
@@ -25,6 +25,14 @@
     ".": {
       "types": "./dist/types/index.d.ts",
       "default": "./dist/slicc-terminal.js"
+    },
+    "./ui": {
+      "types": "./dist/types/ui.d.ts",
+      "default": "./dist/slicc-ui.js"
+    },
+    "./dummy": {
+      "types": "./dist/types/dummy.d.ts",
+      "default": "./dist/slicc-dummy.js"
     }
   },
   "files": [
@@ -37,29 +45,39 @@
     "trust": "npx fledgling sync -y --skip-publish",
     "trust:dry": "npx fledgling sync --dry-run -y --skip-publish",
     "release": "semantic-release",
-    "start": "npm run build && node test/integration/server.mjs",
+    "start": "npm run build && node test/integration/chrome.mjs",
     "pretest": "npm run build && playwright-core install --no-shell chromium",
-    "test": "node --test --test-global-setup=test/integration/global.mjs 'test/integration/*.test.mjs'",
-    "test:unit": "NODE_NO_WARNINGS=1 mcr -c mcr.config.mjs node --test 'test/unit/**/*.test.mjs'",
-    "coverage:staged": "npm run --silent test:unit && uvx diff-cover@10.6.0 coverage/unit/lcov.info --compare-branch HEAD --ignore-unstaged --fail-under 100",
+    "test": "node --test --test-global-setup=node_modules/@ai-ecoverse/slicc-shared-web/harness/global.mjs 'test/integration/*.test.mjs'",
+    "test:unit": "NODE_NO_WARNINGS=1 mcr -c node_modules/@ai-ecoverse/slicc-shared-web/mcr.config.mjs node --test 'test/unit/**/*.test.mjs'",
     "typecheck": "tsc",
-    "lint": "biome check . && npm run typecheck && npm run lint:comments && npm run lint:no-unit-tests",
-    "lint:comments": "d=node_modules/.cache/no-comment-9cc7617; [ -f $d/check.mjs ] || { mkdir -p $d && for f in lib comments marker check; do curl -fsSL -o $d/$f.mjs https://raw.githubusercontent.com/ai-ecoverse/slicc/9cc7617c94c24b84c4d6fd8edf92441378257d07/packages/dev-tools/no-comment/$f.mjs || exit 1; done; } && node $d/check.mjs --force",
-    "lint:no-unit-tests": "! git ls-files --cached --others --exclude-standard | grep -E '(^|/)(tests?|__tests__)/|\\.(test|spec)\\.' | grep -vE '^test/integration/'",
+    "lint": "slicc-lint",
     "format": "biome check --write ."
   },
   "devDependencies": {
-    "@ai-ecoverse/slicc-kernel": "1.1.0",
+    "@ai-ecoverse/slicc-kernel": "1.7.2",
+    "@ai-ecoverse/slicc-shared-web": "1.4.1",
     "@ai-ecoverse/wasm-bash": "5.3.0-7",
     "@ai-ecoverse/wasm-coreutils": "9.7.0-3",
     "@biomejs/biome": "2.5.15",
+    "@fontsource/source-code-pro": "5.3.0",
     "@happy-dom/global-registrator": "20.14.5",
+    "@spectrum-web-components/action-button": "1.12.4",
+    "@spectrum-web-components/action-menu": "1.12.4",
+    "@spectrum-web-components/badge": "1.12.4",
+    "@spectrum-web-components/button": "1.12.4",
+    "@spectrum-web-components/icons-workflow": "1.12.4",
+    "@spectrum-web-components/menu": "1.12.4",
+    "@spectrum-web-components/picker": "1.12.4",
+    "@spectrum-web-components/progress-circle": "1.12.4",
+    "@spectrum-web-components/textfield": "1.12.4",
+    "@spectrum-web-components/theme": "1.12.4",
     "@types/node": "26.6.4",
     "@wterm/core": "0.5.4",
     "@wterm/dom": "0.5.4",
+    "dockview-core": "8.4.0",
     "esbuild": "0.28.2",
     "happy-dom": "20.14.5",
-    "lefthook": "2.1.16",
+    "lefthook": "2.1.17",
     "monocart-coverage-reports": "2.13.0",
     "playwright-core": "1.63.0",
     "semantic-release": "25.0.9",