@oddkin/ai 0.0.0-stage → 1.0.0-beta.1

package/dist/response-feedback/response-feedback.js

@@ -0,0 +1,129 @@
+import { OddkinElement, prop } from '@oddkin/core/element';
+import { signal } from '@oddkin/core/reactive';
+import { announceEvent, feedbackSubmitEvent } from '../events.js';
+import { FocusRecovery } from '@oddkin/core/controllers/focus';
+import { strings } from '../internal/strings.js';
+export const FEEDBACK_STRINGS = {
+    label: 'Rate this response',
+    positive: 'Good response',
+    negative: 'Bad response',
+    reasons: 'What went wrong? (optional)',
+    comment: 'Comment (optional)',
+    submit: 'Send feedback',
+    cancel: 'Cancel',
+    pending: 'Sending feedback…',
+    submitted: 'Thanks. Your feedback was recorded.',
+    failed: 'Feedback was not sent: {message}',
+    retry: 'Try again',
+};
+/**
+ * Feedback on one response: a rating, optional reasons and comment, a pending state, and the
+ * confirmed outcome from the feedback record.
+ *
+ * @csspart base - The feedback surface.
+ * @csspart form - Reasons and comment.
+ * @a11y Ratings are toggle buttons (`aria-pressed`). The outcome text comes from the record, never from the local request.
+ * @keyboard Tab and Enter or Space; the form keeps focus order rating → reasons → comment → submit.
+ * @useFor Collecting user feedback on generated responses.
+ * @notFor Surveys or general forms.
+ * @customization 1 2
+ * @category AI
+ */
+export class OddkinResponseFeedback extends OddkinElement.with({
+    messageId: prop.string({
+        default: '',
+        attribute: 'message-id',
+        description: 'Message the feedback is about.',
+    }),
+    feedback: prop.object({
+        description: 'The authoritative feedback record (status and outcome).',
+    }),
+    reasons: prop.array({ description: 'Reasons offered for negative feedback.' }),
+    disabled: prop.boolean({ reflect: true, description: 'Feedback is unavailable.' }),
+    announce: prop.enum(['none', 'important'], {
+        default: 'none',
+        empty: 'important',
+        description: 'Announce outcomes (when no surrounding surface does).',
+    }),
+    strings: prop.object({
+        description: 'Localized string overrides.',
+    }),
+}) {
+    static events = {
+        'odd-feedback-submit': feedbackSubmitEvent,
+        'odd-announce': announceEvent,
+    };
+    /** @internal Local draft (presentation state). */
+    _rating = signal(undefined);
+    /** @internal */
+    _selected = signal([]);
+    /** @internal */
+    _comment = signal('');
+    /** @internal */
+    get _strings() {
+        return strings(FEEDBACK_STRINGS, this.strings);
+    }
+    /** @internal */
+    _rate = (event) => {
+        const rating = event.currentTarget.dataset['rating'];
+        this._rating.value = this._rating.peek() === rating ? undefined : rating;
+    };
+    /** @internal */
+    _toggleReason = (event) => {
+        const input = event.target;
+        const current = this._selected.peek();
+        this._selected.value = input.checked
+            ? [...current, input.value]
+            : current.filter((r) => r !== input.value);
+    };
+    /** @internal */
+    _onComment = (event) => {
+        this._comment.value = event.target.value;
+    };
+    /** @internal */
+    _cancel = () => {
+        this._rating.value = undefined;
+        this._selected.value = [];
+        this._comment.value = '';
+    };
+    /** @internal */
+    _submit = (event) => {
+        event.preventDefault();
+        const rating = this._rating.peek();
+        if (!rating || this.disabled || this.feedback?.status === 'pending')
+            return;
+        this.emit(feedbackSubmitEvent, {
+            messageId: this.messageId,
+            rating,
+            reasons: rating === 'negative' ? this._selected.peek() : [],
+            comment: this._comment.peek(),
+        });
+    };
+    mounted(scope) {
+        scope.use(new FocusRecovery({
+            root: () => this.shadowRoot,
+            fallback: () => this.shadowRoot?.querySelector('.outcome'),
+        }));
+        let previous;
+        scope.effect(() => {
+            const status = this.feedback?.status;
+            if (status === 'submitted' && previous && previous !== 'submitted')
+                this._cancel();
+            if (this.announce !== 'none' &&
+                previous !== undefined &&
+                status !== previous &&
+                (status === 'submitted' || status === 'failed')) {
+                const t = this._strings;
+                this.emit(announceEvent, {
+                    text: status === 'submitted'
+                        ? t.submitted
+                        : t.failed.replace('{message}', this.feedback?.error?.message ?? ''),
+                    priority: 'polite',
+                    key: `feedback:${this.messageId}:${status}:${Date.now()}`,
+                });
+            }
+            previous = status ?? 'idle';
+        }, { phase: 'post', name: '<odd-response-feedback> outcome' });
+    }
+}
+//# sourceMappingURL=response-feedback.js.map

package/dist/response-feedback/response-feedback.js.map

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

package/dist/response-feedback/response-feedback.recipe.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Arrangement of the response feedback (layout-recipes.md §14): the actions, the form, and the
+ * comment field stacked; each reason's checkbox beside its label, centred.
+ */
+export declare const responseFeedbackRecipe: import("@oddkin/components/layout").LayoutRecipe;
+//# sourceMappingURL=response-feedback.recipe.d.ts.map

package/dist/response-feedback/response-feedback.recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-feedback.recipe.d.ts","sourceRoot":"","sources":["../../src/response-feedback/response-feedback.recipe.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,sBAAsB,kDAQjC,CAAC"}

package/dist/response-feedback/response-feedback.recipe.js

@@ -0,0 +1,16 @@
+import { defineLayoutRecipe, row, stack } from '@oddkin/components/layout';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Arrangement of the response feedback (layout-recipes.md §14): the actions, the form, and the
+ * comment field stacked; each reason's checkbox beside its label, centred.
+ */
+export const responseFeedbackRecipe = defineLayoutRecipe({
+    name: 'response-feedback',
+    regions: {
+        base: stack({ gap: token('space.xs') }),
+        form: stack({ gap: token('space.xs') }),
+        check: row({ gap: token('space.xs') }),
+        field: stack({ gap: token('space.2xs') }),
+    },
+});
+//# sourceMappingURL=response-feedback.recipe.js.map

package/dist/response-feedback/response-feedback.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-feedback.recipe.js","sourceRoot":"","sources":["../../src/response-feedback/response-feedback.recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,kBAAkB,CAAC;IACvD,IAAI,EAAE,mBAAmB;IACzB,OAAO,EAAE;QACP,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;QACvC,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;QACvC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;QACtC,KAAK,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;KAC1C;CACF,CAAC,CAAC"}

package/dist/response-feedback/response-feedback.recipe.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const responseFeedbackRecipeStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=response-feedback.recipe.styles.d.ts.map

package/dist/response-feedback/response-feedback.recipe.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-feedback.recipe.styles.d.ts","sourceRoot":"","sources":["../../src/response-feedback/response-feedback.recipe.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,4BAA4B,yCAExC,CAAC"}

package/dist/response-feedback/response-feedback.recipe.styles.js

@@ -0,0 +1,5 @@
+// Generated from ./response-feedback.recipe.ts by packages/ai/test/recipes.test.ts (UPDATE_FIXTURES=1).
+// Do not edit: change the recipe and regenerate.
+import { unsafeCSS } from '@oddkin/core/styles';
+export const responseFeedbackRecipeStyles = unsafeCSS('@layer odd.layout.base {\n  .base {\n    display: flex;\n    flex-direction: column;\n    gap: var(--odd-space-xs);\n    min-inline-size: 0;\n  }\n  .form {\n    display: flex;\n    flex-direction: column;\n    gap: var(--odd-space-xs);\n    min-inline-size: 0;\n  }\n  .check {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--odd-space-xs);\n    flex-wrap: nowrap;\n    min-inline-size: 0;\n  }\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--odd-space-2xs);\n    min-inline-size: 0;\n  }\n}\n');
+//# sourceMappingURL=response-feedback.recipe.styles.js.map

package/dist/response-feedback/response-feedback.recipe.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-feedback.recipe.styles.js","sourceRoot":"","sources":["../../src/response-feedback/response-feedback.recipe.styles.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,iDAAiD;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,4BAA4B,GAAG,SAAS,CACnD,qjBAAqjB,CACtjB,CAAC"}

package/dist/response-feedback/response-feedback.styles.d.ts

@@ -0,0 +1,3 @@
+/** The arrangement is the layout recipe in `response-feedback.recipe.ts`. */
+export declare const responseFeedbackStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=response-feedback.styles.d.ts.map

package/dist/response-feedback/response-feedback.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-feedback.styles.d.ts","sourceRoot":"","sources":["../../src/response-feedback/response-feedback.styles.ts"],"names":[],"mappings":"AAIA,6EAA6E;AAC7E,eAAO,MAAM,sBAAsB,yCAoClC,CAAC"}

package/dist/response-feedback/response-feedback.styles.js

@@ -0,0 +1,42 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+import { responseFeedbackRecipeStyles } from './response-feedback.recipe.styles.js';
+/** The arrangement is the layout recipe in `response-feedback.recipe.ts`. */
+export const responseFeedbackStyles = css `
+  ${responseFeedbackRecipeStyles}
+  .form {
+    max-inline-size: 36rem;
+  }
+  fieldset {
+    /* Not a grid: WebKit keeps a grid fieldset's legend at its old width after the container shrinks. */
+    display: flex;
+    flex-direction: column;
+    gap: ${token('space.2xs')};
+    margin: 0;
+    padding: ${token('space.xs')};
+    border: ${token('border.width.default')} solid ${token('color.border.default')};
+    border-radius: ${token('radius.sm')};
+  }
+  legend,
+  .field span {
+    font-size: ${token('font.size.sm')};
+  }
+  .check {
+    min-block-size: ${token('target.min')};
+  }
+  textarea {
+    padding: ${token('space.2xs')} ${token('space.xs')};
+    border: ${token('border.width.default')} solid ${token('color.border.default')};
+    border-radius: ${token('control.radius')};
+    font: inherit;
+    color: inherit;
+    background: ${token('color.surface.default')};
+  }
+  .outcome[data-status='failed'] {
+    color: ${token('color.danger.foreground')};
+  }
+  .outcome[data-status='submitted'] {
+    color: ${token('color.success.foreground')};
+  }
+`;
+//# sourceMappingURL=response-feedback.styles.js.map

package/dist/response-feedback/response-feedback.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-feedback.styles.js","sourceRoot":"","sources":["../../src/response-feedback/response-feedback.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AAEpF,6EAA6E;AAC7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;IACrC,4BAA4B;;;;;;;;WAQrB,KAAK,CAAC,WAAW,CAAC;;eAEd,KAAK,CAAC,UAAU,CAAC;cAClB,KAAK,CAAC,sBAAsB,CAAC,UAAU,KAAK,CAAC,sBAAsB,CAAC;qBAC7D,KAAK,CAAC,WAAW,CAAC;;;;iBAItB,KAAK,CAAC,cAAc,CAAC;;;sBAGhB,KAAK,CAAC,YAAY,CAAC;;;eAG1B,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC;cACxC,KAAK,CAAC,sBAAsB,CAAC,UAAU,KAAK,CAAC,sBAAsB,CAAC;qBAC7D,KAAK,CAAC,gBAAgB,CAAC;;;kBAG1B,KAAK,CAAC,uBAAuB,CAAC;;;aAGnC,KAAK,CAAC,yBAAyB,CAAC;;;aAGhC,KAAK,CAAC,0BAA0B,CAAC;;CAE7C,CAAC"}

package/dist/response-feedback/response-feedback.template.d.ts

@@ -0,0 +1,4 @@
+import type { OddkinResponseFeedback } from './response-feedback.js';
+/** Anatomy: rating toggles in `base`, then a `form` with reasons and comment while drafting. */
+export declare const responseFeedbackTemplate: (host: OddkinResponseFeedback) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=response-feedback.template.d.ts.map

package/dist/response-feedback/response-feedback.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-feedback.template.d.ts","sourceRoot":"","sources":["../../src/response-feedback/response-feedback.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAErE,gGAAgG;AAChG,eAAO,MAAM,wBAAwB,SAAU,sBAAsB,mDAuEpE,CAAC"}

package/dist/response-feedback/response-feedback.template.js

@@ -0,0 +1,70 @@
+import { html } from '@oddkin/core/template';
+import { format } from '../internal/strings.js';
+/** Anatomy: rating toggles in `base`, then a `form` with reasons and comment while drafting. */
+export const responseFeedbackTemplate = (host) => {
+    const t = host._strings;
+    const record = host.feedback;
+    const status = record?.status ?? 'idle';
+    const rating = host._rating.value ?? (status === 'submitted' ? record?.rating : undefined);
+    const drafting = !!host._rating.value && status !== 'pending' && status !== 'submitted';
+    const outcome = status === 'pending'
+        ? t.pending
+        : status === 'submitted'
+            ? t.submitted
+            : status === 'failed'
+                ? format(t.failed, { message: record?.error?.message ?? '' })
+                : '';
+    const locked = host.disabled || status === 'pending' || status === 'submitted';
+    return html `<div part="base" class="base" role="group" aria-label=${t.label}>
+    <div class="actions">
+      <button
+        class="text-button"
+        type="button"
+        data-rating="positive"
+        aria-pressed=${rating === 'positive' ? 'true' : 'false'}
+        ?disabled=${locked}
+        @click=${host._rate}
+      >
+        <span aria-hidden="true">👍</span><span class="visually-hidden">${t.positive}</span>
+      </button>
+      <button
+        class="text-button"
+        type="button"
+        data-rating="negative"
+        aria-pressed=${rating === 'negative' ? 'true' : 'false'}
+        ?disabled=${locked}
+        @click=${host._rate}
+      >
+        <span aria-hidden="true">👎</span><span class="visually-hidden">${t.negative}</span>
+      </button>
+      <span class="outcome muted" data-status=${status} ?hidden=${!outcome}>${outcome}</span>
+    </div>
+    <form part="form" class="form" ?hidden=${!drafting} @submit=${host._submit}>
+      ${host._rating.value === 'negative' && host.reasons.length
+        ? html `<fieldset>
+              <legend>${t.reasons}</legend>
+              ${host.reasons.map((reason) => html `<label class="check">
+                    <input
+                      type="checkbox"
+                      .value=${reason}
+                      .checked=${host._selected.value.includes(reason)}
+                      @change=${host._toggleReason}
+                    />
+                    ${reason}
+                  </label>`)}
+            </fieldset>`
+        : null}
+      <label class="field">
+        <span>${t.comment}</span>
+        <textarea rows="2" .value=${host._comment.value} @input=${host._onComment}></textarea>
+      </label>
+      <div class="actions">
+        <odd-button type="submit" appearance="primary" size="sm" @click=${host._submit}
+          >${status === 'failed' ? t.retry : t.submit}</odd-button
+        >
+        <odd-button size="sm" appearance="ghost" @click=${host._cancel}>${t.cancel}</odd-button>
+      </div>
+    </form>
+  </div>`;
+};
+//# sourceMappingURL=response-feedback.template.js.map

package/dist/response-feedback/response-feedback.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-feedback.template.js","sourceRoot":"","sources":["../../src/response-feedback/response-feedback.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,gGAAgG;AAChG,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,IAA4B,EAAE,EAAE;IACvE,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;IACxB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC7B,MAAM,MAAM,GAAG,MAAM,EAAE,MAAM,IAAI,MAAM,CAAC;IACxC,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3F,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,WAAW,CAAC;IACxF,MAAM,OAAO,GACX,MAAM,KAAK,SAAS;QAClB,CAAC,CAAC,CAAC,CAAC,OAAO;QACX,CAAC,CAAC,MAAM,KAAK,WAAW;YACtB,CAAC,CAAC,CAAC,CAAC,SAAS;YACb,CAAC,CAAC,MAAM,KAAK,QAAQ;gBACnB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,IAAI,EAAE,EAAE,CAAC;gBAC7D,CAAC,CAAC,EAAE,CAAC;IACb,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,WAAW,CAAC;IAC/E,OAAO,IAAI,CAAA,yDAAyD,CAAC,CAAC,KAAK;;;;;;uBAMtD,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBAC3C,MAAM;iBACT,IAAI,CAAC,KAAK;;0EAE+C,CAAC,CAAC,QAAQ;;;;;;uBAM7D,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBAC3C,MAAM;iBACT,IAAI,CAAC,KAAK;;0EAE+C,CAAC,CAAC,QAAQ;;gDAEpC,MAAM,YAAY,CAAC,OAAO,IAAI,OAAO;;6CAExC,CAAC,QAAQ,YAAY,IAAI,CAAC,OAAO;QAEtE,IAAI,CAAC,OAAO,CAAC,KAAK,KAAK,UAAU,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM;QACtD,CAAC,CAAC,IAAI,CAAA;wBACQ,CAAC,CAAC,OAAO;gBACjB,IAAI,CAAC,OAAO,CAAC,GAAG,CAChB,CAAC,MAAM,EAAE,EAAE,CACT,IAAI,CAAA;;;+BAGS,MAAM;iCACJ,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;gCACtC,IAAI,CAAC,aAAa;;sBAE5B,MAAM;2BACD,CACZ;wBACS;QACd,CAAC,CAAC,IACN;;gBAEU,CAAC,CAAC,OAAO;oCACW,IAAI,CAAC,QAAQ,CAAC,KAAK,WAAW,IAAI,CAAC,UAAU;;;0EAGP,IAAI,CAAC,OAAO;aACzE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM;;0DAEK,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM;;;SAGzE,CAAC;AACV,CAAC,CAAC"}

package/dist/sources/index.d.ts

@@ -0,0 +1,5 @@
+export { OddkinSources, SOURCES_STRINGS } from './sources.js';
+export { sourcesTemplate } from './sources.template.js';
+export { sourcesStyles } from './sources.styles.js';
+export { sourcesDefinition } from './sources.definition.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/sources/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sources/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/sources/index.js

@@ -0,0 +1,6 @@
+// Side-effect free. Register with `@oddkin/ai/define/sources`.
+export { OddkinSources, SOURCES_STRINGS } from './sources.js';
+export { sourcesTemplate } from './sources.template.js';
+export { sourcesStyles } from './sources.styles.js';
+export { sourcesDefinition } from './sources.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/sources/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/sources/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/sources/sources.d.ts

@@ -0,0 +1,53 @@
+import { OddkinElement } from '@oddkin/core/element';
+export declare const SOURCES_STRINGS: {
+    heading: string;
+    count: string;
+    open: string;
+    untitled: string;
+};
+declare const OddkinSources_base: import("@oddkin/core/element").WithProps<typeof OddkinElement, {
+    readonly sources: import("@oddkin/core/element").PropDefinition<{
+        excerpt?: string | undefined;
+        id: string;
+        kind?: "document" | "file" | "other" | "web" | undefined;
+        publisher?: string | undefined;
+        sourceId: string;
+        title?: string | undefined;
+        type: "source";
+        url?: string | undefined;
+    }[]>;
+    readonly label: import("@oddkin/core/element").PropDefinition<string>;
+    readonly strings: import("@oddkin/core/element").PropDefinition<Partial<{
+        heading: string;
+        count: string;
+        open: string;
+        untitled: string;
+    }> | undefined>;
+}>;
+/**
+ * The list of sources behind a response. Each entry is a navigation target for citations.
+ *
+ * @csspart base - The region labelled by the heading, around the list.
+ * @csspart list - The ordered list of sources.
+ * @csspart item - One source.
+ * @a11y A labelled list; entries are numbered in citation order. `reveal()` scrolls to and focuses an entry (only on user request).
+ * @useFor Showing the sources a response used, with titles, hosts, and excerpts.
+ * @notFor Arbitrary link lists; use a list of links.
+ * @customization 1 2
+ * @category AI
+ */
+export declare class OddkinSources extends OddkinSources_base {
+    /** @internal The entry most recently revealed (highlighted). */
+    readonly _revealed: import("@oddkin/core/reactive").Signal<string | undefined>;
+    /** @internal */
+    get _strings(): typeof SOURCES_STRINGS;
+    /** Scroll to and focus the entry for `sourceId`. Returns false when it is not listed. */
+    reveal(sourceId: string): boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-sources': OddkinSources;
+    }
+}
+export {};
+//# sourceMappingURL=sources.d.ts.map

package/dist/sources/sources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.d.ts","sourceRoot":"","sources":["../../src/sources/sources.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAQ,MAAM,sBAAsB,CAAC;AAK3D,eAAO,MAAM,eAAe;IAC1B,OAAO;IACP,KAAK;IACL,IAAI;IACJ,QAAQ;CACT,CAAC;;;;;;;;;;;;;;;;;;;;AAEF;;;;;;;;;;;GAWG;AACH,qBAAa,aAAc,SAAQ,kBAYjC;IACA,gEAAgE;IAChE,QAAQ,CAAC,SAAS,6DAAyC;IAE3D,gBAAgB;IAChB,IAAI,QAAQ,IAAI,OAAO,eAAe,CAErC;IAED,yFAAyF;IACzF,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAShC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,aAAa,CAAC;KAC9B;CACF"}

package/dist/sources/sources.define.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="sources.d.ts" preserve="true" />
+export {};
+//# sourceMappingURL=sources.define.d.ts.map

package/dist/sources/sources.define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.define.d.ts","sourceRoot":"","sources":["../../src/sources/sources.define.ts"],"names":[],"mappings":""}

package/dist/sources/sources.define.js

@@ -0,0 +1,5 @@
+/// <reference path="./sources.ts" preserve="true" />
+import { define } from '@oddkin/core/element';
+import { sourcesDefinition } from './sources.definition.js';
+define(sourcesDefinition);
+//# sourceMappingURL=sources.define.js.map

package/dist/sources/sources.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.define.js","sourceRoot":"","sources":["../../src/sources/sources.define.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,MAAM,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/sources/sources.definition.d.ts

@@ -0,0 +1,3 @@
+import { OddkinSources } from './sources.js';
+export declare const sourcesDefinition: import("@oddkin/core/element").ElementDefinition<OddkinSources>;
+//# sourceMappingURL=sources.definition.d.ts.map

package/dist/sources/sources.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.definition.d.ts","sourceRoot":"","sources":["../../src/sources/sources.definition.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAI7C,eAAO,MAAM,iBAAiB,iEAK5B,CAAC"}

package/dist/sources/sources.definition.js

@@ -0,0 +1,12 @@
+import { compose } from '@oddkin/core/element';
+import { aiBaseStyles } from '../internal/base.styles.js';
+import { OddkinSources } from './sources.js';
+import { sourcesStyles } from './sources.styles.js';
+import { sourcesTemplate } from './sources.template.js';
+export const sourcesDefinition = compose({
+    name: 'odd-sources',
+    element: OddkinSources,
+    template: sourcesTemplate,
+    styles: [aiBaseStyles, sourcesStyles],
+});
+//# sourceMappingURL=sources.definition.js.map

package/dist/sources/sources.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.definition.js","sourceRoot":"","sources":["../../src/sources/sources.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACvC,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,aAAa;IACtB,QAAQ,EAAE,eAAe;IACzB,MAAM,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;CACtC,CAAC,CAAC"}

package/dist/sources/sources.js

@@ -0,0 +1,51 @@
+import { OddkinElement, prop } from '@oddkin/core/element';
+import { signal } from '@oddkin/core/reactive';
+import { strings } from '../internal/strings.js';
+export const SOURCES_STRINGS = {
+    heading: 'Sources',
+    count: '{count} sources',
+    open: 'Open',
+    untitled: 'Untitled source',
+};
+/**
+ * The list of sources behind a response. Each entry is a navigation target for citations.
+ *
+ * @csspart base - The region labelled by the heading, around the list.
+ * @csspart list - The ordered list of sources.
+ * @csspart item - One source.
+ * @a11y A labelled list; entries are numbered in citation order. `reveal()` scrolls to and focuses an entry (only on user request).
+ * @useFor Showing the sources a response used, with titles, hosts, and excerpts.
+ * @notFor Arbitrary link lists; use a list of links.
+ * @customization 1 2
+ * @category AI
+ */
+export class OddkinSources extends OddkinElement.with({
+    sources: prop.array({
+        description: 'Source records in citation order (replaced, never mutated).',
+    }),
+    label: prop.string({
+        default: '',
+        description: 'Visible heading and accessible name of the list; defaults to the localized "Sources".',
+    }),
+    strings: prop.object({
+        description: 'Localized string overrides.',
+    }),
+}) {
+    /** @internal The entry most recently revealed (highlighted). */
+    _revealed = signal(undefined);
+    /** @internal */
+    get _strings() {
+        return strings(SOURCES_STRINGS, this.strings);
+    }
+    /** Scroll to and focus the entry for `sourceId`. Returns false when it is not listed. */
+    reveal(sourceId) {
+        const item = this.shadowRoot?.querySelector(`[data-source-id="${CSS.escape(sourceId)}"]`);
+        if (!item)
+            return false;
+        this._revealed.value = sourceId;
+        item.scrollIntoView({ block: 'nearest' });
+        item.focus();
+        return true;
+    }
+}
+//# sourceMappingURL=sources.js.map

package/dist/sources/sources.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.js","sourceRoot":"","sources":["../../src/sources/sources.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,iBAAiB;CAC5B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,aAAc,SAAQ,aAAa,CAAC,IAAI,CAAC;IACpD,OAAO,EAAE,IAAI,CAAC,KAAK,CAAe;QAChC,WAAW,EAAE,6DAA6D;KAC3E,CAAC;IACF,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;QACjB,OAAO,EAAE,EAAE;QACX,WAAW,EACT,uFAAuF;KAC1F,CAAC;IACF,OAAO,EAAE,IAAI,CAAC,MAAM,CAAkC;QACpD,WAAW,EAAE,6BAA6B;KAC3C,CAAC;CACH,CAAC;IACA,gEAAgE;IACvD,SAAS,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;IAE3D,gBAAgB;IAChB,IAAI,QAAQ;QACV,OAAO,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC;IAED,yFAAyF;IACzF,MAAM,CAAC,QAAgB;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CACzC,oBAAoB,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAC7C,CAAC;QACF,IAAI,CAAC,IAAI;YAAE,OAAO,KAAK,CAAC;QACxB,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,QAAQ,CAAC;QAChC,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAC1C,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;CACF"}

package/dist/sources/sources.recipe.d.ts

@@ -0,0 +1,3 @@
+/** Arrangement of the sources (layout-recipes.md §14): the items in a column, and each item's title, host, and excerpt in a tighter one. */
+export declare const sourcesRecipe: import("@oddkin/components/layout").LayoutRecipe;
+//# sourceMappingURL=sources.recipe.d.ts.map

package/dist/sources/sources.recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.recipe.d.ts","sourceRoot":"","sources":["../../src/sources/sources.recipe.ts"],"names":[],"mappings":"AAGA,4IAA4I;AAC5I,eAAO,MAAM,aAAa,kDAGxB,CAAC"}

package/dist/sources/sources.recipe.js

@@ -0,0 +1,8 @@
+import { defineLayoutRecipe, stack } from '@oddkin/components/layout';
+import { token } from '@oddkin/tokens/refs';
+/** Arrangement of the sources (layout-recipes.md §14): the items in a column, and each item's title, host, and excerpt in a tighter one. */
+export const sourcesRecipe = defineLayoutRecipe({
+    name: 'sources',
+    regions: { list: stack({ gap: token('space.xs') }), item: stack({ gap: '0.125rem' }) },
+});
+//# sourceMappingURL=sources.recipe.js.map

package/dist/sources/sources.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.recipe.js","sourceRoot":"","sources":["../../src/sources/sources.recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,4IAA4I;AAC5I,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAC;IAC9C,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,EAAE;CACvF,CAAC,CAAC"}

package/dist/sources/sources.recipe.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const sourcesRecipeStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=sources.recipe.styles.d.ts.map

package/dist/sources/sources.recipe.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.recipe.styles.d.ts","sourceRoot":"","sources":["../../src/sources/sources.recipe.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,yCAE/B,CAAC"}

package/dist/sources/sources.recipe.styles.js

@@ -0,0 +1,5 @@
+// Generated from ./sources.recipe.ts by packages/ai/test/recipes.test.ts (UPDATE_FIXTURES=1).
+// Do not edit: change the recipe and regenerate.
+import { unsafeCSS } from '@oddkin/core/styles';
+export const sourcesRecipeStyles = unsafeCSS('@layer odd.layout.base {\n  .list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--odd-space-xs);\n    min-inline-size: 0;\n  }\n  .item {\n    display: flex;\n    flex-direction: column;\n    gap: 0.125rem;\n    min-inline-size: 0;\n  }\n}\n');
+//# sourceMappingURL=sources.recipe.styles.js.map

package/dist/sources/sources.recipe.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.recipe.styles.js","sourceRoot":"","sources":["../../src/sources/sources.recipe.styles.ts"],"names":[],"mappings":"AAAA,8FAA8F;AAC9F,iDAAiD;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAC1C,sQAAsQ,CACvQ,CAAC"}

package/dist/sources/sources.styles.d.ts

@@ -0,0 +1,3 @@
+/** The arrangement is the layout recipe in `sources.recipe.ts`. */
+export declare const sourcesStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=sources.styles.d.ts.map

package/dist/sources/sources.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.styles.d.ts","sourceRoot":"","sources":["../../src/sources/sources.styles.ts"],"names":[],"mappings":"AAIA,mEAAmE;AACnE,eAAO,MAAM,aAAa,yCA8BzB,CAAC"}

package/dist/sources/sources.styles.js

@@ -0,0 +1,36 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+import { sourcesRecipeStyles } from './sources.recipe.styles.js';
+/** The arrangement is the layout recipe in `sources.recipe.ts`. */
+export const sourcesStyles = css `
+  ${sourcesRecipeStyles}
+  .heading {
+    margin: 0 0 ${token('space.xs')};
+    font-size: ${token('font.size.sm')};
+    font-weight: ${token('font.weight.semibold')};
+    color: ${token('color.text.secondary')};
+  }
+  .list {
+    margin: 0;
+    padding-inline-start: ${token('space.lg')};
+    font-size: ${token('font.size.sm')};
+  }
+  .item {
+    padding: ${token('space.2xs')} ${token('space.xs')};
+    border-radius: ${token('radius.sm')};
+  }
+  .item[data-revealed='true'] {
+    background: ${token('color.surface.hover')};
+  }
+  .title {
+    color: ${token('color.link')};
+    font-weight: ${token('font.weight.medium')};
+  }
+  span.title {
+    color: inherit;
+  }
+  .excerpt {
+    color: ${token('color.text.secondary')};
+  }
+`;
+//# sourceMappingURL=sources.styles.js.map

package/dist/sources/sources.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.styles.js","sourceRoot":"","sources":["../../src/sources/sources.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,mEAAmE;AACnE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;IAC5B,mBAAmB;;kBAEL,KAAK,CAAC,UAAU,CAAC;iBAClB,KAAK,CAAC,cAAc,CAAC;mBACnB,KAAK,CAAC,sBAAsB,CAAC;aACnC,KAAK,CAAC,sBAAsB,CAAC;;;;4BAId,KAAK,CAAC,UAAU,CAAC;iBAC5B,KAAK,CAAC,cAAc,CAAC;;;eAGvB,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC;qBACjC,KAAK,CAAC,WAAW,CAAC;;;kBAGrB,KAAK,CAAC,qBAAqB,CAAC;;;aAGjC,KAAK,CAAC,YAAY,CAAC;mBACb,KAAK,CAAC,oBAAoB,CAAC;;;;;;aAMjC,KAAK,CAAC,sBAAsB,CAAC;;CAEzC,CAAC"}

package/dist/sources/sources.template.d.ts

@@ -0,0 +1,4 @@
+import type { OddkinSources } from './sources.js';
+/** Anatomy: a heading labelling an ordered `list` of `item`s; each item is focusable for reveal. */
+export declare const sourcesTemplate: (host: OddkinSources) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=sources.template.d.ts.map

package/dist/sources/sources.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.template.d.ts","sourceRoot":"","sources":["../../src/sources/sources.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,oGAAoG;AACpG,eAAO,MAAM,eAAe,SAAU,aAAa,mDA4ClD,CAAC"}