@itechchoice/prime-chatkit 0.1.0-alpha.0

package/dist/style.css

@@ -0,0 +1 @@
+.abc-prime-dock{position:fixed;right:1rem;bottom:1rem;top:auto;left:auto;width:min(720px,94vw);height:calc(100vh - var(--abc-prime-header-offset, var(--chatkit-header-offset, 0px)) - 16px);z-index:60;pointer-events:none;transition:width .22s ease,right .22s ease,bottom .22s ease,transform .22s ease;visibility:hidden}.abc-prime-dock--open{pointer-events:auto;visibility:visible}.abc-prime-dock--minimized{pointer-events:none;visibility:visible}.abc-prime-dock--split{inset:0 0 0 auto;width:var(--abc-prime-split-width, var(--chatkit-split-width, 50vw));min-width:var(--abc-prime-split-min-width, var(--chatkit-split-min-width, 640px));height:100vh;border-left:1px solid var(--border-input, rgba(15, 23, 42, .08))}body.chatkit-resizing .abc-prime-dock,body.chatkit-dragging .abc-prime-dock,body.chatkit-dock-resizing .abc-prime-dock{transition:none}.abc-prime-dock__resize-handle{position:absolute;top:0;bottom:0;left:-12px;width:24px;display:flex;align-items:center;justify-content:center;cursor:col-resize;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2}.abc-prime-dock__panel{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-input, rgba(15, 23, 42, .08));border-radius:1.25rem;background:transparent;box-shadow:0 25px 50px #0f172a2e;padding:0;overflow:hidden;transform:translateY(20px);opacity:0;pointer-events:auto;transition:opacity .18s ease,transform .26s cubic-bezier(.2,.8,.2,1);height:100%}.abc-prime-dock--open .abc-prime-dock__panel{opacity:1;transform:translateY(0)}.abc-prime-dock--split .abc-prime-dock__panel{transform:translate(32px);border-radius:0}.abc-prime-dock--open.abc-prime-dock--split .abc-prime-dock__panel{transform:translate(0)}.abc-prime-dock--minimized .abc-prime-dock__panel{opacity:0;transform:scale(.06) translate(12px,12px);pointer-events:none}.abc-prime-dock__minimized{position:fixed;right:1rem;bottom:1rem;width:48px;height:48px;border-radius:999px;background:rgb(var(--color-theme-blue, 34 99 248));color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #2263f847;transform:scale(.6);opacity:0;pointer-events:none;transition:transform .36s cubic-bezier(.18,1.35,.32,1),opacity .32s ease}.abc-prime-dock--minimized .abc-prime-dock__minimized{opacity:1;transform:scale(1);pointer-events:auto}.abc-prime-dock__header{cursor:default}.abc-prime-dock--dock-interactive:not(.abc-prime-dock--split) .abc-prime-dock__header{cursor:grab;touch-action:none}.abc-prime-dock--dragging:not(.abc-prime-dock--split) .abc-prime-dock__header{cursor:grabbing}.abc-prime-dock__resize-corner{position:absolute;right:.75rem;bottom:.75rem;width:18px;height:18px;border:0;background:transparent;cursor:nwse-resize;z-index:3}@media(max-width:640px){.abc-prime-dock{right:.75rem;left:.75rem;width:auto;bottom:.75rem}}

package/dist/types/adapters/bff/client.d.ts

@@ -0,0 +1,189 @@
+import type { ChatScope } from "../../core/scope";
+import type { SuspensionIdentity } from "../../core/suspension";
+import type { StreamEvent } from "../../core/types";
+export type BffClient = ReturnType<typeof createBffClient>;
+export type BffRequestConfig = {
+    method: "get" | "post" | "put" | "delete";
+    url: string;
+    params?: Record<string, unknown>;
+    data?: unknown;
+    headers?: Record<string, string>;
+    signal?: AbortSignal;
+    showLoading: false;
+    onUploadProgress?: (event: {
+        loaded: number;
+        total?: number;
+    }) => void;
+};
+export type BffHttp = {
+    request: (config: BffRequestConfig) => Promise<unknown>;
+    buildStreamHeaders?: (path: string) => Promise<Record<string, string>> | Record<string, string>;
+    fetch?: typeof fetch;
+    baseUrl?: string;
+    streamOrigin?: string;
+};
+export type TaskRequestMetadata = {
+    clientId?: string;
+    productId?: string;
+    pageTraceId?: string;
+    modelId?: string;
+    capabilities?: string[];
+    annotations?: unknown[];
+    attachments?: {
+        attachmentId: string;
+        fileName: string;
+        contentType?: string;
+        size?: string;
+        status: "READY";
+    }[];
+    autoTitle?: boolean;
+};
+export type TaskDetail = {
+    taskId: string;
+    status: string;
+    sessionId?: string;
+    eventWatermark?: string;
+    activeSuspension?: unknown;
+    runMetadata?: unknown;
+};
+export type SessionListInput = {
+    page?: number;
+    size?: number;
+    keyword?: string;
+};
+export type SessionSummary = {
+    id: string;
+    title?: string;
+    updatedAt?: string;
+    createdAt?: string;
+};
+export type SessionList = {
+    items: SessionSummary[];
+    total?: number;
+};
+export type SessionPageInput = {
+    limit?: number;
+    before?: string;
+};
+export type SessionPage = {
+    id: string;
+    title?: string;
+    hasMore: boolean;
+    records: unknown[];
+};
+export type RenamedSession = {
+    id: string;
+    title?: string;
+};
+export type ScopeSessionInput = Omit<ChatScope, "pending">;
+export type ProvisioningStatus = {
+    ready: boolean;
+    overallStatus: string | null;
+    lastFailedStep: string | null;
+    lastFailedReason: string | null;
+    expiresAt: string | null;
+};
+export type SubscribeEnd = {
+    kind: "finished";
+} | {
+    kind: "suspended";
+} | {
+    kind: "aborted";
+} | {
+    kind: "lost";
+    status?: number;
+    message?: string;
+};
+export declare class BffContractError extends Error {
+    readonly code: string;
+    readonly status?: number | undefined;
+    constructor(code: string, status?: number | undefined, message?: string);
+}
+export type AttachmentLimits = {
+    allowedExtensions: string[];
+    maxSizeBytes?: number;
+};
+export type UploadedAttachment = {
+    id: string;
+    name: string;
+    mimeType?: string;
+    size?: string;
+    status?: string;
+    ready: boolean;
+};
+export type AttachmentUrls = {
+    url?: string;
+    originalUrl?: string;
+    contentType?: string;
+    originalContentType?: string;
+    expiresIn?: number;
+};
+export declare function checkAttachment(file: {
+    name: string;
+    size: number;
+}, limits: AttachmentLimits): "ok" | "extension" | "size";
+export declare function createBffClient(http: BffHttp): {
+    getProvisioning(): Promise<ProvisioningStatus>;
+    triggerProvisioning(): Promise<ProvisioningStatus>;
+    listSessions(input?: SessionListInput): Promise<SessionList>;
+    getSessionPage(sessionId: string, input?: SessionPageInput): Promise<SessionPage>;
+    renameSession(sessionId: string, title: string): Promise<RenamedSession>;
+    deleteSession(sessionId: string): Promise<boolean>;
+    getScopeSession(input: ScopeSessionInput): Promise<string | null>;
+    createSession(input?: {
+        title?: string;
+        signal?: AbortSignal;
+    }): Promise<{
+        sessionId: string;
+    }>;
+    getAttachmentLimits(): Promise<AttachmentLimits>;
+    checkAttachment: typeof checkAttachment;
+    uploadAttachment(input: {
+        sessionId: string;
+        file: Blob & {
+            name?: string;
+        };
+        onProgress?: (p: number) => void;
+        signal?: AbortSignal;
+    }): Promise<UploadedAttachment>;
+    deleteAttachment(sessionId: string, attachmentId: string): Promise<boolean>;
+    getAttachmentUrls(attachmentId: string): Promise<AttachmentUrls>;
+    submitFeedback(input: {
+        taskId: string;
+        messageId: string;
+        rating: 1 | -1;
+        labels?: string[];
+        comment?: string;
+    }): Promise<{
+        feedbackId?: string;
+    }>;
+    createTask(input: {
+        sessionId?: string;
+        message: string;
+        requestMetadata?: TaskRequestMetadata;
+        signal?: AbortSignal;
+    }): Promise<{
+        taskId: string;
+        sessionId?: string;
+        status?: string;
+    }>;
+    cancelTask(taskId: string, reason?: string): Promise<boolean>;
+    resumeTask(taskId: string, input: {
+        suspensionId: string;
+        action: "APPROVE" | "REJECT" | "SUBMIT" | "CANCEL";
+        payload: Record<string, unknown>;
+        identity?: SuspensionIdentity;
+        signal?: AbortSignal;
+    }): Promise<{
+        status?: string;
+        resolution?: string;
+    }>;
+    getTask(taskId: string): Promise<TaskDetail>;
+    subscribeTaskEvents(input: {
+        taskId: string;
+        cursor: () => string | undefined;
+        onEvent: (ev: StreamEvent) => void;
+        signal?: AbortSignal;
+        delays?: number[];
+    }): Promise<SubscribeEnd>;
+};

package/dist/types/adapters/bff/controller.d.ts

@@ -0,0 +1,70 @@
+import { type ChatScope } from "../../core/scope";
+import { type Suspension, type SuspensionAnswer } from "../../core/suspension";
+import type { ChatMessage } from "../../core/types";
+import { type BffClient, type ProvisioningStatus, type SessionSummary, type TaskRequestMetadata, type UploadedAttachment } from "./client";
+export type { ChatScope } from "../../core/scope";
+export declare const HOLD_SESSION_ON_LINK_MS = 10000;
+export type ProvisioningState = ProvisioningStatus & {
+    checked: boolean;
+    triggering: boolean;
+    error?: {
+        code: "provisioning-check-failed" | "provisioning-trigger-failed";
+        status?: number;
+    };
+};
+export type ControllerState = {
+    sessionId?: string;
+    title?: string;
+    messages: ChatMessage[];
+    phase: "idle" | "loading" | "running" | "stopping";
+    connection: "online" | "lost";
+    hasMore: boolean;
+    loadingOlder: boolean;
+    error?: {
+        code: string;
+        status?: number;
+    };
+    suspension?: Suspension;
+    provisioning?: ProvisioningState;
+    sessions?: {
+        items: SessionSummary[];
+        loading: boolean;
+        error?: {
+            code: "sessions-failed" | "rename-failed" | "delete-failed";
+            status?: number;
+        };
+    };
+};
+export declare function createChatController(deps: {
+    client: BffClient;
+    stopPoll?: {
+        intervalMs: number;
+        timeoutMs: number;
+    };
+    pageSize?: number;
+    getTraceId?: () => string | undefined;
+    provisioning?: boolean;
+}): {
+    getState(): ControllerState;
+    subscribe(listener: () => void): () => void;
+    setScope(scope: ChatScope | null): Promise<void>;
+    keepSessionOnNextScopeChange(ttlMs?: number): void;
+    provision(): Promise<void>;
+    openSession(sessionId: string): Promise<void>;
+    loadSessions(): Promise<void>;
+    renameSession(id: string, title: string): Promise<void>;
+    deleteSession(id: string): Promise<void>;
+    newChat(): void;
+    loadOlder(): Promise<void>;
+    send(text: string, opts?: {
+        attachments?: UploadedAttachment[];
+        requestMetadata?: Omit<TaskRequestMetadata, "attachments">;
+    }): Promise<void>;
+    stop(): Promise<void>;
+    answer(a: SuspensionAnswer): Promise<void>;
+    cancelSuspension(): Promise<void>;
+    upload(file: Blob & {
+        name?: string;
+    }, onProgress?: (p: number) => void, signal?: AbortSignal): Promise<UploadedAttachment>;
+    dispose(): void;
+};

package/dist/types/components/ui/agent-trail-clean.d.ts

@@ -0,0 +1,63 @@
+export type TrailStepState = "done" | "running" | "pending" | "waiting" | "failed" | "stopped";
+export type TrailSubstepState = "done" | "running" | "pending";
+export type TrailSubstep = {
+    id?: string;
+    title: string;
+    /** done by default */
+    state?: TrailSubstepState;
+    /** A short fact on the right – a file, "+18 −3", "182/214" */
+    detail?: string;
+};
+export type TrailStep = {
+    id: string;
+    title: string;
+    state: TrailStepState;
+    /** How long it took – ms as a number ("12s", "1m 4s"), or your own text */
+    duration?: number | string;
+    /** What it is doing right now, on the right of a running step – "Testing" */
+    status?: string;
+    /** When a running step started (ms, Date.now()) – shows a live timer next to its status */
+    startedAt?: number;
+    /** Needs a person's approval before it runs – a dashed ring and "Approval" while it waits its turn */
+    gate?: boolean;
+    /** What it does inside the step – branches off the trail under it */
+    substeps?: TrailSubstep[];
+    /** Select this step to show details outside the fixed-height trail. */
+    selectable?: boolean;
+};
+export type AgentTrailLabels = {
+    title: string;
+    running: string;
+    approval: string;
+    waiting: string;
+    failed: string;
+    done: string;
+    pending: string;
+    /** No steps at all */
+    empty: string;
+    /** A step or sub-step without a title */
+    untitled: string;
+    /** "+35 earlier" / "+3 more" over and under a long list of sub-steps */
+    earlier: string;
+    more: string;
+    fewer: string;
+    stopped: string;
+    count: (done: number, total: number) => string;
+    duration: (ms: number) => string;
+};
+export type AgentTrailProps = {
+    steps: TrailStep[];
+    /** The task, in the header – leave it out for no header */
+    title?: string;
+    /** Which steps show their sub-steps – by default only the running one */
+    expanded?: string[];
+    onExpandedChange?: (ids: string[]) => void;
+    labels?: Partial<AgentTrailLabels>;
+    className?: string;
+    selected?: string | null;
+    onSelect?: (id: string) => void;
+    detailId?: string;
+};
+/** 12s, 1m 4s, 1h 2m – a string is shown as it is, anything broken as nothing */
+export declare function formatDuration(d: number | string | undefined): string;
+export declare function AgentTrail({ steps, title, expanded: expandedProp, onExpandedChange, labels: labelsProp, className, selected, onSelect, detailId }: AgentTrailProps): import("react").JSX.Element;

package/dist/types/components/ui/ai-answer-clean.d.ts

@@ -0,0 +1,76 @@
+import { type ReactNode } from "react";
+import type { MouseEvent } from "react";
+export type AnswerSource = {
+    /** Headline of the page, message or document */
+    title: string;
+    /** Short name shown on the citation chip, e.g. "Notion" */
+    name: string;
+    /** Opens in a new tab */
+    href?: string;
+    /** A favicon or logo, ideally square */
+    icon?: ReactNode;
+    /** The passage the answer relies on – shown in the preview */
+    snippet?: string;
+};
+export type AIAnswerProps = {
+    labels?: Partial<AIAnswerLabels>;
+    stopped?: boolean;
+    stoppable?: boolean;
+    /** Milliseconds; null hides elapsed time, undefined keeps the internal timer. */
+    duration?: number | null;
+    actions?: ("copy" | "regenerate" | "feedback")[];
+    avatar?: string;
+    onLink?: (href: string, event: MouseEvent<HTMLAnchorElement>) => void;
+    /** The question above the answer */
+    question?: string;
+    sources: AnswerSource[];
+    /** The answer text – may grow while `streaming` is true */
+    answer: string;
+    /** Render GFM and CJK-friendly Markdown immediately, without word animation. */
+    markdown?: boolean;
+    /** More text is still coming from your model, keep the cursor going */
+    streaming?: boolean;
+    /** Stream the text in; false shows it at once */
+    animate?: boolean;
+    /** Words per second while streaming in */
+    speed?: number;
+    followUps?: string[];
+    onFollowUp?: (question: string) => void;
+    onRegenerate?: () => void;
+    onStop?: () => void;
+    onFeedback?: (value: "up" | "down", reason?: string) => void;
+    /** Reasons offered after a thumbs down */
+    feedbackReasons?: string[];
+    onCopy?: (text: string) => void;
+    /** Its own white card – leave it off where the answer already sits on a surface (a thread, panel or sheet) */
+    framed?: boolean;
+    className?: string;
+};
+export type AIAnswerLabels = {
+    /** Counts preserve the component's existing formatting. */
+    reading: (count: string) => string;
+    writing: string;
+    answer: string;
+    stop: string;
+    stopped: string;
+    stoppedBeforeAnswering: string;
+    copyAnswer: string;
+    copied: string;
+    regenerate: string;
+    goodAnswer: string;
+    badAnswer: string;
+    thanksFeedback: string;
+    feedbackPrompt: string;
+    feedbackReasons: string[];
+    related: string;
+    sources: string;
+    clipboardSources: string;
+    source: (names: string) => string;
+    more: (count: string) => string;
+    moreLabel: string;
+    /** Includes any separator before the formatted duration. */
+    answeredIn: string;
+    formatDuration: (seconds: number) => string;
+};
+export declare const defaultAIAnswerLabels: AIAnswerLabels;
+export declare function AIAnswer({ labels, stopped, stoppable, duration, actions, avatar, onLink, question, sources, answer, markdown, streaming, animate, speed, followUps, onFollowUp, onRegenerate, onStop, onFeedback, feedbackReasons, onCopy, framed, className, }: AIAnswerProps): import("react").JSX.Element;

package/dist/types/components/ui/approval-card-clean.d.ts

@@ -0,0 +1,54 @@
+import { type ReactNode } from "react";
+export type ApprovalStatus = "pending" | "approved" | "denied";
+export type ApprovalRisk = "low" | "medium" | "high";
+export type ApprovalDetail = {
+    label: string;
+    value: ReactNode;
+};
+export type DenyReason = "user" | "timeout";
+export type ApprovalCardProps = {
+    /** The action, e.g. "Send campaign email" */
+    title: string;
+    /** One line of context below the title */
+    description?: ReactNode;
+    /** Tinted badge in the header; leave out to hide it */
+    risk?: ApprovalRisk;
+    /** Icon in the header tile – defaults to a small shield */
+    icon?: ReactNode;
+    /** Key-value rows in the preview, e.g. To, Subject, Scheduled */
+    details?: ApprovalDetail[];
+    /** Anything to show above the details, e.g. a recipient list – children work too */
+    preview?: ReactNode;
+    children?: ReactNode;
+    /** Controlled status */
+    status?: ApprovalStatus;
+    /** Starting status when uncontrolled */
+    defaultStatus?: ApprovalStatus;
+    /** Return a promise to show a spinner and lock the card until it settles; a rejection keeps it pending */
+    onApprove?: (decision: {
+        always: boolean;
+    }) => void | Promise<unknown>;
+    onDeny?: (decision: {
+        reason: DenyReason;
+    }) => void;
+    /** Shows an "Edit" button */
+    onEdit?: () => void;
+    /** Seconds until the request expires and is denied with reason "timeout" */
+    expiresIn?: number;
+    /** Called when the countdown runs out (onDeny is called too) */
+    onExpire?: () => void;
+    /** Show the "Always allow this action" checkbox */
+    allowAlways?: boolean;
+    alwaysLabel?: string;
+    approveLabel?: string;
+    denyLabel?: string;
+    editLabel?: string;
+    /** Show ⌘↵ / Esc hints on the buttons (the shortcuts work either way) */
+    shortcuts?: boolean;
+    /** Small label on the gray tray above the card, e.g. "Step 4 · gmail.send" */
+    label?: ReactNode;
+    /** Where the buttons sit: on the gray tray below the card (default) or inside the white card */
+    actions?: "tray" | "card";
+    className?: string;
+};
+export declare function ApprovalCard({ title, description, risk, icon, details, preview, children, status: statusProp, defaultStatus, onApprove, onDeny, onEdit, expiresIn, onExpire, allowAlways, alwaysLabel, approveLabel, denyLabel, editLabel, shortcuts, label, actions, className, }: ApprovalCardProps): import("react").JSX.Element;

package/dist/types/components/ui/button-clean.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentPropsWithRef, type ReactNode } from "react";
+export type ButtonProps = ComponentPropsWithRef<"button"> & {
+    /** primary: a dark chip · secondary: white with a hairline shadow · ghost: text only · destructive: a light red fill, for deleting */
+    variant?: "primary" | "secondary" | "ghost" | "destructive";
+    size?: "sm" | "md" | "lg";
+    /** Shows a shimmer over the label and blocks clicks */
+    loading?: boolean;
+    /** Icon before the label, e.g. an inline SVG */
+    icon?: ReactNode;
+    /** Icon after the label */
+    iconRight?: ReactNode;
+};
+export declare function Button({ variant, size, loading, icon, iconRight, children, className, disabled, onClick, onPointerEnter, type, ref, ...rest }: ButtonProps): import("react").JSX.Element;

package/dist/types/components/ui/chat-composer-clean.d.ts

@@ -0,0 +1,115 @@
+import { type ComponentType, type ReactNode } from "react";
+/** An app under "Connect apps" – its brand mark shows in the row and in the menu */
+export type ChatApp = {
+    id: string;
+    name: string;
+    Logo: ComponentType;
+};
+export type ChatModel = {
+    id: string;
+    name: string;
+    /** A line under the name in the picker – leave it out for names alone */
+    description?: string;
+    Logo?: ComponentType;
+};
+/** How the agent's actions get approved: ask first, approve the safe ones by itself, or never ask */
+export type ApprovalMode = "ask" | "auto" | "full";
+export declare const defaultChatComposerLabels: {
+    placeholder: string;
+    requestApproval: string;
+    requestApprovalDescription: string;
+    approveForMe: string;
+    approveForMeDescription: string;
+    fullAccess: string;
+    fullAccessDescription: string;
+    add: string;
+    files: string;
+    attachClaude: string;
+    workInFolder: string;
+    chooseFolder: string;
+    goal: string;
+    goalDescription: string;
+    planMode: string;
+    planOnDescription: string;
+    recordSkill: string;
+    draw: string;
+    drawDescription: string;
+    plugins: string;
+    documents: string;
+    documentsDescription: string;
+    pdf: string;
+    pdfDescription: string;
+    noFolder: string;
+    planOff: string;
+    planOn: string;
+    recording: string;
+    recordingAdded: string;
+    recordingDiscarded: string;
+    messageSent: string;
+    composer: string;
+    message: string;
+    voiceInput: string;
+    sendMessage: string;
+    discardRecording: string;
+    useRecording: string;
+    connectApps: string;
+    addToChat: string;
+    planOffDescription: string;
+    approvalQuestion: string;
+    learnMore: string;
+    selectModel: string;
+    apps: string;
+    workingIn: (folder: string) => string;
+    appConnection: (name: string | undefined, connected: boolean) => string;
+    selected: (name: string | undefined) => string;
+    connectedCount: (n: number) => string;
+};
+export type ChatComposerLabels = typeof defaultChatComposerLabels;
+export type ChatComposerProps = {
+    sendDisabled?: boolean;
+    labels?: Partial<ChatComposerLabels>;
+    placeholder?: string;
+    disabled?: boolean;
+    /** Models in the picker; the first one is selected by default */
+    models?: ChatModel[];
+    /** Demo transcript that appears word by word while recording – replace with live speech-to-text */
+    dictation?: string;
+    onSend?: (message: string, details: {
+        model: string;
+    }) => void;
+    onModelChange?: (model: ChatModel) => void;
+    /** An entry of the plus menu was picked: "files", "claude", "folder", "goal", "plan", "skill", "draw", "documents" or "pdf" */
+    onAttach?: (item: string) => void;
+    /** Plus-menu row IDs to show, after the tray's folder/apps replacement; omitted, show all. */
+    addItems?: string[];
+    /** The approval mode to start with; false removes the button and menu. */
+    approval?: ApprovalMode | false;
+    /** False removes voice input and prevents recording. */
+    voice?: boolean;
+    onApprovalChange?: (mode: ApprovalMode) => void;
+    /** "Learn more" in the approval menu */
+    onLearnMore?: () => void;
+    /** Folders in the "Work in a folder" picker – an empty list leaves the picker out */
+    folders?: string[];
+    /** The folder to start in */
+    folder?: string;
+    /** A folder was picked – null when the picked one was picked again to leave it */
+    onFolderChange?: (folder: string | null) => void;
+    /** Apps in the "Connect apps" menu; the first three show their marks in the row */
+    apps?: ChatApp[];
+    /** Ids of the apps that are connected to start with */
+    connectedApps?: string[];
+    /** An app was connected or disconnected – with the ids of all connected apps */
+    onAppsChange?: (connected: string[]) => void;
+    /** Your own last row on the gray layer, in place of "Work in a folder" and "Connect apps" */
+    foot?: ReactNode;
+    /**
+     * The gray layer under the writing area with the folder and the apps (default true). Turn it off once a chat has
+     * started: the folder is set by then, and the apps move into the plus menu
+     */
+    tray?: boolean;
+};
+export declare const defaultFolders: string[];
+export declare const defaultApps: ChatApp[];
+export declare const defaultModels: ChatModel[];
+export declare function ChatComposer({ sendDisabled, placeholder, disabled, labels: labelProp, models, dictation, onSend, onModelChange, onAttach, addItems, voice, approval: firstApproval, onApprovalChange, onLearnMore, folders, folder: firstFolder, onFolderChange, apps, connectedApps, onAppsChange, foot, tray, }: ChatComposerProps): import("react").JSX.Element;