npm - hazo_ui - Versions diffs - 6.12.3 → 6.12.5 - Mend

hazo_ui 6.12.3 → 6.12.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/CHANGE_LOG.md +48 -0
package/README.md +4 -0
package/dist/index.cjs +368 -221
package/dist/index.cjs.map +1 -1
package/dist/index.js +368 -221
package/dist/index.js.map +1 -1
package/dist/index.locale-picker.cjs +217 -3
package/dist/index.locale-picker.cjs.map +1 -1
package/dist/index.locale-picker.d.cts +1 -1
package/dist/index.locale-picker.d.ts +1 -1
package/dist/index.locale-picker.js +217 -3
package/dist/index.locale-picker.js.map +1 -1
package/package.json +2 -2

package/dist/index.cjs CHANGED Viewed

@@ -182,8 +182,8 @@ var require_extends = __commonJS({
     function _extends11() {
       return module.exports = _extends11 = Object.assign ? Object.assign.bind() : function(n) {
         for (var e = 1; e < arguments.length; e++) {
-          var t14 = arguments[e];
-          for (var r in t14) ({}).hasOwnProperty.call(t14, r) && (n[r] = t14[r]);
+          var t35 = arguments[e];
+          for (var r in t35) ({}).hasOwnProperty.call(t35, r) && (n[r] = t35[r]);
         }
         return n;
       }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends11.apply(null, arguments);
@@ -197,12 +197,12 @@ var require_objectWithoutPropertiesLoose = __commonJS({
   "../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
     function _objectWithoutPropertiesLoose10(r, e) {
       if (null == r) return {};
-      var t14 = {};
+      var t35 = {};
       for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
         if (-1 !== e.indexOf(n)) continue;
-        t14[n] = r[n];
+        t35[n] = r[n];
       }
-      return t14;
+      return t35;
     }
     module.exports = _objectWithoutPropertiesLoose10, module.exports.__esModule = true, module.exports["default"] = module.exports;
   }
@@ -817,7 +817,112 @@ var en_default = {
   "icon_picker.search_placeholder": "Search icons...",
   "common.loading": "Loading...",
   "common.cancel": "Cancel",
-  "common.search": "Search..."
+  "common.search": "Search...",
+  "dialog.default_title": "Action required",
+  "dialog.cancel": "Cancel",
+  "dialog.ok": "OK",
+  "dialog.confirm": "Confirm",
+  "dialog.close": "Close",
+  "kanban.status_label": "Status",
+  "kanban.edit_fallback": "Edit {{id}}",
+  "kanban.update_description": "Update card details below.",
+  "kanban.saving": "Saving\u2026",
+  "kanban.save": "Save",
+  "kanban.cancel": "Cancel",
+  "kanban.select_placeholder": "Select {{label}}\u2026",
+  "kanban.select_priority": "Select priority\u2026",
+  "kanban.select_status": "Select status\u2026",
+  "markdown.placeholder": "Write in Markdown\u2026",
+  "markdown.upload_failed": "Upload failed.",
+  "markdown.loading_editor": "Loading editor\u2026",
+  "markdown.uploading_image": "Uploading image\u2026",
+  "cropper.title": "Crop photo",
+  "cropper.save": "Save",
+  "cropper.cancel": "Cancel",
+  "cropper.zoom": "Zoom",
+  "memory.search_placeholder": "Search history\u2026",
+  "memory.no_history": "No history yet",
+  "memory.remove_aria": "Remove {{label}} from history",
+  "celebration.close": "Close celebration",
+  "celebration.download_png": "Download PNG",
+  "celebration.share": "Share",
+  "celebration.copy_image": "Copy image",
+  "celebration.dismiss": "Dismiss",
+  "charts.date_range": "Date range",
+  "flex_input.must_be_valid_number": "Must be a valid number",
+  "flex_input.max_decimals": "Maximum {{count}} decimal places allowed",
+  "flex_input.min_value": "Must be at least {{min}}",
+  "flex_input.max_value": "Must be at most {{max}}",
+  "flex_input.alpha_only": "Only letters, numbers, and spaces are allowed",
+  "flex_input.must_be_valid_email": "Must be a valid email address",
+  "flex_input.min_characters": "Must be at least {{min}} characters",
+  "flex_input.max_characters": "Must be at most {{max}} characters",
+  "flex_input.invalid_format": "Invalid format",
+  "flex_input.invalid_input": "Invalid input",
+  "textbox.placeholder": "Type here...",
+  "textarea.placeholder": "Type here...",
+  "common.remove": "Remove",
+  "locale_picker.change_language": "Change language",
+  "app_logo.alt_fallback": "Logo",
+  "app_header.aria_label": "Application header",
+  "skeleton.loading_content": "Loading content",
+  "spinner.loading": "Loading",
+  "spinner.loading_text": "Loading...",
+  "rte.update_link": "Update Link",
+  "rte.add_link": "Add Link",
+  "rte.remove_link": "Remove",
+  "rte.select_size": "Select size",
+  "rte.custom_size": "Custom size",
+  "rte.insert_table": "Insert",
+  "rte.search_variables": "Search variables...",
+  "rte.no_variables": "No variables found.",
+  "rte.table_operations": "Table Operations",
+  "rte.add_row_above": "Add row above",
+  "rte.add_row_below": "Add row below",
+  "rte.add_col_left": "Add col left",
+  "rte.add_col_right": "Add col right",
+  "rte.delete_row": "Delete row",
+  "rte.delete_col": "Delete col",
+  "rte.delete_table": "Delete table",
+  "rte.insert_table_heading": "Insert Table",
+  "rte.placeholder": "Start typing...",
+  "sort.asc": "Asc",
+  "sort.desc": "Desc",
+  "sort.reorder_aria": "Reorder {{field}}",
+  "sort.priority_aria": "Sort priority {{n}}",
+  "sort.direction_aria": "Sort direction for {{field}}",
+  "sort.remove_aria": "Remove {{field}} from sort",
+  "sort.active_sorts": "Active sorts",
+  "sort.no_active_sorts": "No active sorts",
+  "sort.button_label": "Sort",
+  "sort.empty_message": "No sort fields yet. Add one below to start ordering rows.",
+  "sort.all_fields_added": "All fields added",
+  "sort.add_sort_field": "Add sort field",
+  "sort.no_fields_available": "No fields available.",
+  "kanban.dnd_pickup": "Picked up {{item}}. Currently in {{column}}. Use arrow keys to choose a different column. Press space to drop, escape to cancel.",
+  "kanban.dnd_over": "{{item}} over {{column}}.",
+  "kanban.dnd_drop": "{{item}} dropped in {{column}}, position {{pos}}.",
+  "kanban.dnd_reorder": "{{item}} reordered to position {{pos}} in {{column}}.",
+  "kanban.dnd_cancel": "Movement cancelled. {{item}} returned to {{column}}.",
+  "kanban.draggable_card": "draggable card",
+  "loading.still_loading": "We're still trying to load the {{label}}. The connection may be slow.",
+  "loading.try_again": "Try again",
+  "loading.gentle_message": "Loading {{label}}\u2026",
+  "loading.default_label": "content",
+  "loading.firm_message": "Still working on it \u2014 almost there.",
+  "icon_picker.emoji_tab": "Emoji",
+  "icon_picker.tools_group": "Tools",
+  "icon_picker.home_group": "Home",
+  "icon_picker.weather_group": "Weather",
+  "icon_picker.nature_group": "Nature",
+  "icon_picker.symbols_group": "Symbols",
+  "icon_picker.no_results": "No icons found",
+  "error.correlation_id": "Correlation ID",
+  "charts.total": "Total: {{value}}",
+  "charts.pct_of_first": "% of first: {{pct}}%",
+  "charts.pct_of_prev": "% of prev: {{pct}}%",
+  "charts.dropoff": "Drop-off: \u2212{{value}}",
+  "toast.missing_prefix": "Missing: {{items}}"
 };
 var t = i18n.createPackageT("hazo_ui", en_default);
 function FilterFieldItem({
@@ -1305,7 +1410,7 @@ function SortableSortFieldItem({
             ...attributes,
             ...listeners,
             className: "cls_drag_handle flex h-7 w-5 shrink-0 cursor-grab items-center justify-center rounded text-muted-foreground/60 hover:text-foreground active:cursor-grabbing",
-            "aria-label": `Reorder ${fieldLabel}`,
+            "aria-label": t2("sort.reorder_aria", { field: fieldLabel }),
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { className: "cls_drag_icon h-4 w-4" })
           }
         ),
@@ -1313,7 +1418,7 @@ function SortableSortFieldItem({
           "span",
           {
             className: "cls_priority_badge inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-muted text-[10px] font-semibold tabular-nums text-muted-foreground",
-            "aria-label": `Sort priority ${priority}`,
+            "aria-label": t2("sort.priority_aria", { n: priority }),
             children: priority
           }
         ),
@@ -1322,7 +1427,7 @@ function SortableSortFieldItem({
           "div",
           {
             role: "radiogroup",
-            "aria-label": `Sort direction for ${fieldLabel}`,
+            "aria-label": t2("sort.direction_aria", { field: fieldLabel }),
             className: "cls_direction_control inline-flex shrink-0 items-center rounded-md border border-border/70 bg-muted/40 p-0.5",
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1336,7 +1441,7 @@ function SortableSortFieldItem({
                   className: "cls_dir_asc inline-flex items-center gap-1 rounded px-2 py-1 text-xs font-medium text-muted-foreground transition-colors data-[active=true]:bg-background data-[active=true]:text-foreground data-[active=true]:shadow-sm hover:text-foreground",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "h-3 w-3" }),
-                    "Asc"
+                    t2("sort.asc")
                   ]
                 }
               ),
@@ -1351,7 +1456,7 @@ function SortableSortFieldItem({
                   className: "cls_dir_desc inline-flex items-center gap-1 rounded px-2 py-1 text-xs font-medium text-muted-foreground transition-colors data-[active=true]:bg-background data-[active=true]:text-foreground data-[active=true]:shadow-sm hover:text-foreground",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "h-3 w-3" }),
-                    "Desc"
+                    t2("sort.desc")
                   ]
                 }
               )
@@ -1365,7 +1470,7 @@ function SortableSortFieldItem({
             size: "sm",
             onClick: onDelete,
             className: "cls_delete_btn h-7 w-7 shrink-0 p-0 text-muted-foreground/60 hover:bg-destructive/10 hover:text-destructive",
-            "aria-label": `Remove ${fieldLabel} from sort`,
+            "aria-label": t2("sort.remove_aria", { field: fieldLabel }),
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "cls_delete_icon h-3.5 w-3.5" })
           }
         )
@@ -1478,16 +1583,16 @@ function HazoUiMultiSortDialog({
   };
   const hasActiveSorts = initialSortFields.length > 0;
   const tooltipContent = hasActiveSorts ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_sort_tooltip_content space-y-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: "Active sorts" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: t2("sort.active_sorts") }),
     initialSortFields.map((sortConfig, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_tooltip_item text-xs", children: [
       index + 1,
       ". ",
       getFieldLabel(sortConfig.field),
       " (",
-      sortConfig.direction === "asc" ? "Asc" : "Desc",
+      sortConfig.direction === "asc" ? t2("sort.asc") : t2("sort.desc"),
       ")"
     ] }, sortConfig.field))
-  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_sort_tooltip_content text-xs", children: "No active sorts" });
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_sort_tooltip_content text-xs", children: t2("sort.no_active_sorts") });
   return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1507,7 +1612,7 @@ function HazoUiMultiSortDialog({
                 )
               }
             ),
-            "Sort",
+            t2("sort.button_label"),
             hasActiveSorts && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_sort_count ml-2 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-blue-600 px-1 text-[10px] font-semibold text-white", children: initialSortFields.length })
           ]
         }
@@ -1552,7 +1657,7 @@ function HazoUiMultiSortDialog({
               }
             )
           }
-        ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_empty_sort_fields rounded-lg border border-dashed border-border/70 bg-muted/20 px-4 py-6 text-center text-xs text-muted-foreground", children: "No sort fields yet. Add one below to start ordering rows." }),
+        ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_empty_sort_fields rounded-lg border border-dashed border-border/70 bg-muted/20 px-4 py-6 text-center text-xs text-muted-foreground", children: t2("sort.empty_message") }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_add_field_section", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: isComboboxOpen, onOpenChange: setIsComboboxOpen, children: [
           /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
             Button,
@@ -1564,13 +1669,13 @@ function HazoUiMultiSortDialog({
               className: "cls_add_field_combobox w-full justify-start gap-2 border border-dashed border-border/70 text-sm font-medium text-muted-foreground hover:border-border hover:bg-muted/40 hover:text-foreground",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "cls_plus_icon h-4 w-4" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: availableFieldsToAdd.length === 0 ? "All fields added" : "Add sort field" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: availableFieldsToAdd.length === 0 ? t2("sort.all_fields_added") : t2("sort.add_sort_field") })
               ]
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "cls_combobox_popover w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs(Command, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: t2("sort.search_fields"), className: "cls_command_input" }),
-            /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: "No fields available." }) : /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: t2("sort.no_fields_available") }) : /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
               CommandItem,
               {
                 value: field.label,
@@ -2106,11 +2211,11 @@ var SYMBOLS_ICONS = [
   "Wrench"
 ];
 var LUCIDE_GROUPS = [
-  { key: "tools", label: "Tools", icons: TOOLS_ICONS },
-  { key: "home", label: "Home", icons: HOME_ICONS },
-  { key: "weather", label: "Weather", icons: WEATHER_ICONS },
-  { key: "nature", label: "Nature", icons: NATURE_ICONS },
-  { key: "symbols", label: "Symbols", icons: SYMBOLS_ICONS }
+  { key: "tools", label_key: "icon_picker.tools_group", icons: TOOLS_ICONS },
+  { key: "home", label_key: "icon_picker.home_group", icons: HOME_ICONS },
+  { key: "weather", label_key: "icon_picker.weather_group", icons: WEATHER_ICONS },
+  { key: "nature", label_key: "icon_picker.nature_group", icons: NATURE_ICONS },
+  { key: "symbols", label_key: "icon_picker.symbols_group", icons: SYMBOLS_ICONS }
 ];
 var EMOJI_ITEMS = [
   // Faces
@@ -2323,11 +2428,11 @@ function HazoUiIconPicker({
                 name
               );
             }),
-            filtered_search_results.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "col-span-8 py-4 text-center text-sm text-muted-foreground", children: "No icons found" })
+            filtered_search_results.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "col-span-8 py-4 text-center text-sm text-muted-foreground", children: t3("icon_picker.no_results") })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Tabs, { defaultValue: "emoji", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(TabsList, { className: "grid w-full grid-cols-6", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "emoji", children: "Emoji" }),
-              LUCIDE_GROUPS.map((group) => /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: group.key, children: group.label }, group.key))
+              /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "emoji", children: t3("icon_picker.emoji_tab") }),
+              LUCIDE_GROUPS.map((group) => /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: group.key, children: t3(group.label_key) }, group.key))
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "emoji", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid max-h-56 grid-cols-8 gap-1 overflow-y-auto", children: EMOJI_ITEMS.map((emoji, index) => /* @__PURE__ */ jsxRuntime.jsx(
               "button",
@@ -2359,6 +2464,7 @@ function HazoUiIconPicker({
     }
   ) });
 }
+var t4 = i18n.createPackageT("hazo_ui", en_default);
 function validateInput(value, input_type, text_len_min, text_len_max, num_min, num_max, regex, num_decimals) {
   if (value === "") {
     return { isValid: true };
@@ -2367,36 +2473,36 @@ function validateInput(value, input_type, text_len_min, text_len_max, num_min, n
     case "numeric": {
       const numValue = parseFloat(value);
       if (isNaN(numValue)) {
-        return { isValid: false, errorMessage: "Must be a valid number" };
+        return { isValid: false, errorMessage: t4("flex_input.must_be_valid_number") };
       }
       if (num_decimals !== void 0) {
         const decimalPlaces = value.split(".")[1]?.length || 0;
         if (decimalPlaces > num_decimals) {
           return {
             isValid: false,
-            errorMessage: `Maximum ${num_decimals} decimal place${num_decimals !== 1 ? "s" : ""} allowed`
+            errorMessage: t4("flex_input.max_decimals", { count: num_decimals })
           };
         }
       }
       if (num_min !== void 0 && numValue < num_min) {
-        return { isValid: false, errorMessage: `Must be at least ${num_min}` };
+        return { isValid: false, errorMessage: t4("flex_input.min_value", { min: num_min }) };
       }
       if (num_max !== void 0 && numValue > num_max) {
-        return { isValid: false, errorMessage: `Must be at most ${num_max}` };
+        return { isValid: false, errorMessage: t4("flex_input.max_value", { max: num_max }) };
       }
       break;
     }
     case "alpha": {
       const alphaRegex = /^[A-Za-z0-9\s]*$/;
       if (!alphaRegex.test(value)) {
-        return { isValid: false, errorMessage: "Only letters, numbers, and spaces are allowed" };
+        return { isValid: false, errorMessage: t4("flex_input.alpha_only") };
       }
       break;
     }
     case "email": {
       const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
       if (!emailRegex.test(value)) {
-        return { isValid: false, errorMessage: "Must be a valid email address" };
+        return { isValid: false, errorMessage: t4("flex_input.must_be_valid_email") };
       }
       break;
     }
@@ -2404,13 +2510,13 @@ function validateInput(value, input_type, text_len_min, text_len_max, num_min, n
       if (text_len_min !== void 0 && value.length < text_len_min) {
         return {
           isValid: false,
-          errorMessage: `Must be at least ${text_len_min} character${text_len_min !== 1 ? "s" : ""}`
+          errorMessage: t4("flex_input.min_characters", { min: text_len_min })
         };
       }
       if (text_len_max !== void 0 && value.length > text_len_max) {
         return {
           isValid: false,
-          errorMessage: `Must be at most ${text_len_max} character${text_len_max !== 1 ? "s" : ""}`
+          errorMessage: t4("flex_input.max_characters", { max: text_len_max })
         };
       }
       break;
@@ -2419,7 +2525,7 @@ function validateInput(value, input_type, text_len_min, text_len_max, num_min, n
   if (regex) {
     const regexPattern = typeof regex === "string" ? new RegExp(regex) : regex;
     if (!regexPattern.test(value)) {
-      return { isValid: false, errorMessage: "Invalid format" };
+      return { isValid: false, errorMessage: t4("flex_input.invalid_format") };
     }
   }
   return { isValid: true };
@@ -2515,7 +2621,7 @@ var HazoUiFlexInput = React27__namespace.forwardRef(
         num_decimals
       );
       if (!validation.isValid) {
-        setErrorMessage(validation.errorMessage || format_guide || "Invalid input");
+        setErrorMessage(validation.errorMessage || format_guide || t4("flex_input.invalid_input"));
       } else {
         setErrorMessage(void 0);
       }
@@ -3745,10 +3851,10 @@ var BLOCK_TYPE_LABEL_KEYS = {
   "code-block": "rte.block_type.code_block",
   blockquote: "rte.block_type.blockquote"
 };
-function get_translated_block_types(t14) {
+function get_translated_block_types(t35) {
   return BLOCK_TYPES.map((type) => ({
     ...type,
-    label: t14(BLOCK_TYPE_LABEL_KEYS[type.value])
+    label: t35(BLOCK_TYPE_LABEL_KEYS[type.value])
   }));
 }
@@ -3795,7 +3901,7 @@ function get_file_extension(filename) {
 function is_image_file(mime_type) {
   return mime_type.startsWith("image/");
 }
-var t4 = i18n.createPackageT("hazo_ui", en_default);
+var t5 = i18n.createPackageT("hazo_ui", en_default);
 var ALL_ON = {
   undo_redo: true,
   block_type: true,
@@ -3850,7 +3956,7 @@ var Toolbar = ({
   }
   const tb = { ...ALL_ON, ...toolbar };
   const font_family_options = font_families && font_families.length > 0 ? font_families : FONT_FAMILIES;
-  const block_type_options = get_translated_block_types(t4);
+  const block_type_options = get_translated_block_types(t5);
   const get_current_font_size = () => {
     const attrs = editor.getAttributes("textStyle");
     return attrs.fontSize || FONT_SIZE_CONFIG.default;
@@ -3994,7 +4100,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().undo().run(),
           disabled: !editor.can().undo(),
-          tooltip: t4("rte.undo"),
+          tooltip: t5("rte.undo"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUndo2, { className: "h-4 w-4" })
         },
         "undo"
@@ -4004,7 +4110,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().redo().run(),
           disabled: !editor.can().redo(),
-          tooltip: t4("rte.redo"),
+          tooltip: t5("rte.redo"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuRedo2, { className: "h-4 w-4" })
         },
         "redo"
@@ -4045,7 +4151,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(-2),
-              tooltip: t4("rte.decrease_font_size"),
+              tooltip: t5("rte.decrease_font_size"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuMinus, { className: "h-3 w-3" })
             }
           ),
@@ -4054,7 +4160,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(FONT_SIZE_CONFIG.step),
-              tooltip: t4("rte.increase_font_size"),
+              tooltip: t5("rte.increase_font_size"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPlus, { className: "h-3 w-3" })
             }
           )
@@ -4072,7 +4178,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBold().run(),
             is_active: editor.isActive("bold"),
-            tooltip: t4("rte.bold"),
+            tooltip: t5("rte.bold"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" })
           },
           "bold"
@@ -4086,7 +4192,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleItalic().run(),
             is_active: editor.isActive("italic"),
-            tooltip: t4("rte.italic"),
+            tooltip: t5("rte.italic"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" })
           },
           "italic"
@@ -4100,7 +4206,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleUnderline().run(),
             is_active: editor.isActive("underline"),
-            tooltip: t4("rte.underline"),
+            tooltip: t5("rte.underline"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUnderline, { className: "h-4 w-4" })
           },
           "underline"
@@ -4114,7 +4220,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleStrike().run(),
             is_active: editor.isActive("strike"),
-            tooltip: t4("rte.strikethrough"),
+            tooltip: t5("rte.strikethrough"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuStrikethrough, { className: "h-4 w-4" })
           },
           "strike"
@@ -4128,7 +4234,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSubscript().run(),
             is_active: editor.isActive("subscript"),
-            tooltip: t4("rte.subscript"),
+            tooltip: t5("rte.subscript"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSubscript, { className: "h-4 w-4" })
           },
           "sub"
@@ -4142,7 +4248,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSuperscript().run(),
             is_active: editor.isActive("superscript"),
-            tooltip: t4("rte.superscript"),
+            tooltip: t5("rte.superscript"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSuperscript, { className: "h-4 w-4" })
           },
           "super"
@@ -4156,7 +4262,7 @@ var Toolbar = ({
     if (tb.link) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: link_popover_open, onOpenChange: set_link_popover_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t4("rte.link"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuLink, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t5("rte.link"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuLink, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-80 p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               Input,
@@ -4168,17 +4274,14 @@ var Toolbar = ({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", onClick: handle_set_link, className: "flex-1", children: [
-                editor.isActive("link") ? "Update" : "Add",
-                " Link"
-              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: handle_set_link, className: "flex-1", children: editor.isActive("link") ? t5("rte.update_link") : t5("rte.add_link") }),
               editor.isActive("link") && /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
                 {
                   size: "sm",
                   variant: "destructive",
                   onClick: handle_remove_link,
-                  children: "Remove"
+                  children: t5("rte.remove_link")
                 }
               )
             ] })
@@ -4192,7 +4295,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run(),
-            tooltip: t4("rte.clear_formatting"),
+            tooltip: t5("rte.clear_formatting"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuRemoveFormatting, { className: "h-4 w-4" })
           },
           "clear"
@@ -4206,7 +4309,7 @@ var Toolbar = ({
     if (tb.text_color) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: text_color_open, onOpenChange: set_text_color_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t4("rte.text_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t5("rte.text_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lu.LuPalette, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
@@ -4249,7 +4352,7 @@ var Toolbar = ({
     if (tb.highlight_color) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: highlight_color_open, onOpenChange: set_highlight_color_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t4("rte.highlight_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t5("rte.highlight_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lu.LuHighlighter, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
@@ -4292,7 +4395,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("left").run(),
           is_active: editor.isActive({ textAlign: "left" }),
-          tooltip: t4("rte.align_left"),
+          tooltip: t5("rte.align_left"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignLeft, { className: "h-4 w-4" })
         },
         "align-left"
@@ -4302,7 +4405,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("center").run(),
           is_active: editor.isActive({ textAlign: "center" }),
-          tooltip: t4("rte.align_center"),
+          tooltip: t5("rte.align_center"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignCenter, { className: "h-4 w-4" })
         },
         "align-center"
@@ -4312,7 +4415,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("right").run(),
           is_active: editor.isActive({ textAlign: "right" }),
-          tooltip: t4("rte.align_right"),
+          tooltip: t5("rte.align_right"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignRight, { className: "h-4 w-4" })
         },
         "align-right"
@@ -4322,7 +4425,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("justify").run(),
           is_active: editor.isActive({ textAlign: "justify" }),
-          tooltip: t4("rte.justify"),
+          tooltip: t5("rte.justify"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignJustify, { className: "h-4 w-4" })
         },
         "align-justify"
@@ -4338,7 +4441,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBulletList().run(),
             is_active: editor.isActive("bulletList"),
-            tooltip: t4("rte.bullet_list"),
+            tooltip: t5("rte.bullet_list"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" })
           },
           "bullet"
@@ -4352,7 +4455,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleOrderedList().run(),
             is_active: editor.isActive("orderedList"),
-            tooltip: t4("rte.ordered_list"),
+            tooltip: t5("rte.ordered_list"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuListOrdered, { className: "h-4 w-4" })
           },
           "ordered"
@@ -4366,7 +4469,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleTaskList().run(),
             is_active: editor.isActive("taskList"),
-            tooltip: t4("rte.checklist"),
+            tooltip: t5("rte.checklist"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuListChecks, { className: "h-4 w-4" })
           },
           "task"
@@ -4388,7 +4491,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().liftListItem("listItem") && !editor.can().liftListItem("taskItem"),
-          tooltip: t4("rte.decrease_indent"),
+          tooltip: t5("rte.decrease_indent"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuIndentDecrease, { className: "h-4 w-4" })
         },
         "indent-dec"
@@ -4404,7 +4507,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().sinkListItem("listItem") && !editor.can().sinkListItem("taskItem"),
-          tooltip: t4("rte.increase_indent"),
+          tooltip: t5("rte.increase_indent"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuIndentIncrease, { className: "h-4 w-4" })
         },
         "indent-inc"
@@ -4415,7 +4518,7 @@ var Toolbar = ({
     const items = [];
     if (tb.horizontal_rule) {
       items.push(
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t4("rte.horizontal_rule"), children: /* @__PURE__ */ jsxRuntime.jsx(rx.RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t5("rte.horizontal_rule"), children: /* @__PURE__ */ jsxRuntime.jsx(rx.RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
       );
     }
     if (tb.image) {
@@ -4424,7 +4527,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => image_input_ref.current?.click(),
-            tooltip: t4("rte.insert_image"),
+            tooltip: t5("rte.insert_image"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuImage, { className: "h-4 w-4" })
           },
           "image"
@@ -4438,14 +4541,14 @@ var Toolbar = ({
             ToolbarButton,
             {
               is_active: editor.isActive("table"),
-              tooltip: t4("rte.table"),
+              tooltip: t5("rte.table"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuTable, { className: "h-4 w-4" })
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-3", align: "start", children: editor.isActive("table") ? (
             // Table editing controls when inside a table
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: "Table Operations" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: t5("rte.table_operations") }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-1", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   Button,
@@ -4456,7 +4559,7 @@ var Toolbar = ({
                     onClick: handle_add_row_before,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableRowsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add row above"
+                      t5("rte.add_row_above")
                     ]
                   }
                 ),
@@ -4469,7 +4572,7 @@ var Toolbar = ({
                     onClick: handle_add_row_after,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableRowsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add row below"
+                      t5("rte.add_row_below")
                     ]
                   }
                 ),
@@ -4482,7 +4585,7 @@ var Toolbar = ({
                     onClick: handle_add_col_before,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableColumnsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add col left"
+                      t5("rte.add_col_left")
                     ]
                   }
                 ),
@@ -4495,7 +4598,7 @@ var Toolbar = ({
                     onClick: handle_add_col_after,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableColumnsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add col right"
+                      t5("rte.add_col_right")
                     ]
                   }
                 ),
@@ -4508,7 +4611,7 @@ var Toolbar = ({
                     onClick: handle_delete_row,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "h-3 w-3 mr-1" }),
-                      "Delete row"
+                      t5("rte.delete_row")
                     ]
                   }
                 ),
@@ -4521,7 +4624,7 @@ var Toolbar = ({
                     onClick: handle_delete_col,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "h-3 w-3 mr-1" }),
-                      "Delete col"
+                      t5("rte.delete_col")
                     ]
                   }
                 )
@@ -4535,7 +4638,7 @@ var Toolbar = ({
                   onClick: handle_delete_table,
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "h-3 w-3 mr-1" }),
-                    "Delete table"
+                    t5("rte.delete_table")
                   ]
                 }
               )
@@ -4543,7 +4646,7 @@ var Toolbar = ({
           ) : (
             // Table size picker when not in a table
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: "Insert Table" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: t5("rte.insert_table_heading") }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-0.5", children: Array.from({ length: 6 }).map((_, row_idx) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-0.5", children: Array.from({ length: 6 }).map((_2, col_idx) => /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
@@ -4557,9 +4660,9 @@ var Toolbar = ({
                 },
                 col_idx
               )) }, row_idx)) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-center text-muted-foreground", children: hovered_cell ? `${hovered_cell.col} x ${hovered_cell.row}` : "Select size" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-center text-muted-foreground", children: hovered_cell ? `${hovered_cell.col} x ${hovered_cell.row}` : t5("rte.select_size") }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t pt-2 mt-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground mb-2", children: "Custom size" }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground mb-2", children: t5("rte.custom_size") }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     Input,
@@ -4592,7 +4695,7 @@ var Toolbar = ({
                       onClick: () => handle_table_insert(table_rows, table_cols),
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(lu.LuGrid3X3, { className: "h-3 w-3 mr-1" }),
-                        "Insert"
+                        t5("rte.insert_table")
                       ]
                     }
                   )
@@ -4610,11 +4713,11 @@ var Toolbar = ({
     if (tb.variables && variables.length > 0) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: variables_menu_open, onOpenChange: set_variables_menu_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t4("rte.insert_variable"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuVariable, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t5("rte.insert_variable"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuVariable, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-64 p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs(Command, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: "Search variables...", className: "h-8 text-xs" }),
+            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: t5("rte.search_variables"), className: "h-8 text-xs" }),
             /* @__PURE__ */ jsxRuntime.jsxs(CommandList, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: "No variables found." }),
+              /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: t5("rte.no_variables") }),
               /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: variables.map((variable) => /* @__PURE__ */ jsxRuntime.jsx(
                 CommandItem,
                 {
@@ -4639,7 +4742,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => file_input_ref.current?.click(),
-            tooltip: t4("rte.attach_file"),
+            tooltip: t5("rte.attach_file"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPaperclip, { className: "h-4 w-4" })
           },
           "attach"
@@ -4911,6 +5014,7 @@ var VariableExtension = core.Node.create({
     };
   }
 });
+var t6 = i18n.createPackageT("hazo_ui", en_default);
 function debounce_fn(func, wait) {
   let timeout_id = null;
   return (output) => {
@@ -4927,7 +5031,7 @@ var HazoUiRte = ({
   attachments: initial_attachments = [],
   variables = [],
   on_change,
-  placeholder = "Start typing...",
+  placeholder,
   min_height = "200px",
   max_height = "400px",
   disabled = false,
@@ -4936,6 +5040,7 @@ var HazoUiRte = ({
   toolbar,
   font_families
 }) => {
+  const resolved_placeholder = placeholder ?? t6("rte.placeholder");
   const [attachments, set_attachments] = React27__namespace.useState(
     initial_attachments
   );
@@ -4985,7 +5090,7 @@ var HazoUiRte = ({
         }
       }),
       Placeholder__default.default.configure({
-        placeholder
+        placeholder: resolved_placeholder
       }),
       HorizontalRule__default.default,
       extensionTable.Table.configure({
@@ -5160,7 +5265,7 @@ var HazoUiRte = ({
   );
 };
 HazoUiRte.displayName = "HazoUiRte";
-var t5 = i18n.createPackageT("hazo_ui", en_default);
+var t7 = i18n.createPackageT("hazo_ui", en_default);
 function CanvasTextToolbar({
   bold,
   italic,
@@ -5191,14 +5296,14 @@ function CanvasTextToolbar({
       ),
       style,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: t5("canvas_toolbar.bold"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: t5("canvas_toolbar.italic"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: t7("canvas_toolbar.bold"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: t7("canvas_toolbar.italic"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
             is_active: underline,
             onClick: onUnderline,
-            tooltip: t5("canvas_toolbar.underline"),
+            tooltip: t7("canvas_toolbar.underline"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUnderline, { className: "h-4 w-4" })
           }
         ),
@@ -5208,7 +5313,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "left",
             onClick: () => onAlign?.("left"),
-            tooltip: t5("canvas_toolbar.align_left"),
+            tooltip: t7("canvas_toolbar.align_left"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignLeft, { className: "h-4 w-4" })
           }
         ),
@@ -5217,7 +5322,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "center",
             onClick: () => onAlign?.("center"),
-            tooltip: t5("canvas_toolbar.align_center"),
+            tooltip: t7("canvas_toolbar.align_center"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5226,7 +5331,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "right",
             onClick: () => onAlign?.("right"),
-            tooltip: t5("canvas_toolbar.align_right"),
+            tooltip: t7("canvas_toolbar.align_right"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignRight, { className: "h-4 w-4" })
           }
         ),
@@ -5235,7 +5340,7 @@ function CanvasTextToolbar({
           "label",
           {
             className: "relative flex h-8 w-8 cursor-pointer items-center justify-center rounded-md hover:bg-accent",
-            title: t5("canvas_toolbar.text_color"),
+            title: t7("canvas_toolbar.text_color"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold text-muted-foreground", children: "A" }),
@@ -5265,7 +5370,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "top",
             onClick: () => onVerticalAlign?.("top"),
-            tooltip: t5("canvas_toolbar.align_top"),
+            tooltip: t7("canvas_toolbar.align_top"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignVerticalJustifyStart, { className: "h-4 w-4" })
           }
         ),
@@ -5274,7 +5379,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "middle",
             onClick: () => onVerticalAlign?.("middle"),
-            tooltip: t5("canvas_toolbar.align_middle"),
+            tooltip: t7("canvas_toolbar.align_middle"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignVerticalJustifyCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5283,7 +5388,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "bottom",
             onClick: () => onVerticalAlign?.("bottom"),
-            tooltip: t5("canvas_toolbar.align_bottom"),
+            tooltip: t7("canvas_toolbar.align_bottom"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignVerticalJustifyEnd, { className: "h-4 w-4" })
           }
         ),
@@ -5294,7 +5399,7 @@ function CanvasTextToolbar({
             value: font,
             onChange: (e) => onFont?.(e.target.value),
             className: "h-8 text-xs rounded-md border border-border bg-background px-1 text-foreground focus:outline-none",
-            title: t5("canvas_toolbar.font_family"),
+            title: t7("canvas_toolbar.font_family"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("option", { value: "sans-serif", children: "Sans" }),
               /* @__PURE__ */ jsxRuntime.jsx("option", { value: "serif", children: "Serif" }),
@@ -5306,18 +5411,19 @@ function CanvasTextToolbar({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-1 h-6 w-px bg-border" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: t5("canvas_toolbar.bullet_list"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: t7("canvas_toolbar.bullet_list"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" }) })
       ]
     }
   ) });
 }
+var t8 = i18n.createPackageT("hazo_ui", en_default);
 var MdEditorLazy = React27.lazy(() => import('@uiw/react-md-editor'));
 var EDITOR_TEXTAREA_SELECTOR = ".w-md-editor-text-input";
 function MarkdownEditor({
   value,
   onChange,
   height = 600,
-  placeholder = "Write in Markdown\u2026",
+  placeholder,
   className,
   colorMode = "light",
   preview = "edit",
@@ -5400,13 +5506,13 @@ function MarkdownEditor({
     try {
       const url = await onImageUpload(file);
       if (!url) {
-        setError("Upload failed.");
+        setError(t8("markdown.upload_failed"));
         onChange(before + after);
         return;
       }
       onChange(before + `![](${url})` + after);
     } catch {
-      setError("Upload failed.");
+      setError(t8("markdown.upload_failed"));
       onChange(before + after);
     } finally {
       setUploading(false);
@@ -5430,7 +5536,7 @@ function MarkdownEditor({
                 {
                   className: "flex items-center justify-center rounded-md border border-border bg-muted/30 text-sm text-muted-foreground",
                   style: { height },
-                  children: "Loading editor\u2026"
+                  children: t8("markdown.loading_editor")
                 }
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -5442,7 +5548,7 @@ function MarkdownEditor({
                   preview: effectivePreview,
                   visibleDragbar: false,
                   commands: editorCommands,
-                  textareaProps: { placeholder, onPaste: handlePaste }
+                  textareaProps: { placeholder: placeholder ?? t8("markdown.placeholder"), onPaste: handlePaste }
                 }
               )
             }
@@ -5451,7 +5557,7 @@ function MarkdownEditor({
             {
               className: "flex items-center justify-center rounded-md border border-border bg-muted/30 text-sm text-muted-foreground",
               style: { height },
-              children: "Loading editor\u2026"
+              children: t8("markdown.loading_editor")
             }
           ) }),
           useCustomPreview && showPreview && /* @__PURE__ */ jsxRuntime.jsx(
@@ -5465,7 +5571,7 @@ function MarkdownEditor({
         ]
       }
     ),
-    uploading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Uploading image\u2026" }),
+    uploading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t8("markdown.uploading_image") }),
     error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-destructive", children: error })
   ] });
 }
@@ -6164,6 +6270,7 @@ var Text = core.Node.create({
   renderMarkdown: (node) => node.text || ""
 });
 var index_default3 = Text;
+var t9 = i18n.createPackageT("hazo_ui", en_default);
 var SingleLineDocument = index_default.extend({
   content: "paragraph"
 });
@@ -6201,7 +6308,7 @@ var HazoUiTextbox = ({
   value,
   default_value,
   prefixes,
-  placeholder = "Type here...",
+  placeholder,
   disabled = false,
   className,
   pill_variant = "default",
@@ -6212,6 +6319,7 @@ var HazoUiTextbox = ({
   on_command_change,
   on_command_remove
 }) => {
+  const resolved_placeholder = placeholder ?? t9("textbox.placeholder");
   const generated_instance_id = React27__namespace.useId();
   const instance_id = provided_instance_id || generated_instance_id;
   const [suggestion_state, set_suggestion_state] = React27__namespace.useState(null);
@@ -6244,7 +6352,7 @@ var HazoUiTextbox = ({
       index_default2,
       index_default3,
       Placeholder__default.default.configure({
-        placeholder
+        placeholder: resolved_placeholder
       }),
       CommandNodeExtension.configure({}),
       ...suggestion_extensions
@@ -6623,7 +6731,7 @@ var HazoUiTextbox = ({
                         edit_selected_index === edit_commands.length && "bg-destructive/10"
                       ),
                       onClick: handle_command_remove,
-                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Remove" })
+                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t9("common.remove") })
                     }
                   )
                 ] })
@@ -6701,6 +6809,7 @@ var HardBreak = core.Node.create({
   }
 });
 var index_default4 = HardBreak;
+var t10 = i18n.createPackageT("hazo_ui", en_default);
 var get_editor_output2 = (editor) => {
   if (!editor) {
     return { plain_text: "", display_text: "", commands: [] };
@@ -6755,7 +6864,7 @@ var HazoUiTextarea = ({
   value,
   default_value,
   prefixes,
-  placeholder = "Type here...",
+  placeholder,
   disabled = false,
   className,
   pill_variant = "default",
@@ -6769,6 +6878,7 @@ var HazoUiTextarea = ({
   on_command_change,
   on_command_remove
 }) => {
+  const resolved_placeholder = placeholder ?? t10("textarea.placeholder");
   const generated_instance_id = React27__namespace.useId();
   const instance_id = provided_instance_id || generated_instance_id;
   const [suggestion_state, set_suggestion_state] = React27__namespace.useState(null);
@@ -6803,7 +6913,7 @@ var HazoUiTextarea = ({
       index_default3,
       index_default4,
       Placeholder__default.default.configure({
-        placeholder
+        placeholder: resolved_placeholder
       }),
       CommandNodeExtension.configure({}),
       ...suggestion_extensions
@@ -7193,7 +7303,7 @@ var HazoUiTextarea = ({
                         backgroundColor: edit_selected_index === edit_commands.length ? "rgba(239, 68, 68, 0.1)" : "inherit"
                       },
                       onClick: handle_command_remove,
-                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Remove" })
+                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t10("common.remove") })
                     }
                   )
                 ] })
@@ -7253,6 +7363,7 @@ function resolve_animation_classes(open_anim = "zoom", close_anim = "zoom") {
   const close_classes = close_anim in ANIMATION_PRESETS ? ANIMATION_PRESETS[close_anim].close : close_anim;
   return `${open_classes} ${close_classes}`;
 }
+var t11 = i18n.createPackageT("hazo_ui", en_default);
 var VARIANT_PRESETS = {
   info: {
     header_background_color: "var(--dialog-info-bg)",
@@ -7302,11 +7413,11 @@ function HazoUiDialog({
   children,
   onConfirm,
   onCancel,
-  title = "Action required",
+  title,
   description,
   actionButtonText: actionButtonTextProp,
   actionButtonVariant,
-  cancelButtonText = "Cancel",
+  cancelButtonText,
   showCancelButton: showCancelButtonProp,
   showActionButton = true,
   closeOnConfirm: closeOnConfirmProp,
@@ -7346,9 +7457,11 @@ function HazoUiDialog({
   const cancel_ref = React27__namespace.useRef(null);
   const variant_preset = variant !== "default" ? VARIANT_PRESETS[variant] : is_status_kind || is_confirm_kind ? NEUTRAL_VARIANT_PRESET : void 0;
   const resolved_action_button_variant = actionButtonVariant ?? variant_preset?.action_button_variant ?? "default";
+  const resolved_title = title ?? t11("dialog.default_title");
+  const resolved_cancel_text = cancelButtonText ?? t11("dialog.cancel");
   const showCancelButton = showCancelButtonProp ?? (is_status_kind ? false : true);
   const closeOnConfirm = closeOnConfirmProp ?? (is_status_kind || is_confirm_kind ? true : false);
-  const actionButtonText = actionButtonTextProp ?? (is_status_kind ? "OK" : is_confirm_kind ? showCancelButton ? "Confirm" : "OK" : "Confirm");
+  const actionButtonText = actionButtonTextProp ?? (is_status_kind ? t11("dialog.ok") : is_confirm_kind ? showCancelButton ? t11("dialog.confirm") : t11("dialog.ok") : t11("dialog.confirm"));
   const actionButtonLoading = actionButtonLoadingProp ?? (is_confirm_kind ? internal_confirm_loading : false);
   const handleConfirm = () => {
     if (is_confirm_kind) {
@@ -7483,7 +7596,7 @@ function HazoUiDialog({
           },
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_confirm_dialog_body px-6 pt-7 pb-5", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { className: "cls_confirm_dialog_title text-[17px] font-semibold text-foreground mb-2.5", children: title }),
+              /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { className: "cls_confirm_dialog_title text-[17px] font-semibold text-foreground mb-2.5", children: resolved_title }),
               children ? /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_confirm_dialog_children text-sm text-muted-foreground leading-relaxed", children }) }) : description ? /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { className: "cls_confirm_dialog_description text-sm text-muted-foreground leading-relaxed", children: description }) : null
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_confirm_dialog_separator border-t border-border" }),
@@ -7498,7 +7611,7 @@ function HazoUiDialog({
                   onClick: handleCancel,
                   disabled: actionButtonLoading,
                   style: cancelButtonStyles,
-                  children: cancelButtonText
+                  children: resolved_cancel_text
                 }
               ),
               showActionButton && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -7564,7 +7677,7 @@ function HazoUiDialog({
                         ...finalHeaderBackgroundColor && { backgroundColor: finalHeaderBackgroundColor },
                         ...finalHeaderTextColor && { color: finalHeaderTextColor }
                       },
-                      children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: titleClassName, children: title })
+                      children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: titleClassName, children: resolved_title })
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -7595,7 +7708,7 @@ function HazoUiDialog({
                 ),
                 style: headerStyles,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: titleClassName, children: title }),
+                  /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: titleClassName, children: resolved_title }),
                   description && /* @__PURE__ */ jsxRuntime.jsx(
                     DialogDescription,
                     {
@@ -7646,7 +7759,7 @@ function HazoUiDialog({
                       variant: "outline",
                       onClick: handleCancel,
                       style: cancelButtonStyles,
-                      children: cancelButtonText
+                      children: resolved_cancel_text
                     }
                   ),
                   showActionButton && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -7675,7 +7788,7 @@ function HazoUiDialog({
               style: headerBar ? { color: "var(--dialog-header-bar-fg)" } : finalHeaderTextColor ? { color: finalHeaderTextColor } : void 0,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: t11("dialog.close") })
               ]
             }
           )
@@ -7684,7 +7797,7 @@ function HazoUiDialog({
     )
   ] }) });
 }
-var t6 = i18n.createPackageT("hazo_ui", en_default);
+var t12 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiConfirmDialog({
   open,
   onOpenChange,
@@ -7693,7 +7806,7 @@ function HazoUiConfirmDialog({
   children,
   variant = "default",
   confirmLabel,
-  cancelLabel = t6("confirm.cancel"),
+  cancelLabel = t12("confirm.cancel"),
   showCancelButton = true,
   onConfirm,
   onCancel,
@@ -7742,6 +7855,7 @@ var Slider = React27__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Slider.displayName = SliderPrimitive__namespace.Root.displayName;
+var t13 = i18n.createPackageT("hazo_ui", en_default);
 async function getCroppedImg(imageSrc, areaPixels, outputSize, quality) {
   const img = await new Promise((resolve, reject) => {
     const image = new Image();
@@ -7787,7 +7901,7 @@ var HazoUiImageCropper = React27__namespace.forwardRef(function HazoUiImageCropp
   onCropped,
   outputSize = 512,
   quality = 0.9,
-  zoomLabel = "Zoom",
+  zoomLabel,
   className
 }, ref) {
   const [crop, set_crop] = React27__namespace.useState({
@@ -7795,6 +7909,7 @@ var HazoUiImageCropper = React27__namespace.forwardRef(function HazoUiImageCropp
     y: 0
   });
   const [zoom, set_zoom] = React27__namespace.useState(1);
+  const resolved_zoom_label = zoomLabel ?? t13("cropper.zoom");
   const cropped_area_pixels_ref = React27__namespace.useRef(null);
   const handle_crop_complete = React27__namespace.useCallback(
     (_croppedArea, croppedAreaPixels) => {
@@ -7851,7 +7966,7 @@ var HazoUiImageCropper = React27__namespace.forwardRef(function HazoUiImageCropp
         {
           className: "cls_zoom_label text-sm font-medium text-foreground",
           id: "hazo-cropper-zoom-label",
-          children: zoomLabel
+          children: resolved_zoom_label
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -7869,19 +7984,24 @@ var HazoUiImageCropper = React27__namespace.forwardRef(function HazoUiImageCropp
   ] });
 });
 HazoUiImageCropper.displayName = "HazoUiImageCropper";
+var t14 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiImageCropperDialog({
   open,
   onOpenChange,
   file,
   onConfirm,
   onCancel,
-  title = "Crop photo",
-  confirmLabel = "Save",
-  cancelLabel = "Cancel",
-  zoomLabel = "Zoom",
+  title,
+  confirmLabel,
+  cancelLabel,
+  zoomLabel,
   outputSize = 512,
   quality = 0.9
 }) {
+  const resolved_title = title ?? t14("cropper.title");
+  const resolved_confirm_label = confirmLabel ?? t14("cropper.save");
+  const resolved_cancel_label = cancelLabel ?? t14("cropper.cancel");
+  const resolved_zoom_label = zoomLabel ?? t14("cropper.zoom");
   const cropper_ref = React27__namespace.useRef(null);
   const [image_src, set_image_src] = React27__namespace.useState(null);
   const [is_confirming, set_is_confirming] = React27__namespace.useState(false);
@@ -7912,9 +8032,9 @@ function HazoUiImageCropperDialog({
     {
       open,
       onOpenChange,
-      title,
-      actionButtonText: confirmLabel,
-      cancelButtonText: cancelLabel,
+      title: resolved_title,
+      actionButtonText: resolved_confirm_label,
+      cancelButtonText: resolved_cancel_label,
       onConfirm: handle_confirm,
       onCancel,
       actionButtonLoading: is_confirming,
@@ -7927,7 +8047,7 @@ function HazoUiImageCropperDialog({
           imageSrc: image_src,
           outputSize,
           quality,
-          zoomLabel
+          zoomLabel: resolved_zoom_label
         }
       )
     }
@@ -8367,6 +8487,7 @@ var CardFooter = React27__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
+var t15 = i18n.createPackageT("hazo_ui", en_default);
 function Spinner({ className, size = "md" }) {
   const sizeClasses = { sm: "h-4 w-4", md: "h-8 w-8", lg: "h-12 w-12" };
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8374,8 +8495,8 @@ function Spinner({ className, size = "md" }) {
     {
       className: cn("animate-spin rounded-full border-2 border-current border-t-transparent text-primary", sizeClasses[size], className),
       role: "status",
-      "aria-label": "Loading",
-      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Loading..." })
+      "aria-label": t15("spinner.loading"),
+      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: t15("spinner.loading_text") })
     }
   );
 }
@@ -8511,6 +8632,7 @@ var InputAffix = React27__namespace.forwardRef(
   }
 );
 InputAffix.displayName = "InputAffix";
+var t16 = i18n.createPackageT("hazo_ui", en_default);
 var SkeletonBase = React27__namespace.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -8552,18 +8674,19 @@ function SkeletonRect({ width = "100%", height = 96, radius = 6, className }) {
     }
   );
 }
-function SkeletonGroup({ label = "Loading content", children, className, ...rest }) {
+function SkeletonGroup({ label, children, className, ...rest }) {
+  const resolved_label = label ?? t16("skeleton.loading_content");
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       role: "status",
       "aria-busy": "true",
-      "aria-label": label,
+      "aria-label": resolved_label,
       className: cn("space-y-2", className),
       ...rest,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: resolved_label })
       ]
     }
   );
@@ -8598,7 +8721,7 @@ function EmptyState({
     }
   );
 }
-var t7 = i18n.createPackageT("hazo_ui", en_default);
+var t17 = i18n.createPackageT("hazo_ui", en_default);
 function ErrorBanner({
   severity = "error",
   title,
@@ -8633,7 +8756,7 @@ function ErrorBanner({
           {
             type: "button",
             onClick: onDismiss,
-            "aria-label": t7("error.dismiss"),
+            "aria-label": t17("error.dismiss"),
             className: "flex-shrink-0 rounded p-1 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2 dark:hover:bg-white/5",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4", "aria-hidden": "true" })
           }
@@ -8642,9 +8765,9 @@ function ErrorBanner({
     }
   );
 }
-var t8 = i18n.createPackageT("hazo_ui", en_default);
+var t18 = i18n.createPackageT("hazo_ui", en_default);
 function ErrorPage({
-  title = t8("error.something_went_wrong"),
+  title,
   description,
   errorCode,
   correlationId,
@@ -8652,6 +8775,7 @@ function ErrorPage({
   illustration,
   className
 }) {
+  const resolved_title = title ?? t18("error.something_went_wrong");
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -8664,10 +8788,10 @@ function ErrorPage({
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-destructive", children: illustration ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.OctagonAlert, { className: "h-16 w-16", "aria-hidden": "true" }) }),
         errorCode ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-muted px-3 py-1 text-xs font-mono uppercase tracking-wider text-muted-foreground", children: errorCode }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-foreground", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-foreground", children: resolved_title }),
         description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: description }) : null,
         correlationId ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full rounded-md border bg-muted/40 px-3 py-2 text-left", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: "Correlation ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: t18("error.correlation_id") }),
           /* @__PURE__ */ jsxRuntime.jsx("code", { className: "break-all text-xs", children: correlationId })
         ] }) : null,
         actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex flex-wrap items-center justify-center gap-2", children: actions }) : null
@@ -8675,16 +8799,17 @@ function ErrorPage({
     }
   );
 }
-var t9 = i18n.createPackageT("hazo_ui", en_default);
+var t19 = i18n.createPackageT("hazo_ui", en_default);
 function LoadingTimeout({
   active,
   children,
   skeleton,
   onRetry,
   thresholds,
-  label = "content",
+  label,
   className
 }) {
+  const resolved_label = label ?? t19("loading.default_label");
   const timeouts = {
     gentle: thresholds?.gentle ?? 5e3,
     firm: thresholds?.firm ?? 15e3,
@@ -8714,15 +8839,15 @@ function LoadingTimeout({
       ErrorBanner,
       {
         severity: "error",
-        title: t9("loading.taking_longer"),
-        message: `We're still trying to load the ${label}. The connection may be slow.`,
+        title: t19("loading.taking_longer"),
+        message: t19("loading.still_loading", { label: resolved_label }),
         action: onRetry ? /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
             onClick: onRetry,
             className: "rounded bg-foreground/10 px-3 py-1.5 text-sm font-medium hover:bg-foreground/15",
-            children: "Try again"
+            children: t19("loading.try_again")
           }
         ) : null
       }
@@ -8730,12 +8855,8 @@ function LoadingTimeout({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, role: "status", "aria-busy": "true", "aria-live": "polite", children: [
     skeleton,
-    phase === "gentle" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: [
-      "Loading ",
-      label,
-      "\u2026"
-    ] }) : null,
-    phase === "firm" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: "Still working on it \u2014 almost there." }) : null
+    phase === "gentle" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t19("loading.gentle_message", { label: resolved_label }) }) : null,
+    phase === "firm" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t19("loading.firm_message") }) : null
   ] });
 }
 function ProgressiveImage({
@@ -8816,7 +8937,7 @@ function NotificationCountBadge({
     }
   );
 }
-var t10 = i18n.createPackageT("hazo_ui", en_default);
+var t20 = i18n.createPackageT("hazo_ui", en_default);
 function NotificationItem({
   isRead,
   timestamp,
@@ -8847,7 +8968,7 @@ function NotificationItem({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_notification_item_dot_col flex-shrink-0 pt-1.5", children: !isRead ? /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            "aria-label": t10("notification.unread"),
+            "aria-label": t20("notification.unread"),
             className: "cls_notification_item_dot block w-2 h-2 rounded-full bg-primary"
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block w-2 h-2", "aria-hidden": "true" }) }),
@@ -8871,13 +8992,13 @@ function NotificationItem({
     }
   );
 }
-var t11 = i18n.createPackageT("hazo_ui", en_default);
+var t21 = i18n.createPackageT("hazo_ui", en_default);
 function LoadingSkeletons() {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "aria-busy": "true",
-      "aria-label": t11("notification.loading"),
+      "aria-label": t21("notification.loading"),
       className: "cls_notification_panel_loading space-y-0",
       children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
@@ -8936,7 +9057,7 @@ function NotificationPanel({
     }
   );
 }
-var t12 = i18n.createPackageT("hazo_ui", en_default);
+var t22 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiToaster({
   position = "bottom-right",
   closeButton = true,
@@ -8982,12 +9103,14 @@ function permissionToast({
   action,
   duration = 5e3
 }) {
-  const description = missingPermissions.length === 0 ? t12("toast.permission_denied_message") : `Missing: ${missingPermissions.map((key) => {
-    const label = descriptions?.[key];
-    return label ? `\`${key}\` \u2014 ${label}` : `\`${key}\``;
-  }).join("; ")}`;
+  const description = missingPermissions.length === 0 ? t22("toast.permission_denied_message") : t22("toast.missing_prefix", {
+    items: missingPermissions.map((key) => {
+      const label = descriptions?.[key];
+      return label ? `\`${key}\` \u2014 ${label}` : `\`${key}\``;
+    }).join("; ")
+  });
   return errorToast({
-    title: t12("toast.permission_required"),
+    title: t22("toast.permission_required"),
     description,
     action,
     duration
@@ -9245,6 +9368,7 @@ function use_fullscreen() {
   const { isFullscreen, toggle } = useFullscreen(ref);
   return { is_fullscreen: isFullscreen, toggle, ref };
 }
+var t23 = i18n.createPackageT("hazo_ui", en_default);
 function KanbanCard({
   item,
   renderCard,
@@ -9306,7 +9430,7 @@ function KanbanCard({
       ...listeners,
       role: "button",
       tabIndex: 0,
-      "aria-roledescription": "draggable card",
+      "aria-roledescription": t23("kanban.draggable_card"),
       "aria-grabbed": isDragging,
       onDoubleClick: () => {
         if (showEdit && onEditRequest && !dragging) onEditRequest(item);
@@ -9631,6 +9755,7 @@ function KanbanLaneStrip({
     }
   );
 }
+var t24 = i18n.createPackageT("hazo_ui", en_default);
 var DEFAULT_PRIORITIES = ["P0", "P1", "P2", "P3"];
 function humanize(key) {
   return key.replace(/[_\-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\s+/g, " ").trim().split(" ").map((w) => w ? w[0].toUpperCase() + w.slice(1) : w).join(" ");
@@ -9645,7 +9770,7 @@ function auto_detect_fields(item, columns) {
     }
   }
   if (columns.length > 0) {
-    out.push({ key: "columnKey", type: "status", label: "Status" });
+    out.push({ key: "columnKey", type: "status", label: t24("kanban.status_label") });
   }
   return out;
 }
@@ -9742,7 +9867,7 @@ function KanbanEditor({
     isDirty: is_dirty
   };
   const open = item !== null;
-  const title = item && titleFn ? titleFn(item) : item ? `Edit ${item.id}` : "";
+  const title = item && titleFn ? titleFn(item) : item ? t24("kanban.edit_fallback", { id: item.id }) : "";
   const priority_var = item?.priority ? `--hazo-kanban-priority-${String(item.priority).toLowerCase()}` : null;
   const header_bar_color = priority_var ? `hsl(var(${priority_var}))` : void 0;
   const use_default_footer = !(renderBody && hideFooter);
@@ -9754,18 +9879,18 @@ function KanbanEditor({
         if (!o && !saving) onClose();
       },
       title,
-      description: "Update card details below.",
+      description: t24("kanban.update_description"),
       sizeWidth: "min(90vw, 480px)",
       openAnimation: "none",
       closeAnimation: "none",
       headerBar: !!priority_var,
       headerBarColor: header_bar_color,
       contentClassName: cn("cls_hazo_kanban_editor", priority_var && "pt-0"),
-      actionButtonText: saving ? "Saving\u2026" : "Save",
+      actionButtonText: saving ? t24("kanban.saving") : t24("kanban.save"),
       actionButtonIcon: saving ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4 mr-2" }),
       actionButtonLoading: saving,
       actionButtonDisabled: !is_dirty || !all_required_filled || saving,
-      cancelButtonText: "Cancel",
+      cancelButtonText: t24("kanban.cancel"),
       showCancelButton: true,
       onConfirm: handle_save,
       onCancel: onClose,
@@ -9870,7 +9995,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsxRuntime.jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? `Select ${label}\u2026`
+              placeholder: field.placeholder ?? t24("kanban.select_placeholder", { label })
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: (field.options ?? []).map((opt) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: opt, children: opt }, opt)) })
@@ -9886,7 +10011,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsxRuntime.jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? "Select priority\u2026"
+              placeholder: field.placeholder ?? t24("kanban.select_priority")
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: priorities.map((p) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: p, children: p }, p)) })
@@ -9902,7 +10027,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsxRuntime.jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? "Select status\u2026"
+              placeholder: field.placeholder ?? t24("kanban.select_status")
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: col.key, children: col.title }, col.key)) })
@@ -9911,6 +10036,7 @@ function KanbanEditorFieldRow({
     )
   ] });
 }
+var t25 = i18n.createPackageT("hazo_ui", en_default);
 var EMPTY_FILTER = {
   search: "",
   categories: [],
@@ -9918,7 +10044,7 @@ var EMPTY_FILTER = {
 };
 function HazoUiKanbanFilter({
   search = true,
-  searchPlaceholder = "Search...",
+  searchPlaceholder,
   categories,
   priorities,
   value,
@@ -9926,6 +10052,7 @@ function HazoUiKanbanFilter({
   onChange,
   className
 }) {
+  const resolved_search_placeholder = searchPlaceholder ?? t25("common.search");
   const is_controlled = value !== void 0;
   const [internal, set_internal] = React27__namespace.useState(
     defaultValue ?? EMPTY_FILTER
@@ -9952,7 +10079,7 @@ function HazoUiKanbanFilter({
           {
             value: current.search,
             onChange: (e) => update({ ...current, search: e.target.value }),
-            placeholder: searchPlaceholder,
+            placeholder: resolved_search_placeholder,
             className: "cls_hazo_kanban_filter_search w-full sm:w-64"
           }
         ),
@@ -10037,16 +10164,25 @@ function applyKanbanFilter(items, filter) {
     return true;
   });
 }
+var t26 = i18n.createPackageT("hazo_ui", en_default);
 var UNMATCHED_LANE_KEY = "__hazo_lane_unmatched__";
 function bucket_key(lane_key, column_key) {
   return lane_key == null ? column_key : `${lane_key}\0${column_key}`;
 }
 function default_announcements(itemLabel) {
   return {
-    onDragStart: ({ item, fromColumn }) => `Picked up ${itemLabel(item)}. Currently in ${fromColumn}. Use arrow keys to choose a different column. Press space to drop, escape to cancel.`,
-    onDragOver: ({ item, overColumn }) => overColumn ? `${itemLabel(item)} over ${overColumn}.` : "",
-    onDragEnd: ({ item, fromColumn, toColumn, newIndex }) => fromColumn === toColumn ? `${itemLabel(item)} reordered to position ${newIndex + 1} in ${toColumn}.` : `${itemLabel(item)} dropped in ${toColumn}, position ${newIndex + 1}.`,
-    onDragCancel: ({ item, fromColumn }) => `Movement cancelled. ${itemLabel(item)} returned to ${fromColumn}.`
+    onDragStart: ({ item, fromColumn }) => t26("kanban.dnd_pickup", { item: itemLabel(item), column: fromColumn }),
+    onDragOver: ({ item, overColumn }) => overColumn ? t26("kanban.dnd_over", { item: itemLabel(item), column: overColumn }) : "",
+    onDragEnd: ({ item, fromColumn, toColumn, newIndex }) => fromColumn === toColumn ? t26("kanban.dnd_reorder", {
+      item: itemLabel(item),
+      pos: newIndex + 1,
+      column: toColumn
+    }) : t26("kanban.dnd_drop", {
+      item: itemLabel(item),
+      column: toColumn,
+      pos: newIndex + 1
+    }),
+    onDragCancel: ({ item, fromColumn }) => t26("kanban.dnd_cancel", { item: itemLabel(item), column: fromColumn })
   };
 }
 function group_items_by_column(items, overlay, columns, lanes) {
@@ -10850,7 +10986,7 @@ function serializeFilter(filter) {
   const fields = (filter.fields ?? []).map((f) => `${f.field}:${f.operator ?? ""}:${String(f.value)}`).join(",");
   return `${filter.search ?? ""}|${fields}`;
 }
-var t13 = i18n.createPackageT("hazo_ui", en_default);
+var t27 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiTable(props) {
   const state = useTableState(props);
   const { columns, rows, getRowKey, className, caption } = props;
@@ -10885,12 +11021,12 @@ function HazoUiTable(props) {
     ) }) : state.serverError != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_mobile_error py-6", children: renderErrorState(props.error, state.serverError) }) : state.displayed.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_mobile_empty py-6", children: noActiveFilters(state.filter) && rows.length === 0 ? typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState,
       {
-        title: typeof props.empty === "string" && props.empty || t13("table.empty")
+        title: typeof props.empty === "string" && props.empty || t27("table.empty")
       }
     ) : props.empty : typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState,
       {
-        title: typeof props.noResults === "string" && props.noResults || t13("table.no_results")
+        title: typeof props.noResults === "string" && props.noResults || t27("table.no_results")
       }
     ) : props.noResults }) : /* @__PURE__ */ jsxRuntime.jsx(
       TableMobileCards,
@@ -10913,7 +11049,7 @@ function HazoUiTable(props) {
             {
               type: "button",
               onClick: (e) => state.cycleHeaderSort(c.key, e.shiftKey),
-              title: t13("table.sort_tooltip"),
+              title: t27("table.sort_tooltip"),
               className: "cls_hazo_ui_table_sort_btn inline-flex items-center gap-1 hover:text-foreground",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: c.label }),
@@ -10945,12 +11081,12 @@ function HazoUiTable(props) {
           children: noActiveFilters(state.filter) && rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_empty_wrap py-6", children: typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             EmptyState,
             {
-              title: typeof props.empty === "string" && props.empty || t13("table.empty")
+              title: typeof props.empty === "string" && props.empty || t27("table.empty")
             }
           ) : props.empty }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_no_results_wrap py-6", children: typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             EmptyState,
             {
-              title: typeof props.noResults === "string" && props.noResults || t13("table.no_results")
+              title: typeof props.noResults === "string" && props.noResults || t27("table.no_results")
             }
           ) : props.noResults })
         }
@@ -11064,7 +11200,7 @@ function PaginationFooter({
   const end = Math.min((page + 1) * pageSize, total);
   const lastPage = Math.max(0, Math.ceil(total / pageSize) - 1);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_hazo_ui_table_pagination flex items-center justify-between gap-3 pt-2 text-sm", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t13("table.showing", {
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t27("table.showing", {
       start: String(start),
       end: String(end),
       total: String(total)
@@ -11077,8 +11213,8 @@ function PaginationFooter({
           size: "sm",
           onClick: () => onPageChange(Math.max(0, page - 1)),
           disabled: page === 0,
-          "aria-label": t13("table.prev_aria"),
-          children: t13("table.prev")
+          "aria-label": t27("table.prev_aria"),
+          children: t27("table.prev")
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -11088,8 +11224,8 @@ function PaginationFooter({
           size: "sm",
           onClick: () => onPageChange(Math.min(lastPage, page + 1)),
           disabled: page >= lastPage,
-          "aria-label": t13("table.next_aria"),
-          children: t13("table.next")
+          "aria-label": t27("table.next_aria"),
+          children: t27("table.next")
         }
       )
     ] })
@@ -11133,7 +11269,7 @@ function Toolbar2(props) {
           setSearchValue(v);
           onSearchChange(v);
         },
-        placeholder: searchPlaceholder ?? t13("table.search_placeholder"),
+        placeholder: searchPlaceholder ?? t27("table.search_placeholder"),
         className: "cls_hazo_ui_table_search w-full sm:max-w-xs"
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
@@ -11181,8 +11317,8 @@ function renderErrorState(error, serverError) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     EmptyState,
     {
-      title: t13("table.error_title"),
-      description: msg || t13("table.error_description")
+      title: t27("table.error_title"),
+      description: msg || t27("table.error_description")
     }
   );
 }
@@ -11418,18 +11554,20 @@ function StackedBars({
     }
   );
 }
+var t28 = i18n.createPackageT("hazo_ui", en_default);
 function DateRangeSelector({
   value,
   onChange,
   options,
   className,
-  ariaLabel = "Date range"
+  ariaLabel
 }) {
+  const resolved_aria = ariaLabel ?? t28("charts.date_range");
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       role: "group",
-      "aria-label": ariaLabel,
+      "aria-label": resolved_aria,
       className: cn(
         "cls_hazo_date_range_selector inline-flex items-center gap-0 rounded-md border bg-background p-0.5",
         className
@@ -11456,6 +11594,7 @@ function DateRangeSelector({
     }
   );
 }
+var t29 = i18n.createPackageT("hazo_ui", en_default);
 var PAD_LEFT2 = 80;
 var PAD_RIGHT2 = 72;
 var PAD_TOP2 = 12;
@@ -11606,12 +11745,12 @@ function FunnelChart({
           const bubble_anchor_y = bar_y + BAR_H / 2;
           const lines = [
             { text: step.label, accent: true },
-            { text: `Total: ${fmt(total)}`, accent: false },
-            { text: `% of first: ${pct_first}%`, accent: false }
+            { text: t29("charts.total", { value: fmt(total) }), accent: false },
+            { text: t29("charts.pct_of_first", { pct: pct_first }), accent: false }
           ];
           if (i > 0) {
-            lines.push({ text: `% of prev: ${pct_prev}%`, accent: false });
-            lines.push({ text: `Drop-off: \u2212${fmt(dropoff)}`, accent: false });
+            lines.push({ text: t29("charts.pct_of_prev", { pct: pct_prev }), accent: false });
+            lines.push({ text: t29("charts.dropoff", { value: fmt(dropoff) }), accent: false });
           }
           if (step.segments) {
             step.segments.forEach((seg) => {
@@ -11672,6 +11811,7 @@ function FunnelChart({
 // src/assets/celebration-chime.mp3
 var celebration_chime_default = "data:text/plain;charset=utf-8,";
+var t30 = i18n.createPackageT("hazo_ui", en_default);
 var CELEBRATION_GRADIENT = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)";
 var CARD_SIZE = 1080;
 var PREVIEW_SIZE = 400;
@@ -11869,7 +12009,7 @@ function CelebrationModalInner({
                 {
                   className: "cls_celebration_close_btn absolute top-3 right-3 z-10 p-1.5 rounded-full hover:bg-black/10 transition-colors",
                   onClick: close_modal,
-                  "aria-label": "Close celebration",
+                  "aria-label": t30("celebration.close"),
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4 text-gray-600" })
                 }
               ),
@@ -11932,21 +12072,21 @@ function CelebrationModalInner({
                       disabled: is_downloading,
                       children: [
                         is_downloading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 mr-1.5 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-3.5 w-3.5 mr-1.5" }),
-                        "Download PNG"
+                        t30("celebration.download_png")
                       ]
                     }
                   ),
                   can_share && /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: handle_share, children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Share2, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    "Share"
+                    t30("celebration.share")
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: handle_copy, children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    "Copy image"
+                    t30("celebration.copy_image")
                   ] })
                 ] })
               ] }),
-              !shareableCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: close_modal, children: "Dismiss" }) })
+              !shareableCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: close_modal, children: t30("celebration.dismiss") }) })
             ]
           }
         )
@@ -11968,8 +12108,8 @@ function computeEta(durationWindow, unitCount, concurrency = 1, fallbackUnitMs =
 }
 function easeToward(elapsed, eta, maxCap = 0.95) {
   if (eta <= 0 || elapsed <= 0) return 0;
-  const t14 = elapsed / eta;
-  return maxCap * (1 - Math.exp(-1.5 * t14));
+  const t35 = elapsed / eta;
+  return maxCap * (1 - Math.exp(-1.5 * t35));
 }
 function HazoUiProgressBar({
   value,
@@ -12145,13 +12285,16 @@ function upsertEntry(entries, entry) {
 function removeEntry(entries, id) {
   return entries.filter((e) => e.id !== id);
 }
+var t31 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiMemoryDropdown({
   history_key,
-  placeholder = "Search history\u2026",
+  placeholder,
   on_select,
   add_entry,
-  empty_label = "No history yet"
+  empty_label
 }) {
+  const resolved_placeholder = placeholder ?? t31("memory.search_placeholder");
+  const resolved_empty_label = empty_label ?? t31("memory.no_history");
   const { value: stored, setValue } = client$2.useHazoState(history_key, {
     level: "scope",
     fallback: []
@@ -12189,7 +12332,7 @@ function HazoUiMemoryDropdown({
             type: "text",
             value: query,
             onChange: (e) => setQuery(e.target.value),
-            placeholder,
+            placeholder: resolved_placeholder,
             style: {
               width: "100%",
               background: "#FFFFFF",
@@ -12219,7 +12362,7 @@ function HazoUiMemoryDropdown({
                   fontStyle: "italic",
                   fontSize: 13
                 },
-                children: empty_label
+                children: resolved_empty_label
               }
             ) : filtered.map((entry) => /* @__PURE__ */ jsxRuntime.jsx(
               EntryRow,
@@ -12276,7 +12419,7 @@ function EntryRow({ entry, on_select, onDelete }) {
             onClick: (e) => onDelete(entry.id, e),
             onMouseEnter: () => setDeleteHovered(true),
             onMouseLeave: () => setDeleteHovered(false),
-            "aria-label": `Remove ${entry.label} from history`,
+            "aria-label": t31("memory.remove_aria", { label: entry.label }),
             style: {
               flexShrink: 0,
               background: "none",
@@ -12295,6 +12438,7 @@ function EntryRow({ entry, on_select, onDelete }) {
     }
   );
 }
+var t32 = i18n.createPackageT("hazo_ui", en_default);
 function Logo({
   logoUrl,
   logoUrlDark,
@@ -12304,7 +12448,7 @@ function Logo({
   className,
   imgClassName
 }) {
-  const alt = appTitle ?? "Logo";
+  const alt = appTitle ?? t32("app_logo.alt_fallback");
   let content = null;
   if (logoUrl) {
     content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -12339,11 +12483,12 @@ function Logo({
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center gap-2", className), children: content });
 }
+var t33 = i18n.createPackageT("hazo_ui", en_default);
 function AppHeader({ identity, homeHref, navItems, actions, className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "header",
     {
-      "aria-label": "Application header",
+      "aria-label": t33("app_header.aria_label"),
       className: cn(
         "flex w-full items-center justify-between gap-4 border-b bg-navbar text-navbar-fg border-navbar-border px-4 py-2.5",
         className
@@ -12851,6 +12996,7 @@ function HazoBrowserTab({
     }
   );
 }
+var t34 = i18n.createPackageT("hazo_ui", en_default);
 var native_name_cache = /* @__PURE__ */ new Map();
 function get_native_name(code) {
   const cached = native_name_cache.get(code);
@@ -12922,9 +13068,10 @@ function LocalePicker({
   flags = false,
   alternates,
   activeLocale,
-  triggerLabel = "Change language",
+  triggerLabel,
   className
 }) {
+  const resolved_trigger_label = triggerLabel ?? t34("locale_picker.change_language");
   const options = React27__namespace.useMemo(() => {
     return Object.entries(alternates ?? {}).map(([code, url]) => {
       const href = safeHref(url);
@@ -12939,7 +13086,7 @@ function LocalePicker({
     return /* @__PURE__ */ jsxRuntime.jsx(
       "nav",
       {
-        "aria-label": triggerLabel,
+        "aria-label": resolved_trigger_label,
         className: cn("cls_locale_picker_inline flex items-center gap-1", className),
         children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
           "a",
@@ -12969,7 +13116,7 @@ function LocalePicker({
         variant: "outline",
         size: "sm",
         lang: activeLocale,
-        "aria-label": triggerLabel,
+        "aria-label": resolved_trigger_label,
         className: cn("cls_locale_picker_trigger gap-1.5", className),
         children: [
           flags && /* @__PURE__ */ jsxRuntime.jsx(FlagIcon, { code: active_option?.code ?? options[0].code }),