hazo_files 3.3.0 → 3.4.0

package/dist/ui/index.mjs

@@ -623,7 +623,109 @@ function PathBreadcrumb({ currentPath, onNavigate, className = "" }) {
 // src/ui/components/FolderTree.tsx
 import { useCallback } from "react";
 import { useDroppable } from "@dnd-kit/core";
+
+// src/locales/en.json
+var en_default = {
+  "upload_dialog.title": "Upload Files",
+  "upload_dialog.uploading_to": "Uploading to:",
+  "upload_dialog.drop_text": "Drag and drop files here, or",
+  "upload_dialog.browse": "browse",
+  "upload_dialog.files_selected": "{{count}} file(s) selected",
+  "upload_dialog.total": "Total:",
+  "upload_dialog.cancel": "Cancel",
+  "upload_dialog.upload": "Upload",
+  "upload_dialog.select_files_error": "Please select files to upload",
+  "create_folder_dialog.title": "Create New Folder",
+  "create_folder_dialog.creating_in": "Creating folder in:",
+  "create_folder_dialog.name_label": "Folder Name",
+  "create_folder_dialog.name_placeholder": "Enter folder name",
+  "create_folder_dialog.cancel": "Cancel",
+  "create_folder_dialog.submit": "Create Folder",
+  "create_folder_dialog.name_required_error": "Please enter a folder name",
+  "create_folder_dialog.invalid_chars_error": "Folder name contains invalid characters",
+  "rename_dialog.title_folder": "Rename Folder",
+  "rename_dialog.title_file": "Rename File",
+  "rename_dialog.name_label": "New Name",
+  "rename_dialog.name_placeholder": "Enter new name",
+  "rename_dialog.cancel": "Cancel",
+  "rename_dialog.submit": "Rename",
+  "rename_dialog.name_required_error": "Please enter a name",
+  "rename_dialog.invalid_chars_error": "Name contains invalid characters",
+  "delete_confirm_dialog.title_folder": "Delete Folder",
+  "delete_confirm_dialog.title_file": "Delete File",
+  "delete_confirm_dialog.confirm_message": "Are you sure you want to delete",
+  "delete_confirm_dialog.folder_warning": "Warning: This folder and all its contents will be permanently deleted.",
+  "delete_confirm_dialog.cancel": "Cancel",
+  "delete_confirm_dialog.submit": "Delete",
+  "metadata_dialog.title": "File Metadata",
+  "metadata_dialog.close": "Close",
+  "file_actions.new_folder": "New Folder",
+  "file_actions.upload": "Upload",
+  "file_actions.download": "Download",
+  "file_actions.rename": "Rename",
+  "file_actions.delete": "Delete",
+  "file_actions.refresh": "Refresh",
+  "file_list.empty": "This folder is empty",
+  "file_list.header_name": "Name",
+  "file_list.header_size": "Size",
+  "file_list.header_modified": "Modified",
+  "folder_tree.root": "Root",
+  "file_preview.select_prompt": "Select a file to preview",
+  "file_preview.folder_label": "Folder",
+  "file_preview.created_label": "Created:",
+  "file_preview.modified_label": "Modified:",
+  "file_preview.error_loading": "Error loading preview",
+  "file_preview.video_unsupported": "Your browser does not support video playback.",
+  "file_preview.audio_unsupported": "Your browser does not support audio playback.",
+  "file_preview.no_preview": "No preview available",
+  "file_preview.size_label": "Size:",
+  "file_preview.type_label": "Type:",
+  "file_info_panel.no_item_selected": "No item selected",
+  "file_info_panel.no_custom_metadata": "No custom metadata",
+  "file_info_panel.name_label": "Name:",
+  "file_info_panel.path_label": "Path:",
+  "file_info_panel.type_label": "Type:",
+  "file_info_panel.size_label": "Size:",
+  "file_info_panel.created_label": "Created:",
+  "file_info_panel.modified_label": "Modified:",
+  "file_info_panel.storage_label": "Storage:",
+  "file_info_panel.custom_metadata_title": "Custom Metadata",
+  "file_info_panel.type_folder": "Folder",
+  "file_info_panel.type_unknown": "Unknown",
+  "file_browser.load_directory_error": "Failed to load directory",
+  "file_browser.move_item_error": "Failed to move item",
+  "file_browser.upload_file_error": "Failed to upload {{name}}",
+  "file_browser.download_file_error": "Failed to download file",
+  "file_browser.create_folder_error": "Failed to create folder",
+  "file_browser.delete_error": "Failed to delete",
+  "file_browser.rename_error": "Failed to rename",
+  "file_browser.context_menu_view_metadata": "View Metadata",
+  "file_browser.context_menu_rename": "Rename",
+  "file_browser.context_menu_download": "Download",
+  "file_browser.context_menu_delete": "Delete",
+  "use_file_upload_toasts.job_completed": "{{count}} {{file_word}} processed for {{label}}",
+  "use_file_upload_toasts.upload_failed": "Upload failed for {{label}}: {{error}}",
+  "use_file_upload_toasts.action_required": "Action required for {{label}}",
+  "use_file_upload_toasts.action_required_description": "Review and confirm data conflicts",
+  "use_file_upload_toasts.batch_complete": "Batch complete: {{completed}}/{{total}} succeeded",
+  "pattern_preview.title": "Preview",
+  "pattern_preview.no_pattern": "(no pattern defined)",
+  "pattern_preview.file_label": "File:",
+  "pattern_preview.folder_label": "Folder:",
+  "pattern_preview.full_path_label": "Full path:",
+  "pattern_preview.example_note": "Preview uses example values from your variables",
+  "separator_picker.add_label": "Add:",
+  "separator_picker.title_hyphen": "Hyphen",
+  "separator_picker.title_underscore": "Underscore",
+  "separator_picker.title_slash": "Slash (for folder paths)",
+  "separator_picker.title_space": "Space",
+  "separator_picker.title_period": "Period"
+};
+
+// src/ui/components/FolderTree.tsx
+import { createPackageT } from "hazo_core/i18n";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var t = createPackageT("hazo_files", en_default);
 function TreeNodeItem({
   node,
   level,
@@ -714,7 +816,7 @@ function FolderTree({
 }) {
   const rootNode = {
     id: "root",
-    name: "Root",
+    name: t("folder_tree.root"),
     path: "/",
     children: tree,
     isExpanded: true
@@ -749,7 +851,9 @@ function formatBytes(bytes, decimals = 2) {
 }
 
 // src/ui/components/FileList.tsx
+import { createPackageT as createPackageT2, resolvePackageLocale } from "hazo_core/i18n";
 import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var t2 = createPackageT2("hazo_files", en_default);
 function FileItemCard({
   item,
   isSelected,
@@ -865,7 +969,7 @@ function FileItemCard({
         /* @__PURE__ */ jsx4("span", { className: "ml-3 flex-1 truncate text-sm", title: item.name, children: item.name }),
         !item.isDirectory && /* @__PURE__ */ jsxs4(Fragment, { children: [
           /* @__PURE__ */ jsx4("span", { className: "text-xs text-gray-400 ml-4", children: formatBytes(item.size) }),
-          /* @__PURE__ */ jsx4("span", { className: "text-xs text-gray-400 ml-4 w-32 truncate", children: new Date(item.modifiedAt).toLocaleDateString() })
+          /* @__PURE__ */ jsx4("span", { className: "text-xs text-gray-400 ml-4 w-32 truncate", children: new Date(item.modifiedAt).toLocaleDateString(resolvePackageLocale("en-US")) })
         ] })
       ]
     }
@@ -914,7 +1018,7 @@ function FileList({
               )
             }
           ),
-          /* @__PURE__ */ jsx4("p", { children: "This folder is empty" })
+          /* @__PURE__ */ jsx4("p", { children: t2("file_list.empty") })
         ]
       }
     );
@@ -949,9 +1053,9 @@ function FileList({
       onClick: handleBackgroundClick,
       children: [
         /* @__PURE__ */ jsxs4("div", { className: "flex items-center p-2 border-b text-xs text-gray-500 font-medium", children: [
-          /* @__PURE__ */ jsx4("span", { className: "flex-1 ml-8", children: "Name" }),
-          /* @__PURE__ */ jsx4("span", { className: "w-20 ml-4", children: "Size" }),
-          /* @__PURE__ */ jsx4("span", { className: "w-32 ml-4", children: "Modified" })
+          /* @__PURE__ */ jsx4("span", { className: "flex-1 ml-8", children: t2("file_list.header_name") }),
+          /* @__PURE__ */ jsx4("span", { className: "w-20 ml-4", children: t2("file_list.header_size") }),
+          /* @__PURE__ */ jsx4("span", { className: "w-32 ml-4", children: t2("file_list.header_modified") })
         ] }),
         /* @__PURE__ */ jsx4("div", { className: "flex-1 overflow-auto", children: files.map((file) => /* @__PURE__ */ jsx4(
           FileItemCard,
@@ -1072,7 +1176,9 @@ function isPreviewable(filenameOrMime) {
 }
 
 // src/ui/components/FilePreview.tsx
+import { createPackageT as createPackageT3, resolvePackageLocale as resolvePackageLocale2 } from "hazo_core/i18n";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var t3 = createPackageT3("hazo_files", en_default);
 function FilePreview({
   item,
   getPreviewUrl,
@@ -1113,22 +1219,24 @@ function FilePreview({
     }
   }, [item, getPreviewUrl, getFileContent]);
   if (!item) {
-    return /* @__PURE__ */ jsx5("div", { className: `flex items-center justify-center h-full text-gray-400 ${className}`, children: /* @__PURE__ */ jsx5("p", { children: "Select a file to preview" }) });
+    return /* @__PURE__ */ jsx5("div", { className: `flex items-center justify-center h-full text-gray-400 ${className}`, children: /* @__PURE__ */ jsx5("p", { children: t3("file_preview.select_prompt") }) });
   }
   if (item.isDirectory) {
     const Icon2 = getFileIcon("folder", true);
     return /* @__PURE__ */ jsxs5("div", { className: `flex flex-col items-center justify-center h-full p-4 ${className}`, children: [
       /* @__PURE__ */ jsx5(Icon2, { size: 64, className: "text-yellow-500 mb-4" }),
       /* @__PURE__ */ jsx5("h3", { className: "text-lg font-medium", children: item.name }),
-      /* @__PURE__ */ jsx5("p", { className: "text-sm text-gray-500 mt-2", children: "Folder" }),
+      /* @__PURE__ */ jsx5("p", { className: "text-sm text-gray-500 mt-2", children: t3("file_preview.folder_label") }),
       /* @__PURE__ */ jsxs5("div", { className: "mt-4 text-xs text-gray-400 space-y-1", children: [
         /* @__PURE__ */ jsxs5("p", { children: [
-          "Created: ",
-          new Date(item.createdAt).toLocaleString()
+          t3("file_preview.created_label"),
+          " ",
+          new Date(item.createdAt).toLocaleString(resolvePackageLocale2("en-US"))
         ] }),
         /* @__PURE__ */ jsxs5("p", { children: [
-          "Modified: ",
-          new Date(item.modifiedAt).toLocaleString()
+          t3("file_preview.modified_label"),
+          " ",
+          new Date(item.modifiedAt).toLocaleString(resolvePackageLocale2("en-US"))
         ] })
       ] })
     ] });
@@ -1141,7 +1249,7 @@ function FilePreview({
   }
   if (error) {
     return /* @__PURE__ */ jsxs5("div", { className: `flex flex-col items-center justify-center h-full p-4 text-red-500 ${className}`, children: [
-      /* @__PURE__ */ jsx5("p", { children: "Error loading preview" }),
+      /* @__PURE__ */ jsx5("p", { children: t3("file_preview.error_loading") }),
       /* @__PURE__ */ jsx5("p", { className: "text-sm mt-2", children: error })
     ] });
   }
@@ -1161,41 +1269,41 @@ function FilePreview({
           src: previewUrl,
           controls: true,
           className: "max-w-full max-h-full",
-          children: "Your browser does not support video playback."
+          children: t3("file_preview.video_unsupported")
         }
       ),
       isAudio(mimeType) && previewUrl && /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center", children: [
         /* @__PURE__ */ jsx5(Icon, { size: 64, className: "text-gray-400 mb-4" }),
-        /* @__PURE__ */ jsx5("audio", { src: previewUrl, controls: true, className: "w-full max-w-md", children: "Your browser does not support audio playback." })
+        /* @__PURE__ */ jsx5("audio", { src: previewUrl, controls: true, className: "w-full max-w-md", children: t3("file_preview.audio_unsupported") })
       ] }),
       isText(mimeType) && textContent !== null && /* @__PURE__ */ jsx5("pre", { className: "w-full h-full overflow-auto text-sm bg-white p-4 rounded border font-mono whitespace-pre-wrap", children: textContent }),
       !previewUrl && textContent === null && /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center text-gray-400", children: [
         /* @__PURE__ */ jsx5(Icon, { size: 64, className: "mb-4" }),
-        /* @__PURE__ */ jsx5("p", { children: "No preview available" })
+        /* @__PURE__ */ jsx5("p", { children: t3("file_preview.no_preview") })
       ] })
     ] }),
     /* @__PURE__ */ jsxs5("div", { className: "border-t bg-white p-4", children: [
       /* @__PURE__ */ jsx5("h3", { className: "font-medium truncate", title: item.name, children: item.name }),
       /* @__PURE__ */ jsxs5("div", { className: "mt-2 text-sm text-gray-500 grid grid-cols-2 gap-2", children: [
         /* @__PURE__ */ jsxs5("div", { children: [
-          /* @__PURE__ */ jsx5("span", { className: "text-gray-400", children: "Size:" }),
+          /* @__PURE__ */ jsx5("span", { className: "text-gray-400", children: t3("file_preview.size_label") }),
           " ",
           formatBytes(fileItem.size)
         ] }),
         /* @__PURE__ */ jsxs5("div", { children: [
-          /* @__PURE__ */ jsx5("span", { className: "text-gray-400", children: "Type:" }),
+          /* @__PURE__ */ jsx5("span", { className: "text-gray-400", children: t3("file_preview.type_label") }),
           " ",
           mimeType
         ] }),
         /* @__PURE__ */ jsxs5("div", { children: [
-          /* @__PURE__ */ jsx5("span", { className: "text-gray-400", children: "Created:" }),
+          /* @__PURE__ */ jsx5("span", { className: "text-gray-400", children: t3("file_preview.created_label") }),
           " ",
-          new Date(item.createdAt).toLocaleDateString()
+          new Date(item.createdAt).toLocaleDateString(resolvePackageLocale2("en-US"))
         ] }),
         /* @__PURE__ */ jsxs5("div", { children: [
-          /* @__PURE__ */ jsx5("span", { className: "text-gray-400", children: "Modified:" }),
+          /* @__PURE__ */ jsx5("span", { className: "text-gray-400", children: t3("file_preview.modified_label") }),
           " ",
-          new Date(item.modifiedAt).toLocaleDateString()
+          new Date(item.modifiedAt).toLocaleDateString(resolvePackageLocale2("en-US"))
         ] })
       ] })
     ] })
@@ -1204,7 +1312,9 @@ function FilePreview({
 
 // src/ui/components/FileActions.tsx
 import { useRef } from "react";
+import { createPackageT as createPackageT4 } from "hazo_core/i18n";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var t4 = createPackageT4("hazo_files", en_default);
 function ActionButton({ icon, label, onClick, disabled, variant = "default" }) {
   return /* @__PURE__ */ jsxs6(
     "button",
@@ -1261,7 +1371,7 @@ function FileActions({
       ActionButton,
       {
         icon: /* @__PURE__ */ jsx6(PlusIcon, { size: 18 }),
-        label: "New Folder",
+        label: t4("file_actions.new_folder"),
         onClick: onCreateFolder,
         disabled: isLoading
       }
@@ -1270,7 +1380,7 @@ function FileActions({
       ActionButton,
       {
         icon: /* @__PURE__ */ jsx6(UploadIcon, { size: 18 }),
-        label: "Upload",
+        label: t4("file_actions.upload"),
         onClick: handleUploadClick,
         disabled: isLoading
       }
@@ -1280,7 +1390,7 @@ function FileActions({
       ActionButton,
       {
         icon: /* @__PURE__ */ jsx6(DownloadIcon, { size: 18 }),
-        label: "Download",
+        label: t4("file_actions.download"),
         onClick: onDownload,
         disabled: !isFile || isLoading
       }
@@ -1289,7 +1399,7 @@ function FileActions({
       ActionButton,
       {
         icon: /* @__PURE__ */ jsx6(PencilIcon, { size: 18 }),
-        label: "Rename",
+        label: t4("file_actions.rename"),
         onClick: onRename,
         disabled: !hasSelection || isLoading
       }
@@ -1298,7 +1408,7 @@ function FileActions({
       ActionButton,
       {
         icon: /* @__PURE__ */ jsx6(TrashIcon, { size: 18 }),
-        label: "Delete",
+        label: t4("file_actions.delete"),
         onClick: onDelete,
         disabled: !hasSelection || isLoading,
         variant: "danger"
@@ -1309,7 +1419,7 @@ function FileActions({
       ActionButton,
       {
         icon: /* @__PURE__ */ jsx6(RefreshIcon, { size: 18, className: isLoading ? "animate-spin" : "" }),
-        label: "Refresh",
+        label: t4("file_actions.refresh"),
         onClick: onRefresh,
         disabled: isLoading
       }
@@ -1456,7 +1566,9 @@ function DragPreview({ item, className = "" }) {
 
 // src/ui/components/dialogs/CreateFolderDialog.tsx
 import { useState as useState2, useCallback as useCallback4, useEffect as useEffect3 } from "react";
+import { createPackageT as createPackageT5 } from "hazo_core/i18n";
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var t5 = createPackageT5("hazo_files", en_default);
 function CreateFolderDialog({
   isOpen,
   onClose,
@@ -1475,11 +1587,11 @@ function CreateFolderDialog({
   const handleSubmit = useCallback4(async (e) => {
     e.preventDefault();
     if (!name.trim()) {
-      setError("Please enter a folder name");
+      setError(t5("create_folder_dialog.name_required_error"));
       return;
     }
     if (/[<>:"/\\|?*]/.test(name)) {
-      setError("Folder name contains invalid characters");
+      setError(t5("create_folder_dialog.invalid_chars_error"));
       return;
     }
     setIsLoading(true);
@@ -1506,7 +1618,7 @@ function CreateFolderDialog({
       /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between p-4 border-b", children: [
         /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx9(FolderIcon, { size: 20, className: "text-yellow-500" }),
-          /* @__PURE__ */ jsx9("h2", { className: "text-lg font-medium", children: "Create New Folder" })
+          /* @__PURE__ */ jsx9("h2", { className: "text-lg font-medium", children: t5("create_folder_dialog.title") })
         ] }),
         /* @__PURE__ */ jsx9(
           "button",
@@ -1520,18 +1632,19 @@ function CreateFolderDialog({
       /* @__PURE__ */ jsxs9("form", { onSubmit: handleSubmit, children: [
         /* @__PURE__ */ jsxs9("div", { className: "p-4", children: [
           /* @__PURE__ */ jsxs9("div", { className: "text-sm text-gray-500 mb-4", children: [
-            "Creating folder in: ",
+            t5("create_folder_dialog.creating_in"),
+            " ",
             /* @__PURE__ */ jsx9("span", { className: "font-medium", children: currentPath })
           ] }),
           /* @__PURE__ */ jsxs9("label", { className: "block", children: [
-            /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium text-gray-700", children: "Folder Name" }),
+            /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium text-gray-700", children: t5("create_folder_dialog.name_label") }),
             /* @__PURE__ */ jsx9(
               "input",
               {
                 type: "text",
                 value: name,
                 onChange: (e) => setName(e.target.value),
-                placeholder: "Enter folder name",
+                placeholder: t5("create_folder_dialog.name_placeholder"),
                 className: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
                 autoFocus: true,
                 disabled: isLoading
@@ -1548,7 +1661,7 @@ function CreateFolderDialog({
               onClick: onClose,
               className: "px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-100 rounded-md transition-colors",
               disabled: isLoading,
-              children: "Cancel"
+              children: t5("create_folder_dialog.cancel")
             }
           ),
           /* @__PURE__ */ jsxs9(
@@ -1559,7 +1672,7 @@ function CreateFolderDialog({
               disabled: isLoading || !name.trim(),
               children: [
                 isLoading && /* @__PURE__ */ jsx9(LoaderIcon, { size: 16 }),
-                "Create Folder"
+                t5("create_folder_dialog.submit")
               ]
             }
           )
@@ -1571,7 +1684,9 @@ function CreateFolderDialog({
 
 // src/ui/components/dialogs/RenameDialog.tsx
 import { useState as useState3, useCallback as useCallback5, useEffect as useEffect4 } from "react";
+import { createPackageT as createPackageT6 } from "hazo_core/i18n";
 import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var t6 = createPackageT6("hazo_files", en_default);
 function RenameDialog({
   isOpen,
   item,
@@ -1590,11 +1705,11 @@ function RenameDialog({
   const handleSubmit = useCallback5(async (e) => {
     e.preventDefault();
     if (!name.trim()) {
-      setError("Please enter a name");
+      setError(t6("rename_dialog.name_required_error"));
       return;
     }
     if (/[<>:"/\\|?*]/.test(name)) {
-      setError("Name contains invalid characters");
+      setError(t6("rename_dialog.invalid_chars_error"));
       return;
     }
     if (name.trim() === item?.name) {
@@ -1625,10 +1740,7 @@ function RenameDialog({
       /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between p-4 border-b", children: [
         /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx10(PencilIcon, { size: 20, className: "text-gray-500" }),
-          /* @__PURE__ */ jsxs10("h2", { className: "text-lg font-medium", children: [
-            "Rename ",
-            item.isDirectory ? "Folder" : "File"
-          ] })
+          /* @__PURE__ */ jsx10("h2", { className: "text-lg font-medium", children: item.isDirectory ? t6("rename_dialog.title_folder") : t6("rename_dialog.title_file") })
         ] }),
         /* @__PURE__ */ jsx10(
           "button",
@@ -1642,14 +1754,14 @@ function RenameDialog({
       /* @__PURE__ */ jsxs10("form", { onSubmit: handleSubmit, children: [
         /* @__PURE__ */ jsxs10("div", { className: "p-4", children: [
           /* @__PURE__ */ jsxs10("label", { className: "block", children: [
-            /* @__PURE__ */ jsx10("span", { className: "text-sm font-medium text-gray-700", children: "New Name" }),
+            /* @__PURE__ */ jsx10("span", { className: "text-sm font-medium text-gray-700", children: t6("rename_dialog.name_label") }),
             /* @__PURE__ */ jsx10(
               "input",
               {
                 type: "text",
                 value: name,
                 onChange: (e) => setName(e.target.value),
-                placeholder: "Enter new name",
+                placeholder: t6("rename_dialog.name_placeholder"),
                 className: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
                 autoFocus: true,
                 disabled: isLoading
@@ -1666,7 +1778,7 @@ function RenameDialog({
               onClick: onClose,
               className: "px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-100 rounded-md transition-colors",
               disabled: isLoading,
-              children: "Cancel"
+              children: t6("rename_dialog.cancel")
             }
           ),
           /* @__PURE__ */ jsxs10(
@@ -1677,7 +1789,7 @@ function RenameDialog({
               disabled: isLoading || !name.trim(),
               children: [
                 isLoading && /* @__PURE__ */ jsx10(LoaderIcon, { size: 16 }),
-                "Rename"
+                t6("rename_dialog.submit")
               ]
             }
           )
@@ -1689,7 +1801,9 @@ function RenameDialog({
 
 // src/ui/components/dialogs/DeleteConfirmDialog.tsx
 import { useState as useState4, useCallback as useCallback6 } from "react";
+import { createPackageT as createPackageT7 } from "hazo_core/i18n";
 import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var t7 = createPackageT7("hazo_files", en_default);
 function DeleteConfirmDialog({
   isOpen,
   item,
@@ -1723,10 +1837,7 @@ function DeleteConfirmDialog({
       /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between p-4 border-b", children: [
         /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx11(TrashIcon, { size: 20, className: "text-red-500" }),
-          /* @__PURE__ */ jsxs11("h2", { className: "text-lg font-medium", children: [
-            "Delete ",
-            item.isDirectory ? "Folder" : "File"
-          ] })
+          /* @__PURE__ */ jsx11("h2", { className: "text-lg font-medium", children: item.isDirectory ? t7("delete_confirm_dialog.title_folder") : t7("delete_confirm_dialog.title_file") })
         ] }),
         /* @__PURE__ */ jsx11(
           "button",
@@ -1739,12 +1850,12 @@ function DeleteConfirmDialog({
       ] }),
       /* @__PURE__ */ jsxs11("div", { className: "p-4", children: [
         /* @__PURE__ */ jsxs11("p", { className: "text-gray-700", children: [
-          "Are you sure you want to delete",
+          t7("delete_confirm_dialog.confirm_message"),
           " ",
           /* @__PURE__ */ jsx11("span", { className: "font-medium", children: item.name }),
           "?"
         ] }),
-        item.isDirectory && /* @__PURE__ */ jsx11("p", { className: "mt-2 text-sm text-amber-600 bg-amber-50 p-3 rounded", children: "Warning: This folder and all its contents will be permanently deleted." }),
+        item.isDirectory && /* @__PURE__ */ jsx11("p", { className: "mt-2 text-sm text-amber-600 bg-amber-50 p-3 rounded", children: t7("delete_confirm_dialog.folder_warning") }),
         error && /* @__PURE__ */ jsx11("p", { className: "mt-2 text-sm text-red-600", children: error })
       ] }),
       /* @__PURE__ */ jsxs11("div", { className: "flex justify-end gap-2 p-4 border-t bg-gray-50 rounded-b-lg", children: [
@@ -1755,7 +1866,7 @@ function DeleteConfirmDialog({
             onClick: onClose,
             className: "px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-100 rounded-md transition-colors",
             disabled: isLoading,
-            children: "Cancel"
+            children: t7("delete_confirm_dialog.cancel")
           }
         ),
         /* @__PURE__ */ jsxs11(
@@ -1767,7 +1878,7 @@ function DeleteConfirmDialog({
             disabled: isLoading,
             children: [
               isLoading && /* @__PURE__ */ jsx11(LoaderIcon, { size: 16 }),
-              "Delete"
+              t7("delete_confirm_dialog.submit")
             ]
           }
         )
@@ -1778,7 +1889,9 @@ function DeleteConfirmDialog({
 
 // src/ui/components/dialogs/UploadDialog.tsx
 import { useState as useState5, useCallback as useCallback7, useRef as useRef3 } from "react";
+import { createPackageT as createPackageT8 } from "hazo_core/i18n";
 import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var t8 = createPackageT8("hazo_files", en_default);
 function UploadDialog({
   isOpen,
   currentPath,
@@ -1814,7 +1927,7 @@ function UploadDialog({
   }, []);
   const handleUpload = useCallback7(async () => {
     if (selectedFiles.length === 0) {
-      setError("Please select files to upload");
+      setError(t8("upload_dialog.select_files_error"));
       return;
     }
     setIsLoading(true);
@@ -1850,7 +1963,7 @@ function UploadDialog({
       /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between p-4 border-b", children: [
         /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx12(UploadIcon, { size: 20, className: "text-blue-500" }),
-          /* @__PURE__ */ jsx12("h2", { className: "text-lg font-medium", children: "Upload Files" })
+          /* @__PURE__ */ jsx12("h2", { className: "text-lg font-medium", children: t8("upload_dialog.title") })
         ] }),
         /* @__PURE__ */ jsx12(
           "button",
@@ -1863,7 +1976,8 @@ function UploadDialog({
       ] }),
       /* @__PURE__ */ jsxs12("div", { className: "p-4", children: [
         /* @__PURE__ */ jsxs12("div", { className: "text-sm text-gray-500 mb-4", children: [
-          "Uploading to: ",
+          t8("upload_dialog.uploading_to"),
+          " ",
           /* @__PURE__ */ jsx12("span", { className: "font-medium", children: currentPath })
         ] }),
         /* @__PURE__ */ jsxs12(
@@ -1890,21 +2004,19 @@ function UploadDialog({
               ),
               /* @__PURE__ */ jsx12(UploadIcon, { size: 40, className: "mx-auto text-gray-400 mb-4" }),
               /* @__PURE__ */ jsxs12("p", { className: "text-gray-600", children: [
-                "Drag and drop files here, or",
+                t8("upload_dialog.drop_text"),
                 " ",
-                /* @__PURE__ */ jsx12("span", { className: "text-blue-500 cursor-pointer", children: "browse" })
+                /* @__PURE__ */ jsx12("span", { className: "text-blue-500 cursor-pointer", children: t8("upload_dialog.browse") })
               ] })
             ]
           }
         ),
         selectedFiles.length > 0 && /* @__PURE__ */ jsxs12("div", { className: "mt-4", children: [
           /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between mb-2", children: [
-            /* @__PURE__ */ jsxs12("span", { className: "text-sm font-medium text-gray-700", children: [
-              selectedFiles.length,
-              " file(s) selected"
-            ] }),
+            /* @__PURE__ */ jsx12("span", { className: "text-sm font-medium text-gray-700", children: t8("upload_dialog.files_selected", { count: String(selectedFiles.length) }) }),
             /* @__PURE__ */ jsxs12("span", { className: "text-sm text-gray-500", children: [
-              "Total: ",
+              t8("upload_dialog.total"),
+              " ",
               formatBytes(totalSize)
             ] })
           ] }),
@@ -1941,7 +2053,7 @@ function UploadDialog({
             onClick: handleClose,
             className: "px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-100 rounded-md transition-colors",
             disabled: isLoading,
-            children: "Cancel"
+            children: t8("upload_dialog.cancel")
           }
         ),
         /* @__PURE__ */ jsxs12(
@@ -1953,7 +2065,8 @@ function UploadDialog({
             disabled: isLoading || selectedFiles.length === 0,
             children: [
               isLoading && /* @__PURE__ */ jsx12(LoaderIcon, { size: 16 }),
-              "Upload ",
+              t8("upload_dialog.upload"),
+              " ",
               selectedFiles.length > 0 && `(${selectedFiles.length})`
             ]
           }
@@ -1964,15 +2077,17 @@ function UploadDialog({
 }
 
 // src/ui/components/FileInfoPanel.tsx
+import { createPackageT as createPackageT9, resolvePackageLocale as resolvePackageLocale3 } from "hazo_core/i18n";
 import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+var t9 = createPackageT9("hazo_files", en_default);
 function formatDate(date) {
   if (!date) return "-";
   const d = date instanceof Date ? date : new Date(date);
-  return d.toLocaleString();
+  return d.toLocaleString(resolvePackageLocale3("en-US"));
 }
 function formatJSON(data) {
   if (!data || Object.keys(data).length === 0) {
-    return "No custom metadata";
+    return t9("file_info_panel.no_custom_metadata");
   }
   return JSON.stringify(data, null, 2);
 }
@@ -1984,12 +2099,12 @@ function FileInfoPanel({
   className = ""
 }) {
   if (!item) {
-    return /* @__PURE__ */ jsx13("div", { className: `text-sm text-gray-500 ${className}`, children: "No item selected" });
+    return /* @__PURE__ */ jsx13("div", { className: `text-sm text-gray-500 ${className}`, children: t9("file_info_panel.no_item_selected") });
   }
   const displayData = {
     name: item.name || "-",
     path: item.path || "-",
-    type: item.isDirectory ? "Folder" : item?.mimeType || "Unknown",
+    type: item.isDirectory ? t9("file_info_panel.type_folder") : item?.mimeType || t9("file_info_panel.type_unknown"),
     size: item.isDirectory ? void 0 : item?.size,
     createdAt: item.createdAt,
     modifiedAt: item.modifiedAt,
@@ -1999,43 +2114,45 @@ function FileInfoPanel({
   return /* @__PURE__ */ jsxs13("div", { className, children: [
     /* @__PURE__ */ jsxs13("dl", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxs13("div", { className: "flex", children: [
-        /* @__PURE__ */ jsx13("dt", { className: "w-24 text-sm font-medium text-gray-500", children: "Name:" }),
+        /* @__PURE__ */ jsx13("dt", { className: "w-24 text-sm font-medium text-gray-500", children: t9("file_info_panel.name_label") }),
         /* @__PURE__ */ jsx13("dd", { className: "flex-1 text-sm text-gray-900 break-all", children: displayData.name })
       ] }),
       /* @__PURE__ */ jsxs13("div", { className: "flex", children: [
-        /* @__PURE__ */ jsx13("dt", { className: "w-24 text-sm font-medium text-gray-500", children: "Path:" }),
+        /* @__PURE__ */ jsx13("dt", { className: "w-24 text-sm font-medium text-gray-500", children: t9("file_info_panel.path_label") }),
         /* @__PURE__ */ jsx13("dd", { className: "flex-1 text-sm text-gray-900 break-all font-mono text-xs", children: displayData.path })
       ] }),
       /* @__PURE__ */ jsxs13("div", { className: "flex", children: [
-        /* @__PURE__ */ jsx13("dt", { className: "w-24 text-sm font-medium text-gray-500", children: "Type:" }),
+        /* @__PURE__ */ jsx13("dt", { className: "w-24 text-sm font-medium text-gray-500", children: t9("file_info_panel.type_label") }),
         /* @__PURE__ */ jsx13("dd", { className: "flex-1 text-sm text-gray-900", children: displayData.type })
       ] }),
       displayData.size !== void 0 && /* @__PURE__ */ jsxs13("div", { className: "flex", children: [
-        /* @__PURE__ */ jsx13("dt", { className: "w-24 text-sm font-medium text-gray-500", children: "Size:" }),
+        /* @__PURE__ */ jsx13("dt", { className: "w-24 text-sm font-medium text-gray-500", children: t9("file_info_panel.size_label") }),
         /* @__PURE__ */ jsx13("dd", { className: "flex-1 text-sm text-gray-900", children: formatBytes(displayData.size) })
       ] }),
       /* @__PURE__ */ jsxs13("div", { className: "flex", children: [
-        /* @__PURE__ */ jsx13("dt", { className: "w-24 text-sm font-medium text-gray-500", children: "Created:" }),
+        /* @__PURE__ */ jsx13("dt", { className: "w-24 text-sm font-medium text-gray-500", children: t9("file_info_panel.created_label") }),
         /* @__PURE__ */ jsx13("dd", { className: "flex-1 text-sm text-gray-900", children: formatDate(displayData.createdAt) })
       ] }),
       /* @__PURE__ */ jsxs13("div", { className: "flex", children: [
-        /* @__PURE__ */ jsx13("dt", { className: "w-24 text-sm font-medium text-gray-500", children: "Modified:" }),
+        /* @__PURE__ */ jsx13("dt", { className: "w-24 text-sm font-medium text-gray-500", children: t9("file_info_panel.modified_label") }),
         /* @__PURE__ */ jsx13("dd", { className: "flex-1 text-sm text-gray-900", children: formatDate(displayData.modifiedAt) })
       ] }),
       displayData.storageType && /* @__PURE__ */ jsxs13("div", { className: "flex", children: [
-        /* @__PURE__ */ jsx13("dt", { className: "w-24 text-sm font-medium text-gray-500", children: "Storage:" }),
+        /* @__PURE__ */ jsx13("dt", { className: "w-24 text-sm font-medium text-gray-500", children: t9("file_info_panel.storage_label") }),
         /* @__PURE__ */ jsx13("dd", { className: "flex-1 text-sm text-gray-900 capitalize", children: displayData.storageType.replace("_", " ") })
       ] })
     ] }),
     showCustomMetadata && /* @__PURE__ */ jsxs13("div", { className: "mt-6", children: [
-      /* @__PURE__ */ jsx13("h3", { className: "text-sm font-medium text-gray-700 mb-2", children: "Custom Metadata" }),
+      /* @__PURE__ */ jsx13("h3", { className: "text-sm font-medium text-gray-700 mb-2", children: t9("file_info_panel.custom_metadata_title") }),
       isLoading ? /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx13(LoaderIcon, { size: 24, className: "text-gray-400" }) }) : /* @__PURE__ */ jsx13("div", { className: "bg-gray-50 rounded-lg p-3 border", children: /* @__PURE__ */ jsx13("pre", { className: "text-xs text-gray-700 font-mono whitespace-pre-wrap overflow-auto max-h-48", children: formatJSON(displayData.fileData) }) })
     ] })
   ] });
 }
 
 // src/ui/components/dialogs/MetadataDialog.tsx
+import { createPackageT as createPackageT10 } from "hazo_core/i18n";
 import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+var t10 = createPackageT10("hazo_files", en_default);
 function MetadataDialog({
   isOpen,
   item,
@@ -2056,7 +2173,7 @@ function MetadataDialog({
       /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between p-4 border-b", children: [
         /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx14(InfoIcon, { size: 20, className: "text-blue-500" }),
-          /* @__PURE__ */ jsx14("h2", { className: "text-lg font-medium", children: "File Metadata" })
+          /* @__PURE__ */ jsx14("h2", { className: "text-lg font-medium", children: t10("metadata_dialog.title") })
         ] }),
         /* @__PURE__ */ jsx14(
           "button",
@@ -2082,7 +2199,7 @@ function MetadataDialog({
           type: "button",
           onClick: onClose,
           className: "px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-100 rounded-md transition-colors",
-          children: "Close"
+          children: t10("metadata_dialog.close")
         }
       ) })
     ] })
@@ -2090,7 +2207,9 @@ function MetadataDialog({
 }
 
 // src/ui/components/FileBrowser.tsx
+import { createPackageT as createPackageT11 } from "hazo_core/i18n";
 import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+var t11 = createPackageT11("hazo_files", en_default);
 function FileBrowser({
   api,
   initialPath = "/",
@@ -2138,7 +2257,7 @@ function FileBrowser({
         setSelectedItem(null);
         onNavigate?.(path);
       } else {
-        onError?.(result.error || "Failed to load directory");
+        onError?.(result.error || t11("file_browser.load_directory_error"));
       }
     } finally {
       setIsLoading(false);
@@ -2222,7 +2341,7 @@ function FileBrowser({
         await loadTree();
       }
     } else {
-      onError?.(result.error || "Failed to move item");
+      onError?.(result.error || t11("file_browser.move_item_error"));
     }
   }, [draggedItem, isValidDropTarget, api, currentPath, showTree, loadDirectory, loadTree, onError]);
   const handleSelect = useCallback8((item) => {
@@ -2259,7 +2378,7 @@ function FileBrowser({
       setFiles((prev) => sortItems([...prev, result.data]));
       await loadTree();
     } else {
-      throw new Error(result.error || "Failed to create folder");
+      throw new Error(result.error || t11("file_browser.create_folder_error"));
     }
   }, [api, currentPath, loadTree]);
   const handleUpload = useCallback8(async (fileList) => {
@@ -2270,7 +2389,7 @@ function FileBrowser({
       if (result.success && result.data) {
         setFiles((prev) => sortItems([...prev, result.data]));
       } else {
-        onError?.(result.error || `Failed to upload ${file.name}`);
+        onError?.(result.error || t11("file_browser.upload_file_error", { name: file.name }));
       }
     }
   }, [api, currentPath, onError]);
@@ -2288,7 +2407,7 @@ function FileBrowser({
       document.body.removeChild(a);
       URL.revokeObjectURL(url);
     } else {
-      onError?.(result.error || "Failed to download file");
+      onError?.(result.error || t11("file_browser.download_file_error"));
     }
   }, [api, selectedItem, onError]);
   const handleDelete = useCallback8(async () => {
@@ -2306,7 +2425,7 @@ function FileBrowser({
         await loadTree();
       }
     } else {
-      throw new Error(result.error || "Failed to delete");
+      throw new Error(result.error || t11("file_browser.delete_error"));
     }
   }, [api, selectedItem, loadTree]);
   const handleRename = useCallback8(async (newName) => {
@@ -2324,7 +2443,7 @@ function FileBrowser({
         await loadTree();
       }
     } else {
-      throw new Error(result.error || "Failed to rename");
+      throw new Error(result.error || t11("file_browser.rename_error"));
     }
   }, [api, selectedItem, loadTree]);
   const handleContextMenu = useCallback8((item, event) => {
@@ -2356,7 +2475,7 @@ function FileBrowser({
   const contextMenuItems = contextMenuItem ? [
     {
       id: "metadata",
-      label: "View Metadata",
+      label: t11("file_browser.context_menu_view_metadata"),
       icon: InfoIcon,
       onClick: handleViewMetadata
     },
@@ -2369,7 +2488,7 @@ function FileBrowser({
     },
     {
       id: "rename",
-      label: "Rename",
+      label: t11("file_browser.context_menu_rename"),
       icon: PencilIcon,
       onClick: () => {
         setSelectedItem(contextMenuItem);
@@ -2378,7 +2497,7 @@ function FileBrowser({
     },
     {
       id: "download",
-      label: "Download",
+      label: t11("file_browser.context_menu_download"),
       icon: DownloadIcon,
       onClick: async () => {
         if (contextMenuItem.isDirectory) return;
@@ -2394,7 +2513,7 @@ function FileBrowser({
           document.body.removeChild(a);
           URL.revokeObjectURL(url);
         } else {
-          onError?.(result.error || "Failed to download file");
+          onError?.(result.error || t11("file_browser.download_file_error"));
         }
       },
       disabled: contextMenuItem.isDirectory
@@ -2408,7 +2527,7 @@ function FileBrowser({
     },
     {
       id: "delete",
-      label: "Delete",
+      label: t11("file_browser.context_menu_delete"),
       icon: TrashIcon,
       danger: true,
       onClick: () => {
@@ -3963,22 +4082,27 @@ function PatternSegmentItem({
 }
 
 // src/ui/components/naming/SeparatorPicker.tsx
+import { createPackageT as createPackageT12 } from "hazo_core/i18n";
 import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
-var COMMON_SEPARATORS = [
-  { value: "-", label: "-", title: "Hyphen" },
-  { value: "_", label: "_", title: "Underscore" },
-  { value: "/", label: "/", title: "Slash (for folder paths)" },
-  { value: " ", label: "\u2423", title: "Space" },
-  { value: ".", label: ".", title: "Period" }
-];
+var t12 = createPackageT12("hazo_files", en_default);
+function getCommonSeparators() {
+  return [
+    { value: "-", label: "-", title: t12("separator_picker.title_hyphen") },
+    { value: "_", label: "_", title: t12("separator_picker.title_underscore") },
+    { value: "/", label: "/", title: t12("separator_picker.title_slash") },
+    { value: " ", label: "\u2423", title: t12("separator_picker.title_space") },
+    { value: ".", label: ".", title: t12("separator_picker.title_period") }
+  ];
+}
 function SeparatorPicker({
   onSelect,
   disabled = false,
   className = ""
 }) {
+  const commonSeparators = getCommonSeparators();
   return /* @__PURE__ */ jsxs19("div", { className: `flex items-center gap-1 ${className}`, children: [
-    /* @__PURE__ */ jsx20("span", { className: "text-xs text-gray-500 mr-1", children: "Add:" }),
-    COMMON_SEPARATORS.map(({ value, label, title }) => /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx20("span", { className: "text-xs text-gray-500 mr-1", children: t12("separator_picker.add_label") }),
+    commonSeparators.map(({ value, label, title }) => /* @__PURE__ */ jsx20(
       "button",
       {
         type: "button",
@@ -4096,7 +4220,9 @@ function PatternBuilder({
 
 // src/ui/components/naming/PatternPreview.tsx
 import { useMemo } from "react";
+import { createPackageT as createPackageT13, resolvePackageLocale as resolvePackageLocale4 } from "hazo_core/i18n";
 import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+var t13 = createPackageT13("hazo_files", en_default);
 function PatternPreview({
   filePattern,
   folderPattern,
@@ -4109,7 +4235,7 @@ function PatternPreview({
   const date = previewDate || /* @__PURE__ */ new Date();
   const filePreview = useMemo(() => {
     if (filePattern.length === 0) {
-      return { name: "(no pattern defined)", isEmpty: true };
+      return { name: t13("pattern_preview.no_pattern"), isEmpty: true };
     }
     const baseName = generatePreviewName(filePattern, userVariables, {
       date,
@@ -4125,7 +4251,7 @@ function PatternPreview({
   }, [filePattern, userVariables, date, counterValue, sampleFileName]);
   const folderPreview = useMemo(() => {
     if (folderPattern.length === 0) {
-      return { name: "(no pattern defined)", isEmpty: true };
+      return { name: t13("pattern_preview.no_pattern"), isEmpty: true };
     }
     return {
       name: generatePreviewName(folderPattern, userVariables, {
@@ -4136,7 +4262,7 @@ function PatternPreview({
       isEmpty: false
     };
   }, [folderPattern, userVariables, date, counterValue, sampleFileName]);
-  const dateDisplay = date.toLocaleDateString("en-US", {
+  const dateDisplay = date.toLocaleDateString(resolvePackageLocale4("en-US"), {
     weekday: "short",
     year: "numeric",
     month: "short",
@@ -4148,12 +4274,12 @@ function PatternPreview({
       className: `bg-gradient-to-br from-gray-50 to-gray-100 rounded-lg border border-gray-200 p-4 ${className}`,
       children: [
         /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between mb-3", children: [
-          /* @__PURE__ */ jsx22("h3", { className: "text-sm font-medium text-gray-700", children: "Preview" }),
+          /* @__PURE__ */ jsx22("h3", { className: "text-sm font-medium text-gray-700", children: t13("pattern_preview.title") }),
           /* @__PURE__ */ jsx22("span", { className: "text-xs text-gray-400", children: dateDisplay })
         ] }),
         /* @__PURE__ */ jsxs21("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxs21("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx22("div", { className: "flex-shrink-0 w-16 text-xs text-gray-500 pt-0.5", children: "File:" }),
+            /* @__PURE__ */ jsx22("div", { className: "flex-shrink-0 w-16 text-xs text-gray-500 pt-0.5", children: t13("pattern_preview.file_label") }),
             /* @__PURE__ */ jsx22(
               "div",
               {
@@ -4187,7 +4313,7 @@ function PatternPreview({
             )
           ] }),
           /* @__PURE__ */ jsxs21("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx22("div", { className: "flex-shrink-0 w-16 text-xs text-gray-500 pt-0.5", children: "Folder:" }),
+            /* @__PURE__ */ jsx22("div", { className: "flex-shrink-0 w-16 text-xs text-gray-500 pt-0.5", children: t13("pattern_preview.folder_label") }),
             /* @__PURE__ */ jsx22(
               "div",
               {
@@ -4218,7 +4344,7 @@ function PatternPreview({
             )
           ] }),
           !filePreview.isEmpty && !folderPreview.isEmpty && /* @__PURE__ */ jsxs21("div", { className: "flex items-start gap-3 pt-2 border-t border-gray-200", children: [
-            /* @__PURE__ */ jsx22("div", { className: "flex-shrink-0 w-16 text-xs text-gray-500 pt-0.5", children: "Full path:" }),
+            /* @__PURE__ */ jsx22("div", { className: "flex-shrink-0 w-16 text-xs text-gray-500 pt-0.5", children: t13("pattern_preview.full_path_label") }),
             /* @__PURE__ */ jsxs21("div", { className: "flex-1 font-mono text-xs text-gray-600 px-3 py-2 rounded bg-gray-100 border border-gray-200 overflow-x-auto", children: [
               "/",
               folderPreview.name,
@@ -4227,7 +4353,7 @@ function PatternPreview({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx22("p", { className: "text-xs text-gray-400 mt-3 text-center", children: "Preview uses example values from your variables" })
+        /* @__PURE__ */ jsx22("p", { className: "text-xs text-gray-400 mt-3 text-center", children: t13("pattern_preview.example_note") })
       ]
     }
   );