@abelfubu/dv 0.1.0

package/dist/themes/github.json

@@ -0,0 +1,247 @@
+{
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+        "darkBg": "#000000",
+        "darkBgPanel": "#0d1117",
+        "darkBgElement": "#161b22",
+        "darkFg": "#e6edf3",
+        "darkFgMuted": "#8b949e",
+        "darkConceal": "#484f58",
+        "darkBorder": "#30363d",
+        "darkBorderSubtle": "#21262d",
+        "darkKeyword": "#ff7b72",
+        "darkString": "#a5d6ff",
+        "darkConstant": "#79c0ff",
+        "darkVariable": "#ffa657",
+        "darkFunction": "#d2a8ff",
+        "darkTag": "#7ee787",
+        "darkGreen": "#3fb950",
+        "darkRed": "#f85149",
+        "darkOrange": "#d29922",
+        "darkYellow": "#e3b341",
+        "darkCyan": "#39c5cf",
+        "lightBg": "#ffffff",
+        "lightBgAlt": "#f6f8fa",
+        "lightBgPanel": "#f0f3f6",
+        "lightFg": "#24292f",
+        "lightFgMuted": "#57606a",
+        "lightConceal": "#8c959f",
+        "lightKeyword": "#cf222e",
+        "lightString": "#0a3069",
+        "lightConstant": "#0550ae",
+        "lightVariable": "#953800",
+        "lightFunction": "#8250df",
+        "lightTag": "#116329",
+        "lightGreen": "#1a7f37",
+        "lightRed": "#cf222e",
+        "lightOrange": "#bc4c00",
+        "lightYellow": "#9a6700",
+        "lightCyan": "#1b7c83"
+    },
+    "theme": {
+        "primary": {
+            "dark": "darkConstant",
+            "light": "lightConstant"
+        },
+        "secondary": {
+            "dark": "darkFunction",
+            "light": "lightFunction"
+        },
+        "accent": {
+            "dark": "darkCyan",
+            "light": "lightCyan"
+        },
+        "error": {
+            "dark": "darkRed",
+            "light": "lightRed"
+        },
+        "warning": {
+            "dark": "darkYellow",
+            "light": "lightYellow"
+        },
+        "success": {
+            "dark": "darkGreen",
+            "light": "lightGreen"
+        },
+        "info": {
+            "dark": "darkOrange",
+            "light": "lightOrange"
+        },
+        "text": {
+            "dark": "darkFg",
+            "light": "lightFg"
+        },
+        "textMuted": {
+            "dark": "darkFgMuted",
+            "light": "lightFgMuted"
+        },
+        "background": {
+            "dark": "darkBg",
+            "light": "lightBg"
+        },
+        "backgroundPanel": {
+            "dark": "darkBg",
+            "light": "lightBgAlt"
+        },
+        "backgroundElement": {
+            "dark": "darkBgPanel",
+            "light": "lightBgPanel"
+        },
+        "border": {
+            "dark": "darkBorderSubtle",
+            "light": "#d0d7de"
+        },
+        "borderActive": {
+            "dark": "darkConstant",
+            "light": "lightConstant"
+        },
+        "borderSubtle": {
+            "dark": "#161b22",
+            "light": "#d8dee4"
+        },
+        "diffAdded": {
+            "dark": "darkTag",
+            "light": "lightTag"
+        },
+        "diffRemoved": {
+            "dark": "#ffa198",
+            "light": "lightRed"
+        },
+        "diffContext": {
+            "dark": "darkFgMuted",
+            "light": "lightFgMuted"
+        },
+        "diffHunkHeader": {
+            "dark": "darkFunction",
+            "light": "lightFunction"
+        },
+        "diffHighlightAdded": {
+            "dark": "darkTag",
+            "light": "lightTag"
+        },
+        "diffHighlightRemoved": {
+            "dark": "#ffa198",
+            "light": "lightRed"
+        },
+        "diffAddedBg": {
+            "dark": "#080f0b",
+            "light": "#f0fff4"
+        },
+        "diffRemovedBg": {
+            "dark": "#120a0a",
+            "light": "#fff7f6"
+        },
+        "diffContextBg": {
+            "dark": "darkBg",
+            "light": "lightBgAlt"
+        },
+        "diffLineNumber": {
+            "dark": "#6e7681",
+            "light": "#afb8c1"
+        },
+        "diffAddedLineNumberBg": {
+            "dark": "#0c1c10",
+            "light": "#e4f9e9"
+        },
+        "diffRemovedLineNumberBg": {
+            "dark": "#1c0d0e",
+            "light": "#ffe8e6"
+        },
+        "markdownText": {
+            "dark": "darkFg",
+            "light": "lightFg"
+        },
+        "markdownHeading": {
+            "dark": "darkConstant",
+            "light": "lightConstant"
+        },
+        "markdownLink": {
+            "dark": "darkString",
+            "light": "lightString"
+        },
+        "markdownLinkText": {
+            "dark": "darkCyan",
+            "light": "lightCyan"
+        },
+        "markdownCode": {
+            "dark": "darkConstant",
+            "light": "lightConstant"
+        },
+        "markdownBlockQuote": {
+            "dark": "darkTag",
+            "light": "lightTag"
+        },
+        "markdownEmph": {
+            "dark": "darkFg",
+            "light": "lightFg"
+        },
+        "markdownStrong": {
+            "dark": "darkFg",
+            "light": "lightFg"
+        },
+        "markdownHorizontalRule": {
+            "dark": "darkBorder",
+            "light": "#d0d7de"
+        },
+        "markdownListItem": {
+            "dark": "darkVariable",
+            "light": "lightVariable"
+        },
+        "markdownListEnumeration": {
+            "dark": "darkVariable",
+            "light": "lightVariable"
+        },
+        "markdownImage": {
+            "dark": "darkString",
+            "light": "lightString"
+        },
+        "markdownImageText": {
+            "dark": "darkCyan",
+            "light": "lightCyan"
+        },
+        "markdownCodeBlock": {
+            "dark": "darkFg",
+            "light": "lightFg"
+        },
+        "syntaxComment": {
+            "dark": "darkFgMuted",
+            "light": "lightFgMuted"
+        },
+        "syntaxKeyword": {
+            "dark": "darkKeyword",
+            "light": "lightKeyword"
+        },
+        "syntaxFunction": {
+            "dark": "darkFunction",
+            "light": "lightFunction"
+        },
+        "syntaxVariable": {
+            "dark": "darkVariable",
+            "light": "lightVariable"
+        },
+        "syntaxString": {
+            "dark": "darkString",
+            "light": "lightString"
+        },
+        "syntaxNumber": {
+            "dark": "darkConstant",
+            "light": "lightConstant"
+        },
+        "syntaxType": {
+            "dark": "darkVariable",
+            "light": "lightVariable"
+        },
+        "syntaxOperator": {
+            "dark": "darkKeyword",
+            "light": "lightKeyword"
+        },
+        "syntaxPunctuation": {
+            "dark": "darkFg",
+            "light": "lightFg"
+        },
+        "conceal": {
+            "dark": "darkConceal",
+            "light": "lightConceal"
+        }
+    }
+}

package/dist/themes.d.ts

@@ -0,0 +1,59 @@
+import { RGBA } from "@opentuah/core";
+export interface ResolvedTheme {
+    primary: RGBA;
+    success: RGBA;
+    error: RGBA;
+    warning: RGBA;
+    info: RGBA;
+    syntaxComment: RGBA;
+    syntaxKeyword: RGBA;
+    syntaxFunction: RGBA;
+    syntaxVariable: RGBA;
+    syntaxString: RGBA;
+    syntaxNumber: RGBA;
+    syntaxType: RGBA;
+    syntaxOperator: RGBA;
+    syntaxPunctuation: RGBA;
+    text: RGBA;
+    textMuted: RGBA;
+    conceal: RGBA;
+    diffAdded: RGBA;
+    diffRemoved: RGBA;
+    diffAddedBg: RGBA;
+    diffRemovedBg: RGBA;
+    diffContextBg: RGBA;
+    diffAddedLineNumberBg: RGBA;
+    diffRemovedLineNumberBg: RGBA;
+    diffLineNumber: RGBA;
+    background: RGBA;
+    backgroundPanel: RGBA;
+    markdownText: RGBA;
+    markdownHeading: RGBA;
+    markdownLink: RGBA;
+    markdownLinkText: RGBA;
+    markdownCode: RGBA;
+    markdownBlockQuote: RGBA;
+    markdownEmph: RGBA;
+    markdownStrong: RGBA;
+    markdownHorizontalRule: RGBA;
+    markdownListItem: RGBA;
+    markdownListEnumeration: RGBA;
+    markdownImage: RGBA;
+    markdownImageText: RGBA;
+    markdownCodeBlock: RGBA;
+}
+export interface SyntaxThemeStyle {
+    fg: RGBA;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+}
+export interface SyntaxTheme {
+    [key: string]: SyntaxThemeStyle;
+}
+export declare function getResolvedTheme(name: string, mode?: "dark" | "light"): ResolvedTheme;
+export declare function getSyntaxTheme(name: string, mode?: "dark" | "light", italicsEnabled?: boolean): SyntaxTheme;
+export declare const themeNames: string[];
+export declare const defaultThemeName = "github";
+export declare function rgbaToHex(rgba: RGBA): string;
+//# sourceMappingURL=themes.d.ts.map

package/dist/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAIA,OAAO,EAAc,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAsBlD,MAAM,WAAW,aAAa;IAE5B,OAAO,EAAE,IAAI,CAAC;IAEd,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,IAAI,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IAEX,aAAa,EAAE,IAAI,CAAC;IACpB,aAAa,EAAE,IAAI,CAAC;IACpB,cAAc,EAAE,IAAI,CAAC;IACrB,cAAc,EAAE,IAAI,CAAC;IACrB,YAAY,EAAE,IAAI,CAAC;IACnB,YAAY,EAAE,IAAI,CAAC;IACnB,UAAU,EAAE,IAAI,CAAC;IACjB,cAAc,EAAE,IAAI,CAAC;IACrB,iBAAiB,EAAE,IAAI,CAAC;IAExB,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;IAEd,SAAS,EAAE,IAAI,CAAC;IAChB,WAAW,EAAE,IAAI,CAAC;IAElB,WAAW,EAAE,IAAI,CAAC;IAClB,aAAa,EAAE,IAAI,CAAC;IACpB,aAAa,EAAE,IAAI,CAAC;IACpB,qBAAqB,EAAE,IAAI,CAAC;IAC5B,uBAAuB,EAAE,IAAI,CAAC;IAC9B,cAAc,EAAE,IAAI,CAAC;IAErB,UAAU,EAAE,IAAI,CAAC;IACjB,eAAe,EAAE,IAAI,CAAC;IAEtB,YAAY,EAAE,IAAI,CAAC;IACnB,eAAe,EAAE,IAAI,CAAC;IACtB,YAAY,EAAE,IAAI,CAAC;IACnB,gBAAgB,EAAE,IAAI,CAAC;IACvB,YAAY,EAAE,IAAI,CAAC;IACnB,kBAAkB,EAAE,IAAI,CAAC;IACzB,YAAY,EAAE,IAAI,CAAC;IACnB,cAAc,EAAE,IAAI,CAAC;IACrB,sBAAsB,EAAE,IAAI,CAAC;IAC7B,gBAAgB,EAAE,IAAI,CAAC;IACvB,uBAAuB,EAAE,IAAI,CAAC;IAC9B,aAAa,EAAE,IAAI,CAAC;IACpB,iBAAiB,EAAE,IAAI,CAAC;IACxB,iBAAiB,EAAE,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,IAAI,CAAC;IACT,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC;CACjC;AAgKD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,EACZ,IAAI,GAAE,MAAM,GAAG,OAAgB,GAC9B,aAAa,CAGf;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,EACZ,IAAI,GAAE,MAAM,GAAG,OAAgB,EAC/B,cAAc,GAAE,OAAc,GAC7B,WAAW,CA6Eb;AAED,eAAO,MAAM,UAAU,UAAkC,CAAC;AAE1D,eAAO,MAAM,gBAAgB,WAAW,CAAC;AAGzC,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAW5C"}

package/dist/themes.js

@@ -0,0 +1,248 @@
+// Syntax highlighting theme system with 30+ themes from OpenCode.
+// Loads JSON theme files lazily on demand, resolves color references,
+// and provides both UI colors and Tree-sitter compatible syntax styles.
+import { parseColor, RGBA } from "@opentuah/core";
+import path from "path";
+import { fileURLToPath } from "url";
+// Only import the default theme statically for fast startup
+// Other themes are loaded on-demand when selected
+import github from "./themes/github.json";
+// Theme name to file mapping for lazy loading
+const THEME_FILES = {
+    aura: "aura.json",
+    ayu: "ayu.json",
+    catppuccin: "catppuccin.json",
+    "catppuccin-frappe": "catppuccin-frappe.json",
+    "catppuccin-macchiato": "catppuccin-macchiato.json",
+    cobalt2: "cobalt2.json",
+    cursor: "cursor.json",
+    dracula: "dracula.json",
+    everforest: "everforest.json",
+    flexoki: "flexoki.json",
+    github: "github.json",
+    "github-light": "github-light.json",
+    gruvbox: "gruvbox.json",
+    kanagawa: "kanagawa.json",
+    "lucent-orng": "lucent-orng.json",
+    material: "material.json",
+    matrix: "matrix.json",
+    mercury: "mercury.json",
+    "muted-slate": "muted-slate.json",
+    monokai: "monokai.json",
+    nightowl: "nightowl.json",
+    nord: "nord.json",
+    "one-dark": "one-dark.json",
+    opencode: "opencode.json",
+    "opencode-light": "opencode-light.json",
+    orng: "orng.json",
+    palenight: "palenight.json",
+    rosepine: "rosepine.json",
+    solarized: "solarized.json",
+    synthwave84: "synthwave84.json",
+    tokyonight: "tokyonight.json",
+    vercel: "vercel.json",
+    vesper: "vesper.json",
+    zenburn: "zenburn.json",
+};
+// Cache for loaded themes
+const themeCache = {
+    github, // Pre-loaded default theme
+};
+// Synchronously load a theme (themes are small JSON files)
+function loadTheme(name) {
+    if (themeCache[name]) {
+        return themeCache[name];
+    }
+    const fileName = THEME_FILES[name];
+    if (!fileName) {
+        return github; // Fallback to default
+    }
+    try {
+        // Resolve to src/themes/ — when built, import.meta.url is dist/, so ../src/ gets back to source
+        const srcDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "../src");
+        const themePath = path.resolve(srcDir, "themes", fileName);
+        const fs = require("fs");
+        const content = fs.readFileSync(themePath, "utf-8");
+        const themeJson = JSON.parse(content);
+        themeCache[name] = themeJson;
+        return themeJson;
+    }
+    catch {
+        return github; // Fallback to default
+    }
+}
+function resolveTheme(themeJson, mode) {
+    const defs = themeJson.defs ?? {};
+    function resolveColor(c) {
+        if (typeof c === "string") {
+            if (c === "transparent" || c === "none")
+                return RGBA.fromInts(0, 0, 0, 0);
+            if (c.startsWith("#"))
+                return parseColor(c);
+            // Reference to defs
+            if (defs[c] != null) {
+                return resolveColor(defs[c]);
+            }
+            // Reference to another theme property
+            if (themeJson.theme[c] !== undefined) {
+                return resolveColor(themeJson.theme[c]);
+            }
+            // Fallback
+            return RGBA.fromInts(128, 128, 128, 255);
+        }
+        // Variant with dark/light
+        return resolveColor(c[mode]);
+    }
+    const t = themeJson.theme;
+    const fallbackGray = "#808080";
+    const fallbackBg = "#1e1e1e";
+    const fallbackText = "#d4d4d4";
+    const text = resolveColor(t.text ?? fallbackText);
+    // Fallback colors for status (green, red, yellow, orange)
+    const fallbackGreen = "#3fb950";
+    const fallbackRed = "#f85149";
+    const fallbackYellow = "#e3b341";
+    const fallbackOrange = "#d29922";
+    return {
+        primary: resolveColor(t.primary ?? t.syntaxFunction ?? fallbackGray),
+        // Status colors
+        success: resolveColor(t.success ?? fallbackGreen),
+        error: resolveColor(t.error ?? fallbackRed),
+        warning: resolveColor(t.warning ?? fallbackYellow),
+        info: resolveColor(t.info ?? fallbackOrange),
+        // Syntax colors
+        syntaxComment: resolveColor(t.syntaxComment ?? fallbackGray),
+        syntaxKeyword: resolveColor(t.syntaxKeyword ?? fallbackGray),
+        syntaxFunction: resolveColor(t.syntaxFunction ?? fallbackGray),
+        syntaxVariable: resolveColor(t.syntaxVariable ?? fallbackGray),
+        syntaxString: resolveColor(t.syntaxString ?? fallbackGray),
+        syntaxNumber: resolveColor(t.syntaxNumber ?? fallbackGray),
+        syntaxType: resolveColor(t.syntaxType ?? fallbackGray),
+        syntaxOperator: resolveColor(t.syntaxOperator ?? fallbackGray),
+        syntaxPunctuation: resolveColor(t.syntaxPunctuation ?? fallbackGray),
+        text,
+        textMuted: resolveColor(t.textMuted ?? fallbackGray),
+        conceal: resolveColor(t.conceal ?? t.textMuted ?? fallbackGray),
+        // Diff foreground colors
+        diffAdded: resolveColor(t.diffAdded ?? t.success ?? fallbackGreen),
+        diffRemoved: resolveColor(t.diffRemoved ?? t.error ?? fallbackRed),
+        // Diff background colors
+        diffAddedBg: resolveColor(t.diffAddedBg ?? "#1e3a1e"),
+        diffRemovedBg: resolveColor(t.diffRemovedBg ?? "#3a1e1e"),
+        diffContextBg: resolveColor(t.diffContextBg ?? fallbackBg),
+        diffAddedLineNumberBg: resolveColor(t.diffAddedLineNumberBg ?? "#1e3a1e"),
+        diffRemovedLineNumberBg: resolveColor(t.diffRemovedLineNumberBg ?? "#3a1e1e"),
+        diffLineNumber: resolveColor(t.diffLineNumber ?? fallbackGray),
+        background: resolveColor(t.background ?? fallbackBg),
+        backgroundPanel: resolveColor(t.backgroundPanel ?? fallbackBg),
+        // Markdown colors - fallback to text/syntax colors if not defined
+        markdownText: resolveColor(t.markdownText ?? t.text ?? fallbackText),
+        markdownHeading: resolveColor(t.markdownHeading ?? t.primary ?? fallbackGray),
+        markdownLink: resolveColor(t.markdownLink ?? t.syntaxString ?? fallbackGray),
+        markdownLinkText: resolveColor(t.markdownLinkText ?? t.primary ?? fallbackGray),
+        markdownCode: resolveColor(t.markdownCode ?? t.syntaxString ?? fallbackGray),
+        markdownBlockQuote: resolveColor(t.markdownBlockQuote ?? t.syntaxComment ?? fallbackGray),
+        markdownEmph: resolveColor(t.markdownEmph ?? t.text ?? fallbackText),
+        markdownStrong: resolveColor(t.markdownStrong ?? t.text ?? fallbackText),
+        markdownHorizontalRule: resolveColor(t.markdownHorizontalRule ?? fallbackGray),
+        markdownListItem: resolveColor(t.markdownListItem ?? t.syntaxKeyword ?? fallbackGray),
+        markdownListEnumeration: resolveColor(t.markdownListEnumeration ?? t.syntaxNumber ?? fallbackGray),
+        markdownImage: resolveColor(t.markdownImage ?? t.syntaxString ?? fallbackGray),
+        markdownImageText: resolveColor(t.markdownImageText ?? t.primary ?? fallbackGray),
+        markdownCodeBlock: resolveColor(t.markdownCodeBlock ?? t.text ?? fallbackText),
+    };
+}
+export function getResolvedTheme(name, mode = "dark") {
+    const themeJson = loadTheme(name);
+    return resolveTheme(themeJson, mode);
+}
+export function getSyntaxTheme(name, mode = "dark", italicsEnabled = true) {
+    const resolved = getResolvedTheme(name, mode);
+    const style = (s) => {
+        if (italicsEnabled)
+            return s;
+        const { italic, ...rest } = s;
+        return rest;
+    };
+    return {
+        // Default text style
+        default: { fg: resolved.text },
+        // Code syntax styles
+        keyword: style({ fg: resolved.syntaxKeyword, italic: true }),
+        "keyword.import": { fg: resolved.syntaxKeyword },
+        "keyword.return": style({ fg: resolved.syntaxKeyword, italic: true }),
+        "keyword.conditional": style({ fg: resolved.syntaxKeyword, italic: true }),
+        "keyword.repeat": style({ fg: resolved.syntaxKeyword, italic: true }),
+        "keyword.type": style({ fg: resolved.syntaxType, bold: true, italic: true }),
+        "keyword.function": { fg: resolved.syntaxFunction },
+        "keyword.operator": { fg: resolved.syntaxOperator },
+        "keyword.modifier": style({ fg: resolved.syntaxKeyword, italic: true }),
+        "keyword.exception": style({ fg: resolved.syntaxKeyword, italic: true }),
+        string: { fg: resolved.syntaxString },
+        symbol: { fg: resolved.syntaxString },
+        comment: style({ fg: resolved.syntaxComment, italic: true }),
+        "comment.documentation": style({ fg: resolved.syntaxComment, italic: true }),
+        number: { fg: resolved.syntaxNumber },
+        boolean: { fg: resolved.syntaxNumber },
+        constant: { fg: resolved.syntaxNumber },
+        function: { fg: resolved.syntaxFunction },
+        "function.call": { fg: resolved.syntaxFunction },
+        "function.method": { fg: resolved.syntaxFunction },
+        "function.method.call": { fg: resolved.syntaxVariable },
+        constructor: { fg: resolved.syntaxFunction },
+        type: { fg: resolved.syntaxType },
+        module: { fg: resolved.syntaxType },
+        class: { fg: resolved.syntaxType },
+        operator: { fg: resolved.syntaxOperator },
+        variable: { fg: resolved.syntaxVariable },
+        "variable.parameter": { fg: resolved.syntaxVariable },
+        "variable.member": { fg: resolved.syntaxFunction },
+        property: { fg: resolved.syntaxVariable },
+        parameter: { fg: resolved.syntaxVariable },
+        bracket: { fg: resolved.syntaxPunctuation },
+        punctuation: { fg: resolved.syntaxPunctuation },
+        "punctuation.bracket": { fg: resolved.syntaxPunctuation },
+        "punctuation.delimiter": { fg: resolved.syntaxOperator },
+        "punctuation.special": { fg: resolved.syntaxOperator },
+        // Markdown styles - these are the Tree-sitter scope names for markdown
+        "markup.heading": { fg: resolved.markdownHeading, bold: true },
+        "markup.heading.1": { fg: resolved.markdownHeading, bold: true },
+        "markup.heading.2": { fg: resolved.markdownHeading, bold: true },
+        "markup.heading.3": { fg: resolved.markdownHeading, bold: true },
+        "markup.heading.4": { fg: resolved.markdownHeading, bold: true },
+        "markup.heading.5": { fg: resolved.markdownHeading, bold: true },
+        "markup.heading.6": { fg: resolved.markdownHeading, bold: true },
+        "markup.bold": { fg: resolved.markdownStrong, bold: true },
+        "markup.strong": { fg: resolved.markdownStrong, bold: true },
+        "markup.italic": style({ fg: resolved.markdownEmph, italic: true }),
+        "markup.list": { fg: resolved.markdownListItem },
+        "markup.quote": style({ fg: resolved.markdownBlockQuote, italic: true }),
+        "markup.raw": { fg: resolved.markdownCode },
+        "markup.raw.block": { fg: resolved.markdownCode },
+        "markup.raw.inline": { fg: resolved.markdownCode },
+        "markup.link": { fg: resolved.markdownLink, underline: true },
+        "markup.link.label": { fg: resolved.markdownLinkText, underline: true },
+        "markup.link.url": { fg: resolved.markdownLink, underline: true },
+        label: { fg: resolved.markdownLinkText },
+        spell: { fg: resolved.text },
+        nospell: { fg: resolved.text },
+        conceal: { fg: resolved.conceal || resolved.textMuted },
+        "string.special": { fg: resolved.markdownLink, underline: true },
+        "string.special.url": { fg: resolved.markdownLink, underline: true },
+    };
+}
+export const themeNames = Object.keys(THEME_FILES).sort();
+export const defaultThemeName = "github";
+// Helper to convert RGBA to hex string
+export function rgbaToHex(rgba) {
+    const r = Math.round(rgba.r * 255)
+        .toString(16)
+        .padStart(2, "0");
+    const g = Math.round(rgba.g * 255)
+        .toString(16)
+        .padStart(2, "0");
+    const b = Math.round(rgba.b * 255)
+        .toString(16)
+        .padStart(2, "0");
+    return `#${r}${g}${b}`;
+}

package/dist/tree-icons.d.ts

@@ -0,0 +1,4 @@
+export declare const FOLDER_ICON_CLOSED = "\uDB80\uDE4B";
+export declare const FOLDER_ICON_OPEN = "\uDB81\uDF70";
+export declare function getFileIcon(path: string): string;
+//# sourceMappingURL=tree-icons.d.ts.map

package/dist/tree-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-icons.d.ts","sourceRoot":"","sources":["../src/tree-icons.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,iBAAO,CAAA;AACtC,eAAO,MAAM,gBAAgB,iBAAO,CAAA;AAapC,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGhD"}

package/dist/tree-icons.js

@@ -0,0 +1,18 @@
+// Tree icon utilities for sidebar file/folder nerd font icons
+// Structured for easy future fallback to ASCII icons
+export const FOLDER_ICON_CLOSED = "󰉋";
+export const FOLDER_ICON_OPEN = "󰝰";
+const extensionToIcon = {
+    ts: "󰛦",
+    tsx: "󰜈",
+    js: "󰌠",
+    jsx: "󰜈",
+    json: "󰘦",
+    md: "󰍔",
+    css: "󰌜",
+    html: "󰌝",
+};
+export function getFileIcon(path) {
+    const ext = path.split(".").pop()?.toLowerCase();
+    return ext ? (extensionToIcon[ext] ?? "󰈙") : "󰈙";
+}

package/dist/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function debounce<T extends (...args: any[]) => any>(fn: T, delay: number): (...args: Parameters<T>) => void;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAGA,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACxD,EAAE,EAAE,CAAC,EACL,KAAK,EAAE,MAAM,GACZ,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAWlC"}

package/dist/utils.js

@@ -0,0 +1,13 @@
+// General utility functions used across the application.
+// Currently provides debounce for rate-limiting file watcher callbacks.
+export function debounce(fn, delay) {
+    let timeoutId;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            fn(...args);
+        }, delay);
+    };
+}

package/dist/web-utils.d.ts

@@ -0,0 +1,56 @@
+import type { CapturedFrame, CapturedLine } from "@opentuah/core";
+export interface CaptureOptions {
+    cols: number;
+    maxRows: number;
+    themeName: string;
+    title?: string;
+    /** Wrap mode for long lines (default: "word") */
+    wrapMode?: "word" | "char" | "none";
+    /** Force split or unified view mode, bypassing auto-detection */
+    viewMode?: "split" | "unified";
+    /** Show privacy/expiry notice block at top (default: false, enabled for web uploads) */
+    showNotice?: boolean;
+    /** How long to wait for async rendering (tree-sitter) to stabilize.
+     *  Default: 500ms for interactive TUI, use 100ms for batch/web mode. */
+    stabilizeMs?: number;
+}
+export declare function renderDiffToFrame(diffContent: string, options: CaptureOptions): Promise<CapturedFrame>;
+/**
+ * Convert a file path to a URL-safe anchor slug.
+ * e.g. "src/components/foo-bar.tsx" → "src-components-foo-bar-tsx"
+ */
+export declare function slugifyFileName(name: string): string;
+/**
+ * Extract line numbers from a captured diff line's spans.
+ * In split view each row has two line number columns (old + new):
+ *   " " "29" " - " ...content... " " "29" " + " ...content...
+ * In unified view there's only one.
+ *
+ * Returns the new-file (right) line number when available,
+ * falling back to the old-file (left) number for deleted-only rows.
+ * Returns null for non-diff lines (headers, hunk markers, etc.).
+ */
+export declare function extractLineNumber(line: CapturedLine): string | null;
+/**
+ * Match a rendered tree file row and extract the file path label.
+ * Examples:
+ *   "│   ├── index.ts (+5,-2)"
+ *   "└── README.md (-15)"
+ */
+export declare function extractTreeFilePath(lineText: string): string | null;
+/**
+ * Build line-indexed anchors from file section layout positions.
+ * This avoids regex detection on rendered text, which can produce
+ * false positives when code lines mimic file-header patterns.
+ */
+export declare function buildAnchorMap(sections: Array<{
+    lineIndex: number;
+    fileName: string;
+}>): Map<number, {
+    id: string;
+    label: string;
+}>;
+/**
+ * Capture diff and convert to HTML using test renderer
+ */
+//# sourceMappingURL=web-utils.d.ts.map

package/dist/web-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-utils.d.ts","sourceRoot":"","sources":["../src/web-utils.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAiB,aAAa,EAAE,YAAY,EAA+B,MAAM,gBAAgB,CAAA;AAG7G,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;IACnC,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,wFAAwF;IACxF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;4EACwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AA2UD,wBAAsB,iBAAiB,CACrC,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,cAAc,GACtB,OAAO,CAAC,aAAa,CAAC,CAGxB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAMpD;AAYD;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,GAAG,MAAM,GAAG,IAAI,CAwBnE;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAInE;AAUD;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,KAAK,CAAC;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,GACvD,GAAG,CAAC,MAAM,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAgB5C;AAiCD;;GAEG"}