@burdenoff/microfe-files 2026.830.1 → 2026.830.2

package/dist/files/components/viewers/CodeViewer.js

@@ -1,86 +1,91 @@
-import { useEffect as e, useState as t } from "react";
-import { Check as n, Copy as r, WrapText as i } from "lucide-react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { useEffect as t, useState as n } from "react";
+import { Check as r, Copy as i, WrapText as a } from "lucide-react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/files/components/viewers/CodeViewer.tsx
-function c({ file: c, url: u, language: d }) {
-	let [f, p] = t(""), [m, h] = t(!0), [g, _] = t(!1), [v, y] = t(!1), b = d || l(c.name);
-	return e(() => {
-		fetch(u).then((e) => e.text()).then((e) => {
-			p(e), h(!1);
+function l({ file: l, url: d, language: f }) {
+	let p = e(), [m, h] = n(""), [g, _] = n(!0), [v, y] = n(!1), [b, x] = n(!1), S = f || u(l.name);
+	return t(() => {
+		fetch(d).then((e) => e.text()).then((e) => {
+			h(e), _(!1);
 		}).catch(() => {
-			h(!1);
+			_(!1);
 		});
-	}, [u]), e(() => {
-		if (v) {
-			let e = setTimeout(() => y(!1), 2e3);
+	}, [d]), t(() => {
+		if (b) {
+			let e = setTimeout(() => x(!1), 2e3);
 			return () => clearTimeout(e);
 		}
-	}, [v]), m ? /* @__PURE__ */ o("div", {
+	}, [b]), g ? /* @__PURE__ */ s("div", {
 		className: "flex items-center justify-center h-full bg-bg-canvas",
-		children: /* @__PURE__ */ o("span", {
+		children: /* @__PURE__ */ s("span", {
 			className: "text-text-secondary",
-			children: "Loading code..."
+			children: p("files.preview.code.loading", "Loading code...")
 		})
-	}) : /* @__PURE__ */ s("div", {
+	}) : /* @__PURE__ */ c("div", {
 		className: "flex flex-col h-full bg-bg-canvas",
 		children: [
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ c("div", {
 				className: "flex items-center justify-between p-3 bg-bg-surface border-b border-border-default",
-				children: [/* @__PURE__ */ s("div", {
+				children: [/* @__PURE__ */ c("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ o("span", {
+					children: [/* @__PURE__ */ s("span", {
 						className: "px-2 py-1 text-xs font-medium text-text-link bg-bg-accent rounded",
-						children: b || "Text"
-					}), /* @__PURE__ */ o("span", {
+						children: S || p("files.preview.code.text", "Text")
+					}), /* @__PURE__ */ s("span", {
 						className: "text-sm text-text-secondary",
-						children: c.name
+						children: l.name
 					})]
-				}), /* @__PURE__ */ s("div", {
+				}), /* @__PURE__ */ c("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ o("button", {
+					children: [/* @__PURE__ */ s("button", {
 						type: "button",
-						onClick: () => _(!g),
-						className: `p-2 rounded transition-colors duration-200 ${g ? "text-text-link bg-bg-accent" : "text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover"}`,
-						title: g ? "Disable word wrap" : "Enable word wrap",
-						"aria-label": g ? "Disable word wrap" : "Enable word wrap",
-						children: /* @__PURE__ */ o(i, { className: "size-4" })
-					}), /* @__PURE__ */ o("button", {
+						onClick: () => y(!v),
+						className: `p-2 rounded transition-colors duration-200 ${v ? "text-text-link bg-bg-accent" : "text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover"}`,
+						title: v ? p("files.preview.code.disableWordWrap", "Disable word wrap") : p("files.preview.code.enableWordWrap", "Enable word wrap"),
+						"aria-label": v ? p("files.preview.code.disableWordWrap", "Disable word wrap") : p("files.preview.code.enableWordWrap", "Enable word wrap"),
+						children: /* @__PURE__ */ s(a, { className: "size-4" })
+					}), /* @__PURE__ */ s("button", {
 						type: "button",
 						onClick: () => {
-							navigator.clipboard.writeText(f), y(!0);
+							navigator.clipboard.writeText(m), x(!0);
 						},
 						className: "flex items-center gap-1.5 rounded px-3 py-1.5 text-sm font-medium text-text-inverse bg-action-primary-bg transition-colors duration-200 hover:bg-action-primary-bg-hover",
-						title: "Copy code",
-						"aria-label": "Copy code content",
-						children: v ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(n, { className: "size-4" }), "Copied!"] }) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(r, { className: "size-4" }), "Copy"] })
+						title: p("files.preview.code.copyCode", "Copy code"),
+						"aria-label": p("files.preview.code.copyCodeContent", "Copy code content"),
+						children: b ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(r, { className: "size-4" }), p("files.preview.code.copied", "Copied!")] }) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(i, { className: "size-4" }), p("files.preview.code.copy", "Copy")] })
 					})]
 				})]
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				className: "flex-1 overflow-auto",
-				children: /* @__PURE__ */ o("pre", {
-					className: `p-4 text-sm font-mono leading-relaxed ${g ? "whitespace-pre-wrap" : "whitespace-pre"}`,
+				children: /* @__PURE__ */ s("pre", {
+					className: `p-4 text-sm font-mono leading-relaxed ${v ? "whitespace-pre-wrap" : "whitespace-pre"}`,
 					style: { tabSize: 2 },
-					children: f.split("\n").map((e, t) => /* @__PURE__ */ s("div", {
+					children: m.split("\n").map((e, t) => /* @__PURE__ */ c("div", {
 						className: "flex",
-						children: [/* @__PURE__ */ o("span", {
+						children: [/* @__PURE__ */ s("span", {
 							className: "inline-block w-12 text-right pr-4 text-text-tertiary select-none",
 							children: t + 1
-						}), /* @__PURE__ */ o("span", {
+						}), /* @__PURE__ */ s("span", {
 							className: "text-text-primary",
 							children: e || " "
 						})]
 					}, t))
 				})
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ c("div", {
 				className: "flex items-center justify-between p-3 bg-bg-surface border-t border-border-default text-xs text-text-secondary",
-				children: [/* @__PURE__ */ s("span", { children: [f.split("\n").length, " lines"] }), /* @__PURE__ */ s("span", { children: [(c.size / 1024).toFixed(2), " KB"] })]
+				children: [/* @__PURE__ */ c("span", { children: [
+					m.split("\n").length,
+					" ",
+					p("files.preview.code.lines", "lines")
+				] }), /* @__PURE__ */ c("span", { children: [(l.size / 1024).toFixed(2), " KB"] })]
 			})
 		]
 	});
 }
-function l(e) {
+function u(e) {
 	return {
 		js: "JavaScript",
 		jsx: "React JSX",
@@ -115,6 +120,6 @@ function l(e) {
 	}[e.split(".").pop()?.toLowerCase() || ""] || "Text";
 }
 //#endregion
-export { c as CodeViewer };
+export { l as CodeViewer };
 
 //# sourceMappingURL=CodeViewer.js.map

package/dist/files/components/viewers/CodeViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeViewer.js","names":[],"sources":["../../../../src/files/components/viewers/CodeViewer.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Copy, Check, WrapText } from \"lucide-react\";\nimport type { FileItem } from \"../../types\";\n\ninterface CodeViewerProps {\n  file: FileItem;\n  url: string;\n  language?: string;\n}\n\n/**\n * CodeViewer - Displays code files with syntax highlighting\n *\n * Note: This is a simplified implementation with basic highlighting.\n * For full syntax highlighting, install prism-react-renderer:\n * bun add prism-react-renderer\n */\nexport function CodeViewer({ file, url, language }: CodeViewerProps) {\n  const [code, setCode] = useState(\"\");\n  const [loading, setLoading] = useState(true);\n  const [wordWrap, setWordWrap] = useState(false);\n  const [copied, setCopied] = useState(false);\n\n  const detectedLanguage = language || detectLanguage(file.name);\n\n  useEffect(() => {\n    fetch(url)\n      .then((res) => res.text())\n      .then((text) => {\n        setCode(text);\n        setLoading(false);\n      })\n      .catch(() => {\n        setLoading(false);\n      });\n  }, [url]);\n\n  const handleCopy = () => {\n    navigator.clipboard.writeText(code);\n    setCopied(true);\n  };\n\n  // Cleanup timeout on unmount to prevent React state update warning\n  useEffect(() => {\n    if (copied) {\n      const timer = setTimeout(() => setCopied(false), 2000);\n      return () => clearTimeout(timer);\n    }\n    return undefined;\n  }, [copied]);\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center h-full bg-bg-canvas\">\n        <span className=\"text-text-secondary\">Loading code...</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full bg-bg-canvas\">\n      {/* Toolbar */}\n      <div className=\"flex items-center justify-between p-3 bg-bg-surface border-b border-border-default\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"px-2 py-1 text-xs font-medium text-text-link bg-bg-accent rounded\">\n            {detectedLanguage || \"Text\"}\n          </span>\n          <span className=\"text-sm text-text-secondary\">{file.name}</span>\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => setWordWrap(!wordWrap)}\n            className={`p-2 rounded transition-colors duration-200 ${\n              wordWrap\n                ? \"text-text-link bg-bg-accent\"\n                : \"text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover\"\n            }`}\n            title={wordWrap ? \"Disable word wrap\" : \"Enable word wrap\"}\n            aria-label={wordWrap ? \"Disable word wrap\" : \"Enable word wrap\"}\n          >\n            <WrapText className=\"size-4\" />\n          </button>\n\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            className=\"flex items-center gap-1.5 rounded px-3 py-1.5 text-sm font-medium text-text-inverse bg-action-primary-bg transition-colors duration-200 hover:bg-action-primary-bg-hover\"\n            title=\"Copy code\"\n            aria-label=\"Copy code content\"\n          >\n            {copied ? (\n              <>\n                <Check className=\"size-4\" />\n                Copied!\n              </>\n            ) : (\n              <>\n                <Copy className=\"size-4\" />\n                Copy\n              </>\n            )}\n          </button>\n        </div>\n      </div>\n\n      {/* Code Content */}\n      <div className=\"flex-1 overflow-auto\">\n        <pre\n          className={`p-4 text-sm font-mono leading-relaxed ${\n            wordWrap ? \"whitespace-pre-wrap\" : \"whitespace-pre\"\n          }`}\n          style={{ tabSize: 2 }}\n        >\n          {code.split(\"\\n\").map((line, i) => (\n            <div key={i} className=\"flex\">\n              <span className=\"inline-block w-12 text-right pr-4 text-text-tertiary select-none\">\n                {i + 1}\n              </span>\n              <span className=\"text-text-primary\">{line || \" \"}</span>\n            </div>\n          ))}\n        </pre>\n      </div>\n\n      {/* Footer */}\n      <div className=\"flex items-center justify-between p-3 bg-bg-surface border-t border-border-default text-xs text-text-secondary\">\n        <span>{code.split(\"\\n\").length} lines</span>\n        <span>{(file.size / 1024).toFixed(2)} KB</span>\n      </div>\n    </div>\n  );\n}\n\nfunction detectLanguage(filename: string): string {\n  const ext = filename.split(\".\").pop()?.toLowerCase();\n  const languageMap: Record<string, string> = {\n    js: \"JavaScript\",\n    jsx: \"React JSX\",\n    ts: \"TypeScript\",\n    tsx: \"React TSX\",\n    py: \"Python\",\n    java: \"Java\",\n    cpp: \"C++\",\n    c: \"C\",\n    cs: \"C#\",\n    rb: \"Ruby\",\n    go: \"Go\",\n    rs: \"Rust\",\n    php: \"PHP\",\n    html: \"HTML\",\n    css: \"CSS\",\n    scss: \"SCSS\",\n    json: \"JSON\",\n    md: \"Markdown\",\n    yaml: \"YAML\",\n    yml: \"YAML\",\n    xml: \"XML\",\n    sql: \"SQL\",\n    sh: \"Shell\",\n    bash: \"Bash\",\n    vue: \"Vue\",\n    swift: \"Swift\",\n    kt: \"Kotlin\",\n    r: \"R\",\n    dart: \"Dart\",\n    lua: \"Lua\",\n  };\n  return languageMap[ext || \"\"] || \"Text\";\n}\n"],"mappings":"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"}
+{"version":3,"file":"CodeViewer.js","names":[],"sources":["../../../../src/files/components/viewers/CodeViewer.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Copy, Check, WrapText } from \"lucide-react\";\nimport type { FileItem } from \"../../types\";\nimport { useTr } from \"../../../shared/hooks/useTr\";\n\ninterface CodeViewerProps {\n  file: FileItem;\n  url: string;\n  language?: string;\n}\n\n/**\n * CodeViewer - Displays code files with syntax highlighting\n *\n * Note: This is a simplified implementation with basic highlighting.\n * For full syntax highlighting, install prism-react-renderer:\n * bun add prism-react-renderer\n */\nexport function CodeViewer({ file, url, language }: CodeViewerProps) {\n  const tr = useTr();\n  const [code, setCode] = useState(\"\");\n  const [loading, setLoading] = useState(true);\n  const [wordWrap, setWordWrap] = useState(false);\n  const [copied, setCopied] = useState(false);\n\n  const detectedLanguage = language || detectLanguage(file.name);\n\n  useEffect(() => {\n    fetch(url)\n      .then((res) => res.text())\n      .then((text) => {\n        setCode(text);\n        setLoading(false);\n      })\n      .catch(() => {\n        setLoading(false);\n      });\n  }, [url]);\n\n  const handleCopy = () => {\n    navigator.clipboard.writeText(code);\n    setCopied(true);\n  };\n\n  // Cleanup timeout on unmount to prevent React state update warning\n  useEffect(() => {\n    if (copied) {\n      const timer = setTimeout(() => setCopied(false), 2000);\n      return () => clearTimeout(timer);\n    }\n    return undefined;\n  }, [copied]);\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center h-full bg-bg-canvas\">\n        <span className=\"text-text-secondary\">\n          {tr(\"files.preview.code.loading\", \"Loading code...\")}\n        </span>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full bg-bg-canvas\">\n      {/* Toolbar */}\n      <div className=\"flex items-center justify-between p-3 bg-bg-surface border-b border-border-default\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"px-2 py-1 text-xs font-medium text-text-link bg-bg-accent rounded\">\n            {detectedLanguage || tr(\"files.preview.code.text\", \"Text\")}\n          </span>\n          <span className=\"text-sm text-text-secondary\">{file.name}</span>\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => setWordWrap(!wordWrap)}\n            className={`p-2 rounded transition-colors duration-200 ${\n              wordWrap\n                ? \"text-text-link bg-bg-accent\"\n                : \"text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover\"\n            }`}\n            title={\n              wordWrap\n                ? tr(\"files.preview.code.disableWordWrap\", \"Disable word wrap\")\n                : tr(\"files.preview.code.enableWordWrap\", \"Enable word wrap\")\n            }\n            aria-label={\n              wordWrap\n                ? tr(\"files.preview.code.disableWordWrap\", \"Disable word wrap\")\n                : tr(\"files.preview.code.enableWordWrap\", \"Enable word wrap\")\n            }\n          >\n            <WrapText className=\"size-4\" />\n          </button>\n\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            className=\"flex items-center gap-1.5 rounded px-3 py-1.5 text-sm font-medium text-text-inverse bg-action-primary-bg transition-colors duration-200 hover:bg-action-primary-bg-hover\"\n            title={tr(\"files.preview.code.copyCode\", \"Copy code\")}\n            aria-label={tr(\n              \"files.preview.code.copyCodeContent\",\n              \"Copy code content\",\n            )}\n          >\n            {copied ? (\n              <>\n                <Check className=\"size-4\" />\n                {tr(\"files.preview.code.copied\", \"Copied!\")}\n              </>\n            ) : (\n              <>\n                <Copy className=\"size-4\" />\n                {tr(\"files.preview.code.copy\", \"Copy\")}\n              </>\n            )}\n          </button>\n        </div>\n      </div>\n\n      {/* Code Content */}\n      <div className=\"flex-1 overflow-auto\">\n        <pre\n          className={`p-4 text-sm font-mono leading-relaxed ${\n            wordWrap ? \"whitespace-pre-wrap\" : \"whitespace-pre\"\n          }`}\n          style={{ tabSize: 2 }}\n        >\n          {code.split(\"\\n\").map((line, i) => (\n            <div key={i} className=\"flex\">\n              <span className=\"inline-block w-12 text-right pr-4 text-text-tertiary select-none\">\n                {i + 1}\n              </span>\n              <span className=\"text-text-primary\">{line || \" \"}</span>\n            </div>\n          ))}\n        </pre>\n      </div>\n\n      {/* Footer */}\n      <div className=\"flex items-center justify-between p-3 bg-bg-surface border-t border-border-default text-xs text-text-secondary\">\n        <span>\n          {code.split(\"\\n\").length} {tr(\"files.preview.code.lines\", \"lines\")}\n        </span>\n        <span>{(file.size / 1024).toFixed(2)} KB</span>\n      </div>\n    </div>\n  );\n}\n\nfunction detectLanguage(filename: string): string {\n  const ext = filename.split(\".\").pop()?.toLowerCase();\n  const languageMap: Record<string, string> = {\n    js: \"JavaScript\",\n    jsx: \"React JSX\",\n    ts: \"TypeScript\",\n    tsx: \"React TSX\",\n    py: \"Python\",\n    java: \"Java\",\n    cpp: \"C++\",\n    c: \"C\",\n    cs: \"C#\",\n    rb: \"Ruby\",\n    go: \"Go\",\n    rs: \"Rust\",\n    php: \"PHP\",\n    html: \"HTML\",\n    css: \"CSS\",\n    scss: \"SCSS\",\n    json: \"JSON\",\n    md: \"Markdown\",\n    yaml: \"YAML\",\n    yml: \"YAML\",\n    xml: \"XML\",\n    sql: \"SQL\",\n    sh: \"Shell\",\n    bash: \"Bash\",\n    vue: \"Vue\",\n    swift: \"Swift\",\n    kt: \"Kotlin\",\n    r: \"R\",\n    dart: \"Dart\",\n    lua: \"Lua\",\n  };\n  return languageMap[ext || \"\"] || \"Text\";\n}\n"],"mappings":"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"}

package/dist/files/components/viewers/ImageViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageViewer.d.ts","sourceRoot":"","sources":["../../../../src/files/components/viewers/ImageViewer.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,UAAU,gBAAgB;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,gBAAgB,+BAiK1D"}
+{"version":3,"file":"ImageViewer.d.ts","sourceRoot":"","sources":["../../../../src/files/components/viewers/ImageViewer.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,UAAU,gBAAgB;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,gBAAgB,+BAoK1D"}

package/dist/files/components/viewers/ImageViewer.js

@@ -1,142 +1,143 @@
-import { useRef as e, useState as t } from "react";
-import { AlertCircle as n, Minimize2 as r, RotateCw as i, ZoomIn as a, ZoomOut as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { useRef as t, useState as n } from "react";
+import { AlertCircle as r, Minimize2 as i, RotateCw as a, ZoomIn as o, ZoomOut as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/files/components/viewers/ImageViewer.tsx
-function l({ file: l, url: u }) {
-	let [d, f] = t(1), [p, m] = t(0), [h, g] = t({
+function u({ file: u, url: d }) {
+	let f = e(), [p, m] = n(1), [h, g] = n(0), [_, v] = n({
 		x: 0,
 		y: 0
-	}), [_, v] = t(!1), [y, b] = t({
+	}), [y, b] = n(!1), [x, S] = n({
 		x: 0,
 		y: 0
-	}), [x, S] = t(null), C = e(null), [w, T] = t({
+	}), [C, w] = n(null), T = t(null), [E, D] = n({
 		width: 0,
 		height: 0
-	}), E = () => f((e) => Math.min(e + .25, 4)), D = () => f((e) => Math.max(e - .25, .25)), O = () => {
-		f(1), g({
+	}), O = () => m((e) => Math.min(e + .25, 4)), k = () => m((e) => Math.max(e - .25, .25)), A = () => {
+		m(1), v({
 			x: 0,
 			y: 0
-		}), m(0);
-	}, k = () => m((e) => (e + 90) % 360), A = (e) => {
-		d > 1 && (v(!0), b({
-			x: e.clientX - h.x,
-			y: e.clientY - h.y
+		}), g(0);
+	}, j = () => g((e) => (e + 90) % 360), M = (e) => {
+		p > 1 && (b(!0), S({
+			x: e.clientX - _.x,
+			y: e.clientY - _.y
 		}));
-	}, j = (e) => {
-		_ && d > 1 && g({
-			x: e.clientX - y.x,
-			y: e.clientY - y.y
+	}, N = (e) => {
+		y && p > 1 && v({
+			x: e.clientX - x.x,
+			y: e.clientY - x.y
 		});
-	}, M = () => {
-		v(!1);
+	}, P = () => {
+		b(!1);
 	};
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ l("div", {
 		className: "flex flex-col h-full bg-bg-canvas",
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "flex items-center justify-center gap-2 p-4 bg-bg-surface border-b border-border-default",
 				children: [
-					/* @__PURE__ */ s("button", {
+					/* @__PURE__ */ c("button", {
 						type: "button",
-						onClick: D,
-						disabled: d <= .25,
+						onClick: k,
+						disabled: p <= .25,
 						className: "p-2 text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed",
-						title: "Zoom out",
-						children: /* @__PURE__ */ s(o, { className: "size-5" })
+						title: f("files.preview.image.zoomOut", "Zoom out"),
+						children: /* @__PURE__ */ c(s, { className: "size-5" })
 					}),
-					/* @__PURE__ */ c("span", {
+					/* @__PURE__ */ l("span", {
 						className: "min-w-16 text-center text-sm font-medium text-text-primary",
-						children: [Math.round(d * 100), "%"]
+						children: [Math.round(p * 100), "%"]
 					}),
-					/* @__PURE__ */ s("button", {
+					/* @__PURE__ */ c("button", {
 						type: "button",
-						onClick: E,
-						disabled: d >= 4,
+						onClick: O,
+						disabled: p >= 4,
 						className: "p-2 text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed",
-						title: "Zoom in",
-						children: /* @__PURE__ */ s(a, { className: "size-5" })
+						title: f("files.preview.image.zoomIn", "Zoom in"),
+						children: /* @__PURE__ */ c(o, { className: "size-5" })
 					}),
-					/* @__PURE__ */ s("div", { className: "w-px h-6 bg-border-default mx-2" }),
-					/* @__PURE__ */ s("button", {
+					/* @__PURE__ */ c("div", { className: "w-px h-6 bg-border-default mx-2" }),
+					/* @__PURE__ */ c("button", {
 						type: "button",
-						onClick: O,
+						onClick: A,
 						className: "p-2 text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200",
-						title: "Fit to screen",
-						children: /* @__PURE__ */ s(r, { className: "size-5" })
+						title: f("files.preview.image.fitToScreen", "Fit to screen"),
+						children: /* @__PURE__ */ c(i, { className: "size-5" })
 					}),
-					/* @__PURE__ */ s("button", {
+					/* @__PURE__ */ c("button", {
 						type: "button",
-						onClick: k,
+						onClick: j,
 						className: "p-2 text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200",
-						title: "Rotate 90°",
-						children: /* @__PURE__ */ s(i, { className: "size-5" })
+						title: f("files.preview.image.rotate", "Rotate 90°"),
+						children: /* @__PURE__ */ c(a, { className: "size-5" })
 					})
 				]
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "flex-1 overflow-hidden flex items-center justify-center relative",
-				onMouseDown: A,
-				onMouseMove: j,
-				onMouseUp: M,
-				onMouseLeave: M,
-				style: { cursor: d > 1 ? _ ? "grabbing" : "grab" : "default" },
-				children: [/* @__PURE__ */ s("img", {
-					ref: C,
-					src: u,
-					alt: l.name,
+				onMouseDown: M,
+				onMouseMove: N,
+				onMouseUp: P,
+				onMouseLeave: P,
+				style: { cursor: p > 1 ? y ? "grabbing" : "grab" : "default" },
+				children: [/* @__PURE__ */ c("img", {
+					ref: T,
+					src: d,
+					alt: u.name,
 					onLoad: () => {
-						C.current && T({
-							width: C.current.naturalWidth,
-							height: C.current.naturalHeight
+						T.current && D({
+							width: T.current.naturalWidth,
+							height: T.current.naturalHeight
 						});
 					},
 					onError: () => {
-						S("Failed to load image from URL");
+						w(f("files.preview.image.loadError", "Failed to load image from URL"));
 					},
 					draggable: !1,
 					className: "max-w-full max-h-full object-contain transition-transform duration-200",
 					style: {
-						transform: `scale(${d}) rotate(${p}deg) translate(${h.x / d}px, ${h.y / d}px)`,
+						transform: `scale(${p}) rotate(${h}deg) translate(${_.x / p}px, ${_.y / p}px)`,
 						userSelect: "none"
 					}
-				}), x && /* @__PURE__ */ c("div", {
+				}), C && /* @__PURE__ */ l("div", {
 					className: "absolute inset-0 flex flex-col items-center justify-center bg-bg-canvas/90 z-10",
 					children: [
-						/* @__PURE__ */ s(n, { className: "size-12 text-status-error-text mb-4" }),
-						/* @__PURE__ */ s("p", {
+						/* @__PURE__ */ c(r, { className: "size-12 text-status-error-text mb-4" }),
+						/* @__PURE__ */ c("p", {
 							className: "text-text-primary font-medium mb-2",
-							children: "Failed to load image"
+							children: f("files.preview.image.failedToLoad", "Failed to load image")
 						}),
-						/* @__PURE__ */ s("p", {
+						/* @__PURE__ */ c("p", {
 							className: "text-text-secondary text-sm max-w-md text-center px-4",
-							children: x
+							children: C
 						}),
-						/* @__PURE__ */ s("a", {
-							href: u,
+						/* @__PURE__ */ c("a", {
+							href: d,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "mt-4 px-4 py-2 bg-action-primary-bg text-text-inverse rounded-lg hover:bg-action-primary-bg-hover",
-							children: "Open in new tab"
+							children: f("files.preview.image.openInNewTab", "Open in new tab")
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "flex items-center justify-center gap-6 p-3 bg-bg-surface border-t border-border-default text-xs text-text-secondary",
 				children: [
-					/* @__PURE__ */ s("span", { children: l.name }),
-					w.width > 0 && /* @__PURE__ */ c("span", { children: [
-						w.width,
+					/* @__PURE__ */ c("span", { children: u.name }),
+					E.width > 0 && /* @__PURE__ */ l("span", { children: [
+						E.width,
 						" × ",
-						w.height
+						E.height
 					] }),
-					/* @__PURE__ */ c("span", { children: [(l.size / 1024 / 1024).toFixed(2), " MB"] })
+					/* @__PURE__ */ l("span", { children: [(u.size / 1024 / 1024).toFixed(2), " MB"] })
 				]
 			})
 		]
 	});
 }
 //#endregion
-export { l as ImageViewer };
+export { u as ImageViewer };
 
 //# sourceMappingURL=ImageViewer.js.map

package/dist/files/components/viewers/ImageViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageViewer.js","names":[],"sources":["../../../../src/files/components/viewers/ImageViewer.tsx"],"sourcesContent":["import { useState, useRef } from \"react\";\nimport {\n  ZoomIn,\n  ZoomOut,\n  RotateCw,\n  Maximize2,\n  Minimize2,\n  AlertCircle,\n} from \"lucide-react\";\nimport type { FileItem } from \"../../types\";\n\ninterface ImageViewerProps {\n  file: FileItem;\n  url: string;\n}\n\nexport function ImageViewer({ file, url }: ImageViewerProps) {\n  const [zoom, setZoom] = useState(1);\n  const [rotation, setRotation] = useState(0);\n  const [position, setPosition] = useState({ x: 0, y: 0 });\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragStart, setDragStart] = useState({ x: 0, y: 0 });\n  const [imageError, setImageError] = useState<string | null>(null);\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [imageDimensions, setImageDimensions] = useState({\n    width: 0,\n    height: 0,\n  });\n\n  const handleZoomIn = () => setZoom((prev) => Math.min(prev + 0.25, 4));\n  const handleZoomOut = () => setZoom((prev) => Math.max(prev - 0.25, 0.25));\n  const handleResetZoom = () => {\n    setZoom(1);\n    setPosition({ x: 0, y: 0 });\n    setRotation(0);\n  };\n  const handleRotate = () => setRotation((prev) => (prev + 90) % 360);\n\n  const handleMouseDown = (e: React.MouseEvent) => {\n    if (zoom > 1) {\n      setIsDragging(true);\n      setDragStart({ x: e.clientX - position.x, y: e.clientY - position.y });\n    }\n  };\n\n  const handleMouseMove = (e: React.MouseEvent) => {\n    if (isDragging && zoom > 1) {\n      setPosition({\n        x: e.clientX - dragStart.x,\n        y: e.clientY - dragStart.y,\n      });\n    }\n  };\n\n  const handleMouseUp = () => {\n    setIsDragging(false);\n  };\n\n  const handleImageLoad = () => {\n    if (imageRef.current) {\n      setImageDimensions({\n        width: imageRef.current.naturalWidth,\n        height: imageRef.current.naturalHeight,\n      });\n    }\n  };\n\n  const handleImageError = () => {\n    setImageError(`Failed to load image from URL`);\n  };\n\n  return (\n    <div className=\"flex flex-col h-full bg-bg-canvas\">\n      {/* Toolbar */}\n      <div className=\"flex items-center justify-center gap-2 p-4 bg-bg-surface border-b border-border-default\">\n        <button\n          type=\"button\"\n          onClick={handleZoomOut}\n          disabled={zoom <= 0.25}\n          className=\"p-2 text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed\"\n          title=\"Zoom out\"\n        >\n          <ZoomOut className=\"size-5\" />\n        </button>\n\n        <span className=\"min-w-16 text-center text-sm font-medium text-text-primary\">\n          {Math.round(zoom * 100)}%\n        </span>\n\n        <button\n          type=\"button\"\n          onClick={handleZoomIn}\n          disabled={zoom >= 4}\n          className=\"p-2 text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed\"\n          title=\"Zoom in\"\n        >\n          <ZoomIn className=\"size-5\" />\n        </button>\n\n        <div className=\"w-px h-6 bg-border-default mx-2\" />\n\n        <button\n          type=\"button\"\n          onClick={handleResetZoom}\n          className=\"p-2 text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200\"\n          title=\"Fit to screen\"\n        >\n          <Minimize2 className=\"size-5\" />\n        </button>\n\n        <button\n          type=\"button\"\n          onClick={handleRotate}\n          className=\"p-2 text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200\"\n          title=\"Rotate 90°\"\n        >\n          <RotateCw className=\"size-5\" />\n        </button>\n      </div>\n\n      {/* Image Container */}\n      <div\n        className=\"flex-1 overflow-hidden flex items-center justify-center relative\"\n        onMouseDown={handleMouseDown}\n        onMouseMove={handleMouseMove}\n        onMouseUp={handleMouseUp}\n        onMouseLeave={handleMouseUp}\n        style={{\n          cursor: zoom > 1 ? (isDragging ? \"grabbing\" : \"grab\") : \"default\",\n        }}\n      >\n        <img\n          ref={imageRef}\n          src={url}\n          alt={file.name}\n          onLoad={handleImageLoad}\n          onError={handleImageError}\n          draggable={false}\n          className=\"max-w-full max-h-full object-contain transition-transform duration-200\"\n          style={{\n            transform: `scale(${zoom}) rotate(${rotation}deg) translate(${position.x / zoom}px, ${position.y / zoom}px)`,\n            userSelect: \"none\",\n          }}\n        />\n        {imageError && (\n          <div className=\"absolute inset-0 flex flex-col items-center justify-center bg-bg-canvas/90 z-10\">\n            <AlertCircle className=\"size-12 text-status-error-text mb-4\" />\n            <p className=\"text-text-primary font-medium mb-2\">\n              Failed to load image\n            </p>\n            <p className=\"text-text-secondary text-sm max-w-md text-center px-4\">\n              {imageError}\n            </p>\n            <a\n              href={url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"mt-4 px-4 py-2 bg-action-primary-bg text-text-inverse rounded-lg hover:bg-action-primary-bg-hover\"\n            >\n              Open in new tab\n            </a>\n          </div>\n        )}\n      </div>\n\n      {/* Metadata */}\n      <div className=\"flex items-center justify-center gap-6 p-3 bg-bg-surface border-t border-border-default text-xs text-text-secondary\">\n        <span>{file.name}</span>\n        {imageDimensions.width > 0 && (\n          <span>\n            {imageDimensions.width} × {imageDimensions.height}\n          </span>\n        )}\n        <span>{(file.size / 1024 / 1024).toFixed(2)} MB</span>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ImageViewer.js","names":[],"sources":["../../../../src/files/components/viewers/ImageViewer.tsx"],"sourcesContent":["import { useState, useRef } from \"react\";\nimport {\n  ZoomIn,\n  ZoomOut,\n  RotateCw,\n  Maximize2,\n  Minimize2,\n  AlertCircle,\n} from \"lucide-react\";\nimport type { FileItem } from \"../../types\";\nimport { useTr } from \"../../../shared/hooks/useTr\";\n\ninterface ImageViewerProps {\n  file: FileItem;\n  url: string;\n}\n\nexport function ImageViewer({ file, url }: ImageViewerProps) {\n  const tr = useTr();\n  const [zoom, setZoom] = useState(1);\n  const [rotation, setRotation] = useState(0);\n  const [position, setPosition] = useState({ x: 0, y: 0 });\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragStart, setDragStart] = useState({ x: 0, y: 0 });\n  const [imageError, setImageError] = useState<string | null>(null);\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [imageDimensions, setImageDimensions] = useState({\n    width: 0,\n    height: 0,\n  });\n\n  const handleZoomIn = () => setZoom((prev) => Math.min(prev + 0.25, 4));\n  const handleZoomOut = () => setZoom((prev) => Math.max(prev - 0.25, 0.25));\n  const handleResetZoom = () => {\n    setZoom(1);\n    setPosition({ x: 0, y: 0 });\n    setRotation(0);\n  };\n  const handleRotate = () => setRotation((prev) => (prev + 90) % 360);\n\n  const handleMouseDown = (e: React.MouseEvent) => {\n    if (zoom > 1) {\n      setIsDragging(true);\n      setDragStart({ x: e.clientX - position.x, y: e.clientY - position.y });\n    }\n  };\n\n  const handleMouseMove = (e: React.MouseEvent) => {\n    if (isDragging && zoom > 1) {\n      setPosition({\n        x: e.clientX - dragStart.x,\n        y: e.clientY - dragStart.y,\n      });\n    }\n  };\n\n  const handleMouseUp = () => {\n    setIsDragging(false);\n  };\n\n  const handleImageLoad = () => {\n    if (imageRef.current) {\n      setImageDimensions({\n        width: imageRef.current.naturalWidth,\n        height: imageRef.current.naturalHeight,\n      });\n    }\n  };\n\n  const handleImageError = () => {\n    setImageError(\n      tr(\"files.preview.image.loadError\", \"Failed to load image from URL\"),\n    );\n  };\n\n  return (\n    <div className=\"flex flex-col h-full bg-bg-canvas\">\n      {/* Toolbar */}\n      <div className=\"flex items-center justify-center gap-2 p-4 bg-bg-surface border-b border-border-default\">\n        <button\n          type=\"button\"\n          onClick={handleZoomOut}\n          disabled={zoom <= 0.25}\n          className=\"p-2 text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed\"\n          title={tr(\"files.preview.image.zoomOut\", \"Zoom out\")}\n        >\n          <ZoomOut className=\"size-5\" />\n        </button>\n\n        <span className=\"min-w-16 text-center text-sm font-medium text-text-primary\">\n          {Math.round(zoom * 100)}%\n        </span>\n\n        <button\n          type=\"button\"\n          onClick={handleZoomIn}\n          disabled={zoom >= 4}\n          className=\"p-2 text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed\"\n          title={tr(\"files.preview.image.zoomIn\", \"Zoom in\")}\n        >\n          <ZoomIn className=\"size-5\" />\n        </button>\n\n        <div className=\"w-px h-6 bg-border-default mx-2\" />\n\n        <button\n          type=\"button\"\n          onClick={handleResetZoom}\n          className=\"p-2 text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200\"\n          title={tr(\"files.preview.image.fitToScreen\", \"Fit to screen\")}\n        >\n          <Minimize2 className=\"size-5\" />\n        </button>\n\n        <button\n          type=\"button\"\n          onClick={handleRotate}\n          className=\"p-2 text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200\"\n          title={tr(\"files.preview.image.rotate\", \"Rotate 90°\")}\n        >\n          <RotateCw className=\"size-5\" />\n        </button>\n      </div>\n\n      {/* Image Container */}\n      <div\n        className=\"flex-1 overflow-hidden flex items-center justify-center relative\"\n        onMouseDown={handleMouseDown}\n        onMouseMove={handleMouseMove}\n        onMouseUp={handleMouseUp}\n        onMouseLeave={handleMouseUp}\n        style={{\n          cursor: zoom > 1 ? (isDragging ? \"grabbing\" : \"grab\") : \"default\",\n        }}\n      >\n        <img\n          ref={imageRef}\n          src={url}\n          alt={file.name}\n          onLoad={handleImageLoad}\n          onError={handleImageError}\n          draggable={false}\n          className=\"max-w-full max-h-full object-contain transition-transform duration-200\"\n          style={{\n            transform: `scale(${zoom}) rotate(${rotation}deg) translate(${position.x / zoom}px, ${position.y / zoom}px)`,\n            userSelect: \"none\",\n          }}\n        />\n        {imageError && (\n          <div className=\"absolute inset-0 flex flex-col items-center justify-center bg-bg-canvas/90 z-10\">\n            <AlertCircle className=\"size-12 text-status-error-text mb-4\" />\n            <p className=\"text-text-primary font-medium mb-2\">\n              {tr(\"files.preview.image.failedToLoad\", \"Failed to load image\")}\n            </p>\n            <p className=\"text-text-secondary text-sm max-w-md text-center px-4\">\n              {imageError}\n            </p>\n            <a\n              href={url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"mt-4 px-4 py-2 bg-action-primary-bg text-text-inverse rounded-lg hover:bg-action-primary-bg-hover\"\n            >\n              {tr(\"files.preview.image.openInNewTab\", \"Open in new tab\")}\n            </a>\n          </div>\n        )}\n      </div>\n\n      {/* Metadata */}\n      <div className=\"flex items-center justify-center gap-6 p-3 bg-bg-surface border-t border-border-default text-xs text-text-secondary\">\n        <span>{file.name}</span>\n        {imageDimensions.width > 0 && (\n          <span>\n            {imageDimensions.width} × {imageDimensions.height}\n          </span>\n        )}\n        <span>{(file.size / 1024 / 1024).toFixed(2)} MB</span>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/files/components/viewers/PDFViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PDFViewer.d.ts","sourceRoot":"","sources":["../../../../src/files/components/viewers/PDFViewer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,UAAU,cAAc;IACtB,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,cAAc,+BA6EtD"}
+{"version":3,"file":"PDFViewer.d.ts","sourceRoot":"","sources":["../../../../src/files/components/viewers/PDFViewer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,UAAU,cAAc;IACtB,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,cAAc,+BAuFtD"}

package/dist/files/components/viewers/PDFViewer.js

@@ -1,75 +1,78 @@
-import { useState as e } from "react";
-import { ZoomIn as t, ZoomOut as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { useState as t } from "react";
+import { ZoomIn as n, ZoomOut as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/files/components/viewers/PDFViewer.tsx
-function a({ file: a, url: o }) {
-	let [s, c] = e(100), l = () => c((e) => Math.min(e + 25, 200)), u = () => c((e) => Math.max(e - 25, 50)), d = `${o}#view=FitH&zoom=${s}`;
-	return /* @__PURE__ */ i("div", {
+function o({ file: o, url: s }) {
+	let c = e(), [l, u] = t(100), d = () => u((e) => Math.min(e + 25, 200)), f = () => u((e) => Math.max(e - 25, 50)), p = `${s}#view=FitH&zoom=${l}`;
+	return /* @__PURE__ */ a("div", {
 		className: "flex flex-col h-full bg-bg-canvas",
 		children: [
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ a("div", {
 				className: "flex items-center justify-between p-4 bg-bg-surface border-b border-border-default",
-				children: [/* @__PURE__ */ i("div", {
+				children: [/* @__PURE__ */ a("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ r("button", {
+						/* @__PURE__ */ i("button", {
 							type: "button",
-							onClick: u,
-							disabled: s <= 50,
+							onClick: f,
+							disabled: l <= 50,
 							className: "p-2 text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed",
-							title: "Zoom out",
-							children: /* @__PURE__ */ r(n, { className: "size-5" })
+							title: c("files.preview.pdf.zoomOut", "Zoom out"),
+							children: /* @__PURE__ */ i(r, { className: "size-5" })
 						}),
-						/* @__PURE__ */ i("span", {
+						/* @__PURE__ */ a("span", {
 							className: "min-w-16 text-center text-sm font-medium text-text-primary",
-							children: [s, "%"]
+							children: [l, "%"]
 						}),
-						/* @__PURE__ */ r("button", {
+						/* @__PURE__ */ i("button", {
 							type: "button",
-							onClick: l,
-							disabled: s >= 200,
+							onClick: d,
+							disabled: l >= 200,
 							className: "p-2 text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed",
-							title: "Zoom in",
-							children: /* @__PURE__ */ r(t, { className: "size-5" })
+							title: c("files.preview.pdf.zoomIn", "Zoom in"),
+							children: /* @__PURE__ */ i(n, { className: "size-5" })
 						})
 					]
-				}), /* @__PURE__ */ r("span", {
+				}), /* @__PURE__ */ i("span", {
 					className: "text-sm text-text-secondary",
-					children: a.name
+					children: o.name
 				})]
 			}),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", {
 				className: "flex-1 overflow-hidden",
-				children: /* @__PURE__ */ r("object", {
-					data: d,
+				children: /* @__PURE__ */ i("object", {
+					data: p,
 					type: "application/pdf",
 					className: "w-full h-full",
-					title: a.name,
-					children: /* @__PURE__ */ i("div", {
+					title: o.name,
+					children: /* @__PURE__ */ a("div", {
 						className: "flex flex-col items-center justify-center h-full gap-4 p-8",
-						children: [/* @__PURE__ */ i("div", {
+						children: [/* @__PURE__ */ a("div", {
 							className: "text-text-secondary text-center",
-							children: [/* @__PURE__ */ r("p", {
+							children: [/* @__PURE__ */ i("p", {
 								className: "font-text-lg font-weight-medium mb-2",
-								children: "Unable to display PDF"
-							}), /* @__PURE__ */ r("p", {
+								children: c("files.preview.pdf.unableToDisplay", "Unable to display PDF")
+							}), /* @__PURE__ */ i("p", {
 								className: "font-text-sm",
-								children: "Your browser may not support embedded PDF viewing."
+								children: c("files.preview.pdf.browserUnsupported", "Your browser may not support embedded PDF viewing.")
 							})]
-						}), /* @__PURE__ */ r("a", {
-							href: o,
-							download: a.name,
+						}), /* @__PURE__ */ i("a", {
+							href: s,
+							download: o.name,
 							className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-btn hover:bg-action-primary-bg-hover transition-colors",
-							children: "Download PDF"
+							children: c("files.preview.pdf.download", "Download PDF")
 						})]
 					})
 				})
 			}),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", {
 				className: "flex items-center justify-center p-3 bg-bg-surface border-t border-border-default text-xs text-text-secondary",
-				children: /* @__PURE__ */ i("span", { children: [
-					"PDF Document · ",
-					(a.size / 1024 / 1024).toFixed(2),
+				children: /* @__PURE__ */ a("span", { children: [
+					c("files.preview.pdf.documentLabel", "PDF Document"),
+					" ·",
+					" ",
+					(o.size / 1024 / 1024).toFixed(2),
 					" MB"
 				] })
 			})
@@ -77,6 +80,6 @@ function a({ file: a, url: o }) {
 	});
 }
 //#endregion
-export { a as PDFViewer };
+export { o as PDFViewer };
 
 //# sourceMappingURL=PDFViewer.js.map