hazo_ui 6.12.4 → 6.12.5

package/dist/index.cjs

@@ -182,8 +182,8 @@ var require_extends = __commonJS({
     function _extends11() {
       return module.exports = _extends11 = Object.assign ? Object.assign.bind() : function(n) {
         for (var e = 1; e < arguments.length; e++) {
-          var t22 = arguments[e];
-          for (var r in t22) ({}).hasOwnProperty.call(t22, r) && (n[r] = t22[r]);
+          var t35 = arguments[e];
+          for (var r in t35) ({}).hasOwnProperty.call(t35, r) && (n[r] = t35[r]);
         }
         return n;
       }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends11.apply(null, arguments);
@@ -197,12 +197,12 @@ var require_objectWithoutPropertiesLoose = __commonJS({
   "../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
     function _objectWithoutPropertiesLoose10(r, e) {
       if (null == r) return {};
-      var t22 = {};
+      var t35 = {};
       for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
         if (-1 !== e.indexOf(n)) continue;
-        t22[n] = r[n];
+        t35[n] = r[n];
       }
-      return t22;
+      return t35;
     }
     module.exports = _objectWithoutPropertiesLoose10, module.exports.__esModule = true, module.exports["default"] = module.exports;
   }
@@ -848,7 +848,81 @@ var en_default = {
   "celebration.share": "Share",
   "celebration.copy_image": "Copy image",
   "celebration.dismiss": "Dismiss",
-  "charts.date_range": "Date range"
+  "charts.date_range": "Date range",
+  "flex_input.must_be_valid_number": "Must be a valid number",
+  "flex_input.max_decimals": "Maximum {{count}} decimal places allowed",
+  "flex_input.min_value": "Must be at least {{min}}",
+  "flex_input.max_value": "Must be at most {{max}}",
+  "flex_input.alpha_only": "Only letters, numbers, and spaces are allowed",
+  "flex_input.must_be_valid_email": "Must be a valid email address",
+  "flex_input.min_characters": "Must be at least {{min}} characters",
+  "flex_input.max_characters": "Must be at most {{max}} characters",
+  "flex_input.invalid_format": "Invalid format",
+  "flex_input.invalid_input": "Invalid input",
+  "textbox.placeholder": "Type here...",
+  "textarea.placeholder": "Type here...",
+  "common.remove": "Remove",
+  "locale_picker.change_language": "Change language",
+  "app_logo.alt_fallback": "Logo",
+  "app_header.aria_label": "Application header",
+  "skeleton.loading_content": "Loading content",
+  "spinner.loading": "Loading",
+  "spinner.loading_text": "Loading...",
+  "rte.update_link": "Update Link",
+  "rte.add_link": "Add Link",
+  "rte.remove_link": "Remove",
+  "rte.select_size": "Select size",
+  "rte.custom_size": "Custom size",
+  "rte.insert_table": "Insert",
+  "rte.search_variables": "Search variables...",
+  "rte.no_variables": "No variables found.",
+  "rte.table_operations": "Table Operations",
+  "rte.add_row_above": "Add row above",
+  "rte.add_row_below": "Add row below",
+  "rte.add_col_left": "Add col left",
+  "rte.add_col_right": "Add col right",
+  "rte.delete_row": "Delete row",
+  "rte.delete_col": "Delete col",
+  "rte.delete_table": "Delete table",
+  "rte.insert_table_heading": "Insert Table",
+  "rte.placeholder": "Start typing...",
+  "sort.asc": "Asc",
+  "sort.desc": "Desc",
+  "sort.reorder_aria": "Reorder {{field}}",
+  "sort.priority_aria": "Sort priority {{n}}",
+  "sort.direction_aria": "Sort direction for {{field}}",
+  "sort.remove_aria": "Remove {{field}} from sort",
+  "sort.active_sorts": "Active sorts",
+  "sort.no_active_sorts": "No active sorts",
+  "sort.button_label": "Sort",
+  "sort.empty_message": "No sort fields yet. Add one below to start ordering rows.",
+  "sort.all_fields_added": "All fields added",
+  "sort.add_sort_field": "Add sort field",
+  "sort.no_fields_available": "No fields available.",
+  "kanban.dnd_pickup": "Picked up {{item}}. Currently in {{column}}. Use arrow keys to choose a different column. Press space to drop, escape to cancel.",
+  "kanban.dnd_over": "{{item}} over {{column}}.",
+  "kanban.dnd_drop": "{{item}} dropped in {{column}}, position {{pos}}.",
+  "kanban.dnd_reorder": "{{item}} reordered to position {{pos}} in {{column}}.",
+  "kanban.dnd_cancel": "Movement cancelled. {{item}} returned to {{column}}.",
+  "kanban.draggable_card": "draggable card",
+  "loading.still_loading": "We're still trying to load the {{label}}. The connection may be slow.",
+  "loading.try_again": "Try again",
+  "loading.gentle_message": "Loading {{label}}\u2026",
+  "loading.default_label": "content",
+  "loading.firm_message": "Still working on it \u2014 almost there.",
+  "icon_picker.emoji_tab": "Emoji",
+  "icon_picker.tools_group": "Tools",
+  "icon_picker.home_group": "Home",
+  "icon_picker.weather_group": "Weather",
+  "icon_picker.nature_group": "Nature",
+  "icon_picker.symbols_group": "Symbols",
+  "icon_picker.no_results": "No icons found",
+  "error.correlation_id": "Correlation ID",
+  "charts.total": "Total: {{value}}",
+  "charts.pct_of_first": "% of first: {{pct}}%",
+  "charts.pct_of_prev": "% of prev: {{pct}}%",
+  "charts.dropoff": "Drop-off: \u2212{{value}}",
+  "toast.missing_prefix": "Missing: {{items}}"
 };
 var t = i18n.createPackageT("hazo_ui", en_default);
 function FilterFieldItem({
@@ -1336,7 +1410,7 @@ function SortableSortFieldItem({
             ...attributes,
             ...listeners,
             className: "cls_drag_handle flex h-7 w-5 shrink-0 cursor-grab items-center justify-center rounded text-muted-foreground/60 hover:text-foreground active:cursor-grabbing",
-            "aria-label": `Reorder ${fieldLabel}`,
+            "aria-label": t2("sort.reorder_aria", { field: fieldLabel }),
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { className: "cls_drag_icon h-4 w-4" })
           }
         ),
@@ -1344,7 +1418,7 @@ function SortableSortFieldItem({
           "span",
           {
             className: "cls_priority_badge inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-muted text-[10px] font-semibold tabular-nums text-muted-foreground",
-            "aria-label": `Sort priority ${priority}`,
+            "aria-label": t2("sort.priority_aria", { n: priority }),
             children: priority
           }
         ),
@@ -1353,7 +1427,7 @@ function SortableSortFieldItem({
           "div",
           {
             role: "radiogroup",
-            "aria-label": `Sort direction for ${fieldLabel}`,
+            "aria-label": t2("sort.direction_aria", { field: fieldLabel }),
             className: "cls_direction_control inline-flex shrink-0 items-center rounded-md border border-border/70 bg-muted/40 p-0.5",
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1367,7 +1441,7 @@ function SortableSortFieldItem({
                   className: "cls_dir_asc inline-flex items-center gap-1 rounded px-2 py-1 text-xs font-medium text-muted-foreground transition-colors data-[active=true]:bg-background data-[active=true]:text-foreground data-[active=true]:shadow-sm hover:text-foreground",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "h-3 w-3" }),
-                    "Asc"
+                    t2("sort.asc")
                   ]
                 }
               ),
@@ -1382,7 +1456,7 @@ function SortableSortFieldItem({
                   className: "cls_dir_desc inline-flex items-center gap-1 rounded px-2 py-1 text-xs font-medium text-muted-foreground transition-colors data-[active=true]:bg-background data-[active=true]:text-foreground data-[active=true]:shadow-sm hover:text-foreground",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "h-3 w-3" }),
-                    "Desc"
+                    t2("sort.desc")
                   ]
                 }
               )
@@ -1396,7 +1470,7 @@ function SortableSortFieldItem({
             size: "sm",
             onClick: onDelete,
             className: "cls_delete_btn h-7 w-7 shrink-0 p-0 text-muted-foreground/60 hover:bg-destructive/10 hover:text-destructive",
-            "aria-label": `Remove ${fieldLabel} from sort`,
+            "aria-label": t2("sort.remove_aria", { field: fieldLabel }),
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "cls_delete_icon h-3.5 w-3.5" })
           }
         )
@@ -1509,16 +1583,16 @@ function HazoUiMultiSortDialog({
   };
   const hasActiveSorts = initialSortFields.length > 0;
   const tooltipContent = hasActiveSorts ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_sort_tooltip_content space-y-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: "Active sorts" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: t2("sort.active_sorts") }),
     initialSortFields.map((sortConfig, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_tooltip_item text-xs", children: [
       index + 1,
       ". ",
       getFieldLabel(sortConfig.field),
       " (",
-      sortConfig.direction === "asc" ? "Asc" : "Desc",
+      sortConfig.direction === "asc" ? t2("sort.asc") : t2("sort.desc"),
       ")"
     ] }, sortConfig.field))
-  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_sort_tooltip_content text-xs", children: "No active sorts" });
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_sort_tooltip_content text-xs", children: t2("sort.no_active_sorts") });
   return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1538,7 +1612,7 @@ function HazoUiMultiSortDialog({
                 )
               }
             ),
-            "Sort",
+            t2("sort.button_label"),
             hasActiveSorts && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_sort_count ml-2 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-blue-600 px-1 text-[10px] font-semibold text-white", children: initialSortFields.length })
           ]
         }
@@ -1583,7 +1657,7 @@ function HazoUiMultiSortDialog({
               }
             )
           }
-        ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_empty_sort_fields rounded-lg border border-dashed border-border/70 bg-muted/20 px-4 py-6 text-center text-xs text-muted-foreground", children: "No sort fields yet. Add one below to start ordering rows." }),
+        ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_empty_sort_fields rounded-lg border border-dashed border-border/70 bg-muted/20 px-4 py-6 text-center text-xs text-muted-foreground", children: t2("sort.empty_message") }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_add_field_section", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: isComboboxOpen, onOpenChange: setIsComboboxOpen, children: [
           /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
             Button,
@@ -1595,13 +1669,13 @@ function HazoUiMultiSortDialog({
               className: "cls_add_field_combobox w-full justify-start gap-2 border border-dashed border-border/70 text-sm font-medium text-muted-foreground hover:border-border hover:bg-muted/40 hover:text-foreground",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "cls_plus_icon h-4 w-4" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: availableFieldsToAdd.length === 0 ? "All fields added" : "Add sort field" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: availableFieldsToAdd.length === 0 ? t2("sort.all_fields_added") : t2("sort.add_sort_field") })
               ]
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "cls_combobox_popover w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs(Command, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: t2("sort.search_fields"), className: "cls_command_input" }),
-            /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: "No fields available." }) : /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: t2("sort.no_fields_available") }) : /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
               CommandItem,
               {
                 value: field.label,
@@ -2137,11 +2211,11 @@ var SYMBOLS_ICONS = [
   "Wrench"
 ];
 var LUCIDE_GROUPS = [
-  { key: "tools", label: "Tools", icons: TOOLS_ICONS },
-  { key: "home", label: "Home", icons: HOME_ICONS },
-  { key: "weather", label: "Weather", icons: WEATHER_ICONS },
-  { key: "nature", label: "Nature", icons: NATURE_ICONS },
-  { key: "symbols", label: "Symbols", icons: SYMBOLS_ICONS }
+  { key: "tools", label_key: "icon_picker.tools_group", icons: TOOLS_ICONS },
+  { key: "home", label_key: "icon_picker.home_group", icons: HOME_ICONS },
+  { key: "weather", label_key: "icon_picker.weather_group", icons: WEATHER_ICONS },
+  { key: "nature", label_key: "icon_picker.nature_group", icons: NATURE_ICONS },
+  { key: "symbols", label_key: "icon_picker.symbols_group", icons: SYMBOLS_ICONS }
 ];
 var EMOJI_ITEMS = [
   // Faces
@@ -2354,11 +2428,11 @@ function HazoUiIconPicker({
                 name
               );
             }),
-            filtered_search_results.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "col-span-8 py-4 text-center text-sm text-muted-foreground", children: "No icons found" })
+            filtered_search_results.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "col-span-8 py-4 text-center text-sm text-muted-foreground", children: t3("icon_picker.no_results") })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Tabs, { defaultValue: "emoji", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(TabsList, { className: "grid w-full grid-cols-6", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "emoji", children: "Emoji" }),
-              LUCIDE_GROUPS.map((group) => /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: group.key, children: group.label }, group.key))
+              /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "emoji", children: t3("icon_picker.emoji_tab") }),
+              LUCIDE_GROUPS.map((group) => /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: group.key, children: t3(group.label_key) }, group.key))
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "emoji", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid max-h-56 grid-cols-8 gap-1 overflow-y-auto", children: EMOJI_ITEMS.map((emoji, index) => /* @__PURE__ */ jsxRuntime.jsx(
               "button",
@@ -2390,6 +2464,7 @@ function HazoUiIconPicker({
     }
   ) });
 }
+var t4 = i18n.createPackageT("hazo_ui", en_default);
 function validateInput(value, input_type, text_len_min, text_len_max, num_min, num_max, regex, num_decimals) {
   if (value === "") {
     return { isValid: true };
@@ -2398,36 +2473,36 @@ function validateInput(value, input_type, text_len_min, text_len_max, num_min, n
     case "numeric": {
       const numValue = parseFloat(value);
       if (isNaN(numValue)) {
-        return { isValid: false, errorMessage: "Must be a valid number" };
+        return { isValid: false, errorMessage: t4("flex_input.must_be_valid_number") };
       }
       if (num_decimals !== void 0) {
         const decimalPlaces = value.split(".")[1]?.length || 0;
         if (decimalPlaces > num_decimals) {
           return {
             isValid: false,
-            errorMessage: `Maximum ${num_decimals} decimal place${num_decimals !== 1 ? "s" : ""} allowed`
+            errorMessage: t4("flex_input.max_decimals", { count: num_decimals })
           };
         }
       }
       if (num_min !== void 0 && numValue < num_min) {
-        return { isValid: false, errorMessage: `Must be at least ${num_min}` };
+        return { isValid: false, errorMessage: t4("flex_input.min_value", { min: num_min }) };
       }
       if (num_max !== void 0 && numValue > num_max) {
-        return { isValid: false, errorMessage: `Must be at most ${num_max}` };
+        return { isValid: false, errorMessage: t4("flex_input.max_value", { max: num_max }) };
       }
       break;
     }
     case "alpha": {
       const alphaRegex = /^[A-Za-z0-9\s]*$/;
       if (!alphaRegex.test(value)) {
-        return { isValid: false, errorMessage: "Only letters, numbers, and spaces are allowed" };
+        return { isValid: false, errorMessage: t4("flex_input.alpha_only") };
       }
       break;
     }
     case "email": {
       const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
       if (!emailRegex.test(value)) {
-        return { isValid: false, errorMessage: "Must be a valid email address" };
+        return { isValid: false, errorMessage: t4("flex_input.must_be_valid_email") };
       }
       break;
     }
@@ -2435,13 +2510,13 @@ function validateInput(value, input_type, text_len_min, text_len_max, num_min, n
       if (text_len_min !== void 0 && value.length < text_len_min) {
         return {
           isValid: false,
-          errorMessage: `Must be at least ${text_len_min} character${text_len_min !== 1 ? "s" : ""}`
+          errorMessage: t4("flex_input.min_characters", { min: text_len_min })
         };
       }
       if (text_len_max !== void 0 && value.length > text_len_max) {
         return {
           isValid: false,
-          errorMessage: `Must be at most ${text_len_max} character${text_len_max !== 1 ? "s" : ""}`
+          errorMessage: t4("flex_input.max_characters", { max: text_len_max })
         };
       }
       break;
@@ -2450,7 +2525,7 @@ function validateInput(value, input_type, text_len_min, text_len_max, num_min, n
   if (regex) {
     const regexPattern = typeof regex === "string" ? new RegExp(regex) : regex;
     if (!regexPattern.test(value)) {
-      return { isValid: false, errorMessage: "Invalid format" };
+      return { isValid: false, errorMessage: t4("flex_input.invalid_format") };
     }
   }
   return { isValid: true };
@@ -2546,7 +2621,7 @@ var HazoUiFlexInput = React27__namespace.forwardRef(
         num_decimals
       );
       if (!validation.isValid) {
-        setErrorMessage(validation.errorMessage || format_guide || "Invalid input");
+        setErrorMessage(validation.errorMessage || format_guide || t4("flex_input.invalid_input"));
       } else {
         setErrorMessage(void 0);
       }
@@ -3776,10 +3851,10 @@ var BLOCK_TYPE_LABEL_KEYS = {
   "code-block": "rte.block_type.code_block",
   blockquote: "rte.block_type.blockquote"
 };
-function get_translated_block_types(t22) {
+function get_translated_block_types(t35) {
   return BLOCK_TYPES.map((type) => ({
     ...type,
-    label: t22(BLOCK_TYPE_LABEL_KEYS[type.value])
+    label: t35(BLOCK_TYPE_LABEL_KEYS[type.value])
   }));
 }
 
@@ -3826,7 +3901,7 @@ function get_file_extension(filename) {
 function is_image_file(mime_type) {
   return mime_type.startsWith("image/");
 }
-var t4 = i18n.createPackageT("hazo_ui", en_default);
+var t5 = i18n.createPackageT("hazo_ui", en_default);
 var ALL_ON = {
   undo_redo: true,
   block_type: true,
@@ -3881,7 +3956,7 @@ var Toolbar = ({
   }
   const tb = { ...ALL_ON, ...toolbar };
   const font_family_options = font_families && font_families.length > 0 ? font_families : FONT_FAMILIES;
-  const block_type_options = get_translated_block_types(t4);
+  const block_type_options = get_translated_block_types(t5);
   const get_current_font_size = () => {
     const attrs = editor.getAttributes("textStyle");
     return attrs.fontSize || FONT_SIZE_CONFIG.default;
@@ -4025,7 +4100,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().undo().run(),
           disabled: !editor.can().undo(),
-          tooltip: t4("rte.undo"),
+          tooltip: t5("rte.undo"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUndo2, { className: "h-4 w-4" })
         },
         "undo"
@@ -4035,7 +4110,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().redo().run(),
           disabled: !editor.can().redo(),
-          tooltip: t4("rte.redo"),
+          tooltip: t5("rte.redo"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuRedo2, { className: "h-4 w-4" })
         },
         "redo"
@@ -4076,7 +4151,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(-2),
-              tooltip: t4("rte.decrease_font_size"),
+              tooltip: t5("rte.decrease_font_size"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuMinus, { className: "h-3 w-3" })
             }
           ),
@@ -4085,7 +4160,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(FONT_SIZE_CONFIG.step),
-              tooltip: t4("rte.increase_font_size"),
+              tooltip: t5("rte.increase_font_size"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPlus, { className: "h-3 w-3" })
             }
           )
@@ -4103,7 +4178,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBold().run(),
             is_active: editor.isActive("bold"),
-            tooltip: t4("rte.bold"),
+            tooltip: t5("rte.bold"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" })
           },
           "bold"
@@ -4117,7 +4192,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleItalic().run(),
             is_active: editor.isActive("italic"),
-            tooltip: t4("rte.italic"),
+            tooltip: t5("rte.italic"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" })
           },
           "italic"
@@ -4131,7 +4206,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleUnderline().run(),
             is_active: editor.isActive("underline"),
-            tooltip: t4("rte.underline"),
+            tooltip: t5("rte.underline"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUnderline, { className: "h-4 w-4" })
           },
           "underline"
@@ -4145,7 +4220,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleStrike().run(),
             is_active: editor.isActive("strike"),
-            tooltip: t4("rte.strikethrough"),
+            tooltip: t5("rte.strikethrough"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuStrikethrough, { className: "h-4 w-4" })
           },
           "strike"
@@ -4159,7 +4234,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSubscript().run(),
             is_active: editor.isActive("subscript"),
-            tooltip: t4("rte.subscript"),
+            tooltip: t5("rte.subscript"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSubscript, { className: "h-4 w-4" })
           },
           "sub"
@@ -4173,7 +4248,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSuperscript().run(),
             is_active: editor.isActive("superscript"),
-            tooltip: t4("rte.superscript"),
+            tooltip: t5("rte.superscript"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSuperscript, { className: "h-4 w-4" })
           },
           "super"
@@ -4187,7 +4262,7 @@ var Toolbar = ({
     if (tb.link) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: link_popover_open, onOpenChange: set_link_popover_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t4("rte.link"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuLink, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t5("rte.link"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuLink, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-80 p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               Input,
@@ -4199,17 +4274,14 @@ var Toolbar = ({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", onClick: handle_set_link, className: "flex-1", children: [
-                editor.isActive("link") ? "Update" : "Add",
-                " Link"
-              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: handle_set_link, className: "flex-1", children: editor.isActive("link") ? t5("rte.update_link") : t5("rte.add_link") }),
               editor.isActive("link") && /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
                 {
                   size: "sm",
                   variant: "destructive",
                   onClick: handle_remove_link,
-                  children: "Remove"
+                  children: t5("rte.remove_link")
                 }
               )
             ] })
@@ -4223,7 +4295,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run(),
-            tooltip: t4("rte.clear_formatting"),
+            tooltip: t5("rte.clear_formatting"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuRemoveFormatting, { className: "h-4 w-4" })
           },
           "clear"
@@ -4237,7 +4309,7 @@ var Toolbar = ({
     if (tb.text_color) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: text_color_open, onOpenChange: set_text_color_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t4("rte.text_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t5("rte.text_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lu.LuPalette, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
@@ -4280,7 +4352,7 @@ var Toolbar = ({
     if (tb.highlight_color) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: highlight_color_open, onOpenChange: set_highlight_color_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t4("rte.highlight_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t5("rte.highlight_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lu.LuHighlighter, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
@@ -4323,7 +4395,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("left").run(),
           is_active: editor.isActive({ textAlign: "left" }),
-          tooltip: t4("rte.align_left"),
+          tooltip: t5("rte.align_left"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignLeft, { className: "h-4 w-4" })
         },
         "align-left"
@@ -4333,7 +4405,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("center").run(),
           is_active: editor.isActive({ textAlign: "center" }),
-          tooltip: t4("rte.align_center"),
+          tooltip: t5("rte.align_center"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignCenter, { className: "h-4 w-4" })
         },
         "align-center"
@@ -4343,7 +4415,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("right").run(),
           is_active: editor.isActive({ textAlign: "right" }),
-          tooltip: t4("rte.align_right"),
+          tooltip: t5("rte.align_right"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignRight, { className: "h-4 w-4" })
         },
         "align-right"
@@ -4353,7 +4425,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("justify").run(),
           is_active: editor.isActive({ textAlign: "justify" }),
-          tooltip: t4("rte.justify"),
+          tooltip: t5("rte.justify"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignJustify, { className: "h-4 w-4" })
         },
         "align-justify"
@@ -4369,7 +4441,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBulletList().run(),
             is_active: editor.isActive("bulletList"),
-            tooltip: t4("rte.bullet_list"),
+            tooltip: t5("rte.bullet_list"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" })
           },
           "bullet"
@@ -4383,7 +4455,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleOrderedList().run(),
             is_active: editor.isActive("orderedList"),
-            tooltip: t4("rte.ordered_list"),
+            tooltip: t5("rte.ordered_list"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuListOrdered, { className: "h-4 w-4" })
           },
           "ordered"
@@ -4397,7 +4469,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleTaskList().run(),
             is_active: editor.isActive("taskList"),
-            tooltip: t4("rte.checklist"),
+            tooltip: t5("rte.checklist"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuListChecks, { className: "h-4 w-4" })
           },
           "task"
@@ -4419,7 +4491,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().liftListItem("listItem") && !editor.can().liftListItem("taskItem"),
-          tooltip: t4("rte.decrease_indent"),
+          tooltip: t5("rte.decrease_indent"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuIndentDecrease, { className: "h-4 w-4" })
         },
         "indent-dec"
@@ -4435,7 +4507,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().sinkListItem("listItem") && !editor.can().sinkListItem("taskItem"),
-          tooltip: t4("rte.increase_indent"),
+          tooltip: t5("rte.increase_indent"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuIndentIncrease, { className: "h-4 w-4" })
         },
         "indent-inc"
@@ -4446,7 +4518,7 @@ var Toolbar = ({
     const items = [];
     if (tb.horizontal_rule) {
       items.push(
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t4("rte.horizontal_rule"), children: /* @__PURE__ */ jsxRuntime.jsx(rx.RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t5("rte.horizontal_rule"), children: /* @__PURE__ */ jsxRuntime.jsx(rx.RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
       );
     }
     if (tb.image) {
@@ -4455,7 +4527,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => image_input_ref.current?.click(),
-            tooltip: t4("rte.insert_image"),
+            tooltip: t5("rte.insert_image"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuImage, { className: "h-4 w-4" })
           },
           "image"
@@ -4469,14 +4541,14 @@ var Toolbar = ({
             ToolbarButton,
             {
               is_active: editor.isActive("table"),
-              tooltip: t4("rte.table"),
+              tooltip: t5("rte.table"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuTable, { className: "h-4 w-4" })
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-3", align: "start", children: editor.isActive("table") ? (
             // Table editing controls when inside a table
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: "Table Operations" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: t5("rte.table_operations") }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-1", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   Button,
@@ -4487,7 +4559,7 @@ var Toolbar = ({
                     onClick: handle_add_row_before,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableRowsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add row above"
+                      t5("rte.add_row_above")
                     ]
                   }
                 ),
@@ -4500,7 +4572,7 @@ var Toolbar = ({
                     onClick: handle_add_row_after,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableRowsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add row below"
+                      t5("rte.add_row_below")
                     ]
                   }
                 ),
@@ -4513,7 +4585,7 @@ var Toolbar = ({
                     onClick: handle_add_col_before,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableColumnsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add col left"
+                      t5("rte.add_col_left")
                     ]
                   }
                 ),
@@ -4526,7 +4598,7 @@ var Toolbar = ({
                     onClick: handle_add_col_after,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableColumnsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add col right"
+                      t5("rte.add_col_right")
                     ]
                   }
                 ),
@@ -4539,7 +4611,7 @@ var Toolbar = ({
                     onClick: handle_delete_row,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "h-3 w-3 mr-1" }),
-                      "Delete row"
+                      t5("rte.delete_row")
                     ]
                   }
                 ),
@@ -4552,7 +4624,7 @@ var Toolbar = ({
                     onClick: handle_delete_col,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "h-3 w-3 mr-1" }),
-                      "Delete col"
+                      t5("rte.delete_col")
                     ]
                   }
                 )
@@ -4566,7 +4638,7 @@ var Toolbar = ({
                   onClick: handle_delete_table,
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "h-3 w-3 mr-1" }),
-                    "Delete table"
+                    t5("rte.delete_table")
                   ]
                 }
               )
@@ -4574,7 +4646,7 @@ var Toolbar = ({
           ) : (
             // Table size picker when not in a table
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: "Insert Table" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: t5("rte.insert_table_heading") }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-0.5", children: Array.from({ length: 6 }).map((_, row_idx) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-0.5", children: Array.from({ length: 6 }).map((_2, col_idx) => /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
@@ -4588,9 +4660,9 @@ var Toolbar = ({
                 },
                 col_idx
               )) }, row_idx)) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-center text-muted-foreground", children: hovered_cell ? `${hovered_cell.col} x ${hovered_cell.row}` : "Select size" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-center text-muted-foreground", children: hovered_cell ? `${hovered_cell.col} x ${hovered_cell.row}` : t5("rte.select_size") }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t pt-2 mt-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground mb-2", children: "Custom size" }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground mb-2", children: t5("rte.custom_size") }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     Input,
@@ -4623,7 +4695,7 @@ var Toolbar = ({
                       onClick: () => handle_table_insert(table_rows, table_cols),
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(lu.LuGrid3X3, { className: "h-3 w-3 mr-1" }),
-                        "Insert"
+                        t5("rte.insert_table")
                       ]
                     }
                   )
@@ -4641,11 +4713,11 @@ var Toolbar = ({
     if (tb.variables && variables.length > 0) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: variables_menu_open, onOpenChange: set_variables_menu_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t4("rte.insert_variable"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuVariable, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t5("rte.insert_variable"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuVariable, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-64 p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs(Command, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: "Search variables...", className: "h-8 text-xs" }),
+            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: t5("rte.search_variables"), className: "h-8 text-xs" }),
             /* @__PURE__ */ jsxRuntime.jsxs(CommandList, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: "No variables found." }),
+              /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: t5("rte.no_variables") }),
               /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: variables.map((variable) => /* @__PURE__ */ jsxRuntime.jsx(
                 CommandItem,
                 {
@@ -4670,7 +4742,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => file_input_ref.current?.click(),
-            tooltip: t4("rte.attach_file"),
+            tooltip: t5("rte.attach_file"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPaperclip, { className: "h-4 w-4" })
           },
           "attach"
@@ -4942,6 +5014,7 @@ var VariableExtension = core.Node.create({
     };
   }
 });
+var t6 = i18n.createPackageT("hazo_ui", en_default);
 function debounce_fn(func, wait) {
   let timeout_id = null;
   return (output) => {
@@ -4958,7 +5031,7 @@ var HazoUiRte = ({
   attachments: initial_attachments = [],
   variables = [],
   on_change,
-  placeholder = "Start typing...",
+  placeholder,
   min_height = "200px",
   max_height = "400px",
   disabled = false,
@@ -4967,6 +5040,7 @@ var HazoUiRte = ({
   toolbar,
   font_families
 }) => {
+  const resolved_placeholder = placeholder ?? t6("rte.placeholder");
   const [attachments, set_attachments] = React27__namespace.useState(
     initial_attachments
   );
@@ -5016,7 +5090,7 @@ var HazoUiRte = ({
         }
       }),
       Placeholder__default.default.configure({
-        placeholder
+        placeholder: resolved_placeholder
       }),
       HorizontalRule__default.default,
       extensionTable.Table.configure({
@@ -5191,7 +5265,7 @@ var HazoUiRte = ({
   );
 };
 HazoUiRte.displayName = "HazoUiRte";
-var t5 = i18n.createPackageT("hazo_ui", en_default);
+var t7 = i18n.createPackageT("hazo_ui", en_default);
 function CanvasTextToolbar({
   bold,
   italic,
@@ -5222,14 +5296,14 @@ function CanvasTextToolbar({
       ),
       style,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: t5("canvas_toolbar.bold"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: t5("canvas_toolbar.italic"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: t7("canvas_toolbar.bold"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: t7("canvas_toolbar.italic"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
             is_active: underline,
             onClick: onUnderline,
-            tooltip: t5("canvas_toolbar.underline"),
+            tooltip: t7("canvas_toolbar.underline"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUnderline, { className: "h-4 w-4" })
           }
         ),
@@ -5239,7 +5313,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "left",
             onClick: () => onAlign?.("left"),
-            tooltip: t5("canvas_toolbar.align_left"),
+            tooltip: t7("canvas_toolbar.align_left"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignLeft, { className: "h-4 w-4" })
           }
         ),
@@ -5248,7 +5322,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "center",
             onClick: () => onAlign?.("center"),
-            tooltip: t5("canvas_toolbar.align_center"),
+            tooltip: t7("canvas_toolbar.align_center"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5257,7 +5331,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "right",
             onClick: () => onAlign?.("right"),
-            tooltip: t5("canvas_toolbar.align_right"),
+            tooltip: t7("canvas_toolbar.align_right"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignRight, { className: "h-4 w-4" })
           }
         ),
@@ -5266,7 +5340,7 @@ function CanvasTextToolbar({
           "label",
           {
             className: "relative flex h-8 w-8 cursor-pointer items-center justify-center rounded-md hover:bg-accent",
-            title: t5("canvas_toolbar.text_color"),
+            title: t7("canvas_toolbar.text_color"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold text-muted-foreground", children: "A" }),
@@ -5296,7 +5370,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "top",
             onClick: () => onVerticalAlign?.("top"),
-            tooltip: t5("canvas_toolbar.align_top"),
+            tooltip: t7("canvas_toolbar.align_top"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignVerticalJustifyStart, { className: "h-4 w-4" })
           }
         ),
@@ -5305,7 +5379,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "middle",
             onClick: () => onVerticalAlign?.("middle"),
-            tooltip: t5("canvas_toolbar.align_middle"),
+            tooltip: t7("canvas_toolbar.align_middle"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignVerticalJustifyCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5314,7 +5388,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "bottom",
             onClick: () => onVerticalAlign?.("bottom"),
-            tooltip: t5("canvas_toolbar.align_bottom"),
+            tooltip: t7("canvas_toolbar.align_bottom"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignVerticalJustifyEnd, { className: "h-4 w-4" })
           }
         ),
@@ -5325,7 +5399,7 @@ function CanvasTextToolbar({
             value: font,
             onChange: (e) => onFont?.(e.target.value),
             className: "h-8 text-xs rounded-md border border-border bg-background px-1 text-foreground focus:outline-none",
-            title: t5("canvas_toolbar.font_family"),
+            title: t7("canvas_toolbar.font_family"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("option", { value: "sans-serif", children: "Sans" }),
               /* @__PURE__ */ jsxRuntime.jsx("option", { value: "serif", children: "Serif" }),
@@ -5337,12 +5411,12 @@ function CanvasTextToolbar({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-1 h-6 w-px bg-border" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: t5("canvas_toolbar.bullet_list"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: t7("canvas_toolbar.bullet_list"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" }) })
       ]
     }
   ) });
 }
-var t6 = i18n.createPackageT("hazo_ui", en_default);
+var t8 = i18n.createPackageT("hazo_ui", en_default);
 var MdEditorLazy = React27.lazy(() => import('@uiw/react-md-editor'));
 var EDITOR_TEXTAREA_SELECTOR = ".w-md-editor-text-input";
 function MarkdownEditor({
@@ -5432,13 +5506,13 @@ function MarkdownEditor({
     try {
       const url = await onImageUpload(file);
       if (!url) {
-        setError(t6("markdown.upload_failed"));
+        setError(t8("markdown.upload_failed"));
         onChange(before + after);
         return;
       }
       onChange(before + `![](${url})` + after);
     } catch {
-      setError(t6("markdown.upload_failed"));
+      setError(t8("markdown.upload_failed"));
       onChange(before + after);
     } finally {
       setUploading(false);
@@ -5462,7 +5536,7 @@ function MarkdownEditor({
                 {
                   className: "flex items-center justify-center rounded-md border border-border bg-muted/30 text-sm text-muted-foreground",
                   style: { height },
-                  children: t6("markdown.loading_editor")
+                  children: t8("markdown.loading_editor")
                 }
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -5474,7 +5548,7 @@ function MarkdownEditor({
                   preview: effectivePreview,
                   visibleDragbar: false,
                   commands: editorCommands,
-                  textareaProps: { placeholder: placeholder ?? t6("markdown.placeholder"), onPaste: handlePaste }
+                  textareaProps: { placeholder: placeholder ?? t8("markdown.placeholder"), onPaste: handlePaste }
                 }
               )
             }
@@ -5483,7 +5557,7 @@ function MarkdownEditor({
             {
               className: "flex items-center justify-center rounded-md border border-border bg-muted/30 text-sm text-muted-foreground",
               style: { height },
-              children: t6("markdown.loading_editor")
+              children: t8("markdown.loading_editor")
             }
           ) }),
           useCustomPreview && showPreview && /* @__PURE__ */ jsxRuntime.jsx(
@@ -5497,7 +5571,7 @@ function MarkdownEditor({
         ]
       }
     ),
-    uploading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t6("markdown.uploading_image") }),
+    uploading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t8("markdown.uploading_image") }),
     error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-destructive", children: error })
   ] });
 }
@@ -6196,6 +6270,7 @@ var Text = core.Node.create({
   renderMarkdown: (node) => node.text || ""
 });
 var index_default3 = Text;
+var t9 = i18n.createPackageT("hazo_ui", en_default);
 var SingleLineDocument = index_default.extend({
   content: "paragraph"
 });
@@ -6233,7 +6308,7 @@ var HazoUiTextbox = ({
   value,
   default_value,
   prefixes,
-  placeholder = "Type here...",
+  placeholder,
   disabled = false,
   className,
   pill_variant = "default",
@@ -6244,6 +6319,7 @@ var HazoUiTextbox = ({
   on_command_change,
   on_command_remove
 }) => {
+  const resolved_placeholder = placeholder ?? t9("textbox.placeholder");
   const generated_instance_id = React27__namespace.useId();
   const instance_id = provided_instance_id || generated_instance_id;
   const [suggestion_state, set_suggestion_state] = React27__namespace.useState(null);
@@ -6276,7 +6352,7 @@ var HazoUiTextbox = ({
       index_default2,
       index_default3,
       Placeholder__default.default.configure({
-        placeholder
+        placeholder: resolved_placeholder
       }),
       CommandNodeExtension.configure({}),
       ...suggestion_extensions
@@ -6655,7 +6731,7 @@ var HazoUiTextbox = ({
                         edit_selected_index === edit_commands.length && "bg-destructive/10"
                       ),
                       onClick: handle_command_remove,
-                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Remove" })
+                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t9("common.remove") })
                     }
                   )
                 ] })
@@ -6733,6 +6809,7 @@ var HardBreak = core.Node.create({
   }
 });
 var index_default4 = HardBreak;
+var t10 = i18n.createPackageT("hazo_ui", en_default);
 var get_editor_output2 = (editor) => {
   if (!editor) {
     return { plain_text: "", display_text: "", commands: [] };
@@ -6787,7 +6864,7 @@ var HazoUiTextarea = ({
   value,
   default_value,
   prefixes,
-  placeholder = "Type here...",
+  placeholder,
   disabled = false,
   className,
   pill_variant = "default",
@@ -6801,6 +6878,7 @@ var HazoUiTextarea = ({
   on_command_change,
   on_command_remove
 }) => {
+  const resolved_placeholder = placeholder ?? t10("textarea.placeholder");
   const generated_instance_id = React27__namespace.useId();
   const instance_id = provided_instance_id || generated_instance_id;
   const [suggestion_state, set_suggestion_state] = React27__namespace.useState(null);
@@ -6835,7 +6913,7 @@ var HazoUiTextarea = ({
       index_default3,
       index_default4,
       Placeholder__default.default.configure({
-        placeholder
+        placeholder: resolved_placeholder
       }),
       CommandNodeExtension.configure({}),
       ...suggestion_extensions
@@ -7225,7 +7303,7 @@ var HazoUiTextarea = ({
                         backgroundColor: edit_selected_index === edit_commands.length ? "rgba(239, 68, 68, 0.1)" : "inherit"
                       },
                       onClick: handle_command_remove,
-                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Remove" })
+                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t10("common.remove") })
                     }
                   )
                 ] })
@@ -7285,7 +7363,7 @@ function resolve_animation_classes(open_anim = "zoom", close_anim = "zoom") {
   const close_classes = close_anim in ANIMATION_PRESETS ? ANIMATION_PRESETS[close_anim].close : close_anim;
   return `${open_classes} ${close_classes}`;
 }
-var t7 = i18n.createPackageT("hazo_ui", en_default);
+var t11 = i18n.createPackageT("hazo_ui", en_default);
 var VARIANT_PRESETS = {
   info: {
     header_background_color: "var(--dialog-info-bg)",
@@ -7379,11 +7457,11 @@ function HazoUiDialog({
   const cancel_ref = React27__namespace.useRef(null);
   const variant_preset = variant !== "default" ? VARIANT_PRESETS[variant] : is_status_kind || is_confirm_kind ? NEUTRAL_VARIANT_PRESET : void 0;
   const resolved_action_button_variant = actionButtonVariant ?? variant_preset?.action_button_variant ?? "default";
-  const resolved_title = title ?? t7("dialog.default_title");
-  const resolved_cancel_text = cancelButtonText ?? t7("dialog.cancel");
+  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 ? t7("dialog.ok") : is_confirm_kind ? showCancelButton ? t7("dialog.confirm") : t7("dialog.ok") : t7("dialog.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) {
@@ -7710,7 +7788,7 @@ function HazoUiDialog({
               style: headerBar ? { color: "var(--dialog-header-bar-fg)" } : finalHeaderTextColor ? { color: finalHeaderTextColor } : void 0,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: t7("dialog.close") })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: t11("dialog.close") })
               ]
             }
           )
@@ -7719,7 +7797,7 @@ function HazoUiDialog({
     )
   ] }) });
 }
-var t8 = i18n.createPackageT("hazo_ui", en_default);
+var t12 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiConfirmDialog({
   open,
   onOpenChange,
@@ -7728,7 +7806,7 @@ function HazoUiConfirmDialog({
   children,
   variant = "default",
   confirmLabel,
-  cancelLabel = t8("confirm.cancel"),
+  cancelLabel = t12("confirm.cancel"),
   showCancelButton = true,
   onConfirm,
   onCancel,
@@ -7777,7 +7855,7 @@ var Slider = React27__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Slider.displayName = SliderPrimitive__namespace.Root.displayName;
-var t9 = i18n.createPackageT("hazo_ui", en_default);
+var t13 = i18n.createPackageT("hazo_ui", en_default);
 async function getCroppedImg(imageSrc, areaPixels, outputSize, quality) {
   const img = await new Promise((resolve, reject) => {
     const image = new Image();
@@ -7831,7 +7909,7 @@ var HazoUiImageCropper = React27__namespace.forwardRef(function HazoUiImageCropp
     y: 0
   });
   const [zoom, set_zoom] = React27__namespace.useState(1);
-  const resolved_zoom_label = zoomLabel ?? t9("cropper.zoom");
+  const resolved_zoom_label = zoomLabel ?? t13("cropper.zoom");
   const cropped_area_pixels_ref = React27__namespace.useRef(null);
   const handle_crop_complete = React27__namespace.useCallback(
     (_croppedArea, croppedAreaPixels) => {
@@ -7906,7 +7984,7 @@ var HazoUiImageCropper = React27__namespace.forwardRef(function HazoUiImageCropp
   ] });
 });
 HazoUiImageCropper.displayName = "HazoUiImageCropper";
-var t10 = i18n.createPackageT("hazo_ui", en_default);
+var t14 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiImageCropperDialog({
   open,
   onOpenChange,
@@ -7920,10 +7998,10 @@ function HazoUiImageCropperDialog({
   outputSize = 512,
   quality = 0.9
 }) {
-  const resolved_title = title ?? t10("cropper.title");
-  const resolved_confirm_label = confirmLabel ?? t10("cropper.save");
-  const resolved_cancel_label = cancelLabel ?? t10("cropper.cancel");
-  const resolved_zoom_label = zoomLabel ?? t10("cropper.zoom");
+  const resolved_title = title ?? t14("cropper.title");
+  const resolved_confirm_label = confirmLabel ?? t14("cropper.save");
+  const resolved_cancel_label = cancelLabel ?? t14("cropper.cancel");
+  const resolved_zoom_label = zoomLabel ?? t14("cropper.zoom");
   const cropper_ref = React27__namespace.useRef(null);
   const [image_src, set_image_src] = React27__namespace.useState(null);
   const [is_confirming, set_is_confirming] = React27__namespace.useState(false);
@@ -8409,6 +8487,7 @@ var CardFooter = React27__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
+var t15 = i18n.createPackageT("hazo_ui", en_default);
 function Spinner({ className, size = "md" }) {
   const sizeClasses = { sm: "h-4 w-4", md: "h-8 w-8", lg: "h-12 w-12" };
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8416,8 +8495,8 @@ function Spinner({ className, size = "md" }) {
     {
       className: cn("animate-spin rounded-full border-2 border-current border-t-transparent text-primary", sizeClasses[size], className),
       role: "status",
-      "aria-label": "Loading",
-      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Loading..." })
+      "aria-label": t15("spinner.loading"),
+      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: t15("spinner.loading_text") })
     }
   );
 }
@@ -8553,6 +8632,7 @@ var InputAffix = React27__namespace.forwardRef(
   }
 );
 InputAffix.displayName = "InputAffix";
+var t16 = i18n.createPackageT("hazo_ui", en_default);
 var SkeletonBase = React27__namespace.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -8594,18 +8674,19 @@ function SkeletonRect({ width = "100%", height = 96, radius = 6, className }) {
     }
   );
 }
-function SkeletonGroup({ label = "Loading content", children, className, ...rest }) {
+function SkeletonGroup({ label, children, className, ...rest }) {
+  const resolved_label = label ?? t16("skeleton.loading_content");
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       role: "status",
       "aria-busy": "true",
-      "aria-label": label,
+      "aria-label": resolved_label,
       className: cn("space-y-2", className),
       ...rest,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: resolved_label })
       ]
     }
   );
@@ -8640,7 +8721,7 @@ function EmptyState({
     }
   );
 }
-var t11 = i18n.createPackageT("hazo_ui", en_default);
+var t17 = i18n.createPackageT("hazo_ui", en_default);
 function ErrorBanner({
   severity = "error",
   title,
@@ -8675,7 +8756,7 @@ function ErrorBanner({
           {
             type: "button",
             onClick: onDismiss,
-            "aria-label": t11("error.dismiss"),
+            "aria-label": t17("error.dismiss"),
             className: "flex-shrink-0 rounded p-1 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2 dark:hover:bg-white/5",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4", "aria-hidden": "true" })
           }
@@ -8684,9 +8765,9 @@ function ErrorBanner({
     }
   );
 }
-var t12 = i18n.createPackageT("hazo_ui", en_default);
+var t18 = i18n.createPackageT("hazo_ui", en_default);
 function ErrorPage({
-  title = t12("error.something_went_wrong"),
+  title,
   description,
   errorCode,
   correlationId,
@@ -8694,6 +8775,7 @@ function ErrorPage({
   illustration,
   className
 }) {
+  const resolved_title = title ?? t18("error.something_went_wrong");
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -8706,10 +8788,10 @@ function ErrorPage({
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-destructive", children: illustration ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.OctagonAlert, { className: "h-16 w-16", "aria-hidden": "true" }) }),
         errorCode ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-muted px-3 py-1 text-xs font-mono uppercase tracking-wider text-muted-foreground", children: errorCode }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-foreground", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-foreground", children: resolved_title }),
         description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: description }) : null,
         correlationId ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full rounded-md border bg-muted/40 px-3 py-2 text-left", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: "Correlation ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: t18("error.correlation_id") }),
           /* @__PURE__ */ jsxRuntime.jsx("code", { className: "break-all text-xs", children: correlationId })
         ] }) : null,
         actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex flex-wrap items-center justify-center gap-2", children: actions }) : null
@@ -8717,16 +8799,17 @@ function ErrorPage({
     }
   );
 }
-var t13 = i18n.createPackageT("hazo_ui", en_default);
+var t19 = i18n.createPackageT("hazo_ui", en_default);
 function LoadingTimeout({
   active,
   children,
   skeleton,
   onRetry,
   thresholds,
-  label = "content",
+  label,
   className
 }) {
+  const resolved_label = label ?? t19("loading.default_label");
   const timeouts = {
     gentle: thresholds?.gentle ?? 5e3,
     firm: thresholds?.firm ?? 15e3,
@@ -8756,15 +8839,15 @@ function LoadingTimeout({
       ErrorBanner,
       {
         severity: "error",
-        title: t13("loading.taking_longer"),
-        message: `We're still trying to load the ${label}. The connection may be slow.`,
+        title: t19("loading.taking_longer"),
+        message: t19("loading.still_loading", { label: resolved_label }),
         action: onRetry ? /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
             onClick: onRetry,
             className: "rounded bg-foreground/10 px-3 py-1.5 text-sm font-medium hover:bg-foreground/15",
-            children: "Try again"
+            children: t19("loading.try_again")
           }
         ) : null
       }
@@ -8772,12 +8855,8 @@ function LoadingTimeout({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, role: "status", "aria-busy": "true", "aria-live": "polite", children: [
     skeleton,
-    phase === "gentle" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: [
-      "Loading ",
-      label,
-      "\u2026"
-    ] }) : null,
-    phase === "firm" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: "Still working on it \u2014 almost there." }) : null
+    phase === "gentle" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t19("loading.gentle_message", { label: resolved_label }) }) : null,
+    phase === "firm" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t19("loading.firm_message") }) : null
   ] });
 }
 function ProgressiveImage({
@@ -8858,7 +8937,7 @@ function NotificationCountBadge({
     }
   );
 }
-var t14 = i18n.createPackageT("hazo_ui", en_default);
+var t20 = i18n.createPackageT("hazo_ui", en_default);
 function NotificationItem({
   isRead,
   timestamp,
@@ -8889,7 +8968,7 @@ function NotificationItem({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_notification_item_dot_col flex-shrink-0 pt-1.5", children: !isRead ? /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            "aria-label": t14("notification.unread"),
+            "aria-label": t20("notification.unread"),
             className: "cls_notification_item_dot block w-2 h-2 rounded-full bg-primary"
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block w-2 h-2", "aria-hidden": "true" }) }),
@@ -8913,13 +8992,13 @@ function NotificationItem({
     }
   );
 }
-var t15 = i18n.createPackageT("hazo_ui", en_default);
+var t21 = i18n.createPackageT("hazo_ui", en_default);
 function LoadingSkeletons() {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "aria-busy": "true",
-      "aria-label": t15("notification.loading"),
+      "aria-label": t21("notification.loading"),
       className: "cls_notification_panel_loading space-y-0",
       children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
@@ -8978,7 +9057,7 @@ function NotificationPanel({
     }
   );
 }
-var t16 = i18n.createPackageT("hazo_ui", en_default);
+var t22 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiToaster({
   position = "bottom-right",
   closeButton = true,
@@ -9024,12 +9103,14 @@ function permissionToast({
   action,
   duration = 5e3
 }) {
-  const description = missingPermissions.length === 0 ? t16("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: t16("toast.permission_required"),
+    title: t22("toast.permission_required"),
     description,
     action,
     duration
@@ -9287,6 +9368,7 @@ function use_fullscreen() {
   const { isFullscreen, toggle } = useFullscreen(ref);
   return { is_fullscreen: isFullscreen, toggle, ref };
 }
+var t23 = i18n.createPackageT("hazo_ui", en_default);
 function KanbanCard({
   item,
   renderCard,
@@ -9348,7 +9430,7 @@ function KanbanCard({
       ...listeners,
       role: "button",
       tabIndex: 0,
-      "aria-roledescription": "draggable card",
+      "aria-roledescription": t23("kanban.draggable_card"),
       "aria-grabbed": isDragging,
       onDoubleClick: () => {
         if (showEdit && onEditRequest && !dragging) onEditRequest(item);
@@ -9673,7 +9755,7 @@ function KanbanLaneStrip({
     }
   );
 }
-var t17 = i18n.createPackageT("hazo_ui", en_default);
+var t24 = i18n.createPackageT("hazo_ui", en_default);
 var DEFAULT_PRIORITIES = ["P0", "P1", "P2", "P3"];
 function humanize(key) {
   return key.replace(/[_\-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\s+/g, " ").trim().split(" ").map((w) => w ? w[0].toUpperCase() + w.slice(1) : w).join(" ");
@@ -9688,7 +9770,7 @@ function auto_detect_fields(item, columns) {
     }
   }
   if (columns.length > 0) {
-    out.push({ key: "columnKey", type: "status", label: t17("kanban.status_label") });
+    out.push({ key: "columnKey", type: "status", label: t24("kanban.status_label") });
   }
   return out;
 }
@@ -9785,7 +9867,7 @@ function KanbanEditor({
     isDirty: is_dirty
   };
   const open = item !== null;
-  const title = item && titleFn ? titleFn(item) : item ? t17("kanban.edit_fallback", { id: 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);
@@ -9797,18 +9879,18 @@ function KanbanEditor({
         if (!o && !saving) onClose();
       },
       title,
-      description: t17("kanban.update_description"),
+      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 ? t17("kanban.saving") : t17("kanban.save"),
+      actionButtonText: saving ? t24("kanban.saving") : t24("kanban.save"),
       actionButtonIcon: saving ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4 mr-2" }),
       actionButtonLoading: saving,
       actionButtonDisabled: !is_dirty || !all_required_filled || saving,
-      cancelButtonText: t17("kanban.cancel"),
+      cancelButtonText: t24("kanban.cancel"),
       showCancelButton: true,
       onConfirm: handle_save,
       onCancel: onClose,
@@ -9913,7 +9995,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsxRuntime.jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? t17("kanban.select_placeholder", { label })
+              placeholder: field.placeholder ?? t24("kanban.select_placeholder", { label })
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: (field.options ?? []).map((opt) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: opt, children: opt }, opt)) })
@@ -9929,7 +10011,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsxRuntime.jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? t17("kanban.select_priority")
+              placeholder: field.placeholder ?? t24("kanban.select_priority")
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: priorities.map((p) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: p, children: p }, p)) })
@@ -9945,7 +10027,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsxRuntime.jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? t17("kanban.select_status")
+              placeholder: field.placeholder ?? t24("kanban.select_status")
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: col.key, children: col.title }, col.key)) })
@@ -9954,6 +10036,7 @@ function KanbanEditorFieldRow({
     )
   ] });
 }
+var t25 = i18n.createPackageT("hazo_ui", en_default);
 var EMPTY_FILTER = {
   search: "",
   categories: [],
@@ -9961,7 +10044,7 @@ var EMPTY_FILTER = {
 };
 function HazoUiKanbanFilter({
   search = true,
-  searchPlaceholder = "Search...",
+  searchPlaceholder,
   categories,
   priorities,
   value,
@@ -9969,6 +10052,7 @@ function HazoUiKanbanFilter({
   onChange,
   className
 }) {
+  const resolved_search_placeholder = searchPlaceholder ?? t25("common.search");
   const is_controlled = value !== void 0;
   const [internal, set_internal] = React27__namespace.useState(
     defaultValue ?? EMPTY_FILTER
@@ -9995,7 +10079,7 @@ function HazoUiKanbanFilter({
           {
             value: current.search,
             onChange: (e) => update({ ...current, search: e.target.value }),
-            placeholder: searchPlaceholder,
+            placeholder: resolved_search_placeholder,
             className: "cls_hazo_kanban_filter_search w-full sm:w-64"
           }
         ),
@@ -10080,16 +10164,25 @@ function applyKanbanFilter(items, filter) {
     return true;
   });
 }
+var t26 = i18n.createPackageT("hazo_ui", en_default);
 var UNMATCHED_LANE_KEY = "__hazo_lane_unmatched__";
 function bucket_key(lane_key, column_key) {
   return lane_key == null ? column_key : `${lane_key}\0${column_key}`;
 }
 function default_announcements(itemLabel) {
   return {
-    onDragStart: ({ item, fromColumn }) => `Picked up ${itemLabel(item)}. Currently in ${fromColumn}. Use arrow keys to choose a different column. Press space to drop, escape to cancel.`,
-    onDragOver: ({ item, overColumn }) => overColumn ? `${itemLabel(item)} over ${overColumn}.` : "",
-    onDragEnd: ({ item, fromColumn, toColumn, newIndex }) => fromColumn === toColumn ? `${itemLabel(item)} reordered to position ${newIndex + 1} in ${toColumn}.` : `${itemLabel(item)} dropped in ${toColumn}, position ${newIndex + 1}.`,
-    onDragCancel: ({ item, fromColumn }) => `Movement cancelled. ${itemLabel(item)} returned to ${fromColumn}.`
+    onDragStart: ({ item, fromColumn }) => t26("kanban.dnd_pickup", { item: itemLabel(item), column: fromColumn }),
+    onDragOver: ({ item, overColumn }) => overColumn ? t26("kanban.dnd_over", { item: itemLabel(item), column: overColumn }) : "",
+    onDragEnd: ({ item, fromColumn, toColumn, newIndex }) => fromColumn === toColumn ? t26("kanban.dnd_reorder", {
+      item: itemLabel(item),
+      pos: newIndex + 1,
+      column: toColumn
+    }) : t26("kanban.dnd_drop", {
+      item: itemLabel(item),
+      column: toColumn,
+      pos: newIndex + 1
+    }),
+    onDragCancel: ({ item, fromColumn }) => t26("kanban.dnd_cancel", { item: itemLabel(item), column: fromColumn })
   };
 }
 function group_items_by_column(items, overlay, columns, lanes) {
@@ -10893,7 +10986,7 @@ function serializeFilter(filter) {
   const fields = (filter.fields ?? []).map((f) => `${f.field}:${f.operator ?? ""}:${String(f.value)}`).join(",");
   return `${filter.search ?? ""}|${fields}`;
 }
-var t18 = i18n.createPackageT("hazo_ui", en_default);
+var t27 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiTable(props) {
   const state = useTableState(props);
   const { columns, rows, getRowKey, className, caption } = props;
@@ -10928,12 +11021,12 @@ function HazoUiTable(props) {
     ) }) : state.serverError != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_mobile_error py-6", children: renderErrorState(props.error, state.serverError) }) : state.displayed.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_mobile_empty py-6", children: noActiveFilters(state.filter) && rows.length === 0 ? typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState,
       {
-        title: typeof props.empty === "string" && props.empty || t18("table.empty")
+        title: typeof props.empty === "string" && props.empty || t27("table.empty")
       }
     ) : props.empty : typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState,
       {
-        title: typeof props.noResults === "string" && props.noResults || t18("table.no_results")
+        title: typeof props.noResults === "string" && props.noResults || t27("table.no_results")
       }
     ) : props.noResults }) : /* @__PURE__ */ jsxRuntime.jsx(
       TableMobileCards,
@@ -10956,7 +11049,7 @@ function HazoUiTable(props) {
             {
               type: "button",
               onClick: (e) => state.cycleHeaderSort(c.key, e.shiftKey),
-              title: t18("table.sort_tooltip"),
+              title: t27("table.sort_tooltip"),
               className: "cls_hazo_ui_table_sort_btn inline-flex items-center gap-1 hover:text-foreground",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: c.label }),
@@ -10988,12 +11081,12 @@ function HazoUiTable(props) {
           children: noActiveFilters(state.filter) && rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_empty_wrap py-6", children: typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             EmptyState,
             {
-              title: typeof props.empty === "string" && props.empty || t18("table.empty")
+              title: typeof props.empty === "string" && props.empty || t27("table.empty")
             }
           ) : props.empty }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_no_results_wrap py-6", children: typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             EmptyState,
             {
-              title: typeof props.noResults === "string" && props.noResults || t18("table.no_results")
+              title: typeof props.noResults === "string" && props.noResults || t27("table.no_results")
             }
           ) : props.noResults })
         }
@@ -11107,7 +11200,7 @@ function PaginationFooter({
   const end = Math.min((page + 1) * pageSize, total);
   const lastPage = Math.max(0, Math.ceil(total / pageSize) - 1);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_hazo_ui_table_pagination flex items-center justify-between gap-3 pt-2 text-sm", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t18("table.showing", {
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t27("table.showing", {
       start: String(start),
       end: String(end),
       total: String(total)
@@ -11120,8 +11213,8 @@ function PaginationFooter({
           size: "sm",
           onClick: () => onPageChange(Math.max(0, page - 1)),
           disabled: page === 0,
-          "aria-label": t18("table.prev_aria"),
-          children: t18("table.prev")
+          "aria-label": t27("table.prev_aria"),
+          children: t27("table.prev")
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -11131,8 +11224,8 @@ function PaginationFooter({
           size: "sm",
           onClick: () => onPageChange(Math.min(lastPage, page + 1)),
           disabled: page >= lastPage,
-          "aria-label": t18("table.next_aria"),
-          children: t18("table.next")
+          "aria-label": t27("table.next_aria"),
+          children: t27("table.next")
         }
       )
     ] })
@@ -11176,7 +11269,7 @@ function Toolbar2(props) {
           setSearchValue(v);
           onSearchChange(v);
         },
-        placeholder: searchPlaceholder ?? t18("table.search_placeholder"),
+        placeholder: searchPlaceholder ?? t27("table.search_placeholder"),
         className: "cls_hazo_ui_table_search w-full sm:max-w-xs"
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
@@ -11224,8 +11317,8 @@ function renderErrorState(error, serverError) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     EmptyState,
     {
-      title: t18("table.error_title"),
-      description: msg || t18("table.error_description")
+      title: t27("table.error_title"),
+      description: msg || t27("table.error_description")
     }
   );
 }
@@ -11461,7 +11554,7 @@ function StackedBars({
     }
   );
 }
-var t19 = i18n.createPackageT("hazo_ui", en_default);
+var t28 = i18n.createPackageT("hazo_ui", en_default);
 function DateRangeSelector({
   value,
   onChange,
@@ -11469,7 +11562,7 @@ function DateRangeSelector({
   className,
   ariaLabel
 }) {
-  const resolved_aria = ariaLabel ?? t19("charts.date_range");
+  const resolved_aria = ariaLabel ?? t28("charts.date_range");
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -11501,6 +11594,7 @@ function DateRangeSelector({
     }
   );
 }
+var t29 = i18n.createPackageT("hazo_ui", en_default);
 var PAD_LEFT2 = 80;
 var PAD_RIGHT2 = 72;
 var PAD_TOP2 = 12;
@@ -11651,12 +11745,12 @@ function FunnelChart({
           const bubble_anchor_y = bar_y + BAR_H / 2;
           const lines = [
             { text: step.label, accent: true },
-            { text: `Total: ${fmt(total)}`, accent: false },
-            { text: `% of first: ${pct_first}%`, accent: false }
+            { text: t29("charts.total", { value: fmt(total) }), accent: false },
+            { text: t29("charts.pct_of_first", { pct: pct_first }), accent: false }
           ];
           if (i > 0) {
-            lines.push({ text: `% of prev: ${pct_prev}%`, accent: false });
-            lines.push({ text: `Drop-off: \u2212${fmt(dropoff)}`, accent: false });
+            lines.push({ text: t29("charts.pct_of_prev", { pct: pct_prev }), accent: false });
+            lines.push({ text: t29("charts.dropoff", { value: fmt(dropoff) }), accent: false });
           }
           if (step.segments) {
             step.segments.forEach((seg) => {
@@ -11717,7 +11811,7 @@ function FunnelChart({
 
 // src/assets/celebration-chime.mp3
 var celebration_chime_default = "data:text/plain;charset=utf-8,";
-var t20 = i18n.createPackageT("hazo_ui", en_default);
+var t30 = i18n.createPackageT("hazo_ui", en_default);
 var CELEBRATION_GRADIENT = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)";
 var CARD_SIZE = 1080;
 var PREVIEW_SIZE = 400;
@@ -11915,7 +12009,7 @@ function CelebrationModalInner({
                 {
                   className: "cls_celebration_close_btn absolute top-3 right-3 z-10 p-1.5 rounded-full hover:bg-black/10 transition-colors",
                   onClick: close_modal,
-                  "aria-label": t20("celebration.close"),
+                  "aria-label": t30("celebration.close"),
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4 text-gray-600" })
                 }
               ),
@@ -11978,21 +12072,21 @@ function CelebrationModalInner({
                       disabled: is_downloading,
                       children: [
                         is_downloading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 mr-1.5 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-3.5 w-3.5 mr-1.5" }),
-                        t20("celebration.download_png")
+                        t30("celebration.download_png")
                       ]
                     }
                   ),
                   can_share && /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: handle_share, children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Share2, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    t20("celebration.share")
+                    t30("celebration.share")
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: handle_copy, children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    t20("celebration.copy_image")
+                    t30("celebration.copy_image")
                   ] })
                 ] })
               ] }),
-              !shareableCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: close_modal, children: t20("celebration.dismiss") }) })
+              !shareableCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: close_modal, children: t30("celebration.dismiss") }) })
             ]
           }
         )
@@ -12014,8 +12108,8 @@ function computeEta(durationWindow, unitCount, concurrency = 1, fallbackUnitMs =
 }
 function easeToward(elapsed, eta, maxCap = 0.95) {
   if (eta <= 0 || elapsed <= 0) return 0;
-  const t22 = elapsed / eta;
-  return maxCap * (1 - Math.exp(-1.5 * t22));
+  const t35 = elapsed / eta;
+  return maxCap * (1 - Math.exp(-1.5 * t35));
 }
 function HazoUiProgressBar({
   value,
@@ -12191,7 +12285,7 @@ function upsertEntry(entries, entry) {
 function removeEntry(entries, id) {
   return entries.filter((e) => e.id !== id);
 }
-var t21 = i18n.createPackageT("hazo_ui", en_default);
+var t31 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiMemoryDropdown({
   history_key,
   placeholder,
@@ -12199,8 +12293,8 @@ function HazoUiMemoryDropdown({
   add_entry,
   empty_label
 }) {
-  const resolved_placeholder = placeholder ?? t21("memory.search_placeholder");
-  const resolved_empty_label = empty_label ?? t21("memory.no_history");
+  const resolved_placeholder = placeholder ?? t31("memory.search_placeholder");
+  const resolved_empty_label = empty_label ?? t31("memory.no_history");
   const { value: stored, setValue } = client$2.useHazoState(history_key, {
     level: "scope",
     fallback: []
@@ -12325,7 +12419,7 @@ function EntryRow({ entry, on_select, onDelete }) {
             onClick: (e) => onDelete(entry.id, e),
             onMouseEnter: () => setDeleteHovered(true),
             onMouseLeave: () => setDeleteHovered(false),
-            "aria-label": t21("memory.remove_aria", { label: entry.label }),
+            "aria-label": t31("memory.remove_aria", { label: entry.label }),
             style: {
               flexShrink: 0,
               background: "none",
@@ -12344,6 +12438,7 @@ function EntryRow({ entry, on_select, onDelete }) {
     }
   );
 }
+var t32 = i18n.createPackageT("hazo_ui", en_default);
 function Logo({
   logoUrl,
   logoUrlDark,
@@ -12353,7 +12448,7 @@ function Logo({
   className,
   imgClassName
 }) {
-  const alt = appTitle ?? "Logo";
+  const alt = appTitle ?? t32("app_logo.alt_fallback");
   let content = null;
   if (logoUrl) {
     content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -12388,11 +12483,12 @@ function Logo({
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center gap-2", className), children: content });
 }
+var t33 = i18n.createPackageT("hazo_ui", en_default);
 function AppHeader({ identity, homeHref, navItems, actions, className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "header",
     {
-      "aria-label": "Application header",
+      "aria-label": t33("app_header.aria_label"),
       className: cn(
         "flex w-full items-center justify-between gap-4 border-b bg-navbar text-navbar-fg border-navbar-border px-4 py-2.5",
         className
@@ -12900,6 +12996,7 @@ function HazoBrowserTab({
     }
   );
 }
+var t34 = i18n.createPackageT("hazo_ui", en_default);
 var native_name_cache = /* @__PURE__ */ new Map();
 function get_native_name(code) {
   const cached = native_name_cache.get(code);
@@ -12971,9 +13068,10 @@ function LocalePicker({
   flags = false,
   alternates,
   activeLocale,
-  triggerLabel = "Change language",
+  triggerLabel,
   className
 }) {
+  const resolved_trigger_label = triggerLabel ?? t34("locale_picker.change_language");
   const options = React27__namespace.useMemo(() => {
     return Object.entries(alternates ?? {}).map(([code, url]) => {
       const href = safeHref(url);
@@ -12988,7 +13086,7 @@ function LocalePicker({
     return /* @__PURE__ */ jsxRuntime.jsx(
       "nav",
       {
-        "aria-label": triggerLabel,
+        "aria-label": resolved_trigger_label,
         className: cn("cls_locale_picker_inline flex items-center gap-1", className),
         children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
           "a",
@@ -13018,7 +13116,7 @@ function LocalePicker({
         variant: "outline",
         size: "sm",
         lang: activeLocale,
-        "aria-label": triggerLabel,
+        "aria-label": resolved_trigger_label,
         className: cn("cls_locale_picker_trigger gap-1.5", className),
         children: [
           flags && /* @__PURE__ */ jsxRuntime.jsx(FlagIcon, { code: active_option?.code ?? options[0].code }),