@mxml3gend/gloss 0.1.0 → 0.1.2

package/dist/gitDiff.js

@@ -0,0 +1,113 @@
+import { execFile } from "node:child_process";
+import { promisify } from "node:util";
+import path from "node:path";
+import { readAllTranslations } from "./fs.js";
+import { flattenObject } from "./translationTree.js";
+const execFileAsync = promisify(execFile);
+const projectRoot = () => process.env.INIT_CWD || process.cwd();
+const normalizePath = (value) => value.split(path.sep).join("/");
+const runGit = async (cwd, args) => {
+    const { stdout } = await execFileAsync("git", args, { cwd });
+    return stdout.trim();
+};
+const resolveLocaleFileRelativePath = (cfg, locale, cwd) => {
+    const directory = path.isAbsolute(cfg.path) ? cfg.path : path.resolve(cwd, cfg.path);
+    const filePath = path.resolve(directory, `${locale}.json`);
+    return normalizePath(path.relative(cwd, filePath));
+};
+const readJsonFromGit = async (cwd, ref, fileRelativePath) => {
+    if (!fileRelativePath ||
+        fileRelativePath.startsWith("../") ||
+        path.isAbsolute(fileRelativePath)) {
+        return {};
+    }
+    try {
+        const raw = await runGit(cwd, ["show", `${ref}:${fileRelativePath}`]);
+        return JSON.parse(raw);
+    }
+    catch {
+        return {};
+    }
+};
+export async function buildGitKeyDiff(cfg, baseRef = "origin/main") {
+    const cwd = projectRoot();
+    try {
+        const insideRepo = await runGit(cwd, ["rev-parse", "--is-inside-work-tree"]);
+        if (insideRepo !== "true") {
+            return {
+                available: false,
+                baseRef,
+                generatedAt: new Date().toISOString(),
+                keys: [],
+                error: "Current directory is not a git repository.",
+            };
+        }
+    }
+    catch {
+        return {
+            available: false,
+            baseRef,
+            generatedAt: new Date().toISOString(),
+            keys: [],
+            error: "Git is not available in this project.",
+        };
+    }
+    let resolvedBaseRef = "";
+    try {
+        resolvedBaseRef = await runGit(cwd, ["rev-parse", "--verify", `${baseRef}^{commit}`]);
+    }
+    catch {
+        return {
+            available: false,
+            baseRef,
+            generatedAt: new Date().toISOString(),
+            keys: [],
+            error: `Base ref "${baseRef}" was not found.`,
+        };
+    }
+    const currentTranslations = await readAllTranslations(cfg);
+    const currentFlatByLocale = {};
+    const baseFlatByLocale = {};
+    for (const locale of cfg.locales) {
+        currentFlatByLocale[locale] = flattenObject((currentTranslations[locale] ?? {}));
+        const localeRelativePath = resolveLocaleFileRelativePath(cfg, locale, cwd);
+        const baseJson = await readJsonFromGit(cwd, resolvedBaseRef, localeRelativePath);
+        baseFlatByLocale[locale] = flattenObject(baseJson);
+    }
+    const allKeys = Array.from(new Set(cfg.locales.flatMap((locale) => [
+        ...Object.keys(baseFlatByLocale[locale] ?? {}),
+        ...Object.keys(currentFlatByLocale[locale] ?? {}),
+    ]))).sort((left, right) => left.localeCompare(right));
+    const keys = [];
+    for (const key of allKeys) {
+        const changes = [];
+        for (const locale of cfg.locales) {
+            const before = baseFlatByLocale[locale]?.[key] ?? "";
+            const after = currentFlatByLocale[locale]?.[key] ?? "";
+            if (before === after) {
+                continue;
+            }
+            const beforeMissing = before.trim() === "";
+            const afterMissing = after.trim() === "";
+            const kind = beforeMissing && !afterMissing
+                ? "added"
+                : !beforeMissing && afterMissing
+                    ? "removed"
+                    : "changed";
+            changes.push({ locale, kind, before, after });
+        }
+        if (changes.length > 0) {
+            keys.push({
+                key,
+                changes: changes.sort((left, right) => left.locale.localeCompare(right.locale)),
+            });
+        }
+    }
+    return {
+        available: true,
+        baseRef,
+        resolvedBaseRef,
+        generatedAt: new Date().toISOString(),
+        keys,
+    };
+}

package/dist/index.js

@@ -2,8 +2,10 @@
 import fs from "node:fs/promises";
 import { fileURLToPath } from "node:url";
 import open from "open";
+import { printGlossCheck, runGlossCheck } from "./check.js";
 import { GlossConfigError, loadGlossConfig } from "./config.js";
 import { startServer } from "./server.js";
+import { generateKeyTypes } from "./typegen.js";
 const DEFAULT_PORT = 5179;
 const getVersion = async () => {
     const packagePath = fileURLToPath(new URL("../package.json", import.meta.url));
@@ -16,23 +18,175 @@ const printHelp = () => {
 
 Usage:
   gloss [options]
+  gloss check [options]
+  gloss gen-types [options]
+  gloss open key <translation-key> [options]
 
 Options:
-  -h, --help       Show help
-  -v, --version    Show version
-  --no-open        Do not open browser automatically
-  -p, --port       Set server port (default: ${DEFAULT_PORT})
+  -h, --help                 Show help
+  -v, --version              Show version
+
+Serve options:
+  --no-open                  Do not open browser automatically
+  -p, --port                 Set server port (default: ${DEFAULT_PORT})
+
+Check options:
+  --format <human|json|both> Output format (default: human)
+  --json                     Shortcut for --format json
+
+Type generation options:
+  --out <path>               Output file for generated key types (default: i18n-keys.d.ts)
+
+Open key options:
+  gloss open key <key>       Open Gloss focused on a translation key
 `);
 };
 const parseArgs = (args) => {
-    const options = {
+    const firstArg = args[0];
+    if (firstArg === "open") {
+        const commandArgs = args.slice(1);
+        const base = { help: false, version: false };
+        const options = {
+            command: "open-key",
+            ...base,
+            noOpen: false,
+            port: DEFAULT_PORT,
+            key: "",
+        };
+        if (commandArgs.length === 0) {
+            throw new Error("Usage: gloss open key <translation-key> [--port <number>]");
+        }
+        if (commandArgs[0] === "-h" || commandArgs[0] === "--help") {
+            options.help = true;
+            return options;
+        }
+        if (commandArgs[0] === "-v" || commandArgs[0] === "--version") {
+            options.version = true;
+            return options;
+        }
+        let index = 0;
+        if (commandArgs[0] === "key") {
+            index = 1;
+        }
+        const keyValue = commandArgs[index];
+        if (!keyValue || keyValue.startsWith("-")) {
+            throw new Error("Missing translation key. Usage: gloss open key <translation-key>");
+        }
+        options.key = keyValue.trim();
+        index += 1;
+        for (; index < commandArgs.length; index += 1) {
+            const arg = commandArgs[index];
+            if (arg === "-h" || arg === "--help") {
+                options.help = true;
+                continue;
+            }
+            if (arg === "-v" || arg === "--version") {
+                options.version = true;
+                continue;
+            }
+            if (arg === "--no-open") {
+                options.noOpen = true;
+                continue;
+            }
+            if (arg === "-p" || arg === "--port") {
+                const nextValue = commandArgs[index + 1];
+                if (!nextValue) {
+                    throw new Error("Missing value for --port.");
+                }
+                const parsed = Number.parseInt(nextValue, 10);
+                if (!Number.isFinite(parsed) || parsed <= 0) {
+                    throw new Error("Port must be a positive integer.");
+                }
+                options.port = parsed;
+                index += 1;
+                continue;
+            }
+            throw new Error(`Unknown argument for gloss open: ${arg}`);
+        }
+        return options;
+    }
+    const isCommand = firstArg && !firstArg.startsWith("-");
+    const command = firstArg === "check" || firstArg === "gen-types" ? firstArg : "serve";
+    const commandArgs = command === "serve" ? args : args.slice(1);
+    const base = {
         help: false,
         version: false,
+    };
+    if (command === "check") {
+        const options = {
+            command,
+            ...base,
+            format: "human",
+        };
+        for (let index = 0; index < commandArgs.length; index += 1) {
+            const arg = commandArgs[index];
+            if (arg === "-h" || arg === "--help") {
+                options.help = true;
+                continue;
+            }
+            if (arg === "-v" || arg === "--version") {
+                options.version = true;
+                continue;
+            }
+            if (arg === "--json") {
+                options.format = "json";
+                continue;
+            }
+            if (arg === "--format") {
+                const nextValue = commandArgs[index + 1];
+                if (!nextValue) {
+                    throw new Error("Missing value for --format.");
+                }
+                if (nextValue !== "human" && nextValue !== "json" && nextValue !== "both") {
+                    throw new Error("Invalid value for --format. Use human, json, or both.");
+                }
+                options.format = nextValue;
+                index += 1;
+                continue;
+            }
+            throw new Error(`Unknown argument for gloss check: ${arg}`);
+        }
+        return options;
+    }
+    if (command === "gen-types") {
+        const options = {
+            command,
+            ...base,
+        };
+        for (let index = 0; index < commandArgs.length; index += 1) {
+            const arg = commandArgs[index];
+            if (arg === "-h" || arg === "--help") {
+                options.help = true;
+                continue;
+            }
+            if (arg === "-v" || arg === "--version") {
+                options.version = true;
+                continue;
+            }
+            if (arg === "--out") {
+                const nextValue = commandArgs[index + 1];
+                if (!nextValue) {
+                    throw new Error("Missing value for --out.");
+                }
+                options.outFile = nextValue;
+                index += 1;
+                continue;
+            }
+            throw new Error(`Unknown argument for gloss gen-types: ${arg}`);
+        }
+        return options;
+    }
+    if (isCommand && command === "serve" && firstArg !== undefined) {
+        throw new Error(`Unknown command: ${firstArg}`);
+    }
+    const options = {
+        command: "serve",
+        ...base,
         noOpen: false,
         port: DEFAULT_PORT,
     };
-    for (let index = 0; index < args.length; index += 1) {
-        const arg = args[index];
+    for (let index = 0; index < commandArgs.length; index += 1) {
+        const arg = commandArgs[index];
         if (arg === "-h" || arg === "--help") {
             options.help = true;
             continue;
@@ -46,7 +200,7 @@ const parseArgs = (args) => {
             continue;
         }
         if (arg === "-p" || arg === "--port") {
-            const nextValue = args[index + 1];
+            const nextValue = commandArgs[index + 1];
             if (!nextValue) {
                 throw new Error("Missing value for --port.");
             }
@@ -88,8 +242,23 @@ async function main() {
         return;
     }
     const cfg = await loadGlossConfig();
+    if (options.command === "check") {
+        const result = await runGlossCheck(cfg);
+        printGlossCheck(result, options.format);
+        if (!result.ok) {
+            process.exit(1);
+        }
+        return;
+    }
+    if (options.command === "gen-types") {
+        const result = await generateKeyTypes(cfg, { outFile: options.outFile });
+        console.log(`Generated ${result.keyCount} keys in ${result.outFile}`);
+        return;
+    }
     const { port } = await startServer(cfg, options.port);
-    const url = `http://localhost:${port}`;
+    const url = options.command === "open-key"
+        ? `http://localhost:${port}/?key=${encodeURIComponent(options.key)}`
+        : `http://localhost:${port}`;
     console.log(`Gloss running at ${url}`);
     if (options.noOpen || process.env.CI) {
         return;

package/dist/renameKeyUsage.js

@@ -1,5 +1,6 @@
 import fs from "node:fs/promises";
 import path from "node:path";
+import { replaceTranslationKeyLiterals } from "./usageExtractor.js";
 const IGNORED_DIRECTORIES = new Set([
     "node_modules",
     "dist",
@@ -8,11 +9,10 @@ const IGNORED_DIRECTORIES = new Set([
     "coverage",
 ]);
 const SCANNED_EXTENSIONS = new Set([".ts", ".tsx", ".js", ".jsx"]);
-const TRANSLATION_CALL_REGEX = /(\b(?:t|translate)\s*\(\s*)(['"])([^'"]+)\2/g;
 const projectRoot = () => process.env.INIT_CWD || process.cwd();
 const normalizePath = (filePath) => filePath.split(path.sep).join("/");
 const isScannableFile = (fileName) => SCANNED_EXTENSIONS.has(path.extname(fileName));
-export async function renameKeyUsage(oldKey, newKey, rootDir = projectRoot()) {
+export async function renameKeyUsage(oldKey, newKey, rootDir = projectRoot(), mode) {
     if (!oldKey || !newKey || oldKey === newKey) {
         return {
             changedFiles: [],
@@ -39,19 +39,11 @@ export async function renameKeyUsage(oldKey, newKey, rootDir = projectRoot()) {
             }
             filesScanned += 1;
             const source = await fs.readFile(fullPath, "utf8");
-            let fileReplacements = 0;
-            const updated = source.replace(TRANSLATION_CALL_REGEX, (match, prefix, quote, key) => {
-                if (key !== oldKey) {
-                    return match;
-                }
-                fileReplacements += 1;
-                replacements += 1;
-                return `${prefix}${quote}${newKey}${quote}`;
-            });
-            TRANSLATION_CALL_REGEX.lastIndex = 0;
+            const { updated, replacements: fileReplacements } = replaceTranslationKeyLiterals(source, fullPath, oldKey, newKey, mode);
             if (fileReplacements === 0 || updated === source) {
                 continue;
             }
+            replacements += fileReplacements;
             await fs.writeFile(fullPath, updated, "utf8");
             changedFiles.push(normalizePath(path.relative(rootDir, fullPath)));
         }

package/dist/server.js

@@ -3,7 +3,9 @@ import path from "node:path";
 import { fileURLToPath } from "node:url";
 import express from "express";
 import cors from "cors";
+import { runGlossCheck } from "./check.js";
 import { readAllTranslations, writeAllTranslations } from "./fs.js";
+import { buildGitKeyDiff } from "./gitDiff.js";
 import { buildKeyUsageMap } from "./usage.js";
 import { inferUsageRoot, scanUsage } from "./usageScanner.js";
 import { renameKeyUsage } from "./renameKeyUsage.js";
@@ -39,6 +41,28 @@ export function createServerApp(cfg) {
         const usage = await buildKeyUsageMap(cfg);
         res.json(usage);
     });
+    app.get("/api/check", async (req, res) => {
+        const result = await runGlossCheck(cfg);
+        const summaryValue = typeof req.query.summary === "string" ? req.query.summary : "";
+        const summaryOnly = summaryValue === "1" || summaryValue === "true";
+        if (summaryOnly) {
+            res.json({
+                ok: result.ok,
+                generatedAt: result.generatedAt,
+                summary: result.summary,
+                hardcodedTexts: result.hardcodedTexts.slice(0, 20),
+            });
+            return;
+        }
+        res.json(result);
+    });
+    app.get("/api/git-diff", async (req, res) => {
+        const base = typeof req.query.base === "string" && req.query.base.trim()
+            ? req.query.base.trim()
+            : "origin/main";
+        const diff = await buildGitKeyDiff(cfg, base);
+        res.json(diff);
+    });
     app.post("/api/translations", async (req, res) => {
         const data = req.body;
         await writeAllTranslations(cfg, data);
@@ -56,7 +80,7 @@ export function createServerApp(cfg) {
             return;
         }
         try {
-            const result = await renameKeyUsage(oldKey, newKey);
+            const result = await renameKeyUsage(oldKey, newKey, undefined, cfg.scan?.mode);
             res.json({ ok: true, ...result });
         }
         catch (error) {

package/dist/translationKeys.js

@@ -1,4 +1,5 @@
 const TRANSLATION_KEY_PATTERN = /^[A-Za-z0-9][A-Za-z0-9._:/-]*$/;
+const KEY_CHAR_PATTERN = /^[A-Za-z0-9._:/-]+$/;
 export const isLikelyTranslationKey = (value) => {
     const key = value.trim();
     if (key.length === 0 || key.length > 160) {
@@ -15,3 +16,22 @@ export const isLikelyTranslationKey = (value) => {
     }
     return TRANSLATION_KEY_PATTERN.test(key);
 };
+export const getInvalidTranslationKeyReason = (value) => {
+    const key = value.trim();
+    if (!key) {
+        return "Key is empty.";
+    }
+    if (key.startsWith(".") || key.endsWith(".")) {
+        return "Key cannot start or end with a dot.";
+    }
+    if (key.includes("..")) {
+        return "Key cannot contain consecutive dots.";
+    }
+    if (key.split(".").some((segment) => segment.trim() === "")) {
+        return "Key contains an empty segment.";
+    }
+    if (!KEY_CHAR_PATTERN.test(key)) {
+        return "Key contains unsupported characters.";
+    }
+    return null;
+};

package/dist/translationTree.js

@@ -0,0 +1,22 @@
+const isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+export const flattenObject = (obj) => {
+    const result = {};
+    const visit = (node, path) => {
+        for (const [key, value] of Object.entries(node)) {
+            const nextPath = path ? `${path}.${key}` : key;
+            if (isPlainObject(value)) {
+                visit(value, nextPath);
+                continue;
+            }
+            if (typeof value === "string") {
+                result[nextPath] = value;
+                continue;
+            }
+            if (value !== undefined) {
+                result[nextPath] = String(value);
+            }
+        }
+    };
+    visit(obj, "");
+    return result;
+};

package/dist/typegen.js

@@ -0,0 +1,30 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import { readAllTranslations } from "./fs.js";
+import { flattenObject } from "./translationTree.js";
+const projectRoot = () => process.env.INIT_CWD || process.cwd();
+const renderTypeFile = (keys) => {
+    const keyUnion = keys.length === 0
+        ? "never"
+        : keys.map((key) => `  | ${JSON.stringify(key)}`).join("\n");
+    return `/* This file is auto-generated by Gloss. Do not edit manually. */
+
+export type I18nKey =
+${keyUnion};
+
+export type TranslateFn = (
+  key: I18nKey,
+  variables?: Record<string, string | number>,
+) => string;
+
+export type GlossI18nKey = I18nKey;
+`;
+};
+export async function generateKeyTypes(cfg, options = {}) {
+    const data = await readAllTranslations(cfg);
+    const keys = Array.from(new Set(Object.values(data).flatMap((tree) => Object.keys(flattenObject((tree ?? {})))))).sort((left, right) => left.localeCompare(right));
+    const outFile = path.resolve(projectRoot(), options.outFile ?? "i18n-keys.d.ts");
+    const content = renderTypeFile(keys);
+    await fs.writeFile(outFile, content, "utf8");
+    return { outFile, keyCount: keys.length };
+}

package/dist/ui/assets/index-CgyZVU2h.css

@@ -0,0 +1 @@
+:root{--text-primary: #0f2343;--text-secondary: #3f5478;--text-muted: #5b7196;--surface-card: #ffffff;--surface-border: #d6e0f0;font-family:Manrope,Avenir Next,Segoe UI,sans-serif;line-height:1.45;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 0%,rgba(255,186,132,.26),transparent 42%),radial-gradient(circle at 90% 18%,rgba(120,184,255,.28),transparent 40%),linear-gradient(180deg,#f3f7ff,#f8f1e8)}#root{width:100%}.gloss-app{--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;max-width:1360px;margin:0 auto;padding:var(--space-4) var(--space-3) calc(var(--space-5) + var(--space-2));color:var(--text-primary)}.hero{padding:var(--space-3) var(--space-4);border-radius:16px;border:1px solid #d9e3f6;background:linear-gradient(140deg,#fdfeff,#f8faff 55%,#f4f8ff);box-shadow:0 10px 24px #16264612}.hero__top{display:flex;justify-content:flex-end;align-items:center;gap:1rem;flex-wrap:wrap}.hero__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--text-muted)}.hero__title{margin:.4rem 0 0;font-size:clamp(2.1rem,5vw,3.5rem);line-height:1;letter-spacing:-.02em}.hero__logo{display:block;width:min(420px,100%);height:auto;margin:.4rem 0 0}.hero__summary{margin:var(--space-2) 0 var(--space-2);max-width:72ch;color:var(--text-secondary);line-height:1.45}.hero__stats{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.stat-chip{display:flex;align-items:baseline;gap:.45rem;padding:.4rem .68rem;border-radius:999px;background:#fffffff5;border:1px solid rgba(21,37,66,.09)}.stat-chip span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.stat-chip strong{font-size:1rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.625rem}.language-switch{display:inline-flex;align-items:center;gap:.45rem;padding:.32rem .4rem;border-radius:999px;border:1px solid var(--surface-border);background:#fffffff0}.support-cards{margin-top:var(--space-2);display:grid;gap:var(--space-1);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));opacity:.88}.support-card{border-radius:12px;border:1px solid #e2e9f7;background:#fbfcff;padding:var(--space-2) var(--space-3)}.support-card h2{margin:0;font-size:.95rem}.support-card p{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:.88rem;line-height:1.45}.editor-shell{margin-top:var(--space-3);border-radius:18px;border:1px solid #dbe4f5;background:#fdfefe;padding:var(--space-3);box-shadow:0 16px 30px #0f234c12;display:grid;gap:var(--space-2)}.status-bar{margin:0;border-radius:12px;border:1px solid #dbe5f7;background:#f8fbff;padding:.625rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.status-bar__main{margin:0;font-weight:600;font-size:.9rem}.status-bar__main--error{color:#8f2935}.status-bar__main--warning{color:#7b5b23;display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.status-bar__main--success{color:#1d6a42}.status-bar__main--info{color:var(--text-secondary)}.status-bar__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.status-chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px solid #cad8f2;background:#f0f5ff;color:#29476f;font-size:.76rem;font-weight:600;padding:.18rem .5rem}.status-chip[type=button]{cursor:pointer}.status-chip--muted{background:#f6f8fc;border-color:#dde4f2;color:#4d6285}.status-chip--warning{background:#fff5de;border-color:#f4d090;color:#7a4f08}.status-chip__action{opacity:.85;font-size:.72rem;border-left:1px solid currentColor;padding-left:.4rem}.status-bar__details{width:100%;border:1px solid #e0e8f7;border-radius:10px;background:#fff;padding:.6rem .75rem}.status-bar__details strong{display:block;margin-bottom:.45rem;color:#2f4b75;font-size:.82rem}.status-bar__details p{margin:0;color:var(--text-secondary);font-size:.84rem}.status-bar__details ul{margin:0;padding-left:1rem;display:grid;gap:.3rem}.status-bar__details li{color:#35527c;font-size:.82rem;line-height:1.35}.loading-state{margin:20vh auto 0;max-width:280px;border-radius:12px;border:1px solid #d5e2fb;background:#f7faff;padding:var(--space-3);text-align:center;color:var(--text-secondary)}.notice{margin:0 0 .7rem;padding:.6rem .75rem;border-radius:10px;border:1px solid transparent}.notice--error{color:#901f1a;background:#fff3f2;border-color:#f7cdc8}.notice--success{color:#0d6837;background:#edf8f0;border-color:#b6e4c3}.notice--warning{color:#7a4f08;background:#fff5de;border-color:#f4d090}.notice--stale{color:#7a2b31;background:#fff2f4;border-color:#f4c0c9;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.editor-tabs{display:flex;gap:var(--space-1);margin:0;padding:.25rem;border:1px solid #e2e9f6;border-radius:11px;background:#f7faff}.translations-workspace{display:grid;gap:var(--space-2)}.editor-controls{display:grid;gap:var(--space-1);padding:var(--space-1);border-radius:14px;border:1px solid #e1e8f6;background:linear-gradient(180deg,#f9fbff,#f6f9ff)}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-1);flex-wrap:wrap;margin:0;padding:var(--space-2);border:1px solid #e4ebf8;border-radius:12px;background:#fff}.toolbar__primary{flex:1 1 280px;min-width:240px}.toolbar__secondary{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap}.toolbar__field{display:grid;gap:.32rem;min-width:160px}.toolbar__field--search input{width:100%}.toolbar__field span{font-size:.75rem;font-weight:600;color:#5f7394;text-transform:uppercase;letter-spacing:.06em}.toolbar__toggle{display:flex;align-items:center;gap:.4rem;font-size:.88rem;padding:.42rem .6rem;border:1px solid #dbe5f7;border-radius:10px;background:#fdfefe}.toolbar__advanced{width:100%;border:1px solid #dbe5f7;border-radius:12px;background:#f8fbff;padding:.7rem;display:grid;gap:.6rem}.toolbar__advanced-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.toolbar__advanced-head strong{font-size:.84rem;color:#2f4b75}.toolbar__advanced-actions{display:flex;gap:.4rem;flex-wrap:wrap}.toolbar__advanced-empty{margin:0;color:var(--text-secondary);font-size:.84rem}.toolbar__git-warning{margin:0;font-size:.82rem;color:#8f3c45}.toolbar__rules{display:grid;gap:.45rem}.toolbar__rule{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(140px,1fr) auto;gap:.45rem;align-items:end;padding:.55rem;border:1px solid #d9e4f8;border-radius:10px;background:#fff}.toolbar__sort{display:flex;align-items:end;gap:.45rem;flex-wrap:wrap;padding-top:.25rem;border-top:1px dashed #d4dff4}.add-key-form{display:flex;align-items:flex-end;gap:var(--space-1);flex-wrap:wrap;margin:0;padding:var(--space-2);border:1px solid #e4ebf8;border-radius:12px;background:#fff}.add-key-form input{min-width:260px;flex:1 1 280px}.add-key-form__error{margin:0;color:#8f3c45;font-size:.82rem;padding:0 .125rem}.editor-main{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:var(--space-3);align-items:start}.editor-content{min-width:0;border:1px solid #dfe8f6;border-radius:15px;background:#fcfdff;padding:var(--space-2);box-shadow:inset 0 1px #fff}.file-tree{border:1px solid #d8e3f4;border-radius:14px;background:linear-gradient(180deg,#f8faff,#f2f7ff);padding:var(--space-2);max-height:74vh;overflow:auto;box-shadow:inset 0 1px #fff}.file-tree__title{margin:0 0 var(--space-1);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);position:sticky;top:-.5rem;z-index:2;background:linear-gradient(180deg,#f8faff,#f8fafff5);padding:.45rem 0 .35rem}.file-tree__all-btn,.file-tree__folder-btn,.file-tree__file-btn{width:100%;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;padding:.42rem .54rem;color:var(--text-primary);font:inherit;cursor:pointer}.file-tree__all-btn,.file-tree__file-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.file-tree__folder-btn{display:inline-flex;align-items:center;gap:.38rem;color:#26456f;font-weight:600}.file-tree__caret{width:.8rem;color:#50688f}.file-tree__folder-name{overflow:hidden;text-overflow:ellipsis}.file-tree__all-btn:hover,.file-tree__folder-btn:hover,.file-tree__file-btn:hover{background:#e9f1ff}.file-tree__all-btn.is-selected,.file-tree__file-btn.is-selected{border-color:#8caadd;background:#e4edff;box-shadow:inset 3px 0 #466fcf}.file-tree__file-name{overflow:hidden;text-overflow:ellipsis}.file-tree__file-count{color:var(--text-muted);font-size:.72rem;font-family:JetBrains Mono,SFMono-Regular,ui-monospace,monospace;background:#edf2fd;border:1px solid #d4e0f5;border-radius:999px;padding:.1rem .38rem}.file-tree__list{list-style:none;margin:var(--space-1) 0 0;padding:0;display:grid;gap:.1rem}.file-tree__item{margin:0}.file-tree__empty{margin:.55rem 0 0;color:var(--text-secondary);font-size:.88rem}.duplicates-panel{border:1px solid var(--surface-border);border-radius:12px;background:#f8fafe;padding:.7rem}.duplicates-panel__title{margin:0 0 .65rem;font-size:.95rem;font-weight:700}.duplicates-panel__list{display:grid;gap:.75rem}.duplicate-locale{border:1px solid #d7e2f7;border-radius:10px;background:#fff;padding:.55rem}.duplicate-locale__title{margin:0 0 .45rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.duplicate-group{border:1px solid #e3ebfb;border-radius:9px;padding:.5rem;margin-top:.45rem}.duplicate-group__top{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem;align-items:center}.duplicate-group__value{overflow-wrap:anywhere}.duplicate-group__count{font-size:.78rem;color:var(--text-muted)}.duplicate-group__keys{margin:.45rem 0 0;padding-left:1.2rem;display:grid;gap:.2rem;color:var(--text-secondary);font-family:JetBrains Mono,SFMono-Regular,ui-monospace,monospace;font-size:.78rem}.table-wrap{border-radius:12px;border:1px solid #d8e3f4;background:#fff;overflow:auto;max-height:74vh}.grid-table{width:100%;min-width:1180px;border-collapse:collapse}.grid-table th{text-align:left;padding:.78rem .72rem;border-bottom:1px solid #d9e3f5;background:#f6f9ff;position:sticky;top:0;z-index:2;color:#3a557f;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.grid-table td{padding:.72rem .66rem;border-bottom:1px solid #edf1f8;vertical-align:top}.grid-table tr.row-state--none>td{background:#fff7f6}.grid-table tr.row-state--partial>td{background:#fffaf2}.grid-table tr.row-state--highlighted>td{background:#edf4ff}.grid-table tr.row-state--none td.value-cell--dirty,.grid-table tr.row-state--partial td.value-cell--dirty{background:#e9f2ff}.grid-table tr.row-state--none td.value-cell--dirty-missing,.grid-table tr.row-state--partial td.value-cell--dirty-missing{background:#fff2df}.grid-table tbody tr:not(.usage-files-row):not(.virtual-spacer):hover>td{background-color:#f7fafe}.key-col{width:320px;min-width:320px;font-family:JetBrains Mono,SFMono-Regular,ui-monospace,monospace;font-size:.83rem;color:#1f3659;border-right:1px solid #d7e2f4;background-clip:padding-box}.key-col--unused{color:#7a5b2f}.key-col--file-selected{box-shadow:inset 3px 0 #4a74d9}.key-col--placeholder-warning{box-shadow:inset 0 -2px #e59f35}.usage-col{width:130px}.usage-cell{color:var(--text-secondary);white-space:nowrap}.usage-cell--unused{background:#fffaf3}.usage-toggle{border:0;background:none;padding:0;font:inherit;color:#1848a3;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.usage-tag{font-size:.74rem;font-weight:600;color:#8b6a39;text-transform:lowercase}.usage-files-row td{background:#f8fbff;padding-top:.7rem;padding-bottom:.8rem}.virtual-spacer td{border-bottom:0;padding:0}.usage-files{font-size:.82rem;color:var(--text-secondary);border:1px solid #dde6f6;border-radius:10px;background:#fff;padding:.6rem .7rem}.usage-files strong{margin-right:.45rem;color:var(--text-primary)}.usage-files-list{margin:.45rem 0 0;padding-left:1.2rem;display:grid;gap:.26rem;color:var(--text-primary);font-family:JetBrains Mono,SFMono-Regular,ui-monospace,monospace;font-size:.78rem}.key-diff-block{margin-top:.7rem;padding-top:.55rem;border-top:1px dashed #d7e3f8}.key-diff-line{overflow-wrap:anywhere}.status-col{width:176px;min-width:176px;color:#4a5f80;font-size:.84rem;line-height:1.4}.status-col__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.status-inline-tag{display:inline-flex;align-items:center;border-radius:999px;padding:.1rem .42rem;font-size:.7rem;font-weight:700;letter-spacing:.03em}.status-inline-tag--warning{color:#8a5a15;background:#fff4df;border:1px solid #efd2a1}.status-inline-tag--info{color:#214f98;background:#edf4ff;border:1px solid #c8daf8}.locale-col,.locale-cell{min-width:220px}.value-cell{background:transparent}.value-cell--missing{background:#fffaf4}.value-cell--dirty{background:#e9f2ff}.value-cell--dirty-missing{background:#fff3e3}.value-cell--active{box-shadow:inset 0 0 0 2px #2c5ecf57}.value-input{box-sizing:border-box;width:100%;resize:vertical;min-height:2.25rem;line-height:1.35}.value-input--dirty{border-color:#0e5fd8;box-shadow:0 0 0 2px #0e5fd814}.actions-col{width:220px;min-width:220px}.row-actions{display:flex;gap:.4rem;flex-wrap:wrap}.rename-form{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.inline-error{color:#9a241f;width:100%;font-size:.82rem}.empty-state{margin:1rem auto;padding:2.25rem 1.25rem;border:1px dashed #dbe4f5;border-radius:12px;background:linear-gradient(180deg,#fbfdff,#f6f9ff);text-align:center;max-width:680px;color:var(--text-secondary);line-height:1.5}.footer-actions{margin-top:var(--space-2);padding:var(--space-2) 0 0;border-top:1px solid #e2e9f6;display:flex;justify-content:flex-end;position:sticky;bottom:0;background:linear-gradient(180deg,#fdfeff00,#fdfeff 32%);z-index:3}.footer-actions .btn--primary{min-width:152px;min-height:2.5rem;font-size:.95rem}.btn{border-radius:10px;border:1px solid transparent;padding:.5rem .8rem;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:hover{transform:translateY(-.5px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{color:#fff;background:linear-gradient(135deg,#245fdf,#1b49be);box-shadow:0 10px 18px #1f59d942}.btn--ghost{color:#1d355c;border-color:#c2d0ea;background:#f6f9ff}.btn--support{color:#fff;background:linear-gradient(135deg,#ff7849,#f14c4c);box-shadow:0 7px 16px #f14c4c3b}.btn--danger{color:#9c212a;border-color:#eec1c7;background:#fff6f7}.btn--small{padding:.4rem .6rem;font-size:.8rem}.is-active{border-color:#4d73d7;background:#eaf1ff}input,textarea,select{border-radius:9px;border:1px solid #c4d2ea;background:#fff;color:var(--text-primary);padding:.48rem .6rem;font:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:#1f5eff;box-shadow:0 0 0 3px #1f5eff24}.modal-overlay{position:fixed;inset:0;background:#0e162480;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal-dialog{width:min(480px,100%);border-radius:14px;border:1px solid var(--surface-border);background:var(--surface-card);box-shadow:0 24px 44px #0e1f4847;padding:1rem;display:grid;gap:.75rem}.modal-dialog__message{margin:0;color:var(--text-primary);white-space:pre-line}.modal-dialog__actions{display:flex;justify-content:flex-end;gap:.5rem}@media(max-width:860px){.gloss-app{padding:var(--space-3) var(--space-2) calc(var(--space-5) + var(--space-2))}.hero{padding:var(--space-3)}.hero__top{align-items:flex-start}.editor-shell{padding:var(--space-2)}.status-bar{align-items:flex-start}.editor-controls{padding:.5rem}.toolbar__primary,.toolbar__secondary,.toolbar__field,.toolbar__field--search,.toolbar__rule{width:100%}.toolbar__rule{grid-template-columns:1fr;align-items:stretch}.toolbar__field input,.toolbar__field select,.toolbar__secondary .btn,.add-key-form input{width:100%}.editor-main{grid-template-columns:1fr}.file-tree{max-height:none}}