hazo_files 3.3.0 → 3.4.0

package/dist/ui/index.js

@@ -705,7 +705,109 @@ function PathBreadcrumb({ currentPath, onNavigate, className = "" }) {
 // src/ui/components/FolderTree.tsx
 var import_react2 = require("react");
 var import_core = require("@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
+var import_i18n = require("hazo_core/i18n");
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var t = (0, import_i18n.createPackageT)("hazo_files", en_default);
 function TreeNodeItem({
   node,
   level,
@@ -796,7 +898,7 @@ function FolderTree({
 }) {
   const rootNode = {
     id: "root",
-    name: "Root",
+    name: t("folder_tree.root"),
     path: "/",
     children: tree,
     isExpanded: true
@@ -831,7 +933,9 @@ function formatBytes(bytes, decimals = 2) {
 }
 
 // src/ui/components/FileList.tsx
+var import_i18n2 = require("hazo_core/i18n");
 var import_jsx_runtime4 = require("react/jsx-runtime");
+var t2 = (0, import_i18n2.createPackageT)("hazo_files", en_default);
 function FileItemCard({
   item,
   isSelected,
@@ -947,7 +1051,7 @@ function FileItemCard({
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ml-3 flex-1 truncate text-sm", title: item.name, children: item.name }),
         !item.isDirectory && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-xs text-gray-400 ml-4", children: formatBytes(item.size) }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-xs text-gray-400 ml-4 w-32 truncate", children: new Date(item.modifiedAt).toLocaleDateString() })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-xs text-gray-400 ml-4 w-32 truncate", children: new Date(item.modifiedAt).toLocaleDateString((0, import_i18n2.resolvePackageLocale)("en-US")) })
         ] })
       ]
     }
@@ -996,7 +1100,7 @@ function FileList({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: "This folder is empty" })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: t2("file_list.empty") })
         ]
       }
     );
@@ -1031,9 +1135,9 @@ function FileList({
       onClick: handleBackgroundClick,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center p-2 border-b text-xs text-gray-500 font-medium", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "flex-1 ml-8", children: "Name" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "w-20 ml-4", children: "Size" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "w-32 ml-4", children: "Modified" })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "flex-1 ml-8", children: t2("file_list.header_name") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "w-20 ml-4", children: t2("file_list.header_size") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "w-32 ml-4", children: t2("file_list.header_modified") })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex-1 overflow-auto", children: files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           FileItemCard,
@@ -1154,7 +1258,9 @@ function isPreviewable(filenameOrMime) {
 }
 
 // src/ui/components/FilePreview.tsx
+var import_i18n3 = require("hazo_core/i18n");
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var t3 = (0, import_i18n3.createPackageT)("hazo_files", en_default);
 function FilePreview({
   item,
   getPreviewUrl,
@@ -1195,22 +1301,24 @@ function FilePreview({
     }
   }, [item, getPreviewUrl, getFileContent]);
   if (!item) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `flex items-center justify-center h-full text-gray-400 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "Select a file to preview" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `flex items-center justify-center h-full text-gray-400 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: t3("file_preview.select_prompt") }) });
   }
   if (item.isDirectory) {
     const Icon2 = getFileIcon("folder", true);
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `flex flex-col items-center justify-center h-full p-4 ${className}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon2, { size: 64, className: "text-yellow-500 mb-4" }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { className: "text-lg font-medium", children: item.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Folder" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: t3("file_preview.folder_label") }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mt-4 text-xs text-gray-400 space-y-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
-          "Created: ",
-          new Date(item.createdAt).toLocaleString()
+          t3("file_preview.created_label"),
+          " ",
+          new Date(item.createdAt).toLocaleString((0, import_i18n3.resolvePackageLocale)("en-US"))
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
-          "Modified: ",
-          new Date(item.modifiedAt).toLocaleString()
+          t3("file_preview.modified_label"),
+          " ",
+          new Date(item.modifiedAt).toLocaleString((0, import_i18n3.resolvePackageLocale)("en-US"))
         ] })
       ] })
     ] });
@@ -1223,7 +1331,7 @@ function FilePreview({
   }
   if (error) {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `flex flex-col items-center justify-center h-full p-4 text-red-500 ${className}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "Error loading preview" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: t3("file_preview.error_loading") }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm mt-2", children: error })
     ] });
   }
@@ -1243,41 +1351,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__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col items-center", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { size: 64, className: "text-gray-400 mb-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("audio", { src: previewUrl, controls: true, className: "w-full max-w-md", children: "Your browser does not support audio playback." })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("audio", { src: previewUrl, controls: true, className: "w-full max-w-md", children: t3("file_preview.audio_unsupported") })
       ] }),
       isText(mimeType) && textContent !== null && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col items-center text-gray-400", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { size: 64, className: "mb-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "No preview available" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: t3("file_preview.no_preview") })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "border-t bg-white p-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { className: "font-medium truncate", title: item.name, children: item.name }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mt-2 text-sm text-gray-500 grid grid-cols-2 gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-gray-400", children: "Size:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-gray-400", children: t3("file_preview.size_label") }),
           " ",
           formatBytes(fileItem.size)
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-gray-400", children: "Type:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-gray-400", children: t3("file_preview.type_label") }),
           " ",
           mimeType
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-gray-400", children: "Created:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-gray-400", children: t3("file_preview.created_label") }),
           " ",
-          new Date(item.createdAt).toLocaleDateString()
+          new Date(item.createdAt).toLocaleDateString((0, import_i18n3.resolvePackageLocale)("en-US"))
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-gray-400", children: "Modified:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-gray-400", children: t3("file_preview.modified_label") }),
           " ",
-          new Date(item.modifiedAt).toLocaleDateString()
+          new Date(item.modifiedAt).toLocaleDateString((0, import_i18n3.resolvePackageLocale)("en-US"))
         ] })
       ] })
     ] })
@@ -1286,7 +1394,9 @@ function FilePreview({
 
 // src/ui/components/FileActions.tsx
 var import_react5 = require("react");
+var import_i18n4 = require("hazo_core/i18n");
 var import_jsx_runtime6 = require("react/jsx-runtime");
+var t4 = (0, import_i18n4.createPackageT)("hazo_files", en_default);
 function ActionButton({ icon, label, onClick, disabled, variant = "default" }) {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "button",
@@ -1343,7 +1453,7 @@ function FileActions({
       ActionButton,
       {
         icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PlusIcon, { size: 18 }),
-        label: "New Folder",
+        label: t4("file_actions.new_folder"),
         onClick: onCreateFolder,
         disabled: isLoading
       }
@@ -1352,7 +1462,7 @@ function FileActions({
       ActionButton,
       {
         icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(UploadIcon, { size: 18 }),
-        label: "Upload",
+        label: t4("file_actions.upload"),
         onClick: handleUploadClick,
         disabled: isLoading
       }
@@ -1362,7 +1472,7 @@ function FileActions({
       ActionButton,
       {
         icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DownloadIcon, { size: 18 }),
-        label: "Download",
+        label: t4("file_actions.download"),
         onClick: onDownload,
         disabled: !isFile || isLoading
       }
@@ -1371,7 +1481,7 @@ function FileActions({
       ActionButton,
       {
         icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PencilIcon, { size: 18 }),
-        label: "Rename",
+        label: t4("file_actions.rename"),
         onClick: onRename,
         disabled: !hasSelection || isLoading
       }
@@ -1380,7 +1490,7 @@ function FileActions({
       ActionButton,
       {
         icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TrashIcon, { size: 18 }),
-        label: "Delete",
+        label: t4("file_actions.delete"),
         onClick: onDelete,
         disabled: !hasSelection || isLoading,
         variant: "danger"
@@ -1391,7 +1501,7 @@ function FileActions({
       ActionButton,
       {
         icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RefreshIcon, { size: 18, className: isLoading ? "animate-spin" : "" }),
-        label: "Refresh",
+        label: t4("file_actions.refresh"),
         onClick: onRefresh,
         disabled: isLoading
       }
@@ -1538,7 +1648,9 @@ function DragPreview({ item, className = "" }) {
 
 // src/ui/components/dialogs/CreateFolderDialog.tsx
 var import_react7 = require("react");
+var import_i18n5 = require("hazo_core/i18n");
 var import_jsx_runtime9 = require("react/jsx-runtime");
+var t5 = (0, import_i18n5.createPackageT)("hazo_files", en_default);
 function CreateFolderDialog({
   isOpen,
   onClose,
@@ -1557,11 +1669,11 @@ function CreateFolderDialog({
   const handleSubmit = (0, import_react7.useCallback)(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);
@@ -1588,7 +1700,7 @@ function CreateFolderDialog({
       /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-between p-4 border-b", children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FolderIcon, { size: 20, className: "text-yellow-500" }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: "text-lg font-medium", children: "Create New Folder" })
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: "text-lg font-medium", children: t5("create_folder_dialog.title") })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "button",
@@ -1602,18 +1714,19 @@ function CreateFolderDialog({
       /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("form", { onSubmit: handleSubmit, children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "p-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "text-sm text-gray-500 mb-4", children: [
-            "Creating folder in: ",
+            t5("create_folder_dialog.creating_in"),
+            " ",
             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "font-medium", children: currentPath })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { className: "block", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-medium text-gray-700", children: "Folder Name" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-medium text-gray-700", children: t5("create_folder_dialog.name_label") }),
             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               "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
@@ -1630,7 +1743,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__ */ (0, import_jsx_runtime9.jsxs)(
@@ -1641,7 +1754,7 @@ function CreateFolderDialog({
               disabled: isLoading || !name.trim(),
               children: [
                 isLoading && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LoaderIcon, { size: 16 }),
-                "Create Folder"
+                t5("create_folder_dialog.submit")
               ]
             }
           )
@@ -1653,7 +1766,9 @@ function CreateFolderDialog({
 
 // src/ui/components/dialogs/RenameDialog.tsx
 var import_react8 = require("react");
+var import_i18n6 = require("hazo_core/i18n");
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var t6 = (0, import_i18n6.createPackageT)("hazo_files", en_default);
 function RenameDialog({
   isOpen,
   item,
@@ -1672,11 +1787,11 @@ function RenameDialog({
   const handleSubmit = (0, import_react8.useCallback)(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) {
@@ -1707,10 +1822,7 @@ function RenameDialog({
       /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center justify-between p-4 border-b", children: [
         /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PencilIcon, { size: 20, className: "text-gray-500" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("h2", { className: "text-lg font-medium", children: [
-            "Rename ",
-            item.isDirectory ? "Folder" : "File"
-          ] })
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: "text-lg font-medium", children: item.isDirectory ? t6("rename_dialog.title_folder") : t6("rename_dialog.title_file") })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "button",
@@ -1724,14 +1836,14 @@ function RenameDialog({
       /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("form", { onSubmit: handleSubmit, children: [
         /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "p-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { className: "block", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm font-medium text-gray-700", children: "New Name" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm font-medium text-gray-700", children: t6("rename_dialog.name_label") }),
             /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               "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
@@ -1748,7 +1860,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__ */ (0, import_jsx_runtime10.jsxs)(
@@ -1759,7 +1871,7 @@ function RenameDialog({
               disabled: isLoading || !name.trim(),
               children: [
                 isLoading && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LoaderIcon, { size: 16 }),
-                "Rename"
+                t6("rename_dialog.submit")
               ]
             }
           )
@@ -1771,7 +1883,9 @@ function RenameDialog({
 
 // src/ui/components/dialogs/DeleteConfirmDialog.tsx
 var import_react9 = require("react");
+var import_i18n7 = require("hazo_core/i18n");
 var import_jsx_runtime11 = require("react/jsx-runtime");
+var t7 = (0, import_i18n7.createPackageT)("hazo_files", en_default);
 function DeleteConfirmDialog({
   isOpen,
   item,
@@ -1805,10 +1919,7 @@ function DeleteConfirmDialog({
       /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between p-4 border-b", children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TrashIcon, { size: 20, className: "text-red-500" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("h2", { className: "text-lg font-medium", children: [
-            "Delete ",
-            item.isDirectory ? "Folder" : "File"
-          ] })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { className: "text-lg font-medium", children: item.isDirectory ? t7("delete_confirm_dialog.title_folder") : t7("delete_confirm_dialog.title_file") })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "button",
@@ -1821,12 +1932,12 @@ function DeleteConfirmDialog({
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "p-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "text-gray-700", children: [
-          "Are you sure you want to delete",
+          t7("delete_confirm_dialog.confirm_message"),
           " ",
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "font-medium", children: item.name }),
           "?"
         ] }),
-        item.isDirectory && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime11.jsx)("p", { className: "mt-2 text-sm text-amber-600 bg-amber-50 p-3 rounded", children: t7("delete_confirm_dialog.folder_warning") }),
         error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "mt-2 text-sm text-red-600", children: error })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex justify-end gap-2 p-4 border-t bg-gray-50 rounded-b-lg", children: [
@@ -1837,7 +1948,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__ */ (0, import_jsx_runtime11.jsxs)(
@@ -1849,7 +1960,7 @@ function DeleteConfirmDialog({
             disabled: isLoading,
             children: [
               isLoading && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(LoaderIcon, { size: 16 }),
-              "Delete"
+              t7("delete_confirm_dialog.submit")
             ]
           }
         )
@@ -1860,7 +1971,9 @@ function DeleteConfirmDialog({
 
 // src/ui/components/dialogs/UploadDialog.tsx
 var import_react10 = require("react");
+var import_i18n8 = require("hazo_core/i18n");
 var import_jsx_runtime12 = require("react/jsx-runtime");
+var t8 = (0, import_i18n8.createPackageT)("hazo_files", en_default);
 function UploadDialog({
   isOpen,
   currentPath,
@@ -1896,7 +2009,7 @@ function UploadDialog({
   }, []);
   const handleUpload = (0, import_react10.useCallback)(async () => {
     if (selectedFiles.length === 0) {
-      setError("Please select files to upload");
+      setError(t8("upload_dialog.select_files_error"));
       return;
     }
     setIsLoading(true);
@@ -1932,7 +2045,7 @@ function UploadDialog({
       /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between p-4 border-b", children: [
         /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(UploadIcon, { size: 20, className: "text-blue-500" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "text-lg font-medium", children: "Upload Files" })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "text-lg font-medium", children: t8("upload_dialog.title") })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "button",
@@ -1945,7 +2058,8 @@ function UploadDialog({
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "p-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-sm text-gray-500 mb-4", children: [
-          "Uploading to: ",
+          t8("upload_dialog.uploading_to"),
+          " ",
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "font-medium", children: currentPath })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
@@ -1972,21 +2086,19 @@ function UploadDialog({
               ),
               /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(UploadIcon, { size: 40, className: "mx-auto text-gray-400 mb-4" }),
               /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "text-gray-600", children: [
-                "Drag and drop files here, or",
+                t8("upload_dialog.drop_text"),
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-blue-500 cursor-pointer", children: "browse" })
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-blue-500 cursor-pointer", children: t8("upload_dialog.browse") })
               ] })
             ]
           }
         ),
         selectedFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mt-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "text-sm font-medium text-gray-700", children: [
-              selectedFiles.length,
-              " file(s) selected"
-            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-sm font-medium text-gray-700", children: t8("upload_dialog.files_selected", { count: String(selectedFiles.length) }) }),
             /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "text-sm text-gray-500", children: [
-              "Total: ",
+              t8("upload_dialog.total"),
+              " ",
               formatBytes(totalSize)
             ] })
           ] }),
@@ -2023,7 +2135,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__ */ (0, import_jsx_runtime12.jsxs)(
@@ -2035,7 +2147,8 @@ function UploadDialog({
             disabled: isLoading || selectedFiles.length === 0,
             children: [
               isLoading && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(LoaderIcon, { size: 16 }),
-              "Upload ",
+              t8("upload_dialog.upload"),
+              " ",
               selectedFiles.length > 0 && `(${selectedFiles.length})`
             ]
           }
@@ -2046,15 +2159,17 @@ function UploadDialog({
 }
 
 // src/ui/components/FileInfoPanel.tsx
+var import_i18n9 = require("hazo_core/i18n");
 var import_jsx_runtime13 = require("react/jsx-runtime");
+var t9 = (0, import_i18n9.createPackageT)("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((0, import_i18n9.resolvePackageLocale)("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);
 }
@@ -2066,12 +2181,12 @@ function FileInfoPanel({
   className = ""
 }) {
   if (!item) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: `text-sm text-gray-500 ${className}`, children: "No item selected" });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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,
@@ -2081,43 +2196,45 @@ function FileInfoPanel({
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className, children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("dl", { className: "space-y-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { className: "w-24 text-sm font-medium text-gray-500", children: "Name:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { className: "w-24 text-sm font-medium text-gray-500", children: t9("file_info_panel.name_label") }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { className: "flex-1 text-sm text-gray-900 break-all", children: displayData.name })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { className: "w-24 text-sm font-medium text-gray-500", children: "Path:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { className: "w-24 text-sm font-medium text-gray-500", children: t9("file_info_panel.path_label") }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { className: "flex-1 text-sm text-gray-900 break-all font-mono text-xs", children: displayData.path })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { className: "w-24 text-sm font-medium text-gray-500", children: "Type:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { className: "w-24 text-sm font-medium text-gray-500", children: t9("file_info_panel.type_label") }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { className: "flex-1 text-sm text-gray-900", children: displayData.type })
       ] }),
       displayData.size !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { className: "w-24 text-sm font-medium text-gray-500", children: "Size:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { className: "w-24 text-sm font-medium text-gray-500", children: t9("file_info_panel.size_label") }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { className: "flex-1 text-sm text-gray-900", children: formatBytes(displayData.size) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { className: "w-24 text-sm font-medium text-gray-500", children: "Created:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { className: "w-24 text-sm font-medium text-gray-500", children: t9("file_info_panel.created_label") }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { className: "flex-1 text-sm text-gray-900", children: formatDate(displayData.createdAt) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { className: "w-24 text-sm font-medium text-gray-500", children: "Modified:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { className: "w-24 text-sm font-medium text-gray-500", children: t9("file_info_panel.modified_label") }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { className: "flex-1 text-sm text-gray-900", children: formatDate(displayData.modifiedAt) })
       ] }),
       displayData.storageType && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { className: "w-24 text-sm font-medium text-gray-500", children: "Storage:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { className: "w-24 text-sm font-medium text-gray-500", children: t9("file_info_panel.storage_label") }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { className: "flex-1 text-sm text-gray-900 capitalize", children: displayData.storageType.replace("_", " ") })
       ] })
     ] }),
     showCustomMetadata && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "mt-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { className: "text-sm font-medium text-gray-700 mb-2", children: "Custom Metadata" }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { className: "text-sm font-medium text-gray-700 mb-2", children: t9("file_info_panel.custom_metadata_title") }),
       isLoading ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LoaderIcon, { size: 24, className: "text-gray-400" }) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "bg-gray-50 rounded-lg p-3 border", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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
+var import_i18n10 = require("hazo_core/i18n");
 var import_jsx_runtime14 = require("react/jsx-runtime");
+var t10 = (0, import_i18n10.createPackageT)("hazo_files", en_default);
 function MetadataDialog({
   isOpen,
   item,
@@ -2138,7 +2255,7 @@ function MetadataDialog({
       /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between p-4 border-b", children: [
         /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(InfoIcon, { size: 20, className: "text-blue-500" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h2", { className: "text-lg font-medium", children: "File Metadata" })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h2", { className: "text-lg font-medium", children: t10("metadata_dialog.title") })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "button",
@@ -2164,7 +2281,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")
         }
       ) })
     ] })
@@ -2172,7 +2289,9 @@ function MetadataDialog({
 }
 
 // src/ui/components/FileBrowser.tsx
+var import_i18n11 = require("hazo_core/i18n");
 var import_jsx_runtime15 = require("react/jsx-runtime");
+var t11 = (0, import_i18n11.createPackageT)("hazo_files", en_default);
 function FileBrowser({
   api,
   initialPath = "/",
@@ -2220,7 +2339,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);
@@ -2304,7 +2423,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 = (0, import_react11.useCallback)((item) => {
@@ -2341,7 +2460,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 = (0, import_react11.useCallback)(async (fileList) => {
@@ -2352,7 +2471,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]);
@@ -2370,7 +2489,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 = (0, import_react11.useCallback)(async () => {
@@ -2388,7 +2507,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 = (0, import_react11.useCallback)(async (newName) => {
@@ -2406,7 +2525,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 = (0, import_react11.useCallback)((item, event) => {
@@ -2438,7 +2557,7 @@ function FileBrowser({
   const contextMenuItems = contextMenuItem ? [
     {
       id: "metadata",
-      label: "View Metadata",
+      label: t11("file_browser.context_menu_view_metadata"),
       icon: InfoIcon,
       onClick: handleViewMetadata
     },
@@ -2451,7 +2570,7 @@ function FileBrowser({
     },
     {
       id: "rename",
-      label: "Rename",
+      label: t11("file_browser.context_menu_rename"),
       icon: PencilIcon,
       onClick: () => {
         setSelectedItem(contextMenuItem);
@@ -2460,7 +2579,7 @@ function FileBrowser({
     },
     {
       id: "download",
-      label: "Download",
+      label: t11("file_browser.context_menu_download"),
       icon: DownloadIcon,
       onClick: async () => {
         if (contextMenuItem.isDirectory) return;
@@ -2476,7 +2595,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
@@ -2490,7 +2609,7 @@ function FileBrowser({
     },
     {
       id: "delete",
-      label: "Delete",
+      label: t11("file_browser.context_menu_delete"),
       icon: TrashIcon,
       danger: true,
       onClick: () => {
@@ -4035,22 +4154,27 @@ function PatternSegmentItem({
 }
 
 // src/ui/components/naming/SeparatorPicker.tsx
+var import_i18n12 = require("hazo_core/i18n");
 var import_jsx_runtime20 = require("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 = (0, import_i18n12.createPackageT)("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__ */ (0, import_jsx_runtime20.jsxs)("div", { className: `flex items-center gap-1 ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-xs text-gray-500 mr-1", children: "Add:" }),
-    COMMON_SEPARATORS.map(({ value, label, title }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-xs text-gray-500 mr-1", children: t12("separator_picker.add_label") }),
+    commonSeparators.map(({ value, label, title }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "button",
       {
         type: "button",
@@ -4168,7 +4292,9 @@ function PatternBuilder({
 
 // src/ui/components/naming/PatternPreview.tsx
 var import_react19 = require("react");
+var import_i18n13 = require("hazo_core/i18n");
 var import_jsx_runtime22 = require("react/jsx-runtime");
+var t13 = (0, import_i18n13.createPackageT)("hazo_files", en_default);
 function PatternPreview({
   filePattern,
   folderPattern,
@@ -4181,7 +4307,7 @@ function PatternPreview({
   const date = previewDate || /* @__PURE__ */ new Date();
   const filePreview = (0, import_react19.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,
@@ -4197,7 +4323,7 @@ function PatternPreview({
   }, [filePattern, userVariables, date, counterValue, sampleFileName]);
   const folderPreview = (0, import_react19.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, {
@@ -4208,7 +4334,7 @@ function PatternPreview({
       isEmpty: false
     };
   }, [folderPattern, userVariables, date, counterValue, sampleFileName]);
-  const dateDisplay = date.toLocaleDateString("en-US", {
+  const dateDisplay = date.toLocaleDateString((0, import_i18n13.resolvePackageLocale)("en-US"), {
     weekday: "short",
     year: "numeric",
     month: "short",
@@ -4220,12 +4346,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__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h3", { className: "text-sm font-medium text-gray-700", children: "Preview" }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h3", { className: "text-sm font-medium text-gray-700", children: t13("pattern_preview.title") }),
           /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-xs text-gray-400", children: dateDisplay })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "space-y-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-shrink-0 w-16 text-xs text-gray-500 pt-0.5", children: "File:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-shrink-0 w-16 text-xs text-gray-500 pt-0.5", children: t13("pattern_preview.file_label") }),
             /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "div",
               {
@@ -4259,7 +4385,7 @@ function PatternPreview({
             )
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-shrink-0 w-16 text-xs text-gray-500 pt-0.5", children: "Folder:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-shrink-0 w-16 text-xs text-gray-500 pt-0.5", children: t13("pattern_preview.folder_label") }),
             /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "div",
               {
@@ -4290,7 +4416,7 @@ function PatternPreview({
             )
           ] }),
           !filePreview.isEmpty && !folderPreview.isEmpty && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-start gap-3 pt-2 border-t border-gray-200", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-shrink-0 w-16 text-xs text-gray-500 pt-0.5", children: "Full path:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-shrink-0 w-16 text-xs text-gray-500 pt-0.5", children: t13("pattern_preview.full_path_label") }),
             /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("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,
@@ -4299,7 +4425,7 @@ function PatternPreview({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xs text-gray-400 mt-3 text-center", children: "Preview uses example values from your variables" })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xs text-gray-400 mt-3 text-center", children: t13("pattern_preview.example_note") })
       ]
     }
   );