import * as Schema from "effect/Schema"; import { ProjectId, ThreadId, type ModelSelection } from "@t3tools/contracts"; import { afterEach, beforeEach, describe, expect, it, vi } from "vitest"; import { COMPOSER_DRAFT_STORAGE_KEY, type ComposerImageAttachment, useComposerDraftStore, } from "./composerDraftStore"; import { removeLocalStorageItem, setLocalStorageItem } from "./hooks/useLocalStorage"; import { INLINE_TERMINAL_CONTEXT_PLACEHOLDER, insertInlineTerminalContextPlaceholder, type TerminalContextDraft, } from "./lib/terminalContext"; import { createDebouncedStorage } from "./lib/storage"; function makeImage(input: { id: string; previewUrl: string; name?: string; mimeType?: string; sizeBytes?: number; lastModified?: number; }): ComposerImageAttachment { const name = input.name ?? "image.png"; const mimeType = input.mimeType ?? "image/png"; const sizeBytes = input.sizeBytes ?? 4; const lastModified = input.lastModified ?? 1_700_000_000_000; const file = new File([new Uint8Array(sizeBytes).fill(1)], name, { type: mimeType, lastModified, }); return { type: "image", id: input.id, name, mimeType, sizeBytes: file.size, previewUrl: input.previewUrl, file, }; } function makeTerminalContext(input: { id: string; text?: string; terminalId?: string; terminalLabel?: string; lineStart?: number; lineEnd?: number; }): TerminalContextDraft { return { id: input.id, threadId: ThreadId.makeUnsafe("thread-dedupe"), terminalId: input.terminalId ?? "default", terminalLabel: input.terminalLabel ?? "Terminal 1", lineStart: input.lineStart ?? 4, lineEnd: input.lineEnd ?? 5, text: input.text ?? "git status\nOn branch main", createdAt: "2026-03-13T12:00:00.000Z", }; } function resetComposerDraftStore() { useComposerDraftStore.setState({ draftsByThreadId: {}, draftThreadsByThreadId: {}, projectDraftThreadIdByProjectId: {}, stickyModelSelection: null, }); } function modelSelection( provider: "codex" | "claudeAgent", model: string, options?: ModelSelection["options"], ): ModelSelection { return { provider, model, ...(options ? { options } : {}), } as ModelSelection; } describe("composerDraftStore addImages", () => { const threadId = ThreadId.makeUnsafe("thread-dedupe"); let originalRevokeObjectUrl: typeof URL.revokeObjectURL; let revokeSpy: ReturnType void>>; beforeEach(() => { resetComposerDraftStore(); originalRevokeObjectUrl = URL.revokeObjectURL; revokeSpy = vi.fn(); URL.revokeObjectURL = revokeSpy; }); afterEach(() => { URL.revokeObjectURL = originalRevokeObjectUrl; }); it("deduplicates identical images in one batch by file signature", () => { const first = makeImage({ id: "img-1", previewUrl: "blob:first", name: "same.png", mimeType: "image/png", sizeBytes: 12, lastModified: 12345, }); const duplicate = makeImage({ id: "img-2", previewUrl: "blob:duplicate", name: "same.png", mimeType: "image/png", sizeBytes: 12, lastModified: 12345, }); useComposerDraftStore.getState().addImages(threadId, [first, duplicate]); const draft = useComposerDraftStore.getState().draftsByThreadId[threadId]; expect(draft?.images.map((image) => image.id)).toEqual(["img-1"]); expect(revokeSpy).toHaveBeenCalledWith("blob:duplicate"); }); it("deduplicates against existing images across calls by file signature", () => { const first = makeImage({ id: "img-a", previewUrl: "blob:a", name: "same.png", mimeType: "image/png", sizeBytes: 9, lastModified: 777, }); const duplicateLater = makeImage({ id: "img-b", previewUrl: "blob:b", name: "same.png", mimeType: "image/png", sizeBytes: 9, lastModified: 999, }); useComposerDraftStore.getState().addImage(threadId, first); useComposerDraftStore.getState().addImage(threadId, duplicateLater); const draft = useComposerDraftStore.getState().draftsByThreadId[threadId]; expect(draft?.images.map((image) => image.id)).toEqual(["img-a"]); expect(revokeSpy).toHaveBeenCalledWith("blob:b"); }); it("does not revoke blob URLs that are still used by an accepted duplicate image", () => { const first = makeImage({ id: "img-shared", previewUrl: "blob:shared", }); const duplicateSameUrl = makeImage({ id: "img-shared", previewUrl: "blob:shared", }); useComposerDraftStore.getState().addImages(threadId, [first, duplicateSameUrl]); const draft = useComposerDraftStore.getState().draftsByThreadId[threadId]; expect(draft?.images.map((image) => image.id)).toEqual(["img-shared"]); expect(revokeSpy).not.toHaveBeenCalledWith("blob:shared"); }); }); describe("composerDraftStore clearComposerContent", () => { const threadId = ThreadId.makeUnsafe("thread-clear"); let originalRevokeObjectUrl: typeof URL.revokeObjectURL; let revokeSpy: ReturnType void>>; beforeEach(() => { resetComposerDraftStore(); originalRevokeObjectUrl = URL.revokeObjectURL; revokeSpy = vi.fn(); URL.revokeObjectURL = revokeSpy; }); afterEach(() => { URL.revokeObjectURL = originalRevokeObjectUrl; }); it("does not revoke blob preview URLs when clearing composer content", () => { const first = makeImage({ id: "img-optimistic", previewUrl: "blob:optimistic", }); useComposerDraftStore.getState().addImage(threadId, first); useComposerDraftStore.getState().clearComposerContent(threadId); const draft = useComposerDraftStore.getState().draftsByThreadId[threadId]; expect(draft).toBeUndefined(); expect(revokeSpy).not.toHaveBeenCalledWith("blob:optimistic"); }); }); describe("composerDraftStore syncPersistedAttachments", () => { const threadId = ThreadId.makeUnsafe("thread-sync-persisted"); beforeEach(() => { removeLocalStorageItem(COMPOSER_DRAFT_STORAGE_KEY); useComposerDraftStore.setState({ draftsByThreadId: {}, draftThreadsByThreadId: {}, projectDraftThreadIdByProjectId: {}, }); }); afterEach(() => { removeLocalStorageItem(COMPOSER_DRAFT_STORAGE_KEY); }); it("treats malformed persisted draft storage as empty", async () => { const image = makeImage({ id: "img-persisted", previewUrl: "blob:persisted", }); useComposerDraftStore.getState().addImage(threadId, image); setLocalStorageItem( COMPOSER_DRAFT_STORAGE_KEY, { version: 2, state: { draftsByThreadId: { [threadId]: { attachments: "not-an-array", }, }, }, }, Schema.Unknown, ); useComposerDraftStore.getState().syncPersistedAttachments(threadId, [ { id: image.id, name: image.name, mimeType: image.mimeType, sizeBytes: image.sizeBytes, dataUrl: image.previewUrl, }, ]); await Promise.resolve(); expect( useComposerDraftStore.getState().draftsByThreadId[threadId]?.persistedAttachments, ).toEqual([]); expect( useComposerDraftStore.getState().draftsByThreadId[threadId]?.nonPersistedImageIds, ).toEqual([image.id]); }); }); describe("composerDraftStore terminal contexts", () => { const threadId = ThreadId.makeUnsafe("thread-dedupe"); beforeEach(() => { useComposerDraftStore.setState({ draftsByThreadId: {}, draftThreadsByThreadId: {}, projectDraftThreadIdByProjectId: {}, }); }); it("deduplicates identical terminal contexts by selection signature", () => { const first = makeTerminalContext({ id: "ctx-1" }); const duplicate = makeTerminalContext({ id: "ctx-2" }); useComposerDraftStore.getState().addTerminalContexts(threadId, [first, duplicate]); const draft = useComposerDraftStore.getState().draftsByThreadId[threadId]; expect(draft?.terminalContexts.map((context) => context.id)).toEqual(["ctx-1"]); }); it("clears terminal contexts when clearing composer content", () => { useComposerDraftStore .getState() .addTerminalContext(threadId, makeTerminalContext({ id: "ctx-1" })); useComposerDraftStore.getState().clearComposerContent(threadId); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]).toBeUndefined(); }); it("inserts terminal contexts at the requested inline prompt position", () => { const firstInsertion = insertInlineTerminalContextPlaceholder("alpha beta", 6); const secondInsertion = insertInlineTerminalContextPlaceholder(firstInsertion.prompt, 0); expect( useComposerDraftStore .getState() .insertTerminalContext( threadId, firstInsertion.prompt, makeTerminalContext({ id: "ctx-1" }), firstInsertion.contextIndex, ), ).toBe(true); expect( useComposerDraftStore.getState().insertTerminalContext( threadId, secondInsertion.prompt, makeTerminalContext({ id: "ctx-2", terminalLabel: "Terminal 2", lineStart: 9, lineEnd: 10, }), secondInsertion.contextIndex, ), ).toBe(true); const draft = useComposerDraftStore.getState().draftsByThreadId[threadId]; expect(draft?.prompt).toBe( `${INLINE_TERMINAL_CONTEXT_PLACEHOLDER} alpha ${INLINE_TERMINAL_CONTEXT_PLACEHOLDER} beta`, ); expect(draft?.terminalContexts.map((context) => context.id)).toEqual(["ctx-2", "ctx-1"]); }); it("omits terminal context text from persisted drafts", () => { useComposerDraftStore .getState() .addTerminalContext(threadId, makeTerminalContext({ id: "ctx-persist" })); const persistApi = useComposerDraftStore.persist as unknown as { getOptions: () => { partialize: (state: ReturnType) => unknown; }; }; const persistedState = persistApi.getOptions().partialize(useComposerDraftStore.getState()) as { draftsByThreadId?: Record> }>; }; expect( persistedState.draftsByThreadId?.[threadId]?.terminalContexts?.[0], "Expected terminal context metadata to be persisted.", ).toMatchObject({ id: "ctx-persist", terminalId: "default", terminalLabel: "Terminal 1", lineStart: 4, lineEnd: 5, }); expect( persistedState.draftsByThreadId?.[threadId]?.terminalContexts?.[0]?.text, ).toBeUndefined(); }); it("hydrates persisted terminal contexts without in-memory snapshot text", () => { const persistApi = useComposerDraftStore.persist as unknown as { getOptions: () => { merge: ( persistedState: unknown, currentState: ReturnType, ) => ReturnType; }; }; const mergedState = persistApi.getOptions().merge( { draftsByThreadId: { [threadId]: { prompt: INLINE_TERMINAL_CONTEXT_PLACEHOLDER, attachments: [], terminalContexts: [ { id: "ctx-rehydrated", threadId, createdAt: "2026-03-13T12:00:00.000Z", terminalId: "default", terminalLabel: "Terminal 1", lineStart: 4, lineEnd: 5, }, ], }, }, draftThreadsByThreadId: {}, projectDraftThreadIdByProjectId: {}, }, useComposerDraftStore.getInitialState(), ); expect(mergedState.draftsByThreadId[threadId]?.terminalContexts).toMatchObject([ { id: "ctx-rehydrated", terminalId: "default", terminalLabel: "Terminal 1", lineStart: 4, lineEnd: 5, text: "", }, ]); }); it("sanitizes malformed persisted drafts during merge", () => { const persistApi = useComposerDraftStore.persist as unknown as { getOptions: () => { merge: ( persistedState: unknown, currentState: ReturnType, ) => ReturnType; }; }; const mergedState = persistApi.getOptions().merge( { draftsByThreadId: { [threadId]: { prompt: "", attachments: "not-an-array", terminalContexts: "not-an-array", provider: "bogus-provider", modelOptions: "not-an-object", }, }, draftThreadsByThreadId: "not-an-object", projectDraftThreadIdByProjectId: "not-an-object", }, useComposerDraftStore.getInitialState(), ); expect(mergedState.draftsByThreadId[threadId]).toBeUndefined(); expect(mergedState.draftThreadsByThreadId).toEqual({}); expect(mergedState.projectDraftThreadIdByProjectId).toEqual({}); }); }); describe("composerDraftStore project draft thread mapping", () => { const projectId = ProjectId.makeUnsafe("project-a"); const otherProjectId = ProjectId.makeUnsafe("project-b"); const threadId = ThreadId.makeUnsafe("thread-a"); const otherThreadId = ThreadId.makeUnsafe("thread-b"); beforeEach(() => { resetComposerDraftStore(); }); it("stores and reads project draft thread ids via actions", () => { const store = useComposerDraftStore.getState(); expect(store.getDraftThreadByProjectId(projectId)).toBeNull(); expect(store.getDraftThread(threadId)).toBeNull(); store.setProjectDraftThreadId(projectId, threadId, { branch: "feature/test", worktreePath: "/tmp/worktree-test", createdAt: "2026-01-01T00:00:00.000Z", }); expect(useComposerDraftStore.getState().getDraftThreadByProjectId(projectId)).toEqual({ threadId, projectId, branch: "feature/test", worktreePath: "/tmp/worktree-test", envMode: "worktree", runtimeMode: "full-access", interactionMode: "default", createdAt: "2026-01-01T00:00:00.000Z", }); expect(useComposerDraftStore.getState().getDraftThread(threadId)).toEqual({ projectId, branch: "feature/test", worktreePath: "/tmp/worktree-test", envMode: "worktree", runtimeMode: "full-access", interactionMode: "default", createdAt: "2026-01-01T00:00:00.000Z", }); }); it("clears only matching project draft mapping entries", () => { const store = useComposerDraftStore.getState(); store.setProjectDraftThreadId(projectId, threadId); store.setPrompt(threadId, "hello"); store.clearProjectDraftThreadById(projectId, otherThreadId); expect(useComposerDraftStore.getState().getDraftThreadByProjectId(projectId)?.threadId).toBe( threadId, ); store.clearProjectDraftThreadById(projectId, threadId); expect(useComposerDraftStore.getState().getDraftThreadByProjectId(projectId)).toBeNull(); expect(useComposerDraftStore.getState().getDraftThread(threadId)).toBeNull(); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]).toBeUndefined(); }); it("clears project draft mapping by project id", () => { const store = useComposerDraftStore.getState(); store.setProjectDraftThreadId(projectId, threadId); store.setPrompt(threadId, "hello"); store.clearProjectDraftThreadId(projectId); expect(useComposerDraftStore.getState().getDraftThreadByProjectId(projectId)).toBeNull(); expect(useComposerDraftStore.getState().getDraftThread(threadId)).toBeNull(); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]).toBeUndefined(); }); it("clears orphaned composer drafts when remapping a project to a new draft thread", () => { const store = useComposerDraftStore.getState(); store.setProjectDraftThreadId(projectId, threadId); store.setPrompt(threadId, "orphan me"); store.setProjectDraftThreadId(projectId, otherThreadId); expect(useComposerDraftStore.getState().getDraftThreadByProjectId(projectId)?.threadId).toBe( otherThreadId, ); expect(useComposerDraftStore.getState().getDraftThread(threadId)).toBeNull(); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]).toBeUndefined(); }); it("keeps composer drafts when the thread is still mapped by another project", () => { const store = useComposerDraftStore.getState(); store.setProjectDraftThreadId(projectId, threadId); store.setProjectDraftThreadId(otherProjectId, threadId); store.setPrompt(threadId, "keep me"); store.clearProjectDraftThreadId(projectId); expect(useComposerDraftStore.getState().getDraftThreadByProjectId(projectId)).toBeNull(); expect( useComposerDraftStore.getState().getDraftThreadByProjectId(otherProjectId)?.threadId, ).toBe(threadId); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]?.prompt).toBe("keep me"); }); it("clears draft registration independently", () => { const store = useComposerDraftStore.getState(); store.setProjectDraftThreadId(projectId, threadId); store.setPrompt(threadId, "remove me"); store.clearDraftThread(threadId); expect(useComposerDraftStore.getState().getDraftThreadByProjectId(projectId)).toBeNull(); expect(useComposerDraftStore.getState().getDraftThread(threadId)).toBeNull(); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]).toBeUndefined(); }); it("updates branch context on an existing draft thread", () => { const store = useComposerDraftStore.getState(); store.setProjectDraftThreadId(projectId, threadId, { branch: "main", worktreePath: null, }); store.setDraftThreadContext(threadId, { branch: "feature/next", worktreePath: "/tmp/feature-next", }); expect(useComposerDraftStore.getState().getDraftThreadByProjectId(projectId)?.threadId).toBe( threadId, ); expect(useComposerDraftStore.getState().getDraftThread(threadId)).toMatchObject({ projectId, branch: "feature/next", worktreePath: "/tmp/feature-next", envMode: "worktree", }); }); it("preserves existing branch and worktree when setProjectDraftThreadId receives undefined", () => { const store = useComposerDraftStore.getState(); store.setProjectDraftThreadId(projectId, threadId, { branch: "main", worktreePath: "/tmp/main-worktree", }); const runtimeUndefinedOptions = { branch: undefined, worktreePath: undefined, } as unknown as { branch?: string | null; worktreePath?: string | null; }; store.setProjectDraftThreadId(projectId, threadId, runtimeUndefinedOptions); expect(useComposerDraftStore.getState().getDraftThread(threadId)).toMatchObject({ projectId, branch: "main", worktreePath: "/tmp/main-worktree", envMode: "worktree", }); }); it("preserves worktree env mode without a worktree path", () => { const store = useComposerDraftStore.getState(); store.setProjectDraftThreadId(projectId, threadId, { branch: "feature/base", worktreePath: null, envMode: "worktree", }); const runtimeUndefinedOptions = { branch: undefined, worktreePath: undefined, envMode: undefined, } as unknown as { branch?: string | null; worktreePath?: string | null; envMode?: "local" | "worktree"; }; store.setProjectDraftThreadId(projectId, threadId, runtimeUndefinedOptions); expect(useComposerDraftStore.getState().getDraftThread(threadId)).toMatchObject({ projectId, branch: "feature/base", worktreePath: null, envMode: "worktree", }); }); }); describe("composerDraftStore modelSelection", () => { const threadId = ThreadId.makeUnsafe("thread-model-options"); beforeEach(() => { resetComposerDraftStore(); }); it("stores a model selection in the draft", () => { const store = useComposerDraftStore.getState(); store.setModelSelection( threadId, modelSelection("codex", "gpt-5.3-codex", { reasoningEffort: "xhigh", fastMode: true, }), ); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]?.modelSelection).toEqual( modelSelection("codex", "gpt-5.3-codex", { reasoningEffort: "xhigh", fastMode: true, }), ); }); it("keeps default-only model selections on the draft", () => { const store = useComposerDraftStore.getState(); store.setModelSelection(threadId, modelSelection("codex", "gpt-5.4")); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]?.modelSelection).toEqual( modelSelection("codex", "gpt-5.4"), ); }); it("replaces only the targeted provider options on the current model selection", () => { const store = useComposerDraftStore.getState(); store.setModelSelection( threadId, modelSelection("claudeAgent", "claude-opus-4-6", { effort: "max", fastMode: true, }), ); store.setStickyModelSelection( modelSelection("claudeAgent", "claude-opus-4-6", { effort: "max", fastMode: true, }), ); store.setProviderModelOptions( threadId, "claudeAgent", { thinking: false, }, { persistSticky: true }, ); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]?.modelSelection).toEqual( modelSelection("claudeAgent", "claude-opus-4-6", { thinking: false, }), ); expect(useComposerDraftStore.getState().stickyModelSelection).toEqual( modelSelection("claudeAgent", "claude-opus-4-6", { thinking: false, }), ); }); it("removes selection options when the patched provider options normalize empty", () => { const store = useComposerDraftStore.getState(); store.setModelSelection( threadId, modelSelection("claudeAgent", "claude-opus-4-6", { effort: "max", }), ); store.setProviderModelOptions(threadId, "claudeAgent", { thinking: true, }); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]?.modelSelection).toEqual( modelSelection("claudeAgent", "claude-opus-4-6"), ); expect(useComposerDraftStore.getState().stickyModelSelection).toBeNull(); }); it("removes model options entirely when the last provider entry normalizes empty", () => { const store = useComposerDraftStore.getState(); store.setModelSelection(threadId, modelSelection("codex", "gpt-5.4", { fastMode: true })); store.setProviderModelOptions(threadId, "codex", { reasoningEffort: "high", fastMode: false, }); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]?.modelSelection).toEqual( modelSelection("codex", "gpt-5.4"), ); }); it("updates only the draft when sticky persistence is omitted", () => { const store = useComposerDraftStore.getState(); store.setStickyModelSelection( modelSelection("claudeAgent", "claude-opus-4-6", { effort: "max" }), ); store.setModelSelection( threadId, modelSelection("claudeAgent", "claude-opus-4-6", { effort: "max" }), ); store.setProviderModelOptions(threadId, "claudeAgent", { thinking: false, }); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]?.modelSelection).toEqual( modelSelection("claudeAgent", "claude-opus-4-6", { thinking: false, }), ); expect(useComposerDraftStore.getState().stickyModelSelection).toEqual( modelSelection("claudeAgent", "claude-opus-4-6", { effort: "max" }), ); }); it("updates only the draft when sticky persistence is disabled", () => { const store = useComposerDraftStore.getState(); store.setStickyModelSelection( modelSelection("claudeAgent", "claude-opus-4-6", { effort: "max" }), ); store.setModelSelection( threadId, modelSelection("claudeAgent", "claude-opus-4-6", { effort: "max" }), ); store.setProviderModelOptions( threadId, "claudeAgent", { thinking: false, }, { persistSticky: false }, ); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]?.modelSelection).toEqual( modelSelection("claudeAgent", "claude-opus-4-6", { thinking: false, }), ); expect(useComposerDraftStore.getState().stickyModelSelection).toEqual( modelSelection("claudeAgent", "claude-opus-4-6", { effort: "max" }), ); }); }); describe("composerDraftStore setModelSelection", () => { const threadId = ThreadId.makeUnsafe("thread-model"); beforeEach(() => { resetComposerDraftStore(); }); it("keeps explicit model overrides instead of coercing to null", () => { const store = useComposerDraftStore.getState(); store.setModelSelection(threadId, modelSelection("codex", "gpt-5.3-codex")); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]?.modelSelection).toEqual( modelSelection("codex", "gpt-5.3-codex"), ); }); }); describe("composerDraftStore sticky composer settings", () => { beforeEach(() => { resetComposerDraftStore(); }); it("stores a sticky model selection", () => { const store = useComposerDraftStore.getState(); store.setStickyModelSelection( modelSelection("codex", "gpt-5.3-codex", { reasoningEffort: "medium", fastMode: true, }), ); expect(useComposerDraftStore.getState()).toMatchObject({ stickyModelSelection: { provider: "codex", model: "gpt-5.3-codex", options: { reasoningEffort: "medium", fastMode: true, }, }, }); }); it("normalizes empty sticky model options by dropping selection options", () => { const store = useComposerDraftStore.getState(); store.setStickyModelSelection(modelSelection("codex", "gpt-5.4")); expect(useComposerDraftStore.getState().stickyModelSelection).toEqual( modelSelection("codex", "gpt-5.4"), ); }); }); describe("composerDraftStore provider-scoped option updates", () => { const threadId = ThreadId.makeUnsafe("thread-provider"); beforeEach(() => { resetComposerDraftStore(); }); it("does not patch provider options when the draft selection is on another provider", () => { const store = useComposerDraftStore.getState(); store.setModelSelection( threadId, modelSelection("codex", "gpt-5.3-codex", { reasoningEffort: "medium", }), ); store.setProviderModelOptions(threadId, "claudeAgent", { effort: "max" }); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]?.modelSelection).toEqual( modelSelection("codex", "gpt-5.3-codex", { reasoningEffort: "medium", }), ); }); }); describe("composerDraftStore runtime and interaction settings", () => { const threadId = ThreadId.makeUnsafe("thread-settings"); beforeEach(() => { resetComposerDraftStore(); }); it("stores runtime mode overrides in the composer draft", () => { const store = useComposerDraftStore.getState(); store.setRuntimeMode(threadId, "approval-required"); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]?.runtimeMode).toBe( "approval-required", ); }); it("stores interaction mode overrides in the composer draft", () => { const store = useComposerDraftStore.getState(); store.setInteractionMode(threadId, "plan"); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]?.interactionMode).toBe( "plan", ); }); it("removes empty settings-only drafts when overrides are cleared", () => { const store = useComposerDraftStore.getState(); store.setRuntimeMode(threadId, "approval-required"); store.setInteractionMode(threadId, "plan"); store.setRuntimeMode(threadId, null); store.setInteractionMode(threadId, null); expect(useComposerDraftStore.getState().draftsByThreadId[threadId]).toBeUndefined(); }); }); // --------------------------------------------------------------------------- // createDebouncedStorage // --------------------------------------------------------------------------- function createMockStorage() { const store = new Map(); return { getItem: vi.fn((name: string) => store.get(name) ?? null), setItem: vi.fn((name: string, value: string) => { store.set(name, value); }), removeItem: vi.fn((name: string) => { store.delete(name); }), }; } describe("createDebouncedStorage", () => { beforeEach(() => { vi.useFakeTimers(); }); afterEach(() => { vi.useRealTimers(); }); it("delegates getItem immediately", () => { const base = createMockStorage(); base.getItem.mockReturnValueOnce("value"); const storage = createDebouncedStorage(base); expect(storage.getItem("key")).toBe("value"); expect(base.getItem).toHaveBeenCalledWith("key"); }); it("does not write to base storage until the debounce fires", () => { const base = createMockStorage(); const storage = createDebouncedStorage(base); storage.setItem("key", "v1"); expect(base.setItem).not.toHaveBeenCalled(); vi.advanceTimersByTime(299); expect(base.setItem).not.toHaveBeenCalled(); vi.advanceTimersByTime(1); expect(base.setItem).toHaveBeenCalledWith("key", "v1"); }); it("only writes the last value when setItem is called rapidly", () => { const base = createMockStorage(); const storage = createDebouncedStorage(base); storage.setItem("key", "v1"); storage.setItem("key", "v2"); storage.setItem("key", "v3"); vi.advanceTimersByTime(300); expect(base.setItem).toHaveBeenCalledTimes(1); expect(base.setItem).toHaveBeenCalledWith("key", "v3"); }); it("removeItem cancels a pending setItem write", () => { const base = createMockStorage(); const storage = createDebouncedStorage(base); storage.setItem("key", "v1"); storage.removeItem("key"); vi.advanceTimersByTime(300); expect(base.setItem).not.toHaveBeenCalled(); expect(base.removeItem).toHaveBeenCalledWith("key"); }); it("flush writes the pending value immediately", () => { const base = createMockStorage(); const storage = createDebouncedStorage(base); storage.setItem("key", "v1"); expect(base.setItem).not.toHaveBeenCalled(); storage.flush(); expect(base.setItem).toHaveBeenCalledWith("key", "v1"); // Timer should be cancelled; no duplicate write. vi.advanceTimersByTime(300); expect(base.setItem).toHaveBeenCalledTimes(1); }); it("flush is a no-op when nothing is pending", () => { const base = createMockStorage(); const storage = createDebouncedStorage(base); storage.flush(); expect(base.setItem).not.toHaveBeenCalled(); }); it("flush after removeItem is a no-op", () => { const base = createMockStorage(); const storage = createDebouncedStorage(base); storage.setItem("key", "v1"); storage.removeItem("key"); storage.flush(); expect(base.setItem).not.toHaveBeenCalled(); }); it("setItem works normally after removeItem cancels a pending write", () => { const base = createMockStorage(); const storage = createDebouncedStorage(base); storage.setItem("key", "v1"); storage.removeItem("key"); storage.setItem("key", "v2"); vi.advanceTimersByTime(300); expect(base.setItem).toHaveBeenCalledTimes(1); expect(base.setItem).toHaveBeenCalledWith("key", "v2"); }); });