@visuno/angular 0.0.0-stage → 0.1.0

package/buttons/buttons.component.d.ts

@@ -0,0 +1,63 @@
+import { EventEmitter, OnDestroy } from '@angular/core';
+import { type VoIconName } from '../core/icon.component';
+import { ReducedMotionService } from '../core/reduced-motion.service';
+import * as i0 from "@angular/core";
+/** primary is the main action, on the accent. ink is the old name for primary and still works. */
+export type ButtonVariant = 'primary' | 'accent' | 'soft' | 'line' | 'ghost' | 'ink';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+/** A pill button in one of the site's five styles and three sizes, with busy, done and pressed states. */
+export declare class ButtonComponent implements OnDestroy {
+    private readonly motion;
+    /** primary/accent for the main action, soft and line for the rest, ghost for the quietest. */
+    variant?: ButtonVariant;
+    size: ButtonSize;
+    /** An icon before the label. */
+    icon?: VoIconName;
+    /** The label (alternative to projected content). */
+    label?: string;
+    /** Shows the busy face: a spinner (or thinking dots) and busyLabel. Clicks are ignored. */
+    busy?: boolean;
+    /** Shows the done face: a check that pops in and doneLabel. Clicks are ignored. */
+    done?: boolean;
+    /** The label while busy, like "Publishing". Defaults to the label. */
+    busyLabel?: string;
+    /** The label once done, like "Published". Defaults to the label. */
+    doneLabel?: string;
+    /** The icon on the done face. Defaults to a check that pops in. */
+    doneIcon?: VoIconName;
+    /** spin, or think: the agent's four turning dots with a shimmering label. */
+    busyGlyph: 'spin' | 'think';
+    /** The done face turns green. */
+    success?: boolean;
+    /** How long the done face stays when the button runs itself. */
+    doneFor: number;
+    /** Going back from done to the label blurs across (the default) instead of switching at once. */
+    fadeBack: boolean;
+    /** For a toggle: whether it is on, as aria-pressed. */
+    pressed?: boolean;
+    /**
+     * A plain click. Return a Promise (resolve with any value) and the button
+     * runs by itself: busy until it settles, then done for `doneFor` ms.
+     */
+    handler?: () => void | Promise<unknown>;
+    /** Emitted on a plain click (when not busy/done). */
+    clicked: EventEmitter<MouseEvent>;
+    private auto;
+    private alive;
+    private timer?;
+    private swapTimer?;
+    /** True while the face blurs out before it is swapped. */
+    out: boolean;
+    constructor(motion: ReducedMotionService);
+    get isBusy(): boolean;
+    get isDone(): boolean;
+    get think(): boolean;
+    get variantCls(): string | null;
+    get shownLabel(): string | undefined;
+    onClick(e: MouseEvent): void;
+    /** Blurs the done face out before it becomes the idle label again (fadeBack). */
+    private back;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "vo-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "busy": { "alias": "busy"; "required": false; }; "done": { "alias": "done"; "required": false; }; "busyLabel": { "alias": "busyLabel"; "required": false; }; "doneLabel": { "alias": "doneLabel"; "required": false; }; "doneIcon": { "alias": "doneIcon"; "required": false; }; "busyGlyph": { "alias": "busyGlyph"; "required": false; }; "success": { "alias": "success"; "required": false; }; "doneFor": { "alias": "doneFor"; "required": false; }; "fadeBack": { "alias": "fadeBack"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "handler": { "alias": "handler"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
+}

package/card/card.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/** How much the card insets its header, body and footer. */
+export type CardPad = 'none' | 'sm' | 'md';
+export declare class CardComponent {
+    /** A title shown in the header. */
+    title?: string;
+    /** A subtitle under the title. */
+    subtitle?: string;
+    /** How the footer's actions align. 'end' by default. */
+    footerAlign: 'start' | 'end' | 'between';
+    /** Inset for header/body/footer. 'md' by default. */
+    pad: CardPad;
+    /** Makes the whole card a hit target: lifts on hover, takes focus, fires (clicked) on Enter/Space. */
+    interactive: boolean;
+    /** Emitted when an interactive card is activated (click or Enter/Space). */
+    clicked: EventEmitter<void>;
+    onKeyDown(e: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "vo-card", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "footerAlign": { "alias": "footerAlign"; "required": false; }; "pad": { "alias": "pad"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; }, { "clicked": "clicked"; }, never, ["[card-action]", "*", "[card-footer]"], true, never>;
+}

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

@@ -0,0 +1,97 @@
+import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { ReducedMotionService } from '../core/reduced-motion.service';
+import * as i0 from "@angular/core";
+/** A single diff line. add and del lines are coloured; ctx lines are unchanged context. */
+export interface DiffLine {
+    /** add and del lines are coloured; ctx lines are unchanged context. */
+    kind: 'add' | 'del' | 'ctx';
+    /** The line number shown in the gutter. */
+    line: number;
+    text: string;
+}
+/** One change to review, keep or undo on its own. */
+export interface Hunk {
+    /** Identifies the hunk in `decisions`. Defaults to "<file name>#<index>". */
+    key?: string;
+    /** What the change does, like "Use the shared button". */
+    title: string;
+    lines: DiffLine[];
+}
+/** A changed file, shown in the list and opened in the diff. */
+export interface ChangedFile {
+    /** Like "PricingCard.tsx". Its extension becomes the type label. */
+    name: string;
+    /** Shown above the diff, like "src/PricingCard.tsx". Defaults to the name. */
+    path?: string;
+    hunks: Hunk[];
+}
+/** Whether a hunk was kept or undone. */
+export type HunkDecision = 'kept' | 'undone';
+/** Payload emitted when the person asks the agent about a line. */
+export interface LineComment {
+    file: ChangedFile;
+    hunk: Hunk;
+    line: DiffLine;
+    text: string;
+}
+/** A file row's rolled-up state across its hunks. */
+type FileState = 'kept' | 'undone' | 'some' | '';
+/** Live state for one line's comment box. */
+interface CommentBox {
+    draft: string;
+    sent?: string;
+}
+export declare class ChangeReviewComponent implements OnChanges, OnDestroy {
+    /** The files to review. */
+    files: ChangedFile[];
+    /** The file shown on the right, by index. Leave it out to let the list pick it. */
+    file?: number;
+    defaultFile: number;
+    /** Kept or undone, by hunk key. Leave it out to let the buttons keep track. */
+    decisions?: Record<string, HunkDecision>;
+    defaultDecisions: Record<string, HunkDecision>;
+    /** Header over the file list. Defaults to "N files changed". */
+    title?: string;
+    /** Emitted when the shown file changes. */
+    fileChange: EventEmitter<number>;
+    /** Emitted when any hunk's decision changes. */
+    decisionsChange: EventEmitter<Record<string, HunkDecision>>;
+    /** Emitted when the person asks the agent about a line. Without a question it sends "Why this change?". */
+    comment: EventEmitter<LineComment>;
+    private commentInputs;
+    readonly motion: ReducedMotionService;
+    readonly keyOf: (f: ChangedFile, h: Hunk, k: number) => string;
+    readonly ext: (name: string) => string;
+    /** Uncontrolled fallbacks; the matching @Input, when set, wins (controlled). */
+    private curInner;
+    private decInner;
+    /** Per-line comment boxes, by "<file>:<hunk>:<line>". */
+    boxes: Record<string, CommentBox>;
+    added: number;
+    removed: number;
+    private advance?;
+    ngOnChanges(changes: SimpleChanges): void;
+    private countChanges;
+    private get cur();
+    private get dec();
+    /** The clamped index of the shown file. */
+    get at(): number;
+    /** The shown file, or an empty stand-in while the list is empty. */
+    current(): ChangedFile;
+    defaultTitle(): string;
+    boxId(k: number, j: number): string;
+    decisionFor(f: ChangedFile, h: Hunk, k: number): HunkDecision | '';
+    fileState(x: ChangedFile): FileState;
+    /** Show file i; the diff's entrance replays through the fresh [animation-delay]. */
+    show(i: number): void;
+    private setDec;
+    decide(key: string, s: HunkDecision): void;
+    bulk(s: HunkDecision): void;
+    openComment(k: number, j: number): void;
+    send(id: string, h: Hunk, l: DiffLine): void;
+    closeComment(id: string): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChangeReviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChangeReviewComponent, "vo-change-review", never, { "files": { "alias": "files"; "required": false; }; "file": { "alias": "file"; "required": false; }; "defaultFile": { "alias": "defaultFile"; "required": false; }; "decisions": { "alias": "decisions"; "required": false; }; "defaultDecisions": { "alias": "defaultDecisions"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "fileChange": "fileChange"; "decisionsChange": "decisionsChange"; "comment": "comment"; }, never, never, true, never>;
+}
+export {};

package/citation-hover-card/citation-hover-card.component.d.ts

@@ -0,0 +1,95 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+/** One source behind a citation. */
+export interface CitationHoverCardSource {
+    /** One or two letters on the source's coloured mark, like "B". */
+    mark: string;
+    /** The mark's colour, like '#4a5a8a' or 'var(--vo-pm)'. */
+    color: string;
+    /** Where it comes from, like "baymard.com" or "Drive". */
+    site: string;
+    title: string;
+    /** The passage the answer relies on. Wrap the part that matters in <mark>…</mark>. */
+    quote: string;
+    /** The quiet line in the corner, like "Read 4 days ago". */
+    meta?: string;
+    /** Opens in a new tab from the card's link. */
+    href?: string;
+}
+/** The parsed pieces of one paragraph: text runs and citation numbers. */
+interface Part {
+    cite: boolean;
+    /** The text for a plain run, or the citation number for a cite. */
+    text: string;
+    /** The source index (number − 1) for a cite, or −1 when there is no such source. */
+    i: number;
+}
+/** The card kept on screen, with its restart key and placement. */
+interface Shown {
+    i: number;
+    x: number;
+    y: number;
+    n: number;
+}
+/** An answer with numbered citations. Hovering, focusing or tapping one shows its source in a small card underneath. */
+export declare class CitationHoverCardComponent implements AfterViewInit, OnChanges, OnDestroy {
+    /** The answer. `[n]` cites source n; a blank line starts a new paragraph. */
+    text: string;
+    sources: CitationHoverCardSource[];
+    /** The link in the card's corner. */
+    openLabel: string;
+    className?: string;
+    private _open;
+    /** Opens a source's card from outside (0 is the first source), or closes it with null. */
+    set open(v: number | null | undefined);
+    get open(): number | null | undefined;
+    /** Called when the card's link is clicked, with the source and its index. */
+    openSource: EventEmitter<{
+        source: CitationHoverCardSource;
+        index: number;
+    }>;
+    /** Called when a card opens or closes, with the source's index, or null. */
+    openChange: EventEmitter<number | null>;
+    boxRef: ElementRef<HTMLDivElement>;
+    cardRef: ElementRef<HTMLDivElement>;
+    /** Parsed paragraphs for the template. */
+    paragraphs: Part[][];
+    /** The card kept on screen, or null. */
+    at: Shown | null;
+    private cur;
+    private last;
+    private curEl;
+    private marks;
+    private showT?;
+    private hideT?;
+    private focusLink;
+    private back;
+    private ready;
+    private readonly onDown;
+    private readonly onKey;
+    private readonly onResize;
+    /** True while a card is shown (as opposed to fading out). */
+    get isOpen(): boolean;
+    /** The source whose content the card shows: the open one, or the last while it fades. */
+    get shownSource(): CitationHoverCardSource | undefined;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private parse;
+    label(part: Part): string;
+    private show;
+    private hide;
+    private applyOpen;
+    enter(i: number, e: PointerEvent): void;
+    leave(e: PointerEvent): void;
+    onFocus(i: number, e: FocusEvent): void;
+    onBlur(e: FocusEvent): void;
+    onClick(i: number, e: MouseEvent): void;
+    cardEnter(): void;
+    cardLeave(e: PointerEvent): void;
+    cardFocusOut(e: FocusEvent): void;
+    follow(s: CitationHoverCardSource, e: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CitationHoverCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CitationHoverCardComponent, "vo-citation-hover-card", never, { "text": { "alias": "text"; "required": false; }; "sources": { "alias": "sources"; "required": false; }; "openLabel": { "alias": "openLabel"; "required": false; }; "className": { "alias": "className"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "openSource": "openSource"; "openChange": "openChange"; }, never, never, true, never>;
+}
+export {};

package/code-viewer/code-viewer.component.d.ts

@@ -0,0 +1,86 @@
+import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { ReducedMotionService } from '../core/reduced-motion.service';
+import * as i0 from "@angular/core";
+/** k keyword, s string, f function, cm comment, tg tag, at attribute. */
+export type CodeToken = 'k' | 's' | 'f' | 'cm' | 'tg' | 'at';
+/** Plain text, or `[token, text]` for a highlighted piece. */
+export type CodePiece = string | [CodeToken, string];
+/** One line of code, optionally changed by the agent and carrying a note. */
+export interface CodeLine {
+    /** The line as plain text, or as pieces to highlight. */
+    code: string | CodePiece[];
+    /** The agent changed this line: its number turns green and the line gets a wash. */
+    changed?: boolean;
+    /** What the agent says about the line when you click it. */
+    note?: string;
+}
+/** One file shown on a tab. */
+export interface CodeFile {
+    /** Shown on the tab, like "PlanCard.tsx". */
+    name: string;
+    lines: CodeLine[];
+}
+/** A rendered piece of a line: a class for a highlighted token, or '' for plain. */
+interface Piece {
+    cls: string;
+    text: string;
+}
+/** The three phases a note moves through while it "reads" then answers. */
+type NotePhase = 'reading' | 'out' | 'said';
+export declare class CodeViewerComponent implements OnChanges, OnDestroy {
+    /** The files the agent changed. */
+    files: CodeFile[];
+    /** The open file, by name. Leave it out to let the tabs switch it. */
+    file?: string;
+    /** The file open at first when `file` is not controlled. */
+    defaultFile?: string;
+    /** Emitted with the name of the file the tabs switch to. */
+    fileChange: EventEmitter<string>;
+    /** The line whose note is open (0 is the first line), or null. Leave it out to let a click open it. */
+    line?: number | null;
+    /** The line open at first when `line` is not controlled. */
+    defaultLine: number | null;
+    /** Emitted with the line whose note opened, or null when it closed. */
+    lineChange: EventEmitter<number | null>;
+    /** How long a note says "Reading the line" before it answers, in ms. */
+    delay: number;
+    /** The note for a line the agent didn't change and has nothing to say about. */
+    unchangedNote: string;
+    /** Emitted with the file's text when it is copied. */
+    copy: EventEmitter<string>;
+    className: string;
+    readonly motion: ReducedMotionService;
+    /** The note's phase: reads for a moment, crossfades, then says what it knows. */
+    phase: NotePhase;
+    /** Whether the copy button is showing its "copied" check. */
+    copied: boolean;
+    private nameKey;
+    private openKey;
+    private timers;
+    ngOnChanges(changes: SimpleChanges): void;
+    /** The name of the open file. */
+    get name(): string;
+    /** The index of the open line, or null. */
+    get open(): number | null;
+    /** The open file, falling back to the first one. */
+    get cur(): CodeFile | undefined;
+    /** How many lines of the open file the agent changed. */
+    get changed(): number;
+    /** Track lines by the file name and index, so a new file remounts them. */
+    trackLine(k: number): string;
+    /** The highlighted pieces of a line, or an empty list for a blank line. */
+    pieces(code: CodeLine['code']): Piece[];
+    /** The text of a line's note, or the fallback for an unchanged line. */
+    noteText(l: CodeLine): string;
+    pick(n: string): void;
+    ask(k: number): void;
+    key(e: KeyboardEvent, k: number): void;
+    copyFile(): void;
+    private setOpen;
+    private startNote;
+    private clearTimers;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CodeViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CodeViewerComponent, "vo-code-viewer", never, { "files": { "alias": "files"; "required": false; }; "file": { "alias": "file"; "required": false; }; "defaultFile": { "alias": "defaultFile"; "required": false; }; "line": { "alias": "line"; "required": false; }; "defaultLine": { "alias": "defaultLine"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "unchangedNote": { "alias": "unchangedNote"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "fileChange": "fileChange"; "lineChange": "lineChange"; "copy": "copy"; }, never, never, true, never>;
+}
+export {};

package/composer/composer.component.d.ts

@@ -0,0 +1,114 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { type VoIconName } from '../core/icon.component';
+import * as i0 from "@angular/core";
+/** A file or frame added to the message, shown as a chip above the text. */
+export interface ComposerAttachment {
+    key: string;
+    label: string;
+    /** Defaults to a paper clip. */
+    icon?: VoIconName;
+    /** loading shows a spinner and holds Send until it's ready; error shows the chip in red with a Try again button. */
+    status?: 'loading' | 'error' | 'ready';
+}
+/** An option in one of the composer's menus. */
+export interface ComposerOption {
+    value: string;
+    /** Defaults to the value. */
+    label?: string;
+    /** The quiet line under the label. */
+    detail?: string;
+    icon?: VoIconName;
+}
+/** The message sent up when the person presses Send. */
+export interface ComposerMessage {
+    text: string;
+    attachments: ComposerAttachment[];
+}
+type PopName = 'plus' | 'ctx' | 'mode';
+export declare class ComposerComponent implements OnChanges, AfterViewInit, OnDestroy {
+    /** The text in the box. Leave it out (undefined) to let the composer keep it. */
+    value?: string;
+    defaultValue: string;
+    valueChange: EventEmitter<string>;
+    placeholder: string;
+    /** Emitted with the message when the person sends it. The box clears itself afterwards. */
+    send: EventEmitter<ComposerMessage>;
+    /** The agent is answering: send turns into stop. */
+    busy: boolean;
+    /** Emitted by the stop button while busy. */
+    stop: EventEmitter<void>;
+    /** Files and frames added to the message. Leave it out to let the composer keep them. */
+    attachments?: ComposerAttachment[];
+    defaultAttachments: ComposerAttachment[];
+    attachmentsChange: EventEmitter<ComposerAttachment[]>;
+    /** What the attach menu offers. Defaults to a file, a Figma frame and a screenshot. */
+    addOptions: ComposerOption[];
+    /** Emitted with the option's value when the person picks one from the attach menu. */
+    add: EventEmitter<string>;
+    /** Emitted by Try again on an attachment that failed to load. */
+    retry: EventEmitter<string>;
+    /** What the agent can work on. The chip only shows when there are some. */
+    contexts?: ComposerOption[];
+    context?: string;
+    defaultContext?: string;
+    contextChange: EventEmitter<string>;
+    /** What the agent may do. Defaults to Ask, Edit and Plan. */
+    modes: ComposerOption[];
+    mode?: string;
+    defaultMode?: string;
+    modeChange: EventEmitter<string>;
+    /** Emitted by the microphone button. The mic button only shows when dictate has a listener. */
+    dictate: EventEmitter<void>;
+    /** Swaps the toolbar for a red dot, a clock, Cancel and Done. */
+    dictating: boolean;
+    /** Seconds to show while dictating. Leave it out to let it count. */
+    dictationSeconds?: number;
+    /** Emitted by Cancel (false, text goes back) or Done (true, text stays). */
+    dictationEnd: EventEmitter<boolean>;
+    className: string;
+    box: ElementRef<HTMLDivElement>;
+    ta: ElementRef<HTMLTextAreaElement>;
+    popPlus?: ElementRef<HTMLDivElement>;
+    popCtx?: ElementRef<HTMLDivElement>;
+    popMode?: ElementRef<HTMLDivElement>;
+    private readonly motion;
+    private textState;
+    private filesState;
+    private ctxState;
+    private mdState;
+    pop: PopName | null;
+    leaving: string[];
+    counted: number;
+    get showDictate(): boolean;
+    get text(): string;
+    get files(): ComposerAttachment[];
+    get ctx(): string;
+    get md(): string;
+    private before;
+    private wasDictating;
+    private countTimer?;
+    private timers;
+    private onDocClick;
+    clock: (s: number) => string;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    ctxOpt(): ComposerOption | undefined;
+    mdOpt(): ComposerOption | undefined;
+    private grow;
+    onInput(e: Event): void;
+    onKey(e: KeyboardEvent): void;
+    canSend(): boolean;
+    submit(): void;
+    removeAttachment(key: string): void;
+    toggle(name: PopName): void;
+    choose(name: PopName, o: ComposerOption): void;
+    private syncDictation;
+    private syncCounter;
+    endDictation(keep: boolean): void;
+    private popEl;
+    private triggerContains;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComposerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComposerComponent, "vo-composer", never, { "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "busy": { "alias": "busy"; "required": false; }; "attachments": { "alias": "attachments"; "required": false; }; "defaultAttachments": { "alias": "defaultAttachments"; "required": false; }; "addOptions": { "alias": "addOptions"; "required": false; }; "contexts": { "alias": "contexts"; "required": false; }; "context": { "alias": "context"; "required": false; }; "defaultContext": { "alias": "defaultContext"; "required": false; }; "modes": { "alias": "modes"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "defaultMode": { "alias": "defaultMode"; "required": false; }; "dictating": { "alias": "dictating"; "required": false; }; "dictationSeconds": { "alias": "dictationSeconds"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "valueChange": "valueChange"; "send": "send"; "stop": "stop"; "attachmentsChange": "attachmentsChange"; "add": "add"; "retry": "retry"; "contextChange": "contextChange"; "modeChange": "modeChange"; "dictate": "dictate"; "dictationEnd": "dictationEnd"; }, never, ["*"], true, never>;
+}
+export {};

package/context-meter/context-meter.component.d.ts

@@ -0,0 +1,60 @@
+import { ElementRef, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/** One kind of thing in the context. */
+export interface ContextPart {
+    key: string;
+    /** Like "Files", "Tool output" or "Chat". */
+    label: string;
+    /** How many tokens it takes. */
+    tokens: number;
+    /** Its colour in the bar and the legend. Defaults to blue, teal, violet, grey. */
+    color?: string;
+    /** What is in it, shown on hover, like "PricingCard.tsx 18.2k, tokens.css 6.1k". */
+    items?: string;
+}
+export declare class ContextMeterComponent {
+    parts: ContextPart[];
+    /** The size of the context window, in tokens, like 200000. */
+    limit: number;
+    /** From this share of the limit (0 to 1) the ring turns orange. Defaults to 0.85. */
+    warnAt: number;
+    /** A line under the legend. Crossfades when it changes. */
+    message?: string;
+    /** warn shows the message in orange with a warning sign, ok in green with a check. */
+    messageTone: 'warn' | 'ok';
+    /** Set once the context is compacted: the button turns into Undo. */
+    compacted: boolean;
+    /** The quiet line beside the button. Defaults to what Compact does. */
+    hint: string;
+    /** Whether the panel is open. Leave it out to let the pill toggle it. */
+    open?: boolean;
+    /** Shows the footer with the Compact / Undo button. */
+    showCompact: boolean;
+    /** Called by Compact. Return nothing or a promise; the button spins until it settles. */
+    compact: EventEmitter<void>;
+    undo: EventEmitter<void>;
+    openChange: EventEmitter<boolean>;
+    root?: ElementRef<HTMLDivElement>;
+    toggle?: ElementRef<HTMLButtonElement>;
+    /** Which legend row is lit (its share of the bar is highlighted). */
+    lit: string | null;
+    /** True while a compact run is in flight (shows the spinner). */
+    busy: boolean;
+    private innerOpen;
+    get isOpen(): boolean;
+    get total(): number;
+    get share(): number;
+    get pct(): number;
+    get totK(): string;
+    get limitK(): string;
+    get showFooter(): boolean;
+    palette(i: number): string;
+    partK(p: ContextPart): string;
+    setOpen(o: boolean): void;
+    onCompactClick(): void;
+    /** Call from the host when a compact run begins/ends, to show the spinner. */
+    setBusy(b: boolean): void;
+    onKeydown(e: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContextMeterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContextMeterComponent, "vo-context-meter", never, { "parts": { "alias": "parts"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; "warnAt": { "alias": "warnAt"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageTone": { "alias": "messageTone"; "required": false; }; "compacted": { "alias": "compacted"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "open": { "alias": "open"; "required": false; }; "showCompact": { "alias": "showCompact"; "required": false; }; }, { "compact": "compact"; "undo": "undo"; "openChange": "openChange"; }, never, never, true, never>;
+}

package/core/icon.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export type VoIconName = 'minus' | 'plus' | 'x' | 'check' | 'chev-r' | 'chev-l' | 'chev-d' | 'chev-u' | 'spark' | 'lock' | 'copy' | 'play' | 'pause' | 'refresh' | 'ok' | 'alert' | 'warn' | 'info' | 'clock' | 'eye' | 'search' | 'users' | 'coins' | 'ext' | 'undo' | 'redo' | 'stop' | 'trash' | 'edit' | 'more' | 'comment' | 'file-text' | 'term' | 'pr' | 'figma' | 'globe' | 'cpu' | 'hand';
+export declare class VoIconComponent {
+    name: VoIconName;
+    size: 'xs' | 'sm' | 'md' | 'lg';
+    get px(): number;
+    get markup(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VoIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VoIconComponent, "vo-icon", never, { "name": { "alias": "name"; "required": true; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}

package/core/reduced-motion.service.d.ts

@@ -0,0 +1,15 @@
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ReducedMotionService implements OnDestroy {
+    /** Reactive signal: true when the user prefers reduced motion. */
+    readonly prefersReduced: import("@angular/core").WritableSignal<boolean>;
+    private mq;
+    private readonly onChange;
+    constructor();
+    /** Imperative access for setup code outside the template. */
+    reduce(): boolean;
+    private query;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReducedMotionService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ReducedMotionService>;
+}

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

@@ -0,0 +1,56 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+/** One option in a question: its label and an optional quiet detail at the end of the row. */
+export interface DecisionOption {
+    label: string;
+    /** Quiet text at the end of the row, like "3 frames" or "Recommended". */
+    detail?: string;
+}
+/** One question the agent asks, with a short name for the summary and its options. */
+export interface DecisionQuestion {
+    question: string;
+    /** A short name for the question in the summary, like "Scope". */
+    label: string;
+    options: DecisionOption[];
+}
+/** The agent asks a few quick questions before it starts. Number keys pick, Enter continues. */
+export declare class DecisionPromptComponent implements OnChanges {
+    /** The questions the agent asks, in order. */
+    questions: DecisionQuestion[];
+    /** The answers so far, an option's index or null for a skipped question. Leave it out to let Continue and Skip fill it. */
+    answers?: (number | null)[];
+    /** The answers the prompt starts with when uncontrolled. */
+    defaultAnswers: (number | null)[];
+    /** What the summary says for a skipped question. */
+    skippedLabel: string;
+    /** The line under the summary while the agent gets going. */
+    startLabel: string;
+    /** The agent has got going: the line under the summary settles with a check. */
+    started: boolean;
+    /** What that line says once started. Defaults to startLabel. */
+    startedLabel?: string;
+    /** Sits flat in a chat thread (the default). Set false to give it a card of its own. */
+    bare: boolean;
+    /** Emitted whenever the answers change (a pick, or a skip). */
+    answersChange: EventEmitter<(number | null)[]>;
+    /** Emitted once every question is answered, with the picked option's index for each, or null where the person skipped. */
+    complete: EventEmitter<(number | null)[]>;
+    /** The highlighted option for the current question. */
+    sel: number;
+    private internal;
+    ngOnChanges(changes: SimpleChanges): void;
+    private get list();
+    /** How many questions there are. */
+    get n(): number;
+    /** How many have been answered so far. */
+    get at(): number;
+    /** Every question has an answer. */
+    get done(): boolean;
+    /** The question being asked now. */
+    get current(): DecisionQuestion;
+    summaryAnswer(i: number): string;
+    next(skipped?: boolean): void;
+    onKey(e: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DecisionPromptComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DecisionPromptComponent, "vo-decision-prompt", never, { "questions": { "alias": "questions"; "required": false; }; "answers": { "alias": "answers"; "required": false; }; "defaultAnswers": { "alias": "defaultAnswers"; "required": false; }; "skippedLabel": { "alias": "skippedLabel"; "required": false; }; "startLabel": { "alias": "startLabel"; "required": false; }; "started": { "alias": "started"; "required": false; }; "startedLabel": { "alias": "startedLabel"; "required": false; }; "bare": { "alias": "bare"; "required": false; }; }, { "answersChange": "answersChange"; "complete": "complete"; }, never, never, true, never>;
+}