mirror of
https://github.com/getpaseo/paseo.git
synced 2026-11-05 07:54:38 +00:00
Mohamed Boudra
bf2aac9f61
Draft metadata was component state while the prompt lived in the draft store, so a composer that remounted across the compact breakpoint kept its text and lost the plugin's choices. It now lives in the draft store beside the prompt, is cleared when the draft is sent, and is not cleared when the prompt is emptied. It is not persisted across app restarts. While the New workspace composer is creating the agent, the built-in controls are disabled but plugin controls and commands were not. They read the composer's own lock: Paseo controls render disabled, and setPrompt, insertText and the agent commands refuse. The options and metadata a plugin reads are frozen copies, through the same helper the timeline projection uses. The composer control test mounted components in JSDOM, which the testing rules ban; it now runs in the browser project.
86 lines
3.0 KiB
TypeScript
86 lines
3.0 KiB
TypeScript
import { createContext, useContext, type ReactNode } from "react";
|
|
import type { JsonValue, ProviderOptions } from "@getpaseo/protocol/agent-types";
|
|
import type { UserComposerAttachment } from "@/attachments/types";
|
|
import type { ComposerTextSource } from "@/composer/text-source";
|
|
|
|
/**
|
|
* The text and attachments of the composer a control sits in. `Composer` provides it, so a
|
|
* control reaches the prompt without knowing which screen mounted the composer.
|
|
*/
|
|
export interface ComposerInput {
|
|
/** The prompt is held while the composer submits; the built-in input is read-only meanwhile. */
|
|
locked: boolean;
|
|
textSource: ComposerTextSource;
|
|
setText: (text: string) => void;
|
|
/** Inserts at the cursor, replacing the selection. */
|
|
insertText: (text: string) => void;
|
|
attachments: readonly UserComposerAttachment[];
|
|
changeAttachments: (
|
|
updater: (current: UserComposerAttachment[]) => UserComposerAttachment[],
|
|
) => void;
|
|
}
|
|
|
|
/**
|
|
* The agent a composer configures, as one set of reads and commands. A running agent sends each
|
|
* command to the daemon; a draft keeps it locally until the agent is created. Controls call the
|
|
* same command either way.
|
|
*/
|
|
export interface ComposerAgent {
|
|
context: "agent" | "draft" | "new-workspace";
|
|
/** The agent is being created; the built-in controls are disabled meanwhile. */
|
|
locked: boolean;
|
|
provider: string | null;
|
|
model: string | null;
|
|
mode: string | null;
|
|
thinking: string | null;
|
|
/** The options the agent runs with, defaults included. */
|
|
options: ProviderOptions;
|
|
metadata: Record<string, JsonValue>;
|
|
setProvider: (provider: string) => Promise<void>;
|
|
setModel: (modelId: string) => Promise<void>;
|
|
setMode: (modeId: string) => Promise<void>;
|
|
setThinking: (thinkingOptionId: string) => Promise<void>;
|
|
/** Top-level keys replace; `null` removes the agent's own value. */
|
|
setOptions: (patch: ProviderOptions) => Promise<void>;
|
|
/** Top-level keys replace; `null` removes the key. */
|
|
setMetadata: (patch: Record<string, JsonValue>) => Promise<void>;
|
|
}
|
|
|
|
const ComposerInputContext = createContext<ComposerInput | null>(null);
|
|
const ComposerAgentContext = createContext<ComposerAgent | null>(null);
|
|
|
|
export function ComposerInputProvider({
|
|
value,
|
|
children,
|
|
}: {
|
|
value: ComposerInput;
|
|
children: ReactNode;
|
|
}) {
|
|
return <ComposerInputContext.Provider value={value}>{children}</ComposerInputContext.Provider>;
|
|
}
|
|
|
|
export function ComposerAgentProvider({
|
|
value,
|
|
children,
|
|
}: {
|
|
value: ComposerAgent | null;
|
|
children: ReactNode;
|
|
}) {
|
|
return <ComposerAgentContext.Provider value={value}>{children}</ComposerAgentContext.Provider>;
|
|
}
|
|
|
|
export function useComposerInput(): ComposerInput | null {
|
|
return useContext(ComposerInputContext);
|
|
}
|
|
|
|
export function useComposerAgent(): ComposerAgent | null {
|
|
return useContext(ComposerAgentContext);
|
|
}
|
|
|
|
/** True while the composer holds its prompt or its agent's settings for a submit in flight. */
|
|
export function useComposerLocked(): boolean {
|
|
const input = useComposerInput();
|
|
const agent = useComposerAgent();
|
|
return Boolean(input?.locked || agent?.locked);
|
|
}
|