@adia-ai/web-components 0.0.28 → 0.0.33

package/patterns/a2ui-root/a2ui-root.js

@@ -1,191 +0,0 @@
-/**
- * <a2ui-root> — A2UI protocol surface.
- * Connects to a stream source and renders A2UI messages as AdiaUI components.
- *
- * <a2ui-root src="/api/agent" transport="sse"></a2ui-root>
- * <a2ui-root src="ws://localhost:8080" transport="ws"></a2ui-root>
- *
- * Static / author-driven mode — set the `doc` property (array of A2UI messages)
- * and the renderer resets + replays them. Editors and previews can drive the
- * surface without opening a transport. Setting `doc` to a new array re-renders
- * from scratch (reset() + processAll()).
- *
- *   const root = document.querySelector('a2ui-root');
- *   root.doc = [
- *     { type: 'createSurface', surfaceId: 'root', root: 'c-1' },
- *     { type: 'updateComponents', components: [{ id: 'c-1', component: 'Heading', text: 'Hi' }] },
- *   ];
- *
- * Events:
- *   a2ui-connected — stream connected
- *   a2ui-message   — each message received (detail: { message })
- *   a2ui-error     — stream error (detail: { error })
- *   a2ui-closed    — stream ended
- *   a2ui-action    — user interaction (detail: { name, sourceComponentId, context })
- *   doc-replaced   — fired after a full doc reset + replay (author-driven mode)
- */
-
-import { AdiaElement } from '../../core/element.js';
-import {
-  A2UIRenderer,
-  registry,
-  sseStream,
-  wsStream,
-  jsonlStream,
-  mcpStream,
-} from '@adia-ai/a2ui-utils';
-
-class AdiaA2UIRoot extends AdiaElement {
-  static properties = {
-    src:       { type: String,  default: '',    reflect: true },
-    transport: { type: String,  default: 'sse', reflect: true },
-    loading:   { type: Boolean, default: false, reflect: true },
-    active:    { type: Boolean, default: false, reflect: true },
-    batch:     { type: Boolean, default: false, reflect: true },
-  };
-
-  static template = () => null;
-
-  #renderer = null;
-  #abortCtrl = null;
-  #doc = null;
-  #bound = false;
-
-  #onClick = (e) => {
-    const actionEl = e.target.closest('[data-action]');
-    if (!actionEl) return;
-    this.dispatchEvent(new CustomEvent('a2ui-action', {
-      bubbles: true,
-      detail: {
-        name: actionEl.getAttribute('data-action'),
-        sourceComponentId: actionEl.getAttribute('data-a2ui-id') || '',
-        timestamp: Date.now(),
-        context: {},
-      },
-    }));
-  };
-
-  connected() {
-    this.#renderer = new A2UIRenderer(this, registry, { batch: this.batch });
-
-    if (!this.#bound) {
-      this.#bound = true;
-      this.addEventListener('click', this.#onClick);
-    }
-  }
-
-  render() {
-    if (this.src && !this.active) this.#connect();
-  }
-
-  async #connect() {
-    this.#abortCtrl?.abort();
-    this.#abortCtrl = new AbortController();
-    const signal = this.#abortCtrl.signal;
-
-    this.loading = true;
-    this.active = false;
-
-    let stream;
-    try {
-      switch (this.transport) {
-        case 'sse':
-          stream = sseStream(this.src, { signal, catalog: registry });
-          break;
-        case 'ws':
-        case 'websocket':
-          stream = wsStream(this.src, { signal, catalog: registry });
-          break;
-        case 'jsonl':
-          stream = jsonlStream(this.src, { signal, catalog: registry });
-          break;
-        case 'mcp':
-          stream = mcpStream(this.src, {
-            signal,
-            catalog: registry,
-            onAction: (name, params) => {
-              this.dispatchEvent(new CustomEvent('a2ui-action', {
-                bubbles: true,
-                detail: { name, params, timestamp: Date.now() },
-              }));
-              return Promise.resolve({ status: 'dispatched' });
-            },
-          });
-          break;
-        default:
-          console.warn(`a2ui-root: unknown transport "${this.transport}"`);
-          return;
-      }
-
-      this.active = true;
-      this.loading = false;
-      this.dispatchEvent(new Event('a2ui-connected', { bubbles: true }));
-
-      for await (const message of stream) {
-        if (signal.aborted) break;
-        this.#renderer.process(message);
-        this.dispatchEvent(new CustomEvent('a2ui-message', {
-          bubbles: true,
-          detail: { message },
-        }));
-      }
-    } catch (err) {
-      if (!signal.aborted) {
-        this.dispatchEvent(new CustomEvent('a2ui-error', {
-          bubbles: true,
-          detail: { error: err },
-        }));
-      }
-    }
-
-    this.active = false;
-    this.loading = false;
-    this.dispatchEvent(new Event('a2ui-closed', { bubbles: true }));
-  }
-
-  process(message) {
-    if (!this.#renderer) {
-      this.#renderer = new A2UIRenderer(this, registry);
-    }
-    this.#renderer.process(message);
-  }
-
-  processAll(messages) {
-    for (const msg of messages) this.process(msg);
-  }
-
-  get doc() { return this.#doc; }
-  set doc(messages) {
-    this.#doc = Array.isArray(messages) ? messages : [];
-    if (!this.#renderer) {
-      this.#renderer = new A2UIRenderer(this, registry);
-    }
-    this.#renderer.reset();
-    for (const msg of this.#doc) this.#renderer.process(msg);
-    this.dispatchEvent(new CustomEvent('doc-replaced', {
-      bubbles: true,
-      detail: { count: this.#doc.length },
-    }));
-  }
-
-  reset() {
-    this.#renderer?.reset();
-  }
-
-  disconnect() {
-    this.#abortCtrl?.abort();
-    this.active = false;
-  }
-
-  disconnected() {
-    this.#abortCtrl?.abort();
-    this.removeEventListener('click', this.#onClick);
-    this.#bound = false;
-    this.active = false;
-  }
-
-  get renderer() { return this.#renderer; }
-}
-customElements.define('a2ui-root', AdiaA2UIRoot);
-
-export { AdiaA2UIRoot };

package/patterns/a2ui-root/a2ui-root.yaml

@@ -1,87 +0,0 @@
-# Edit this file; run `npm run build:components` to regenerate a2ui.json.
-$schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaA2UIRoot
-tag: a2ui-root
-component: A2UIRoot
-category: container
-version: 1
-description: A2UI protocol surface. Connects to a stream source (SSE, WebSocket, JSONL, MCP) and renders A2UI messages as AdiaUI components via the `@adia-ai/a2ui-utils` renderer.
-props:
-  src:
-    description: Stream source URL (endpoint for SSE/WebSocket, file path for JSONL, tool-call target for MCP).
-    type: string
-    default: ""
-  transport:
-    description: Stream transport to use.
-    type: string
-    default: sse
-    enum:
-      - sse
-      - ws
-      - websocket
-      - jsonl
-      - mcp
-  loading:
-    description: True while the stream is connecting.
-    type: boolean
-    default: false
-    reflect: true
-  active:
-    description: True while the stream is connected and receiving messages.
-    type: boolean
-    default: false
-    reflect: true
-  batch:
-    description: Batch renderer updates via requestAnimationFrame for large fan-in.
-    type: boolean
-    default: false
-  doc:
-    description: >-
-      Author-driven mode — set to an array of A2UI messages and the renderer
-      resets + replays them. No network/transport involvement. Setting to a
-      new array triggers a full re-render. Use this for editors, previews,
-      tests, and any static-doc authoring loop. When both `src` and `doc` are
-      set, `doc` wins (the stream is not opened). Pass as a JS property; not
-      reflected to an attribute.
-    type: array
-events:
-  a2ui-connected:
-    description: Fired when the stream is established.
-  a2ui-message:
-    description: "Fired for each A2UI message received. detail: { message }"
-  a2ui-action:
-    description: "Fired when a child element with [data-action] is clicked. detail: { name, sourceComponentId, context }"
-  a2ui-error:
-    description: "Fired when the stream errors. detail: { error }"
-  a2ui-closed:
-    description: Fired when the stream ends.
-  doc-replaced:
-    description: "Fired after a full doc reset + replay in author-driven mode. detail: { count }"
-slots:
-  default:
-    description: The rendered surface. Children are stamped by the A2UI renderer.
-states:
-  - name: idle
-    description: Default, ready to connect.
-  - name: loading
-    description: Stream is connecting.
-  - name: active
-    description: Stream is connected and receiving messages.
-traits: []
-tokens: {}
-a2ui:
-  rules: []
-anti_patterns: []
-keywords:
-  - a2ui
-  - protocol
-  - renderer
-  - stream
-  - surface
-  - sse
-  - websocket
-  - jsonl
-  - mcp
-related:
-  - canvas
-  - inspector

package/patterns/adia-chat/adia-chat.a2ui.json

@@ -1,149 +0,0 @@
-{
-  "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://adiaui.dev/a2ui/v0_9/components/Chat.json",
-  "title": "Chat",
-  "description": "Behavior-only chat orchestrator. Author supplies the DOM structure via\n[data-chat-messages], [data-chat-input], [data-chat-empty], [data-chat-status]\nelements; adia-chat wires message streaming, markdown rendering, code-block\nupgrades, and an LLM integration path via proxy-url (or via external submit).\n",
-  "type": "object",
-  "allOf": [
-    {
-      "$ref": "common_types.json#/$defs/ComponentCommon"
-    },
-    {
-      "$ref": "common_types.json#/$defs/CatalogComponentCommon"
-    }
-  ],
-  "properties": {
-    "component": {
-      "const": "Chat"
-    },
-    "model": {
-      "description": "Model identifier.",
-      "type": "string",
-      "default": ""
-    },
-    "provider": {
-      "description": "LLM provider name (anthropic | openai | google | stub).",
-      "type": "string",
-      "default": ""
-    },
-    "proxyUrl": {
-      "description": "API proxy endpoint for LLM calls; enables self-contained chat without external wiring.",
-      "type": "string",
-      "default": ""
-    },
-    "streaming": {
-      "description": "Active streaming indicator; toggled while a response is being received.",
-      "type": "boolean",
-      "default": false
-    },
-    "system": {
-      "description": "System prompt prepended to conversations.",
-      "type": "string",
-      "default": ""
-    },
-    "thinking": {
-      "description": "Enable Anthropic extended-thinking mode.",
-      "type": "boolean",
-      "default": false
-    }
-  },
-  "required": [
-    "component"
-  ],
-  "unevaluatedProperties": false,
-  "x-adiaui": {
-    "anti_patterns": [],
-    "category": "container",
-    "events": {
-      "abort": {
-        "description": "Fired when the user aborts an in-flight request."
-      },
-      "chunk": {
-        "description": "Fired for each streaming chunk.",
-        "detail": {
-          "snapshot": "string",
-          "text": "string"
-        }
-      },
-      "clear": {
-        "description": "Fired when the conversation is cleared."
-      },
-      "done": {
-        "description": "Fired when a response completes.",
-        "detail": {
-          "stopReason": "string",
-          "text": "string",
-          "usage": "object"
-        }
-      },
-      "error": {
-        "description": "Fired on any LLM / network error.",
-        "detail": {
-          "error": "Error"
-        }
-      },
-      "message": {
-        "description": "Fired after each message (user or assistant) is appended.",
-        "detail": {
-          "content": "string",
-          "id": "string",
-          "role": "string"
-        }
-      },
-      "submit": {
-        "description": "Fired on user message submit (before LLM call begins).",
-        "detail": {
-          "model": "string",
-          "text": "string"
-        }
-      },
-      "thinking": {
-        "description": "Fired when the model emits extended-thinking content.",
-        "detail": {
-          "text": "string"
-        }
-      }
-    },
-    "examples": [],
-    "keywords": [
-      "adia-chat",
-      "chat",
-      "llm",
-      "streaming",
-      "conversation",
-      "agent"
-    ],
-    "name": "AdiaChatElement",
-    "related": [
-      "ChatInput",
-      "Code"
-    ],
-    "slots": {
-      "default": {
-        "description": "Author provides the structural DOM. Expected markers — [data-chat-messages] (message list), [data-chat-input] (input surface), [data-chat-empty] (empty state), [data-chat-status] (streaming indicator)."
-      }
-    },
-    "states": [
-      {
-        "description": "No active request.",
-        "name": "idle"
-      },
-      {
-        "description": "An LLM request is in-flight; [data-chat-status] visible.",
-        "attribute": "streaming",
-        "name": "streaming"
-      }
-    ],
-    "synonyms": {
-      "chat": [
-        "conversation",
-        "messages",
-        "thread"
-      ]
-    },
-    "tag": "adia-chat-ui",
-    "tokens": {},
-    "traits": [],
-    "version": 1
-  }
-}

package/patterns/adia-chat/adia-chat.css

@@ -1,10 +0,0 @@
-/* ═══════════════════════════════════════════════════════════════
-   adia-chat — Pattern component CSS
-   ═══════════════════════════════════════════════════════════════ */
-
-@import "./css/adia-chat.tokens.css";
-@import "./css/adia-chat.layout.css";
-@import "./css/adia-chat.messages.css";
-@import "./css/adia-chat.streaming.css";
-@import "./css/adia-chat.markdown.css";
-@import "./css/adia-chat.empty.css";