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

package/dist/action-approval/action-approval.d.ts

@@ -0,0 +1,207 @@
+import { OddkinElement, type ElementEvents } from '@oddkin/core/element';
+import type { Scope } from '@oddkin/core/scope';
+export declare const APPROVAL_STRINGS: {
+    approve: string;
+    reject: string;
+    edit: string;
+    reason: string;
+    target: string;
+    changes: string;
+    before: string;
+    after: string;
+    risk: string;
+    low: string;
+    medium: string;
+    high: string;
+    expires: string;
+    requested: string;
+    'decision-pending': string;
+    approved: string;
+    rejected: string;
+    expired: string;
+    superseded: string;
+    'decision-failed': string;
+    unavailable: string;
+    announceRequested: string;
+    announceApproved: string;
+    announceRejected: string;
+    announceExpired: string;
+    announceFailed: string;
+};
+declare const OddkinActionApproval_base: import("@oddkin/core/element").WithProps<typeof OddkinElement, {
+    readonly approval: import("@oddkin/core/element").PropDefinition<{
+        approvalId: string;
+        attemptId?: string | undefined;
+        changes?: {
+            after?: string | undefined;
+            before?: string | undefined;
+            label: string;
+        }[] | undefined;
+        decision?: "approve" | "reject" | undefined;
+        error?: {
+            code: string;
+            message: string;
+            retryable?: boolean | undefined;
+        } | undefined;
+        expiresAt?: string | undefined;
+        reason?: string | undefined;
+        revision: number;
+        risk?: "high" | "low" | "medium" | undefined;
+        status: "approved" | "decision-failed" | "decision-pending" | "expired" | "rejected" | "requested" | "superseded";
+        summary?: string | undefined;
+        target?: string | undefined;
+        title: string;
+        toolCallId?: string | undefined;
+    } | undefined>;
+    readonly capabilities: import("@oddkin/core/element").PropDefinition<{
+        attachments?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+        disconnect?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+        edit?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+        editApproval?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+        feedback?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+        history?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+        reconnect?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+        regenerate?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+        respondToApproval?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+        restoreCheckpoint?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+        resume?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+        retry?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+        send?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+        stop?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+        switchBranch?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+        voice?: {
+            available: boolean;
+            reason?: string | undefined;
+        } | undefined;
+    } | undefined>;
+    readonly announce: import("@oddkin/core/element").PropDefinition<"important" | "none">;
+    readonly strings: import("@oddkin/core/element").PropDefinition<Partial<{
+        approve: string;
+        reject: string;
+        edit: string;
+        reason: string;
+        target: string;
+        changes: string;
+        before: string;
+        after: string;
+        risk: string;
+        low: string;
+        medium: string;
+        high: string;
+        expires: string;
+        requested: string;
+        'decision-pending': string;
+        approved: string;
+        rejected: string;
+        expired: string;
+        superseded: string;
+        'decision-failed': string;
+        unavailable: string;
+        announceRequested: string;
+        announceApproved: string;
+        announceRejected: string;
+        announceExpired: string;
+        announceFailed: string;
+    }> | undefined>;
+}>;
+/**
+ * Review an action, its target, and its changes, then approve or reject it. The decision is a
+ * request: the element shows it as pending until the authoritative record changes, refuses
+ * repeated activation for the same revision, and never presents approval as success of the
+ * action.
+ *
+ * @csspart base - The approval surface.
+ * @csspart changes - Before/after list.
+ * @csspart actions - Decision controls.
+ * @a11y A labelled group. Decision buttons are native buttons; while a decision is pending they are disabled and the status text explains why. Before/after values carry visually hidden "Before"/"After" labels.
+ * @keyboard Tab to the controls; Enter or Space decides.
+ * @useFor Human approval of agent actions (tool calls, writes, purchases).
+ * @notFor Confirming the user's own direct actions; use a dialog.
+ * @limitation Authorization and execution are enforced by the host; this element only collects intent.
+ * @customization 1 2
+ * @category AI
+ */
+export declare class OddkinActionApproval extends OddkinActionApproval_base {
+    static events: {
+        'odd-approval-decide': import("@oddkin/core/element").EventDefinition<import("../events.js").ApprovalDecideDetail>;
+        'odd-approval-edit': import("@oddkin/core/element").EventDefinition<{
+            readonly approvalId: string;
+            readonly revision: number;
+        }>;
+        'odd-announce': import("@oddkin/core/element").EventDefinition<import("../events.js").AnnounceDetail>;
+    };
+    readonly _events?: ElementEvents<typeof OddkinActionApproval>;
+    /** @internal `approvalId:revision:decision` requested from this view, until the record changes. */
+    readonly _requested: import("@oddkin/core/reactive").Signal<string | undefined>;
+    /** @internal Local draft of the rejection reason. */
+    readonly _reason: import("@oddkin/core/reactive").Signal<string>;
+    /** @internal */
+    get _strings(): typeof APPROVAL_STRINGS;
+    /** @internal Whether a decision can be requested now, and why not otherwise. */
+    get _blocked(): string | undefined;
+    /** @internal */
+    readonly _decide: (decision: 'approve' | 'reject') => void;
+    /** @internal */
+    readonly _approve: () => void;
+    /** @internal */
+    readonly _reject: () => void;
+    /** @internal */
+    readonly _edit: () => void;
+    /** @internal */
+    readonly _onReason: (event: Event) => void;
+    /** @internal */
+    _expires(): string | undefined;
+    protected mounted(scope: Scope): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-action-approval': OddkinActionApproval;
+    }
+}
+export {};
+//# sourceMappingURL=action-approval.d.ts.map

package/dist/action-approval/action-approval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-approval.d.ts","sourceRoot":"","sources":["../../src/action-approval/action-approval.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAQ,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE/E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAOhD,eAAO,MAAM,gBAAgB;IAC3B,OAAO;IACP,MAAM;IACN,IAAI;IACJ,MAAM;IACN,MAAM;IACN,OAAO;IACP,MAAM;IACN,KAAK;IACL,IAAI;IACJ,GAAG;IACH,MAAM;IACN,IAAI;IACJ,OAAO;IACP,SAAS;IACT,kBAAkB;IAClB,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,UAAU;IACV,iBAAiB;IACjB,WAAW;IACX,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;IAChB,eAAe;IACf,cAAc;CACf,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,oBAAqB,SAAQ,yBAexC;IACA,OAAgB,MAAM;QACpB,qBAAqB;QACrB,mBAAmB;;;;QACnB,cAAc;MACd;IACF,SAAiB,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,oBAAoB,CAAC,CAAC;IAEtE,mGAAmG;IACnG,QAAQ,CAAC,UAAU,6DAAyC;IAC5D,qDAAqD;IACrD,QAAQ,CAAC,OAAO,iDAAc;IAE9B,gBAAgB;IAChB,IAAI,QAAQ,IAAI,OAAO,gBAAgB,CAEtC;IAED,gFAAgF;IAChF,IAAI,QAAQ,IAAI,MAAM,GAAG,SAAS,CASjC;IAED,gBAAgB;IAChB,QAAQ,CAAC,OAAO,aAAc,SAAS,GAAG,QAAQ,KAAG,IAAI,CAWvD;IACF,gBAAgB;IAChB,QAAQ,CAAC,QAAQ,QAAO,IAAI,CAA4B;IACxD,gBAAgB;IAChB,QAAQ,CAAC,OAAO,QAAO,IAAI,CAA2B;IACtD,gBAAgB;IAChB,QAAQ,CAAC,KAAK,QAAO,IAAI,CAOvB;IACF,gBAAgB;IAChB,QAAQ,CAAC,SAAS,UAAW,KAAK,KAAG,IAAI,CAEvC;IAEF,gBAAgB;IAChB,QAAQ,IAAI,MAAM,GAAG,SAAS,CAG7B;IAED,UAAmB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CA8C7C;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,oBAAoB,CAAC;KAC7C;CACF"}

package/dist/action-approval/action-approval.define.d.ts

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

package/dist/action-approval/action-approval.define.d.ts.map

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

package/dist/action-approval/action-approval.define.js

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

package/dist/action-approval/action-approval.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-approval.define.js","sourceRoot":"","sources":["../../src/action-approval/action-approval.define.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAE3E,MAAM,CAAC,wBAAwB,CAAC,CAAC"}

package/dist/action-approval/action-approval.definition.d.ts

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

package/dist/action-approval/action-approval.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-approval.definition.d.ts","sourceRoot":"","sources":["../../src/action-approval/action-approval.definition.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAI5D,eAAO,MAAM,wBAAwB,wEAMnC,CAAC"}

package/dist/action-approval/action-approval.definition.js

@@ -0,0 +1,14 @@
+import { buttonDefinition } from '@oddkin/components/button';
+import { compose } from '@oddkin/core/element';
+import { aiBaseStyles } from '../internal/base.styles.js';
+import { OddkinActionApproval } from './action-approval.js';
+import { actionApprovalStyles } from './action-approval.styles.js';
+import { actionApprovalTemplate } from './action-approval.template.js';
+export const actionApprovalDefinition = compose({
+    name: 'odd-action-approval',
+    element: OddkinActionApproval,
+    template: actionApprovalTemplate,
+    styles: [aiBaseStyles, actionApprovalStyles],
+    dependencies: { button: buttonDefinition },
+});
+//# sourceMappingURL=action-approval.definition.js.map

package/dist/action-approval/action-approval.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-approval.definition.js","sourceRoot":"","sources":["../../src/action-approval/action-approval.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,MAAM,CAAC,MAAM,wBAAwB,GAAG,OAAO,CAAC;IAC9C,IAAI,EAAE,qBAAqB;IAC3B,OAAO,EAAE,oBAAoB;IAC7B,QAAQ,EAAE,sBAAsB;IAChC,MAAM,EAAE,CAAC,YAAY,EAAE,oBAAoB,CAAC;IAC5C,YAAY,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE;CAC3C,CAAC,CAAC"}

package/dist/action-approval/action-approval.js

@@ -0,0 +1,172 @@
+import { OddkinElement, prop } from '@oddkin/core/element';
+import { signal } from '@oddkin/core/reactive';
+import { can, unavailableReason } from '../contracts/normalize.js';
+import { announceEvent, approvalDecideEvent, approvalEditEvent } from '../events.js';
+import { FocusRecovery } from '@oddkin/core/controllers/focus';
+import { format, formatTime, langOf, strings } from '../internal/strings.js';
+export const APPROVAL_STRINGS = {
+    approve: 'Approve',
+    reject: 'Reject',
+    edit: 'Edit',
+    reason: 'Reason (optional)',
+    target: 'Affects',
+    changes: 'Proposed changes',
+    before: 'Before',
+    after: 'After',
+    risk: 'Risk: {risk}',
+    low: 'low',
+    medium: 'medium',
+    high: 'high',
+    expires: 'Expires {time}',
+    requested: 'Waiting for your decision',
+    'decision-pending': 'Submitting your decision…',
+    approved: 'Approved. The action runs separately; its result appears with the action.',
+    rejected: 'Rejected. The action will not run.',
+    expired: 'This request expired before a decision was recorded.',
+    superseded: 'This proposal changed. Review the new version before deciding.',
+    'decision-failed': 'Your decision was not recorded: {message}',
+    unavailable: 'Decisions are not available here.',
+    announceRequested: 'Approval needed: {title}',
+    announceApproved: 'Approved: {title}',
+    announceRejected: 'Rejected: {title}',
+    announceExpired: 'Approval expired: {title}',
+    announceFailed: 'Decision not recorded: {title}',
+};
+/**
+ * Review an action, its target, and its changes, then approve or reject it. The decision is a
+ * request: the element shows it as pending until the authoritative record changes, refuses
+ * repeated activation for the same revision, and never presents approval as success of the
+ * action.
+ *
+ * @csspart base - The approval surface.
+ * @csspart changes - Before/after list.
+ * @csspart actions - Decision controls.
+ * @a11y A labelled group. Decision buttons are native buttons; while a decision is pending they are disabled and the status text explains why. Before/after values carry visually hidden "Before"/"After" labels.
+ * @keyboard Tab to the controls; Enter or Space decides.
+ * @useFor Human approval of agent actions (tool calls, writes, purchases).
+ * @notFor Confirming the user's own direct actions; use a dialog.
+ * @limitation Authorization and execution are enforced by the host; this element only collects intent.
+ * @customization 1 2
+ * @category AI
+ */
+export class OddkinActionApproval extends OddkinElement.with({
+    approval: prop.object({
+        description: 'The approval record (replace to update; never mutate).',
+    }),
+    capabilities: prop.object({
+        description: '`respondToApproval` and `editApproval` decide which controls are enabled.',
+    }),
+    announce: prop.enum(['none', 'important'], {
+        default: 'none',
+        empty: 'important',
+        description: 'Announce status changes (only when no surrounding surface announces them).',
+    }),
+    strings: prop.object({
+        description: 'Localized string overrides.',
+    }),
+}) {
+    static events = {
+        'odd-approval-decide': approvalDecideEvent,
+        'odd-approval-edit': approvalEditEvent,
+        'odd-announce': announceEvent,
+    };
+    /** @internal `approvalId:revision:decision` requested from this view, until the record changes. */
+    _requested = signal(undefined);
+    /** @internal Local draft of the rejection reason. */
+    _reason = signal('');
+    /** @internal */
+    get _strings() {
+        return strings(APPROVAL_STRINGS, this.strings);
+    }
+    /** @internal Whether a decision can be requested now, and why not otherwise. */
+    get _blocked() {
+        const approval = this.approval;
+        if (!approval)
+            return this._strings.unavailable;
+        if (!can(this.capabilities, 'respondToApproval'))
+            return unavailableReason(this.capabilities, 'respondToApproval') ?? this._strings.unavailable;
+        if (approval.status !== 'requested' && approval.status !== 'decision-failed')
+            return '';
+        if (this._requested.value?.startsWith(`${approval.approvalId}:${approval.revision}:`))
+            return '';
+        return undefined;
+    }
+    /** @internal */
+    _decide = (decision) => {
+        const approval = this.approval;
+        if (!approval || this._blocked !== undefined)
+            return;
+        this._requested.value = `${approval.approvalId}:${approval.revision}:${decision}`;
+        this.emit(approvalDecideEvent, {
+            approvalId: approval.approvalId,
+            revision: approval.revision,
+            toolCallId: approval.toolCallId,
+            decision,
+            reason: decision === 'reject' ? this._reason.peek() || undefined : undefined,
+        });
+    };
+    /** @internal */
+    _approve = () => this._decide('approve');
+    /** @internal */
+    _reject = () => this._decide('reject');
+    /** @internal */
+    _edit = () => {
+        const approval = this.approval;
+        if (approval)
+            this.emit(approvalEditEvent, {
+                approvalId: approval.approvalId,
+                revision: approval.revision,
+            });
+    };
+    /** @internal */
+    _onReason = (event) => {
+        this._reason.value = event.target.value;
+    };
+    /** @internal */
+    _expires() {
+        const time = formatTime(this.approval?.expiresAt, langOf(this));
+        return time ? format(this._strings.expires, { time }) : undefined;
+    }
+    mounted(scope) {
+        scope.use(new FocusRecovery({
+            root: () => this.shadowRoot,
+            fallback: () => this.shadowRoot?.querySelector('.state'),
+        }));
+        let seen;
+        scope.effect(() => {
+            const approval = this.approval;
+            if (!approval)
+                return;
+            const key = `${approval.approvalId}:${approval.revision}`;
+            // A different proposal (or a failed decision) releases the local duplicate guard.
+            const requested = this._requested.peek();
+            if (requested &&
+                (!requested.startsWith(`${key}:`) || approval.status === 'decision-failed'))
+                this._requested.value = undefined;
+            const changed = !seen || seen.key !== key || seen.status !== approval.status;
+            const announceNew = !seen ? approval.status === 'requested' : changed;
+            seen = { key, status: approval.status };
+            if (this.announce === 'none' || !announceNew)
+                return;
+            const t = this._strings;
+            const text = approval.status === 'requested'
+                ? t.announceRequested
+                : approval.status === 'approved'
+                    ? t.announceApproved
+                    : approval.status === 'rejected'
+                        ? t.announceRejected
+                        : approval.status === 'expired'
+                            ? t.announceExpired
+                            : approval.status === 'decision-failed'
+                                ? t.announceFailed
+                                : undefined;
+            if (text)
+                this.emit(announceEvent, {
+                    text: format(text, { title: approval.title }),
+                    priority: 'polite',
+                    key: `approval:${key}:${approval.status}`,
+                });
+        }, { phase: 'post', name: '<odd-action-approval> status' });
+    }
+}
+//# sourceMappingURL=action-approval.js.map

package/dist/action-approval/action-approval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-approval.js","sourceRoot":"","sources":["../../src/action-approval/action-approval.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,IAAI,EAAsB,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,mBAAmB;IAC3B,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,kBAAkB;IAC3B,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,cAAc;IACpB,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,gBAAgB;IACzB,SAAS,EAAE,2BAA2B;IACtC,kBAAkB,EAAE,2BAA2B;IAC/C,QAAQ,EAAE,2EAA2E;IACrF,QAAQ,EAAE,oCAAoC;IAC9C,OAAO,EAAE,sDAAsD;IAC/D,UAAU,EAAE,gEAAgE;IAC5E,iBAAiB,EAAE,2CAA2C;IAC9D,WAAW,EAAE,mCAAmC;IAChD,iBAAiB,EAAE,0BAA0B;IAC7C,gBAAgB,EAAE,mBAAmB;IACrC,gBAAgB,EAAE,mBAAmB;IACrC,eAAe,EAAE,2BAA2B;IAC5C,cAAc,EAAE,gCAAgC;CACjD,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,oBAAqB,SAAQ,aAAa,CAAC,IAAI,CAAC;IAC3D,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAiB;QACpC,WAAW,EAAE,wDAAwD;KACtE,CAAC;IACF,YAAY,EAAE,IAAI,CAAC,MAAM,CAAe;QACtC,WAAW,EAAE,2EAA2E;KACzF,CAAC;IACF,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE;QACzC,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,4EAA4E;KAC1F,CAAC;IACF,OAAO,EAAE,IAAI,CAAC,MAAM,CAAmC;QACrD,WAAW,EAAE,6BAA6B;KAC3C,CAAC;CACH,CAAC;IACA,MAAM,CAAU,MAAM,GAAG;QACvB,qBAAqB,EAAE,mBAAmB;QAC1C,mBAAmB,EAAE,iBAAiB;QACtC,cAAc,EAAE,aAAa;KAC9B,CAAC;IAGF,mGAAmG;IAC1F,UAAU,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;IAC5D,qDAAqD;IAC5C,OAAO,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAE9B,gBAAgB;IAChB,IAAI,QAAQ;QACV,OAAO,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC;IAED,gFAAgF;IAChF,IAAI,QAAQ;QACV,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;QAChD,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,mBAAmB,CAAC;YAC9C,OAAO,iBAAiB,CAAC,IAAI,CAAC,YAAY,EAAE,mBAAmB,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;QAChG,IAAI,QAAQ,CAAC,MAAM,KAAK,WAAW,IAAI,QAAQ,CAAC,MAAM,KAAK,iBAAiB;YAAE,OAAO,EAAE,CAAC;QACxF,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,UAAU,IAAI,QAAQ,CAAC,QAAQ,GAAG,CAAC;YACnF,OAAO,EAAE,CAAC;QACZ,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,gBAAgB;IACP,OAAO,GAAG,CAAC,QAA8B,EAAQ,EAAE;QAC1D,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS;YAAE,OAAO;QACrD,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,GAAG,QAAQ,CAAC,UAAU,IAAI,QAAQ,CAAC,QAAQ,IAAI,QAAQ,EAAE,CAAC;QAClF,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC7B,UAAU,EAAE,QAAQ,CAAC,UAAU;YAC/B,QAAQ,EAAE,QAAQ,CAAC,QAAQ;YAC3B,UAAU,EAAE,QAAQ,CAAC,UAAU;YAC/B,QAAQ;YACR,MAAM,EAAE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS;SAC7E,CAAC,CAAC;IACL,CAAC,CAAC;IACF,gBAAgB;IACP,QAAQ,GAAG,GAAS,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IACxD,gBAAgB;IACP,OAAO,GAAG,GAAS,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACtD,gBAAgB;IACP,KAAK,GAAG,GAAS,EAAE;QAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,QAAQ;YACV,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;gBAC3B,UAAU,EAAE,QAAQ,CAAC,UAAU;gBAC/B,QAAQ,EAAE,QAAQ,CAAC,QAAQ;aAC5B,CAAC,CAAC;IACP,CAAC,CAAC;IACF,gBAAgB;IACP,SAAS,GAAG,CAAC,KAAY,EAAQ,EAAE;QAC1C,IAAI,CAAC,OAAO,CAAC,KAAK,GAAI,KAAK,CAAC,MAA8B,CAAC,KAAK,CAAC;IACnE,CAAC,CAAC;IAEF,gBAAgB;IAChB,QAAQ;QACN,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,CAAC;IAEkB,OAAO,CAAC,KAAY;QACrC,KAAK,CAAC,GAAG,CACP,IAAI,aAAa,CAAC;YAChB,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU;YAC3B,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAc,QAAQ,CAAC;SACtE,CAAC,CACH,CAAC;QACF,IAAI,IAAyD,CAAC;QAC9D,KAAK,CAAC,MAAM,CACV,GAAG,EAAE;YACH,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,QAAQ;gBAAE,OAAO;YACtB,MAAM,GAAG,GAAG,GAAG,QAAQ,CAAC,UAAU,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC;YAC1D,kFAAkF;YAClF,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;YACzC,IACE,SAAS;gBACT,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,QAAQ,CAAC,MAAM,KAAK,iBAAiB,CAAC;gBAE3E,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,SAAS,CAAC;YACpC,MAAM,OAAO,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,KAAK,GAAG,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,CAAC;YAC7E,MAAM,WAAW,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC;YACtE,IAAI,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC;YACxC,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,CAAC,WAAW;gBAAE,OAAO;YACrD,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;YACxB,MAAM,IAAI,GACR,QAAQ,CAAC,MAAM,KAAK,WAAW;gBAC7B,CAAC,CAAC,CAAC,CAAC,iBAAiB;gBACrB,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,UAAU;oBAC9B,CAAC,CAAC,CAAC,CAAC,gBAAgB;oBACpB,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,UAAU;wBAC9B,CAAC,CAAC,CAAC,CAAC,gBAAgB;wBACpB,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,SAAS;4BAC7B,CAAC,CAAC,CAAC,CAAC,eAAe;4BACnB,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,iBAAiB;gCACrC,CAAC,CAAC,CAAC,CAAC,cAAc;gCAClB,CAAC,CAAC,SAAS,CAAC;YACxB,IAAI,IAAI;gBACN,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;oBACvB,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;oBAC7C,QAAQ,EAAE,QAAQ;oBAClB,GAAG,EAAE,YAAY,GAAG,IAAI,QAAQ,CAAC,MAAM,EAAE;iBAC1C,CAAC,CAAC;QACP,CAAC,EACD,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,8BAA8B,EAAE,CACxD,CAAC;IACJ,CAAC;CACF"}

package/dist/action-approval/action-approval.recipe.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Arrangement of the approval (layout-recipes.md §14): the card's parts and the proposed changes
+ * stacked, each change's label and values in a row that wraps, and the reason field stacked.
+ */
+export declare const actionApprovalRecipe: import("@oddkin/components/layout").LayoutRecipe;
+//# sourceMappingURL=action-approval.recipe.d.ts.map

package/dist/action-approval/action-approval.recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-approval.recipe.d.ts","sourceRoot":"","sources":["../../src/action-approval/action-approval.recipe.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,oBAAoB,kDAQ/B,CAAC"}

package/dist/action-approval/action-approval.recipe.js

@@ -0,0 +1,16 @@
+import { defineLayoutRecipe, row, stack } from '@oddkin/components/layout';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Arrangement of the approval (layout-recipes.md §14): the card's parts and the proposed changes
+ * stacked, each change's label and values in a row that wraps, and the reason field stacked.
+ */
+export const actionApprovalRecipe = defineLayoutRecipe({
+    name: 'action-approval',
+    regions: {
+        base: stack({ gap: token('space.xs') }),
+        changes: stack({ gap: token('space.2xs') }),
+        change: row({ gap: token('space.xs'), align: 'stretch', wrap: true }),
+        reason: stack({ gap: token('space.2xs') }),
+    },
+});
+//# sourceMappingURL=action-approval.recipe.js.map

package/dist/action-approval/action-approval.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-approval.recipe.js","sourceRoot":"","sources":["../../src/action-approval/action-approval.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,oBAAoB,GAAG,kBAAkB,CAAC;IACrD,IAAI,EAAE,iBAAiB;IACvB,OAAO,EAAE;QACP,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;QACvC,OAAO,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;QAC3C,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QACrE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;KAC3C;CACF,CAAC,CAAC"}

package/dist/action-approval/action-approval.recipe.styles.d.ts

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

package/dist/action-approval/action-approval.recipe.styles.d.ts.map

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

package/dist/action-approval/action-approval.recipe.styles.js

@@ -0,0 +1,5 @@
+// Generated from ./action-approval.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 actionApprovalRecipeStyles = 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  .changes {\n    display: flex;\n    flex-direction: column;\n    gap: var(--odd-space-2xs);\n    min-inline-size: 0;\n  }\n  .change {\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n    gap: var(--odd-space-xs);\n    flex-wrap: wrap;\n    min-inline-size: 0;\n  }\n  .reason {\n    display: flex;\n    flex-direction: column;\n    gap: var(--odd-space-2xs);\n    min-inline-size: 0;\n  }\n}\n');
+//# sourceMappingURL=action-approval.recipe.styles.js.map

package/dist/action-approval/action-approval.recipe.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-approval.recipe.styles.js","sourceRoot":"","sources":["../../src/action-approval/action-approval.recipe.styles.ts"],"names":[],"mappings":"AAAA,sGAAsG;AACtG,iDAAiD;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,0BAA0B,GAAG,SAAS,CACjD,0jBAA0jB,CAC3jB,CAAC"}

package/dist/action-approval/action-approval.styles.d.ts

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

package/dist/action-approval/action-approval.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-approval.styles.d.ts","sourceRoot":"","sources":["../../src/action-approval/action-approval.styles.ts"],"names":[],"mappings":"AAIA,2EAA2E;AAC3E,eAAO,MAAM,oBAAoB,yCA6DhC,CAAC"}

package/dist/action-approval/action-approval.styles.js

@@ -0,0 +1,67 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+import { actionApprovalRecipeStyles } from './action-approval.recipe.styles.js';
+/** The arrangement is the layout recipe in `action-approval.recipe.ts`. */
+export const actionApprovalStyles = css `
+  ${actionApprovalRecipeStyles}
+  .base {
+    padding: ${token('space.sm')};
+    border: ${token('border.width.strong')} solid ${token('color.border.strong')};
+    border-radius: ${token('radius.md')};
+    background: ${token('color.surface.raised')};
+  }
+  .base[data-status='approved'],
+  .base[data-status='rejected'],
+  .base[data-status='expired'],
+  .base[data-status='superseded'] {
+    border-width: ${token('border.width.default')};
+    border-color: ${token('color.border.default')};
+  }
+  p {
+    margin: 0;
+  }
+  .title {
+    font-weight: ${token('font.weight.semibold')};
+  }
+  .changes {
+    font-size: ${token('font.size.sm')};
+  }
+  .change-label {
+    font-weight: ${token('font.weight.medium')};
+  }
+  del {
+    color: ${token('color.danger.foreground')};
+  }
+  ins {
+    color: ${token('color.success.foreground')};
+    text-decoration: none;
+  }
+  .state {
+    font-size: ${token('font.size.sm')};
+  }
+  .state[data-tone='success'] {
+    color: ${token('color.success.foreground')};
+  }
+  .state[data-tone='danger'] {
+    color: ${token('color.danger.foreground')};
+  }
+  .reason {
+    flex: 1 1 100%;
+  }
+  textarea {
+    min-block-size: ${token('target.min')};
+    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')};
+    resize: vertical;
+  }
+  @media (forced-colors: active) {
+    .base {
+      border-color: CanvasText;
+    }
+  }
+`;
+//# sourceMappingURL=action-approval.styles.js.map

package/dist/action-approval/action-approval.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-approval.styles.js","sourceRoot":"","sources":["../../src/action-approval/action-approval.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAEhF,2EAA2E;AAC3E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;IACnC,0BAA0B;;eAEf,KAAK,CAAC,UAAU,CAAC;cAClB,KAAK,CAAC,qBAAqB,CAAC,UAAU,KAAK,CAAC,qBAAqB,CAAC;qBAC3D,KAAK,CAAC,WAAW,CAAC;kBACrB,KAAK,CAAC,sBAAsB,CAAC;;;;;;oBAM3B,KAAK,CAAC,sBAAsB,CAAC;oBAC7B,KAAK,CAAC,sBAAsB,CAAC;;;;;;mBAM9B,KAAK,CAAC,sBAAsB,CAAC;;;iBAG/B,KAAK,CAAC,cAAc,CAAC;;;mBAGnB,KAAK,CAAC,oBAAoB,CAAC;;;aAGjC,KAAK,CAAC,yBAAyB,CAAC;;;aAGhC,KAAK,CAAC,0BAA0B,CAAC;;;;iBAI7B,KAAK,CAAC,cAAc,CAAC;;;aAGzB,KAAK,CAAC,0BAA0B,CAAC;;;aAGjC,KAAK,CAAC,yBAAyB,CAAC;;;;;;sBAMvB,KAAK,CAAC,YAAY,CAAC;eAC1B,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;;;;;;;;CAQ/C,CAAC"}

package/dist/action-approval/action-approval.template.d.ts

@@ -0,0 +1,4 @@
+import type { OddkinActionApproval } from './action-approval.js';
+/** Anatomy: a labelled `base` group with summary, target, `changes`, status, and `actions`. */
+export declare const actionApprovalTemplate: (host: OddkinActionApproval) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=action-approval.template.d.ts.map

package/dist/action-approval/action-approval.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-approval.template.d.ts","sourceRoot":"","sources":["../../src/action-approval/action-approval.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,+FAA+F;AAC/F,eAAO,MAAM,sBAAsB,SAAU,oBAAoB,mDAoGhE,CAAC"}