@draftline/react 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,207 @@
+import { type ChangedFile, type DraftlineClient, type JsonValue, type SupportRef, type SupportRefScope, type Variation, type Version, type WorkspaceDiagnostics } from '@draftline/client';
+import { type CSSProperties, type KeyboardEvent as ReactKeyboardEvent, type MouseEvent as ReactMouseEvent, type ReactNode } from 'react';
+export type CommandResult = {
+    name: string;
+    payload: unknown;
+    ok: boolean;
+};
+export type InspectorTab = 'json' | 'recovery' | 'supportRefs';
+export type DraftlineMutation<T> = {
+    error: unknown;
+    isPending: boolean;
+    reset: () => void;
+    run: () => Promise<T | null>;
+};
+export type DraftlineGraphNodeKind = 'dirty' | 'version' | 'remoteTip';
+export type DraftlineGraphDirtyMode = 'node' | 'none';
+export type DraftlineGraphOrientation = 'horizontal' | 'vertical';
+export type DraftlineGraphLaneOrder = 'activeFirst' | ((left: DraftlineGraphLane, right: DraftlineGraphLane) => number);
+export interface DraftlineGraphLane {
+    id: string;
+    label: string;
+    variationId?: string | null;
+}
+interface DraftlineGraphNodeBase {
+    id: string;
+    kind: DraftlineGraphNodeKind;
+    lane: number;
+    row: number;
+    label: string;
+    variationId?: string | null;
+    variationIds: string[];
+    parentVersionIds: string[];
+    isActiveHead: boolean;
+    isHead: boolean;
+}
+export interface DraftlineVersionGraphNode extends DraftlineGraphNodeBase {
+    kind: 'version';
+    version: Version;
+    versionId: string;
+}
+export interface DraftlineDirtyGraphNode extends DraftlineGraphNodeBase {
+    kind: 'dirty';
+    baseVersionId: string | null;
+    changedCount: number;
+    changedFiles: ChangedFile[];
+}
+export interface DraftlineRemoteTipGraphNode extends DraftlineGraphNodeBase {
+    kind: 'remoteTip';
+    remote: string;
+    versionId?: string;
+}
+export type DraftlineGraphNode = DraftlineDirtyGraphNode | DraftlineRemoteTipGraphNode | DraftlineVersionGraphNode;
+export interface DraftlineGraphEdge {
+    from: string;
+    to: string;
+    kind: 'parent' | 'remoteTip';
+}
+export interface DraftlineHistoryGraphModel {
+    dirtyNode?: DraftlineGraphNode;
+    edges: DraftlineGraphEdge[];
+    lanes: DraftlineGraphLane[];
+    nodes: DraftlineGraphNode[];
+    orientation: DraftlineGraphOrientation;
+}
+export interface RemoteTipInput {
+    id: string;
+    label?: string;
+    remote: string;
+    variationId?: string | null;
+    versionId?: string | null;
+}
+export interface DraftlineHistoryGraphInput {
+    activeVariationId?: string | null;
+    dirtyFiles?: ChangedFile[];
+    dirtyMode?: DraftlineGraphDirtyMode;
+    includeRemoteTips?: boolean;
+    laneOrder?: DraftlineGraphLaneOrder;
+    orientation?: DraftlineGraphOrientation;
+    remoteTips?: RemoteTipInput[];
+    variations?: Variation[];
+    versions?: Version[];
+}
+export interface DraftlineGraphNodeContext {
+    graph: DraftlineHistoryGraphModel;
+    selectable: boolean;
+}
+export interface DraftlineGraphSelectionEvent extends DraftlineGraphNodeContext {
+    nativeEvent?: ReactKeyboardEvent<HTMLButtonElement> | ReactMouseEvent<HTMLButtonElement>;
+    node: DraftlineGraphNode;
+}
+export interface DraftlineHistoryGraphProps {
+    ariaLabel?: string;
+    className?: string;
+    getNodeKey?: (node: DraftlineGraphNode) => string;
+    graph: DraftlineHistoryGraphModel;
+    onSelectNode?: (event: DraftlineGraphSelectionEvent) => Promise<void> | void;
+    orientation?: DraftlineGraphOrientation;
+    renderBadge?: (node: DraftlineGraphNode, context: DraftlineGraphNodeContext) => ReactNode;
+    renderNode?: (node: DraftlineGraphNode, context: DraftlineGraphNodeContext) => ReactNode;
+    style?: CSSProperties;
+}
+export interface VariationOptionRenderState {
+    isActive: boolean;
+    label: string;
+    switchVariation: () => void;
+}
+export interface DraftlineVariationListItem {
+    id: string;
+    isActive: boolean;
+    label: string;
+    variation: Variation;
+}
+export interface DraftlineVariationListModel {
+    activeVariationId?: string | null;
+    items: DraftlineVariationListItem[];
+}
+export interface DraftlineVariationListInput {
+    activeVariationId?: string | null;
+    getLabel?: (variation: Variation) => string;
+    variations: Variation[];
+}
+export interface DraftlineVariationSelectProps {
+    className?: string;
+    activeVariationId?: string | null;
+    getLabel?: (variation: Variation) => string;
+    onSwitch?: (variation: Variation) => void;
+    renderOption?: (variation: Variation, state: VariationOptionRenderState) => ReactNode;
+    style?: CSSProperties;
+    variations: Variation[];
+}
+export interface DraftlineProviderProps {
+    children: ReactNode;
+    client?: DraftlineClient;
+    workspacePath: string;
+    onError?: (error: unknown, command: string) => void;
+}
+interface RefreshOptions {
+    manageBusy?: boolean;
+    recordResult?: boolean;
+    rethrow?: boolean;
+}
+export declare function DraftlineProvider({ children, client: clientProp, onError, workspacePath, }: DraftlineProviderProps): import("react").JSX.Element;
+export declare function useDraftlineWorkspace(): {
+    diagnostics: WorkspaceDiagnostics | null;
+    error: unknown;
+    isBusy: boolean;
+    refresh: (options?: RefreshOptions) => Promise<WorkspaceDiagnostics | null>;
+    workspacePath: string;
+};
+export declare function useDraftlineChanges(): {
+    files: ChangedFile[];
+    isDirty: boolean;
+};
+export declare function useDraftlineInspector(): {
+    commandResult: CommandResult | null;
+    diagnostics: WorkspaceDiagnostics | null;
+    supportRefs: SupportRef[];
+};
+export declare function useDraftlineHistoryGraph(options?: Omit<DraftlineHistoryGraphInput, 'variations' | 'versions' | 'dirtyFiles' | 'activeVariationId'>): DraftlineHistoryGraphModel;
+export declare function useDraftlineSupportRefs(scope?: SupportRefScope): {
+    load: DraftlineMutation<SupportRef[]>;
+    supportRefs: SupportRef[];
+};
+export declare function useDraftlineRemoteSync(remote: string): {
+    applyIncoming: DraftlineMutation<import("@draftline/client").ApplyIncomingCommandResult>;
+    fetch: DraftlineMutation<import("@draftline/client").FetchRemoteResult>;
+    mergeIncoming: DraftlineMutation<import("@draftline/client").MergeIncomingCommandResult>;
+    preflightApply: DraftlineMutation<import("@draftline/client").ApplyIncomingReport>;
+    preflightMerge: DraftlineMutation<import("@draftline/client").MergeIncomingReport>;
+    publish: DraftlineMutation<import("@draftline/client").PublishCurrentVariationResult>;
+    remote: string;
+};
+export declare function useDraftlineSelectedOperations(selectedPaths: string[]): {
+    discard: DraftlineMutation<import("@draftline/client").SelectedDiscardResult>;
+    save: DraftlineMutation<import("@draftline/client").SelectedSaveResult>;
+    shelve: DraftlineMutation<import("@draftline/client").SelectedShelveResult>;
+};
+export declare function WorkspaceSummaryPanel(): import("react").JSX.Element;
+export declare function WorkspaceStatusRail(): import("react").JSX.Element;
+export declare function SelectedOperationsPanel({ selectedPaths, setSelectedPaths, }: {
+    selectedPaths: string;
+    setSelectedPaths: (paths: string) => void;
+}): import("react").JSX.Element;
+export declare function OperationsPanel({ remote, selectedPaths, setRemote, setSelectedPaths, }: {
+    remote: string;
+    selectedPaths: string;
+    setRemote: (remote: string) => void;
+    setSelectedPaths: (paths: string) => void;
+}): import("react").JSX.Element;
+export declare function RemoteSyncBar({ remote, setRemote, }: {
+    remote: string;
+    setRemote: (remote: string) => void;
+}): import("react").JSX.Element;
+export declare function ChangedFilesList({ files }: {
+    files?: ChangedFile[];
+}): import("react").JSX.Element;
+export declare function VariationList(): import("react").JSX.Element;
+export declare function VersionLane(): import("react").JSX.Element;
+export declare function createDraftlineHistoryGraph({ activeVariationId, dirtyFiles, dirtyMode, includeRemoteTips, laneOrder, orientation, remoteTips, variations, versions, }: DraftlineHistoryGraphInput): DraftlineHistoryGraphModel;
+export declare function createDraftlineVariationListModel({ activeVariationId, getLabel, variations, }: DraftlineVariationListInput): DraftlineVariationListModel;
+export declare function DraftlineHistoryGraph({ ariaLabel, className, getNodeKey, graph, onSelectNode, orientation, renderBadge, renderNode, style, }: DraftlineHistoryGraphProps): import("react").JSX.Element;
+export declare function DraftlineVariationSelect({ activeVariationId, className, getLabel, onSwitch, renderOption, style, variations, }: DraftlineVariationSelectProps): import("react").JSX.Element;
+export declare function RawInspectorPanel(): import("react").JSX.Element;
+export declare function ContentPolicyDiagnosticsPanel(): import("react").JSX.Element;
+export type { JsonValue };
+export type { DraftlineClient } from '@draftline/client';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,546 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createDraftlineClient, } from '@draftline/client';
+import { createContext, useCallback, useContext, useEffect, useMemo, useState, } from 'react';
+const DraftlineContext = createContext(null);
+export function DraftlineProvider({ children, client: clientProp, onError, workspacePath, }) {
+    const client = useMemo(() => clientProp ?? createDraftlineClient(), [clientProp]);
+    const [commandResult, setCommandResult] = useState(null);
+    const [diagnostics, setDiagnostics] = useState(null);
+    const [supportRefs, setSupportRefs] = useState([]);
+    const [error, setError] = useState(null);
+    const [isBusy, setIsBusy] = useState(false);
+    const runCommand = useCallback(async (name, command, options = {}) => {
+        const manageBusy = options.manageBusy ?? true;
+        const recordResult = options.recordResult ?? true;
+        if (manageBusy) {
+            setIsBusy(true);
+        }
+        setError(null);
+        try {
+            const payload = await command();
+            if (recordResult) {
+                setCommandResult({ name, payload, ok: true });
+            }
+            return payload;
+        }
+        catch (caught) {
+            setError(caught);
+            onError?.(caught, name);
+            if (recordResult) {
+                setCommandResult({ name, payload: normalizeCommandError(caught), ok: false });
+            }
+            if (options.rethrow) {
+                throw caught;
+            }
+            return null;
+        }
+        finally {
+            if (manageBusy) {
+                setIsBusy(false);
+            }
+        }
+    }, [onError]);
+    const refresh = useCallback(async (options = {}) => {
+        const recordResult = options.recordResult ?? true;
+        if (!workspacePath.trim()) {
+            const payload = {
+                code: 'missing_workspace_path',
+                message: 'Enter a workspace path first.',
+            };
+            if (recordResult) {
+                setCommandResult({ name: 'inspect_workspace', ok: false, payload });
+            }
+            setDiagnostics(null);
+            setSupportRefs([]);
+            return null;
+        }
+        setIsBusy(true);
+        try {
+            const next = await runCommand('inspect_workspace', () => client.inspectWorkspace(workspacePath), { manageBusy: false, recordResult });
+            if (next) {
+                setDiagnostics(next);
+                const refs = await runCommand('list_support_refs', () => client.listSupportRefs(workspacePath, 'local'), { manageBusy: false, recordResult: false });
+                setSupportRefs(refs ?? []);
+            }
+            return next;
+        }
+        finally {
+            setIsBusy(false);
+        }
+    }, [client, runCommand, workspacePath]);
+    useEffect(() => {
+        setDiagnostics(null);
+        setSupportRefs([]);
+        setCommandResult(null);
+        setError(null);
+    }, [workspacePath]);
+    const value = useMemo(() => ({
+        client,
+        commandResult,
+        diagnostics,
+        error,
+        isBusy,
+        refresh,
+        runCommand,
+        supportRefs,
+        workspacePath,
+    }), [
+        client,
+        commandResult,
+        diagnostics,
+        error,
+        isBusy,
+        refresh,
+        runCommand,
+        supportRefs,
+        workspacePath,
+    ]);
+    return _jsx(DraftlineContext.Provider, { value: value, children: children });
+}
+export function useDraftlineWorkspace() {
+    const context = useDraftlineContext();
+    return {
+        diagnostics: context.diagnostics,
+        error: context.error,
+        isBusy: context.isBusy,
+        refresh: context.refresh,
+        workspacePath: context.workspacePath,
+    };
+}
+export function useDraftlineChanges() {
+    const { diagnostics } = useDraftlineContext();
+    return {
+        files: diagnostics?.summary.dirty_files ?? [],
+        isDirty: diagnostics?.summary.is_dirty ?? false,
+    };
+}
+export function useDraftlineInspector() {
+    const context = useDraftlineContext();
+    return {
+        commandResult: context.commandResult,
+        diagnostics: context.diagnostics,
+        supportRefs: context.supportRefs,
+    };
+}
+export function useDraftlineHistoryGraph(options = {}) {
+    const { diagnostics } = useDraftlineWorkspace();
+    return useMemo(() => createDraftlineHistoryGraph({
+        activeVariationId: diagnostics?.summary.active_variation.id,
+        dirtyFiles: diagnostics?.summary.dirty_files,
+        dirtyMode: options.dirtyMode,
+        includeRemoteTips: options.includeRemoteTips,
+        laneOrder: options.laneOrder,
+        orientation: options.orientation,
+        remoteTips: options.remoteTips,
+        variations: diagnostics?.summary.variations,
+        versions: diagnostics?.summary.versions,
+    }), [
+        diagnostics,
+        options.dirtyMode,
+        options.includeRemoteTips,
+        options.laneOrder,
+        options.orientation,
+        options.remoteTips,
+    ]);
+}
+export function useDraftlineSupportRefs(scope = 'local') {
+    const context = useDraftlineContext();
+    const load = useDraftlineMutation('list_support_refs', () => context.client.listSupportRefs(context.workspacePath, scope));
+    return {
+        load,
+        supportRefs: scope === 'local' ? context.supportRefs : [],
+    };
+}
+export function useDraftlineRemoteSync(remote) {
+    const context = useDraftlineContext();
+    const request = { workspace_path: context.workspacePath, remote };
+    const publish = useDraftlineMutation('publish_current_variation', async () => {
+        const result = await context.client.publishCurrentVariation(request);
+        await context.refresh({ recordResult: false });
+        return result;
+    });
+    const fetch = useDraftlineMutation('fetch_remote', async () => {
+        const result = await context.client.fetchRemote(request);
+        await context.refresh({ recordResult: false });
+        return result;
+    });
+    const preflightApply = useDraftlineMutation('preflight_apply_incoming', () => context.client.preflightApplyIncoming(request));
+    const applyIncoming = useDraftlineMutation('apply_incoming', async () => {
+        const result = await context.client.applyIncoming(request);
+        await context.refresh({ recordResult: false });
+        return result;
+    });
+    const preflightMerge = useDraftlineMutation('preflight_merge_incoming', () => context.client.preflightMergeIncoming(request));
+    const mergeIncoming = useDraftlineMutation('merge_incoming', async () => {
+        const result = await context.client.mergeIncoming({
+            ...request,
+            label: 'Workbench merge incoming',
+        });
+        await context.refresh({ recordResult: false });
+        return result;
+    });
+    return {
+        applyIncoming,
+        fetch,
+        mergeIncoming,
+        preflightApply,
+        preflightMerge,
+        publish,
+        remote,
+    };
+}
+export function useDraftlineSelectedOperations(selectedPaths) {
+    const context = useDraftlineContext();
+    const request = { workspace_path: context.workspacePath, paths: selectedPaths };
+    const save = useDraftlineMutation('selected_save', async () => {
+        const result = await context.client.selectedSave({ ...request, label: 'Workbench save' });
+        await context.refresh({ recordResult: false });
+        return result;
+    });
+    const shelve = useDraftlineMutation('selected_shelve', async () => {
+        const result = await context.client.selectedShelve({ ...request, name: 'workbench-shelf' });
+        await context.refresh({ recordResult: false });
+        return result;
+    });
+    const discard = useDraftlineMutation('selected_discard', async () => {
+        const result = await context.client.selectedDiscard(request);
+        await context.refresh({ recordResult: false });
+        return result;
+    });
+    return { discard, save, shelve };
+}
+export function WorkspaceSummaryPanel() {
+    const { diagnostics } = useDraftlineWorkspace();
+    const summary = diagnostics?.summary;
+    const inspection = diagnostics?.inspection;
+    const lock = diagnostics?.operation_lock;
+    return (_jsxs("article", { className: "panel panel-large", children: [_jsxs("div", { className: "panel-heading", children: [_jsx("h2", { children: "Workspace" }), _jsx(StatusPill, { tone: summary?.is_dirty ? 'warn' : 'ok', children: summary?.is_dirty ? 'Dirty' : 'Ready' })] }), _jsxs("dl", { className: "metric-grid", children: [_jsx(Metric, { label: "Current variation", value: summary?.active_variation.name ?? '-' }), _jsx(Metric, { label: "Versions", value: String(summary?.versions.length ?? 0) }), _jsx(Metric, { label: "Dirty files", value: String(summary?.dirty_files.length ?? 0) }), _jsx(Metric, { label: "Sharing", value: inspection?.sharing_mode ?? '-' }), _jsx(Metric, { label: "Recovery", value: summary?.recovery ? 'Present' : 'Clear' }), _jsx(Metric, { label: "Lock", value: lock?.state ?? '-' })] }), _jsx("div", { className: "safe-actions", children: (inspection?.safe_next_actions ?? ['normal_work']).map((action) => (_jsx("span", { children: action }, action))) })] }));
+}
+export function WorkspaceStatusRail() {
+    const { diagnostics, isBusy } = useDraftlineWorkspace();
+    const summary = diagnostics?.summary;
+    const inspection = diagnostics?.inspection;
+    const lock = diagnostics?.operation_lock;
+    return (_jsxs("article", { className: "panel status-rail", children: [_jsx("h2", { children: "Status rail" }), _jsxs("div", { className: "rail-items", children: [_jsx(RailItem, { label: "Contract", tone: "ok", value: "Tauri invoke" }), _jsx(RailItem, { label: "Command", tone: isBusy ? 'warn' : 'ok', value: isBusy ? 'Busy' : 'Idle' }), _jsx(RailItem, { label: "Content", tone: summary?.is_dirty ? 'warn' : 'ok', value: summary?.is_dirty ? `${summary.dirty_files.length} dirty` : 'Clean' }), _jsx(RailItem, { label: "Recovery", tone: summary?.recovery ? 'danger' : 'ok', value: summary?.recovery ? summary.recovery.operation : 'Clear' }), _jsx(RailItem, { label: "Lock", tone: lock?.state === 'locked' ? 'danger' : 'ok', value: lock?.state ?? 'unknown' }), _jsx(RailItem, { label: "Remote", tone: (inspection?.remotes.length ?? 0) > 0 ? 'ok' : 'neutral', value: `${inspection?.remotes.length ?? 0} configured` })] })] }));
+}
+export function SelectedOperationsPanel({ selectedPaths, setSelectedPaths, }) {
+    const selectedPathList = useMemo(() => splitSelectedPaths(selectedPaths), [selectedPaths]);
+    return (_jsx(SelectedOperationsForm, { selectedPathList: selectedPathList, selectedPaths: selectedPaths, setSelectedPaths: setSelectedPaths }));
+}
+function SelectedOperationsForm({ selectedPathList, selectedPaths, setSelectedPaths, }) {
+    const { isBusy } = useDraftlineWorkspace();
+    const operations = useDraftlineSelectedOperations(selectedPathList);
+    return (_jsxs("form", { className: "stack", onSubmit: (event) => void submitMutation(event, operations.save), children: [_jsx("label", { htmlFor: "selected-paths", children: "Selected paths" }), _jsx("input", { id: "selected-paths", value: selectedPaths, onChange: (event) => setSelectedPaths(event.target.value), placeholder: "post.md, notes/idea.md" }), _jsxs("div", { className: "button-row", children: [_jsx("button", { disabled: isBusy, type: "submit", children: "Save" }), _jsx("button", { disabled: isBusy, onClick: () => void operations.shelve.run(), type: "button", children: "Shelve" }), _jsx("button", { disabled: isBusy, onClick: () => void operations.discard.run(), type: "button", children: "Discard" })] })] }));
+}
+export function OperationsPanel({ remote, selectedPaths, setRemote, setSelectedPaths, }) {
+    return (_jsxs("article", { className: "panel", children: [_jsx("h2", { children: "Operations" }), _jsx(SelectedOperationsPanel, { selectedPaths: selectedPaths, setSelectedPaths: setSelectedPaths }), _jsx(RemoteSyncBar, { remote: remote, setRemote: setRemote })] }));
+}
+export function RemoteSyncBar({ remote, setRemote, }) {
+    const { isBusy } = useDraftlineWorkspace();
+    const sync = useDraftlineRemoteSync(remote);
+    return (_jsxs("form", { className: "stack", onSubmit: (event) => void submitMutation(event, sync.publish), children: [_jsx("label", { htmlFor: "remote-name", children: "Remote" }), _jsxs("div", { className: "inline-form", children: [_jsx("input", { id: "remote-name", value: remote, onChange: (event) => setRemote(event.target.value) }), _jsx("button", { disabled: isBusy, type: "submit", children: "Publish" })] }), _jsxs("div", { className: "button-row", children: [_jsx("button", { disabled: isBusy, onClick: () => void sync.fetch.run(), type: "button", children: "Fetch" }), _jsx("button", { disabled: isBusy, onClick: () => void sync.preflightApply.run(), type: "button", children: "Preflight apply" }), _jsx("button", { disabled: isBusy, onClick: () => void sync.applyIncoming.run(), type: "button", children: "Apply incoming" }), _jsx("button", { disabled: isBusy, onClick: () => void sync.preflightMerge.run(), type: "button", children: "Preflight merge" }), _jsx("button", { disabled: isBusy, onClick: () => void sync.mergeIncoming.run(), type: "button", children: "Merge incoming" })] })] }));
+}
+export function ChangedFilesList({ files }) {
+    const contextFiles = useDraftlineChanges().files;
+    const resolvedFiles = files ?? contextFiles;
+    const groups = groupChangedFiles(resolvedFiles);
+    return (_jsxs("article", { className: "panel", children: [_jsx("h2", { children: "Dirty files" }), resolvedFiles.length === 0 ? (_jsx("p", { className: "empty", children: "No tracked content changes." })) : (_jsx("div", { className: "file-groups", children: groups.map(([kind, groupedFiles]) => (_jsxs("section", { className: "file-group", children: [_jsxs("div", { className: "group-heading", children: [_jsx("h3", { children: kind }), _jsx(StatusPill, { tone: "neutral", children: String(groupedFiles.length) })] }), _jsx("ul", { className: "item-list", children: groupedFiles.map((file) => (_jsxs("li", { children: [_jsx("span", { children: file.path }), _jsxs("span", { className: "badge-row", children: [file.is_large ? _jsx(StatusPill, { tone: "warn", children: "large" }) : null, file.is_binary ? _jsx(StatusPill, { tone: "warn", children: "binary" }) : null] })] }, file.path))) })] }, kind))) }))] }));
+}
+export function VariationList() {
+    const { diagnostics } = useDraftlineWorkspace();
+    const variations = diagnostics?.summary.variations ?? [];
+    const activeVariationId = diagnostics?.summary.active_variation.id;
+    return (_jsxs("article", { className: "panel", children: [_jsx("h2", { children: "Variations" }), variations.length === 0 ? (_jsx("p", { className: "empty", children: "Inspect a workspace to list variations." })) : (_jsx(DraftlineVariationSelect, { activeVariationId: activeVariationId, variations: variations }))] }));
+}
+export function VersionLane() {
+    const graph = useDraftlineHistoryGraph();
+    return (_jsxs("article", { className: "panel panel-large", children: [_jsxs("div", { className: "panel-heading", children: [_jsx("h2", { children: "Version lane" }), graph.dirtyNode ? _jsx(StatusPill, { tone: "warn", children: "unsaved changes" }) : null] }), graph.nodes.length === 0 ? (_jsx("p", { className: "empty", children: "Inspect a workspace to render version history." })) : (_jsx(DraftlineHistoryGraph, { graph: graph }))] }));
+}
+export function createDraftlineHistoryGraph({ activeVariationId, dirtyFiles = [], dirtyMode = 'node', includeRemoteTips = true, laneOrder = 'activeFirst', orientation = 'vertical', remoteTips = [], variations = [], versions = [], }) {
+    const activeVariation = variations.find((variation) => variation.id === activeVariationId);
+    const activeLane = {
+        id: activeVariation?.id ?? activeVariationId ?? 'active',
+        label: activeVariation?.metadata.label ?? activeVariation?.name ?? 'Current variation',
+        variationId: activeVariation?.id ?? activeVariationId ?? null,
+    };
+    const lanes = [activeLane];
+    const nodes = [];
+    const edges = [];
+    const activeVariationIds = activeLane.variationId ? [activeLane.variationId] : [];
+    let rowOffset = 0;
+    let dirtyNode;
+    if (dirtyMode === 'node' && dirtyFiles.length > 0) {
+        dirtyNode = {
+            baseVersionId: versions[0]?.id ?? null,
+            changedFiles: dirtyFiles,
+            changedCount: dirtyFiles.length,
+            id: 'dirty',
+            isActiveHead: true,
+            isHead: true,
+            kind: 'dirty',
+            label: 'Unsaved changes',
+            lane: 0,
+            parentVersionIds: versions[0] ? [versions[0].id] : [],
+            row: 0,
+            variationId: activeLane.variationId,
+            variationIds: activeVariationIds,
+        };
+        nodes.push(dirtyNode);
+        rowOffset = 1;
+    }
+    versions.forEach((version, index) => {
+        const node = {
+            id: `version:${version.id}`,
+            isActiveHead: index === 0 && !dirtyNode,
+            isHead: index === 0,
+            kind: 'version',
+            label: version.label || version.id.slice(0, 7),
+            lane: 0,
+            parentVersionIds: index + 1 < versions.length ? [versions[index + 1].id] : [],
+            row: index + rowOffset,
+            variationId: activeLane.variationId,
+            variationIds: activeVariationIds,
+            version,
+            versionId: version.id,
+        };
+        nodes.push(node);
+        if (index > 0) {
+            edges.push({
+                from: `version:${versions[index].id}`,
+                kind: 'parent',
+                to: `version:${versions[index - 1].id}`,
+            });
+        }
+    });
+    if (dirtyNode && versions[0]) {
+        edges.push({ from: `version:${versions[0].id}`, kind: 'parent', to: dirtyNode.id });
+    }
+    const versionNodeIds = new Set(versions.map((version) => `version:${version.id}`));
+    const remoteTipRowOffset = rowOffset + versions.length;
+    const tips = includeRemoteTips ? remoteTips : [];
+    tips.forEach((tip, index) => {
+        const lane = lanes.findIndex((existing) => existing.id === `remote:${tip.remote}:${tip.variationId ?? tip.id}`);
+        const laneIndex = lane >= 0
+            ? lane
+            : lanes.push({
+                id: `remote:${tip.remote}:${tip.variationId ?? tip.id}`,
+                label: tip.label ?? `${tip.remote}/${tip.variationId ?? tip.id}`,
+                variationId: tip.variationId,
+            }) - 1;
+        const node = {
+            id: `remote:${tip.id}`,
+            isActiveHead: false,
+            isHead: true,
+            kind: 'remoteTip',
+            label: tip.label ?? tip.id,
+            lane: laneIndex,
+            parentVersionIds: tip.versionId ? [tip.versionId] : [],
+            remote: tip.remote,
+            row: remoteTipRowOffset + index,
+            variationId: tip.variationId,
+            variationIds: tip.variationId ? [tip.variationId] : [],
+            versionId: tip.versionId ?? undefined,
+        };
+        nodes.push(node);
+        if (tip.versionId && versionNodeIds.has(`version:${tip.versionId}`)) {
+            edges.push({ from: `version:${tip.versionId}`, kind: 'remoteTip', to: node.id });
+        }
+    });
+    const orderedLanes = orderGraphLanes(lanes, laneOrder);
+    const orderedNodes = nodes.map((node) => ({
+        ...node,
+        lane: orderedLanes.indexByOriginalLane.get(node.lane) ?? node.lane,
+    }));
+    const orderedDirtyNode = dirtyNode
+        ? orderedNodes.find((node) => node.id === dirtyNode.id && node.kind === 'dirty')
+        : undefined;
+    return {
+        dirtyNode: orderedDirtyNode,
+        edges,
+        lanes: orderedLanes.lanes,
+        nodes: orderedNodes,
+        orientation,
+    };
+}
+export function createDraftlineVariationListModel({ activeVariationId, getLabel = defaultVariationLabel, variations, }) {
+    return {
+        activeVariationId,
+        items: variations.map((variation) => ({
+            id: variation.id,
+            isActive: activeVariationId ? variation.id === activeVariationId : variation.is_current,
+            label: getLabel(variation),
+            variation,
+        })),
+    };
+}
+export function DraftlineHistoryGraph({ ariaLabel = 'Draftline history graph', className, getNodeKey = (node) => node.id, graph, onSelectNode, orientation = graph.orientation, renderBadge, renderNode, style, }) {
+    return (_jsx("ol", { "aria-label": ariaLabel, className: ['version-lane', className].filter(Boolean).join(' '), "data-orientation": orientation, "data-testid": "draftline-history-graph", id: "draftline-history-graph", style: style, children: [...graph.nodes].sort(compareGraphNodes).map((node) => (_jsx(DraftlineHistoryGraphRow, { getNodeKey: getNodeKey, graph: graph, node: node, onSelectNode: onSelectNode, renderBadge: renderBadge, renderNode: renderNode }, getNodeKey(node)))) }));
+}
+function DraftlineHistoryGraphRow({ getNodeKey, graph, node, onSelectNode, renderBadge, renderNode, }) {
+    const selectable = Boolean(onSelectNode);
+    const context = { graph, selectable };
+    const notifyNodeSelected = (nativeEvent) => {
+        const result = onSelectNode?.({ graph, nativeEvent, node, selectable });
+        if (result) {
+            void Promise.resolve(result).catch((error) => {
+                setTimeout(() => {
+                    throw error;
+                }, 0);
+            });
+        }
+    };
+    const handleKeyDown = (event) => {
+        if (event.key !== 'Enter' && event.key !== ' ') {
+            return;
+        }
+        // Preserve keyboard event context for hosts while avoiding a second synthesized click.
+        event.preventDefault();
+        notifyNodeSelected(event);
+    };
+    return (_jsxs("li", { className: node.kind === 'dirty' ? 'version-row dirty-row' : 'version-row', style: { ['--draftline-lane']: node.lane }, children: [_jsx("span", { className: "graph-line", children: _jsx("span", { className: node.kind === 'dirty'
+                        ? 'graph-node dirty-node'
+                        : node.isHead
+                            ? 'graph-node head-node'
+                            : 'graph-node' }) }), onSelectNode ? (_jsx("button", { "aria-current": node.isActiveHead ? 'step' : undefined, className: "graph-node-button", onClick: (event) => notifyNodeSelected(event), onKeyDown: handleKeyDown, type: "button", children: renderNode ? renderNode(node, context) : _jsx(DefaultGraphNode, { node: node }) })) : (_jsx("div", { className: "graph-node-content", children: renderNode ? renderNode(node, context) : _jsx(DefaultGraphNode, { node: node }) })), _jsxs("span", { className: "badge-row", children: [renderBadge?.(node, context), node.isActiveHead ? _jsx(StatusPill, { tone: "ok", children: "HEAD" }) : null, node.kind === 'remoteTip' ? _jsx(StatusPill, { tone: "neutral", children: node.remote }) : null] })] }, getNodeKey(node)));
+}
+export function DraftlineVariationSelect({ activeVariationId, className, getLabel = defaultVariationLabel, onSwitch, renderOption, style, variations, }) {
+    const model = createDraftlineVariationListModel({ activeVariationId, getLabel, variations });
+    return (_jsx("ul", { className: ['item-list', className].filter(Boolean).join(' '), "data-testid": "draftline-variation-select", id: "draftline-variation-select", style: style, children: model.items.map(({ isActive, label, variation }) => {
+            const switchVariation = () => onSwitch?.(variation);
+            return (_jsx("li", { children: renderOption ? (renderOption(variation, { isActive, label, switchVariation })) : (onSwitch ? (_jsxs("button", { className: "variation-option", onClick: switchVariation, type: "button", children: [_jsx("span", { children: label }), isActive ? _jsx(StatusPill, { tone: "ok", children: "current" }) : null] })) : (_jsxs("div", { className: "variation-option", children: [_jsx("span", { children: label }), isActive ? _jsx(StatusPill, { tone: "ok", children: "current" }) : null] }))) }, variation.id));
+        }) }));
+}
+export function RawInspectorPanel() {
+    const [selectedTab, setSelectedTab] = useState('json');
+    const { commandResult, diagnostics, supportRefs } = useDraftlineInspector();
+    return (_jsxs("article", { className: "panel panel-json", children: [_jsxs("div", { className: "panel-heading", children: [_jsx("h2", { children: "Inspector" }), commandResult ? (_jsx(StatusPill, { tone: commandResult.ok ? 'ok' : 'danger', children: commandResult.name })) : null] }), _jsxs("div", { className: "tab-row", children: [_jsx(TabButton, { current: selectedTab, setCurrent: setSelectedTab, tab: "json", children: "Raw JSON" }), _jsx(TabButton, { current: selectedTab, setCurrent: setSelectedTab, tab: "recovery", children: "Recovery & locks" }), _jsx(TabButton, { current: selectedTab, setCurrent: setSelectedTab, tab: "supportRefs", children: "Support refs" })] }), selectedTab === 'json' ? _jsx(JsonPanel, { result: commandResult }) : null, selectedTab === 'recovery' ? _jsx(RecoveryPanel, { diagnostics: diagnostics }) : null, selectedTab === 'supportRefs' ? _jsx(SupportRefsPanel, { supportRefs: supportRefs }) : null] }));
+}
+export function ContentPolicyDiagnosticsPanel() {
+    const { diagnostics } = useDraftlineWorkspace();
+    const diagnosticsList = diagnostics?.verification.diagnostics ?? [];
+    return (_jsxs("article", { className: "panel", children: [_jsx("h2", { children: "Content policy" }), diagnosticsList.length === 0 ? (_jsx("p", { className: "empty", children: "No content policy diagnostics." })) : (_jsx("ul", { className: "item-list", children: diagnosticsList.map((diagnostic) => (_jsxs("li", { children: [_jsx("span", { children: diagnostic.message }), _jsx(StatusPill, { tone: diagnostic.severity === 'blocking' ? 'danger' : 'warn', children: diagnostic.code })] }, `${diagnostic.code}-${diagnostic.message}`))) }))] }));
+}
+function useDraftlineContext() {
+    const context = useContext(DraftlineContext);
+    if (!context) {
+        throw new Error('Draftline hooks must be used inside DraftlineProvider.');
+    }
+    return context;
+}
+function useDraftlineMutation(name, command) {
+    const context = useDraftlineContext();
+    const [error, setError] = useState(null);
+    const [isPending, setIsPending] = useState(false);
+    return {
+        error,
+        isPending,
+        reset: () => setError(null),
+        run: async () => {
+            setIsPending(true);
+            setError(null);
+            try {
+                return await context.runCommand(name, command, { rethrow: true });
+            }
+            catch (caught) {
+                setError(caught);
+                return null;
+            }
+            finally {
+                setIsPending(false);
+            }
+        },
+    };
+}
+function RailItem({ label, tone, value, }) {
+    return (_jsxs("div", { className: "rail-item", children: [_jsx("span", { children: label }), _jsx(StatusPill, { tone: tone, children: value })] }));
+}
+function DefaultGraphNode({ node }) {
+    if (node.kind === 'dirty') {
+        return (_jsxs("span", { children: [_jsx("strong", { children: "Unsaved changes" }), _jsxs("small", { children: [node.changedCount ?? 0, " tracked file(s) need save, shelf, or discard."] })] }));
+    }
+    if (node.kind === 'remoteTip') {
+        return (_jsxs("span", { children: [_jsx("strong", { children: node.label }), _jsxs("small", { children: [node.remote ?? 'remote', " tip"] })] }));
+    }
+    return (_jsxs("span", { children: [_jsx("strong", { children: node.label }), _jsxs("small", { children: [node.version?.author.name ?? 'Unknown', " -", ' ', node.version ? new Date(node.version.time_seconds * 1000).toLocaleString() : 'unsaved'] })] }));
+}
+function defaultVariationLabel(variation) {
+    return variation.metadata.label ?? variation.name;
+}
+function compareGraphNodes(left, right) {
+    if (left.row !== right.row) {
+        return left.row - right.row;
+    }
+    return left.lane - right.lane;
+}
+function orderGraphLanes(lanes, laneOrder) {
+    const indexed = lanes.map((lane, originalIndex) => ({ lane, originalIndex }));
+    if (typeof laneOrder === 'function') {
+        indexed.sort((left, right) => laneOrder(left.lane, right.lane));
+    }
+    else if (laneOrder === 'activeFirst') {
+        indexed.sort((left, right) => {
+            if (left.originalIndex === 0) {
+                return -1;
+            }
+            if (right.originalIndex === 0) {
+                return 1;
+            }
+            return left.originalIndex - right.originalIndex;
+        });
+    }
+    const indexByOriginalLane = new Map();
+    indexed.forEach(({ originalIndex }, nextIndex) => {
+        indexByOriginalLane.set(originalIndex, nextIndex);
+    });
+    return {
+        indexByOriginalLane,
+        lanes: indexed.map(({ lane }) => lane),
+    };
+}
+function RecoveryPanel({ diagnostics }) {
+    const recovery = diagnostics?.summary.recovery;
+    const lock = diagnostics?.operation_lock;
+    const diagnosticsList = diagnostics?.verification.diagnostics ?? [];
+    return (_jsxs("div", { className: "inspector-card", children: [_jsxs("dl", { className: "metric-grid compact", children: [_jsx(Metric, { label: "Recovery", value: recovery ? recovery.operation : 'Clear' }), _jsx(Metric, { label: "State inconsistent", value: String(diagnostics?.summary.state_may_be_inconsistent ?? false) }), _jsx(Metric, { label: "Lock", value: lock?.state ?? '-' })] }), diagnosticsList.length === 0 ? (_jsx("p", { className: "empty", children: "No verification diagnostics." })) : (_jsx("ul", { className: "item-list", children: diagnosticsList.map((diagnostic) => (_jsxs("li", { children: [_jsx("span", { children: diagnostic.message }), _jsx(StatusPill, { tone: diagnostic.severity === 'blocking' ? 'danger' : 'warn', children: diagnostic.code })] }, `${diagnostic.code}-${diagnostic.message}`))) })), lock?.metadata ? _jsx("pre", { children: JSON.stringify(lock.metadata, null, 2) }) : null] }));
+}
+function SupportRefsPanel({ supportRefs }) {
+    return (_jsx("div", { className: "inspector-card", children: supportRefs.length === 0 ? (_jsx("p", { className: "empty", children: "No local recovery support refs." })) : (_jsx("ul", { className: "item-list", children: supportRefs.map((supportRef) => (_jsxs("li", { children: [_jsx("span", { children: supportRef.source_variation ?? supportRef.id }), _jsx(StatusPill, { tone: "neutral", children: supportRef.kind })] }, supportRef.id))) })) }));
+}
+function JsonPanel({ result }) {
+    return (_jsx("div", { className: "inspector-card", children: _jsx("pre", { children: result ? JSON.stringify(result.payload, null, 2) : 'Run a command to inspect JSON.' }) }));
+}
+function TabButton({ children, current, setCurrent, tab, }) {
+    return (_jsx("button", { className: current === tab ? 'tab-button tab-button-active' : 'tab-button', onClick: () => setCurrent(tab), type: "button", children: children }));
+}
+function Metric({ label, value }) {
+    return (_jsxs("div", { children: [_jsx("dt", { children: label }), _jsx("dd", { children: value })] }));
+}
+function StatusPill({ children, tone, }) {
+    return _jsx("span", { className: `pill pill-${tone}`, children: children });
+}
+function normalizeCommandError(error) {
+    if (error && typeof error === 'object' && 'code' in error && 'message' in error) {
+        return error;
+    }
+    return {
+        code: 'unknown_error',
+        message: error instanceof Error ? error.message : String(error),
+    };
+}
+function groupChangedFiles(files) {
+    const groups = new Map();
+    for (const file of files) {
+        groups.set(file.kind, [...(groups.get(file.kind) ?? []), file]);
+    }
+    return [...groups.entries()];
+}
+function splitSelectedPaths(paths) {
+    return paths
+        .split(',')
+        .map((path) => path.trim())
+        .filter(Boolean);
+}
+async function submitMutation(event, mutation) {
+    event.preventDefault();
+    await mutation.run();
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@draftline/react",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "test": "vitest run --environment jsdom"
+  },
+  "dependencies": {
+    "@draftline/client": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.2.7",
+    "jsdom": "^29.1.1",
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.9"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}