hazo_ui 6.10.0 → 6.11.2

package/dist/index.js

@@ -4,12 +4,12 @@ import { twMerge } from 'tailwind-merge';
 import * as React27 from 'react';
 import React27__default, { lazy, useRef, useState, useCallback, useEffect, useMemo, Fragment, Suspense, useSyncExternalStore } from 'react';
 import { generateRequestId } from 'hazo_core';
-import { withContext, setBrowserCorrelationId } from 'hazo_core/client';
+import { optional_import, withContext, setBrowserCorrelationId } from 'hazo_core/client';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { X, ChevronDown, ChevronUp, Check, Circle, ChevronRight, ChevronLeft, Filter, Plus, ArrowUpDown, icons, Loader2, AlertTriangle, OctagonAlert, CheckCircle2, ChevronsUpDown, Download, Share2, Copy, GripVertical, ArrowUp, ArrowDown, Pencil, Calendar as Calendar$1 } from 'lucide-react';
+import { X, ChevronDown, ChevronUp, Check, Circle, ChevronRight, ChevronLeft, Filter, Plus, ArrowUpDown, icons, Loader2, AlertTriangle, OctagonAlert, CheckCircle2, ChevronsUpDown, Download, Share2, Copy, GripVertical, ArrowUp, ArrowDown, Pencil, Calendar as Calendar$1, Globe } from 'lucide-react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -51,7 +51,7 @@ import TableCell from '@tiptap/extension-table-cell';
 import TableHeader from '@tiptap/extension-table-header';
 import TaskList from '@tiptap/extension-task-list';
 import TaskItem from '@tiptap/extension-task-item';
-import { LuBold, LuItalic, LuUnderline, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignVerticalJustifyStart, LuAlignVerticalJustifyCenter, LuAlignVerticalJustifyEnd, LuList, LuUndo2, LuRedo2, LuMinus, LuPlus, LuStrikethrough, LuSubscript, LuSuperscript, LuLink, LuRemoveFormatting, LuPalette, LuHighlighter, LuAlignJustify, LuListOrdered, LuListChecks, LuIndentDecrease, LuIndentIncrease, LuTable, LuTableRowsSplit, LuTableColumnsSplit, LuTrash2, LuGrid3X3, LuVariable, LuPaperclip, LuX, LuImage, LuFileText, LuFileCode, LuFile } from 'react-icons/lu';
+import { LuBold, LuItalic, LuUnderline, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignVerticalJustifyStart, LuAlignVerticalJustifyCenter, LuAlignVerticalJustifyEnd, LuList, LuUndo2, LuRedo2, LuMinus, LuPlus, LuStrikethrough, LuSubscript, LuSuperscript, LuLink, LuRemoveFormatting, LuPalette, LuHighlighter, LuAlignJustify, LuListOrdered, LuListChecks, LuIndentDecrease, LuIndentIncrease, LuImage, LuTable, LuTableRowsSplit, LuTableColumnsSplit, LuTrash2, LuGrid3X3, LuVariable, LuPaperclip, LuX, LuFileText, LuFileCode, LuFile } from 'react-icons/lu';
 import { RxDividerHorizontal } from 'react-icons/rx';
 import { Extension, Node, mergeAttributes } from '@tiptap/core';
 import { commands } from '@uiw/react-md-editor';
@@ -111,8 +111,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 t = arguments[e];
-          for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+          var t4 = arguments[e];
+          for (var r in t4) ({}).hasOwnProperty.call(t4, r) && (n[r] = t4[r]);
         }
         return n;
       }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends11.apply(null, arguments);
@@ -126,12 +126,12 @@ var require_objectWithoutPropertiesLoose = __commonJS({
   "../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
     function _objectWithoutPropertiesLoose10(r, e) {
       if (null == r) return {};
-      var t = {};
+      var t4 = {};
       for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
         if (-1 !== e.indexOf(n)) continue;
-        t[n] = r[n];
+        t4[n] = r[n];
       }
-      return t;
+      return t4;
     }
     module.exports = _objectWithoutPropertiesLoose10, module.exports.__esModule = true, module.exports["default"] = module.exports;
   }
@@ -642,6 +642,122 @@ function Calendar({
   );
 }
 Calendar.displayName = "Calendar";
+var hazo_i18n_module = null;
+void optional_import("hazo_i18n").then((mod) => {
+  hazo_i18n_module = mod;
+}).catch(() => {
+  hazo_i18n_module = null;
+});
+function interpolate(template, vars) {
+  if (!vars) return template;
+  return template.replace(
+    /\{\{\s*(\w+)\s*\}\}/g,
+    (whole, name) => Object.prototype.hasOwnProperty.call(vars, name) ? vars[name] : whole
+  );
+}
+function createPackageT(namespace, fallbackCatalog) {
+  return function t4(key, vars) {
+    const mod = hazo_i18n_module;
+    if (mod && typeof mod.t === "function") {
+      try {
+        const translated = mod.t(`${namespace}.${key}`, vars);
+        if (typeof translated === "string" && translated.length > 0) {
+          return translated;
+        }
+      } catch {
+      }
+    }
+    const template = fallbackCatalog[key];
+    if (template === void 0) return key;
+    return interpolate(template, vars);
+  };
+}
+function resolvePackageLocale(defaultLocale) {
+  const mod = hazo_i18n_module;
+  if (mod && typeof mod.getStaticLocale === "function") {
+    try {
+      const locale = mod.getStaticLocale();
+      if (typeof locale === "string" && locale.length > 0) return locale;
+    } catch {
+    }
+  }
+  return defaultLocale;
+}
+
+// src/locales/en.json
+var en_default = {
+  "table.showing": "Showing {{start}}\u2013{{end}} of {{total}}",
+  "table.prev": "\u2039 Prev",
+  "table.prev_aria": "Previous page",
+  "table.next": "Next \u203A",
+  "table.next_aria": "Next page",
+  "table.search_placeholder": "Search...",
+  "table.sort_tooltip": "Click to sort; shift-click to append a secondary sort",
+  "table.empty": "No items",
+  "table.no_results": "No matches \u2014 adjust your filters",
+  "table.error_title": "Couldn't load data",
+  "table.error_description": "The data source rejected the request.",
+  "rte.undo": "Undo",
+  "rte.redo": "Redo",
+  "rte.decrease_font_size": "Decrease font size",
+  "rte.increase_font_size": "Increase font size",
+  "rte.bold": "Bold",
+  "rte.italic": "Italic",
+  "rte.underline": "Underline",
+  "rte.strikethrough": "Strikethrough",
+  "rte.subscript": "Subscript",
+  "rte.superscript": "Superscript",
+  "rte.link": "Link",
+  "rte.clear_formatting": "Clear formatting",
+  "rte.text_color": "Text color",
+  "rte.highlight_color": "Highlight color",
+  "rte.align_left": "Align left",
+  "rte.align_center": "Align center",
+  "rte.align_right": "Align right",
+  "rte.justify": "Justify",
+  "rte.bullet_list": "Bullet list",
+  "rte.ordered_list": "Numbered list",
+  "rte.checklist": "Checklist",
+  "rte.decrease_indent": "Decrease indent",
+  "rte.increase_indent": "Increase indent",
+  "rte.horizontal_rule": "Horizontal rule",
+  "rte.insert_image": "Insert image",
+  "rte.table": "Table",
+  "rte.insert_variable": "Insert variable",
+  "rte.attach_file": "Attach file",
+  "rte.block_type.paragraph": "Paragraph",
+  "rte.block_type.heading_1": "Heading 1",
+  "rte.block_type.heading_2": "Heading 2",
+  "rte.block_type.heading_3": "Heading 3",
+  "rte.block_type.ordered_list": "Numbered List",
+  "rte.block_type.bullet_list": "Bulleted List",
+  "rte.block_type.task_list": "Check List",
+  "rte.block_type.code_block": "Code Block",
+  "rte.block_type.blockquote": "Quote",
+  "filter.title": "Filter",
+  "filter.description": "Add fields to filter by. Select a field and set its value.",
+  "filter.text_placeholder": "Enter text...",
+  "filter.number_placeholder": "Value",
+  "filter.select_option_placeholder": "Select option...",
+  "filter.select_placeholder": "Select...",
+  "filter.pick_date": "Pick a date",
+  "filter.on": "On",
+  "filter.off": "Off",
+  "filter.remove_field_aria": "Remove {{field}} filter",
+  "filter.active_filters": "Active filters",
+  "filter.no_active_filters": "No active filters",
+  "filter.open_dialog_aria": "Open filter dialog",
+  "filter.button_label": "Filter",
+  "filter.empty_fields": "No filters yet. Add one below to narrow down the results.",
+  "filter.all_fields_added": "All fields added",
+  "filter.add_filter_field": "Add filter field",
+  "filter.search_fields_placeholder": "Search fields...",
+  "filter.no_fields_available": "No fields available.",
+  "filter.clear_all": "Clear all",
+  "filter.cancel": "Cancel",
+  "filter.apply": "Apply"
+};
+var t = createPackageT("hazo_ui", en_default);
 function FilterFieldItem({
   filterConfig,
   fieldConfig,
@@ -665,7 +781,7 @@ function FilterFieldItem({
               }
               onValueChange(value);
             },
-            placeholder: "Enter text...",
+            placeholder: t("filter.text_placeholder"),
             minLength: fieldConfig.textConfig?.minLength,
             maxLength: fieldConfig.textConfig?.maxLength,
             className: "cls_filter_text_input h-8 w-full min-w-0 text-sm"
@@ -717,7 +833,7 @@ function FilterFieldItem({
                 }
                 onValueChange(numValue);
               },
-              placeholder: "Value",
+              placeholder: t("filter.number_placeholder"),
               min: fieldConfig.numberConfig?.min,
               max: fieldConfig.numberConfig?.max,
               step: fieldConfig.numberConfig?.allowDecimal ? 0.01 : 1,
@@ -733,21 +849,21 @@ function FilterFieldItem({
             value: filterConfig.value || "",
             onValueChange: (value) => onValueChange(value),
             children: [
-              /* @__PURE__ */ jsx(SelectTrigger, { className: "cls_filter_combobox_select h-8 w-full min-w-0 text-sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select option..." }) }),
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "cls_filter_combobox_select h-8 w-full min-w-0 text-sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("filter.select_option_placeholder") }) }),
               /* @__PURE__ */ jsx(SelectContent, { children: fieldConfig.comboboxOptions?.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
             ]
           }
         );
       case "boolean": {
-        const trueLabel = fieldConfig.booleanLabels?.trueLabel || "On";
-        const falseLabel = fieldConfig.booleanLabels?.falseLabel || "Off";
+        const trueLabel = fieldConfig.booleanLabels?.trueLabel || t("filter.on");
+        const falseLabel = fieldConfig.booleanLabels?.falseLabel || t("filter.off");
         return /* @__PURE__ */ jsxs(
           Select,
           {
             value: filterConfig.value !== void 0 && filterConfig.value !== null ? String(filterConfig.value) : "",
             onValueChange: (value) => onValueChange(value === "true"),
             children: [
-              /* @__PURE__ */ jsx(SelectTrigger, { className: "cls_filter_boolean_select h-8 w-full min-w-0 text-sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select..." }) }),
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "cls_filter_boolean_select h-8 w-full min-w-0 text-sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("filter.select_placeholder") }) }),
               /* @__PURE__ */ jsxs(SelectContent, { children: [
                 /* @__PURE__ */ jsx(SelectItem, { value: "true", children: trueLabel }),
                 /* @__PURE__ */ jsx(SelectItem, { value: "false", children: falseLabel })
@@ -789,7 +905,7 @@ function FilterFieldItem({
                 ),
                 children: [
                   /* @__PURE__ */ jsx(Calendar$1, { className: "cls_calendar_icon h-3.5 w-3.5 shrink-0" }),
-                  /* @__PURE__ */ jsx("span", { className: "cls_date_text truncate", children: selectedDate ? format(selectedDate, "MMM d, yyyy") : "Pick a date" })
+                  /* @__PURE__ */ jsx("span", { className: "cls_date_text truncate", children: selectedDate ? format(selectedDate, "MMM d, yyyy") : t("filter.pick_date") })
                 ]
               }
             ) }),
@@ -823,7 +939,7 @@ function FilterFieldItem({
           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 ${fieldConfig.label} filter`,
+          "aria-label": t("filter.remove_field_aria", { field: fieldConfig.label }),
           children: /* @__PURE__ */ jsx(X, { className: "cls_delete_icon h-3.5 w-3.5" })
         }
       )
@@ -834,8 +950,8 @@ function HazoUiMultiFilterDialog({
   availableFields,
   onFilterChange,
   initialFilters = [],
-  title = "Filter",
-  description = "Add fields to filter by. Select a field and set its value.",
+  title = t("filter.title"),
+  description = t("filter.description"),
   headerBackgroundColor,
   headerTextColor,
   submitButtonBackgroundColor,
@@ -940,13 +1056,13 @@ function HazoUiMultiFilterDialog({
   };
   const hasActiveFilters = initialFilters.length > 0;
   const tooltipContent = hasActiveFilters ? /* @__PURE__ */ jsxs("div", { className: "cls_filter_tooltip_content space-y-1", children: [
-    /* @__PURE__ */ jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: "Active filters" }),
+    /* @__PURE__ */ jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: t("filter.active_filters") }),
     initialFilters.map((filterConfig) => {
       const fieldConfig = getFieldConfig(filterConfig.field);
       if (!fieldConfig) return null;
       let displayValue = String(filterConfig.value);
       if (fieldConfig.type === "boolean") {
-        displayValue = filterConfig.value ? fieldConfig.booleanLabels?.trueLabel || "On" : fieldConfig.booleanLabels?.falseLabel || "Off";
+        displayValue = filterConfig.value ? fieldConfig.booleanLabels?.trueLabel || t("filter.on") : fieldConfig.booleanLabels?.falseLabel || t("filter.off");
       } else if (fieldConfig.type === "combobox") {
         const option = fieldConfig.comboboxOptions?.find((opt) => opt.value === filterConfig.value);
         displayValue = option?.label || displayValue;
@@ -964,7 +1080,7 @@ function HazoUiMultiFilterDialog({
         displayValue
       ] }, filterConfig.field);
     })
-  ] }) : /* @__PURE__ */ jsx("div", { className: "cls_filter_tooltip_content text-xs", children: "No active filters" });
+  ] }) : /* @__PURE__ */ jsx("div", { className: "cls_filter_tooltip_content text-xs", children: t("filter.no_active_filters") });
   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(
@@ -973,7 +1089,7 @@ function HazoUiMultiFilterDialog({
           variant: "outline",
           size: "sm",
           className: "cls_filter_button",
-          "aria-label": "Open filter dialog",
+          "aria-label": t("filter.open_dialog_aria"),
           children: [
             /* @__PURE__ */ jsx(
               Filter,
@@ -984,7 +1100,7 @@ function HazoUiMultiFilterDialog({
                 )
               }
             ),
-            "Filter",
+            t("filter.button_label"),
             hasActiveFilters && /* @__PURE__ */ jsx("span", { className: "cls_filter_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: initialFilters.length })
           ]
         }
@@ -1018,7 +1134,7 @@ function HazoUiMultiFilterDialog({
             },
             filterConfig.field
           );
-        }) }) : /* @__PURE__ */ jsx("div", { className: "cls_empty_filter_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 filters yet. Add one below to narrow down the results." }),
+        }) }) : /* @__PURE__ */ jsx("div", { className: "cls_empty_filter_fields rounded-lg border border-dashed border-border/70 bg-muted/20 px-4 py-6 text-center text-xs text-muted-foreground", children: t("filter.empty_fields") }),
         /* @__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,
@@ -1030,13 +1146,13 @@ function HazoUiMultiFilterDialog({
               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 filter field" })
+                /* @__PURE__ */ jsx("span", { children: availableFieldsToAdd.length === 0 ? t("filter.all_fields_added") : t("filter.add_filter_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: "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(CommandInput, { placeholder: t("filter.search_fields_placeholder"), className: "cls_command_input" }),
+            /* @__PURE__ */ jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsx(CommandEmpty, { children: t("filter.no_fields_available") }) : /* @__PURE__ */ jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsx(
               CommandItem,
               {
                 value: field.label,
@@ -1058,7 +1174,7 @@ function HazoUiMultiFilterDialog({
             onClick: handleClearAll,
             className: "cls_clear_all_btn text-muted-foreground hover:text-foreground",
             style: clearButtonStyles,
-            children: "Clear all"
+            children: t("filter.clear_all")
           }
         ) }),
         /* @__PURE__ */ jsxs("div", { className: "cls_footer_right flex items-center gap-2", children: [
@@ -1070,7 +1186,7 @@ function HazoUiMultiFilterDialog({
               onClick: handleCancel,
               className: "cls_cancel_btn",
               style: cancelButtonStyles,
-              children: "Cancel"
+              children: t("filter.cancel")
             }
           ),
           /* @__PURE__ */ jsx(
@@ -1080,7 +1196,7 @@ function HazoUiMultiFilterDialog({
               onClick: handleApply,
               className: "cls_apply_btn",
               style: submitButtonStyles,
-              children: "Apply"
+              children: t("filter.apply")
             }
           )
         ] })
@@ -3554,6 +3670,23 @@ var BLOCK_TYPES = [
   { label: "Code Block", value: "code-block", icon: "code" },
   { label: "Quote", value: "blockquote", icon: "quote" }
 ];
+var BLOCK_TYPE_LABEL_KEYS = {
+  paragraph: "rte.block_type.paragraph",
+  "heading-1": "rte.block_type.heading_1",
+  "heading-2": "rte.block_type.heading_2",
+  "heading-3": "rte.block_type.heading_3",
+  "ordered-list": "rte.block_type.ordered_list",
+  "bullet-list": "rte.block_type.bullet_list",
+  "task-list": "rte.block_type.task_list",
+  "code-block": "rte.block_type.code_block",
+  blockquote: "rte.block_type.blockquote"
+};
+function get_translated_block_types(t4) {
+  return BLOCK_TYPES.map((type) => ({
+    ...type,
+    label: t4(BLOCK_TYPE_LABEL_KEYS[type.value])
+  }));
+}
 
 // src/components/hazo_ui_rte/utils.ts
 function file_to_base64(file) {
@@ -3598,6 +3731,7 @@ function get_file_extension(filename) {
 function is_image_file(mime_type) {
   return mime_type.startsWith("image/");
 }
+var t2 = createPackageT("hazo_ui", en_default);
 var ALL_ON = {
   undo_redo: true,
   block_type: true,
@@ -3652,6 +3786,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(t2);
   const get_current_font_size = () => {
     const attrs = editor.getAttributes("textStyle");
     return attrs.fontSize || FONT_SIZE_CONFIG.default;
@@ -3795,7 +3930,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().undo().run(),
           disabled: !editor.can().undo(),
-          tooltip: "Undo",
+          tooltip: t2("rte.undo"),
           children: /* @__PURE__ */ jsx(LuUndo2, { className: "h-4 w-4" })
         },
         "undo"
@@ -3805,7 +3940,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().redo().run(),
           disabled: !editor.can().redo(),
-          tooltip: "Redo",
+          tooltip: t2("rte.redo"),
           children: /* @__PURE__ */ jsx(LuRedo2, { className: "h-4 w-4" })
         },
         "redo"
@@ -3816,7 +3951,7 @@ var Toolbar = ({
     sections.push([
       /* @__PURE__ */ jsxs(Select, { value: get_current_block_type(), onValueChange: handle_block_type_change, children: [
         /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-[130px] text-xs", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-        /* @__PURE__ */ jsx(SelectContent, { children: BLOCK_TYPES.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type.value, className: "text-xs", children: type.label }, type.value)) })
+        /* @__PURE__ */ jsx(SelectContent, { children: block_type_options.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type.value, className: "text-xs", children: type.label }, type.value)) })
       ] }, "block")
     ]);
   }
@@ -3846,7 +3981,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(-2),
-              tooltip: "Decrease font size",
+              tooltip: t2("rte.decrease_font_size"),
               children: /* @__PURE__ */ jsx(LuMinus, { className: "h-3 w-3" })
             }
           ),
@@ -3855,7 +3990,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(FONT_SIZE_CONFIG.step),
-              tooltip: "Increase font size",
+              tooltip: t2("rte.increase_font_size"),
               children: /* @__PURE__ */ jsx(LuPlus, { className: "h-3 w-3" })
             }
           )
@@ -3873,7 +4008,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBold().run(),
             is_active: editor.isActive("bold"),
-            tooltip: "Bold",
+            tooltip: t2("rte.bold"),
             children: /* @__PURE__ */ jsx(LuBold, { className: "h-4 w-4" })
           },
           "bold"
@@ -3887,7 +4022,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleItalic().run(),
             is_active: editor.isActive("italic"),
-            tooltip: "Italic",
+            tooltip: t2("rte.italic"),
             children: /* @__PURE__ */ jsx(LuItalic, { className: "h-4 w-4" })
           },
           "italic"
@@ -3901,7 +4036,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleUnderline().run(),
             is_active: editor.isActive("underline"),
-            tooltip: "Underline",
+            tooltip: t2("rte.underline"),
             children: /* @__PURE__ */ jsx(LuUnderline, { className: "h-4 w-4" })
           },
           "underline"
@@ -3915,7 +4050,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleStrike().run(),
             is_active: editor.isActive("strike"),
-            tooltip: "Strikethrough",
+            tooltip: t2("rte.strikethrough"),
             children: /* @__PURE__ */ jsx(LuStrikethrough, { className: "h-4 w-4" })
           },
           "strike"
@@ -3929,7 +4064,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSubscript().run(),
             is_active: editor.isActive("subscript"),
-            tooltip: "Subscript",
+            tooltip: t2("rte.subscript"),
             children: /* @__PURE__ */ jsx(LuSubscript, { className: "h-4 w-4" })
           },
           "sub"
@@ -3943,7 +4078,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSuperscript().run(),
             is_active: editor.isActive("superscript"),
-            tooltip: "Superscript",
+            tooltip: t2("rte.superscript"),
             children: /* @__PURE__ */ jsx(LuSuperscript, { className: "h-4 w-4" })
           },
           "super"
@@ -3957,7 +4092,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: "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: t2("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,
@@ -3993,7 +4128,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run(),
-            tooltip: "Clear formatting",
+            tooltip: t2("rte.clear_formatting"),
             children: /* @__PURE__ */ jsx(LuRemoveFormatting, { className: "h-4 w-4" })
           },
           "clear"
@@ -4007,7 +4142,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: "Text color", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t2("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",
@@ -4050,7 +4185,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: "Highlight color", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t2("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",
@@ -4093,7 +4228,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("left").run(),
           is_active: editor.isActive({ textAlign: "left" }),
-          tooltip: "Align left",
+          tooltip: t2("rte.align_left"),
           children: /* @__PURE__ */ jsx(LuAlignLeft, { className: "h-4 w-4" })
         },
         "align-left"
@@ -4103,7 +4238,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("center").run(),
           is_active: editor.isActive({ textAlign: "center" }),
-          tooltip: "Align center",
+          tooltip: t2("rte.align_center"),
           children: /* @__PURE__ */ jsx(LuAlignCenter, { className: "h-4 w-4" })
         },
         "align-center"
@@ -4113,7 +4248,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("right").run(),
           is_active: editor.isActive({ textAlign: "right" }),
-          tooltip: "Align right",
+          tooltip: t2("rte.align_right"),
           children: /* @__PURE__ */ jsx(LuAlignRight, { className: "h-4 w-4" })
         },
         "align-right"
@@ -4123,7 +4258,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("justify").run(),
           is_active: editor.isActive({ textAlign: "justify" }),
-          tooltip: "Justify",
+          tooltip: t2("rte.justify"),
           children: /* @__PURE__ */ jsx(LuAlignJustify, { className: "h-4 w-4" })
         },
         "align-justify"
@@ -4139,7 +4274,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBulletList().run(),
             is_active: editor.isActive("bulletList"),
-            tooltip: "Bullet list",
+            tooltip: t2("rte.bullet_list"),
             children: /* @__PURE__ */ jsx(LuList, { className: "h-4 w-4" })
           },
           "bullet"
@@ -4153,7 +4288,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleOrderedList().run(),
             is_active: editor.isActive("orderedList"),
-            tooltip: "Numbered list",
+            tooltip: t2("rte.ordered_list"),
             children: /* @__PURE__ */ jsx(LuListOrdered, { className: "h-4 w-4" })
           },
           "ordered"
@@ -4167,7 +4302,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleTaskList().run(),
             is_active: editor.isActive("taskList"),
-            tooltip: "Checklist",
+            tooltip: t2("rte.checklist"),
             children: /* @__PURE__ */ jsx(LuListChecks, { className: "h-4 w-4" })
           },
           "task"
@@ -4189,7 +4324,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().liftListItem("listItem") && !editor.can().liftListItem("taskItem"),
-          tooltip: "Decrease indent",
+          tooltip: t2("rte.decrease_indent"),
           children: /* @__PURE__ */ jsx(LuIndentDecrease, { className: "h-4 w-4" })
         },
         "indent-dec"
@@ -4205,7 +4340,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().sinkListItem("listItem") && !editor.can().sinkListItem("taskItem"),
-          tooltip: "Increase indent",
+          tooltip: t2("rte.increase_indent"),
           children: /* @__PURE__ */ jsx(LuIndentIncrease, { className: "h-4 w-4" })
         },
         "indent-inc"
@@ -4216,7 +4351,7 @@ var Toolbar = ({
     const items = [];
     if (tb.horizontal_rule) {
       items.push(
-        /* @__PURE__ */ jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: "Horizontal rule", children: /* @__PURE__ */ jsx(RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
+        /* @__PURE__ */ jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t2("rte.horizontal_rule"), children: /* @__PURE__ */ jsx(RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
       );
     }
     if (tb.image) {
@@ -4225,7 +4360,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => image_input_ref.current?.click(),
-            tooltip: "Insert image",
+            tooltip: t2("rte.insert_image"),
             children: /* @__PURE__ */ jsx(LuImage, { className: "h-4 w-4" })
           },
           "image"
@@ -4239,7 +4374,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               is_active: editor.isActive("table"),
-              tooltip: "Table",
+              tooltip: t2("rte.table"),
               children: /* @__PURE__ */ jsx(LuTable, { className: "h-4 w-4" })
             }
           ) }),
@@ -4411,7 +4546,7 @@ 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: "Insert variable", children: /* @__PURE__ */ jsx(LuVariable, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t2("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__ */ jsxs(CommandList, { children: [
@@ -4440,7 +4575,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => file_input_ref.current?.click(),
-            tooltip: "Attach file",
+            tooltip: t2("rte.attach_file"),
             children: /* @__PURE__ */ jsx(LuPaperclip, { className: "h-4 w-4" })
           },
           "attach"
@@ -8481,7 +8616,7 @@ function LoadingTimeout({
   label = "content",
   className
 }) {
-  const t = {
+  const t4 = {
     gentle: thresholds?.gentle ?? 5e3,
     firm: thresholds?.firm ?? 15e3,
     expired: thresholds?.expired ?? 3e4
@@ -8493,15 +8628,15 @@ function LoadingTimeout({
       return;
     }
     setPhase("silent");
-    const gentleTimer = window.setTimeout(() => setPhase("gentle"), t.gentle);
-    const firmTimer = window.setTimeout(() => setPhase("firm"), t.firm);
-    const expiredTimer = window.setTimeout(() => setPhase("expired"), t.expired);
+    const gentleTimer = window.setTimeout(() => setPhase("gentle"), t4.gentle);
+    const firmTimer = window.setTimeout(() => setPhase("firm"), t4.firm);
+    const expiredTimer = window.setTimeout(() => setPhase("expired"), t4.expired);
     return () => {
       window.clearTimeout(gentleTimer);
       window.clearTimeout(firmTimer);
       window.clearTimeout(expiredTimer);
     };
-  }, [active, t.gentle, t.firm, t.expired]);
+  }, [active, t4.gentle, t4.firm, t4.expired]);
   if (!active) {
     return /* @__PURE__ */ jsx(Fragment$1, { children });
   }
@@ -9372,6 +9507,7 @@ function KanbanLaneHead({
     "div",
     {
       ref: setNodeRef,
+      "data-lane-key": lane.key,
       className: cn(
         "cls_hazo_kanban_lane_head mb-2 flex items-center gap-3 rounded-sm px-1 py-1",
         isOver && "cls_hazo_kanban_lane_head_over bg-accent/30 ring-1 ring-ring/40"
@@ -9397,6 +9533,7 @@ function KanbanLaneStrip({
     "div",
     {
       ref: setNodeRef,
+      "data-lane-key": lane.key,
       className: cn(
         "cls_hazo_kanban_lane_strip mb-2 flex items-center gap-3 rounded-md border border-dashed border-border px-2 py-1 text-[11px] uppercase tracking-wider text-muted-foreground",
         isOver && "cls_hazo_kanban_lane_strip_over border-solid bg-accent/30 text-foreground ring-1 ring-ring/30"
@@ -10156,7 +10293,7 @@ function HazoUiKanban({
     if (lane.collapseWhenEmpty && count === 0) {
       return /* @__PURE__ */ jsx(KanbanLaneStrip, { lane, treeKey: tree_key }, lane.key);
     }
-    return /* @__PURE__ */ jsxs("div", { className: "cls_hazo_kanban_lane", children: [
+    return /* @__PURE__ */ jsxs("div", { "data-lane-key": lane.key, className: "cls_hazo_kanban_lane", children: [
       /* @__PURE__ */ jsx(KanbanLaneHead, { lane, count, treeKey: tree_key }),
       only_column ? render_column(only_column, tree_key, lane.key) : /* @__PURE__ */ jsx("div", { className: "cls_hazo_kanban_lane_grid grid gap-3", style: grid_style, children: columns.map((col) => render_column(col, tree_key, lane.key)) })
     ] }, lane.key);
@@ -10627,6 +10764,7 @@ function serializeFilter(filter) {
   const fields = (filter.fields ?? []).map((f) => `${f.field}:${f.operator ?? ""}:${String(f.value)}`).join(",");
   return `${filter.search ?? ""}|${fields}`;
 }
+var t3 = createPackageT("hazo_ui", en_default);
 function HazoUiTable(props) {
   const state = useTableState(props);
   const { columns, rows, getRowKey, className, caption } = props;
@@ -10661,12 +10799,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 || "No items"
+        title: typeof props.empty === "string" && props.empty || t3("table.empty")
       }
     ) : props.empty : typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ jsx(
       EmptyState,
       {
-        title: typeof props.noResults === "string" && props.noResults || "No matches \u2014 adjust your filters"
+        title: typeof props.noResults === "string" && props.noResults || t3("table.no_results")
       }
     ) : props.noResults }) : /* @__PURE__ */ jsx(
       TableMobileCards,
@@ -10689,7 +10827,7 @@ function HazoUiTable(props) {
             {
               type: "button",
               onClick: (e) => state.cycleHeaderSort(c.key, e.shiftKey),
-              title: "Click to sort; shift-click to append a secondary sort",
+              title: t3("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 }),
@@ -10721,12 +10859,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 || "No items"
+              title: typeof props.empty === "string" && props.empty || t3("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 || "No matches \u2014 adjust your filters"
+              title: typeof props.noResults === "string" && props.noResults || t3("table.no_results")
             }
           ) : props.noResults })
         }
@@ -10765,7 +10903,7 @@ function renderCell(c, row, i) {
 var DEFAULT_NUMBER_LOCALE = "en-US";
 function formatValue(value, formatter, currency, locale) {
   if (value === null || value === void 0 || value === "") return "\u2014";
-  const lc = locale ?? DEFAULT_NUMBER_LOCALE;
+  const lc = locale ?? resolvePackageLocale(DEFAULT_NUMBER_LOCALE);
   switch (formatter) {
     case "date": {
       const d = value instanceof Date ? value : new Date(value);
@@ -10840,14 +10978,11 @@ 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__ */ jsxs("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: [
-      "Showing ",
-      start,
-      "\u2013",
-      end,
-      " of ",
-      total
-    ] }),
+    /* @__PURE__ */ jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t3("table.showing", {
+      start: String(start),
+      end: String(end),
+      total: String(total)
+    }) }),
     /* @__PURE__ */ jsxs("div", { className: "cls_hazo_ui_table_page_buttons flex items-center gap-2", children: [
       /* @__PURE__ */ jsx(
         Button,
@@ -10856,8 +10991,8 @@ function PaginationFooter({
           size: "sm",
           onClick: () => onPageChange(Math.max(0, page - 1)),
           disabled: page === 0,
-          "aria-label": "Previous page",
-          children: "\u2039 Prev"
+          "aria-label": t3("table.prev_aria"),
+          children: t3("table.prev")
         }
       ),
       /* @__PURE__ */ jsx(
@@ -10867,8 +11002,8 @@ function PaginationFooter({
           size: "sm",
           onClick: () => onPageChange(Math.min(lastPage, page + 1)),
           disabled: page >= lastPage,
-          "aria-label": "Next page",
-          children: "Next \u203A"
+          "aria-label": t3("table.next_aria"),
+          children: t3("table.next")
         }
       )
     ] })
@@ -10912,7 +11047,7 @@ function Toolbar2(props) {
           setSearchValue(v);
           onSearchChange(v);
         },
-        placeholder: searchPlaceholder ?? "Search...",
+        placeholder: searchPlaceholder ?? t3("table.search_placeholder"),
         className: "cls_hazo_ui_table_search w-full sm:max-w-xs"
       }
     ) : /* @__PURE__ */ jsx("div", {}),
@@ -10960,8 +11095,8 @@ function renderErrorState(error, serverError) {
   return /* @__PURE__ */ jsx(
     EmptyState,
     {
-      title: "Couldn't load data",
-      description: msg || "The data source rejected the request."
+      title: t3("table.error_title"),
+      description: msg || t3("table.error_description")
     }
   );
 }
@@ -11747,8 +11882,8 @@ function computeEta(durationWindow, unitCount, concurrency = 1, fallbackUnitMs =
 }
 function easeToward(elapsed, eta, maxCap = 0.95) {
   if (eta <= 0 || elapsed <= 0) return 0;
-  const t = elapsed / eta;
-  return maxCap * (1 - Math.exp(-1.5 * t));
+  const t4 = elapsed / eta;
+  return maxCap * (1 - Math.exp(-1.5 * t4));
 }
 function HazoUiProgressBar({
   value,
@@ -12564,7 +12699,212 @@ function makeStatusBadge(statusMap, fallback) {
   Component.displayName = "StatusBadge(bound)";
   return Component;
 }
+function HazoBrowserTab({
+  tabs,
+  on_select,
+  on_close,
+  add_menu,
+  className
+}) {
+  const handle_close = (e, id) => {
+    e.stopPropagation();
+    on_close?.(id);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "tablist",
+      className: cn(
+        "cls_hazo_browser_tab flex items-end gap-0.5 bg-muted px-1.5 pt-1.5",
+        className
+      ),
+      children: [
+        tabs.map((tab) => {
+          const is_active = !!tab.active;
+          const is_closable = tab.closable !== false;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "tab",
+              "aria-selected": is_active,
+              tabIndex: 0,
+              onClick: () => on_select?.(tab.id),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  on_select?.(tab.id);
+                }
+              },
+              className: cn(
+                "cls_hazo_browser_tab_tab group flex items-center gap-1.5 rounded-t-md border border-b-0 px-3 py-1.5 text-sm cursor-pointer select-none max-w-[200px]",
+                is_active ? "bg-background text-foreground font-semibold border-border" : "bg-transparent text-muted-foreground border-transparent hover:bg-background/60 hover:text-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "cls_hazo_browser_tab_label truncate", children: tab.label }),
+                is_closable ? /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": `Close ${tab.label}`,
+                    onClick: (e) => handle_close(e, tab.id),
+                    className: "cls_hazo_browser_tab_close flex-shrink-0 rounded p-0.5 text-muted-foreground opacity-0 group-hover:opacity-100 hover:bg-muted hover:text-foreground focus:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary",
+                    children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+                  }
+                ) : null
+              ]
+            },
+            tab.id
+          );
+        }),
+        add_menu ? /* @__PURE__ */ jsx("div", { className: "cls_hazo_browser_tab_add_menu flex items-center pb-1.5 pl-1", children: add_menu }) : null
+      ]
+    }
+  );
+}
+var native_name_cache = /* @__PURE__ */ new Map();
+function get_native_name(code) {
+  const cached = native_name_cache.get(code);
+  if (cached !== void 0) return cached;
+  let name = code;
+  if (typeof Intl !== "undefined" && "DisplayNames" in Intl) {
+    try {
+      const display_names = new Intl.DisplayNames([code], {
+        type: "language",
+        languageDisplay: "standard"
+      });
+      name = display_names.of(code) ?? code;
+    } catch {
+      name = code;
+    }
+  }
+  native_name_cache.set(code, name);
+  return name;
+}
+function build_label(code, display) {
+  if (display === "code") return code.toUpperCase();
+  const native = get_native_name(code);
+  if (display === "native+code") return `${native} (${code.toUpperCase()})`;
+  return native;
+}
+var STRIPE_FLAGS = {
+  de: { dir: "h", colors: ["#000000", "#DD0000", "#FFCE00"] },
+  fr: { dir: "v", colors: ["#0055A4", "#FFFFFF", "#EF4135"] },
+  it: { dir: "v", colors: ["#009246", "#FFFFFF", "#CE2B37"] },
+  es: { dir: "h", colors: ["#AA151B", "#F1BF00", "#AA151B"] },
+  pt: { dir: "v", colors: ["#046A38", "#FFFFFF", "#DA291C"] },
+  nl: { dir: "h", colors: ["#AE1C28", "#FFFFFF", "#21468B"] }
+};
+var NORDIC_CROSS_FLAGS = {
+  sv: { bg: "#006AA7", cross: "#FECC00" },
+  fi: { bg: "#FFFFFF", cross: "#003580" }
+};
+function StripeFlag({
+  dir,
+  colors
+}) {
+  const band = 12 / colors.length;
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 12", width: "16", height: "12", "aria-hidden": "true", focusable: "false", children: colors.map(
+    (color2, i) => dir === "h" ? /* @__PURE__ */ jsx("rect", { x: 0, y: i * band, width: 16, height: band, fill: color2 }, i) : /* @__PURE__ */ jsx("rect", { x: i * (16 / colors.length), y: 0, width: 16 / colors.length, height: 12, fill: color2 }, i)
+  ) });
+}
+function NordicCrossFlag({ bg, cross }) {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 12", width: "16", height: "12", "aria-hidden": "true", focusable: "false", children: [
+    /* @__PURE__ */ jsx("rect", { width: "16", height: "12", fill: bg }),
+    /* @__PURE__ */ jsx("rect", { x: "5", width: "2", height: "12", fill: cross }),
+    /* @__PURE__ */ jsx("rect", { y: "5", width: "16", height: "2", fill: cross })
+  ] });
+}
+function get_flag_node(code) {
+  const lang = code.toLowerCase().split(/[-_]/)[0];
+  const cross = NORDIC_CROSS_FLAGS[lang];
+  if (cross) return /* @__PURE__ */ jsx(NordicCrossFlag, { ...cross });
+  const stripes = STRIPE_FLAGS[lang];
+  if (stripes) return /* @__PURE__ */ jsx(StripeFlag, { ...stripes });
+  return /* @__PURE__ */ jsx(Globe, { className: "h-3 w-3", "aria-hidden": "true" });
+}
+function FlagIcon({ code }) {
+  return /* @__PURE__ */ jsx("span", { className: "cls_locale_picker_flag inline-flex h-3.5 w-4 shrink-0 items-center justify-center overflow-hidden rounded-[2px]", children: get_flag_node(code) });
+}
+function LocalePicker({
+  variant = "dropdown",
+  show = "auto",
+  display = "native",
+  flags = false,
+  alternates,
+  activeLocale,
+  triggerLabel = "Change language",
+  className
+}) {
+  const options = React27.useMemo(() => {
+    return Object.entries(alternates ?? {}).map(([code, url]) => {
+      const href = safeHref(url);
+      if (!href) return null;
+      return { code, href, label: build_label(code, display) };
+    }).filter((o) => o !== null);
+  }, [alternates, display]);
+  if (show === "never") return null;
+  if (options.length === 0) return null;
+  if (show === "auto" && options.length < 2) return null;
+  if (variant === "inline") {
+    return /* @__PURE__ */ jsx(
+      "nav",
+      {
+        "aria-label": triggerLabel,
+        className: cn("cls_locale_picker_inline flex items-center gap-1", className),
+        children: options.map((opt) => /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: opt.href,
+            lang: opt.code,
+            "aria-current": opt.code === activeLocale ? "true" : void 0,
+            className: cn(
+              "cls_locale_picker_inline_item inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-sm transition-colors hover:bg-accent hover:text-accent-foreground",
+              opt.code === activeLocale && "bg-accent font-medium text-accent-foreground"
+            ),
+            children: [
+              flags && /* @__PURE__ */ jsx(FlagIcon, { code: opt.code }),
+              /* @__PURE__ */ jsx("span", { children: opt.label })
+            ]
+          },
+          opt.code
+        ))
+      }
+    );
+  }
+  const active_option = options.find((o) => o.code === activeLocale);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        lang: activeLocale,
+        "aria-label": triggerLabel,
+        className: cn("cls_locale_picker_trigger gap-1.5", className),
+        children: [
+          flags && /* @__PURE__ */ jsx(FlagIcon, { code: active_option?.code ?? options[0].code }),
+          /* @__PURE__ */ jsx("span", { className: "cls_locale_picker_trigger_label", children: variant === "compact" ? (active_option ?? options[0]).code.toUpperCase() : (active_option ?? options[0]).label }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 opacity-60", "aria-hidden": "true" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "cls_locale_picker_content", children: /* @__PURE__ */ jsx(DropdownMenuRadioGroup, { value: activeLocale, children: options.map((opt) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioItem, { value: opt.code, asChild: true, children: /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: opt.href,
+        lang: opt.code,
+        className: "cls_locale_picker_radio_item relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+          flags && /* @__PURE__ */ jsx(FlagIcon, { code: opt.code }),
+          /* @__PURE__ */ jsx("span", { children: opt.label })
+        ]
+      }
+    ) }, opt.code)) }) })
+  ] });
+}
+LocalePicker.displayName = "LocalePicker";
 
-export { ANIMATION_PRESETS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppFooter, AppHeader, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CELEBRATION_GRADIENT, Calendar, CanvasTextToolbar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CelebrationProvider, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandNodeExtension, CommandPill, CommandPopover, DEFAULT_ANNOUNCE_EVENT, DateRangeSelector, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorBanner, ErrorPage, FunnelChart, HazoContextProvider, HazoUiConfirmDialog, HazoUiDialog, DialogClose as HazoUiDialogClose, DialogContent as HazoUiDialogContent, DialogDescription as HazoUiDialogDescription, DialogFooter as HazoUiDialogFooter, DialogHeader as HazoUiDialogHeader, DialogOverlay as HazoUiDialogOverlay, DialogPortal as HazoUiDialogPortal, Dialog as HazoUiDialogRoot, DialogTitle as HazoUiDialogTitle, DialogTrigger as HazoUiDialogTrigger, HazoUiEtaProgress, HazoUiFlexInput, HazoUiFlexRadio, HazoUiIcon, HazoUiIconPicker, HazoUiImageCropper, HazoUiImageCropperDialog, HazoUiKanban, HazoUiKanbanFilter, HazoUiMemoryDropdown, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, HazoUiPillRadio, HazoUiProgressBar, HazoUiRte, HazoUiTable, HazoUiTextarea, HazoUiTextbox, HazoUiToaster, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputAffix, InverseSparkline, Label3 as Label, LiveRegion, LoadingTimeout, Logo, MarkdownEditor, NotificationCountBadge, NotificationItem, NotificationPanel, Popover, PopoverContent, PopoverTrigger, ProgressiveImage, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Command as ShadcnCommand, CommandEmpty as ShadcnCommandEmpty, CommandGroup as ShadcnCommandGroup, CommandInput as ShadcnCommandInput, CommandItem as ShadcnCommandItem, CommandList as ShadcnCommandList, Skeleton, SkeletonBar, SkeletonCircle, SkeletonGroup, SkeletonRect, Slider, Sparkline, Spinner, StackedBars, StatusBadge, Switch, Table2 as Table, TableBody, TableCaption, TableCell2 as TableCell, TableFooter, TableHead, TableHeader2 as TableHeader, TableRow2 as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, announce, applyKanbanFilter, buttonGroupVariants, celebrate, cn, computeEta, create_command_suggestion_extension, easeToward, errorToast, format_num, generateUUID, get_hazo_ui_config, get_logger, hasUrlParam, isLucideValue, makeStatusBadge, median, parse_commands_from_text, permissionToast, pick_x_label_indices, readRememberedState, reset_hazo_ui_config, resolve_animation_classes, safeHref, set_hazo_ui_config, set_logger, successToast, text_to_tiptap_content, toggleVariants, upsertEntry as upsertMemoryEntry, useClickOutside, useCopyToClipboard, useDebounce, useErrorDisplay, useEtaProgress, useFullscreen, useIsMobile, useLoadingState, useLocalStorage, useLongPress, useMediaQuery, useRememberedState, useScrollRestore, useSessionStorage, useViewport, useWakeLock, use_fullscreen, use_wake_lock, writeRememberedState };
+export { ANIMATION_PRESETS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppFooter, AppHeader, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CELEBRATION_GRADIENT, Calendar, CanvasTextToolbar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CelebrationProvider, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandNodeExtension, CommandPill, CommandPopover, DEFAULT_ANNOUNCE_EVENT, DateRangeSelector, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorBanner, ErrorPage, FunnelChart, HazoBrowserTab, HazoContextProvider, HazoUiConfirmDialog, HazoUiDialog, DialogClose as HazoUiDialogClose, DialogContent as HazoUiDialogContent, DialogDescription as HazoUiDialogDescription, DialogFooter as HazoUiDialogFooter, DialogHeader as HazoUiDialogHeader, DialogOverlay as HazoUiDialogOverlay, DialogPortal as HazoUiDialogPortal, Dialog as HazoUiDialogRoot, DialogTitle as HazoUiDialogTitle, DialogTrigger as HazoUiDialogTrigger, HazoUiEtaProgress, HazoUiFlexInput, HazoUiFlexRadio, HazoUiIcon, HazoUiIconPicker, HazoUiImageCropper, HazoUiImageCropperDialog, HazoUiKanban, HazoUiKanbanFilter, HazoUiMemoryDropdown, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, HazoUiPillRadio, HazoUiProgressBar, HazoUiRte, HazoUiTable, HazoUiTextarea, HazoUiTextbox, HazoUiToaster, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputAffix, InverseSparkline, Label3 as Label, LiveRegion, LoadingTimeout, LocalePicker, Logo, MarkdownEditor, NotificationCountBadge, NotificationItem, NotificationPanel, Popover, PopoverContent, PopoverTrigger, ProgressiveImage, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Command as ShadcnCommand, CommandEmpty as ShadcnCommandEmpty, CommandGroup as ShadcnCommandGroup, CommandInput as ShadcnCommandInput, CommandItem as ShadcnCommandItem, CommandList as ShadcnCommandList, Skeleton, SkeletonBar, SkeletonCircle, SkeletonGroup, SkeletonRect, Slider, Sparkline, Spinner, StackedBars, StatusBadge, Switch, Table2 as Table, TableBody, TableCaption, TableCell2 as TableCell, TableFooter, TableHead, TableHeader2 as TableHeader, TableRow2 as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, announce, applyKanbanFilter, buttonGroupVariants, celebrate, cn, computeEta, create_command_suggestion_extension, easeToward, errorToast, format_num, generateUUID, get_hazo_ui_config, get_logger, hasUrlParam, isLucideValue, makeStatusBadge, median, parse_commands_from_text, permissionToast, pick_x_label_indices, readRememberedState, reset_hazo_ui_config, resolve_animation_classes, safeHref, set_hazo_ui_config, set_logger, successToast, text_to_tiptap_content, toggleVariants, upsertEntry as upsertMemoryEntry, useClickOutside, useCopyToClipboard, useDebounce, useErrorDisplay, useEtaProgress, useFullscreen, useIsMobile, useLoadingState, useLocalStorage, useLongPress, useMediaQuery, useRememberedState, useScrollRestore, useSessionStorage, useViewport, useWakeLock, use_fullscreen, use_wake_lock, writeRememberedState };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map