@jrkropp/codex-js-react 0.2.0

package/dist/internal/chat-ui/components/chat/composer-draft.client.d.ts

@@ -0,0 +1,50 @@
+import { type CodexReasoningEffort } from "../../lib/modelSelection.js";
+import { type ComposerImageAttachment, type PersistedComposerDraftImageAttachment } from "./composer-image-attachments.js";
+export interface ComposerDraftState {
+    prompt: string;
+    model: string | null;
+    effort: CodexReasoningEffort | null;
+    images: ComposerImageAttachment[];
+    persistedImages: PersistedComposerDraftImageAttachment[];
+}
+export type ComposerDraftKey = string;
+export type PersistedComposerDraftState = Omit<ComposerDraftState, "images">;
+type ComposerDraftStoreState = {
+    draftsByKey: Record<string, ComposerDraftState>;
+    favoriteModels: string[];
+    stickyEffort: CodexReasoningEffort | null;
+    stickyModel: string | null;
+    addImages: (key: ComposerDraftKey, images: ComposerImageAttachment[]) => void;
+    clearComposerContent: (key: ComposerDraftKey) => void;
+    clearDraft: (key: ComposerDraftKey) => void;
+    ensureDraft: (key: ComposerDraftKey) => ComposerDraftState;
+    getDraft: (key: ComposerDraftKey) => ComposerDraftState;
+    removeImage: (key: ComposerDraftKey, imageId: string) => void;
+    setEffort: (key: ComposerDraftKey, effort: CodexReasoningEffort | null) => void;
+    setFavoriteModels: (models: string[]) => void;
+    setModel: (key: ComposerDraftKey, model: string | null) => void;
+    setPrompt: (key: ComposerDraftKey, prompt: string) => void;
+    syncPersistedImages: (key: ComposerDraftKey, images: PersistedComposerDraftImageAttachment[]) => void;
+};
+export declare function assistantComposerDraftKey(input: {
+    scope: string;
+    threadId: string | null;
+}): ComposerDraftKey;
+export declare function readLegacyComposerDraft(key: ComposerDraftKey, storage?: Storage | null): PersistedComposerDraftState | null;
+export declare function resolveDraftModel(draft: Pick<ComposerDraftState, "model">): string;
+export declare function resolveDraftEffort(draft: Pick<ComposerDraftState, "effort">, model?: string): CodexReasoningEffort;
+export declare const useComposerDraftStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<ComposerDraftStoreState>, "setState" | "persist"> & {
+    setState(partial: ComposerDraftStoreState | Partial<ComposerDraftStoreState> | ((state: ComposerDraftStoreState) => ComposerDraftStoreState | Partial<ComposerDraftStoreState>), replace?: false | undefined): unknown;
+    setState(state: ComposerDraftStoreState | ((state: ComposerDraftStoreState) => ComposerDraftStoreState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<ComposerDraftStoreState, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: ComposerDraftStoreState) => void) => () => void;
+        onFinishHydration: (fn: (state: ComposerDraftStoreState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<ComposerDraftStoreState, unknown, unknown>>;
+    };
+}>;
+export declare function useComposerThreadDraft(key: ComposerDraftKey): ComposerDraftState;
+export {};

package/dist/internal/chat-ui/components/chat/composer-editor-mentions.d.ts

@@ -0,0 +1,15 @@
+import type { CoreUserInput as UserInput } from "@jrkropp/codex-js/client";
+import { type MentionBinding } from "./mention-bindings.js";
+import { linkedMentionTextElements } from "./mention-codec.js";
+export type ComposerPromptSnapshot = {
+    mentionBindings: MentionBinding[];
+    text: string;
+    textElements: ReturnType<typeof linkedMentionTextElements>;
+};
+export declare function createComposerPromptSnapshot(text: string, mentionBindings?: readonly MentionBinding[]): ComposerPromptSnapshot;
+export type PrefilledComposerState = {
+    mentionBindings?: MentionBinding[];
+    message: string;
+};
+export declare function prefillComposerState(input: PrefilledComposerState): ComposerPromptSnapshot;
+export declare function composerSnapshotUserInputItems(snapshot: ComposerPromptSnapshot): UserInput[];

package/dist/internal/chat-ui/components/chat/composer-footer-layout.d.ts

@@ -0,0 +1,9 @@
+export declare const COMPOSER_FOOTER_COMPACT_BREAKPOINT_PX = 620;
+export declare const COMPOSER_FOOTER_WIDE_ACTIONS_COMPACT_BREAKPOINT_PX = 780;
+export declare const COMPOSER_PRIMARY_ACTIONS_COMPACT_BREAKPOINT_PX = 780;
+export declare function shouldUseCompactComposerFooter(width: number | null, options?: {
+    hasWideActions?: boolean;
+}): boolean;
+export declare function shouldUseCompactComposerPrimaryActions(width: number | null, options?: {
+    hasWideActions?: boolean;
+}): boolean;

package/dist/internal/chat-ui/components/chat/composer-image-attachments.d.ts

@@ -0,0 +1,46 @@
+export interface ComposerImageAttachment {
+    id: string;
+    file: File;
+    name: string;
+    type: string;
+    size: number;
+    previewUrl: string | null;
+}
+export interface ExpandedImageItem {
+    src: string;
+    name: string;
+}
+export interface ExpandedImagePreview {
+    images: ExpandedImageItem[];
+    index: number;
+}
+export interface PersistedComposerDraftImageAttachment {
+    id: string;
+    name: string;
+    type: string;
+    size: number;
+    dataUrl: string;
+}
+export interface ComposerImageValidationResult {
+    accepted: File[];
+    error: string | null;
+}
+export declare const WORKSPACE_CHAT_MAX_IMAGE_ATTACHMENTS = 8;
+export declare const WORKSPACE_CHAT_MAX_IMAGE_BYTES: number;
+export declare function isAcceptedComposerImageFile(file: File): boolean;
+export declare function validateComposerImageFiles(input: {
+    currentCount?: number;
+    files: Iterable<File>;
+    maxCount?: number;
+    maxSizeBytes?: number;
+}): ComposerImageValidationResult;
+export declare function createComposerImageAttachments(files: Iterable<File>, options?: {
+    createId?: () => string;
+    createObjectURL?: (file: File) => string;
+}): ComposerImageAttachment[];
+export declare function persistComposerDraftAttachments(attachments: Iterable<ComposerImageAttachment>, readFileAsDataUrl?: (file: File) => Promise<string>): Promise<PersistedComposerDraftImageAttachment[]>;
+export declare function restoreComposerDraftAttachments(attachments: Iterable<PersistedComposerDraftImageAttachment>, options?: {
+    createObjectURL?: (file: File) => string;
+}): ComposerImageAttachment[];
+export declare function revokeComposerImageAttachments(attachments: Iterable<ComposerImageAttachment>, revokeObjectURL?: (url: string) => void): void;
+export declare function buildExpandedImagePreview(attachments: ReadonlyArray<ComposerImageAttachment>, selectedAttachmentId: string): ExpandedImagePreview | null;

package/dist/internal/chat-ui/components/chat/composer-logic.d.ts

@@ -0,0 +1,15 @@
+export type ComposerTriggerKind = "path" | "skill" | "slash-command";
+export type BuiltInComposerSlashCommand = "default" | "model" | "plan";
+export type ComposerSlashCommand = BuiltInComposerSlashCommand | (string & {});
+export type ComposerTrigger = {
+    kind: ComposerTriggerKind;
+    query: string;
+    rangeEnd: number;
+    rangeStart: number;
+};
+export declare function detectComposerTrigger(text: string, cursorInput: number): ComposerTrigger | null;
+export declare function replaceTextRange(text: string, rangeStart: number, rangeEnd: number, replacement: string): {
+    cursor: number;
+    text: string;
+};
+export declare function parseStandaloneComposerSlashCommand(text: string): ComposerSlashCommand | null;

package/dist/internal/chat-ui/components/chat/composer-mention-targets.d.ts

@@ -0,0 +1,12 @@
+import type { MentionBinding } from "./mention-bindings.js";
+export type ComposerMentionTarget = {
+    binding: MentionBinding;
+    displayName: string;
+    label: string;
+    mention: string;
+    path: string;
+};
+export declare function searchComposerMentionTargets(input: {
+    query: string;
+    targets: readonly ComposerMentionTarget[];
+}): ComposerMentionTarget[];

package/dist/internal/chat-ui/components/chat/composer-realtime-conversation.logic.d.ts

@@ -0,0 +1,26 @@
+export type RealtimeConversationPhase = "Inactive" | "Starting" | "Active" | "Stopping";
+export type RealtimeConversationUiState = {
+    disabled?: boolean;
+    error?: string | null;
+    phase: RealtimeConversationPhase;
+    realtimeSessionId?: string | null;
+    requestedClose: boolean;
+    transport: "webrtc";
+    onStart: () => void;
+    onStop: () => void;
+};
+export type RealtimeConversationControlState = {
+    action: "start" | "stop";
+    isActive: boolean;
+    isBusy: boolean;
+    label: string;
+    title: string;
+};
+export declare function isRealtimeConversationLive(phase: RealtimeConversationPhase): boolean;
+export declare function getRealtimeConversationControlState(realtimeConversation: Pick<RealtimeConversationUiState, "error" | "phase" | "requestedClose">): RealtimeConversationControlState;
+export declare class RecordingMeterState {
+    private readonly history;
+    private env;
+    private noiseEma;
+    nextText(peak: number): string;
+}

package/dist/internal/chat-ui/components/chat/composer-send-state.logic.d.ts

@@ -0,0 +1,17 @@
+export interface ComposerSendState {
+    hasSendableContent: boolean;
+    isConnecting: boolean;
+    isEnvironmentUnavailable: boolean;
+    isRunning: boolean;
+    isSendBusy: boolean;
+    sendDisabled: boolean;
+    stopDisabled: boolean;
+}
+export declare function deriveComposerSendState(input: {
+    disabled: boolean;
+    hasSendableContent: boolean;
+    isConnecting: boolean;
+    isEnvironmentUnavailable: boolean;
+    isRunning: boolean;
+    isSending: boolean;
+}): ComposerSendState;

package/dist/internal/chat-ui/components/chat/composerMenuHighlight.d.ts

@@ -0,0 +1,8 @@
+export declare function resolveComposerMenuActiveItemId(input: {
+    currentSearchKey: string | null;
+    highlightedItemId: string | null;
+    highlightedSearchKey: string | null;
+    items: ReadonlyArray<{
+        id: string;
+    }>;
+}): string | null;

package/dist/internal/chat-ui/components/chat/composerProviderState.d.ts

@@ -0,0 +1,33 @@
+import type { ReactNode } from "react";
+import { type CodexModelOption, type CodexReasoningEffort, type ProviderDriverKind } from "../../lib/modelSelection.js";
+export type ProviderOptionSelection = {
+    name: string;
+    value: string;
+};
+export type ComposerProviderStateInput = {
+    model: string;
+    modelOptions: ReadonlyArray<ProviderOptionSelection> | null | undefined;
+    models: ReadonlyArray<CodexModelOption>;
+    prompt: string;
+    provider: ProviderDriverKind;
+};
+export type ComposerProviderState = {
+    composerFrameClassName?: string;
+    composerSurfaceClassName?: string;
+    modelPickerIconClassName?: string;
+    modelOptionsForDispatch: ReadonlyArray<ProviderOptionSelection> | undefined;
+    promptEffort: string | null;
+    provider: ProviderDriverKind;
+};
+type TraitsRenderInput = {
+    model: string;
+    modelOptions: ReadonlyArray<ProviderOptionSelection> | undefined;
+    models: ReadonlyArray<CodexModelOption>;
+    onEffortChange?: (effort: CodexReasoningEffort) => void;
+    prompt: string;
+    provider: ProviderDriverKind;
+};
+export declare function getComposerProviderState(input: ComposerProviderStateInput): ComposerProviderState;
+export declare function renderProviderTraitsMenuContent(_input: TraitsRenderInput): ReactNode;
+export declare function renderProviderTraitsPicker(input: TraitsRenderInput): ReactNode;
+export {};

package/dist/internal/chat-ui/components/chat/composerSlashCommandSearch.d.ts

@@ -0,0 +1,6 @@
+import type { ComposerCommandItem } from "./ComposerCommandMenu.js";
+type SlashCommandItem = Extract<ComposerCommandItem, {
+    type: "slash-command";
+}>;
+export declare function searchSlashCommandItems(items: ReadonlyArray<SlashCommandItem>, query: string): SlashCommandItem[];
+export {};

package/dist/internal/chat-ui/components/chat/index.d.ts

@@ -0,0 +1,54 @@
+export { AssistantChangedFilesSection } from "./ChangedFilesTree.js";
+export * from "./ChangedFilesTree.logic.js";
+export { ChatComposer, type ChatComposerHandle } from "./ChatComposer.js";
+export type { ChatComposerCommand, ChatComposerInteractionMode, ChatComposerRuntimeMode, ChatComposerSkill, ChatComposerSubmitPayload, } from "./ChatComposer.js";
+export { ChatView } from "./ChatView.js";
+export type { ChatViewProps, ChatViewRenderComposerControls, } from "./ChatView.js";
+export { ChatMarkdown } from "../ChatMarkdown.js";
+export { CompactComposerControlsMenu } from "./CompactComposerControlsMenu.js";
+export { ComposerBannerStack } from "./ComposerBannerStack.js";
+export type { ComposerBannerStackItem } from "./ComposerBannerStack.js";
+export { ComposerCommandMenu } from "./ComposerCommandMenu.js";
+export type { ComposerCommandItem } from "./ComposerCommandMenu.js";
+export { ComposerPendingApprovalActions, type ApprovalRequestId, type ProviderApprovalDecision, } from "./ComposerPendingApprovalActions.js";
+export { ComposerPendingApprovalPanel, type PendingApproval, } from "./ComposerPendingApprovalPanel.js";
+export { ComposerPendingTerminalContexts, ComposerPendingTerminalContextChip, formatTerminalContextLabel, isTerminalContextExpired, type TerminalContextDraft, } from "./ComposerPendingTerminalContexts.js";
+export * from "./composer-draft.client.js";
+export * from "./composer-editor-mentions.js";
+export * from "./composer-footer-layout.js";
+export * from "./composer-image-attachments.js";
+export * from "./composer-logic.js";
+export * from "./composer-mention-targets.js";
+export * from "../composerInlineChip.js";
+export * from "../../pendingUserInput.js";
+export { ComposerPendingUserInputPanel } from "./ComposerPendingUserInputPanel.js";
+export { buildRequestUserInputResponse, derivePendingUserInputProgress, setPendingUserInputCustomAnswer, togglePendingUserInputOptionSelection, } from "./ComposerPendingUserInputPanel.js";
+export { ComposerPrimaryActions } from "./ComposerPrimaryActions.js";
+export { formatPendingPrimaryActionLabel } from "./ComposerPrimaryActions.logic.js";
+export type { PendingActionState } from "./ComposerPrimaryActions.logic.js";
+export { ComposerPlanFollowUpBanner } from "./ComposerPlanFollowUpBanner.js";
+export * from "./composerMenuHighlight.js";
+export { getComposerProviderState, renderProviderTraitsMenuContent, renderProviderTraitsPicker, } from "./composerProviderState.js";
+export type { ComposerProviderState, ComposerProviderStateInput, ProviderOptionSelection, } from "./composerProviderState.js";
+export { ComposerRealtimeConversationControl } from "./ComposerRealtimeConversationControl.js";
+export * from "./composer-realtime-conversation.logic.js";
+export { ComposerPromptEditor } from "../ComposerPromptEditor.js";
+export type { ComposerPromptEditorHandle } from "../ComposerPromptEditor.js";
+export * from "./composer-send-state.logic.js";
+export * from "./composerSlashCommandSearch.js";
+export { ExpandedImageDialog } from "./ExpandedImageDialog.js";
+export * from "./mention-bindings.js";
+export * from "./mention-codec.js";
+export * from "./mention-syntax.js";
+export { MessagesTimeline } from "./MessagesTimeline.js";
+export * from "./MessagesTimeline.logic.js";
+export { ModelListRow } from "./ModelListRow.js";
+export { ModelPickerContent } from "./ModelPickerContent.js";
+export { filterCodexModelPickerOptions } from "./ModelPickerContent.js";
+export * from "./modelPickerSearch.js";
+export { ProposedPlanCard } from "./ProposedPlanCard.js";
+export * from "./proposed-plan.js";
+export { ProviderStatusBanner, type ProviderStatus } from "./ProviderStatusBanner.js";
+export { ProviderModelPicker } from "./ProviderModelPicker.js";
+export { TerminalContextInlineChip } from "./TerminalContextInlineChip.js";
+export { TraitsPicker } from "./TraitsPicker.js";

package/dist/internal/chat-ui/components/chat/mention-bindings.d.ts

@@ -0,0 +1,26 @@
+export type MentionBinding = {
+    mention: string;
+    path: string;
+};
+export type MentionBindingRange = {
+    binding: MentionBinding;
+    range: {
+        end: number;
+        start: number;
+    };
+};
+export declare function normalizeMentionBindingsForText(text: string, bindings: readonly MentionBinding[]): MentionBinding[];
+export declare function mentionBindingRangesForText(text: string, bindings: readonly MentionBinding[]): MentionBindingRange[];
+export declare function mentionBindingsAfterReplacement(input: {
+    currentBindings: readonly MentionBinding[];
+    insertedBinding: MentionBinding;
+    nextText: string;
+    replacement: string;
+    rangeEnd: number;
+    rangeStart: number;
+    text: string;
+}): MentionBinding[];
+export declare function findNextMentionTokenRange(text: string, token: string, from: number): {
+    end: number;
+    start: number;
+} | null;

package/dist/internal/chat-ui/components/chat/mention-codec.d.ts

@@ -0,0 +1,22 @@
+import type { CoreTextElement as TextElement } from "@jrkropp/codex-js/client";
+import { type MentionBinding } from "./mention-bindings.js";
+export type LinkedMention = {
+    mention: string;
+    path: string;
+};
+export type DecodedHistoryText = {
+    mentions: LinkedMention[];
+    text: string;
+};
+export type LinkedMentionRange = {
+    end: number;
+    mention: string;
+    path: string;
+    placeholder: string;
+    start: number;
+};
+export declare function encodeHistoryMentions(text: string, bindings: readonly MentionBinding[]): string;
+export declare function decodeHistoryMentions(text: string): DecodedHistoryText;
+export declare function findLinkedMentions(text: string): LinkedMentionRange[];
+export declare function parseLinkedToolMention(text: string, start: number): LinkedMentionRange | null;
+export declare function linkedMentionTextElements(text: string): TextElement[];

package/dist/internal/chat-ui/components/chat/mention-syntax.d.ts

@@ -0,0 +1,9 @@
+export declare const PROJECT_MENTION_SIGIL = "@";
+export declare const LEGACY_PROJECT_MENTION_SIGIL = "$";
+export declare const SKILL_MENTION_SIGIL = "$";
+export declare const TOOL_MENTION_SIGIL = "@";
+export declare const PLUGIN_TEXT_MENTION_SIGIL = "@";
+export declare function isMentionNameChar(byte: number): boolean;
+export declare function mentionToken(name: string): string;
+export declare function legacyMentionToken(name: string): string;
+export declare function skillToken(name: string): string;

package/dist/internal/chat-ui/components/chat/modelPickerSearch.d.ts

@@ -0,0 +1,16 @@
+type ModelPickerSearchableModel = {
+    /** Driver kind, indexed so "codex" still matches a Codex Personal instance. */
+    driverKind: string;
+    /**
+     * Instance display name. Indexed as a search field so typing the
+     * user-authored provider name matches its models directly.
+     */
+    providerDisplayName: string;
+    name: string;
+    shortName?: string;
+    subProvider?: string;
+    isFavorite?: boolean;
+};
+export declare function buildModelPickerSearchText(model: ModelPickerSearchableModel): string;
+export declare function scoreModelPickerSearch(model: ModelPickerSearchableModel, query: string): number | null;
+export {};

package/dist/internal/chat-ui/components/chat/proposed-plan.d.ts

@@ -0,0 +1,17 @@
+export declare function proposedPlanTitle(planMarkdown: string): string | null;
+export declare function stripDisplayedPlanMarkdown(planMarkdown: string): string;
+export declare function buildCollapsedProposedPlanPreviewMarkdown(planMarkdown: string, options?: {
+    maxLines?: number;
+}): string;
+export declare function buildPlanImplementationPrompt(planMarkdown: string): string;
+export declare function resolvePlanFollowUpSubmission(input: {
+    draftText: string;
+    planMarkdown: string;
+}): {
+    interactionMode: "default" | "plan";
+    text: string;
+};
+export declare function buildPlanImplementationThreadTitle(planMarkdown: string): string;
+export declare function buildProposedPlanMarkdownFilename(planMarkdown: string): string;
+export declare function normalizePlanMarkdownForExport(planMarkdown: string): string;
+export declare function downloadPlanAsTextFile(filename: string, contents: string): void;

package/dist/internal/chat-ui/components/chat/providerIconUtils.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentProps } from "react";
+import type { ProviderDriverKind } from "../../lib/modelSelection.js";
+export type ModelEsque = {
+    name: string;
+    shortName?: string | undefined;
+    slug: string;
+    subProvider?: string | undefined;
+};
+export declare function OpenAIProviderIcon({ className, ...props }: ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+export declare const PROVIDER_ICON_BY_PROVIDER: Partial<Record<ProviderDriverKind, typeof OpenAIProviderIcon>>;
+export declare function getDisplayModelName(model: ModelEsque, options?: {
+    preferShortName?: boolean;
+}): string;
+export declare function getTriggerDisplayModelName(model: ModelEsque): string;
+export declare function getTriggerDisplayModelLabel(model: ModelEsque): string;

package/dist/internal/chat-ui/components/composerInlineChip.d.ts

@@ -0,0 +1,5 @@
+export declare const COMPOSER_INLINE_CHIP_CLASS_NAME = "inline-flex max-w-full select-none items-center gap-1 rounded-md border border-border/70 bg-accent/40 px-1.5 py-px font-medium text-[12px] leading-[1.1] text-foreground align-middle";
+export declare const COMPOSER_INLINE_CHIP_ICON_CLASS_NAME = "size-3.5 shrink-0 opacity-85";
+export declare const COMPOSER_INLINE_CHIP_LABEL_CLASS_NAME = "truncate select-none leading-tight";
+export declare const COMPOSER_INLINE_SKILL_CHIP_CLASS_NAME = "inline-flex max-w-full select-none items-center gap-1 rounded-md border border-fuchsia-500/25 bg-fuchsia-500/12 px-1.5 py-px font-medium text-[12px] leading-[1.1] text-fuchsia-700 align-middle dark:text-fuchsia-300";
+export declare const COMPOSER_INLINE_CHIP_DISMISS_BUTTON_CLASS_NAME = "ml-0.5 inline-flex size-3.5 shrink-0 cursor-pointer items-center justify-center rounded-sm text-muted-foreground/72 transition-colors hover:bg-foreground/6 hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring";

package/dist/internal/chat-ui/components/ui/alert.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Alert, AlertTitle, AlertDescription, AlertAction };

package/dist/internal/chat-ui/components/ui/badge.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, size, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };

package/dist/internal/chat-ui/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/internal/chat-ui/components/ui/command.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Dialog } from "./dialog.js";
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };

package/dist/internal/chat-ui/components/ui/dialog.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { Dialog as DialogPrimitive } from "radix-ui";
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/internal/chat-ui/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/internal/chat-ui/components/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+export { Input };

package/dist/internal/chat-ui/components/ui/popover.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };

package/dist/internal/chat-ui/components/ui/separator.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { Separator as SeparatorPrimitive } from "radix-ui";
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };

package/dist/internal/chat-ui/components/ui/tooltip.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare const TooltipPopup: typeof TooltipContent;
+export { Tooltip, TooltipContent, TooltipPopup, TooltipProvider, TooltipTrigger };

package/dist/internal/chat-ui/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./components/chat/index.js";
+export * from "./lib/modelSelection.js";

package/dist/internal/chat-ui/lib/contextWindow.d.ts

@@ -0,0 +1,27 @@
+import type { ThreadTokenUsage } from "@jrkropp/codex-js/client";
+export type ContextWindowSnapshot = {
+    cachedInputTokens: number | null;
+    compactsAutomatically: boolean;
+    durationMs: number | null;
+    inputTokens: number | null;
+    lastCachedInputTokens: number | null;
+    lastInputTokens: number | null;
+    lastOutputTokens: number | null;
+    lastReasoningOutputTokens: number | null;
+    lastUsedTokens: number | null;
+    maxTokens: number | null;
+    outputTokens: number | null;
+    reasoningOutputTokens: number | null;
+    remainingPercentage: number | null;
+    remainingTokens: number | null;
+    toolUses: number | null;
+    totalProcessedTokens: number | null;
+    updatedAt: string;
+    usedPercentage: number | null;
+    usedTokens: number;
+};
+export declare function deriveContextWindowSnapshotFromTokenUsage(input: {
+    tokenUsage: ThreadTokenUsage | null | undefined;
+    updatedAt?: string | null;
+}): ContextWindowSnapshot | null;
+export declare function formatContextWindowTokens(value: number | null): string;