react-os-shell 4.67.0 → 4.74.0

package/dist/chunk-NJDH5PHA.js

@@ -0,0 +1,7 @@
+// src/version.ts
+var VERSION = "4.74.0" ;
+var APP_VERSION = VERSION;
+
+export { APP_VERSION, VERSION };
+//# sourceMappingURL=chunk-NJDH5PHA.js.map
+//# sourceMappingURL=chunk-NJDH5PHA.js.map

package/dist/{chunk-K35QFOJF.js.map → chunk-NJDH5PHA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/version.ts"],"names":[],"mappings":";AAIO,IAAM,OAAA,GAAwD,QAAA;AAG9D,IAAM,WAAA,GAAc","file":"chunk-K35QFOJF.js","sourcesContent":["declare const __PKG_VERSION__: string | undefined;\n\n/** Package version, injected by tsup at build time. Stays as an empty\n *  string when the source is consumed without a build (e.g. tests). */\nexport const VERSION: string = typeof __PKG_VERSION__ === 'string' ? __PKG_VERSION__ : '';\n\n/** Legacy alias kept so existing consumers do not break. */\nexport const APP_VERSION = VERSION;\n"]}
+{"version":3,"sources":["../src/version.ts"],"names":[],"mappings":";AAIO,IAAM,OAAA,GAAwD,QAAA;AAG9D,IAAM,WAAA,GAAc","file":"chunk-NJDH5PHA.js","sourcesContent":["declare const __PKG_VERSION__: string | undefined;\n\n/** Package version, injected by tsup at build time. Stays as an empty\n *  string when the source is consumed without a build (e.g. tests). */\nexport const VERSION: string = typeof __PKG_VERSION__ === 'string' ? __PKG_VERSION__ : '';\n\n/** Legacy alias kept so existing consumers do not break. */\nexport const APP_VERSION = VERSION;\n"]}

package/dist/{chunk-E2N5WEHI.js → chunk-RUAZJ54W.js}

@@ -1,4 +1,4 @@
-import { Modal } from './chunk-GRSVL6WX.js';
+import { Modal } from './chunk-G7IHPEJE.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var DEFAULT_APPEARANCE = { activeOpacity: 70, inactiveOpacity: 50, activeBlur: 0, inactiveBlur: 0 };
@@ -138,5 +138,5 @@ function WidgetSettingsModal({ open, onClose, title, appearance, onAppearanceCha
 }
 
 export { WidgetSettingsModal, loadAppearance };
-//# sourceMappingURL=chunk-E2N5WEHI.js.map
-//# sourceMappingURL=chunk-E2N5WEHI.js.map
+//# sourceMappingURL=chunk-RUAZJ54W.js.map
+//# sourceMappingURL=chunk-RUAZJ54W.js.map

package/dist/{chunk-E2N5WEHI.js.map → chunk-RUAZJ54W.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/shell/WidgetSettingsModal.tsx"],"names":[],"mappings":"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","file":"chunk-E2N5WEHI.js","sourcesContent":["import Modal from './Modal';\n\nexport interface WidgetAppearance {\n  activeOpacity: number;\n  inactiveOpacity: number;\n  activeBlur: number;\n  inactiveBlur: number;\n}\n\nexport const DEFAULT_APPEARANCE: WidgetAppearance = { activeOpacity: 70, inactiveOpacity: 50, activeBlur: 0, inactiveBlur: 0 };\n\nexport function loadAppearance(key: string): WidgetAppearance {\n  try {\n    const saved = JSON.parse(localStorage.getItem(key) || '');\n    // Migrate old single `blur` field to activeBlur/inactiveBlur\n    if (saved.blur != null && saved.activeBlur == null) {\n      saved.activeBlur = saved.blur;\n      saved.inactiveBlur = saved.blur;\n      delete saved.blur;\n    }\n    return { ...DEFAULT_APPEARANCE, ...saved };\n  }\n  catch { return DEFAULT_APPEARANCE; }\n}\n\n/** Reusable settings modal for widgets — renders appearance sliders + optional extra content above */\nexport default function WidgetSettingsModal({ open, onClose, title, appearance, onAppearanceChange, onSave, children }: {\n  open: boolean;\n  onClose: () => void;\n  title: string;\n  appearance: WidgetAppearance;\n  onAppearanceChange: (a: WidgetAppearance) => void;\n  onSave: () => void;\n  children?: React.ReactNode;\n}) {\n  if (!open) return null;\n\n  const inp = 'w-full h-1.5 rounded-full appearance-none bg-gray-200 cursor-pointer accent-blue-500';\n  const lbl = 'flex items-center justify-between text-xs text-gray-500';\n\n  return (\n    <div onPointerDown={e => e.stopPropagation()} onContextMenu={e => e.stopPropagation()}>\n    <Modal open={open} onClose={onClose} title={title} size=\"sm\">\n      <div className=\"space-y-4\">\n        {children}\n\n        {/* Appearance */}\n        <div>\n          <h3 className=\"text-sm font-semibold text-gray-700 mb-3\">Appearance</h3>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <div className=\"text-xs font-medium text-gray-600 mb-2\">Active</div>\n              <div className=\"space-y-2\">\n                <div>\n                  <div className={lbl}><span>Opacity</span><span>{appearance.activeOpacity}%</span></div>\n                  <input type=\"range\" min={20} max={100} value={appearance.activeOpacity}\n                    onChange={e => onAppearanceChange({ ...appearance, activeOpacity: +e.target.value })} className={inp} />\n                </div>\n                <div>\n                  <div className={lbl}><span>Blur</span><span>{appearance.activeBlur}px</span></div>\n                  <input type=\"range\" min={0} max={20} value={appearance.activeBlur}\n                    onChange={e => onAppearanceChange({ ...appearance, activeBlur: +e.target.value })} className={inp} />\n                </div>\n              </div>\n            </div>\n            <div>\n              <div className=\"text-xs font-medium text-gray-600 mb-2\">Inactive</div>\n              <div className=\"space-y-2\">\n                <div>\n                  <div className={lbl}><span>Opacity</span><span>{appearance.inactiveOpacity}%</span></div>\n                  <input type=\"range\" min={20} max={100} value={appearance.inactiveOpacity}\n                    onChange={e => onAppearanceChange({ ...appearance, inactiveOpacity: +e.target.value })} className={inp} />\n                </div>\n                <div>\n                  <div className={lbl}><span>Blur</span><span>{appearance.inactiveBlur}px</span></div>\n                  <input type=\"range\" min={0} max={20} value={appearance.inactiveBlur}\n                    onChange={e => onAppearanceChange({ ...appearance, inactiveBlur: +e.target.value })} className={inp} />\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Actions */}\n        <div className=\"flex gap-2 pt-2\">\n          <button onClick={onSave}\n            className=\"flex-1 text-sm font-medium py-2 rounded-lg bg-blue-600 text-white hover:bg-blue-700 transition\">Save</button>\n          <button onClick={onClose}\n            className=\"flex-1 text-sm font-medium py-2 rounded-lg border border-gray-300 text-gray-600 hover:bg-gray-50 transition\">Cancel</button>\n        </div>\n      </div>\n    </Modal>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/shell/WidgetSettingsModal.tsx"],"names":[],"mappings":"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","file":"chunk-RUAZJ54W.js","sourcesContent":["import Modal from './Modal';\n\nexport interface WidgetAppearance {\n  activeOpacity: number;\n  inactiveOpacity: number;\n  activeBlur: number;\n  inactiveBlur: number;\n}\n\nexport const DEFAULT_APPEARANCE: WidgetAppearance = { activeOpacity: 70, inactiveOpacity: 50, activeBlur: 0, inactiveBlur: 0 };\n\nexport function loadAppearance(key: string): WidgetAppearance {\n  try {\n    const saved = JSON.parse(localStorage.getItem(key) || '');\n    // Migrate old single `blur` field to activeBlur/inactiveBlur\n    if (saved.blur != null && saved.activeBlur == null) {\n      saved.activeBlur = saved.blur;\n      saved.inactiveBlur = saved.blur;\n      delete saved.blur;\n    }\n    return { ...DEFAULT_APPEARANCE, ...saved };\n  }\n  catch { return DEFAULT_APPEARANCE; }\n}\n\n/** Reusable settings modal for widgets — renders appearance sliders + optional extra content above */\nexport default function WidgetSettingsModal({ open, onClose, title, appearance, onAppearanceChange, onSave, children }: {\n  open: boolean;\n  onClose: () => void;\n  title: string;\n  appearance: WidgetAppearance;\n  onAppearanceChange: (a: WidgetAppearance) => void;\n  onSave: () => void;\n  children?: React.ReactNode;\n}) {\n  if (!open) return null;\n\n  const inp = 'w-full h-1.5 rounded-full appearance-none bg-gray-200 cursor-pointer accent-blue-500';\n  const lbl = 'flex items-center justify-between text-xs text-gray-500';\n\n  return (\n    <div onPointerDown={e => e.stopPropagation()} onContextMenu={e => e.stopPropagation()}>\n    <Modal open={open} onClose={onClose} title={title} size=\"sm\">\n      <div className=\"space-y-4\">\n        {children}\n\n        {/* Appearance */}\n        <div>\n          <h3 className=\"text-sm font-semibold text-gray-700 mb-3\">Appearance</h3>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <div className=\"text-xs font-medium text-gray-600 mb-2\">Active</div>\n              <div className=\"space-y-2\">\n                <div>\n                  <div className={lbl}><span>Opacity</span><span>{appearance.activeOpacity}%</span></div>\n                  <input type=\"range\" min={20} max={100} value={appearance.activeOpacity}\n                    onChange={e => onAppearanceChange({ ...appearance, activeOpacity: +e.target.value })} className={inp} />\n                </div>\n                <div>\n                  <div className={lbl}><span>Blur</span><span>{appearance.activeBlur}px</span></div>\n                  <input type=\"range\" min={0} max={20} value={appearance.activeBlur}\n                    onChange={e => onAppearanceChange({ ...appearance, activeBlur: +e.target.value })} className={inp} />\n                </div>\n              </div>\n            </div>\n            <div>\n              <div className=\"text-xs font-medium text-gray-600 mb-2\">Inactive</div>\n              <div className=\"space-y-2\">\n                <div>\n                  <div className={lbl}><span>Opacity</span><span>{appearance.inactiveOpacity}%</span></div>\n                  <input type=\"range\" min={20} max={100} value={appearance.inactiveOpacity}\n                    onChange={e => onAppearanceChange({ ...appearance, inactiveOpacity: +e.target.value })} className={inp} />\n                </div>\n                <div>\n                  <div className={lbl}><span>Blur</span><span>{appearance.inactiveBlur}px</span></div>\n                  <input type=\"range\" min={0} max={20} value={appearance.inactiveBlur}\n                    onChange={e => onAppearanceChange({ ...appearance, inactiveBlur: +e.target.value })} className={inp} />\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Actions */}\n        <div className=\"flex gap-2 pt-2\">\n          <button onClick={onSave}\n            className=\"flex-1 text-sm font-medium py-2 rounded-lg bg-blue-600 text-white hover:bg-blue-700 transition\">Save</button>\n          <button onClick={onClose}\n            className=\"flex-1 text-sm font-medium py-2 rounded-lg border border-gray-300 text-gray-600 hover:bg-gray-50 transition\">Cancel</button>\n        </div>\n      </div>\n    </Modal>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-B3IYV7JN.js → chunk-S6K37RLY.js}

@@ -1,6 +1,6 @@
 import { Breadcrumbs } from './chunk-HNH7FOYB.js';
 import { SidebarLayout } from './chunk-YG45DAUT.js';
-import { useIsMobile, PopupMenu, PopupMenuItem, useShellPrefs } from './chunk-ZCDFNZQS.js';
+import { useIsMobile, useShellStrings, PopupMenu, PopupMenuItem, useShellPrefs } from './chunk-BLLINYDD.js';
 import { registerModalEscapeInterceptor, useFocusTrap, useScrollLock } from './chunk-CDR2Q64Q.js';
 import { glassStyle } from './chunk-3CUSBZWG.js';
 import { forwardRef, useId, useCallback, useState, useRef, useEffect, createContext, useLayoutEffect, useMemo, Children, isValidElement, cloneElement, useContext, Fragment as Fragment$1, Component, useSyncExternalStore } from 'react';
@@ -639,6 +639,47 @@ function FormField({
     ) : hint ? /* @__PURE__ */ jsx("p", { id: htmlFor ? `${htmlFor}-hint` : void 0, className: "mt-1 text-[11px] text-gray-400", children: hint }) : null
   ] });
 }
+function FormErrorSummary({ errors, title, autoFocus = true, className = "" }) {
+  const strings = useShellStrings();
+  const boxRef = useRef(null);
+  const hadErrors = useRef(false);
+  useEffect(() => {
+    const has = errors.length > 0;
+    if (has && !hadErrors.current && autoFocus) boxRef.current?.focus();
+    hadErrors.current = has;
+  }, [errors.length > 0, autoFocus]);
+  if (errors.length === 0) return null;
+  const focusField = (fieldId) => {
+    const el = document.getElementById(fieldId);
+    if (!el) return;
+    el.scrollIntoView({ block: "center" });
+    el.focus();
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: boxRef,
+      role: "alert",
+      tabIndex: -1,
+      className: `rounded-md border border-red-300 bg-red-50 px-4 py-3 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-400 ${className}`.trim(),
+      children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-red-800", children: title ?? strings.form.errorSummaryTitle }),
+        /* @__PURE__ */ jsx("ul", { className: "mt-1.5 space-y-1", children: errors.map((e, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: `#${e.fieldId}`,
+            onClick: (event) => {
+              event.preventDefault();
+              focusField(e.fieldId);
+            },
+            className: "text-sm text-red-700 underline hover:text-red-900",
+            children: e.message
+          }
+        ) }, `${e.fieldId}-${i}`)) })
+      ]
+    }
+  );
+}
 function Label({ required, children, className = "", ...rest }) {
   return /* @__PURE__ */ jsxs("label", { className: `mb-1 block text-xs font-medium text-gray-600 ${className}`.trim(), ...rest, children: [
     children,
@@ -2378,7 +2419,7 @@ function FilePicker({
     error && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-600", children: error })
   ] });
 }
-function ClearButton({ onClear, ariaLabel = "Clear selection" }) {
+function ClearButton({ onClear, ariaLabel }) {
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -2399,7 +2440,7 @@ function SearchableSelect({
   onChange,
   options,
   placeholder,
-  emptyOptionLabel = "\u2014 None \u2014",
+  emptyOptionLabel,
   className = "",
   disabled,
   id,
@@ -2409,6 +2450,8 @@ function SearchableSelect({
 }) {
   const [open, setOpen] = useState(false);
   const [search, setSearchState] = useState("");
+  const strings = useShellStrings();
+  const noneLabel = emptyOptionLabel ?? strings.select.none;
   const setSearch = (next) => {
     setSearchState(next);
     onSearchChange?.(next);
@@ -2510,13 +2553,13 @@ function SearchableSelect({
             setSearch("");
           }
         },
-        placeholder: placeholder || (emptyOptionLabel || "Select\u2026"),
+        placeholder: placeholder || noneLabel,
         className: `${INPUT_BASE} ${className} ${value ? "pr-8" : ""} ${disabled ? "bg-gray-50 text-gray-400 cursor-not-allowed" : ""} truncate`,
         style: adornPad ? { paddingRight: adornPad } : void 0,
         disabled
       }
     ),
-    value && !disabled && /* @__PURE__ */ jsx(ClearButton, { onClear: () => {
+    value && !disabled && /* @__PURE__ */ jsx(ClearButton, { ariaLabel: strings.select.clear, onClear: () => {
       onChange("");
       setOpen(false);
       setSearch("");
@@ -2541,7 +2584,7 @@ function SearchableSelect({
             visibility: menuPos ? void 0 : "hidden",
             ...glassStyle()
           },
-          children: /* @__PURE__ */ jsx("div", { className: "overflow-y-auto", style: { maxHeight: menuPos?.maxHeight ?? MENU_MAX_HEIGHT2 }, children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-3 text-sm text-gray-400 text-center", children: "No matches" }) : filtered.map((o) => /* @__PURE__ */ jsxs(
+          children: /* @__PURE__ */ jsx("div", { className: "overflow-y-auto", style: { maxHeight: menuPos?.maxHeight ?? MENU_MAX_HEIGHT2 }, children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-3 text-sm text-gray-400 text-center", children: strings.select.noMatches }) : filtered.map((o) => /* @__PURE__ */ jsxs(
             "button",
             {
               type: "button",
@@ -2577,6 +2620,7 @@ function TagInput({
 }) {
   const [open, setOpen] = useState(false);
   const [search, setSearch] = useState("");
+  const strings = useShellStrings();
   const wrapRef = useRef(null);
   const inputRef = useRef(null);
   const menuRef = useRef(null);
@@ -2640,7 +2684,7 @@ function TagInput({
               "button",
               {
                 type: "button",
-                "aria-label": `Remove ${labelFor(v)}`,
+                "aria-label": `${strings.select.remove} ${labelFor(v)}`,
                 onClick: () => remove(v),
                 className: "text-blue-400 hover:text-red-500 focus:outline-none focus-visible:ring-1 focus-visible:ring-blue-500 rounded leading-none",
                 children: "\xD7"
@@ -2710,7 +2754,7 @@ function TagInput({
             visibility: menuPos ? void 0 : "hidden",
             ...glassStyle()
           },
-          children: /* @__PURE__ */ jsx("div", { className: "overflow-y-auto", style: { maxHeight: menuPos?.maxHeight ?? MENU_MAX_HEIGHT2 }, children: available.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-3 text-sm text-gray-400 text-center", children: options.length > 0 && value.length >= options.length ? "All options selected" : "No matches" }) : available.map((o) => /* @__PURE__ */ jsx(
+          children: /* @__PURE__ */ jsx("div", { className: "overflow-y-auto", style: { maxHeight: menuPos?.maxHeight ?? MENU_MAX_HEIGHT2 }, children: available.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-3 text-sm text-gray-400 text-center", children: options.length > 0 && value.length >= options.length ? strings.select.allSelected : strings.select.noMatches }) : available.map((o) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -4441,8 +4485,9 @@ function HelpCenter({
   onNew,
   onEdit,
   renderBody,
-  emptyMessage = "No help articles yet."
+  emptyMessage
 }) {
+  const strings = useShellStrings();
   const [query, setQuery] = useState("");
   const [selectedSlug, setSelectedSlug] = useState(null);
   const [expanded, setExpanded] = useState({});
@@ -4475,8 +4520,8 @@ function HelpCenter({
   return /* @__PURE__ */ jsxs("div", { className: "flex h-full gap-4 px-4 py-3 min-h-0", children: [
     /* @__PURE__ */ jsxs("aside", { className: "w-64 shrink-0 flex flex-col bg-white rounded-lg shadow overflow-hidden", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-3 py-2 border-b border-gray-200 bg-gray-50 shrink-0", children: [
-        /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-gray-900", children: "Help" }),
-        canEdit && onNew && /* @__PURE__ */ jsx("button", { type: "button", onClick: onNew, className: "text-xs text-blue-600 hover:underline", children: "+ New" })
+        /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-gray-900", children: strings.help.title }),
+        canEdit && onNew && /* @__PURE__ */ jsx("button", { type: "button", onClick: onNew, className: "text-xs text-blue-600 hover:underline", children: strings.help.newArticle })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "px-2.5 py-2 border-b border-gray-100 shrink-0", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsx(
@@ -4502,12 +4547,12 @@ function HelpCenter({
             type: "text",
             value: query,
             onChange: (e) => setQuery(e.target.value),
-            placeholder: "Search help\u2026",
+            placeholder: strings.help.searchPlaceholder,
             className: "w-full rounded-md border border-gray-300 bg-white py-1.5 pl-8 pr-2 text-sm shadow-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500"
           }
         )
       ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto py-1", children: loading ? /* @__PURE__ */ jsx("p", { className: "px-3 py-6 text-center text-xs text-gray-400", children: "Loading\u2026" }) : visibleGroups.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-6 text-center text-xs text-gray-500", children: q ? "No articles match your search." : emptyMessage }) : visibleGroups.map((group) => {
+      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto py-1", children: loading ? /* @__PURE__ */ jsx("p", { className: "px-3 py-6 text-center text-xs text-gray-400", children: strings.help.loading }) : visibleGroups.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-6 text-center text-xs text-gray-500", children: q ? strings.help.noResults : emptyMessage ?? strings.help.empty }) : visibleGroups.map((group) => {
         const open = isGroupOpen(group.key);
         return /* @__PURE__ */ jsxs("div", { className: "py-0.5", children: [
           /* @__PURE__ */ jsxs(
@@ -4532,7 +4577,7 @@ function HelpCenter({
                 className: `w-full text-left pl-8 pr-3 py-1.5 text-sm flex items-center gap-1.5 transition-colors ${active ? "bg-blue-50 text-blue-700 font-medium" : "text-gray-700 hover:bg-gray-50"}`,
                 children: [
                   /* @__PURE__ */ jsx("span", { className: "truncate", children: doc.title }),
-                  doc.is_published === false && /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-[10px] text-amber-600", children: "Draft" })
+                  doc.is_published === false && /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-[10px] text-amber-600", children: strings.help.draft })
                 ]
               },
               doc.slug
@@ -4547,7 +4592,10 @@ function HelpCenter({
           /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-gray-900 truncate", children: selected.title }),
           /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500 mt-0.5", children: [
             selected.category_label,
-            selected.is_published === false && /* @__PURE__ */ jsx("span", { className: "ml-2 text-amber-600", children: "\xB7 Draft" })
+            selected.is_published === false && /* @__PURE__ */ jsxs("span", { className: "ml-2 text-amber-600", children: [
+              "\xB7 ",
+              strings.help.draft
+            ] })
           ] })
         ] }),
         canEdit && onEdit && /* @__PURE__ */ jsx(
@@ -4556,12 +4604,12 @@ function HelpCenter({
             type: "button",
             onClick: () => onEdit(selected),
             className: "shrink-0 text-sm text-blue-600 hover:underline",
-            children: "Edit"
+            children: strings.help.edit
           }
         )
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto px-5 py-4", children: renderBody ? renderBody(selected) : selected.body ? /* @__PURE__ */ jsx(Markdown, { children: selected.body }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 italic", children: "This article has no body yet." }) })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center px-6 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: loading ? "Loading\u2026" : "Pick a help article from the left." }) }) })
+      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto px-5 py-4", children: renderBody ? renderBody(selected) : selected.body ? /* @__PURE__ */ jsx(Markdown, { children: selected.body }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 italic", children: strings.help.noBody }) })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center px-6 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: loading ? strings.help.loading : strings.help.pickArticle }) }) })
   ] });
 }
 var VARIANTS = {
@@ -5271,11 +5319,14 @@ function DataTable({
   minWidth,
   rowClassName,
   onRow,
-  emptyText = "Nothing to show",
+  emptyText,
+  selection,
   footer,
   virtualized,
   className = ""
 }) {
+  const strings = useShellStrings();
+  const emptyContent = emptyText ?? strings.table.empty;
   const keyOf = (row, i) => typeof rowKey === "function" ? rowKey(row, i) : String(row[rowKey]);
   const [startRow, setStartRow] = useState(0);
   const overscan = virtualized?.overscan ?? 6;
@@ -5309,6 +5360,27 @@ function DataTable({
   };
   const leaves = columns.flatMap((h) => isGroup(h) ? h.columns : [h]);
   const grouped = columns.some(isGroup);
+  const selectedSet = new Set(selection?.selected ?? []);
+  const pageKeys = selection ? data.map((row, i) => keyOf(row, i)) : [];
+  const allSelected = pageKeys.length > 0 && pageKeys.every((k) => selectedSet.has(k));
+  const someSelected = pageKeys.some((k) => selectedSet.has(k));
+  const toggleRow = (key) => {
+    if (!selection) return;
+    selection.onChange(
+      selectedSet.has(key) ? selection.selected.filter((k) => k !== key) : [...selection.selected, key]
+    );
+  };
+  const toggleAll = () => {
+    if (!selection) return;
+    const page = new Set(pageKeys);
+    selection.onChange(
+      allSelected ? selection.selected.filter((k) => !page.has(k)) : [...selection.selected, ...pageKeys.filter((k) => !selectedSet.has(k))]
+    );
+  };
+  const SELECT_W = 36;
+  const selOffset = selection ? SELECT_W : 0;
+  const colCount = leaves.length + (selection ? 1 : 0);
+  const hasPinned = leaves.some((c) => c.fixed === "left");
   const cellBase = `${PAD[size]} ${size === "sm" ? "text-xs" : "text-sm"}`;
   const headerCell = (col, ci, rowSpan, topOffset = 0) => {
     const dir = directionFor(col);
@@ -5322,7 +5394,7 @@ function DataTable({
         "aria-sort": dir === "asc" ? "ascending" : dir === "desc" ? "descending" : col.sortable && onSortChange ? "none" : void 0,
         style: {
           width: col.width,
-          ...pinned ? { left: offsets[ci] ?? 0 } : {},
+          ...pinned ? { left: (offsets[ci] ?? 0) + selOffset } : {},
           // A virtualized header pins to the top of the vertical scroll; one
           // sticky box can hold both axes, so a pinned column's header corner
           // stays put in both directions.
@@ -5372,45 +5444,73 @@ function DataTable({
           // page around under the user.
           /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-20 flex items-start justify-center bg-white/60 pt-8", role: "status", "aria-live": "polite", children: [
             /* @__PURE__ */ jsx("span", { className: "h-6 w-6 animate-spin rounded-full border-2 border-gray-200 border-t-blue-600" }),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading" })
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: strings.table.loading })
           ] }),
           /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse tabular-nums", style: minWidth ? { minWidth } : void 0, children: [
             caption && /* @__PURE__ */ jsx("caption", { className: "sr-only", children: caption }),
             /* @__PURE__ */ jsxs("thead", { children: [
-              /* @__PURE__ */ jsx("tr", { ref: headRowRef, className: "border-b border-gray-200 bg-gray-50", children: columns.map((h, hi) => {
-                if (isGroup(h)) {
-                  return /* @__PURE__ */ jsx(
-                    "th",
-                    {
-                      scope: "colgroup",
-                      colSpan: h.columns.length,
-                      style: virtualized ? { top: 0 } : void 0,
-                      className: [
-                        cellBase,
-                        "text-center",
-                        "font-semibold uppercase tracking-wide text-gray-500",
-                        size === "sm" ? "text-[10px]" : "text-xs",
-                        "border-b border-gray-200",
-                        virtualized ? "sticky z-10 bg-gray-50" : "",
-                        h.headerClassName ?? ""
-                      ].filter(Boolean).join(" "),
-                      children: h.title
-                    },
-                    h.key ?? `group-${hi}`
-                  );
-                }
-                return headerCell(h, leaves.indexOf(h), grouped ? 2 : 1);
-              }) }),
+              /* @__PURE__ */ jsxs("tr", { ref: headRowRef, className: "border-b border-gray-200 bg-gray-50", children: [
+                selection && /* @__PURE__ */ jsx(
+                  "th",
+                  {
+                    scope: "col",
+                    rowSpan: grouped ? 2 : void 0,
+                    style: { width: SELECT_W, ...virtualized ? { top: 0 } : {} },
+                    className: [
+                      cellBase,
+                      hasPinned || virtualized ? "sticky z-20 bg-gray-50" : "",
+                      hasPinned ? "left-0" : ""
+                    ].filter(Boolean).join(" "),
+                    children: /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        "aria-label": strings.table.selectAll,
+                        checked: allSelected,
+                        ref: (el) => {
+                          if (el) el.indeterminate = someSelected && !allSelected;
+                        },
+                        onChange: toggleAll,
+                        className: "h-4 w-4 rounded border-gray-300 text-blue-600"
+                      }
+                    )
+                  }
+                ),
+                columns.map((h, hi) => {
+                  if (isGroup(h)) {
+                    return /* @__PURE__ */ jsx(
+                      "th",
+                      {
+                        scope: "colgroup",
+                        colSpan: h.columns.length,
+                        style: virtualized ? { top: 0 } : void 0,
+                        className: [
+                          cellBase,
+                          "text-center",
+                          "font-semibold uppercase tracking-wide text-gray-500",
+                          size === "sm" ? "text-[10px]" : "text-xs",
+                          "border-b border-gray-200",
+                          virtualized ? "sticky z-10 bg-gray-50" : "",
+                          h.headerClassName ?? ""
+                        ].filter(Boolean).join(" "),
+                        children: h.title
+                      },
+                      h.key ?? `group-${hi}`
+                    );
+                  }
+                  return headerCell(h, leaves.indexOf(h), grouped ? 2 : 1);
+                })
+              ] }),
               grouped && /* @__PURE__ */ jsx("tr", { className: "border-b border-gray-200 bg-gray-50", children: columns.flatMap((h) => isGroup(h) ? h.columns : []).map(
                 (col) => headerCell(col, leaves.indexOf(col), 1, headRowH)
               ) })
             ] }),
-            /* @__PURE__ */ jsx("tbody", { children: data.length === 0 && !loading ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: leaves.length, className: `${cellBase} py-10 text-center text-gray-500`, children: emptyText }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              topPad > 0 && /* @__PURE__ */ jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx("td", { colSpan: leaves.length, style: { height: topPad, padding: 0, border: 0 } }) }),
+            /* @__PURE__ */ jsx("tbody", { children: data.length === 0 && !loading ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: colCount, className: `${cellBase} py-10 text-center text-gray-500`, children: emptyContent }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              topPad > 0 && /* @__PURE__ */ jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx("td", { colSpan: colCount, style: { height: topPad, padding: 0, border: 0 } }) }),
               data.slice(start, end).map((row, si) => {
                 const i = start + si;
                 const rowProps = onRow?.(row, i);
-                return /* @__PURE__ */ jsx(
+                return /* @__PURE__ */ jsxs(
                   "tr",
                   {
                     style: virtualized ? { height: virtualized.rowHeight } : void 0,
@@ -5430,32 +5530,55 @@ function DataTable({
                       rowClassName?.(row, i) ?? "",
                       rowProps?.className ?? ""
                     ].filter(Boolean).join(" "),
-                    children: leaves.map((col, ci) => {
-                      const pinned = col.fixed === "left";
-                      return /* @__PURE__ */ jsx(
-                        "td",
-                        {
-                          style: pinned ? { left: offsets[ci] ?? 0 } : void 0,
-                          className: [
-                            cellBase,
-                            ALIGN2[col.align ?? (col.numeric ? "right" : "left")],
-                            col.numeric ? "font-mono" : "",
-                            "text-gray-900",
-                            col.ellipsis ? "max-w-0 truncate" : "",
-                            // A pinned cell needs its own background or the
-                            // scrolling columns show through it.
-                            pinned ? "sticky z-10 bg-white" : ""
-                          ].filter(Boolean).join(" "),
-                          children: col.render ? col.render(row, i) : col.dataIndex ? row[col.dataIndex] : null
-                        },
-                        col.key
-                      );
-                    })
+                    children: [
+                      selection && (() => {
+                        const key = keyOf(row, i);
+                        return /* @__PURE__ */ jsx(
+                          "td",
+                          {
+                            style: { width: SELECT_W },
+                            onClick: (e) => e.stopPropagation(),
+                            className: [cellBase, hasPinned ? "sticky left-0 z-10 bg-white" : ""].filter(Boolean).join(" "),
+                            children: /* @__PURE__ */ jsx(
+                              "input",
+                              {
+                                type: "checkbox",
+                                "aria-label": strings.table.selectRow,
+                                checked: selectedSet.has(key),
+                                onChange: () => toggleRow(key),
+                                className: "h-4 w-4 rounded border-gray-300 text-blue-600"
+                              }
+                            )
+                          }
+                        );
+                      })(),
+                      leaves.map((col, ci) => {
+                        const pinned = col.fixed === "left";
+                        return /* @__PURE__ */ jsx(
+                          "td",
+                          {
+                            style: pinned ? { left: (offsets[ci] ?? 0) + selOffset } : void 0,
+                            className: [
+                              cellBase,
+                              ALIGN2[col.align ?? (col.numeric ? "right" : "left")],
+                              col.numeric ? "font-mono" : "",
+                              "text-gray-900",
+                              col.ellipsis ? "max-w-0 truncate" : "",
+                              // A pinned cell needs its own background or the
+                              // scrolling columns show through it.
+                              pinned ? "sticky z-10 bg-white" : ""
+                            ].filter(Boolean).join(" "),
+                            children: col.render ? col.render(row, i) : col.dataIndex ? row[col.dataIndex] : null
+                          },
+                          col.key
+                        );
+                      })
+                    ]
                   },
                   keyOf(row, i)
                 );
               }),
-              bottomPad > 0 && /* @__PURE__ */ jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx("td", { colSpan: leaves.length, style: { height: bottomPad, padding: 0, border: 0 } }) })
+              bottomPad > 0 && /* @__PURE__ */ jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx("td", { colSpan: colCount, style: { height: bottomPad, padding: 0, border: 0 } }) })
             ] }) })
           ] }),
           footer
@@ -6421,6 +6544,6 @@ var ALT_SHIFT_D = isMac ? "\u2325\u21E7D" : "Alt+Shift+D";
 var ALT_SHIFT_E = isMac ? "\u2325\u21E7E" : "Alt+Shift+E";
 var ALT_SHIFT_N = isMac ? "\u2325\u21E7N" : "Alt+Shift+N";
 
-export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, Banner, BarChart, Button_default, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, CMD_SHIFT_Z, CMD_Z, Calendar, Card, ChatTemplate, Checkbox_default, CheckoutTemplate, ColoredBadge, ContainerFillChart, CountBadge, DashboardTemplate, DataTable, DataTablePage, DatePicker_default, DateRangePicker, DateTimePicker_default, DescriptionList, Divider, DonutChart, Drawer, DropdownMenu, ENTER, EmailTemplate, EmptyState, ErrorBoundary, ErrorPage, FilePicker, FormField, FormLayoutPage, GROUP_COLORS, GalleryTemplate, GlobalSearch, Grid, HelpCenter, INPUT_BASE, INPUT_SIZES, IconButton_default, Inline, InputNumber_default, Input_default, Kanban, Label, LineChart, ListFooter, ListLoadError, LoadingSpinner, MAX_FRACTION_DIGITS, MOD, Markdown, MediaUploadField, MediaUploadGrid, MetricBar, MilestoneTimeline, NativeSelect, NumericKeypad, PageHeader, Pagination, Paragraph, Radio_default, Result, SHIFT, SearchableSelect, Segmented, Select_default, SidebarActionButton, SidebarGroupLabel, SidebarNavItem, Skeleton, Sparkline, Stack, StatCard, Statistic, StatusBadge, StatusBadgeProvider, Stepper, Switch_default, Tabs, TagInput, Text, Textarea_default, TileButton_default, TimePicker_default, Title, Tooltip, TopNav, appendKey, applyThemePrefs, backspace, firstEnabledIndex, formatDate, fromKey, inputClasses, isMac, isSeverityTone, lastEnabledIndex, matchTypeahead, mediaFileName, nextEnabledIndex, resolveTheme, severityOf, tabButtonId, tabPanelId, toISODate, toKey, useClickOutside, useTheme };
-//# sourceMappingURL=chunk-B3IYV7JN.js.map
-//# sourceMappingURL=chunk-B3IYV7JN.js.map
+export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, Banner, BarChart, Button_default, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, CMD_SHIFT_Z, CMD_Z, Calendar, Card, ChatTemplate, Checkbox_default, CheckoutTemplate, ColoredBadge, ContainerFillChart, CountBadge, DashboardTemplate, DataTable, DataTablePage, DatePicker_default, DateRangePicker, DateTimePicker_default, DescriptionList, Divider, DonutChart, Drawer, DropdownMenu, ENTER, EmailTemplate, EmptyState, ErrorBoundary, ErrorPage, FilePicker, FormErrorSummary, FormField, FormLayoutPage, GROUP_COLORS, GalleryTemplate, GlobalSearch, Grid, HelpCenter, INPUT_BASE, INPUT_SIZES, IconButton_default, Inline, InputNumber_default, Input_default, Kanban, Label, LineChart, ListFooter, ListLoadError, LoadingSpinner, MAX_FRACTION_DIGITS, MOD, Markdown, MediaUploadField, MediaUploadGrid, MetricBar, MilestoneTimeline, NativeSelect, NumericKeypad, PageHeader, Pagination, Paragraph, Radio_default, Result, SHIFT, SearchableSelect, Segmented, Select_default, SidebarActionButton, SidebarGroupLabel, SidebarNavItem, Skeleton, Sparkline, Stack, StatCard, Statistic, StatusBadge, StatusBadgeProvider, Stepper, Switch_default, Tabs, TagInput, Text, Textarea_default, TileButton_default, TimePicker_default, Title, Tooltip, TopNav, appendKey, applyThemePrefs, backspace, firstEnabledIndex, formatDate, fromKey, inputClasses, isMac, isSeverityTone, lastEnabledIndex, matchTypeahead, mediaFileName, nextEnabledIndex, resolveTheme, severityOf, tabButtonId, tabPanelId, toISODate, toKey, useClickOutside, useTheme };
+//# sourceMappingURL=chunk-S6K37RLY.js.map
+//# sourceMappingURL=chunk-S6K37RLY.js.map