@dabalabs/agent 0.0.1-beta → 0.0.4-beta

package/dist/types-BQRgqD4n.d.ts

@@ -0,0 +1,305 @@
+/**
+ * Which deployment tier this widget talks to.
+ *
+ * Production is the default in every direction: an embed that says
+ * nothing about its environment is a customer's live site, and the one
+ * outcome worth engineering against is a production page silently
+ * pointing at staging. So the mapping is deliberately asymmetric —
+ * "staging" must be asked for by name, and anything else resolves to
+ * production.
+ */
+type DabaEnvironment = "production" | "staging";
+
+type DabaVoiceEngine = "realtime" | "live";
+type DabaErrorKind = "invalid_key" | "origin_not_allowed" | "not_found" | "network" | "restricted";
+interface DabaError {
+    kind: DabaErrorKind;
+    message: string;
+}
+/** "listening" = mic capturing, "thinking" = waiting on a model turn,
+ * "speaking" = agent audio playing back, "idle" = session not active.
+ * Text chat uses "thinking" and "idle" only — it never opens a mic. */
+type DabaAgentStatus = "idle" | "connecting" | "listening" | "thinking" | "speaking";
+/** Which viewport corner the default floating badge is pinned to. Only
+ * applies to the default badge (no custom `container`) — a host handing
+ * in its own `container` owns that element's placement entirely. */
+type DabaAgentPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left";
+/**
+ * Which media the assistant offers.
+ *
+ * - "voice"  — talk only. Badge click starts/stops a Realtime session.
+ * - "chat"   — type only. No microphone is ever requested.
+ * - "hybrid" — both, in one panel, sharing one transcript.
+ *
+ * These are genuinely independent transports, not one feature with a
+ * switch: chat is a plain HTTP turn against the gateway, voice is a
+ * Realtime WebSocket with a mic. A visitor in "chat" mode never grants
+ * microphone permission and never costs a voice minute.
+ */
+type DabaAgentMode = "hybrid" | "voice" | "chat";
+/** Text direction of the widget's own chrome. "auto" reads the host
+ * page's `dir`/`lang`, which is what makes the panel flip to RTL on an
+ * Arabic site without the integrator configuring anything. */
+type DabaDirection = "auto" | "ltr" | "rtl";
+type DabaThemePreference = "auto" | "light" | "dark";
+type DabaLauncherShape = "rounded" | "circle" | "pill";
+/** What a card is about. Drives the icon, the accent and which fields the
+ * card bothers to render — an event shows a date and a map link, an
+ * article shows a date and a read-more link. Unknown kinds render as
+ * "page", never as nothing. */
+type DabaCardKind = "article" | "event" | "news" | "page" | "contact" | "action";
+interface DabaCardMeta {
+    label: string;
+    value: string;
+}
+/**
+ * One structured item in a reply — an event, an article, a news item.
+ *
+ * The gateway builds and sanitises these (see routes/public_agents.rs::
+ * sanitize_cards): `mapUrl` is always constructed server-side from the
+ * address, and `url`/`imageUrl` are dropped unless they point at the
+ * site the widget is embedded in. So the widget can render every field
+ * here without re-validating it.
+ */
+interface DabaCard {
+    kind: DabaCardKind;
+    title: string;
+    summary?: string | null;
+    /** ISO-8601 date or datetime. Formatted for display with `Intl` in the
+     * resolved UI locale, so an Arabic panel shows an Arabic date. */
+    date?: string | null;
+    endDate?: string | null;
+    locationName?: string | null;
+    address?: string | null;
+    /** Always gateway-built from the address — never whatever the model said. */
+    mapUrl?: string | null;
+    url?: string | null;
+    imageUrl?: string | null;
+    sourcePath?: string | null;
+    meta?: DabaCardMeta[];
+}
+interface ChatMessage {
+    id: string;
+    role: "user" | "agent" | "system";
+    text: string;
+    timestamp: number;
+    isFinal?: boolean;
+    cards?: DabaCard[];
+    suggestions?: string[];
+}
+/**
+ * Colour and shape overrides. Every field is optional and every absent
+ * field falls back to the DabaLabs brand kit, so `{}` is a complete,
+ * correct theme rather than an empty one.
+ */
+interface DabaTheme {
+    accentColor?: string;
+    /** Text/icon colour drawn ON the accent. Defaults to white; a site with
+     * a pale accent needs to be able to say "ink", or its buttons are
+     * illegible. */
+    accentContrast?: string;
+    surfaceColor?: string;
+    textColor?: string;
+    mutedColor?: string;
+    borderColor?: string;
+    /** Any CSS length — "18px", "0", "1.5rem". */
+    radius?: string;
+    fontFamily?: string;
+    theme?: DabaThemePreference;
+}
+/** The panel shown on first open, before anybody has said anything. */
+interface DabaIntro {
+    enabled?: boolean;
+    headline?: string | null;
+    subheadline?: string | null;
+    /** A short looping video or a still. Same-origin or https. */
+    mediaUrl?: string | null;
+    mediaType?: "video" | "image" | "none";
+    /** Tappable starter questions. These are what turn an empty box into an
+     * obvious next action, and they are the single biggest lever on whether
+     * a visitor ever sends a first message. */
+    suggestedPrompts?: string[];
+}
+interface DabaLauncher {
+    shape?: DabaLauncherShape;
+    /** Replaces the shipped mark entirely. Use for a customer's own logo. */
+    iconUrl?: string | null;
+    /**
+     * The mark as inline SVG markup rather than a URL.
+     *
+     * Wins over `iconUrl`. Worth preferring on a site with a strict
+     * Content-Security-Policy, where `img-src 'self'` blocks an <img> at
+     * someone else's CDN and the launcher would render empty; inline markup
+     * has no such dependency and can inherit `currentColor`. Script, event
+     * handlers and external references are stripped before it is inserted.
+     */
+    iconSvg?: string | null;
+    /** An emoji or a letter or two, drawn as the mark. Wins over `iconUrl`,
+     * loses to `iconSvg`. */
+    iconText?: string | null;
+    /** Text beside the icon, turning the badge into a labelled pill. */
+    label?: string | null;
+    /** The launcher button itself, as any CSS length. Default "56px" — or
+     * "52px" below 480px wide, which an explicit value overrides on phones
+     * too. */
+    size?: string | number;
+    /** The mark inside the button, as any CSS length. Default "100%", so it
+     * fills the button; a wordmark with its own whitespace usually wants
+     * less. */
+    iconSize?: string | number;
+}
+/**
+ * The chat panel's own box.
+ *
+ * Separate from `launcher` because "width and height" is ambiguous
+ * between the two, and an integrator who meant the panel and got the
+ * button has no way to tell from the option name.
+ *
+ * Ignored below 480px wide, where the panel goes full-screen: a fixed
+ * width on a phone either overflows the viewport or leaves a gutter.
+ */
+interface DabaPanel {
+    /** Any CSS length. Default "400px". */
+    width?: string | number;
+    /** Any CSS length. Default "740px". Still clamped to the viewport, so a
+     * value taller than the window does not push the launcher off-screen. */
+    height?: string | number;
+}
+interface DabaAgentOptions {
+    projectId: string;
+    apiKey: string;
+    /** Overrides `env` when both are given — the only option that can name
+     * a host neither tier covers (self-hosted, a local gateway). */
+    gatewayUrl?: string;
+    /** Which DabaLabs tier to talk to. Omit for production; pass "staging"
+     * to point the agent at the staging gateway. */
+    env?: DabaEnvironment;
+    /** Where to mount the widget. Defaults to a fixed-position element
+     * appended to <body> when omitted. */
+    container?: string | HTMLElement;
+    /** Corner of the viewport the default badge is fixed to. */
+    position?: DabaAgentPosition;
+    /**
+     * Everything below is an OVERRIDE of what the project already carries.
+     *
+     * The gateway serves a project's mode, theme, intro and locale from
+     * `GET /v1/public/agents/:id`, so an owner restyles their assistant
+     * from the dashboard and every embed picks it up on next load. An
+     * option passed here wins over the served value — an integrator who
+     * hard-codes a colour means it.
+     *
+     * Undefined is not "default", it is "defer to the server". That
+     * distinction is what makes remote configuration work at all.
+     */
+    mode?: DabaAgentMode;
+    voiceEngine?: DabaVoiceEngine;
+    theme?: DabaTheme;
+    intro?: DabaIntro;
+    launcher?: DabaLauncher;
+    panel?: DabaPanel;
+    /** Brand logo shown in the panel header. */
+    logoUrl?: string | null;
+    /** The header logo as inline SVG markup. Wins over `logoUrl`; same CSP
+     * reasoning as `launcher.iconSvg`. */
+    logoSvg?: string | null;
+    /** BCP-47 code for the widget's own chrome, or "auto" to follow the
+     * host page's `lang`. Independent of what the assistant replies in —
+     * it always answers in the visitor's language regardless. */
+    uiLanguage?: string;
+    direction?: DabaDirection;
+    accentColor?: string;
+    /** Recolour the trigger icon's background substrate (the colour under
+     * the grain/noise texture). Defaults to the icon's shipped green. */
+    iconBackgroundColor?: string;
+    /** Recolour the trigger icon's centre mark (the face/mask shape). */
+    iconMarkColor?: string;
+    /** Header title displayed in the chat window. Defaults to the project's
+     * title, then to a localised "AI Assistant". */
+    title?: string;
+    placeholder?: string;
+    /** Whether the chat popover starts open. */
+    initialOpen?: boolean;
+    /**
+     * Keep past conversations in this browser, so a visitor can go back to
+     * one — a history button appears in the panel header once there is
+     * something in it.
+     *
+     * OFF unless you pass `true`. The live transcript is sessionStorage and
+     * dies with the tab on purpose ("a conversation is a visit, not an
+     * identity"); an archive is localStorage and outlives it, which on a
+     * shared or public machine is a decision an embed has to make
+     * deliberately rather than inherit. Nothing is sent to the gateway, and
+     * the visitor can delete any thread or clear the lot from the panel.
+     */
+    historyEnabled?: boolean;
+    /**
+     * Keyboard shortcut that opens and closes the assistant.
+     *
+     * A combination — `"ctrl+space"`, `"alt+k"` — or a modifier held on its
+     * own: `"hold:ctrl"`, and likewise `hold:alt`, `hold:shift`, `hold:meta`.
+     * A held modifier fires after about half a second and is abandoned the
+     * moment another key joins it, so `Ctrl+C` never opens the widget.
+     *
+     * Defaults per platform: `alt+space` on macOS, where the OS binds
+     * Ctrl+Space to the input-source switcher, and `ctrl+space` elsewhere.
+     * `null` disables the shortcut entirely.
+     */
+    hotkey?: string | null;
+    onError?: (error: DabaError) => void;
+    onStatusChange?: (status: DabaAgentStatus) => void;
+    /** Fired for both user speech/text and agent reply deltas. */
+    onTranscript?: (role: "user" | "agent", text: string, isFinal: boolean) => void;
+    onChatToggle?: (isOpen: boolean) => void;
+    /** Fired once per reply that carried structured items. */
+    onCards?: (cards: DabaCard[]) => void;
+}
+/**
+ * What the gateway serves for a project. Mirrors the JSON of
+ * `GET /v1/public/agents/:id` with keys camelised; every field is present
+ * because the gateway fills its own defaults before responding.
+ */
+interface DabaRemoteConfig {
+    projectId: string;
+    title: string;
+    greetingMessage: string | null;
+    mode: DabaAgentMode;
+    voiceEngine?: DabaVoiceEngine;
+    appearance: {
+        accentColor: string | null;
+        accentContrast: string | null;
+        surfaceColor: string | null;
+        textColor: string | null;
+        radius: string | null;
+        fontFamily: string | null;
+        logoUrl: string | null;
+        launcherIconUrl: string | null;
+        launcherLabel: string | null;
+        launcherShape: DabaLauncherShape;
+        position: DabaAgentPosition | null;
+        theme: DabaThemePreference;
+    };
+    intro: {
+        enabled: boolean;
+        headline: string | null;
+        subheadline: string | null;
+        mediaUrl: string | null;
+        mediaType: "video" | "image" | "none";
+        suggestedPrompts: string[];
+    };
+    locale: {
+        uiLanguage: string;
+        direction: DabaDirection;
+    };
+}
+/** One text turn, as the chat endpoint returns it. */
+interface DabaChatReply {
+    reply: string;
+    language: string;
+    cards: DabaCard[];
+    /** Follow-up questions the assistant thinks are likely next. Rendered as
+     * tappable chips under the reply; tapping one sends it. */
+    suggestions: string[];
+    conversationId: string;
+}
+
+export type { ChatMessage as C, DabaAgentOptions as D, DabaAgentStatus as a, DabaAgentMode as b, DabaAgentPosition as c, DabaCard as d, DabaCardKind as e, DabaCardMeta as f, DabaChatReply as g, DabaDirection as h, DabaError as i, DabaIntro as j, DabaLauncher as k, DabaLauncherShape as l, DabaPanel as m, DabaRemoteConfig as n, DabaTheme as o, DabaThemePreference as p, DabaVoiceEngine as q };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dabalabs/agent",
-  "version": "0.0.1-beta",
-  "description": "Embeddable voice AI website assistant widget for dabalabs projects \u2014 press Ctrl+Space, talk to your site.",
+  "version": "0.0.4-beta",
+  "description": "Embeddable voice AI website assistant widget for dabalabs projects — press Ctrl+Space, talk to your site.",
   "author": "dabalabs",
   "license": "MIT",
   "homepage": "https://dabalabs.com",

package/dist/chunk-EF6D33VT.cjs

@@ -1,103 +0,0 @@
-'use strict';
-
-var chunkN4TBGDUO_cjs = require('./chunk-N4TBGDUO.cjs');
-
-// src/components/custom-element.ts
-var DabaAgentElement = class extends HTMLElement {
-  constructor() {
-    super(...arguments);
-    this.agent = null;
-  }
-  connectedCallback() {
-    if (this.agent) return;
-    const getAttr = (name) => this.getAttribute(name) ?? this.getAttribute(`data-${name}`);
-    const projectId = getAttr("project-id");
-    const apiKey = getAttr("api-key");
-    if (!projectId || !apiKey) {
-      console.error(
-        "daba-agent: <daba-agent> custom element requires project-id and api-key attributes.",
-        this
-      );
-      return;
-    }
-    const position = getAttr("position") ?? void 0;
-    const accentColor = getAttr("accent-color") ?? void 0;
-    const mode = getAttr("mode") ?? void 0;
-    const title = getAttr("title") ?? void 0;
-    const placeholder = getAttr("placeholder") ?? void 0;
-    const initialOpen = this.hasAttribute("initial-open") || this.hasAttribute("data-initial-open");
-    const hotkey = getAttr("hotkey") ?? void 0;
-    const gatewayUrl = getAttr("gateway-url") ?? void 0;
-    this.agent = new chunkN4TBGDUO_cjs.DabaAgent({
-      container: this,
-      projectId,
-      apiKey,
-      position,
-      accentColor,
-      mode,
-      title,
-      placeholder,
-      initialOpen,
-      hotkey,
-      gatewayUrl,
-      onStatusChange: (status) => {
-        this.dispatchEvent(
-          new CustomEvent("daba-status-change", { detail: { status }, bubbles: true, composed: true })
-        );
-      },
-      onTranscript: (role, text, isFinal) => {
-        this.dispatchEvent(
-          new CustomEvent("daba-transcript", {
-            detail: { role, text, isFinal },
-            bubbles: true,
-            composed: true
-          })
-        );
-      },
-      onError: (error) => {
-        this.dispatchEvent(
-          new CustomEvent("daba-error", { detail: { error }, bubbles: true, composed: true })
-        );
-      },
-      onChatToggle: (isOpen) => {
-        this.dispatchEvent(
-          new CustomEvent("daba-chat-toggle", { detail: { isOpen }, bubbles: true, composed: true })
-        );
-      }
-    });
-  }
-  disconnectedCallback() {
-    if (this.agent) {
-      this.agent.destroy();
-      this.agent = null;
-    }
-  }
-  get dabaAgent() {
-    return this.agent;
-  }
-  sendText(text) {
-    return this.agent?.sendText(text);
-  }
-  openChat() {
-    this.agent?.openChat();
-  }
-  closeChat() {
-    this.agent?.closeChat();
-  }
-  toggleChat() {
-    this.agent?.toggleChat();
-  }
-};
-function defineDabaAgentElement(tagName = "daba-agent") {
-  if (typeof window !== "undefined" && typeof customElements !== "undefined") {
-    if (!customElements.get(tagName)) {
-      customElements.define(tagName, DabaAgentElement);
-    }
-  }
-}
-defineDabaAgentElement();
-
-exports.DabaAgentElement = DabaAgentElement;
-exports.defineDabaAgentElement = defineDabaAgentElement;
-//# sourceMappingURL=chunk-EF6D33VT.cjs.map
-//# sourceMappingURL=chunk-EF6D33VT.cjs.map

package/dist/chunk-EF6D33VT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/custom-element.ts"],"names":["DabaAgent"],"mappings":"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","file":"chunk-EF6D33VT.cjs","sourcesContent":["import { DabaAgent } from \"../agent\";\nimport type { DabaAgentPosition, DabaAgentMode } from \"../types\";\n\nexport class DabaAgentElement extends HTMLElement {\n  private agent: DabaAgent | null = null;\n\n  connectedCallback(): void {\n    if (this.agent) return;\n\n    const getAttr = (name: string): string | null =>\n      this.getAttribute(name) ?? this.getAttribute(`data-${name}`);\n\n    const projectId = getAttr(\"project-id\");\n    const apiKey = getAttr(\"api-key\");\n\n    if (!projectId || !apiKey) {\n      console.error(\n        \"daba-agent: <daba-agent> custom element requires project-id and api-key attributes.\",\n        this,\n      );\n      return;\n    }\n\n    const position = (getAttr(\"position\") as DabaAgentPosition) ?? undefined;\n    const accentColor = getAttr(\"accent-color\") ?? undefined;\n    const mode = (getAttr(\"mode\") as DabaAgentMode) ?? undefined;\n    const title = getAttr(\"title\") ?? undefined;\n    const placeholder = getAttr(\"placeholder\") ?? undefined;\n    const initialOpen = this.hasAttribute(\"initial-open\") || this.hasAttribute(\"data-initial-open\");\n    const hotkey = getAttr(\"hotkey\") ?? undefined;\n    const gatewayUrl = getAttr(\"gateway-url\") ?? undefined;\n\n    this.agent = new DabaAgent({\n      container: this,\n      projectId,\n      apiKey,\n      position,\n      accentColor,\n      mode,\n      title,\n      placeholder,\n      initialOpen,\n      hotkey,\n      gatewayUrl,\n      onStatusChange: (status) => {\n        this.dispatchEvent(\n          new CustomEvent(\"daba-status-change\", { detail: { status }, bubbles: true, composed: true }),\n        );\n      },\n      onTranscript: (role, text, isFinal) => {\n        this.dispatchEvent(\n          new CustomEvent(\"daba-transcript\", {\n            detail: { role, text, isFinal },\n            bubbles: true,\n            composed: true,\n          }),\n        );\n      },\n      onError: (error) => {\n        this.dispatchEvent(\n          new CustomEvent(\"daba-error\", { detail: { error }, bubbles: true, composed: true }),\n        );\n      },\n      onChatToggle: (isOpen) => {\n        this.dispatchEvent(\n          new CustomEvent(\"daba-chat-toggle\", { detail: { isOpen }, bubbles: true, composed: true }),\n        );\n      },\n    });\n  }\n\n  disconnectedCallback(): void {\n    if (this.agent) {\n      this.agent.destroy();\n      this.agent = null;\n    }\n  }\n\n  public get dabaAgent(): DabaAgent | null {\n    return this.agent;\n  }\n\n  public sendText(text: string): Promise<void> | undefined {\n    return this.agent?.sendText(text);\n  }\n\n  public openChat(): void {\n    this.agent?.openChat();\n  }\n\n  public closeChat(): void {\n    this.agent?.closeChat();\n  }\n\n  public toggleChat(): void {\n    this.agent?.toggleChat();\n  }\n}\n\nexport function defineDabaAgentElement(tagName = \"daba-agent\"): void {\n  if (typeof window !== \"undefined\" && typeof customElements !== \"undefined\") {\n    if (!customElements.get(tagName)) {\n      customElements.define(tagName, DabaAgentElement);\n    }\n  }\n}\n\ndefineDabaAgentElement();\n"]}