hazo_ui 6.12.3 → 6.12.5

package/dist/index.js

@@ -112,8 +112,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);
@@ -127,12 +127,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;
   }
@@ -747,7 +747,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 = createPackageT("hazo_ui", en_default);
 function FilterFieldItem({
@@ -1235,7 +1340,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__ */ jsx(GripVertical, { className: "cls_drag_icon h-4 w-4" })
           }
         ),
@@ -1243,7 +1348,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
           }
         ),
@@ -1252,7 +1357,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__ */ jsxs(
@@ -1266,7 +1371,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__ */ jsx(ArrowUp, { className: "h-3 w-3" }),
-                    "Asc"
+                    t2("sort.asc")
                   ]
                 }
               ),
@@ -1281,7 +1386,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__ */ jsx(ArrowDown, { className: "h-3 w-3" }),
-                    "Desc"
+                    t2("sort.desc")
                   ]
                 }
               )
@@ -1295,7 +1400,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__ */ jsx(X, { className: "cls_delete_icon h-3.5 w-3.5" })
           }
         )
@@ -1408,16 +1513,16 @@ function HazoUiMultiSortDialog({
   };
   const hasActiveSorts = initialSortFields.length > 0;
   const tooltipContent = hasActiveSorts ? /* @__PURE__ */ jsxs("div", { className: "cls_sort_tooltip_content space-y-1", children: [
-    /* @__PURE__ */ jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: "Active sorts" }),
+    /* @__PURE__ */ jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: t2("sort.active_sorts") }),
     initialSortFields.map((sortConfig, index) => /* @__PURE__ */ 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__ */ jsx("div", { className: "cls_sort_tooltip_content text-xs", children: "No active sorts" });
+  ] }) : /* @__PURE__ */ jsx("div", { className: "cls_sort_tooltip_content text-xs", children: t2("sort.no_active_sorts") });
   return /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -1437,7 +1542,7 @@ function HazoUiMultiSortDialog({
                 )
               }
             ),
-            "Sort",
+            t2("sort.button_label"),
             hasActiveSorts && /* @__PURE__ */ 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 })
           ]
         }
@@ -1482,7 +1587,7 @@ function HazoUiMultiSortDialog({
               }
             )
           }
-        ) }) : /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { className: "cls_add_field_section", children: /* @__PURE__ */ jsxs(Popover, { open: isComboboxOpen, onOpenChange: setIsComboboxOpen, children: [
           /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
             Button,
@@ -1494,13 +1599,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__ */ jsx(Plus, { className: "cls_plus_icon h-4 w-4" }),
-                /* @__PURE__ */ jsx("span", { children: availableFieldsToAdd.length === 0 ? "All fields added" : "Add sort field" })
+                /* @__PURE__ */ jsx("span", { children: availableFieldsToAdd.length === 0 ? t2("sort.all_fields_added") : t2("sort.add_sort_field") })
               ]
             }
           ) }),
           /* @__PURE__ */ jsx(PopoverContent, { className: "cls_combobox_popover w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ jsxs(Command, { children: [
             /* @__PURE__ */ jsx(CommandInput, { placeholder: t2("sort.search_fields"), className: "cls_command_input" }),
-            /* @__PURE__ */ jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsx(CommandEmpty, { children: "No fields available." }) : /* @__PURE__ */ jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsx(CommandEmpty, { children: t2("sort.no_fields_available") }) : /* @__PURE__ */ jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsx(
               CommandItem,
               {
                 value: field.label,
@@ -2036,11 +2141,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
@@ -2253,11 +2358,11 @@ function HazoUiIconPicker({
                 name
               );
             }),
-            filtered_search_results.length === 0 && /* @__PURE__ */ 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__ */ jsx("p", { className: "col-span-8 py-4 text-center text-sm text-muted-foreground", children: t3("icon_picker.no_results") })
           ] }) : /* @__PURE__ */ jsxs(Tabs, { defaultValue: "emoji", children: [
             /* @__PURE__ */ jsxs(TabsList, { className: "grid w-full grid-cols-6", children: [
-              /* @__PURE__ */ jsx(TabsTrigger, { value: "emoji", children: "Emoji" }),
-              LUCIDE_GROUPS.map((group) => /* @__PURE__ */ jsx(TabsTrigger, { value: group.key, children: group.label }, group.key))
+              /* @__PURE__ */ jsx(TabsTrigger, { value: "emoji", children: t3("icon_picker.emoji_tab") }),
+              LUCIDE_GROUPS.map((group) => /* @__PURE__ */ jsx(TabsTrigger, { value: group.key, children: t3(group.label_key) }, group.key))
             ] }),
             /* @__PURE__ */ jsx(TabsContent, { value: "emoji", children: /* @__PURE__ */ jsx("div", { className: "grid max-h-56 grid-cols-8 gap-1 overflow-y-auto", children: EMOJI_ITEMS.map((emoji, index) => /* @__PURE__ */ jsx(
               "button",
@@ -2289,6 +2394,7 @@ function HazoUiIconPicker({
     }
   ) });
 }
+var t4 = 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 };
@@ -2297,36 +2403,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;
     }
@@ -2334,13 +2440,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;
@@ -2349,7 +2455,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 };
@@ -2445,7 +2551,7 @@ var HazoUiFlexInput = React27.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);
       }
@@ -3675,10 +3781,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])
   }));
 }
 
@@ -3725,7 +3831,7 @@ function get_file_extension(filename) {
 function is_image_file(mime_type) {
   return mime_type.startsWith("image/");
 }
-var t4 = createPackageT("hazo_ui", en_default);
+var t5 = createPackageT("hazo_ui", en_default);
 var ALL_ON = {
   undo_redo: true,
   block_type: true,
@@ -3780,7 +3886,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;
@@ -3924,7 +4030,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().undo().run(),
           disabled: !editor.can().undo(),
-          tooltip: t4("rte.undo"),
+          tooltip: t5("rte.undo"),
           children: /* @__PURE__ */ jsx(LuUndo2, { className: "h-4 w-4" })
         },
         "undo"
@@ -3934,7 +4040,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().redo().run(),
           disabled: !editor.can().redo(),
-          tooltip: t4("rte.redo"),
+          tooltip: t5("rte.redo"),
           children: /* @__PURE__ */ jsx(LuRedo2, { className: "h-4 w-4" })
         },
         "redo"
@@ -3975,7 +4081,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(-2),
-              tooltip: t4("rte.decrease_font_size"),
+              tooltip: t5("rte.decrease_font_size"),
               children: /* @__PURE__ */ jsx(LuMinus, { className: "h-3 w-3" })
             }
           ),
@@ -3984,7 +4090,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__ */ jsx(LuPlus, { className: "h-3 w-3" })
             }
           )
@@ -4002,7 +4108,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBold().run(),
             is_active: editor.isActive("bold"),
-            tooltip: t4("rte.bold"),
+            tooltip: t5("rte.bold"),
             children: /* @__PURE__ */ jsx(LuBold, { className: "h-4 w-4" })
           },
           "bold"
@@ -4016,7 +4122,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleItalic().run(),
             is_active: editor.isActive("italic"),
-            tooltip: t4("rte.italic"),
+            tooltip: t5("rte.italic"),
             children: /* @__PURE__ */ jsx(LuItalic, { className: "h-4 w-4" })
           },
           "italic"
@@ -4030,7 +4136,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleUnderline().run(),
             is_active: editor.isActive("underline"),
-            tooltip: t4("rte.underline"),
+            tooltip: t5("rte.underline"),
             children: /* @__PURE__ */ jsx(LuUnderline, { className: "h-4 w-4" })
           },
           "underline"
@@ -4044,7 +4150,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleStrike().run(),
             is_active: editor.isActive("strike"),
-            tooltip: t4("rte.strikethrough"),
+            tooltip: t5("rte.strikethrough"),
             children: /* @__PURE__ */ jsx(LuStrikethrough, { className: "h-4 w-4" })
           },
           "strike"
@@ -4058,7 +4164,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSubscript().run(),
             is_active: editor.isActive("subscript"),
-            tooltip: t4("rte.subscript"),
+            tooltip: t5("rte.subscript"),
             children: /* @__PURE__ */ jsx(LuSubscript, { className: "h-4 w-4" })
           },
           "sub"
@@ -4072,7 +4178,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSuperscript().run(),
             is_active: editor.isActive("superscript"),
-            tooltip: t4("rte.superscript"),
+            tooltip: t5("rte.superscript"),
             children: /* @__PURE__ */ jsx(LuSuperscript, { className: "h-4 w-4" })
           },
           "super"
@@ -4086,7 +4192,7 @@ var Toolbar = ({
     if (tb.link) {
       items.push(
         /* @__PURE__ */ jsxs(Popover, { open: link_popover_open, onOpenChange: set_link_popover_open, children: [
-          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t4("rte.link"), children: /* @__PURE__ */ jsx(LuLink, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t5("rte.link"), children: /* @__PURE__ */ jsx(LuLink, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsx(PopoverContent, { className: "w-80 p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsx(
               Input,
@@ -4098,17 +4204,14 @@ var Toolbar = ({
               }
             ),
             /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: handle_set_link, className: "flex-1", children: [
-                editor.isActive("link") ? "Update" : "Add",
-                " Link"
-              ] }),
+              /* @__PURE__ */ 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__ */ jsx(
                 Button,
                 {
                   size: "sm",
                   variant: "destructive",
                   onClick: handle_remove_link,
-                  children: "Remove"
+                  children: t5("rte.remove_link")
                 }
               )
             ] })
@@ -4122,7 +4225,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run(),
-            tooltip: t4("rte.clear_formatting"),
+            tooltip: t5("rte.clear_formatting"),
             children: /* @__PURE__ */ jsx(LuRemoveFormatting, { className: "h-4 w-4" })
           },
           "clear"
@@ -4136,7 +4239,7 @@ var Toolbar = ({
     if (tb.text_color) {
       items.push(
         /* @__PURE__ */ jsxs(Popover, { open: text_color_open, onOpenChange: set_text_color_open, children: [
-          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t4("rte.text_color"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t5("rte.text_color"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsx(LuPalette, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx(
               "div",
@@ -4179,7 +4282,7 @@ var Toolbar = ({
     if (tb.highlight_color) {
       items.push(
         /* @__PURE__ */ jsxs(Popover, { open: highlight_color_open, onOpenChange: set_highlight_color_open, children: [
-          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t4("rte.highlight_color"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t5("rte.highlight_color"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsx(LuHighlighter, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx(
               "div",
@@ -4222,7 +4325,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__ */ jsx(LuAlignLeft, { className: "h-4 w-4" })
         },
         "align-left"
@@ -4232,7 +4335,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__ */ jsx(LuAlignCenter, { className: "h-4 w-4" })
         },
         "align-center"
@@ -4242,7 +4345,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__ */ jsx(LuAlignRight, { className: "h-4 w-4" })
         },
         "align-right"
@@ -4252,7 +4355,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__ */ jsx(LuAlignJustify, { className: "h-4 w-4" })
         },
         "align-justify"
@@ -4268,7 +4371,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__ */ jsx(LuList, { className: "h-4 w-4" })
           },
           "bullet"
@@ -4282,7 +4385,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__ */ jsx(LuListOrdered, { className: "h-4 w-4" })
           },
           "ordered"
@@ -4296,7 +4399,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleTaskList().run(),
             is_active: editor.isActive("taskList"),
-            tooltip: t4("rte.checklist"),
+            tooltip: t5("rte.checklist"),
             children: /* @__PURE__ */ jsx(LuListChecks, { className: "h-4 w-4" })
           },
           "task"
@@ -4318,7 +4421,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().liftListItem("listItem") && !editor.can().liftListItem("taskItem"),
-          tooltip: t4("rte.decrease_indent"),
+          tooltip: t5("rte.decrease_indent"),
           children: /* @__PURE__ */ jsx(LuIndentDecrease, { className: "h-4 w-4" })
         },
         "indent-dec"
@@ -4334,7 +4437,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().sinkListItem("listItem") && !editor.can().sinkListItem("taskItem"),
-          tooltip: t4("rte.increase_indent"),
+          tooltip: t5("rte.increase_indent"),
           children: /* @__PURE__ */ jsx(LuIndentIncrease, { className: "h-4 w-4" })
         },
         "indent-inc"
@@ -4345,7 +4448,7 @@ var Toolbar = ({
     const items = [];
     if (tb.horizontal_rule) {
       items.push(
-        /* @__PURE__ */ jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t4("rte.horizontal_rule"), children: /* @__PURE__ */ jsx(RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
+        /* @__PURE__ */ jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t5("rte.horizontal_rule"), children: /* @__PURE__ */ jsx(RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
       );
     }
     if (tb.image) {
@@ -4354,7 +4457,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => image_input_ref.current?.click(),
-            tooltip: t4("rte.insert_image"),
+            tooltip: t5("rte.insert_image"),
             children: /* @__PURE__ */ jsx(LuImage, { className: "h-4 w-4" })
           },
           "image"
@@ -4368,14 +4471,14 @@ var Toolbar = ({
             ToolbarButton,
             {
               is_active: editor.isActive("table"),
-              tooltip: t4("rte.table"),
+              tooltip: t5("rte.table"),
               children: /* @__PURE__ */ jsx(LuTable, { className: "h-4 w-4" })
             }
           ) }),
           /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-3", align: "start", children: editor.isActive("table") ? (
             // Table editing controls when inside a table
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-xs font-medium mb-1", children: "Table Operations" }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs font-medium mb-1", children: t5("rte.table_operations") }),
               /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-1", children: [
                 /* @__PURE__ */ jsxs(
                   Button,
@@ -4386,7 +4489,7 @@ var Toolbar = ({
                     onClick: handle_add_row_before,
                     children: [
                       /* @__PURE__ */ jsx(LuTableRowsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add row above"
+                      t5("rte.add_row_above")
                     ]
                   }
                 ),
@@ -4399,7 +4502,7 @@ var Toolbar = ({
                     onClick: handle_add_row_after,
                     children: [
                       /* @__PURE__ */ jsx(LuTableRowsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add row below"
+                      t5("rte.add_row_below")
                     ]
                   }
                 ),
@@ -4412,7 +4515,7 @@ var Toolbar = ({
                     onClick: handle_add_col_before,
                     children: [
                       /* @__PURE__ */ jsx(LuTableColumnsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add col left"
+                      t5("rte.add_col_left")
                     ]
                   }
                 ),
@@ -4425,7 +4528,7 @@ var Toolbar = ({
                     onClick: handle_add_col_after,
                     children: [
                       /* @__PURE__ */ jsx(LuTableColumnsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add col right"
+                      t5("rte.add_col_right")
                     ]
                   }
                 ),
@@ -4438,7 +4541,7 @@ var Toolbar = ({
                     onClick: handle_delete_row,
                     children: [
                       /* @__PURE__ */ jsx(LuTrash2, { className: "h-3 w-3 mr-1" }),
-                      "Delete row"
+                      t5("rte.delete_row")
                     ]
                   }
                 ),
@@ -4451,7 +4554,7 @@ var Toolbar = ({
                     onClick: handle_delete_col,
                     children: [
                       /* @__PURE__ */ jsx(LuTrash2, { className: "h-3 w-3 mr-1" }),
-                      "Delete col"
+                      t5("rte.delete_col")
                     ]
                   }
                 )
@@ -4465,7 +4568,7 @@ var Toolbar = ({
                   onClick: handle_delete_table,
                   children: [
                     /* @__PURE__ */ jsx(LuTrash2, { className: "h-3 w-3 mr-1" }),
-                    "Delete table"
+                    t5("rte.delete_table")
                   ]
                 }
               )
@@ -4473,7 +4576,7 @@ var Toolbar = ({
           ) : (
             // Table size picker when not in a table
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-xs font-medium mb-1", children: "Insert Table" }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs font-medium mb-1", children: t5("rte.insert_table_heading") }),
               /* @__PURE__ */ jsx("div", { className: "grid gap-0.5", children: Array.from({ length: 6 }).map((_, row_idx) => /* @__PURE__ */ jsx("div", { className: "flex gap-0.5", children: Array.from({ length: 6 }).map((_2, col_idx) => /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -4487,9 +4590,9 @@ var Toolbar = ({
                 },
                 col_idx
               )) }, row_idx)) }),
-              /* @__PURE__ */ jsx("div", { className: "text-xs text-center text-muted-foreground", children: hovered_cell ? `${hovered_cell.col} x ${hovered_cell.row}` : "Select size" }),
+              /* @__PURE__ */ 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__ */ jsxs("div", { className: "border-t pt-2 mt-1", children: [
-                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-2", children: "Custom size" }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-2", children: t5("rte.custom_size") }),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx(
                     Input,
@@ -4522,7 +4625,7 @@ var Toolbar = ({
                       onClick: () => handle_table_insert(table_rows, table_cols),
                       children: [
                         /* @__PURE__ */ jsx(LuGrid3X3, { className: "h-3 w-3 mr-1" }),
-                        "Insert"
+                        t5("rte.insert_table")
                       ]
                     }
                   )
@@ -4540,11 +4643,11 @@ var Toolbar = ({
     if (tb.variables && variables.length > 0) {
       items.push(
         /* @__PURE__ */ jsxs(Popover, { open: variables_menu_open, onOpenChange: set_variables_menu_open, children: [
-          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t4("rte.insert_variable"), children: /* @__PURE__ */ jsx(LuVariable, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t5("rte.insert_variable"), children: /* @__PURE__ */ jsx(LuVariable, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsx(PopoverContent, { className: "w-64 p-0", align: "start", children: /* @__PURE__ */ jsxs(Command, { children: [
-            /* @__PURE__ */ jsx(CommandInput, { placeholder: "Search variables...", className: "h-8 text-xs" }),
+            /* @__PURE__ */ jsx(CommandInput, { placeholder: t5("rte.search_variables"), className: "h-8 text-xs" }),
             /* @__PURE__ */ jsxs(CommandList, { children: [
-              /* @__PURE__ */ jsx(CommandEmpty, { children: "No variables found." }),
+              /* @__PURE__ */ jsx(CommandEmpty, { children: t5("rte.no_variables") }),
               /* @__PURE__ */ jsx(CommandGroup, { children: variables.map((variable) => /* @__PURE__ */ jsx(
                 CommandItem,
                 {
@@ -4569,7 +4672,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => file_input_ref.current?.click(),
-            tooltip: t4("rte.attach_file"),
+            tooltip: t5("rte.attach_file"),
             children: /* @__PURE__ */ jsx(LuPaperclip, { className: "h-4 w-4" })
           },
           "attach"
@@ -4841,6 +4944,7 @@ var VariableExtension = Node.create({
     };
   }
 });
+var t6 = createPackageT("hazo_ui", en_default);
 function debounce_fn(func, wait) {
   let timeout_id = null;
   return (output) => {
@@ -4857,7 +4961,7 @@ var HazoUiRte = ({
   attachments: initial_attachments = [],
   variables = [],
   on_change,
-  placeholder = "Start typing...",
+  placeholder,
   min_height = "200px",
   max_height = "400px",
   disabled = false,
@@ -4866,6 +4970,7 @@ var HazoUiRte = ({
   toolbar,
   font_families
 }) => {
+  const resolved_placeholder = placeholder ?? t6("rte.placeholder");
   const [attachments, set_attachments] = React27.useState(
     initial_attachments
   );
@@ -4915,7 +5020,7 @@ var HazoUiRte = ({
         }
       }),
       Placeholder.configure({
-        placeholder
+        placeholder: resolved_placeholder
       }),
       HorizontalRule,
       Table.configure({
@@ -5090,7 +5195,7 @@ var HazoUiRte = ({
   );
 };
 HazoUiRte.displayName = "HazoUiRte";
-var t5 = createPackageT("hazo_ui", en_default);
+var t7 = createPackageT("hazo_ui", en_default);
 function CanvasTextToolbar({
   bold,
   italic,
@@ -5121,14 +5226,14 @@ function CanvasTextToolbar({
       ),
       style,
       children: [
-        /* @__PURE__ */ jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: t5("canvas_toolbar.bold"), children: /* @__PURE__ */ jsx(LuBold, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: t5("canvas_toolbar.italic"), children: /* @__PURE__ */ jsx(LuItalic, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: t7("canvas_toolbar.bold"), children: /* @__PURE__ */ jsx(LuBold, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: t7("canvas_toolbar.italic"), children: /* @__PURE__ */ jsx(LuItalic, { className: "h-4 w-4" }) }),
         /* @__PURE__ */ jsx(
           ToolbarButton,
           {
             is_active: underline,
             onClick: onUnderline,
-            tooltip: t5("canvas_toolbar.underline"),
+            tooltip: t7("canvas_toolbar.underline"),
             children: /* @__PURE__ */ jsx(LuUnderline, { className: "h-4 w-4" })
           }
         ),
@@ -5138,7 +5243,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "left",
             onClick: () => onAlign?.("left"),
-            tooltip: t5("canvas_toolbar.align_left"),
+            tooltip: t7("canvas_toolbar.align_left"),
             children: /* @__PURE__ */ jsx(LuAlignLeft, { className: "h-4 w-4" })
           }
         ),
@@ -5147,7 +5252,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "center",
             onClick: () => onAlign?.("center"),
-            tooltip: t5("canvas_toolbar.align_center"),
+            tooltip: t7("canvas_toolbar.align_center"),
             children: /* @__PURE__ */ jsx(LuAlignCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5156,7 +5261,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "right",
             onClick: () => onAlign?.("right"),
-            tooltip: t5("canvas_toolbar.align_right"),
+            tooltip: t7("canvas_toolbar.align_right"),
             children: /* @__PURE__ */ jsx(LuAlignRight, { className: "h-4 w-4" })
           }
         ),
@@ -5165,7 +5270,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__ */ jsxs("div", { className: "flex flex-col items-center", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-muted-foreground", children: "A" }),
@@ -5195,7 +5300,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "top",
             onClick: () => onVerticalAlign?.("top"),
-            tooltip: t5("canvas_toolbar.align_top"),
+            tooltip: t7("canvas_toolbar.align_top"),
             children: /* @__PURE__ */ jsx(LuAlignVerticalJustifyStart, { className: "h-4 w-4" })
           }
         ),
@@ -5204,7 +5309,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "middle",
             onClick: () => onVerticalAlign?.("middle"),
-            tooltip: t5("canvas_toolbar.align_middle"),
+            tooltip: t7("canvas_toolbar.align_middle"),
             children: /* @__PURE__ */ jsx(LuAlignVerticalJustifyCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5213,7 +5318,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "bottom",
             onClick: () => onVerticalAlign?.("bottom"),
-            tooltip: t5("canvas_toolbar.align_bottom"),
+            tooltip: t7("canvas_toolbar.align_bottom"),
             children: /* @__PURE__ */ jsx(LuAlignVerticalJustifyEnd, { className: "h-4 w-4" })
           }
         ),
@@ -5224,7 +5329,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__ */ jsx("option", { value: "sans-serif", children: "Sans" }),
               /* @__PURE__ */ jsx("option", { value: "serif", children: "Serif" }),
@@ -5236,18 +5341,19 @@ function CanvasTextToolbar({
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "mx-1 h-6 w-px bg-border" }),
-        /* @__PURE__ */ jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: t5("canvas_toolbar.bullet_list"), children: /* @__PURE__ */ jsx(LuList, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: t7("canvas_toolbar.bullet_list"), children: /* @__PURE__ */ jsx(LuList, { className: "h-4 w-4" }) })
       ]
     }
   ) });
 }
+var t8 = createPackageT("hazo_ui", en_default);
 var MdEditorLazy = 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",
@@ -5330,13 +5436,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);
@@ -5360,7 +5466,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__ */ jsx(
@@ -5372,7 +5478,7 @@ function MarkdownEditor({
                   preview: effectivePreview,
                   visibleDragbar: false,
                   commands: editorCommands,
-                  textareaProps: { placeholder, onPaste: handlePaste }
+                  textareaProps: { placeholder: placeholder ?? t8("markdown.placeholder"), onPaste: handlePaste }
                 }
               )
             }
@@ -5381,7 +5487,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__ */ jsx(
@@ -5395,7 +5501,7 @@ function MarkdownEditor({
         ]
       }
     ),
-    uploading && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Uploading image\u2026" }),
+    uploading && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t8("markdown.uploading_image") }),
     error && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-destructive", children: error })
   ] });
 }
@@ -6094,6 +6200,7 @@ var Text = Node.create({
   renderMarkdown: (node) => node.text || ""
 });
 var index_default3 = Text;
+var t9 = createPackageT("hazo_ui", en_default);
 var SingleLineDocument = index_default.extend({
   content: "paragraph"
 });
@@ -6131,7 +6238,7 @@ var HazoUiTextbox = ({
   value,
   default_value,
   prefixes,
-  placeholder = "Type here...",
+  placeholder,
   disabled = false,
   className,
   pill_variant = "default",
@@ -6142,6 +6249,7 @@ var HazoUiTextbox = ({
   on_command_change,
   on_command_remove
 }) => {
+  const resolved_placeholder = placeholder ?? t9("textbox.placeholder");
   const generated_instance_id = React27.useId();
   const instance_id = provided_instance_id || generated_instance_id;
   const [suggestion_state, set_suggestion_state] = React27.useState(null);
@@ -6174,7 +6282,7 @@ var HazoUiTextbox = ({
       index_default2,
       index_default3,
       Placeholder.configure({
-        placeholder
+        placeholder: resolved_placeholder
       }),
       CommandNodeExtension.configure({}),
       ...suggestion_extensions
@@ -6553,7 +6661,7 @@ var HazoUiTextbox = ({
                         edit_selected_index === edit_commands.length && "bg-destructive/10"
                       ),
                       onClick: handle_command_remove,
-                      children: /* @__PURE__ */ jsx("span", { children: "Remove" })
+                      children: /* @__PURE__ */ jsx("span", { children: t9("common.remove") })
                     }
                   )
                 ] })
@@ -6631,6 +6739,7 @@ var HardBreak = Node.create({
   }
 });
 var index_default4 = HardBreak;
+var t10 = createPackageT("hazo_ui", en_default);
 var get_editor_output2 = (editor) => {
   if (!editor) {
     return { plain_text: "", display_text: "", commands: [] };
@@ -6685,7 +6794,7 @@ var HazoUiTextarea = ({
   value,
   default_value,
   prefixes,
-  placeholder = "Type here...",
+  placeholder,
   disabled = false,
   className,
   pill_variant = "default",
@@ -6699,6 +6808,7 @@ var HazoUiTextarea = ({
   on_command_change,
   on_command_remove
 }) => {
+  const resolved_placeholder = placeholder ?? t10("textarea.placeholder");
   const generated_instance_id = React27.useId();
   const instance_id = provided_instance_id || generated_instance_id;
   const [suggestion_state, set_suggestion_state] = React27.useState(null);
@@ -6733,7 +6843,7 @@ var HazoUiTextarea = ({
       index_default3,
       index_default4,
       Placeholder.configure({
-        placeholder
+        placeholder: resolved_placeholder
       }),
       CommandNodeExtension.configure({}),
       ...suggestion_extensions
@@ -7123,7 +7233,7 @@ var HazoUiTextarea = ({
                         backgroundColor: edit_selected_index === edit_commands.length ? "rgba(239, 68, 68, 0.1)" : "inherit"
                       },
                       onClick: handle_command_remove,
-                      children: /* @__PURE__ */ jsx("span", { children: "Remove" })
+                      children: /* @__PURE__ */ jsx("span", { children: t10("common.remove") })
                     }
                   )
                 ] })
@@ -7183,6 +7293,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 = createPackageT("hazo_ui", en_default);
 var VARIANT_PRESETS = {
   info: {
     header_background_color: "var(--dialog-info-bg)",
@@ -7232,11 +7343,11 @@ function HazoUiDialog({
   children,
   onConfirm,
   onCancel,
-  title = "Action required",
+  title,
   description,
   actionButtonText: actionButtonTextProp,
   actionButtonVariant,
-  cancelButtonText = "Cancel",
+  cancelButtonText,
   showCancelButton: showCancelButtonProp,
   showActionButton = true,
   closeOnConfirm: closeOnConfirmProp,
@@ -7276,9 +7387,11 @@ function HazoUiDialog({
   const cancel_ref = React27.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) {
@@ -7413,7 +7526,7 @@ function HazoUiDialog({
           },
           children: [
             /* @__PURE__ */ jsxs("div", { className: "cls_confirm_dialog_body px-6 pt-7 pb-5", children: [
-              /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "cls_confirm_dialog_title text-[17px] font-semibold text-foreground mb-2.5", children: title }),
+              /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "cls_confirm_dialog_title text-[17px] font-semibold text-foreground mb-2.5", children: resolved_title }),
               children ? /* @__PURE__ */ jsx(DialogPrimitive.Description, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "cls_confirm_dialog_children text-sm text-muted-foreground leading-relaxed", children }) }) : description ? /* @__PURE__ */ jsx(DialogPrimitive.Description, { className: "cls_confirm_dialog_description text-sm text-muted-foreground leading-relaxed", children: description }) : null
             ] }),
             /* @__PURE__ */ jsx("div", { className: "cls_confirm_dialog_separator border-t border-border" }),
@@ -7428,7 +7541,7 @@ function HazoUiDialog({
                   onClick: handleCancel,
                   disabled: actionButtonLoading,
                   style: cancelButtonStyles,
-                  children: cancelButtonText
+                  children: resolved_cancel_text
                 }
               ),
               showActionButton && /* @__PURE__ */ jsxs(
@@ -7494,7 +7607,7 @@ function HazoUiDialog({
                         ...finalHeaderBackgroundColor && { backgroundColor: finalHeaderBackgroundColor },
                         ...finalHeaderTextColor && { color: finalHeaderTextColor }
                       },
-                      children: /* @__PURE__ */ jsx(DialogTitle, { className: titleClassName, children: title })
+                      children: /* @__PURE__ */ jsx(DialogTitle, { className: titleClassName, children: resolved_title })
                     }
                   ),
                   /* @__PURE__ */ jsx(
@@ -7525,7 +7638,7 @@ function HazoUiDialog({
                 ),
                 style: headerStyles,
                 children: [
-                  /* @__PURE__ */ jsx(DialogTitle, { className: titleClassName, children: title }),
+                  /* @__PURE__ */ jsx(DialogTitle, { className: titleClassName, children: resolved_title }),
                   description && /* @__PURE__ */ jsx(
                     DialogDescription,
                     {
@@ -7576,7 +7689,7 @@ function HazoUiDialog({
                       variant: "outline",
                       onClick: handleCancel,
                       style: cancelButtonStyles,
-                      children: cancelButtonText
+                      children: resolved_cancel_text
                     }
                   ),
                   showActionButton && /* @__PURE__ */ jsxs(
@@ -7605,7 +7718,7 @@ function HazoUiDialog({
               style: headerBar ? { color: "var(--dialog-header-bar-fg)" } : finalHeaderTextColor ? { color: finalHeaderTextColor } : void 0,
               children: [
                 /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: t11("dialog.close") })
               ]
             }
           )
@@ -7614,7 +7727,7 @@ function HazoUiDialog({
     )
   ] }) });
 }
-var t6 = createPackageT("hazo_ui", en_default);
+var t12 = createPackageT("hazo_ui", en_default);
 function HazoUiConfirmDialog({
   open,
   onOpenChange,
@@ -7623,7 +7736,7 @@ function HazoUiConfirmDialog({
   children,
   variant = "default",
   confirmLabel,
-  cancelLabel = t6("confirm.cancel"),
+  cancelLabel = t12("confirm.cancel"),
   showCancelButton = true,
   onConfirm,
   onCancel,
@@ -7672,6 +7785,7 @@ var Slider = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
+var t13 = createPackageT("hazo_ui", en_default);
 async function getCroppedImg(imageSrc, areaPixels, outputSize, quality) {
   const img = await new Promise((resolve, reject) => {
     const image = new Image();
@@ -7717,7 +7831,7 @@ var HazoUiImageCropper = React27.forwardRef(function HazoUiImageCropper2({
   onCropped,
   outputSize = 512,
   quality = 0.9,
-  zoomLabel = "Zoom",
+  zoomLabel,
   className
 }, ref) {
   const [crop, set_crop] = React27.useState({
@@ -7725,6 +7839,7 @@ var HazoUiImageCropper = React27.forwardRef(function HazoUiImageCropper2({
     y: 0
   });
   const [zoom, set_zoom] = React27.useState(1);
+  const resolved_zoom_label = zoomLabel ?? t13("cropper.zoom");
   const cropped_area_pixels_ref = React27.useRef(null);
   const handle_crop_complete = React27.useCallback(
     (_croppedArea, croppedAreaPixels) => {
@@ -7781,7 +7896,7 @@ var HazoUiImageCropper = React27.forwardRef(function HazoUiImageCropper2({
         {
           className: "cls_zoom_label text-sm font-medium text-foreground",
           id: "hazo-cropper-zoom-label",
-          children: zoomLabel
+          children: resolved_zoom_label
         }
       ),
       /* @__PURE__ */ jsx(
@@ -7799,19 +7914,24 @@ var HazoUiImageCropper = React27.forwardRef(function HazoUiImageCropper2({
   ] });
 });
 HazoUiImageCropper.displayName = "HazoUiImageCropper";
+var t14 = 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.useRef(null);
   const [image_src, set_image_src] = React27.useState(null);
   const [is_confirming, set_is_confirming] = React27.useState(false);
@@ -7842,9 +7962,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,
@@ -7857,7 +7977,7 @@ function HazoUiImageCropperDialog({
           imageSrc: image_src,
           outputSize,
           quality,
-          zoomLabel
+          zoomLabel: resolved_zoom_label
         }
       )
     }
@@ -8297,6 +8417,7 @@ var CardFooter = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
+var t15 = 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__ */ jsx(
@@ -8304,8 +8425,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__ */ jsx("span", { className: "sr-only", children: "Loading..." })
+      "aria-label": t15("spinner.loading"),
+      children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t15("spinner.loading_text") })
     }
   );
 }
@@ -8441,6 +8562,7 @@ var InputAffix = React27.forwardRef(
   }
 );
 InputAffix.displayName = "InputAffix";
+var t16 = createPackageT("hazo_ui", en_default);
 var SkeletonBase = React27.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",
@@ -8482,18 +8604,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__ */ jsxs(
     "div",
     {
       role: "status",
       "aria-busy": "true",
-      "aria-label": label,
+      "aria-label": resolved_label,
       className: cn("space-y-2", className),
       ...rest,
       children: [
         children,
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: resolved_label })
       ]
     }
   );
@@ -8528,7 +8651,7 @@ function EmptyState({
     }
   );
 }
-var t7 = createPackageT("hazo_ui", en_default);
+var t17 = createPackageT("hazo_ui", en_default);
 function ErrorBanner({
   severity = "error",
   title,
@@ -8563,7 +8686,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__ */ jsx(X, { className: "h-4 w-4", "aria-hidden": "true" })
           }
@@ -8572,9 +8695,9 @@ function ErrorBanner({
     }
   );
 }
-var t8 = createPackageT("hazo_ui", en_default);
+var t18 = createPackageT("hazo_ui", en_default);
 function ErrorPage({
-  title = t8("error.something_went_wrong"),
+  title,
   description,
   errorCode,
   correlationId,
@@ -8582,6 +8705,7 @@ function ErrorPage({
   illustration,
   className
 }) {
+  const resolved_title = title ?? t18("error.something_went_wrong");
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -8594,10 +8718,10 @@ function ErrorPage({
       children: [
         /* @__PURE__ */ jsx("div", { className: "text-destructive", children: illustration ?? /* @__PURE__ */ jsx(OctagonAlert, { className: "h-16 w-16", "aria-hidden": "true" }) }),
         errorCode ? /* @__PURE__ */ 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__ */ jsx("h1", { className: "text-2xl font-semibold text-foreground", children: title }),
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold text-foreground", children: resolved_title }),
         description ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: description }) : null,
         correlationId ? /* @__PURE__ */ jsxs("div", { className: "w-full rounded-md border bg-muted/40 px-3 py-2 text-left", children: [
-          /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: "Correlation ID" }),
+          /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: t18("error.correlation_id") }),
           /* @__PURE__ */ jsx("code", { className: "break-all text-xs", children: correlationId })
         ] }) : null,
         actions ? /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap items-center justify-center gap-2", children: actions }) : null
@@ -8605,16 +8729,17 @@ function ErrorPage({
     }
   );
 }
-var t9 = createPackageT("hazo_ui", en_default);
+var t19 = 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,
@@ -8644,15 +8769,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__ */ 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
       }
@@ -8660,12 +8785,8 @@ function LoadingTimeout({
   }
   return /* @__PURE__ */ jsxs("div", { className, role: "status", "aria-busy": "true", "aria-live": "polite", children: [
     skeleton,
-    phase === "gentle" ? /* @__PURE__ */ jsxs("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: [
-      "Loading ",
-      label,
-      "\u2026"
-    ] }) : null,
-    phase === "firm" ? /* @__PURE__ */ jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: "Still working on it \u2014 almost there." }) : null
+    phase === "gentle" ? /* @__PURE__ */ jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t19("loading.gentle_message", { label: resolved_label }) }) : null,
+    phase === "firm" ? /* @__PURE__ */ jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t19("loading.firm_message") }) : null
   ] });
 }
 function ProgressiveImage({
@@ -8746,7 +8867,7 @@ function NotificationCountBadge({
     }
   );
 }
-var t10 = createPackageT("hazo_ui", en_default);
+var t20 = createPackageT("hazo_ui", en_default);
 function NotificationItem({
   isRead,
   timestamp,
@@ -8777,7 +8898,7 @@ function NotificationItem({
         /* @__PURE__ */ jsx("div", { className: "cls_notification_item_dot_col flex-shrink-0 pt-1.5", children: !isRead ? /* @__PURE__ */ 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__ */ jsx("span", { className: "block w-2 h-2", "aria-hidden": "true" }) }),
@@ -8801,13 +8922,13 @@ function NotificationItem({
     }
   );
 }
-var t11 = createPackageT("hazo_ui", en_default);
+var t21 = createPackageT("hazo_ui", en_default);
 function LoadingSkeletons() {
   return /* @__PURE__ */ 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__ */ jsxs(
         "div",
@@ -8866,7 +8987,7 @@ function NotificationPanel({
     }
   );
 }
-var t12 = createPackageT("hazo_ui", en_default);
+var t22 = createPackageT("hazo_ui", en_default);
 function HazoUiToaster({
   position = "bottom-right",
   closeButton = true,
@@ -8912,12 +9033,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
@@ -9175,6 +9298,7 @@ function use_fullscreen() {
   const { isFullscreen, toggle } = useFullscreen(ref);
   return { is_fullscreen: isFullscreen, toggle, ref };
 }
+var t23 = createPackageT("hazo_ui", en_default);
 function KanbanCard({
   item,
   renderCard,
@@ -9236,7 +9360,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);
@@ -9561,6 +9685,7 @@ function KanbanLaneStrip({
     }
   );
 }
+var t24 = 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(" ");
@@ -9575,7 +9700,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;
 }
@@ -9672,7 +9797,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);
@@ -9684,18 +9809,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__ */ jsx(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,
@@ -9800,7 +9925,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? `Select ${label}\u2026`
+              placeholder: field.placeholder ?? t24("kanban.select_placeholder", { label })
             }
           ) }),
           /* @__PURE__ */ jsx(SelectContent, { children: (field.options ?? []).map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt, children: opt }, opt)) })
@@ -9816,7 +9941,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? "Select priority\u2026"
+              placeholder: field.placeholder ?? t24("kanban.select_priority")
             }
           ) }),
           /* @__PURE__ */ jsx(SelectContent, { children: priorities.map((p) => /* @__PURE__ */ jsx(SelectItem, { value: p, children: p }, p)) })
@@ -9832,7 +9957,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? "Select status\u2026"
+              placeholder: field.placeholder ?? t24("kanban.select_status")
             }
           ) }),
           /* @__PURE__ */ jsx(SelectContent, { children: columns.map((col) => /* @__PURE__ */ jsx(SelectItem, { value: col.key, children: col.title }, col.key)) })
@@ -9841,6 +9966,7 @@ function KanbanEditorFieldRow({
     )
   ] });
 }
+var t25 = createPackageT("hazo_ui", en_default);
 var EMPTY_FILTER = {
   search: "",
   categories: [],
@@ -9848,7 +9974,7 @@ var EMPTY_FILTER = {
 };
 function HazoUiKanbanFilter({
   search = true,
-  searchPlaceholder = "Search...",
+  searchPlaceholder,
   categories,
   priorities,
   value,
@@ -9856,6 +9982,7 @@ function HazoUiKanbanFilter({
   onChange,
   className
 }) {
+  const resolved_search_placeholder = searchPlaceholder ?? t25("common.search");
   const is_controlled = value !== void 0;
   const [internal, set_internal] = React27.useState(
     defaultValue ?? EMPTY_FILTER
@@ -9882,7 +10009,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"
           }
         ),
@@ -9967,16 +10094,25 @@ function applyKanbanFilter(items, filter) {
     return true;
   });
 }
+var t26 = 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) {
@@ -10780,7 +10916,7 @@ function serializeFilter(filter) {
   const fields = (filter.fields ?? []).map((f) => `${f.field}:${f.operator ?? ""}:${String(f.value)}`).join(",");
   return `${filter.search ?? ""}|${fields}`;
 }
-var t13 = createPackageT("hazo_ui", en_default);
+var t27 = createPackageT("hazo_ui", en_default);
 function HazoUiTable(props) {
   const state = useTableState(props);
   const { columns, rows, getRowKey, className, caption } = props;
@@ -10815,12 +10951,12 @@ function HazoUiTable(props) {
     ) }) : state.serverError != null ? /* @__PURE__ */ jsx("div", { className: "cls_hazo_ui_table_mobile_error py-6", children: renderErrorState(props.error, state.serverError) }) : state.displayed.length === 0 ? /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(
       TableMobileCards,
@@ -10843,7 +10979,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__ */ jsx("span", { children: c.label }),
@@ -10875,12 +11011,12 @@ function HazoUiTable(props) {
           children: noActiveFilters(state.filter) && rows.length === 0 ? /* @__PURE__ */ jsx("div", { className: "cls_hazo_ui_table_empty_wrap py-6", children: typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ 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__ */ jsx("div", { className: "cls_hazo_ui_table_no_results_wrap py-6", children: typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ 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 })
         }
@@ -10994,7 +11130,7 @@ function PaginationFooter({
   const end = Math.min((page + 1) * pageSize, total);
   const lastPage = Math.max(0, Math.ceil(total / pageSize) - 1);
   return /* @__PURE__ */ jsxs("div", { className: "cls_hazo_ui_table_pagination flex items-center justify-between gap-3 pt-2 text-sm", children: [
-    /* @__PURE__ */ jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t13("table.showing", {
+    /* @__PURE__ */ 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)
@@ -11007,8 +11143,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__ */ jsx(
@@ -11018,8 +11154,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")
         }
       )
     ] })
@@ -11063,7 +11199,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__ */ jsx("div", {}),
@@ -11111,8 +11247,8 @@ function renderErrorState(error, serverError) {
   return /* @__PURE__ */ jsx(
     EmptyState,
     {
-      title: t13("table.error_title"),
-      description: msg || t13("table.error_description")
+      title: t27("table.error_title"),
+      description: msg || t27("table.error_description")
     }
   );
 }
@@ -11348,18 +11484,20 @@ function StackedBars({
     }
   );
 }
+var t28 = 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__ */ 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
@@ -11386,6 +11524,7 @@ function DateRangeSelector({
     }
   );
 }
+var t29 = createPackageT("hazo_ui", en_default);
 var PAD_LEFT2 = 80;
 var PAD_RIGHT2 = 72;
 var PAD_TOP2 = 12;
@@ -11536,12 +11675,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) => {
@@ -11602,6 +11741,7 @@ function FunnelChart({
 
 // src/assets/celebration-chime.mp3
 var celebration_chime_default = "data:text/plain;charset=utf-8,";
+var t30 = createPackageT("hazo_ui", en_default);
 var CELEBRATION_GRADIENT = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)";
 var CARD_SIZE = 1080;
 var PREVIEW_SIZE = 400;
@@ -11799,7 +11939,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__ */ jsx(X, { className: "h-4 w-4 text-gray-600" })
                 }
               ),
@@ -11862,21 +12002,21 @@ function CelebrationModalInner({
                       disabled: is_downloading,
                       children: [
                         is_downloading ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 mr-1.5 animate-spin" }) : /* @__PURE__ */ jsx(Download, { className: "h-3.5 w-3.5 mr-1.5" }),
-                        "Download PNG"
+                        t30("celebration.download_png")
                       ]
                     }
                   ),
                   can_share && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handle_share, children: [
                     /* @__PURE__ */ jsx(Share2, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    "Share"
+                    t30("celebration.share")
                   ] }),
                   /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handle_copy, children: [
                     /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    "Copy image"
+                    t30("celebration.copy_image")
                   ] })
                 ] })
               ] }),
-              !shareableCard && /* @__PURE__ */ jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsx(Button, { size: "sm", onClick: close_modal, children: "Dismiss" }) })
+              !shareableCard && /* @__PURE__ */ jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsx(Button, { size: "sm", onClick: close_modal, children: t30("celebration.dismiss") }) })
             ]
           }
         )
@@ -11898,8 +12038,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,
@@ -12075,13 +12215,16 @@ function upsertEntry(entries, entry) {
 function removeEntry(entries, id) {
   return entries.filter((e) => e.id !== id);
 }
+var t31 = 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 } = useHazoState(history_key, {
     level: "scope",
     fallback: []
@@ -12119,7 +12262,7 @@ function HazoUiMemoryDropdown({
             type: "text",
             value: query,
             onChange: (e) => setQuery(e.target.value),
-            placeholder,
+            placeholder: resolved_placeholder,
             style: {
               width: "100%",
               background: "#FFFFFF",
@@ -12149,7 +12292,7 @@ function HazoUiMemoryDropdown({
                   fontStyle: "italic",
                   fontSize: 13
                 },
-                children: empty_label
+                children: resolved_empty_label
               }
             ) : filtered.map((entry) => /* @__PURE__ */ jsx(
               EntryRow,
@@ -12206,7 +12349,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",
@@ -12225,6 +12368,7 @@ function EntryRow({ entry, on_select, onDelete }) {
     }
   );
 }
+var t32 = createPackageT("hazo_ui", en_default);
 function Logo({
   logoUrl,
   logoUrlDark,
@@ -12234,7 +12378,7 @@ function Logo({
   className,
   imgClassName
 }) {
-  const alt = appTitle ?? "Logo";
+  const alt = appTitle ?? t32("app_logo.alt_fallback");
   let content = null;
   if (logoUrl) {
     content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -12269,11 +12413,12 @@ function Logo({
   }
   return /* @__PURE__ */ jsx("div", { className: cn("inline-flex items-center gap-2", className), children: content });
 }
+var t33 = createPackageT("hazo_ui", en_default);
 function AppHeader({ identity, homeHref, navItems, actions, className }) {
   return /* @__PURE__ */ 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
@@ -12781,6 +12926,7 @@ function HazoBrowserTab({
     }
   );
 }
+var t34 = createPackageT("hazo_ui", en_default);
 var native_name_cache = /* @__PURE__ */ new Map();
 function get_native_name(code) {
   const cached = native_name_cache.get(code);
@@ -12852,9 +12998,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.useMemo(() => {
     return Object.entries(alternates ?? {}).map(([code, url]) => {
       const href = safeHref(url);
@@ -12869,7 +13016,7 @@ function LocalePicker({
     return /* @__PURE__ */ 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__ */ jsxs(
           "a",
@@ -12899,7 +13046,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__ */ jsx(FlagIcon, { code: active_option?.code ?? options[0].code }),