mirror of
https://github.com/mountain-loop/yaak.git
synced 2026-11-13 12:13:42 +01:00
Gregory SchierandClaude Opus 5.5
7ece5fa5df
The actions row moves out of the code editor into ActionsBar, a plain component a wrapper places over its content. FormatAction reformats an editor through its ref, and BodyViewModeSwitch names its first state for the body's format (Pretty, Table, Parts, Preview, Form) next to Raw. Yaak Proxy's request and response body tabs now share one viewer choice, with the switch in each tab's bar beside the text viewer's filter. The choice is remembered for both panes; bodies over the large size open raw. "Response (Raw)" leaves the proxy's tab menu, while Yaak's response pane keeps it until the remaining sites move. SegmentedControl moves from the client into packages/ui. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
33 lines
1.3 KiB
TypeScript
33 lines
1.3 KiB
TypeScript
import type { Flow } from "@yaakapp-internal/proxy-lib";
|
|
import type { ResponseViewMode, SplitLayoutLayout } from "@yaakapp-internal/ui";
|
|
import { atom } from "jotai";
|
|
import { atomWithStorage } from "jotai/utils";
|
|
|
|
/** The sidebar's tree, whose selection narrows the list */
|
|
export const SIDEBAR_TREE_ID = "proxy-sidebar";
|
|
|
|
/** The selected flow as last seen, kept once the window has dropped it so the detail stays */
|
|
export const selectedFlowAtom = atom<Flow | null>(null);
|
|
|
|
export const selectedFlowIdAtom = atom((get) => get(selectedFlowAtom)?.id ?? null);
|
|
|
|
/** The list follows new traffic, rather than being held where it was scrolled or selected */
|
|
export const followingAtom = atom(true);
|
|
|
|
/** When the helper was last registered, so its state is read until approval shows */
|
|
export const helperRegisteredAtAtom = atom<number | null>(null);
|
|
|
|
/** The dialog that walks through allowing the helper in System Settings */
|
|
export const helperDialogOpenAtom = atom(false);
|
|
|
|
/** Stacked by default; the header's toggle switches to side by side */
|
|
export const flowLayoutAtom = atomWithStorage<SplitLayoutLayout>("flow_layout", "vertical");
|
|
|
|
/** Bodies show formatted or raw, one choice for both halves of every flow */
|
|
export const bodyViewModeAtom = atomWithStorage<ResponseViewMode>(
|
|
"body_view_mode",
|
|
"pretty",
|
|
undefined,
|
|
{ getOnInit: true },
|
|
);
|