@aceshooting/lyra-ui 2.1.0 → 2.2.0

package/dist/components/tool-select-dialog/tool-select-dialog.class.js

@@ -0,0 +1,349 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { activateOverlay } from '../../internal/overlay-manager.js';
+import { lockScroll } from '../../internal/scroll-lock.js';
+import { nextId, srOnly } from '../../internal/a11y.js';
+import { styles } from './tool-select-dialog.styles.js';
+import '../checkbox/checkbox.class.js';
+import '../switch/switch.class.js';
+const OTHER_CATEGORY = 'Other';
+/** Default `filter`: case-insensitive substring match against the tool's name and description. */
+function defaultFilter(tool, query) {
+    return tool.name.toLowerCase().includes(query) || (tool.description ?? '').toLowerCase().includes(query);
+}
+/**
+ * `<lyra-tool-select-dialog>` — a category-grouped, filterable, searchable
+ * tool-enablement dialog for picking which agent tools are available in a
+ * conversation.
+ *
+ * This renders its own dialog panel rather than nesting a `<lyra-dialog>` in
+ * its shadow template. Shared overlay infrastructure coordinates stacking,
+ * focus trapping, Escape/backdrop dismissal, and focus return with every
+ * other overlay in the same document.
+ *
+ * `useDefaults` is a single top-level switch: while `true`, every per-tool
+ * checkbox below renders disabled (still reflecting whatever `selected`
+ * holds — a consumer should populate that with its own default tool set
+ * whenever `useDefaults` is true) and a hint explains that turning the
+ * switch off is how to customize. Turning it off is the "customize"
+ * affordance — it's the only thing that both flips `useDefaults` to `false`
+ * *and* unlocks the per-tool checkboxes for editing, so there's exactly one
+ * control for that transition rather than a separate button duplicating it.
+ *
+ * There is no built-in footer/close button — like `<lyra-dialog>`, dismissal
+ * happens via Escape, a backdrop click, or a consumer's own `footer`-slotted
+ * action calling `close()`. This also means the search input is the very
+ * first focusable element in the panel with no special-casing needed, so
+ * it's what receives focus on open (see `updated()`).
+ *
+ * @customElement lyra-tool-select-dialog
+ * @slot footer - Optional action buttons (e.g. a "Done" button), rendered in a bottom row.
+ * Changes already apply live via `lyra-change`, so this is optional.
+ * @event lyra-change - The enabled-tool selection or the `useDefaults` toggle changed.
+ * `detail: { selected: string[], useDefaults: boolean }`.
+ * @event lyra-close - `detail: ToolSelectDialogCloseReason`. Fired exactly once per dismissal,
+ * via Escape, a backdrop click, or a `close()` call.
+ * @csspart backdrop - The full-viewport scrim behind the panel.
+ * @csspart panel - The dialog panel itself (`role="dialog"` while open).
+ * @csspart header - The wrapper around the title/subtitle.
+ * @csspart title - The dialog's heading.
+ * @csspart subtitle - The "N of M tools enabled" summary line.
+ * @csspart search-row - The wrapper around the search input.
+ * @csspart search-input - The filter text input.
+ * @csspart defaults-row - The wrapper around the use-defaults switch and its hint.
+ * @csspart defaults-toggle - The built-in `<lyra-switch>` bound to `useDefaults`.
+ * @csspart defaults-hint - The "turn off to customize" hint, shown only while `useDefaults` is true.
+ * @csspart body - The scrollable wrapper around the grouped tool list.
+ * @csspart empty - The "no tools" / "no matches" message.
+ * @csspart category - A single category's wrapper (`role="group"`).
+ * @csspart category-heading - A category's heading.
+ * @csspart category-count - The terse, `aria-hidden` tool count next to a category heading
+ * (the heading's accessible name gets the full sentence from an sr-only sibling instead).
+ * @csspart category-list - The `<ul>` of tool rows within a category.
+ * @csspart tool-row - A single tool's `<li>` row.
+ * @csspart tool-checkbox - A row's `<lyra-checkbox>`.
+ * @csspart tool-name - A row's name text (plus its `icon`, if set).
+ * @csspart tool-icon - A row's leading icon glyph, when `icon` is set.
+ * @csspart tool-description - A row's optional description text.
+ * @csspart tool-disabled-reason - A disabled row's `disabledReason` text, slotted inside
+ * `tool-checkbox` (alongside `tool-name`/`tool-description`) so it contributes to the
+ * checkbox's accessible name/description instead of going unannounced.
+ * @csspart footer - The wrapper around the `footer` slot.
+ */
+export class LyraToolSelectDialog extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Whether the dialog is open. Set this (or call `close()`) — there is no separate `show()`/`hide()` pair. */
+        this.open = false;
+        /** The full set of tools a consumer offers, across all categories. */
+        this.tools = [];
+        /** The currently-enabled tool ids. */
+        this.selected = [];
+        /** Whether the conversation is using the default tool set (`true`) or a custom selection (`false`) — see the class doc for the exact interaction with `selected`/per-tool editing. */
+        this.useDefaults = false;
+        /** The dialog's visible heading and accessible name. */
+        this.label = 'Select tools';
+        this.searchPlaceholder = 'Search tools…';
+        /** Overrides the built-in case-insensitive name/description substring match. */
+        this.filter = null;
+        this.query = '';
+        this.hasFooterSlot = false;
+        this.titleId = nextId('tool-select-dialog-title');
+        // Stable per-category heading ids, keyed by category name -- generated
+        // once (not regenerated every render/keystroke) so a category's
+        // aria-labelledby target keeps the same id across re-renders.
+        this.categoryIds = new Map();
+        this.onFooterSlotChange = (e) => {
+            this.hasFooterSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
+        this.onBackdropClick = () => {
+            this.overlay?.dismissBackdrop();
+        };
+        this.onSearchInput = (e) => {
+            this.query = e.target.value;
+        };
+        this.onDefaultsToggle = (e) => {
+            this.useDefaults = e.detail.checked;
+            this.emitChange();
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles, srOnly]; }
+    willUpdate(changed) {
+        if (!this.hasUpdated) {
+            this.hasFooterSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'footer');
+        }
+        if (changed.has('open')) {
+            if (this.open) {
+                this.releaseScrollLock ??= lockScroll(this.ownerDocument);
+                this.activateOverlay();
+            }
+            else {
+                this.releaseScrollLock?.();
+                this.releaseScrollLock = undefined;
+                this.overlay?.deactivate();
+                this.overlay = undefined;
+                // Otherwise a long-lived instance reopens still showing whatever
+                // search filter/collapsed-category state the previous session left
+                // behind, rather than the fresh, unfiltered list a reopen implies.
+                this.query = '';
+            }
+        }
+    }
+    // Runs after render (not willUpdate) so [part="panel"] and its contents
+    // have already landed in the DOM before the focus call below can rely on
+    // them -- mirrors lyra-dialog's/lyra-tool-result-dialog's identical
+    // ordering rationale.
+    updated(changed) {
+        if (changed.has('open') && this.open) {
+            this.overlay?.focusInitial();
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.hasUpdated && this.open) {
+            this.releaseScrollLock ??= lockScroll(this.ownerDocument);
+            this.activateOverlay();
+            queueMicrotask(() => this.overlay?.focusInitial());
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.releaseScrollLock?.();
+        this.releaseScrollLock = undefined;
+        this.overlay?.suspend();
+    }
+    activateOverlay() {
+        if (this.overlay?.isActive()) {
+            this.overlay.resume();
+            return;
+        }
+        this.overlay = activateOverlay({
+            host: this,
+            panel: () => this.shadowRoot?.querySelector('[part="panel"]') ?? null,
+            onEscape: () => this.close('escape'),
+            onBackdrop: () => this.close('backdrop'),
+        });
+    }
+    /**
+     * Close the dialog and return focus to whatever had it before the dialog
+     * opened. `reason` is forwarded as the `lyra-close` detail — built-in
+     * triggers pass `'escape'`/`'backdrop'`; a consumer's own close affordance
+     * (e.g. a footer Done button) should call this directly with its own
+     * reason string, so every dismissal path funnels through the same event
+     * instead of the consumer having to also toggle `open` itself.
+     */
+    close(reason = 'api') {
+        if (!this.open)
+            return;
+        this.open = false;
+        this.emit('lyra-close', reason);
+    }
+    emitChange() {
+        this.emit('lyra-change', {
+            selected: [...this.selected],
+            useDefaults: this.useDefaults,
+        });
+    }
+    onToolToggle(tool, e) {
+        const set = new Set(this.selected);
+        e.detail.checked ? set.add(tool.id) : set.delete(tool.id);
+        this.selected = [...set];
+        this.emitChange();
+    }
+    categoryId(category) {
+        let id = this.categoryIds.get(category);
+        if (!id) {
+            id = nextId('tool-select-dialog-category');
+            this.categoryIds.set(category, id);
+        }
+        return id;
+    }
+    /** Tools grouped by `category` (first-seen order), with an uncategorized
+     *  bucket always last, then filtered by the active search query -- a
+     *  category left with zero matches is dropped entirely rather than
+     *  rendered as an empty heading. */
+    get groups() {
+        const order = [];
+        const byCategory = new Map();
+        for (const tool of this.tools) {
+            const category = tool.category?.trim() || OTHER_CATEGORY;
+            let bucket = byCategory.get(category);
+            if (!bucket) {
+                bucket = [];
+                byCategory.set(category, bucket);
+                if (category !== OTHER_CATEGORY)
+                    order.push(category);
+            }
+            bucket.push(tool);
+        }
+        if (byCategory.has(OTHER_CATEGORY))
+            order.push(OTHER_CATEGORY);
+        const q = this.query.trim().toLowerCase();
+        const matches = q ? (tool) => (this.filter ?? defaultFilter)(tool, q) : () => true;
+        return order
+            .map((category) => ({ category, tools: byCategory.get(category).filter(matches) }))
+            .filter((group) => group.tools.length > 0);
+    }
+    renderTool(tool) {
+        const rowDisabled = Boolean(tool.disabled) || this.useDefaults;
+        return html `
+      <li part="tool-row" ?data-disabled=${rowDisabled}>
+        <lyra-checkbox
+          part="tool-checkbox"
+          value=${tool.id}
+          ?checked=${this.selected.includes(tool.id)}
+          ?disabled=${rowDisabled}
+          @lyra-change=${(e) => this.onToolToggle(tool, e)}
+        >
+          <span part="tool-name">
+            ${tool.icon ? html `<span part="tool-icon" aria-hidden="true">${tool.icon}</span>` : nothing}${tool.name}
+          </span>
+          ${tool.description ? html `<span part="tool-description">${tool.description}</span>` : nothing}
+          ${tool.disabled && tool.disabledReason
+            ? html `<span part="tool-disabled-reason">${tool.disabledReason}</span>`
+            : nothing}
+        </lyra-checkbox>
+      </li>
+    `;
+    }
+    renderCategory(group) {
+        const headingId = this.categoryId(group.category);
+        return html `
+      <div part="category" role="group" aria-labelledby=${headingId}>
+        <h3 part="category-heading" id=${headingId}>
+          ${group.category}<span part="category-count" aria-hidden="true">${group.tools.length}</span
+          ><span class="sr-only">${group.tools.length} tool${group.tools.length === 1 ? '' : 's'}</span>
+        </h3>
+        <ul part="category-list">
+          ${group.tools.map((tool) => this.renderTool(tool))}
+        </ul>
+      </div>
+    `;
+    }
+    render() {
+        const groups = this.groups;
+        const hasTools = this.tools.length > 0;
+        return html `
+      <div part="backdrop" @click=${this.onBackdropClick}></div>
+      <div
+        part="panel"
+        role=${this.open ? 'dialog' : nothing}
+        aria-modal=${this.open ? 'true' : nothing}
+        aria-labelledby=${this.titleId}
+        tabindex="-1"
+      >
+        <div part="header">
+          <h2 part="title" id=${this.titleId}>${this.label}</h2>
+          <p part="subtitle" ?hidden=${!hasTools}>${this.selected.length} of ${this.tools.length} tools enabled</p>
+        </div>
+        <div part="search-row">
+          <input
+            part="search-input"
+            type="search"
+            .value=${this.query}
+            placeholder=${this.searchPlaceholder}
+            aria-label=${this.searchPlaceholder}
+            @input=${this.onSearchInput}
+          />
+        </div>
+        <div part="defaults-row">
+          <lyra-switch
+            part="defaults-toggle"
+            ?checked=${this.useDefaults}
+            @lyra-change=${this.onDefaultsToggle}
+          >
+            Use default tools
+          </lyra-switch>
+          ${this.useDefaults
+            ? html `<p part="defaults-hint">Turn off to choose individual tools.</p>`
+            : nothing}
+        </div>
+        <div part="body">
+          ${groups.length === 0
+            ? html `<p part="empty">
+                ${hasTools ? html `No tools match "${this.query}".` : 'No tools available.'}
+              </p>`
+            : groups.map((group) => this.renderCategory(group))}
+        </div>
+        <div part="footer" ?hidden=${!this.hasFooterSlot}>
+          <slot name="footer" @slotchange=${this.onFooterSlotChange}></slot>
+        </div>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraToolSelectDialog.prototype, "open", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraToolSelectDialog.prototype, "tools", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraToolSelectDialog.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'use-defaults' })
+], LyraToolSelectDialog.prototype, "useDefaults", void 0);
+__decorate([
+    property()
+], LyraToolSelectDialog.prototype, "label", void 0);
+__decorate([
+    property({ attribute: 'search-placeholder' })
+], LyraToolSelectDialog.prototype, "searchPlaceholder", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraToolSelectDialog.prototype, "filter", void 0);
+__decorate([
+    state()
+], LyraToolSelectDialog.prototype, "query", void 0);
+__decorate([
+    state()
+], LyraToolSelectDialog.prototype, "hasFooterSlot", void 0);
+//# sourceMappingURL=tool-select-dialog.class.js.map

package/dist/components/tool-select-dialog/tool-select-dialog.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-select-dialog.class.js","sourceRoot":"","sources":["../../../src/components/tool-select-dialog/tool-select-dialog.class.ts"],"names":[],"mappings":"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"}

package/dist/components/tool-select-dialog/tool-select-dialog.d.ts

@@ -1,151 +1,4 @@
-import { type TemplateResult, type PropertyValues } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-import '../checkbox/checkbox.js';
-import '../switch/switch.js';
-/** One selectable agent tool. `category` groups the row; tools with no
- *  `category` (or an empty one) fall into the trailing "Other" bucket. */
-export interface ToolSelectDialogTool {
-    id: string;
-    name: string;
-    description?: string;
-    category?: string;
-    /** Literal icon hint (e.g. an emoji), rendered next to `name` -- same
-     *  "opaque string, not a registry lookup" convention as `<lyra-tool-call-chip>`'s `icon`. */
-    icon?: string;
-    /** Individually gates this tool regardless of `useDefaults`/`selected` -- e.g. a tool that
-     *  requires admin approval before it can ever be enabled. */
-    disabled?: boolean;
-    /** Supporting text shown under a `disabled` row (e.g. "requires admin approval"). Ignored when `disabled` is falsy. */
-    disabledReason?: string;
-}
-/** Predicate deciding whether `tool` matches a (already-trimmed, already-lowercased) `query`.
- *  Mirrors `<lyra-combobox>`'s `OptionFilter` convention -- override `filter` to replace the
- *  built-in case-insensitive name/description substring match entirely. */
-export type ToolSelectFilter = (tool: ToolSelectDialogTool, query: string) => boolean;
-export interface ToolSelectionChangeDetail {
-    selected: string[];
-    useDefaults: boolean;
-}
-/**
- * Reason the dialog was dismissed, forwarded as the `lyra-close` event detail
- * -- mirrors `<lyra-dialog>`'s own `DialogCloseReason` shape. `'escape'`/
- * `'backdrop'` come from the dialog's own built-in dismiss triggers; any
- * other string is whatever a caller passes to `close()` directly (e.g. a
- * consumer's own footer Done button).
- */
-export type ToolSelectDialogCloseReason = 'escape' | 'backdrop' | 'api' | string;
-/**
- * `<lyra-tool-select-dialog>` — a category-grouped, filterable, searchable
- * tool-enablement dialog for picking which agent tools are available in a
- * conversation.
- *
- * This renders its own dialog panel rather than nesting a `<lyra-dialog>` in
- * its shadow template. Shared overlay infrastructure coordinates stacking,
- * focus trapping, Escape/backdrop dismissal, and focus return with every
- * other overlay in the same document.
- *
- * `useDefaults` is a single top-level switch: while `true`, every per-tool
- * checkbox below renders disabled (still reflecting whatever `selected`
- * holds — a consumer should populate that with its own default tool set
- * whenever `useDefaults` is true) and a hint explains that turning the
- * switch off is how to customize. Turning it off is the "customize"
- * affordance — it's the only thing that both flips `useDefaults` to `false`
- * *and* unlocks the per-tool checkboxes for editing, so there's exactly one
- * control for that transition rather than a separate button duplicating it.
- *
- * There is no built-in footer/close button — like `<lyra-dialog>`, dismissal
- * happens via Escape, a backdrop click, or a consumer's own `footer`-slotted
- * action calling `close()`. This also means the search input is the very
- * first focusable element in the panel with no special-casing needed, so
- * it's what receives focus on open (see `updated()`).
- *
- * @customElement lyra-tool-select-dialog
- * @slot footer - Optional action buttons (e.g. a "Done" button), rendered in a bottom row.
- * Changes already apply live via `lyra-change`, so this is optional.
- * @event lyra-change - The enabled-tool selection or the `useDefaults` toggle changed.
- * `detail: { selected: string[], useDefaults: boolean }`.
- * @event lyra-close - `detail: ToolSelectDialogCloseReason`. Fired exactly once per dismissal,
- * via Escape, a backdrop click, or a `close()` call.
- * @csspart backdrop - The full-viewport scrim behind the panel.
- * @csspart panel - The dialog panel itself (`role="dialog"` while open).
- * @csspart header - The wrapper around the title/subtitle.
- * @csspart title - The dialog's heading.
- * @csspart subtitle - The "N of M tools enabled" summary line.
- * @csspart search-row - The wrapper around the search input.
- * @csspart search-input - The filter text input.
- * @csspart defaults-row - The wrapper around the use-defaults switch and its hint.
- * @csspart defaults-toggle - The built-in `<lyra-switch>` bound to `useDefaults`.
- * @csspart defaults-hint - The "turn off to customize" hint, shown only while `useDefaults` is true.
- * @csspart body - The scrollable wrapper around the grouped tool list.
- * @csspart empty - The "no tools" / "no matches" message.
- * @csspart category - A single category's wrapper (`role="group"`).
- * @csspart category-heading - A category's heading.
- * @csspart category-count - The terse, `aria-hidden` tool count next to a category heading
- * (the heading's accessible name gets the full sentence from an sr-only sibling instead).
- * @csspart category-list - The `<ul>` of tool rows within a category.
- * @csspart tool-row - A single tool's `<li>` row.
- * @csspart tool-checkbox - A row's `<lyra-checkbox>`.
- * @csspart tool-name - A row's name text (plus its `icon`, if set).
- * @csspart tool-icon - A row's leading icon glyph, when `icon` is set.
- * @csspart tool-description - A row's optional description text.
- * @csspart tool-disabled-reason - A disabled row's `disabledReason` text, slotted inside
- * `tool-checkbox` (alongside `tool-name`/`tool-description`) so it contributes to the
- * checkbox's accessible name/description instead of going unannounced.
- * @csspart footer - The wrapper around the `footer` slot.
- */
-export declare class LyraToolSelectDialog extends LyraElement {
-    static styles: import("lit").CSSResultGroup[];
-    /** Whether the dialog is open. Set this (or call `close()`) — there is no separate `show()`/`hide()` pair. */
-    open: boolean;
-    /** The full set of tools a consumer offers, across all categories. */
-    tools: ToolSelectDialogTool[];
-    /** The currently-enabled tool ids. */
-    selected: string[];
-    /** Whether the conversation is using the default tool set (`true`) or a custom selection (`false`) — see the class doc for the exact interaction with `selected`/per-tool editing. */
-    useDefaults: boolean;
-    /** The dialog's visible heading and accessible name. */
-    label: string;
-    searchPlaceholder: string;
-    /** Overrides the built-in case-insensitive name/description substring match. */
-    filter: ToolSelectFilter | null;
-    private query;
-    private hasFooterSlot;
-    private releaseScrollLock?;
-    private overlay?;
-    private readonly titleId;
-    private readonly categoryIds;
-    protected willUpdate(changed: PropertyValues): void;
-    protected updated(changed: PropertyValues): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private activateOverlay;
-    private onFooterSlotChange;
-    /**
-     * Close the dialog and return focus to whatever had it before the dialog
-     * opened. `reason` is forwarded as the `lyra-close` detail — built-in
-     * triggers pass `'escape'`/`'backdrop'`; a consumer's own close affordance
-     * (e.g. a footer Done button) should call this directly with its own
-     * reason string, so every dismissal path funnels through the same event
-     * instead of the consumer having to also toggle `open` itself.
-     */
-    close(reason?: ToolSelectDialogCloseReason): void;
-    private onBackdropClick;
-    private emitChange;
-    private onSearchInput;
-    private onDefaultsToggle;
-    private onToolToggle;
-    private categoryId;
-    /** Tools grouped by `category` (first-seen order), with an uncategorized
-     *  bucket always last, then filtered by the active search query -- a
-     *  category left with zero matches is dropped entirely rather than
-     *  rendered as an empty heading. */
-    private get groups();
-    private renderTool;
-    private renderCategory;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-tool-select-dialog': LyraToolSelectDialog;
-    }
-}
+export * from './tool-select-dialog.class.js';
+import "../checkbox/checkbox.js";
+import "../switch/switch.js";
+//# sourceMappingURL=tool-select-dialog.d.ts.map

package/dist/components/tool-select-dialog/tool-select-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-select-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/tool-select-dialog/tool-select-dialog.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAG9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,qBAAqB,CAAC"}