@erdemtuna/doc-review 0.11.0 → 0.12.0

package/lib/chrome-client.js

@@ -260,6 +260,8 @@ const transport = createReviewApi({ token: state.token });
 const api = transport.request;
 const frameController = createFrameController({
     sessionId: state.sessionId, host: frameHost, request: api,
+    activated: completeFrameReady,
+    diagnostic: (code) => diagnostic(code, {}),
     suspended() {
         captures.cancel();
         captureCoordinator.reset();
@@ -353,6 +355,7 @@ export const recoveryRuntime = createRecoveryController({
         comparing: state.comparing, ended: state.ended, loading: frameController.loading,
         pendingReload: frameController.state.pendingReload || !!frameHost.previous,
         frameError: frameController.state.phase.kind === "failed" ? frameController.state.phase.message : null,
+        themeSync: frameController.themeSync,
         reload: {
             visible: state.reloadVisible, message: state.reloadMessage,
             error: state.reloadFailed || saveController.state.conflict,
@@ -378,6 +381,7 @@ export const recoveryRuntime = createRecoveryController({
         toFrame({ type: "eh:modeMenuState", open });
     },
     reload: () => reloadLatest({ explicit: true }),
+    retryTheme: () => frameController.retryTheme(),
     keepCurrent() {
         state.reloadVisible = false;
         announce("Keeping the current page. Return to Review to reload when ready.");
@@ -1280,47 +1284,48 @@ function targetPayload(msg) {
         horizontal: Number.isFinite(msg.horizontal) ? Number(msg.horizontal) : null,
     };
 }
+function completeFrameReady(readyState) {
+    state.page = { ...state.page, ...readyState };
+    toFrame({ type: "eh:anchors", comments: state.page ? state.page.comments : [] });
+    if (frameController.state.reloading) {
+        toFrame({ type: "eh:restoreScroll", x: state.scroll.x, y: state.scroll.y });
+        frameController.restoredScroll();
+    }
+    const configuration = reviewConfiguration(state.page, state.reviewMode);
+    state.savePolicy = configuration.savePolicy;
+    void frameController.configure(configuration.mode, configuration.savePolicy, false);
+    render();
+    if (state.page?.kind !== "url") {
+        const rawIdentity = currentRender();
+        void api(`/api/page/${frameController.state.key}/raw`).then((raw) => {
+            if (!sameRender(rawIdentity, currentRender()) || frameController.state.pendingReload)
+                return;
+            if (frameController.state.sourceHash && frameController.state.sourceHash !== raw.hash) {
+                saveController.markConflict();
+                holdReload();
+                return;
+            }
+            saveController.baseline(raw.hash || null);
+            if (configuration.savePolicy === "writable")
+                toFrame({ type: "eh:raw", html: raw.html });
+            scheduleResultCapture();
+        }).catch((error) => {
+            if (sameRender(rawIdentity, currentRender()) && !state.ended) {
+                toast(`Source could not be loaded: ${error.message}. Reload before saving.`);
+            }
+        });
+    }
+    void refreshHistory();
+}
 listen(window, "message", async (event) => {
+    if (frameController.handleThemeMessage(event))
+        return;
     if (!frameController.accepts(event))
         return;
     const msg = event.data;
     switch (msg.type) {
         case "eh:ready": {
-            const readyIdentity = currentRender();
-            const readyState = await frameController.ready();
-            if (!readyState || !sameRender(readyIdentity, currentRender()))
-                return;
-            state.page = { ...state.page, ...readyState };
-            toFrame({ type: "eh:anchors", comments: state.page ? state.page.comments : [] });
-            if (frameController.state.reloading) {
-                toFrame({ type: "eh:restoreScroll", x: state.scroll.x, y: state.scroll.y });
-                frameController.restoredScroll();
-            }
-            const configuration = reviewConfiguration(state.page, state.reviewMode);
-            state.savePolicy = configuration.savePolicy;
-            void frameController.configure(configuration.mode, configuration.savePolicy, false);
-            render();
-            if (state.page?.kind !== "url") {
-                const rawIdentity = currentRender();
-                void api(`/api/page/${frameController.state.key}/raw`).then((raw) => {
-                    if (!sameRender(rawIdentity, currentRender()) || frameController.state.pendingReload)
-                        return;
-                    if (frameController.state.sourceHash && frameController.state.sourceHash !== raw.hash) {
-                        saveController.markConflict();
-                        holdReload();
-                        return;
-                    }
-                    saveController.baseline(raw.hash || null);
-                    if (configuration.savePolicy === "writable")
-                        toFrame({ type: "eh:raw", html: raw.html });
-                    scheduleResultCapture();
-                }).catch((error) => {
-                    if (sameRender(rawIdentity, currentRender()) && !state.ended) {
-                        toast(`Source could not be loaded: ${error.message}. Reload before saving.`);
-                    }
-                });
-            }
-            void refreshHistory();
+            await frameController.ready();
             break;
         }
         case "eh:configurationApplied":
@@ -1555,6 +1560,7 @@ function toggleTheme() {
 function applyTheme(dark) {
     document.documentElement.dataset.theme = dark ? "dark" : "light";
     state.theme = dark ? "dark" : "light";
+    frameController.setTheme(state.theme);
     toolbarRuntime.publish();
 }
 listen(document, "keydown", (event) => {

package/lib/chrome.html

@@ -4,6 +4,9 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>doc-review</title>
+  <!-- brand:start -->
+  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Crect%20width%3D%2264%22%20height%3D%2264%22%20rx%3D%2214%22%20fill%3D%22%2317685F%22%2F%3E%3Cpath%20d%3D%22M16%2012H48Q54%2012%2054%2018V40Q54%2046%2048%2046H30L16%2054V46Q10%2046%2010%2040V18Q10%2012%2016%2012Z%20M20%2022H36V18L43%2024L36%2030V26H20Z%20M44%2034H28V30L21%2036L28%2042V38H44Z%22%20fill%3D%22%23FFFDF7%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E">
+  <!-- brand:end -->
   <link rel="stylesheet" href="/chrome.css">
 </head>
 <body data-session="__SESSION_ID__" data-token="__TOKEN__">

package/lib/contracts/frame.js

@@ -1,3 +1,9 @@
+export function isThemePayload(value) {
+    return typeof value === "object" && value !== null &&
+        "theme" in value && (value.theme === "light" || value.theme === "dark") &&
+        "themeRevision" in value && typeof value.themeRevision === "number" &&
+        Number.isSafeInteger(value.themeRevision) && value.themeRevision > 0;
+}
 /** Correlation alone does not validate a message type or its payload. */
 export function isFrameIdentity(value) {
     return typeof value === "object" && value !== null &&

package/lib/contracts/index.js

@@ -1,2 +1,2 @@
-export { isFrameIdentity } from "./frame.js";
+export { isFrameIdentity, isThemePayload } from "./frame.js";
 export { isExecutionPolicy, isPageResponse, isRenderExecution } from "./page.js";

package/lib/frame-controller.js

@@ -1,5 +1,6 @@
 import { record } from "./chrome-api.js";
-export function createFrameController({ sessionId, host, request, suspended, transitioning = () => { }, failed, now = Date.now, setTimer = globalThis.setTimeout, clearTimer = globalThis.clearTimeout, }) {
+import { isThemePayload } from "./contracts/frame.js";
+export function createFrameController({ sessionId, host, request, suspended, transitioning = () => { }, failed, now = Date.now, activated = () => { }, diagnostic = () => { }, setTimer = globalThis.setTimeout, clearTimer = globalThis.clearTimeout, }) {
     const state = {
         key: null, generation: 0, renderId: null, capability: null, sourceHash: null,
         execution: null, policy: null, phase: { kind: "loading" }, readyAt: 0,
@@ -9,7 +10,7 @@ export function createFrameController({ sessionId, host, request, suspended, tra
     const timers = new Set();
     const flushes = new Map();
     let readinessTimer = null;
-    let replacementTimer = null;
+    let configurationTimer = null;
     let readinessRetries = 0;
     let initialLoad = false;
     let readyGeneration = null;
@@ -17,6 +18,10 @@ export function createFrameController({ sessionId, host, request, suspended, tra
     let flushSequence = 0;
     let configuration = null;
     let expectedConfiguration = null;
+    let desired = { theme: "light", themeRevision: 1 };
+    let currentTheme = null;
+    let previousTheme = null;
+    let retainedCandidate = null;
     const alive = () => state.phase.kind !== "disposed";
     const loading = () => state.phase.kind !== "ready";
     const publish = () => { if (alive())
@@ -49,7 +54,114 @@ export function createFrameController({ sessionId, host, request, suspended, tra
             ...message, capability: state.capability, generation: state.generation, pageKey: state.key,
         }, state.policy?.targetOrigin || "*");
     }
-    function suspend() {
+    function cancelTheme(channel) {
+        if (!channel)
+            return;
+        cancelTimer(channel.timer);
+        channel.timer = null;
+        channel.pending = null;
+        channel.failed = false;
+        channel.settle?.(false);
+        channel.settle = null;
+    }
+    function clearPreviousTheme() {
+        cancelTheme(previousTheme);
+        previousTheme = null;
+        publish();
+    }
+    const stopRemoval = host.onPreviousRemoved(clearPreviousTheme);
+    const themeApplied = (channel) => channel?.applied?.themeRevision === desired.themeRevision && channel.applied.theme === desired.theme &&
+        !channel.pending && !channel.failed;
+    function handoff() {
+        if (!host.previous || loading() || !expectedConfiguration ||
+            state.configurationGeneration !== state.generation || !themeApplied(currentTheme))
+            return;
+        const started = identity();
+        const appliedConfiguration = expectedConfiguration;
+        const revision = desired.themeRevision;
+        host.afterPaint(() => {
+            if (matches(started) && !loading() && expectedConfiguration === appliedConfiguration &&
+                state.configurationGeneration === state.generation && desired.themeRevision === revision &&
+                themeApplied(currentTheme))
+                finishReplacement();
+        });
+    }
+    function exposeReady() {
+        if (state.phase.kind !== "confirming" || !state.execution || !themeApplied(currentTheme))
+            return;
+        state.phase = { kind: "ready" };
+        host.ready(state.execution);
+        publish();
+        activated(state.execution);
+    }
+    function requestTheme(channel) {
+        cancelTheme(channel);
+        channel.pending = { ...desired };
+        const pending = channel.pending;
+        const promise = new Promise((resolve) => { channel.settle = resolve; });
+        channel.timer = later(() => {
+            if (channel.pending !== pending)
+                return;
+            channel.timer = null;
+            channel.pending = null;
+            channel.failed = true;
+            channel.settle?.(false);
+            channel.settle = null;
+            publish();
+        }, 3000);
+        const message = {
+            type: "eh:setTheme", ...pending, capability: channel.capability,
+            generation: channel.generation, pageKey: channel.pageKey,
+        };
+        if (channel === currentTheme)
+            host.send(message, channel.policy.targetOrigin);
+        else if (channel.source && channel.source === host.previousWindow) {
+            channel.source.postMessage(message, channel.policy.targetOrigin);
+        }
+        publish();
+        return promise;
+    }
+    function handleThemeMessage(event) {
+        const value = event.data;
+        if (!alive() || !value || typeof value !== "object" || !("type" in value) ||
+            (value.type !== "eh:themeApplied" && value.type !== "eh:setTheme"))
+            return false;
+        const channel = [currentTheme, previousTheme].find((candidate) => candidate && candidate.source &&
+            candidate.source === event.source && candidate.policy.incomingOrigin === event.origin &&
+            "capability" in value && value.capability === candidate.capability &&
+            "generation" in value && value.generation === candidate.generation &&
+            "pageKey" in value && value.pageKey === candidate.pageKey);
+        if (!channel)
+            return true;
+        if (channel === previousTheme && channel.source !== host.previousWindow) {
+            clearPreviousTheme();
+            return true;
+        }
+        if (value.type !== "eh:themeApplied" || !isThemePayload(value)) {
+            if (!channel.diagnosed) {
+                channel.diagnosed = true;
+                diagnostic("invalid-theme-acknowledgment");
+            }
+            return true;
+        }
+        if (!channel.pending || channel.pending.themeRevision !== value.themeRevision ||
+            channel.pending.theme !== value.theme)
+            return true;
+        channel.applied = { theme: value.theme, themeRevision: value.themeRevision };
+        cancelTimer(channel.timer);
+        channel.timer = null;
+        channel.pending = null;
+        channel.failed = false;
+        channel.settle?.(true);
+        channel.settle = null;
+        if (channel === currentTheme) {
+            exposeReady();
+            handoff();
+        }
+        publish();
+        return true;
+    }
+    function suspend(preserveTheme = false) {
         if (!alive())
             return;
         suspended();
@@ -57,10 +169,17 @@ export function createFrameController({ sessionId, host, request, suspended, tra
             flush.settle(false);
         configuration?.settle(false);
         expectedConfiguration = null;
+        cancelTheme(currentTheme);
+        cancelTheme(previousTheme);
+        if (!preserveTheme) {
+            previousTheme = null;
+            retainedCandidate = null;
+        }
+        currentTheme = null;
         for (const timer of timers)
             clearTimer(timer);
         timers.clear();
-        readinessTimer = replacementTimer = null;
+        readinessTimer = configurationTimer = null;
         state.capability = null;
         state.renderId = null;
         state.execution = null;
@@ -73,7 +192,8 @@ export function createFrameController({ sessionId, host, request, suspended, tra
         if (!alive())
             throw new Error("Review ended");
         transitioning();
-        suspend();
+        retainedCandidate = currentTheme || retainedCandidate;
+        suspend(true);
         state.key = key;
         state.generation++;
         state.sourceHash = null;
@@ -83,8 +203,8 @@ export function createFrameController({ sessionId, host, request, suspended, tra
         return state.generation;
     }
     function finishReplacement() {
-        cancelTimer(replacementTimer);
-        replacementTimer = null;
+        cancelTimer(configurationTimer);
+        configurationTimer = null;
         host.finishReplacement();
         publish();
     }
@@ -117,6 +237,13 @@ export function createFrameController({ sessionId, host, request, suspended, tra
         state.phase = { kind: "loading" };
         initialLoad = true;
         host.navigate(value.path, state.reloading);
+        if (previousTheme?.source !== host.previousWindow)
+            clearPreviousTheme();
+        if (!previousTheme && retainedCandidate?.source === host.previousWindow)
+            previousTheme = retainedCandidate;
+        retainedCandidate = null;
+        if (previousTheme && !themeApplied(previousTheme))
+            void requestTheme(previousTheme);
         publish();
         readinessTimer = later(() => {
             if (state.key !== key || state.generation !== generation || !loading())
@@ -181,10 +308,15 @@ export function createFrameController({ sessionId, host, request, suspended, tra
                 feedbackOnly: value.savePolicy === "feedback-only",
                 executionNotice: typeof value.executionNotice === "string" ? value.executionNotice : null,
             };
-            state.phase = { kind: "ready" };
-            host.ready(state.execution);
-            publish();
-            return state.execution;
+            if (!state.policy || !state.key)
+                throw new Error("Missing frame policy.");
+            currentTheme = {
+                source: host.currentWindow, capability: state.capability, generation: state.generation,
+                pageKey: state.key, policy: { ...state.policy }, applied: null, pending: null,
+                failed: false, timer: null, settle: null, diagnosed: false,
+            };
+            await requestTheme(currentTheme);
+            return matches(started) && !loading() ? state.execution : null;
         }
         catch (error) {
             if (matches(started)) {
@@ -198,9 +330,9 @@ export function createFrameController({ sessionId, host, request, suspended, tra
     function configurationTimeout() {
         if (!host.previous)
             return;
-        cancelTimer(replacementTimer);
+        cancelTimer(configurationTimer);
         const started = identity();
-        replacementTimer = later(() => {
+        configurationTimer = later(() => {
             if (matches(started) && host.previous) {
                 fail("The page did not confirm its review settings. Reload before continuing.");
             }
@@ -211,6 +343,7 @@ export function createFrameController({ sessionId, host, request, suspended, tra
             return Promise.resolve(false);
         configuration?.settle(false);
         expectedConfiguration = { mode, savePolicy };
+        state.configurationGeneration = null;
         configurationTimeout();
         if (!wait) {
             send({ type: "eh:configureReview", mode, savePolicy });
@@ -252,6 +385,40 @@ export function createFrameController({ sessionId, host, request, suspended, tra
     return {
         get state() { return state; },
         get loading() { return loading(); },
+        get themeSync() {
+            const channels = [currentTheme, previousTheme].filter((channel) => channel !== null);
+            const failure = channels.some((channel) => channel.failed);
+            return {
+                desired: { ...desired },
+                status: failure ? "failed" : channels.some((channel) => channel.pending) ? "pending" :
+                    themeApplied(currentTheme) ? "applied" : "idle",
+                appliedRevision: currentTheme?.applied?.themeRevision ?? null,
+                message: failure ? "Annotation theme synchronization was not confirmed. Your page and drafts are unchanged. Retry theme without reloading." : null,
+            };
+        },
+        setTheme(theme) {
+            if (!alive() || (theme !== "light" && theme !== "dark") || desired.theme === theme)
+                return;
+            if (desired.themeRevision === Number.MAX_SAFE_INTEGER)
+                throw new Error("Theme revision limit reached.");
+            desired = { theme, themeRevision: desired.themeRevision + 1 };
+            if (currentTheme)
+                void requestTheme(currentTheme);
+            if (previousTheme && previousTheme.source === host.previousWindow)
+                void requestTheme(previousTheme);
+            publish();
+        },
+        async retryTheme() {
+            if (!alive())
+                return false;
+            const pending = [];
+            if (currentTheme)
+                pending.push(requestTheme(currentTheme));
+            if (previousTheme && previousTheme.source === host.previousWindow)
+                pending.push(requestTheme(previousTheme));
+            return pending.length > 0 && (await Promise.all(pending)).every(Boolean);
+        },
+        handleThemeMessage,
         identity, matches, begin, register, suspend, ready, configure, flush, send, fail,
         subscribe(listener) {
             listeners.add(listener);
@@ -277,16 +444,20 @@ export function createFrameController({ sessionId, host, request, suspended, tra
                 return false;
             return value.capability === state.capability && value.generation === state.generation &&
                 value.pageKey === state.key && typeof value.type === "string" &&
-                (!loading() || value.type === "eh:ready");
+                (!loading() || value.type === "eh:ready" ||
+                    (state.phase.kind === "confirming" && value.type === "eh:themeApplied" &&
+                        isThemePayload(value) && value.theme === currentTheme?.pending?.theme &&
+                        value.themeRevision === currentTheme.pending.themeRevision));
         },
         configured(mode, savePolicy) {
             if (!expectedConfiguration || expectedConfiguration.mode !== mode ||
                 expectedConfiguration.savePolicy !== savePolicy || loading())
                 return false;
+            // Confirmation is complete even when background tabs pause the visual handoff.
+            cancelTimer(configurationTimer);
+            configurationTimer = null;
             state.configurationGeneration = state.generation;
-            if (host.previous)
-                host.afterPaint(() => { if (!loading())
-                    finishReplacement(); });
+            handoff();
             if (configuration && configuration.mode === mode && configuration.savePolicy === savePolicy) {
                 configuration.settle(true);
             }
@@ -306,6 +477,7 @@ export function createFrameController({ sessionId, host, request, suspended, tra
             suspend();
             state.phase = { kind: "disposed" };
             stopLoad();
+            stopRemoval();
             host.dispose();
             listeners.clear();
         },

package/lib/frame-host.js

@@ -4,6 +4,7 @@ export function createFrameHost(initial, artifactOrigin) {
     let disposed = false;
     const loadListeners = new Set();
     const focusListeners = new Set();
+    const removalListeners = new Set();
     const detach = new Map();
     const paintFrames = new Set();
     function paint(callback) {
@@ -41,6 +42,12 @@ export function createFrameHost(initial, artifactOrigin) {
     return {
         get current() { return current; },
         get previous() { return previous; },
+        get currentWindow() { return current.contentWindow; },
+        get previousWindow() { return previous?.contentWindow || null; },
+        onPreviousRemoved(listener) {
+            removalListeners.add(listener);
+            return () => { removalListeners.delete(listener); };
+        },
         get visibleExecution() {
             const visible = previous || current;
             const savePolicy = visible.dataset.savePolicy;
@@ -98,6 +105,8 @@ export function createFrameHost(initial, artifactOrigin) {
             if (previous)
                 remove(previous);
             previous = null;
+            for (const listener of removalListeners)
+                listener();
             delete current.dataset.replacing;
         },
         suspend() { current.removeAttribute("data-sdk-ready"); },
@@ -131,6 +140,7 @@ export function createFrameHost(initial, artifactOrigin) {
             paintFrames.clear();
             loadListeners.clear();
             focusListeners.clear();
+            removalListeners.clear();
         },
     };
 }

package/lib/paths.js

@@ -2,9 +2,9 @@ import { createHash } from "node:crypto";
 import { homedir } from "node:os";
 import path from "node:path";
 import fs from "node:fs";
-// Bump this when the CLI and detached server no longer share the same request
-// contract. A new CLI must not silently reuse an older background server.
-export const SERVER_PROTOCOL = 17;
+// Bump for incompatible CLI/server or shell/SDK contracts, including readiness.
+// A new CLI must not silently reuse an older background server.
+export const SERVER_PROTOCOL = 18;
 export function serverProtocolMatches(protocol) {
     return Number(protocol) === SERVER_PROTOCOL;
 }

package/lib/recovery-controller.js

@@ -26,6 +26,9 @@ export function createRecoveryController(options) {
             reloadMessage: context.reload.message, reloadError: context.reload.error,
             canReload: !disposed && visible && context.reload.visible && !!context.identity.key && (!context.loading || !!context.frameError) && !reloadBusy,
             reloadBusy,
+            themeVisible: visible && context.themeSync?.status === "failed",
+            themeMessage: context.themeSync?.message || "",
+            canRetryTheme: !disposed && visible && context.themeSync?.status === "failed" && !!options.retryTheme,
             status: visible && !context.reload.visible ? (context.frameError || error || view.status || (busy ? "Updating page recovery settings…" : "")) : "",
             statusError: !!context.frameError || !!error,
         };
@@ -105,6 +108,12 @@ export function createRecoveryController(options) {
         getSnapshot: store.getSnapshot, subscribe: store.subscribe, publish,
         commands: {
             setMenuOpen, recover, reload,
+            async retryTheme() {
+                if (!project().canRetryTheme)
+                    return;
+                await options.retryTheme?.();
+                publish();
+            },
             keepCurrent() {
                 if (disposed || !project().reloadVisible || reloadBusy)
                     return;

package/lib/review-palette.js

@@ -0,0 +1,97 @@
+// Build-time only. Browser styles are generated, never imported from this module.
+export const REVIEW_PALETTE = {
+    light: {
+        background: "#F5F2EA",
+        foreground: "#292E2B",
+        card: "#FFFDF7",
+        "card-foreground": "#292E2B",
+        popover: "#FFFDF7",
+        "popover-foreground": "#292E2B",
+        primary: "#17685F",
+        "primary-foreground": "#FFFDF7",
+        secondary: "#ECEDE5",
+        "secondary-foreground": "#626B65",
+        muted: "#ECEDE5",
+        "muted-foreground": "#626B65",
+        accent: "#E1EEEA",
+        "accent-foreground": "#17685F",
+        destructive: "#B43C48",
+        "destructive-foreground": "#FFFDF7",
+        border: "#D8D8CC",
+        input: "#7C877D",
+        ring: "#17685F",
+        "review-added": "#EFF3E2",
+        "review-added-foreground": "#4D6B24",
+        "review-added-border": "#82945E",
+        "review-removed": "#FCECEF",
+        "review-removed-foreground": "#B43C48",
+        "review-removed-border": "#C88791",
+        "review-modified": "#FFF1D9",
+        "review-modified-foreground": "#915B13",
+        "review-modified-border": "#B99157",
+        "review-count-added": "#4D6B24",
+        "review-count-removed": "#B43C48",
+        "review-count-modified": "#915B13",
+        "review-insert": "#DCE7C5",
+        "review-delete": "#FAE2E7",
+        "review-overlay": "#191F1D80",
+        "review-shadow-color": "#191F1D26",
+        "annotation-foreground": "#75470E",
+        "annotation-background": "#FFF1D9",
+        "annotation-active": "#F5D6A3",
+        "annotation-border": "#915B13",
+        "annotation-tint": "#915B131A",
+        "annotation-active-tint": "#915B132E",
+        "halo-light": "#FFFDF7",
+        "halo-dark": "#191F1D",
+    },
+    dark: {
+        background: "#191F1D",
+        foreground: "#EEEFE6",
+        card: "#222A26",
+        "card-foreground": "#EEEFE6",
+        popover: "#222A26",
+        "popover-foreground": "#EEEFE6",
+        primary: "#85C7B8",
+        "primary-foreground": "#102F29",
+        secondary: "#303A33",
+        "secondary-foreground": "#AFB9AF",
+        muted: "#303A33",
+        "muted-foreground": "#AFB9AF",
+        accent: "#293F37",
+        "accent-foreground": "#85C7B8",
+        destructive: "#F2A2AB",
+        "destructive-foreground": "#40272C",
+        border: "#3C4841",
+        input: "#77877B",
+        ring: "#85C7B8",
+        "review-added": "#2B3522",
+        "review-added-foreground": "#BBCD87",
+        "review-added-border": "#6F8347",
+        "review-removed": "#40272C",
+        "review-removed-foreground": "#F2A2AB",
+        "review-removed-border": "#A96572",
+        "review-modified": "#3D3020",
+        "review-modified-foreground": "#E7BB72",
+        "review-modified-border": "#9C7A46",
+        "review-count-added": "#BBCD87",
+        "review-count-removed": "#F2A2AB",
+        "review-count-modified": "#E7BB72",
+        "review-insert": "#3E4D2D",
+        "review-delete": "#633944",
+        "review-overlay": "#191F1DB3",
+        "review-shadow-color": "#00000066",
+        "annotation-foreground": "#F1CC8E",
+        "annotation-background": "#3D3020",
+        "annotation-active": "#594325",
+        "annotation-border": "#E7BB72",
+        "annotation-tint": "#E7BB721A",
+        "annotation-active-tint": "#E7BB722E",
+        "halo-light": "#FFFDF7",
+        "halo-dark": "#191F1D",
+    },
+};
+export const BRAND_COLORS = {
+    tile: REVIEW_PALETTE.light.primary,
+    bubble: REVIEW_PALETTE.light.card,
+};