@ai-ecoverse/slicc-spectrum 1.44.0 → 1.46.0

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

@@ -1,14 +1,37 @@
+import '@adobe/spectrum-wc/components/action-button/swc-action-button.js';
 import '@adobe/spectrum-wc/components/badge/swc-badge.js';
 import '@adobe/spectrum-wc/components/button/swc-button.js';
 import '@adobe/spectrum-wc/components/close-button/swc-close-button.js';
+import '@adobe/spectrum-wc/components/illustrated-message/swc-illustrated-message.js';
 import '@adobe/spectrum-wc/components/progress-circle/swc-progress-circle.js';
 import '@adobe/spectrum-wc/components/status-light/swc-status-light.js';
+import '@adobe/spectrum-wc-icons/swc-icon-alert-triangle.js';
+import '@adobe/spectrum-wc-icons/swc-icon-camera.js';
+import '@adobe/spectrum-wc-icons/swc-icon-chevron-down.js';
+import '@adobe/spectrum-wc-icons/swc-icon-chevron-left.js';
+import '@adobe/spectrum-wc-icons/swc-icon-close.js';
+import '@adobe/spectrum-wc-icons/swc-icon-code.js';
+import '@adobe/spectrum-wc-icons/swc-icon-copy.js';
+import '@adobe/spectrum-wc-icons/swc-icon-cursor-click.js';
+import '@adobe/spectrum-wc-icons/swc-icon-globe-grid.js';
+import '@adobe/spectrum-wc-icons/swc-icon-keyboard.js';
+import '@adobe/spectrum-wc-icons/swc-icon-link.js';
+import '@adobe/spectrum-wc-icons/swc-icon-open-in.js';
+import '@adobe/spectrum-wc-icons/swc-icon-refresh.js';
+import '@adobe/spectrum-wc-icons/swc-icon-text.js';
+import '@adobe/spectrum-wc-icons/swc-icon-undo.js';
+import '@adobe/spectrum-wc-icons/swc-icon-visibility.js';
+import '@adobe/spectrum-wc-icons/swc-icon-web-page.js';
 import { type TemplateResult } from 'lit';
-import type { SliccModel } from '../model/types.js';
+import type { BrowserAction, SliccModel } from '../model/types.js';
 import { ModelElement } from './base.js';
 export declare function normalize(input: string): string;
 export declare function host(url: string): string;
+export declare function place(url: string): string;
+export declare function since(at: number, now?: number): string;
+export declare function describe(action: BrowserAction): string;
 export declare const refresh = 10000;
+export declare const fresh = 3000;
 export declare class SliccBrowser extends ModelElement {
     #private;
     static properties: {
@@ -21,8 +44,9 @@ export declare class SliccBrowser extends ModelElement {
     };
     address: string;
     constructor();
-    static styles: import("lit").CSSResult;
+    static styles: import("lit").CSSResult[];
     protected subscribe(model: SliccModel): Array<() => void>;
     focus(): void;
+    protected updated(): void;
     render(): TemplateResult;
 }

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

@@ -10,7 +10,7 @@ import '@adobe/spectrum-wc-icons/swc-icon-copy.js';
 import { type TemplateResult } from 'lit';
 import type { BrowserAutomation, NetworkRoute, NetworkStatus, SliccModel, TailnetState, TailnetStatus } from '../model/types.js';
 import { ModelElement } from './base.js';
-export declare const command = "npx @ai-ecoverse/slicc-node";
+export { command } from './reach.js';
 export declare const networkHealth: Record<NetworkStatus['health'], readonly ['positive' | 'notice' | 'negative', string]>;
 export declare const automation: Record<NonNullable<BrowserAutomation['via']> | 'none', string>;
 export declare function automationOf(browser: BrowserAutomation): keyof typeof automation;

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

@@ -0,0 +1,15 @@
+import '@adobe/spectrum-wc/components/action-button/swc-action-button.js';
+import '@adobe/spectrum-wc-icons/swc-icon-alert-triangle.js';
+import '@adobe/spectrum-wc-icons/swc-icon-copy.js';
+import { type TemplateResult } from 'lit';
+export declare const command = "npx @ai-ecoverse/slicc-node";
+export declare const reachStyles: import("lit").CSSResult;
+export interface Reach {
+    intro: string;
+    extensionUrl?: string;
+    copied: boolean;
+    uncopied: boolean;
+    copy: () => void;
+}
+export declare function reach({ intro, extensionUrl, copied, uncopied, copy }: Reach): TemplateResult;
+export declare function copyText(text: string): Promise<boolean>;

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

@@ -0,0 +1,17 @@
+import type { TabSkew, TabsState } from '../model/types.js';
+export interface TabsLight {
+    variant: 'neutral' | 'info' | 'notice';
+    text: string;
+    tooltip: string;
+}
+export interface TabsBanner {
+    kind: 'skew' | 'stalled';
+    skew: TabSkew | null;
+    text: string;
+    reload: boolean;
+}
+export declare const following = "SLICC runs in another tab. This tab shows it and sends your actions there.";
+export declare const connecting = "Connecting to the tab running SLICC\u2026";
+export declare const alone = "SLICC is open in another tab.";
+export declare function tabsBanner(state: TabsState | undefined): TabsBanner | null;
+export declare function tabsLight(state: TabsState | undefined): TabsLight | null;

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

@@ -1,12 +1,25 @@
 import { Emitter } from '../model/emitter.js';
-import type { BrowserEvents, BrowserPort, BrowserTab } from '../model/types.js';
+import type { BrowserAction, BrowserEvents, BrowserPort, BrowserTab } from '../model/types.js';
 import type { Clock } from './clock.js';
-export declare function page(tab: BrowserTab): string;
+export type BrowserScenario = 'idle' | 'driving' | 'off';
+export type ActionDraft = Omit<BrowserAction, 'id' | 'at' | 'status'> & Partial<Pick<BrowserAction, 'status' | 'at'>>;
+export declare function page(tab: BrowserTab, mark?: number): string;
+export declare function browserHistory(scenario: BrowserScenario, now?: number): ActionDraft[];
+export declare const drive: readonly ActionDraft[];
 export declare class DummyBrowser extends Emitter<BrowserEvents> implements BrowserPort {
     #private;
-    constructor(tabs: readonly BrowserTab[], clock: Clock);
+    constructor(tabs: readonly BrowserTab[], clock: Clock, { history, controlled, }?: {
+        history?: readonly ActionDraft[];
+        controlled?: readonly string[];
+    });
     list(): readonly BrowserTab[];
     active(): string | null;
+    actions(tabId?: string): readonly BrowserAction[];
+    record(draft: ActionDraft): string;
+    finish(id: string, error?: string): void;
+    run(script: readonly ActionDraft[]): Promise<void>;
+    release(agentId: string): void;
+    watch(tabId: string): () => void;
     activate(id: string): void;
     open(url: string, agentId?: string | null): BrowserTab;
     navigate(id: string, url: string): void;

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

@@ -1,8 +1,10 @@
 import type { SliccModel } from '../model/types.js';
+import { type BrowserScenario, DummyBrowser } from './browser.js';
 import { type ChangesScenario } from './changes.js';
 import { type MountScenario } from './files.js';
 import { DummyNetwork, type NetworkScenario, type TailnetScenario } from './network.js';
 import { DummyNotices, type NoticeScenario } from './notices.js';
+import { DummyTabs, type TabsScenario } from './tabs.js';
 import { DummyUpdates, type PackageConfirm, type PackageScenario, type UpdateScenario } from './updates.js';
 export interface DummyOptions {
     delay?: number;
@@ -15,10 +17,14 @@ export interface DummyOptions {
     tailnet?: TailnetScenario;
     changes?: ChangesScenario;
     notices?: NoticeScenario | 'off';
+    tabs?: TabsScenario | 'off';
+    browser?: BrowserScenario;
 }
 export interface DummyModel extends SliccModel {
+    browser: DummyBrowser;
     updates: DummyUpdates;
     network?: DummyNetwork;
     notices?: DummyNotices;
+    tabs?: DummyTabs;
 }
-export declare function createDummyModel({ delay, storage, updates, packages, confirm, mounts, network, tailnet, changes, notices, }?: DummyOptions): DummyModel;
+export declare function createDummyModel({ delay, storage, updates, packages, confirm, mounts, network, tailnet, changes, notices, tabs, browser: scenario, }?: DummyOptions): DummyModel;

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

@@ -0,0 +1,15 @@
+import { Emitter } from '../model/emitter.js';
+import type { TabsPort, TabsState } from '../model/types.js';
+import type { Clock } from './clock.js';
+export type TabsScenario = 'owner' | 'follower' | 'connecting' | 'stalled' | 'newer' | 'older' | 'alone';
+export declare function tabsFixtures(scenario: TabsScenario): TabsState;
+export declare class DummyTabs extends Emitter<{
+    tabs: TabsState;
+}> implements TabsPort {
+    #private;
+    reloads: number;
+    constructor(scenario: TabsScenario, time: Clock);
+    state(): TabsState;
+    setScenario(scenario: TabsScenario): void;
+    reload(): void;
+}

package/dist/types/dummy.d.ts

@@ -1,3 +1,5 @@
+export type { ActionDraft, BrowserScenario } from './dummy/browser.js';
+export { browserHistory, DummyBrowser, page } from './dummy/browser.js';
 export type { ChangesScenario } from './dummy/changes.js';
 export { DummyChanges } from './dummy/changes.js';
 export type { DummyMount, MountScenario } from './dummy/files.js';
@@ -7,5 +9,7 @@ export type { NetworkScenario, TailnetScenario } from './dummy/network.js';
 export { DummyNetwork, networkFixtures, tailnetFixtures } from './dummy/network.js';
 export type { NoticeScenario } from './dummy/notices.js';
 export { DummyNotices, noticeFixtures } from './dummy/notices.js';
+export type { TabsScenario } from './dummy/tabs.js';
+export { DummyTabs, tabsFixtures } from './dummy/tabs.js';
 export type { DummyUpdatesOptions, PackageConfirm, PackageScenario, UpdateScenario, } from './dummy/updates.js';
 export { DummyUpdates, packageFixtures, updateFixtures } from './dummy/updates.js';

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

@@ -337,10 +337,32 @@ export interface BrowserTab {
     url: string;
     status: TabStatus;
     agentId: string | null;
+    controlled?: boolean;
+    favicon?: string;
+}
+export type BrowserActionKind = 'open' | 'goto' | 'back' | 'reload' | 'close' | 'select' | 'snapshot' | 'screenshot' | 'eval' | 'click' | 'fill' | 'type' | 'press' | 'scroll' | 'request';
+export interface BrowserAction {
+    id: string;
+    tabId: string | null;
+    agentId: string | null;
+    kind: BrowserActionKind;
+    target?: string;
+    value?: string;
+    length?: number;
+    status: 'running' | 'done' | 'failed';
+    error?: string;
+    at: number;
+}
+export interface BrowserFrame {
+    tabId: string;
+    src: string;
+    at: number;
 }
 export interface BrowserEvents {
     tabs: readonly BrowserTab[];
     active: string | null;
+    action?: BrowserAction;
+    frame?: BrowserFrame;
 }
 export interface BrowserPort extends Subscribable<BrowserEvents> {
     list(): readonly BrowserTab[];
@@ -350,6 +372,11 @@ export interface BrowserPort extends Subscribable<BrowserEvents> {
     navigate(id: string, url: string): void;
     close(id: string): void;
     screenshot(id: string): Promise<string>;
+    actions?(tabId?: string): readonly BrowserAction[];
+    watch?(tabId: string, size?: {
+        width: number;
+        height: number;
+    }): () => void;
 }
 export type ColorScheme = 'light' | 'dark' | 'system';
 export type Thinking = 'off' | 'low' | 'medium' | 'high';
@@ -632,6 +659,19 @@ export interface NoticesPort extends Subscribable<{
     act(id: string, action: string): Promise<void>;
     dismiss(id: string): void;
 }
+export type TabRole = 'owner' | 'follower' | 'connecting' | 'alone';
+export type TabSkew = 'newer' | 'older';
+export interface TabsState {
+    role: TabRole;
+    stalled: boolean;
+    skew: TabSkew | null;
+}
+export interface TabsPort extends Subscribable<{
+    tabs: TabsState;
+}> {
+    state(): TabsState;
+    reload(): void;
+}
 export interface SliccModel {
     agent: AgentPort;
     files: FilePort;
@@ -646,4 +686,5 @@ export interface SliccModel {
     network?: NetworkPort;
     changes?: ChangesPort;
     notices?: NoticesPort;
+    tabs?: TabsPort;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-ecoverse/slicc-spectrum",
-  "version": "1.44.0",
+  "version": "1.46.0",
   "description": "Web components for SLICC on Spectrum Web Components: the terminal, the app shell and its surfaces",
   "type": "module",
   "license": "Apache-2.0",
@@ -72,9 +72,9 @@
   "devDependencies": {
     "@adobe/spectrum-wc": "2.0.0-beta.4",
     "@adobe/spectrum-wc-icons": "2.0.0-beta.4",
-    "@ai-ecoverse/slicc-kernel": "1.39.0",
-    "@ai-ecoverse/slicc-shared-web": "1.11.0",
-    "@ai-ecoverse/wasm-bash": "5.3.0-9",
+    "@ai-ecoverse/slicc-kernel": "1.41.0",
+    "@ai-ecoverse/slicc-shared-web": "1.12.0",
+    "@ai-ecoverse/wasm-bash": "5.3.0-10",
     "@ai-ecoverse/wasm-coreutils": "9.7.0-3",
     "@biomejs/biome": "2.5.15",
     "@fontsource/source-code-pro": "5.3.0",