@syntrologie/adapt-search 2.8.0-canary.641 → 2.8.0-canary.643

package/dist/FilterStrip.d.ts

@@ -0,0 +1,93 @@
+/**
+ * adaptive-search — `<syntro-filter-strip>`
+ *
+ * The filter editor that sits in the chat stage's `strip` slot, above the bar.
+ * It is presentation only: it never talks to the chat session. It renders what
+ * the server said the filters are (`filters`), and every change the shopper
+ * makes leaves as an event for the owner of the session to send:
+ *
+ *   filter-edit     {edit: SearchFilterEdit, note: string}
+ *   step-suggestion {text}   (a next-step chip, when the answer is not products)
+ *   step-nav        {url}
+ *   filter-sheet    {open}   (the phone sheet opened or closed; not composed)
+ *
+ * The strip never holds filter state of its own. A removed chip stays on screen
+ * until the server sends the next filters, so two quick removes are two edits:
+ * `busy` is shown to assistive tech and never blocks input.
+ *
+ * Under 640px the chips collapse to one "Filters (n)" button that opens the same
+ * editor in a bottom sheet.
+ *
+ * Accessibility contract: chips are buttons, a value picker is a listbox with
+ * roving focus (arrows, Home, End, Enter, Space, Escape), every target is at
+ * least 44px, focus is visible, and closing anything returns focus to the
+ * control that opened it. Colours come only from the `--sc-*` theme tokens.
+ */
+import type { SearchFiltersEvent } from '@syntrologie/sdk-contracts';
+import { LitElement, nothing, type TemplateResult } from 'lit';
+export declare const FILTER_STRIP_TAG = "syntro-filter-strip";
+/** A tile that is a one-tap link: a title and `props.url` (structurally a TileConfig). */
+export interface NavChipTile {
+    readonly id: string;
+    readonly title?: string;
+    readonly props?: Readonly<Record<string, unknown>>;
+}
+export interface FilterStripSteps {
+    turnId: string;
+    suggestions: string[];
+    navChips: NavChipTile[];
+}
+/**
+ * What is open. `f:<key>` a filter's values, `add` the addable keys,
+ * `add:<key>` one addable key's values.
+ */
+type OpenId = string | null;
+export declare class FilterStripElement extends LitElement {
+    #private;
+    static properties: {
+        filters: {
+            attribute: boolean;
+        };
+        steps: {
+            attribute: boolean;
+        };
+        busy: {
+            type: BooleanConstructor;
+        };
+        _open: {
+            state: boolean;
+        };
+        _sheet: {
+            state: boolean;
+        };
+        _narrow: {
+            state: boolean;
+        };
+        _priceError: {
+            state: boolean;
+        };
+    };
+    filters: SearchFiltersEvent | null;
+    steps: FilterStripSteps | null;
+    busy: boolean;
+    _open: OpenId;
+    _sheet: boolean;
+    _narrow: boolean;
+    _priceError: string;
+    constructor();
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(changed: Map<string, unknown>): void;
+    updated(changed: Map<string, unknown>): void;
+    render(): TemplateResult | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'syntro-filter-strip': FilterStripElement;
+    }
+}
+/** Define `<syntro-filter-strip>` once. Safe to call from every entry point. */
+export declare function registerFilterStripElement(): void;
+export {};
+//# sourceMappingURL=FilterStrip.d.ts.map

package/dist/FilterStrip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterStrip.d.ts","sourceRoot":"","sources":["../src/FilterStrip.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAAK,EAKV,kBAAkB,EAEnB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAa,UAAU,EAAE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1E,eAAO,MAAM,gBAAgB,wBAAwB,CAAC;AAMtD,0FAA0F;AAC1F,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAED;;;GAGG;AACH,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAe5B,qBAAa,kBAAmB,SAAQ,UAAU;;IAChD,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;MAQf;IAEM,OAAO,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACnC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;;IAkB5B,MAAM,CAAC,MAAM,0BA4GX;IAEF,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAuB5B,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA0B/C,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAsa5C,MAAM,IAAI,cAAc,GAAG,OAAO,OAAO;CAa1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,kBAAkB,CAAC;KAC3C;CACF;AAED,gFAAgF;AAChF,wBAAgB,0BAA0B,IAAI,IAAI,CAKjD"}

package/dist/SearchChatElement.d.ts

@@ -0,0 +1,165 @@
+/**
+ * adaptive-search — `<syntro-search-chat>`, the search takeover on the chat base.
+ *
+ * Enter in the store's search box opens this full screen with the query as a
+ * chat turn. It is the shared `<syntro-chat-stage>` (the ask-bar's answer
+ * stage) in the overlay layout the ask-bar uses on a store, with four
+ * additions and nothing overridden: the filter strip in the stage's `strip`
+ * slot, instant store matches as tiles, a "See store results" chip, and the
+ * frame (backdrop, close button, full screen on a phone, a centered
+ * two-column stage on a desktop). The tiles sit on the stage, newest search
+ * first, and own the screen (`tilesFirst`): the conversation is the overlay
+ * one tap above the strip, down on open and once a turn's tiles land, up
+ * while the shopper types and for an answer in words alone. Tiles, tile actions, the conversation, recall
+ * chips, the reply, the bar and the live region are all the stage's. Esc is
+ * the frame's: it closes the takeover (the controller's), it does not
+ * collapse the conversation first as the ask-bar's does.
+ * (docs/superpowers/specs/2026-11-06-search-on-chat-base-design.md)
+ *
+ * It never talks to the chat session: the runtime's search controller sends
+ * the turns and hands this element the turn ids, the filters and the store
+ * matches. The turns its own bar sends (typed, a next step tapped, a swipe
+ * right) carry `searchSurface: true` through the stage's `turnProps`, as the
+ * controller's do. Up go what the shopper does:
+ *
+ *   search-close             the close button or the backdrop
+ *   search-see-store-results the "See store results" chip
+ *   search-navigate {url}    a link chip (strip or stage)
+ *   search-tile-tap {tileId, widget, position}
+ *   search-tiles {count, pending} the tiles on screen, or the takeover's tiles
+ *                            still waiting for their app, changed (after the render)
+ *   search-composer          the stage's chat bar mounted (it wires the chat)
+ *   search-disconnected      it left the page (evicted by another full-screen mount)
+ *   filter-edit {edit, note} (the strip's own event, composed)
+ *
+ * The tag starts with `syntro-`, which is what keeps an Enter in our own chat
+ * bar from being taken for a store search.
+ *
+ * Reactive properties are `declare`d and assigned in the constructor, so no
+ * build setting can shadow Lit's accessors (BUG-1782932922).
+ */
+import { type TileConfig } from '@syntrologie/canvas-sdk';
+import '@syntrologie/chat-stage';
+import { type SearchFiltersEvent, type StoreProduct } from '@syntrologie/sdk-contracts';
+import { LitElement } from 'lit';
+import { type FilterStripSteps } from './FilterStrip';
+export declare const SEARCH_CHAT_TAG = "syntro-search-chat";
+export declare class SearchChatElement extends LitElement {
+    #private;
+    static properties: {
+        query: {
+            attribute: boolean;
+        };
+        chatTile: {
+            attribute: boolean;
+        };
+        registry: {
+            attribute: boolean;
+        };
+        runtimeRef: {
+            attribute: boolean;
+        };
+        turnIds: {
+            attribute: boolean;
+        };
+        chatTiles: {
+            attribute: boolean;
+        };
+        placeholders: {
+            type: NumberConstructor;
+        };
+        filters: {
+            attribute: boolean;
+        };
+        busy: {
+            type: BooleanConstructor;
+        };
+        heldTiles: {
+            attribute: boolean;
+        };
+        _steps: {
+            state: boolean;
+        };
+        _sheetOpen: {
+            state: boolean;
+        };
+    };
+    /** The shopper's query: the stage's first question, painted at once. */
+    query: string;
+    /** The page's chat-bar tile, mounted as the stage's composer. */
+    chatTile: TileConfig | null;
+    /** The runtime; the stage provides it as the canvas context (we are outside `<smart-canvas>`). */
+    registry: unknown;
+    runtimeRef: unknown;
+    /** The turns sent since the takeover opened. Only their tiles are shown. */
+    turnIds: ReadonlySet<string>;
+    /**
+     * Chat-mounted tiles (the store's instant matches and the agent's), as the
+     * runtime built them from the bus, in mount order.
+     */
+    chatTiles: ReadonlyArray<TileConfig>;
+    /** Skeleton tiles under the newest question while it has none. */
+    placeholders: number;
+    filters: SearchFiltersEvent | null;
+    /** A filter edit is being answered. */
+    busy: boolean;
+    /** Chat tiles the mountable holds until their widget's app is active. */
+    heldTiles: ReadonlyArray<{
+        turn_id?: string;
+    }>;
+    _steps: FilterStripSteps | null;
+    _sheetOpen: boolean;
+    constructor();
+    static styles: import("lit").CSSResult;
+    /** True when instant store matches can be painted: the single-product widget is here. */
+    canShowInstant(): boolean;
+    /**
+     * Paint the store's matches as the turn's first tiles: each is published on
+     * the runtime bus as the tile-mounted event the chat publishes, so the
+     * store's canvas commits it to its conversation and this element shows it
+     * by the same path as the agent's tiles. Returns how many it published.
+     */
+    showInstant(products: ReadonlyArray<StoreProduct>, turnId: string): number;
+    /**
+     * The answer tiles on screen now (instant and the agent's), synchronously:
+     * only tiles whose widget is registered, so a card still waiting for its
+     * widget is never counted as content.
+     */
+    get answerTileCount(): number;
+    /**
+     * This takeover's tiles still waiting for their app (held, not on screen):
+     * a turn that ends with one of these on the way has not ended with nothing.
+     */
+    get pendingTileCount(): number;
+    /** Focus the stage's chat input. */
+    focusComposer(): boolean;
+    willUpdate(changed: Map<string, unknown>): void;
+    /** Torn out from under the controller (another full-screen mount evicted it). */
+    disconnectedCallback(): void;
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'syntro-search-chat': SearchChatElement;
+    }
+}
+/** Define `<syntro-search-chat>` (and the strip it renders) once. */
+export declare function registerSearchChatElement(): void;
+/**
+ * Mounts `<syntro-search-chat>` with the runtime as the stage's registry and
+ * runtime handle. It listens for the chat's tile lifecycle on the runtime's
+ * event bus (the same events `<smart-canvas>` commits its tiles from, the
+ * store's instant matches included) and builds each tile with the runtime's
+ * own builder, so a tile here is the tile the canvas shows, once per id.
+ * Which of them appear is the element's call (`turnIds`).
+ *
+ * A tile whose widget's app is not active yet is held until the runtime has
+ * loaded and activated it (`activateWidget`), so the stage never shows an
+ * empty card waiting for its widget, and only a tile that can mount counts as
+ * the takeover's first content.
+ */
+export declare const SearchChatMountable: {
+    mount(container: HTMLElement, config?: Record<string, unknown> | null): () => void;
+};
+//# sourceMappingURL=SearchChatElement.d.ts.map

package/dist/SearchChatElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchChatElement.d.ts","sourceRoot":"","sources":["../src/SearchChatElement.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1E,OAAO,yBAAyB,CAAC;AACjC,OAAO,EAIL,KAAK,kBAAkB,EACvB,KAAK,YAAY,EAKlB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,KAAK,gBAAgB,EAA8B,MAAM,eAAe,CAAC;AAGlF,eAAO,MAAM,eAAe,uBAAuB,CAAC;AAcpD,qBAAa,iBAAkB,SAAQ,UAAU;;IAC/C,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAaxB;IAEF,wEAAwE;IAChE,KAAK,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACzD,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAC;IACpC,kGAAkG;IAC1F,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IAC5B,4EAA4E;IACpE,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC;;;OAGG;IACK,SAAS,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAC7C,kEAAkE;IAC1D,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC3C,uCAAuC;IAC/B,IAAI,EAAE,OAAO,CAAC;IACtB,yEAAyE;IACjE,SAAS,EAAE,aAAa,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAChC,UAAU,EAAE,OAAO,CAAC;;IAuB5B,OAAgB,MAAM,0BA4EpB;IAIF,yFAAyF;IACzF,cAAc,IAAI,OAAO;IAUzB;;;;;OAKG;IACH,WAAW,CAAC,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM;IAa1E;;;;OAIG;IACH,IAAI,eAAe,IAAI,MAAM,CAE5B;IAED;;;OAGG;IACH,IAAI,gBAAgB,IAAI,MAAM,CAG7B;IAED,oCAAoC;IACpC,aAAa,IAAI,OAAO;IAgCf,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAYxD,iFAAiF;IACxE,oBAAoB,IAAI,IAAI;IAK5B,OAAO,IAAI,IAAI;IAoFf,MAAM;CAsDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,iBAAiB,CAAC;KACzC;CACF;AAED,qEAAqE;AACrE,wBAAgB,yBAAyB,IAAI,IAAI,CAMhD;AAyBD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB;qBACb,WAAW,WAAW,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,GAAG,MAAM,IAAI;CA0FnF,CAAC"}

package/dist/cdn.d.ts

@@ -20,7 +20,18 @@ export declare const manifest: {
             kind: never;
             executor: never;
         }[];
-        widgets: {
+        widgets: ({
+            id: string;
+            component: {
+                mount(container: HTMLElement, config?: Record<string, unknown> | null): () => void;
+            };
+            metadata: {
+                name: string;
+                description: string;
+                icon: string;
+                slots: string[];
+            };
+        } | {
             id: string;
             component: {
                 mount(container: HTMLElement, config?: (import("./schema").SearchSurfaceConfig & import("packages/sdk-contracts/dist").MountPlumbing) | null): () => void;
@@ -31,7 +42,7 @@ export declare const manifest: {
                 icon: string;
                 slots: string[];
             };
-        }[];
+        })[];
         notifyWatchers: unknown;
         events: unknown;
     };

package/dist/cdn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcpB,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,KAAK,CAAC,EAAE;YACN,WAAW,CAAC,EAAE;gBACZ,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;aACjC,CAAC;SACH,CAAC;KACH;CACF;AASD,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcpB,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,KAAK,CAAC,EAAE;YACN,WAAW,CAAC,EAAE;gBACZ,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;aACjC,CAAC;SACH,CAAC;KACH;CACF;AASD,eAAe,QAAQ,CAAC"}

package/dist/cdn.js

@@ -1,7 +1,7 @@
 import {
   runtime
-} from "./chunk-TGNFMETK.js";
-import "./chunk-NKOTQPVZ.js";
+} from "./chunk-7BSCJSUF.js";
+import "./chunk-XQZY6PWC.js";
 
 // src/cdn.ts
 var manifest = {