@rightkit/document-workspace 0.0.0-stage → 0.1.0

package/dist/index.js

@@ -0,0 +1,123 @@
+// Generated entry: every module whose exports do not collide with an earlier one.
+// Every module is also importable directly by subpath, e.g. `<package>/lib/foo`.
+export * from "./app/App.js";
+export * from "./app/AppDialogs.js";
+export * from "./app/AppDialogsHost.js";
+export * from "./app/AppLifecycle.js";
+export * from "./app/AppProvider.js";
+export * from "./app/AppRoot.js";
+export * from "./app/AppShell.js";
+export * from "./app/CommandPalette.js";
+export * from "./app/DocActionBar.js";
+export * from "./app/DocumentContextMenu.js";
+export * from "./app/DocumentPane.js";
+export * from "./app/DocumentRouterTable.js";
+export * from "./app/ErrorBoundary.js";
+export * from "./app/FindBar.js";
+export * from "./app/LiveTitle.js";
+export * from "./app/OpeningProgress.js";
+export * from "./app/PrintPreviewWindow.js";
+export * from "./app/ShortcutHelp.js";
+export * from "./app/Sidebar.js";
+export * from "./app/ToastViewport.js";
+export * from "./app/Toolbar.js";
+export * from "./app/activeFormatSavers.js";
+export * from "./app/clipboardPaths.js";
+export * from "./app/documentDrafts.js";
+export * from "./app/draftResolution.js";
+export * from "./app/markdownPaletteActions.js";
+export * from "./app/resourceCensusDev.js";
+export * from "./app/setupRecovery.js";
+export * from "./app/shell/DocStatsPill.js";
+export * from "./app/shell/DocumentTools.js";
+export * from "./app/shell/InfoInspector.js";
+export * from "./app/shell/StartPage.js";
+export * from "./app/shell/readEdit.js";
+export * from "./app/sidebar/SidebarDocumentMenu.js";
+export * from "./app/sidebar/SidebarExpandedPanel.js";
+export * from "./app/sidebar/SidebarIcons.js";
+export * from "./app/sidebar/SidebarMenus.js";
+export * from "./app/sidebar/SidebarPathUtils.js";
+export * from "./app/sidebar/SidebarPrimitives.js";
+export * from "./app/sidebar/SidebarRail.js";
+export * from "./app/sidebar/explorer/ExplorerRowMenu.js";
+export * from "./app/sidebar/explorer/ExplorerSections.js";
+export * from "./app/sidebar/explorer/ExplorerTree.js";
+export * from "./app/sidebar/explorer/explorerState.js";
+export * from "./app/tabMountPolicy.js";
+export * from "./app/tabWarmOrder.js";
+export * from "./app/tabs/TabFuseCurves.js";
+export * from "./app/tabs/TabOverview.js";
+export * from "./app/tabs/TabStrip.js";
+export * from "./app/tabs/tabIds.js";
+export * from "./app/tabs/useTabDirty.js";
+export * from "./app/useAppChromeState.js";
+export * from "./app/useAppCommands.js";
+export * from "./app/useAppDocumentCore.js";
+export * from "./app/useAppEffects.js";
+export * from "./app/useAppPaneSearch.js";
+export * from "./app/useAppShellSetup.js";
+export * from "./app/useAppSlots.js";
+export * from "./app/useAppTabChrome.js";
+export * from "./app/useAutoSave.js";
+export * from "./app/useCloseAll.js";
+export * from "./app/useClosedTabEviction.js";
+export * from "./app/useCommandPalette.js";
+export * from "./app/useCrossDocSearch.js";
+export * from "./app/useDistractionFree.js";
+export * from "./app/useDocumentCreation.js";
+export * from "./app/useDocumentDirty.js";
+export * from "./app/useDocumentLoader.js";
+export * from "./app/useDocumentOutputActions.js";
+export * from "./app/useDocumentRuntimeEffects.js";
+export * from "./app/useDocumentSaver.js";
+export * from "./app/useDocumentTabs.js";
+export * from "./app/useDocumentWatcher.js";
+export * from "./app/useDocumentZoom.js";
+export * from "./app/useDraftConfirmGate.js";
+export * from "./app/useFileDragOverlay.js";
+export * from "./app/useFormatApis.js";
+export * from "./app/useFormatDirtyState.js";
+export * from "./app/useGlobalShortcuts.js";
+export * from "./app/useHtmlSession.js";
+export * from "./app/useHtmlSessionProps.js";
+export * from "./app/useLibrary.js";
+export * from "./app/useOpenFromClipboard.js";
+export * from "./app/usePaneLiveness.js";
+export * from "./app/usePendingSavePaths.js";
+export * from "./app/useReadyShow.js";
+export * from "./app/useSearchController.js";
+export * from "./app/useSetupRecovery.js";
+export * from "./app/useTabChrome.js";
+export * from "./app/useViewState.js";
+export * from "./appName.js";
+export * from "./documents/DocumentRouter.js";
+export * from "./documents/FileTypeIcon.js";
+export * from "./documents/ImageDocument.js";
+export * from "./documents/capabilities.js";
+export * from "./documents/html/HtmlDocument.js";
+export * from "./documents/html/HtmlDocumentLayout.js";
+export * from "./documents/html/HtmlDocumentSource.js";
+export * from "./documents/markdown/MarkdownSplitPane.js";
+export * from "./documents/mdx/MdxSplitPane.js";
+export * from "./documents/txt/LinkDialog.js";
+export * from "./documents/txt/MarkdownSourceToolbar.js";
+export * from "./documents/txt/SourceEditorToolbar.js";
+export * from "./documents/txt/TxtEditor.js";
+export * from "./documents/txt/sourceExtensions.js";
+export * from "./documents/txt/sourceTheme.js";
+export * from "./documents/txt/useCodeMirrorSourceEditor.js";
+export * from "./documents/txt/useSourceSearch.js";
+export * from "./documents/txt/useTextEditorCommands.js";
+export * from "./documents/web/LivePreviewPane.js";
+export * from "./settings/AppearanceMenu.js";
+export * from "./settings/SettingsPanel.js";
+export * from "./settings/publishedSections.js";
+export * from "./settings/sections/AboutSection.js";
+export * from "./settings/sections/DiagnosticsSection.js";
+export * from "./settings/sections/PrivacySection.js";
+export * from "./settings/sections/UpdateLicenseBlock.js";
+export * from "./state/explorer.js";
+export * from "./state/legal.js";
+export * from "./state/library.js";
+export * from "./state/updateLicense.js";

package/dist/settings/AppearanceMenu.d.ts

@@ -0,0 +1,9 @@
+import { type AnchorRect } from "@rightkit/react-shell/react";
+/** Compact theme menu from the sidebar footer. The interface font lives in Settings → Typography
+ *  (a quick menu shouldn't restyle every control); "More settings…" opens the full panel.
+ *  Call sites may pass `anchor` (the Theme button); otherwise the menu finds that button. */
+export declare function AppearanceMenu({ onClose, onMore, anchor, }: {
+    onClose: () => void;
+    onMore: () => void;
+    anchor?: Element | AnchorRect;
+}): import("react").JSX.Element;

package/dist/settings/AppearanceMenu.js

@@ -0,0 +1,54 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef } from "react";
+import { ContextMenu } from "@rightkit/react-shell/react";
+import { useSettings } from "@rightkit/document-core/settings/settings";
+import { BASE_THEME_IDS, themeById } from "@rightkit/document-core/settings/themes";
+import { menuPanelClass, menuItemClass } from "../app/sidebar/SidebarPrimitives.js";
+// Auto is a two-tone light/dark pie; every theme is a pie of its ink / primary / paper.
+const AUTO_SWATCH = ["#F7F4EE", "#121417"];
+const TRIGGER = '[data-vr-sidebar="expanded"] button[aria-label="Theme"]';
+/** Compact theme menu from the sidebar footer. The interface font lives in Settings → Typography
+ *  (a quick menu shouldn't restyle every control); "More settings…" opens the full panel.
+ *  Call sites may pass `anchor` (the Theme button); otherwise the menu finds that button. */
+export function AppearanceMenu({ onClose, onMore, anchor, }) {
+    const { settings, update } = useSettings();
+    // `update` / `onMore` may change identity per render; items must not (exitMs treats a new items
+    // identity as a re-open), so run() reads the latest through a ref.
+    const latest = useRef({ update, onMore });
+    latest.current = { update, onMore };
+    const themeId = settings.themeId;
+    const presets = useMemo(() => [
+        { id: "auto", name: "Auto", note: "Follows system", swatch: AUTO_SWATCH },
+        ...BASE_THEME_IDS.map((id) => {
+            const t = themeById(id);
+            return { id: t.id, name: t.name, note: "", swatch: [t.tokens.ink, t.tokens.primary, t.tokens.paper] };
+        }),
+    ], []);
+    const byId = useMemo(() => new Map(presets.map((p) => [`preset:${p.id}`, p])), [presets]);
+    const items = useMemo(() => [
+        ...presets.map((p) => ({
+            id: `preset:${p.id}`,
+            label: p.name,
+            checked: themeId === p.id,
+            run: () => latest.current.update({ themeId: p.id }),
+        })),
+        { id: "more", label: "More settings…", separatorBefore: true, run: () => latest.current.onMore() },
+    ], [presets, themeId]);
+    return (_jsx(ContextMenu, { anchor: anchor ?? document.querySelector(TRIGGER) ?? { left: 8, top: window.innerHeight - 48, right: 248, bottom: window.innerHeight - 48 }, placement: "top-end", label: "Theme", width: 240, items: items, onClose: onClose, itemAs: "button", showLead: false, renderItem: (item) => {
+            const preset = byId.get(item.id);
+            if (!preset)
+                return _jsx("span", { className: "flex-1 text-center text-xs text-muted", children: item.label });
+            const active = item.checked;
+            return (_jsxs(_Fragment, { children: [_jsx(Swatch, { colors: preset.swatch }), _jsx("span", { className: "flex-1", children: preset.name }), preset.note && _jsx("span", { className: "text-chrome-xs text-muted", children: preset.note }), active && (_jsx("span", { "aria-hidden": "true", className: "text-copper-hi", children: "\u2713" }))] }));
+        }, className: `${menuPanelClass} p-2`, scrimClassName: "no-print", exitMs: 80, exitClassName: "vr-pop-exit", slots: {
+            item: `${menuItemClass} vr-focus h-9 gap-2.5 rounded-md px-2 text-chrome-md [&.is-active]:bg-ink/30 [&[aria-checked=true]]:bg-copper/15 [&[aria-checked=true]]:text-paper`,
+            separator: "my-2 h-px",
+        } }));
+}
+/** Decorative pie of a theme's ink / primary / paper (Auto is a two-tone light/dark pie). RightKit
+ *  has no swatch component; the menu row text carries the theme name. */
+function Swatch({ colors }) {
+    const step = 100 / colors.length;
+    const stops = colors.map((color, i) => `${color} ${i * step}% ${(i + 1) * step}%`).join(", ");
+    return (_jsx("span", { "aria-hidden": "true", className: "h-5 w-5 shrink-0 rounded-full border border-line", style: { background: `conic-gradient(from 135deg, ${stops})` } }));
+}

package/dist/settings/SettingsPanel.d.ts

@@ -0,0 +1,7 @@
+/** Settings dialog: the published `SettingsPanel` (nav, headings, `aria-current`) inside the shell
+ *  `ModalShell` (backdrop, Escape, focus trap and restore). Section bodies read and write through
+ *  `useSettings()` (the native-document backend in `settings.tsx`), so the panel keeps no store. */
+export declare function SettingsPanel({ onClose, onHistoryPurged, }: {
+    onClose: () => void;
+    onHistoryPurged?: () => void;
+}): import("react").JSX.Element;

package/dist/settings/SettingsPanel.js

@@ -0,0 +1,104 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { ModalShell } from "@rightkit/react-shell/react";
+import { SettingsPanel as PublishedSettingsPanel, mergeSections, } from "@rightkit/settings-ui";
+import { AboutSection } from "./sections/AboutSection.js";
+import { DiagnosticsSection } from "./sections/DiagnosticsSection.js";
+import { EditorSection } from "@rightkit/document-core/settings/sections/EditorSection";
+import { FileAssociationsSection } from "@rightkit/document-core/settings/sections/FileAssociationsSection";
+import { PrivacySection } from "./sections/PrivacySection.js";
+import { ThemeSection } from "@rightkit/document-core/settings/sections/ThemeSection";
+import { TypographySection } from "@rightkit/document-core/settings/sections/TypographySection";
+import { isMac, isWindows } from "@rightkit/document-core/platform";
+import { inTauri, isBrowserQaMode } from "@rightkit/document-core/state/tauriBridge";
+import { hostAppName } from "../appName.js";
+const SETTINGS_MODAL_SLOTS = {
+    overlay: "z-[60] bg-black/50 p-4 transition-opacity duration-[80ms] ease-out",
+    root: "vr-pop vr-pop-modal flex h-[76vh] max-h-[620px] max-w-[calc(100vw-2rem)] overflow-hidden rounded-xl border border-line bg-panel-2 shadow-2xl",
+};
+function Icon({ children }) {
+    return (_jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: children }));
+}
+const ICONS = {
+    about: (_jsxs(Icon, { children: [_jsx("circle", { cx: "12", cy: "12", r: "9" }), _jsx("path", { d: "M12 11v5M12 8h.01" })] })),
+    diagnostics: (_jsx(Icon, { children: _jsx("path", { d: "M4 18V6M8 18v-5M12 18V9M16 18v-8M20 18V4" }) })),
+    files: (_jsxs(Icon, { children: [_jsx("path", { d: "M5 4h10l4 4v12H5z" }), _jsx("path", { d: "M15 4v4h4M8 13h8M8 16h6" })] })),
+    theme: (_jsxs(Icon, { children: [_jsx("circle", { cx: "12", cy: "12", r: "9" }), _jsx("path", { d: "M12 3a9 9 0 0 1 0 18" })] })),
+    typography: (_jsx(Icon, { children: _jsx("path", { d: "M5 5h14M12 5v14M8 19h8" }) })),
+    editor: (_jsxs(Icon, { children: [_jsx("path", { d: "M4 20h4l11-11-4-4L4 16v4Z" }), _jsx("path", { d: "m13.5 6.5 4 4" })] })),
+    privacy: (_jsxs(Icon, { children: [_jsx("rect", { x: "5", y: "10", width: "14", height: "10", rx: "2" }), _jsx("path", { d: "M8 10V7a4 4 0 0 1 8 0v3" })] })),
+};
+/** A section body with the one-line description the old panel showed under the heading. */
+function Body({ subtitle, children }) {
+    return (_jsxs(_Fragment, { children: [subtitle && _jsx("p", { className: "mb-5 text-xs text-muted-2", children: subtitle }), children] }));
+}
+function viewRightSections(onHistoryPurged) {
+    const showFileAssociations = (isMac() || isWindows()) && (inTauri() || isBrowserQaMode());
+    return [
+        {
+            id: "about",
+            label: "About",
+            group: "App",
+            order: 100,
+            icon: ICONS.about,
+            hideSectionHeading: true,
+            render: () => _jsx(AboutSection, {}),
+        },
+        {
+            id: "files",
+            label: "File associations",
+            group: "App",
+            order: 200,
+            icon: ICONS.files,
+            visible: () => showFileAssociations,
+            render: () => (_jsx(Body, { subtitle: `Choose which document formats open in ${hostAppName()} by default.`, children: _jsx(FileAssociationsSection, {}) })),
+        },
+        {
+            id: "diagnostics",
+            label: "Diagnostics",
+            group: "App",
+            order: 300,
+            icon: ICONS.diagnostics,
+            render: () => (_jsx(Body, { subtitle: "Local troubleshooting information and support tools.", children: _jsx(DiagnosticsSection, {}) })),
+        },
+        {
+            id: "theme",
+            label: "Theme",
+            group: "Preferences",
+            order: 400,
+            icon: ICONS.theme,
+            render: () => (_jsx(Body, { subtitle: `Choose the surfaces and accents used across ${hostAppName()}.`, children: _jsx(ThemeSection, {}) })),
+        },
+        {
+            id: "typography",
+            label: "Typography",
+            group: "Preferences",
+            order: 500,
+            icon: ICONS.typography,
+            render: () => (_jsx(Body, { subtitle: "Set interface and document reading type.", children: _jsx(TypographySection, {}) })),
+        },
+        {
+            id: "editor",
+            label: "Editor",
+            group: "Preferences",
+            order: 600,
+            icon: ICONS.editor,
+            render: () => (_jsx(Body, { subtitle: "Control writing and source-editing behavior.", children: _jsx(EditorSection, {}) })),
+        },
+        {
+            id: "privacy",
+            label: "Privacy",
+            group: "Preferences",
+            order: 700,
+            icon: ICONS.privacy,
+            render: () => (_jsx(Body, { subtitle: `Choose what ${hostAppName()} remembers on this device.`, children: _jsx(PrivacySection, { onHistoryPurged: onHistoryPurged }) })),
+        },
+    ];
+}
+/** Settings dialog: the published `SettingsPanel` (nav, headings, `aria-current`) inside the shell
+ *  `ModalShell` (backdrop, Escape, focus trap and restore). Section bodies read and write through
+ *  `useSettings()` (the native-document backend in `settings.tsx`), so the panel keeps no store. */
+export function SettingsPanel({ onClose, onHistoryPurged, }) {
+    const sections = useMemo(() => mergeSections([], viewRightSections(onHistoryPurged)), [onHistoryPurged]);
+    return (_jsx(ModalShell, { label: "Settings", onClose: onClose, width: 800, dismissOn: "click", slots: SETTINGS_MODAL_SLOTS, children: _jsx("div", { "data-settings-shell": true, className: "vr-rk h-full min-w-0 flex-1", children: _jsx(PublishedSettingsPanel, { className: "h-full", sections: sections, title: "Settings", defaultActiveId: "about", hideSearch: true, navFooter: _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close settings", title: "Close settings", className: "vr-press vr-focus mt-2 w-full rounded-md border border-line px-2 py-1.5 font-sans text-xs text-muted hover:bg-panel-2 hover:text-paper", children: "Close" }) }) }) }));
+}

package/dist/settings/publishedSections.d.ts

@@ -0,0 +1,22 @@
+import { type SettingsSection } from "@rightkit/settings-ui";
+/** Published UpdatesControls over the host app update client: status sentence, no badge (rightkit item 10a). */
+export declare function UpdatesPanel(): import("react").JSX.Element;
+/** Published aboutSection: the host app brand card replaces the default card; panels hold the rest. */
+export declare function AboutFrame({ card, panels }: {
+    card: React.ReactNode;
+    panels: React.ReactNode;
+}): import("react").JSX.Element;
+/** Renders the published licenseSection body (status, verify, deactivate, activate, purchase rows) under the the host app token map. */
+export declare function PublishedLicense({ section }: {
+    section: SettingsSection;
+}): import("react").JSX.Element;
+/** Published legalSection: one row per legal document with the acceptance receipt as its description. */
+export declare function LegalPanel({ documents, acceptedAt, acceptedVersion, openExternal, }: {
+    documents: ReadonlyArray<{
+        title: string;
+        url: string;
+    }>;
+    acceptedAt: string | null;
+    acceptedVersion: string | null;
+    openExternal: (url: string) => void | Promise<void>;
+}): import("react").JSX.Element;

package/dist/settings/publishedSections.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useReducer } from "react";
+import { Button, Toggle } from "@rightkit/react-shell/react";
+import { SettingRow, SettingsGroup, UpdatesControls, aboutSection, legalSection, } from "@rightkit/settings-ui";
+import { APP_VERSION, createHostUpdatesAdapter, hasPendingExternalUpdate, openPendingExternalUpdate, } from "../state/updateLicense.js";
+import { useSettings } from "@rightkit/document-core/settings/settings";
+import { hostAppName } from "../appName.js";
+/** the host app keeps its own settings store; this exposes the one key the published sections read. */
+function useRkContext() {
+    const { settings, update } = useSettings();
+    return useMemo(() => {
+        const apply = (patch) => {
+            if ("updates.autoInstall" in patch) {
+                update({ autoCheckUpdates: patch["updates.autoInstall"] === true });
+            }
+        };
+        return {
+            values: { "updates.autoInstall": settings.autoCheckUpdates },
+            set: async (key, value) => apply({ [key]: value }),
+            patch: async (patch) => apply(patch),
+            saving: false,
+            error: null,
+            clearError: () => { },
+        };
+    }, [settings.autoCheckUpdates, update]);
+}
+/** Renders a published section body under the the host app token map. */
+function RkSection({ section, ctx, children }) {
+    return (_jsxs("div", { className: "vr-rk", children: [section.render(ctx), children] }));
+}
+const UPDATE_LABELS = {
+    version: (v) => `${hostAppName()} ${v}`,
+    checkNow: "Check for updates",
+    checking: "Checking...",
+    installUpdate: "Install & relaunch",
+    installing: "Installing...",
+    status: (s, fallback) => {
+        switch (s.kind) {
+            case "idle":
+                return "Look for a newer release.";
+            case "up_to_date":
+                return "You’re up to date.";
+            case "available":
+                return s.eligible
+                    ? `${hostAppName()} ${s.tier === "patch" ? "patch" : "update"} ${s.version} is ready.`
+                    : "An update license is required for this channel.";
+            case "deferred":
+                return `${hostAppName()} ${s.version} is available as a manual download.`;
+            case "ready":
+                return `Restarting ${hostAppName()}...`;
+            default:
+                return fallback;
+        }
+    },
+};
+/** Published UpdatesControls over the host app update client: status sentence, no badge (rightkit item 10a). */
+export function UpdatesPanel() {
+    const { settings, update } = useSettings();
+    const [, refresh] = useReducer((n) => n + 1, 0);
+    const client = useMemo(() => createHostUpdatesAdapter(refresh), []);
+    return (_jsx("div", { className: "vr-rk", children: _jsxs(SettingsGroup, { children: [_jsx(SettingRow, { id: "updates.status", label: `${hostAppName()} ${APP_VERSION}`, children: _jsx(UpdatesControls, { client: client, labels: UPDATE_LABELS, upgradeHint: "Activate an update license below.", showStatus: true, showBadge: false }) }), _jsx(SettingRow, { id: "updates.auto", label: "Automatic update checks", description: `Look for new releases while ${hostAppName()} is running. Installs always wait for you.`, children: _jsx(Toggle, { label: "Automatic update checks", checked: settings.autoCheckUpdates, onChange: (v) => update({ autoCheckUpdates: v }) }) }), hasPendingExternalUpdate() && (_jsx(SettingRow, { label: "Manual download", description: "Install the signed public build yourself.", children: _jsx(Button, { size: "sm", variant: "secondary", onClick: () => void openPendingExternalUpdate(), children: "Download installer" }) }))] }) }));
+}
+/** Published aboutSection: the host app brand card replaces the default card; panels hold the rest. */
+export function AboutFrame({ card, panels }) {
+    const ctx = useRkContext();
+    const section = useMemo(() => aboutSection({ appName: hostAppName(), version: APP_VERSION, card, panels }), [card, panels]);
+    return _jsx(RkSection, { section: section, ctx: ctx });
+}
+/** Renders the published licenseSection body (status, verify, deactivate, activate, purchase rows) under the the host app token map. */
+export function PublishedLicense({ section }) {
+    const ctx = useRkContext();
+    return _jsx(RkSection, { section: section, ctx: ctx });
+}
+/** Published legalSection: one row per legal document with the acceptance receipt as its description. */
+export function LegalPanel({ documents, acceptedAt, acceptedVersion, openExternal, }) {
+    const ctx = useRkContext();
+    const section = useMemo(() => legalSection({ documents, acceptedAt, acceptedVersion, openExternal }), [documents, acceptedAt, acceptedVersion, openExternal]);
+    return _jsx(RkSection, { section: section, ctx: ctx });
+}

package/dist/settings/sections/AboutSection.d.ts

@@ -0,0 +1 @@
+export declare function AboutSection(): import("react").JSX.Element;

package/dist/settings/sections/AboutSection.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LEGAL_ABOUT_LINKS } from "../../state/legal.js";
+import { AboutFrame, LegalPanel, UpdatesPanel } from "../publishedSections.js";
+import { useSettings } from "@rightkit/document-core/settings/settings";
+import { openExternal } from "@rightkit/document-core/state/tauriBridge";
+import { UpdateLicenseBlock } from "./UpdateLicenseBlock.js";
+const footerLink = "text-copper-hi underline-offset-4 hover:underline";
+const brandCard = (_jsxs("div", { className: "rounded-lg border border-line bg-panel/55 px-4 py-3 text-sm text-muted", children: [_jsxs("div", { className: "flex min-w-0 items-center justify-between gap-3", children: [_jsxs("div", { className: "[font-family:var(--font-wordmark)] text-3xl leading-none tracking-[0.01em] text-paper", children: ["View", _jsx("span", { className: "text-copper", children: "Right" })] }), _jsx("div", { className: "flex items-center gap-1.5 font-sans text-chrome-xs text-muted-2", children: _jsx("span", { className: "rounded-full border border-line bg-ink/25 px-2 py-1", children: "Local-first" }) })] }), _jsx("p", { className: "mt-1 text-xs text-paper/75", children: "Your documents, opened locally and kept on your device." }), _jsxs("div", { "data-about-contact": true, className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-1 border-t border-line/70 pt-2 font-sans text-chrome-xs", children: [_jsx("a", { className: footerLink, href: "https://viewright.cc", children: "viewright.cc" }), _jsx("a", { className: footerLink, href: "mailto:hello@viewright.cc", children: "hello@viewright.cc" })] })] }));
+const panels = (_jsxs("div", { className: "mt-3 flex flex-col gap-3", children: [_jsx(UpdatesPanel, {}), _jsx(UpdateLicenseBlock, {})] }));
+export function AboutSection() {
+    const { settings } = useSettings();
+    return (_jsxs("div", { "data-about-section": true, className: "flex h-full min-h-0 flex-col pr-9 text-sm text-muted", children: [_jsx(AboutFrame, { card: brandCard, panels: panels }), _jsx("p", { className: "mt-3 font-sans text-chrome-xs text-muted-2", children: "Right Suite Desktop License v1.0" }), _jsx(LegalPanel, { documents: LEGAL_ABOUT_LINKS, acceptedAt: settings.legalAcceptedAt || null, acceptedVersion: settings.legalAcceptanceVersion || null, openExternal: openExternal })] }));
+}

package/dist/settings/sections/DiagnosticsSection.d.ts

@@ -0,0 +1 @@
+export declare function DiagnosticsSection(): import("react").JSX.Element;

package/dist/settings/sections/DiagnosticsSection.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { clearAllDiagnostics, collectDiagnosticsText, getDiagnostics, } from "@rightkit/document-core/state/diagnostics";
+import { APP_VERSION } from "../../state/updateLicense.js";
+import { useSettings } from "@rightkit/document-core/settings/settings";
+import { writeClipboardText } from "@rightkit/document-core/state/tauriBridge";
+import { hostAppName } from "../../appName.js";
+export function DiagnosticsSection() {
+    const { settings } = useSettings();
+    const [log, setLog] = useState(() => getDiagnostics());
+    const [copied, setCopied] = useState("");
+    const refresh = () => setLog(getDiagnostics());
+    const copyLog = async () => {
+        try {
+            await writeClipboardText(await collectDiagnosticsText());
+            setCopied("copied");
+        }
+        catch {
+            setCopied("failed");
+        }
+        setTimeout(() => setCopied(""), 1800);
+    };
+    const emailLog = async () => {
+        await copyLog();
+        const subject = encodeURIComponent(`${hostAppName()} ${APP_VERSION} diagnostics`);
+        const body = encodeURIComponent("The diagnostics log has been copied to your clipboard — please paste it below this line, then send.\n\n----\n");
+        window.location.href = `mailto:hello@viewright.cc?subject=${subject}&body=${body}`;
+    };
+    const clear = async () => {
+        try {
+            await clearAllDiagnostics();
+        }
+        catch {
+            // The log stays on screen when erasure failed, so the failure is visible to the user.
+        }
+        refresh();
+    };
+    if (settings.diagnostics === false) {
+        return (_jsx("div", { className: "space-y-4", children: _jsx("div", { className: "space-y-3 text-sm text-muted", children: _jsx("p", { children: "Diagnostics logging is currently off (Privacy \u2192 diagnostics). Turn it on to capture loads, document timings, and errors here." }) }) }));
+    }
+    return (_jsxs("div", { className: "space-y-4 text-sm text-muted", children: [_jsx("p", { children: "A local log of loads, document timings, and errors \u2014 stays on your machine. Use it to report a problem: it never sends on its own; \u201CEmail to support\u201D copies the log and opens a prefilled message you send yourself." }), _jsxs("div", { className: "flex flex-wrap gap-2 font-mono text-xs", children: [_jsx("button", { type: "button", onClick: emailLog, className: "vr-press vr-focus rounded bg-copper/20 px-3 py-1.5 text-copper-hi hover:bg-copper/30", children: "Email to support" }), _jsx("button", { type: "button", onClick: copyLog, className: "vr-press vr-focus rounded border border-line px-3 py-1.5 text-muted hover:border-copper hover:text-copper-hi", children: copied === "copied" ? "Copied ✓" : copied === "failed" ? "Copy failed" : "Copy log" }), _jsx("button", { type: "button", onClick: refresh, className: "vr-press vr-focus rounded border border-line px-3 py-1.5 text-muted hover:border-copper hover:text-copper-hi", children: "Refresh" }), _jsx("button", { type: "button", onClick: clear, className: "vr-press vr-focus rounded border border-line px-3 py-1.5 text-muted hover:border-red-500/60 hover:text-paper", children: "Clear log" })] }), _jsx("div", { className: "max-h-72 overflow-auto rounded border border-line bg-ink/40 p-2 font-mono text-chrome-xs leading-relaxed text-muted-2 select-text", children: log.length === 0 ? (_jsx("p", { className: "text-muted-2", children: "No diagnostics recorded yet." })) : ([...log].reverse().map((e, i) => (_jsxs("p", { className: "whitespace-pre-wrap break-words", children: [_jsx("span", { className: "text-muted", children: new Date(e.ts_ms).toISOString().slice(11, 19) }), " ", _jsx("span", { className: "text-copper-hi", children: e.kind }), " ", e.event, e.duration_ms === undefined ? "" : ` — ${e.duration_ms}ms`] }, `${e.ts_ms}-${i}`)))) })] }));
+}

package/dist/settings/sections/PrivacySection.d.ts

@@ -0,0 +1,3 @@
+export declare function PrivacySection({ onHistoryPurged }?: {
+    onHistoryPurged?: () => void;
+}): import("react").JSX.Element;

package/dist/settings/sections/PrivacySection.js

@@ -0,0 +1,51 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { toast } from "@rightkit/platform-ui/headless";
+import { drainSessionSaves } from "../../app/useDocumentRuntimeEffects.js";
+import { ActionDialog, SegmentedControl } from "@rightkit/react-shell/react";
+import { SettingsGroup } from "@rightkit/settings-ui";
+import { DIALOG_SLOTS, cancelAction, dangerAction } from "@rightkit/document-core/app/chrome";
+import { purgeUserPaths } from "@rightkit/document-core/state/tauriBridge";
+import { clearAllDiagnostics, collectDiagnosticsText } from "@rightkit/document-core/state/diagnostics";
+import { useSettings } from "@rightkit/document-core/settings/settings";
+import { onOff } from "@rightkit/document-core/settings/sections/onOff";
+import { writeClipboardText } from "@rightkit/document-core/state/tauriBridge";
+import { hostAppName } from "../../appName.js";
+export function PrivacySection({ onHistoryPurged } = {}) {
+    const { settings, update } = useSettings();
+    const [cleared, setCleared] = useState(false);
+    const [copied, setCopied] = useState(false);
+    const [confirmPurge, setConfirmPurge] = useState(false);
+    const [purging, setPurging] = useState(false);
+    const runPurge = async () => {
+        setPurging(true);
+        try {
+            await drainSessionSaves();
+            await purgeUserPaths();
+            onHistoryPurged?.();
+            toast("History cleared", "success");
+        }
+        catch {
+            toast("Couldn't clear history", "error");
+        }
+        finally {
+            setPurging(false);
+            setConfirmPurge(false);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(SettingsGroup, { title: "Session restore", children: [_jsx("p", { className: "mb-3 max-w-prose text-sm text-muted", children: "Reopen file-backed tabs from the previous desktop session. Untitled scratch notes are still saved locally as drafts." }), _jsx(SegmentedControl, { label: "Session restore", options: onOff("Session restore"), value: settings.restoreSession ? "on" : "off", onChange: (v) => update({ restoreSession: v === "on" }) })] }), _jsxs(SettingsGroup, { title: "Diagnostic log", children: [_jsxs("p", { className: "mb-3 max-w-prose text-sm text-muted", children: [hostAppName(), " keeps a small local log of loads, document timings, and errors to help diagnose a crash or stuck launch. It is stored only on this device and is never sent anywhere. You can turn it off, copy it, or clear what\u2019s stored now."] }), _jsx(SegmentedControl, { label: "Diagnostic log", options: onOff("Diagnostics"), value: settings.diagnostics ? "on" : "off", onChange: (v) => update({ diagnostics: v === "on" }) })] }), _jsxs(SettingsGroup, { title: "Stored data", children: [_jsx("button", { type: "button", onClick: () => {
+                            void collectDiagnosticsText()
+                                .then((text) => writeClipboardText(text))
+                                .then(() => setCopied(true))
+                                .catch(() => {
+                                // Clipboard access is permission-gated; leaving the log on screen is sufficient.
+                            });
+                        }, className: "vr-press vr-focus mr-2 rounded border border-line px-3 py-1.5 font-sans text-xs text-muted hover:border-copper hover:text-copper-hi", children: "Copy diagnostic log" }), _jsx("button", { type: "button", onClick: () => {
+                            void clearAllDiagnostics()
+                                .then(() => setCleared(true))
+                                .catch(() => setCleared(false));
+                        }, className: "vr-press vr-focus rounded border border-line px-3 py-1.5 font-sans text-xs text-muted hover:border-copper hover:text-copper-hi", children: "Clear diagnostic log" }), _jsx("button", { type: "button", onClick: () => setConfirmPurge(true), className: "vr-press vr-focus ml-2 rounded border border-line px-3 py-1.5 font-sans text-xs text-muted hover:border-danger/60 hover:text-paper", children: "Clear all history" }), copied && _jsx("span", { className: "ml-3 font-mono text-xs text-copper-hi", children: "copied" }), cleared && _jsx("span", { className: "ml-3 font-mono text-xs text-copper-hi", children: "cleared" })] }), confirmPurge && (_jsx(ActionDialog, { title: "Clear all history?", ariaLabel: "Clear all history?", description: "This removes recent files, the saved open-tab session and pinned files. Your settings are not changed.", onClose: () => setConfirmPurge(false), width: 440, role: "alertdialog", slots: DIALOG_SLOTS, actions: [
+                    cancelAction(() => setConfirmPurge(false)),
+                    { ...dangerAction("Clear history", () => void runPurge()), disabled: purging },
+                ] }))] }));
+}

package/dist/settings/sections/UpdateLicenseBlock.d.ts

@@ -0,0 +1,10 @@
+/**
+ * the host app update-license block: the published `licenseSection()` (`@rightkit/settings-ui` 0.7.0)
+ * over the native licence client. App-owned remainder, each piece with its reason:
+ * the lazy client above, the Disabled-build notice, the loading gate (the package shows "Free"
+ * until its first read settles), the non-Pro notice (the package marks any active licence as
+ * licensed), the cross-window re-read on native change events (the package only reads on mount),
+ * and the label map. The webview holds no key or token: the key is a transient command input and
+ * the view is the only state. Record: docs/rightkit-exceptions/M12.md#m12-update-license-block.
+ */
+export declare function UpdateLicenseBlock(): import("react").JSX.Element;