@visuno/angular 0.0.0-stage → 0.1.0

package/permission-gate/permission-gate.component.d.ts

@@ -0,0 +1,100 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { type VoIconName } from '../core/icon.component';
+import * as i0 from "@angular/core";
+/** Something the agent is asking to be allowed to do. */
+export interface PermissionScope {
+    key: string;
+    /** Like "Edit frames". */
+    label: string;
+    /** The quiet line under it, like "Only on a new page". */
+    detail?: string;
+    /** A warning tag after it, like "Risky". */
+    risk?: string;
+    /** What the risk tag reveals on hover, like "Checkout and Docs use this library". */
+    riskDetail?: string;
+}
+/** asking, allowed or declined. */
+export type PermissionStatus = 'asking' | 'allowed' | 'declined';
+/** The agent asks before it acts: pick the scopes and how long they last, then allow or decline. */
+export declare class PermissionGateComponent implements OnChanges {
+    /** The question, like "Allow the agent to edit Figma?". */
+    title: string;
+    /** Why it asks. */
+    subtitle?: string;
+    /** The glyph in the tile beside the question. Defaults to figma (React uses a shield). */
+    iconName: VoIconName;
+    scopes: PermissionScope[];
+    /** Keys of the ticked scopes. Leave it out to let the checkboxes hold their own. */
+    value?: string[];
+    defaultValue: string[];
+    valueChange: EventEmitter<string[]>;
+    /** How long the permission lasts, picked from a small dropdown in the footer. */
+    durations: string[];
+    /** The quiet line under each duration in its menu, by duration. */
+    durationDetails: Record<string, string>;
+    duration?: string;
+    defaultDuration?: string;
+    durationChange: EventEmitter<string>;
+    /** asking, allowed or declined. Leave it out to let the buttons move it. */
+    status?: PermissionStatus;
+    defaultStatus: PermissionStatus;
+    statusChange: EventEmitter<PermissionStatus>;
+    /** Called with the ticked scopes and the duration. Return a promise and the button spins until it settles. */
+    allowEvent: EventEmitter<{
+        keys: string[];
+        duration: string;
+    }>;
+    declineEvent: EventEmitter<void>;
+    /** Called by Revoke, after allowing. */
+    revokeEvent: EventEmitter<void>;
+    /** Called by Undo, after declining. */
+    undoEvent: EventEmitter<void>;
+    /** The line under "Allowed …", like "Applying the pricing fixes now". */
+    allowedDetail?: string;
+    /** Replaces "Allowed 2 scopes for this task", like "Done. 6 frames edited". */
+    allowedTitle?: string;
+    /** The agent is still working under the permission: a spinner instead of the green check. */
+    working: boolean;
+    /** Quiet text at the end of the allowed row, like an elapsed time "0:04". */
+    meta?: string;
+    /** A follow-up ask in the middle of a run, for one more scope: the icon tile turns amber. */
+    followUp: boolean;
+    /** The decline button. Defaults to "Not now"; a follow-up ask might say "Skip this frame". */
+    declineLabel: string;
+    /** Shown after Not now. */
+    declinedTitle: string;
+    declinedDetail?: string;
+    /** Sits flat in a chat thread (the default). Set false to give it a card of its own. */
+    bare: boolean;
+    private readonly motion;
+    /** Internal state when the matching input is left uncontrolled. */
+    private innerTicked;
+    private innerDur?;
+    private innerStatus;
+    menuOpen: boolean;
+    waiting: boolean;
+    leaving: boolean;
+    back: number;
+    granted: number;
+    held: number | null;
+    private leaveTimer?;
+    ngOnChanges(changes: SimpleChanges): void;
+    get ticked(): string[];
+    get dur(): string;
+    get state(): PermissionStatus;
+    get n(): number;
+    durLabel(d: string): string;
+    durSpan(d: string): string;
+    private setTicked;
+    private setStatus;
+    toggle(key: string): void;
+    toggleMenu(): void;
+    pickDuration(d: string): void;
+    private hold;
+    allow(): Promise<void>;
+    decline(): void;
+    revoke(): void;
+    undo(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PermissionGateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PermissionGateComponent, "vo-permission-gate", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "scopes": { "alias": "scopes"; "required": false; }; "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "durations": { "alias": "durations"; "required": false; }; "durationDetails": { "alias": "durationDetails"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "defaultDuration": { "alias": "defaultDuration"; "required": false; }; "status": { "alias": "status"; "required": false; }; "defaultStatus": { "alias": "defaultStatus"; "required": false; }; "allowedDetail": { "alias": "allowedDetail"; "required": false; }; "allowedTitle": { "alias": "allowedTitle"; "required": false; }; "working": { "alias": "working"; "required": false; }; "meta": { "alias": "meta"; "required": false; }; "followUp": { "alias": "followUp"; "required": false; }; "declineLabel": { "alias": "declineLabel"; "required": false; }; "declinedTitle": { "alias": "declinedTitle"; "required": false; }; "declinedDetail": { "alias": "declinedDetail"; "required": false; }; "bare": { "alias": "bare"; "required": false; }; }, { "valueChange": "valueChange"; "durationChange": "durationChange"; "statusChange": "statusChange"; "allowEvent": "allowEvent"; "declineEvent": "declineEvent"; "revokeEvent": "revokeEvent"; "undoEvent": "undoEvent"; }, never, never, true, never>;
+}

package/plan-review/plan-review.component.d.ts

@@ -0,0 +1,86 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/** One step in the plan. */
+export interface PlanReviewStep {
+    id: string;
+    text: string;
+    /** Left out of the plan; it stays in the list, struck through. */
+    skipped?: boolean;
+    /** Marks a step the person rewrote. */
+    edited?: boolean;
+    /** run while the agent works on it, retry while it waits out a problem (a rate limit, a timeout), done once it has. */
+    state?: 'run' | 'retry' | 'done';
+    /** The line the step reports, under it: what it found, or what it waits on. Opens and crossfades when it changes. */
+    detail?: string;
+}
+/** review (steps can be edited), running (the agent works through them) or done. */
+export type PlanPhase = 'review' | 'running' | 'done';
+export declare class PlanReviewComponent {
+    /** Like "Plan: redesign the pricing page". */
+    title: string;
+    /** The quiet text at the end of the header, like an elapsed time "0:04". */
+    meta?: string | number | null;
+    /** review (steps can be edited), running (the agent works through them) or done. */
+    set phase(value: PlanPhase);
+    get phase(): PlanPhase;
+    private _phase;
+    /** The line under the title. Defaults to how many steps are left in and roughly how long they take. */
+    set status(value: string | undefined);
+    get status(): string | undefined;
+    private _status?;
+    /** The quiet line in the footer. Defaults to a hint for each phase. */
+    set note(value: string | undefined);
+    get note(): string | undefined;
+    private _note?;
+    /** Controlled steps. Leave `steps` out (and set `defaultSteps`) to let the person edit, skip and add steps on their own. */
+    set steps(value: PlanReviewStep[] | undefined);
+    get steps(): PlanReviewStep[];
+    private _list;
+    private _controlled;
+    /** The initial steps when uncontrolled. */
+    set defaultSteps(value: PlanReviewStep[]);
+    private _seeded;
+    /** Sits flat in a chat thread (the default). Set false to give it a card of its own. */
+    bare: boolean;
+    /** Extra classes for the root element. */
+    className?: string;
+    /** Emitted whenever the list changes (edit, skip, add). */
+    stepsChange: EventEmitter<PlanReviewStep[]>;
+    approve: EventEmitter<void>;
+    requestChanges: EventEmitter<void>;
+    stop: EventEmitter<void>;
+    seeChanges: EventEmitter<void>;
+    private listRef?;
+    private readonly motion;
+    private readonly original;
+    readonly entered: Set<string>;
+    private readonly first;
+    readonly detailOut: Set<string>;
+    stOut: boolean;
+    noteOut: boolean;
+    stShown: string;
+    noteShown: string;
+    private focusId;
+    private seeded;
+    get editable(): boolean;
+    private get included();
+    num(s: PlanReviewStep): string;
+    rowClass(s: PlanReviewStep): string;
+    enterDelay(id: string, i: number): string | null;
+    onRowEntered(e: AnimationEvent, id: string): void;
+    onKeydown(e: KeyboardEvent): void;
+    onBlur(e: FocusEvent, s: PlanReviewStep): void;
+    toggleSkip(s: PlanReviewStep): void;
+    addStep(): void;
+    ngAfterViewChecked(): void;
+    private update;
+    private setList;
+    private rememberOriginals;
+    private refreshStatus;
+    private refreshNote;
+    private swapStatus;
+    private swapNote;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlanReviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlanReviewComponent, "vo-plan-review", never, { "title": { "alias": "title"; "required": true; }; "meta": { "alias": "meta"; "required": false; }; "phase": { "alias": "phase"; "required": false; }; "status": { "alias": "status"; "required": false; }; "note": { "alias": "note"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "defaultSteps": { "alias": "defaultSteps"; "required": false; }; "bare": { "alias": "bare"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "stepsChange": "stepsChange"; "approve": "approve"; "requestChanges": "requestChanges"; "stop": "stop"; "seeChanges": "seeChanges"; }, never, never, true, never>;
+}

package/progress/progress.component.d.ts

@@ -0,0 +1,91 @@
+import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { ReducedMotionService } from '../core/reduced-motion.service';
+import * as i0 from "@angular/core";
+export type ProgressState = 'indeterminate' | 'running' | 'paused' | 'error' | 'complete';
+export interface ProgressStep {
+    /** Like "Indexing files". */
+    label: string;
+    /** What the step counts, like "Files". */
+    unit: string;
+    /** How many there are to count, like 2000. */
+    total: number;
+}
+export interface ProgressMeter {
+    /** Like "Credits this month". */
+    label: string;
+    value: number;
+    max: number;
+    /** The unit in the meter's spoken value, like "credits". */
+    unit?: string;
+    /** Share of max where it says "Running low" (0.75). */
+    warnAt?: number;
+    /** Share of max where it warns more strongly (0.9). */
+    dangerAt?: number;
+    /** The words for the stronger warning ("Almost out"). */
+    dangerLabel?: string;
+    /** Quiet text at the right under the meter, like "Resets Dec 1". */
+    note?: string;
+}
+/** A run's progress three ways, with an optional meter that warns as it fills. */
+export declare class ProgressComponent implements OnChanges, OnDestroy {
+    private readonly motion;
+    /** Like "Indexing the docs". */
+    title: string;
+    state: ProgressState;
+    steps: ProgressStep[];
+    /** The step in hand, from 0. */
+    step: number;
+    /** How far the step in hand is, 0 to 1. */
+    stepProgress: number;
+    /** The line under the title. Defaults to "Step 3 of 5, indexing files". */
+    valueText?: string;
+    /** What failed, shown over the bar with a Retry button while state is "error". */
+    error: string;
+    meter?: ProgressMeter;
+    onPause: EventEmitter<void>;
+    onResume: EventEmitter<void>;
+    onRetry: EventEmitter<void>;
+    onRestart: EventEmitter<void>;
+    /** Whether the respective callbacks are wired (so their controls show). */
+    pauseWired: boolean;
+    resumeWired: boolean;
+    retryWired: boolean;
+    restartWired: boolean;
+    said: string;
+    tagOut: boolean;
+    private was?;
+    private saidTimer?;
+    private tagTimer?;
+    shownTag: string;
+    constructor(motion: ReducedMotionService);
+    get n(): number;
+    get at(): number;
+    get cur(): ProgressStep;
+    get done(): boolean;
+    get ind(): boolean;
+    get sub(): number;
+    get all(): number;
+    get pct(): number;
+    get subPct(): number;
+    get code(): string;
+    get tagClass(): string;
+    get words(): string;
+    get btn(): {
+        icon: 'play' | 'pause' | 'refresh';
+        label: string;
+        on: EventEmitter<void> | null;
+    };
+    get warnAt(): number;
+    get dangerAt(): number;
+    get m(): number;
+    get band(): 0 | 1 | 2;
+    get meterFillPct(): number;
+    get meterNow(): number;
+    get meterValueText(): string;
+    segFill(j: number): number;
+    fmtN(n: number): string;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressComponent, "vo-progress", never, { "title": { "alias": "title"; "required": false; }; "state": { "alias": "state"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "step": { "alias": "step"; "required": false; }; "stepProgress": { "alias": "stepProgress"; "required": false; }; "valueText": { "alias": "valueText"; "required": false; }; "error": { "alias": "error"; "required": false; }; "meter": { "alias": "meter"; "required": false; }; "pauseWired": { "alias": "pauseWired"; "required": false; }; "resumeWired": { "alias": "resumeWired"; "required": false; }; "retryWired": { "alias": "retryWired"; "required": false; }; "restartWired": { "alias": "restartWired"; "required": false; }; }, { "onPause": "onPause"; "onResume": "onResume"; "onRetry": "onRetry"; "onRestart": "onRestart"; }, never, never, true, never>;
+}

package/prompt-library/prompt-library.component.d.ts

@@ -0,0 +1,121 @@
+import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+/** One blank in a prompt — typed in, or picked from a short list. */
+export interface PromptBlank {
+    /** The field's label, like "Section". Lowercased, it also stands in the prompt while the blank is empty. */
+    label: string;
+    /** For a typed blank: the hint in the empty field. */
+    placeholder?: string;
+    /** For a picked blank: the choices, in a dropdown that starts on the first. */
+    options?: string[];
+    /** What the field says when the prompt is used with it empty. Defaults to "Fill in the <label>". */
+    error?: string;
+}
+/** One saved prompt, its template and the blanks keyed by {key}. */
+export interface SavedPrompt {
+    id: string;
+    title: string;
+    /** The prompt, with each blank written as {key}, like "Rewrite {section} on {page}". */
+    template: string;
+    blanks: Record<string, PromptBlank>;
+}
+/** Overridable labels for the back button, footer note, use button and the used notice. */
+export interface PromptLibraryLabels {
+    back?: string;
+    note?: string;
+    use?: string;
+    usedTitle?: string;
+    usedDetail?: string;
+    undo?: string;
+    blank?: string;
+    blanks?: string;
+}
+/** A span of the template: a literal string, or a blank by its key. */
+type Part = {
+    text: string;
+} | {
+    key: string;
+};
+/** A picked blank laid out for the template, with whether it takes the full row. */
+interface PickField {
+    key: string;
+    blank: PromptBlank;
+    wide: boolean;
+}
+/** A typed blank laid out for the template. */
+interface TypedField {
+    key: string;
+    blank: PromptBlank;
+}
+/**
+ * The studio's saved prompts, each with blanks like {page}. Opening one lays its
+ * blanks out as fields, the prompt fills in as they change, and it can't be used
+ * until every blank has a value.
+ */
+export declare class PromptLibraryComponent implements OnChanges, OnDestroy {
+    /** The saved prompts to list. */
+    prompts: SavedPrompt[];
+    /** The list's heading. */
+    title: string;
+    /** The line under the title, like "Shared with Visuno Studio". */
+    subtitle?: string;
+    /** The open prompt's id, or null for the list. Leave it out to let the component hold its own. */
+    open?: string | null;
+    defaultOpen: string | null;
+    /** The open prompt's blanks, by key. A picked blank left out starts on its first option. */
+    values?: Record<string, string>;
+    defaultValues: Record<string, string>;
+    /** Overridable labels. */
+    labels: PromptLibraryLabels;
+    className?: string;
+    /** Emitted when a prompt opens or the list comes back (null). */
+    openChange: EventEmitter<string | null>;
+    /** Emitted whenever a blank's value changes. */
+    valuesChange: EventEmitter<Record<string, string>>;
+    /** Emitted with the filled prompt once every blank has a value. */
+    usePrompt: EventEmitter<{
+        text: string;
+        prompt: SavedPrompt;
+        values: Record<string, string>;
+    }>;
+    undoUse: EventEmitter<void>;
+    private root;
+    private readonly motion;
+    /** A stable id for this instance's field ids. */
+    readonly uid: string;
+    readonly cap: (s: string) => string;
+    private curId;
+    vals: Record<string, string>;
+    tried: boolean;
+    used: boolean;
+    openPick: string | null;
+    private closeTimer?;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    get L(): Required<PromptLibraryLabels>;
+    /** The open prompt, or undefined for the list. */
+    get cur(): SavedPrompt | undefined;
+    get templateParts(): Part[];
+    get typedFields(): TypedField[];
+    get pickFields(): PickField[];
+    asText(q: Part): {
+        text: string;
+    } | null;
+    count(p: SavedPrompt): string;
+    /** Every blank's value: what was typed or picked, or a picked blank's first option. */
+    filledValue(key: string): string;
+    isBad(key: string): boolean;
+    go(id: string | null): void;
+    setVal(key: string, value: string): void;
+    private setVals;
+    togglePick(key: string): void;
+    choose(key: string, value: string): void;
+    private closePickSoon;
+    /** A prompt can't be used with a blank left empty: the blank says what it needs. */
+    use(): void;
+    undo(): void;
+    onKeydown(e: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PromptLibraryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PromptLibraryComponent, "vo-prompt-library", never, { "prompts": { "alias": "prompts"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "open": { "alias": "open"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "values": { "alias": "values"; "required": false; }; "defaultValues": { "alias": "defaultValues"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "openChange": "openChange"; "valuesChange": "valuesChange"; "usePrompt": "usePrompt"; "undoUse": "undoUse"; }, never, never, true, never>;
+}
+export {};

package/prompt-starters/prompt-starters.component.d.ts

@@ -0,0 +1,65 @@
+import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { type VoIconName } from '../core/icon.component';
+import * as i0 from "@angular/core";
+/** Tone that colours a starter's icon. */
+export type StarterTone = 'blue' | 'purple' | 'green' | 'orange' | 'red' | 'yellow' | 'pink' | 'teal';
+/** One suggested starter card. */
+export interface Starter {
+    icon: VoIconName;
+    /** Colours the icon. */
+    tone?: StarterTone;
+    /** A few words, like "Audit a page". */
+    title: string;
+    /** One quiet line under the title. */
+    description: string;
+    /** The full prompt it writes into the field when picked. */
+    prompt: string;
+}
+export declare class PromptStartersComponent implements OnChanges, OnDestroy {
+    /** The starters to show, two to a row. Pass a new set to stagger them in again. */
+    starters: Starter[];
+    /** The title of the picked starter. Leave it out to let the cards pick it. */
+    value?: string | null;
+    /** Initial picked title when value is uncontrolled. */
+    defaultValue: string | null;
+    placeholder: string;
+    /** Shown in the field once the prompt is sent. */
+    sentLabel: string;
+    /** Adds a Shuffle button under the field. */
+    set onShuffle(enabled: boolean);
+    /** Emitted with the picked starter's title, or null when cleared. */
+    valueChange: EventEmitter<string | null>;
+    /** Emitted with the prompt when Send is pressed. */
+    send$: EventEmitter<string>;
+    /** Emitted when Shuffle is pressed; swap in another set of starters. */
+    shuffle: EventEmitter<void>;
+    private readonly motion;
+    hasShuffle: boolean;
+    /** The picked starter's title, or null. */
+    picked: string | null;
+    /** The field's current content, or null when empty. */
+    field: {
+        words: string[];
+        sent: boolean;
+    } | null;
+    /** How many words have been typed so far. */
+    typed: number;
+    private controlled;
+    private timer?;
+    private shownKey;
+    get visibleWords(): string[];
+    get ready(): boolean;
+    toneColor(tone?: StarterTone): string | null;
+    ngOnChanges(changes: SimpleChanges): void;
+    pick(s: Starter): void;
+    send(): void;
+    private setPicked;
+    private applyPicked;
+    private fill;
+    private typeNext;
+    private clearField;
+    private stopTyping;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PromptStartersComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PromptStartersComponent, "vo-prompt-starters", never, { "starters": { "alias": "starters"; "required": false; }; "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "sentLabel": { "alias": "sentLabel"; "required": false; }; "onShuffle": { "alias": "onShuffle"; "required": false; }; }, { "valueChange": "valueChange"; "send$": "send$"; "shuffle": "shuffle"; }, never, never, true, never>;
+}

package/proposal-card/proposal-card.component.d.ts

@@ -0,0 +1,101 @@
+import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { type VoIconName } from '../core/icon.component';
+import * as i0 from "@angular/core";
+/** Colours the tag after a value. */
+export type ProposalTone = 'ok' | 'warn' | 'bad';
+/** One side of the change: a swatch, its value and a tag, like #C9CFD8 with "2.1 : 1". */
+export interface ProposalValue {
+    /** Any CSS colour, shown in the swatch. */
+    color: string;
+    /** Like "#C9CFD8". */
+    label: string;
+    /** A short tag after the value, like a contrast ratio. */
+    badge?: string;
+    /** Colours the tag. The current value defaults to bad, the options to ok. */
+    tone?: ProposalTone;
+}
+/** A change the agent can make. The first one is its suggestion, the others show under "other options". */
+export interface ProposalOption extends ProposalValue {
+    /** Like "Suggested" or "Darker". */
+    name: string;
+    /** The quiet line beside it in the list, like "Balanced with the primary". */
+    description?: string;
+    /** How sure the agent is, 0 to 100. */
+    confidence: number;
+}
+/** open, accepted or dismissed. */
+export type ProposalStatus = 'open' | 'accepted' | 'dismissed';
+export declare class ProposalCardComponent implements AfterViewInit, OnChanges, OnDestroy {
+    /** What the agent wants to change. */
+    title: string;
+    /** Where, like "Pricing, frame 2 of 3". */
+    subtitle?: string;
+    /** The icon in the orange tile. Defaults to a wand (substituted with 'spark'). */
+    icon: VoIconName;
+    /** How it is now. */
+    from: ProposalValue;
+    /** The changes on offer, the agent's pick first. */
+    options: ProposalOption[];
+    /** Index of the option shown as the change. Leave it out to let the list pick it. */
+    value?: number;
+    /** Defaults to 0, the agent's pick. */
+    defaultValue: number;
+    valueChange: EventEmitter<number>;
+    /** Whether the other options are listed. Leave it out to let their toggle open them. */
+    open?: boolean;
+    defaultOpen: boolean;
+    openChange: EventEmitter<boolean>;
+    /** open, accepted or dismissed. Leave it out to let Accept, Not now and Undo move it. */
+    status?: ProposalStatus;
+    defaultStatus: ProposalStatus;
+    statusChange: EventEmitter<ProposalStatus>;
+    /** Called with the chosen option when Accept is pressed. */
+    accepted: EventEmitter<{
+        option: ProposalOption;
+        index: number;
+    }>;
+    dismissed: EventEmitter<void>;
+    undone: EventEmitter<void>;
+    /** Shown once accepted, like "Applied to 3 buttons". */
+    acceptedLabel: string;
+    /** Shown once dismissed. */
+    dismissedLabel: string;
+    confidenceLabel: string;
+    /** Sits flat in a chat thread (the default). Set false to give it a card of its own. */
+    bare: boolean;
+    private readonly motion;
+    readonly segIndexes: number[];
+    private selInner;
+    private openInner;
+    private stateInner;
+    /** The tweened confidence shown in the meter, 0..100. */
+    conf: number;
+    picked: boolean;
+    private ready;
+    private readyTimer?;
+    private tweenRaf?;
+    get sel(): number;
+    get isOpen(): boolean;
+    get state(): ProposalStatus;
+    get roundConf(): number;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    /** The chosen option, clamped to the list. */
+    opt(): ProposalOption | undefined;
+    /** The options other than the chosen one, with their list index and stagger key. */
+    others(): {
+        o: ProposalOption;
+        i: number;
+        k: number;
+    }[];
+    choose(i: number): void;
+    toggleOpen(): void;
+    accept(): void;
+    dismiss(): void;
+    undo(): void;
+    private setState;
+    private tweenTo;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProposalCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProposalCardComponent, "vo-proposal-card", never, { "title": { "alias": "title"; "required": true; }; "subtitle": { "alias": "subtitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "from": { "alias": "from"; "required": true; }; "options": { "alias": "options"; "required": true; }; "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "open": { "alias": "open"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "status": { "alias": "status"; "required": false; }; "defaultStatus": { "alias": "defaultStatus"; "required": false; }; "acceptedLabel": { "alias": "acceptedLabel"; "required": false; }; "dismissedLabel": { "alias": "dismissedLabel"; "required": false; }; "confidenceLabel": { "alias": "confidenceLabel"; "required": false; }; "bare": { "alias": "bare"; "required": false; }; }, { "valueChange": "valueChange"; "openChange": "openChange"; "statusChange": "statusChange"; "accepted": "accepted"; "dismissed": "dismissed"; "undone": "undone"; }, never, never, true, never>;
+}

package/public-api.d.ts

@@ -0,0 +1,82 @@
+export * from './core/icon.component';
+export * from './core/reduced-motion.service';
+export * from './account-table/account-table.component';
+export * from './action-log/action-log.component';
+export * from './activity-heatmap/activity-heatmap.component';
+export * from './agent-inbox/agent-inbox.component';
+export * from './agent-lanes/agent-lanes.component';
+export * from './agent-phases/agent-phases.component';
+export * from './agent-run-timeline/agent-run-timeline.component';
+export * from './agent-tree/agent-tree.component';
+export * from './answer-action-bar/answer-action-bar.component';
+export * from './artifact-card/artifact-card.component';
+export * from './attachment-tray/attachment-tray.component';
+export * from './badge/badge.component';
+export * from './bar-chart/bar-chart.component';
+export * from './browser-session/browser-session.component';
+export * from './buttons/buttons.component';
+export * from './card/card.component';
+export * from './change-review/change-review.component';
+export * from './citation-hover-card/citation-hover-card.component';
+export * from './code-viewer/code-viewer.component';
+export * from './composer/composer.component';
+export * from './context-meter/context-meter.component';
+export * from './decision-prompt/decision-prompt.component';
+export * from './design-review/design-review.component';
+export * from './design-tuner/design-tuner.component';
+export * from './details-panel/details-panel.component';
+export * from './donut-chart/donut-chart.component';
+export * from './draft-review/draft-review.component';
+export * from './error-recovery/error-recovery.component';
+export * from './eval-results/eval-results.component';
+export * from './feedback-sheet/feedback-sheet.component';
+export * from './field-extraction/field-extraction.component';
+export * from './funnel-chart/funnel-chart.component';
+export * from './grid/grid.component';
+export * from './health-score/health-score.component';
+export * from './human-handoff/human-handoff.component';
+export * from './image-generation/image-generation.component';
+export * from './inline-text-diff/inline-text-diff.component';
+export * from './launch-checklist/launch-checklist.component';
+export * from './line-chart/line-chart.component';
+export * from './live-answer/live-answer.component';
+export * from './metric-insight/metric-insight.component';
+export * from './modal/modal.component';
+export * from './model-picker/model-picker.component';
+export * from './permission-gate/permission-gate.component';
+export * from './plan-review/plan-review.component';
+export * from './progress/progress.component';
+export * from './prompt-library/prompt-library.component';
+export * from './prompt-starters/prompt-starters.component';
+export * from './proposal-card/proposal-card.component';
+export * from './radar-chart/radar-chart.component';
+export * from './radial-goals/radial-goals.component';
+export * from './reasoning-trail/reasoning-trail.component';
+export * from './response-versions/response-versions.component';
+export * from './rewrite-toolbar/rewrite-toolbar.component';
+export * from './rich-text-editor/rich-text-editor.component';
+export * from './run-cost/run-cost.component';
+export * from './run-queue/run-queue.component';
+export * from './run-summary/run-summary.component';
+export * from './scatter-chart/scatter-chart.component';
+export * from './score-breakdown/score-breakdown.component';
+export * from './segmented-control/segmented-control.component';
+export * from './source-stack/source-stack.component';
+export * from './stat-cards/stat-cards.component';
+export * from './status-pill/status-pill.component';
+export * from './steering/steering.component';
+export * from './step-loader/step-loader.component';
+export * from './task-table/task-table.component';
+export * from './terminal-stream/terminal-stream.component';
+export * from './thinking/thinking.component';
+export * from './thinking-states/thinking-states.component';
+export * from './thread-panel/thread-panel.component';
+export * from './toast/toast.component';
+export * from './toast-stack/toast-stack.component';
+export * from './tool-call/tool-call.component';
+export * from './tooltip/tooltip.component';
+export * from './top-pages/top-pages.component';
+export * from './trace-view/trace-view.component';
+export * from './voice-capture/voice-capture.component';
+export * from './voice-orb/voice-orb.component';
+export * from './web-search/web-search.component';