@syntrologie/adapt-chatbot 2.27.0 → 2.28.0

package/dist/chunk-QELVKBQV.js

@@ -0,0 +1,214 @@
+// src/AdaptiveChatBar.ts
+import { html, LitElement } from "lit";
+import { styleMap } from "lit/directives/style-map.js";
+var DEFAULT_PLACEHOLDER = "Ask, find, or navigate\u2026";
+var AdaptiveChatBar = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.messages = [];
+    this.placeholder = DEFAULT_PLACEHOLDER;
+    /**
+     * Initial assistant message shown before any real conversation
+     * starts. Renders inside the trail as a phantom assistant chip
+     * when messages.length === 0; auto-disappears as soon as the
+     * first user message lands. Mirrors ChatAssistantLit's greeting.
+     */
+    this.greeting = void 0;
+    /**
+     * Whether a chat round-trip is in flight (request sent, awaiting
+     * reply). The single send/stop button morphs accordingly: ↑ when
+     * ready, ⏹ when in-flight. Parent owns this state — set true after
+     * `chat-message-sent` fires, false when the reply lands or the
+     * request is aborted. Enter is inert while in-flight.
+     */
+    this.inFlight = false;
+    this._input = "";
+    this._onInput = (e) => {
+      this._input = e.target.value;
+    };
+    this._onKeyDown = (e) => {
+      if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        if (this.inFlight) return;
+        this._send();
+      }
+    };
+    // Single button. Click delegates to send-or-interrupt based on
+    // current state. Same DOM node, different behavior — discoverability
+    // wins from the user not having to scan for which control is active.
+    this._onSendOrInterrupt = () => {
+      if (this.inFlight) {
+        this.dispatchEvent(new CustomEvent("chat-interrupt", { bubbles: true, composed: true }));
+        return;
+      }
+      this._send();
+    };
+    this._onClose = () => {
+      this.dispatchEvent(new CustomEvent("canvas-close", { bubbles: true, composed: true }));
+    };
+  }
+  createRenderRoot() {
+    return this;
+  }
+  _send() {
+    const text = this._input.trim();
+    if (!text) return;
+    this.dispatchEvent(
+      new CustomEvent("chat-message-sent", {
+        detail: { text },
+        bubbles: true,
+        composed: true
+      })
+    );
+    this._input = "";
+    const input = this.querySelector("input[data-chat-input]");
+    if (input) input.value = "";
+  }
+  render() {
+    return html`
+      <div style=${styleMap(rootStyles())}>
+        <adaptive-chat-trail
+          .messages=${this.messages}
+          .greeting=${this.greeting}
+        ></adaptive-chat-trail>
+        <div style=${styleMap(rowStyles())} data-chat-row>
+          <span style=${styleMap(avatarStyles())} aria-hidden="true">✦</span>
+          <input
+            data-chat-input
+            type="text"
+            placeholder=${this.placeholder}
+            .value=${this._input}
+            @input=${this._onInput}
+            @keydown=${this._onKeyDown}
+            style=${styleMap(inputStyles())}
+            aria-label="Chat input"
+          />
+          <button
+            type="button"
+            data-chat-send
+            data-state=${this.inFlight ? "in-flight" : "ready"}
+            @click=${this._onSendOrInterrupt}
+            aria-label=${this.inFlight ? "Stop" : "Send message"}
+            title=${this.inFlight ? "Interrupt" : "Send"}
+            style=${styleMap(sendStyles(this.inFlight))}
+          >${this.inFlight ? "\u25A0" : "\u2191"}</button>
+          <button
+            type="button"
+            data-chat-close
+            @click=${this._onClose}
+            aria-label="Hide chat"
+            style=${styleMap(closeStyles())}
+          >✕</button>
+        </div>
+      </div>
+    `;
+  }
+};
+AdaptiveChatBar.properties = {
+  messages: { attribute: false },
+  placeholder: { type: String },
+  greeting: { type: String },
+  inFlight: { type: Boolean, reflect: true },
+  _input: { state: true }
+};
+function rootStyles() {
+  return {
+    display: "flex",
+    flexDirection: "column",
+    gap: "6px",
+    // Fill the host container's width. Floating consumers (e.g.
+    // bottom-right pinned) constrain via their own wrapper's max-width.
+    width: "100%",
+    pointerEvents: "auto"
+  };
+}
+function rowStyles() {
+  return {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    padding: "10px 12px",
+    borderRadius: "var(--sc-tile-border-radius, 14px)",
+    // Consume the same surface tokens as SyntroTileCard so a workspace
+    // theme that sets --sc-tile-background / --sc-tile-border /
+    // --sc-tile-shadow renders the lid consistently with the tiles below.
+    // Fallbacks are neutral slate (matches darkDefaults shape) so the
+    // widget still looks intentional on a page that sets no tokens.
+    background: "var(--sc-tile-background, rgba(15, 19, 24, 0.6))",
+    backdropFilter: "blur(24px) saturate(140%)",
+    WebkitBackdropFilter: "blur(24px) saturate(140%)",
+    border: "var(--sc-tile-border, 1px solid rgba(255, 255, 255, 0.08))",
+    boxShadow: "var(--sc-tile-shadow, 0 2px 12px rgba(0, 0, 0, 0.3))",
+    color: "var(--sc-tile-title-color, #fafafa)",
+    fontFamily: "var(--sc-font-family, inherit)"
+  };
+}
+function avatarStyles() {
+  return {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "24px",
+    height: "24px",
+    borderRadius: "9999px",
+    background: "hsl(var(--sc-accent-color) / 0.15)",
+    border: "1px solid hsl(var(--sc-accent-color) / 0.30)",
+    color: "hsl(var(--sc-accent-color) / 0.95)",
+    flexShrink: "0",
+    fontSize: "11px"
+  };
+}
+function inputStyles() {
+  return {
+    flex: "1",
+    minWidth: "0",
+    background: "transparent",
+    border: "none",
+    outline: "none",
+    color: "inherit",
+    fontSize: "13px"
+  };
+}
+function sendStyles(inFlight) {
+  return {
+    width: "28px",
+    height: "28px",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "9999px",
+    // Ready: filled accent (send is the affordance). In-flight: hollow
+    // ring + accent ring (stop is a one-of-a-kind disruptive action,
+    // styled differently so the user reads "this isn't just send").
+    background: inFlight ? "transparent" : "hsl(var(--sc-accent-color) / 0.85)",
+    color: inFlight ? "hsl(var(--sc-accent-color) / 0.95)" : "var(--sc-accent-foreground, #fff)",
+    border: inFlight ? "1px solid hsl(var(--sc-accent-color) / 0.55)" : "none",
+    cursor: "pointer",
+    flexShrink: "0",
+    transition: "background 150ms ease, color 150ms ease, border-color 150ms ease"
+  };
+}
+function closeStyles() {
+  return {
+    width: "28px",
+    height: "28px",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "9999px",
+    background: "transparent",
+    color: "inherit",
+    border: "var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))",
+    cursor: "pointer",
+    flexShrink: "0",
+    opacity: "0.7"
+  };
+}
+if (!customElements.get("adaptive-chat-bar")) {
+  customElements.define("adaptive-chat-bar", AdaptiveChatBar);
+}
+
+export {
+  AdaptiveChatBar
+};
+//# sourceMappingURL=chunk-QELVKBQV.js.map

package/dist/chunk-QELVKBQV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/AdaptiveChatBar.ts"],
+  "sourcesContent": ["/**\n * AdaptiveChatBar \u2014 the canvas lid composition for the chat-canvas\n * experience. Renders the bubble-up trail on top and an always-visible\n * input row below.\n *\n * Wiring contract (events out):\n *   - `chat-message-sent` ({ text }): the user submitted text via Enter\n *     or the send button. The owning code is responsible for pushing\n *     this into the conversation history and producing a reply.\n *   - `canvas-close`: the user clicked the close \u2715 button. Propagated\n *     to the canvas overlay so the underlying drawer is dismissed.\n *\n * Wiring contract (props in):\n *   - `messages`: the conversation trail, passed straight through to\n *     `<adaptive-chat-trail>`.\n *   - `placeholder`: input placeholder copy. Defaults to a generic\n *     \"Ask, find, or navigate\u2026\" \u2014 the host (typically the slot's lid\n *     widget mount) can override to a context-specific string.\n *\n * Light DOM. Glassmorphism is applied at the input-row level so the\n * trail above floats over the host page without chrome. See PRD \u00A74.4.\n */\n\nimport { html, LitElement } from 'lit';\nimport { styleMap } from 'lit/directives/style-map.js';\n\nimport './AdaptiveChatTrail.js';\nimport type { TrailMessage } from './AdaptiveChatTrail.js';\n\nconst DEFAULT_PLACEHOLDER = 'Ask, find, or navigate\u2026';\n\nexport class AdaptiveChatBar extends LitElement {\n  static override properties = {\n    messages: { attribute: false },\n    placeholder: { type: String },\n    greeting: { type: String },\n    inFlight: { type: Boolean, reflect: true },\n    _input: { state: true },\n  };\n\n  messages: TrailMessage[] = [];\n  placeholder = DEFAULT_PLACEHOLDER;\n  /**\n   * Initial assistant message shown before any real conversation\n   * starts. Renders inside the trail as a phantom assistant chip\n   * when messages.length === 0; auto-disappears as soon as the\n   * first user message lands. Mirrors ChatAssistantLit's greeting.\n   */\n  greeting: string | undefined = undefined;\n  /**\n   * Whether a chat round-trip is in flight (request sent, awaiting\n   * reply). The single send/stop button morphs accordingly: \u2191 when\n   * ready, \u23F9 when in-flight. Parent owns this state \u2014 set true after\n   * `chat-message-sent` fires, false when the reply lands or the\n   * request is aborted. Enter is inert while in-flight.\n   */\n  inFlight = false;\n  _input = '';\n\n  override createRenderRoot(): HTMLElement {\n    return this;\n  }\n\n  private _onInput = (e: Event): void => {\n    this._input = (e.target as HTMLInputElement).value;\n  };\n\n  private _onKeyDown = (e: KeyboardEvent): void => {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault();\n      // Enter is the send affordance \u2014 while in-flight there's nothing\n      // to send, so it's a no-op. Interrupt requires the explicit\n      // \u23F9 click to avoid surprise-aborting on a stray keystroke.\n      if (this.inFlight) return;\n      this._send();\n    }\n  };\n\n  // Single button. Click delegates to send-or-interrupt based on\n  // current state. Same DOM node, different behavior \u2014 discoverability\n  // wins from the user not having to scan for which control is active.\n  private _onSendOrInterrupt = (): void => {\n    if (this.inFlight) {\n      this.dispatchEvent(new CustomEvent('chat-interrupt', { bubbles: true, composed: true }));\n      return;\n    }\n    this._send();\n  };\n\n  private _onClose = (): void => {\n    this.dispatchEvent(new CustomEvent('canvas-close', { bubbles: true, composed: true }));\n  };\n\n  private _send(): void {\n    const text = this._input.trim();\n    if (!text) return;\n    this.dispatchEvent(\n      new CustomEvent<{ text: string }>('chat-message-sent', {\n        detail: { text },\n        bubbles: true,\n        composed: true,\n      })\n    );\n    this._input = '';\n    // Drop the input value too \u2014 the input's bound value is `this._input`\n    // via the render, but jsdom's two-way binding via property only takes\n    // effect after the next render, so set it imperatively for the test\n    // and for browser symmetry (most browsers do the right thing here\n    // anyway because Lit re-renders on the state change).\n    const input = this.querySelector<HTMLInputElement>('input[data-chat-input]');\n    if (input) input.value = '';\n  }\n\n  override render() {\n    return html`\n      <div style=${styleMap(rootStyles())}>\n        <adaptive-chat-trail\n          .messages=${this.messages}\n          .greeting=${this.greeting}\n        ></adaptive-chat-trail>\n        <div style=${styleMap(rowStyles())} data-chat-row>\n          <span style=${styleMap(avatarStyles())} aria-hidden=\"true\">\u2726</span>\n          <input\n            data-chat-input\n            type=\"text\"\n            placeholder=${this.placeholder}\n            .value=${this._input}\n            @input=${this._onInput}\n            @keydown=${this._onKeyDown}\n            style=${styleMap(inputStyles())}\n            aria-label=\"Chat input\"\n          />\n          <button\n            type=\"button\"\n            data-chat-send\n            data-state=${this.inFlight ? 'in-flight' : 'ready'}\n            @click=${this._onSendOrInterrupt}\n            aria-label=${this.inFlight ? 'Stop' : 'Send message'}\n            title=${this.inFlight ? 'Interrupt' : 'Send'}\n            style=${styleMap(sendStyles(this.inFlight))}\n          >${this.inFlight ? '\u25A0' : '\u2191'}</button>\n          <button\n            type=\"button\"\n            data-chat-close\n            @click=${this._onClose}\n            aria-label=\"Hide chat\"\n            style=${styleMap(closeStyles())}\n          >\u2715</button>\n        </div>\n      </div>\n    `;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Styles \u2014 kept inline (Lit styleMap) so they participate in light-DOM\n// rendering and pick up host CSS variables (e.g. --sc-tile-background).\n// ---------------------------------------------------------------------------\n\nfunction rootStyles(): Record<string, string> {\n  return {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '6px',\n    // Fill the host container's width. Floating consumers (e.g.\n    // bottom-right pinned) constrain via their own wrapper's max-width.\n    width: '100%',\n    pointerEvents: 'auto',\n  };\n}\n\nfunction rowStyles(): Record<string, string> {\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n    padding: '10px 12px',\n    borderRadius: 'var(--sc-tile-border-radius, 14px)',\n    // Consume the same surface tokens as SyntroTileCard so a workspace\n    // theme that sets --sc-tile-background / --sc-tile-border /\n    // --sc-tile-shadow renders the lid consistently with the tiles below.\n    // Fallbacks are neutral slate (matches darkDefaults shape) so the\n    // widget still looks intentional on a page that sets no tokens.\n    background: 'var(--sc-tile-background, rgba(15, 19, 24, 0.6))',\n    backdropFilter: 'blur(24px) saturate(140%)',\n    WebkitBackdropFilter: 'blur(24px) saturate(140%)',\n    border: 'var(--sc-tile-border, 1px solid rgba(255, 255, 255, 0.08))',\n    boxShadow: 'var(--sc-tile-shadow, 0 2px 12px rgba(0, 0, 0, 0.3))',\n    color: 'var(--sc-tile-title-color, #fafafa)',\n    fontFamily: 'var(--sc-font-family, inherit)',\n  };\n}\n\nfunction avatarStyles(): Record<string, string> {\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '24px',\n    height: '24px',\n    borderRadius: '9999px',\n    background: 'hsl(var(--sc-accent-color) / 0.15)',\n    border: '1px solid hsl(var(--sc-accent-color) / 0.30)',\n    color: 'hsl(var(--sc-accent-color) / 0.95)',\n    flexShrink: '0',\n    fontSize: '11px',\n  };\n}\n\nfunction inputStyles(): Record<string, string> {\n  return {\n    flex: '1',\n    minWidth: '0',\n    background: 'transparent',\n    border: 'none',\n    outline: 'none',\n    color: 'inherit',\n    fontSize: '13px',\n  };\n}\n\nfunction sendStyles(inFlight: boolean): Record<string, string> {\n  return {\n    width: '28px',\n    height: '28px',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: '9999px',\n    // Ready: filled accent (send is the affordance). In-flight: hollow\n    // ring + accent ring (stop is a one-of-a-kind disruptive action,\n    // styled differently so the user reads \"this isn't just send\").\n    background: inFlight ? 'transparent' : 'hsl(var(--sc-accent-color) / 0.85)',\n    color: inFlight ? 'hsl(var(--sc-accent-color) / 0.95)' : 'var(--sc-accent-foreground, #fff)',\n    border: inFlight ? '1px solid hsl(var(--sc-accent-color) / 0.55)' : 'none',\n    cursor: 'pointer',\n    flexShrink: '0',\n    transition: 'background 150ms ease, color 150ms ease, border-color 150ms ease',\n  };\n}\n\nfunction closeStyles(): Record<string, string> {\n  return {\n    width: '28px',\n    height: '28px',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: '9999px',\n    background: 'transparent',\n    color: 'inherit',\n    border: 'var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))',\n    cursor: 'pointer',\n    flexShrink: '0',\n    opacity: '0.7',\n  };\n}\n\nif (!customElements.get('adaptive-chat-bar')) {\n  customElements.define('adaptive-chat-bar', AdaptiveChatBar);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'adaptive-chat-bar': AdaptiveChatBar;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}