@ai-ecoverse/slicc-spectrum 1.3.0 → 1.4.0

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

@@ -1,3 +1,11 @@
 export declare const defaultFontBase = "/fonts/";
+export interface FontFile {
+    family: string;
+    weight: number;
+    url: string;
+    format: 'woff2' | 'opentype';
+}
+export declare function fontFiles(base: string | null, codeBase: string): FontFile[];
 export declare function fontFaces(base: string | null, codeBase: string): string;
+export declare function installedFonts(): readonly FontFile[];
 export declare function installFonts(document: Document, base: string | null, codeBase: string): HTMLStyleElement;

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

@@ -0,0 +1,24 @@
+import { LitElement, type PropertyValues, type TemplateResult } from 'lit';
+type IconNode = Array<[string, Record<string, string | number>]>;
+type Library = Record<string, unknown> & {
+    icons: Record<string, IconNode>;
+};
+export declare function load(): Promise<Library>;
+export declare function pascal(name: string): string;
+export declare function svg(name: string, node: IconNode): string;
+export declare function icons(names: readonly unknown[]): Promise<Record<string, string>>;
+export declare class SliccLucide extends LitElement {
+    static properties: {
+        name: {};
+        markup: {
+            state: boolean;
+        };
+    };
+    name: string;
+    markup: string;
+    static styles: import("lit").CSSResult;
+    constructor();
+    protected willUpdate(changed: PropertyValues<this>): void;
+    render(): TemplateResult;
+}
+export {};

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

@@ -1,7 +1,8 @@
 import { nothing, type TemplateResult } from 'lit';
-import type { AssistantMessage, ErrorAction, LickChannel, LickMessage, LickState, MessagePart, SystemMessage, ToolCall, ToolMessage, UserMessage } from '../model/types.js';
+import type { AssistantMessage, ErrorAction, LickChannel, LickMessage, LickState, MessagePart, SliccModel, SystemMessage, ToolCall, ToolMessage, UserMessage } from '../model/types.js';
 export interface Handlers {
     color: 'light' | 'dark';
+    model: SliccModel | null;
     answer(questionId: string, answer: string): void;
     resolve(messageId: string, state: Exclude<LickState, 'pending'>): void;
     action(action: ErrorAction): void;

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

@@ -1,7 +1,15 @@
 import { type TemplateResult } from 'lit';
 import type { SliccModel } from '../model/types.js';
 import { ThemedElement } from './base.js';
-export declare function themed(source: string, color: 'light' | 'dark'): string;
+import { type FontFile } from './fonts.js';
+export declare const bridge = "(() => {\n  const post = (message) => parent.postMessage(message, '*');\n  window.slicc = {\n    name: document.currentScript.dataset.name,\n    lick(event) {\n      const value = typeof event === 'string' ? { action: event } : event || {};\n      post({ type: 'slicc-lick', action: String(value.action || ''), data: value.data ?? null, target: value.target ?? null });\n    },\n  };\n  const wanted = new Set();\n  let timer = 0;\n  window.LucideIcons = {\n    render() {\n      for (const node of document.querySelectorAll('i[data-lucide]')) wanted.add(node.dataset.lucide);\n      clearTimeout(timer);\n      timer = setTimeout(() => post({ type: 'slicc-icons', names: [...wanted] }));\n    },\n  };\n  const swap = (found) => {\n    for (const node of document.querySelectorAll('i[data-lucide]')) {\n      const markup = found[node.dataset.lucide];\n      if (!markup) continue;\n      const template = document.createElement('template');\n      template.innerHTML = markup;\n      const svg = template.content.firstElementChild;\n      for (const { name, value } of node.attributes) {\n        if (name === 'class') svg.setAttribute('class', svg.getAttribute('class') + ' ' + value);\n        else if (name !== 'data-lucide') svg.setAttribute(name, value);\n      }\n      node.replaceWith(svg);\n    }\n  };\n  const fonts = (list) => {\n    for (const font of list) {\n      const face = new FontFace(font.family, font.data, { weight: String(font.weight) });\n      document.fonts.add(face);\n      face.load().catch(() => {});\n    }\n  };\n  addEventListener('message', (event) => {\n    if (event.source !== parent) return;\n    const message = event.data || {};\n    if (message.type === 'slicc-icons') swap(message.icons);\n    if (message.type === 'slicc-fonts') fonts(message.fonts);\n  });\n  const size = () => {\n    const style = getComputedStyle(document.body);\n    post({ type: 'slicc-size', height: Math.ceil(document.body.offsetHeight + parseFloat(style.marginTop) + parseFloat(style.marginBottom)) });\n  };\n  document.addEventListener('DOMContentLoaded', () => {\n    window.LucideIcons.render();\n    new ResizeObserver(size).observe(document.body);\n  });\n  post({ type: 'slicc-ready' });\n})();";
+export declare function frameDocument(source: string, color: 'light' | 'dark', name: string): string;
+export declare function fontData(url: string): Promise<ArrayBuffer | null>;
+export declare function frameFonts(files: readonly FontFile[], base: string): Promise<Array<{
+    family: string;
+    weight: number;
+    data: ArrayBuffer;
+}>>;
 export declare class SliccSprinkle extends ThemedElement {
     #private;
     static properties: {
@@ -9,8 +17,17 @@ export declare class SliccSprinkle extends ThemedElement {
             attribute: boolean;
         };
         sprinkle: {};
+        inline: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        height: {
+            state: boolean;
+        };
     };
     sprinkle: string;
+    inline: boolean;
+    height: number;
     constructor();
     static styles: import("lit").CSSResult;
     protected subscribe(model: SliccModel): Array<() => void>;

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

@@ -123,6 +123,9 @@ export type MessagePart = {
     url: string;
     title: string;
     description: string;
+} | {
+    type: 'sprinkle';
+    sprinkle: string;
 } | {
     type: 'error';
     message: string;
@@ -402,6 +405,7 @@ export interface Sprinkle {
     icon: string;
     agentId: string;
     html: string;
+    inline?: boolean;
 }
 export interface SprinkleEvents {
     sprinkles: readonly Sprinkle[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-ecoverse/slicc-spectrum",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Web components for SLICC on Spectrum Web Components: the terminal, the app shell and its surfaces",
   "type": "module",
   "license": "Apache-2.0",
@@ -66,7 +66,7 @@
     }
   },
   "devDependencies": {
-    "@ai-ecoverse/slicc-kernel": "1.7.2",
+    "@ai-ecoverse/slicc-kernel": "1.8.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",
@@ -95,6 +95,7 @@
     "esbuild": "0.28.2",
     "happy-dom": "20.14.5",
     "lefthook": "2.1.17",
+    "lucide": "1.52.0",
     "monocart-coverage-reports": "2.13.0",
     "playwright-core": "1.63.0",
     "semantic-release": "25.0.9",