@open-mercato/ui 0.4.2-canary-c02407ff85

package/dist/backend/PerspectiveSidebar.js

@@ -0,0 +1,282 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "../primitives/button.js";
+import { Spinner } from "../primitives/spinner.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const emptyArray = [];
+function PerspectiveSidebar({
+  open,
+  onOpenChange,
+  loading,
+  perspectives,
+  rolePerspectives,
+  roles,
+  activePerspectiveId,
+  onActivatePerspective,
+  onDeletePerspective,
+  onClearRole,
+  onSave,
+  canApplyToRoles,
+  columnOptions,
+  onToggleColumn,
+  onMoveColumn,
+  saving,
+  deletingIds,
+  roleClearingIds,
+  apiWarning
+}) {
+  const t = useT();
+  function perspectiveLabel(p) {
+    return p.name.trim().length ? p.name : t("ui.perspectives.untitled", "Untitled perspective");
+  }
+  const [name, setName] = React.useState("");
+  const [isDefault, setIsDefault] = React.useState(false);
+  const [applyToRoles, setApplyToRoles] = React.useState([]);
+  const [setRoleDefault, setSetRoleDefault] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    if (!open) {
+      setError(null);
+    }
+  }, [open]);
+  React.useEffect(() => {
+    if (!open) return;
+    const active = perspectives.find((p) => p.id === activePerspectiveId) ?? rolePerspectives.find((p) => p.id === activePerspectiveId);
+    if (active) {
+      setName(active.name);
+      setIsDefault(active.isDefault);
+    } else if (!name) {
+      setName("");
+      setIsDefault(false);
+    }
+  }, [open, activePerspectiveId]);
+  const groupedRolePerspectives = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const rp of rolePerspectives) {
+      if (!map.has(rp.roleId)) map.set(rp.roleId, []);
+      map.get(rp.roleId).push(rp);
+    }
+    return map;
+  }, [rolePerspectives]);
+  const toggleRoleSelection = (roleId) => {
+    setApplyToRoles((prev) => {
+      const next = new Set(prev);
+      if (next.has(roleId)) next.delete(roleId);
+      else next.add(roleId);
+      return Array.from(next);
+    });
+  };
+  const handleSave = async () => {
+    setError(null);
+    try {
+      await onSave({ name: name.trim(), isDefault, applyToRoles, setRoleDefault });
+      if (!isDefault) setIsDefault(false);
+      setApplyToRoles([]);
+      setSetRoleDefault(false);
+    } catch (err) {
+      setError(err?.message ?? "Failed to save perspective");
+    }
+  };
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/30", onClick: () => onOpenChange(false) }),
+    /* @__PURE__ */ jsxs("div", { className: "absolute left-0 top-0 h-full w-full sm:w-[420px] bg-background shadow-xl border-r flex flex-col", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border-b", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: t("ui.perspectives.title", "Perspectives") }),
+        /* @__PURE__ */ jsx("button", { className: "text-sm text-muted-foreground", onClick: () => onOpenChange(false), children: t("ui.perspectives.close", "Close") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-auto divide-y", children: [
+        /* @__PURE__ */ jsxs("section", { className: "p-4 space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold uppercase text-muted-foreground", children: t("ui.perspectives.myPerspectives.title", "My perspectives") }),
+            loading ? /* @__PURE__ */ jsx(Spinner, { size: "sm" }) : null
+          ] }),
+          (perspectives ?? emptyArray).length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("ui.perspectives.myPerspectives.empty", "No saved perspectives yet. Adjust columns or filters and save your first perspective.") }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: perspectives.map((p) => {
+            const isActive = activePerspectiveId === p.id;
+            const deleting = deletingIds.includes(p.id);
+            return /* @__PURE__ */ jsxs("div", { className: `rounded border px-3 py-2 flex items-start justify-between gap-3 ${isActive ? "border-primary/80 bg-primary/5" : "border-border bg-card"}`, children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: perspectiveLabel(p) }),
+                /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground flex items-center gap-2", children: [
+                  p.isDefault ? /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-1 rounded bg-primary/10 px-2 py-0.5 text-primary text-[11px] uppercase tracking-wide", children: t("ui.perspectives.badge.default", "Default") }) : null,
+                  /* @__PURE__ */ jsx("span", { children: t("ui.perspectives.updated", "Updated {date}", { date: new Date(p.updatedAt ?? p.createdAt).toLocaleString() }) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "sm",
+                    variant: isActive ? "secondary" : "outline",
+                    onClick: () => onActivatePerspective(p, "personal"),
+                    disabled: isActive || deleting,
+                    children: isActive ? t("ui.perspectives.actions.active", "Active") : t("ui.perspectives.actions.use", "Use")
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: () => void onDeletePerspective(p.id),
+                    disabled: deleting,
+                    children: deleting ? t("ui.perspectives.actions.removing", "Removing\u2026") : t("common.delete", "Delete")
+                  }
+                )
+              ] })
+            ] }, p.id);
+          }) })
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: "p-4 space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold uppercase text-muted-foreground", children: t("ui.perspectives.rolePerspectives.title", "Role perspectives") }),
+            rolePerspectives.length === 0 ? null : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: rolePerspectives.length })
+          ] }),
+          rolePerspectives.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("ui.perspectives.rolePerspectives.empty", "No shared role perspectives available.") }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Array.from(groupedRolePerspectives.entries()).map(([roleId, items]) => {
+            const role = roles.find((r) => r.id === roleId);
+            const clearing = roleClearingIds.includes(roleId);
+            return /* @__PURE__ */ jsxs("div", { className: "rounded border px-3 py-2 space-y-2 bg-muted/40", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", children: role?.name ?? t("ui.perspectives.role.fallback", "Role") }),
+                  role?.hasDefault ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: t("ui.perspectives.role.defaultConfigured", "Default perspective configured") }) : null
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: () => void onClearRole(roleId),
+                    disabled: clearing,
+                    children: clearing ? t("ui.perspectives.role.clearing", "Clearing\u2026") : t("ui.perspectives.role.clear", "Clear role")
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "space-y-2", children: items.map((item) => {
+                const isActive = activePerspectiveId === item.id;
+                return /* @__PURE__ */ jsxs("div", { className: `rounded border px-3 py-2 flex items-start justify-between gap-3 ${isActive ? "border-primary/80 bg-primary/5" : "border-border bg-background"}`, children: [
+                  /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                    /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: perspectiveLabel(item) }),
+                    /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground flex items-center gap-2", children: [
+                      item.isDefault ? /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-1 rounded bg-primary/10 px-2 py-0.5 text-primary text-[11px] uppercase tracking-wide", children: t("ui.perspectives.badge.roleDefault", "Role default") }) : null,
+                      /* @__PURE__ */ jsx("span", { children: t("ui.perspectives.updated", "Updated {date}", { date: new Date(item.updatedAt ?? item.createdAt).toLocaleString() }) })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      size: "sm",
+                      variant: isActive ? "secondary" : "outline",
+                      onClick: () => onActivatePerspective(item, "role"),
+                      disabled: isActive,
+                      children: isActive ? t("ui.perspectives.actions.active", "Active") : t("ui.perspectives.actions.use", "Use")
+                    }
+                  )
+                ] }, item.id);
+              }) })
+            ] }, roleId);
+          }) })
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: "p-4 space-y-3", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold uppercase text-muted-foreground", children: t("ui.perspectives.saveCurrentView.title", "Save current view") }),
+          apiWarning ? /* @__PURE__ */ jsx("div", { className: "rounded border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-700", children: apiWarning }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground uppercase", children: t("ui.perspectives.form.nameLabel", "Name") }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: name,
+                onChange: (e) => setName(e.target.value),
+                placeholder: t("ui.perspectives.form.namePlaceholder", "e.g. My condensed view"),
+                className: "w-full h-9 rounded border px-2 text-sm"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-sm", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: isDefault,
+                onChange: (e) => setIsDefault(e.target.checked)
+              }
+            ),
+            t("ui.perspectives.form.makeDefault", "Make this my default perspective")
+          ] }) }),
+          canApplyToRoles ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground uppercase", children: t("ui.perspectives.form.shareWithRoles", "Share with roles") }),
+            /* @__PURE__ */ jsx("div", { className: "max-h-32 overflow-auto border rounded p-2 space-y-1", children: roles.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: t("ui.perspectives.form.noRolesAvailable", "No roles available.") }) : roles.map((role) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: applyToRoles.includes(role.id),
+                  onChange: () => toggleRoleSelection(role.id)
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: role.name })
+            ] }, role.id)) }),
+            /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: setRoleDefault,
+                  onChange: (e) => setSetRoleDefault(e.target.checked),
+                  disabled: applyToRoles.length === 0
+                }
+              ),
+              t("ui.perspectives.form.setRoleDefault", "Set as default for selected roles")
+            ] })
+          ] }) : null,
+          error ? /* @__PURE__ */ jsx("div", { className: "text-sm text-red-600", children: error }) : null,
+          /* @__PURE__ */ jsx(Button, { size: "sm", onClick: () => void handleSave(), disabled: saving || !name.trim() || Boolean(apiWarning), children: saving ? t("ui.perspectives.form.saving", "Saving\u2026") : t("ui.perspectives.form.save", "Save perspective") })
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: "p-4 space-y-3", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold uppercase text-muted-foreground", children: t("ui.perspectives.form.columns", "Columns") }),
+          /* @__PURE__ */ jsx("div", { className: "space-y-2", children: columnOptions.map((col, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 rounded border px-3 py-2 bg-card", children: [
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: col.visible,
+                  onChange: (e) => onToggleColumn(col.id, e.target.checked),
+                  disabled: !col.canHide
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: col.label })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: () => onMoveColumn(col.id, "up"),
+                  disabled: index === 0,
+                  children: "\u2191"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: () => onMoveColumn(col.id, "down"),
+                  disabled: index === columnOptions.length - 1,
+                  children: "\u2193"
+                }
+              )
+            ] })
+          ] }, col.id)) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  PerspectiveSidebar
+};
+//# sourceMappingURL=PerspectiveSidebar.js.map

package/dist/backend/PerspectiveSidebar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/PerspectiveSidebar.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Button } from '../primitives/button'\nimport { Spinner } from '../primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type {\n  PerspectiveDto,\n  RolePerspectiveDto,\n} from '@open-mercato/shared/modules/perspectives/types'\n\ntype ColumnOption = {\n  id: string\n  label: string\n  visible: boolean\n  canHide: boolean\n}\n\nexport type PerspectiveSidebarProps = {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  loading: boolean\n  perspectives: PerspectiveDto[]\n  rolePerspectives: RolePerspectiveDto[]\n  roles: Array<{ id: string; name: string; hasPerspective: boolean; hasDefault: boolean }>\n  activePerspectiveId: string | null\n  onActivatePerspective: (perspective: PerspectiveDto | RolePerspectiveDto, source: 'personal' | 'role') => void\n  onDeletePerspective: (perspectiveId: string) => Promise<void>\n  onClearRole: (roleId: string) => Promise<void>\n  onSave: (input: { name: string; isDefault: boolean; applyToRoles: string[]; setRoleDefault: boolean }) => Promise<void>\n  canApplyToRoles: boolean\n  columnOptions: ColumnOption[]\n  onToggleColumn: (id: string, visible: boolean) => void\n  onMoveColumn: (id: string, direction: 'up' | 'down') => void\n  saving: boolean\n  deletingIds: string[]\n  roleClearingIds: string[]\n  apiWarning?: string | null\n}\n\nconst emptyArray: any[] = []\n\nexport function PerspectiveSidebar({\n  open,\n  onOpenChange,\n  loading,\n  perspectives,\n  rolePerspectives,\n  roles,\n  activePerspectiveId,\n  onActivatePerspective,\n  onDeletePerspective,\n  onClearRole,\n  onSave,\n  canApplyToRoles,\n  columnOptions,\n  onToggleColumn,\n  onMoveColumn,\n  saving,\n  deletingIds,\n  roleClearingIds,\n  apiWarning,\n}: PerspectiveSidebarProps) {\n  const t = useT()\n  \n  function perspectiveLabel(p: PerspectiveDto | RolePerspectiveDto) {\n    return p.name.trim().length ? p.name : t('ui.perspectives.untitled', 'Untitled perspective')\n  }\n  const [name, setName] = React.useState('')\n  const [isDefault, setIsDefault] = React.useState(false)\n  const [applyToRoles, setApplyToRoles] = React.useState<string[]>([])\n  const [setRoleDefault, setSetRoleDefault] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    if (!open) {\n      setError(null)\n    }\n  }, [open])\n\n  React.useEffect(() => {\n    if (!open) return\n    const active = perspectives.find((p) => p.id === activePerspectiveId)\n      ?? rolePerspectives.find((p) => p.id === activePerspectiveId)\n    if (active) {\n      setName(active.name)\n      setIsDefault(active.isDefault)\n    } else if (!name) {\n      setName('')\n      setIsDefault(false)\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, activePerspectiveId])\n\n  const groupedRolePerspectives = React.useMemo(() => {\n    const map = new Map<string, RolePerspectiveDto[]>()\n    for (const rp of rolePerspectives) {\n      if (!map.has(rp.roleId)) map.set(rp.roleId, [])\n      map.get(rp.roleId)!.push(rp)\n    }\n    return map\n  }, [rolePerspectives])\n\n  const toggleRoleSelection = (roleId: string) => {\n    setApplyToRoles((prev) => {\n      const next = new Set(prev)\n      if (next.has(roleId)) next.delete(roleId)\n      else next.add(roleId)\n      return Array.from(next)\n    })\n  }\n\n  const handleSave = async () => {\n    setError(null)\n    try {\n      await onSave({ name: name.trim(), isDefault, applyToRoles, setRoleDefault })\n      if (!isDefault) setIsDefault(false)\n      setApplyToRoles([])\n      setSetRoleDefault(false)\n    } catch (err: any) {\n      setError(err?.message ?? 'Failed to save perspective')\n    }\n  }\n\n  if (!open) return null\n\n  return (\n    <div className=\"fixed inset-0 z-50\">\n      <div className=\"absolute inset-0 bg-black/30\" onClick={() => onOpenChange(false)} />\n      <div className=\"absolute left-0 top-0 h-full w-full sm:w-[420px] bg-background shadow-xl border-r flex flex-col\">\n        <div className=\"flex items-center justify-between p-4 border-b\">\n          <h2 className=\"text-base font-semibold\">{t('ui.perspectives.title', 'Perspectives')}</h2>\n          <button className=\"text-sm text-muted-foreground\" onClick={() => onOpenChange(false)}>{t('ui.perspectives.close', 'Close')}</button>\n        </div>\n        <div className=\"flex-1 overflow-auto divide-y\">\n          <section className=\"p-4 space-y-3\">\n            <div className=\"flex items-center justify-between\">\n              <h3 className=\"text-sm font-semibold uppercase text-muted-foreground\">{t('ui.perspectives.myPerspectives.title', 'My perspectives')}</h3>\n              {loading ? <Spinner size=\"sm\" /> : null}\n            </div>\n            {(perspectives ?? emptyArray).length === 0 ? (\n              <p className=\"text-sm text-muted-foreground\">{t('ui.perspectives.myPerspectives.empty', 'No saved perspectives yet. Adjust columns or filters and save your first perspective.')}</p>\n            ) : (\n              <div className=\"space-y-2\">\n                {perspectives.map((p) => {\n                  const isActive = activePerspectiveId === p.id\n                  const deleting = deletingIds.includes(p.id)\n                  return (\n                    <div key={p.id} className={`rounded border px-3 py-2 flex items-start justify-between gap-3 ${isActive ? 'border-primary/80 bg-primary/5' : 'border-border bg-card'}`}>\n                      <div className=\"space-y-1\">\n                        <div className=\"text-sm font-medium\">{perspectiveLabel(p)}</div>\n                        <div className=\"text-xs text-muted-foreground flex items-center gap-2\">\n                          {p.isDefault ? <span className=\"inline-flex items-center gap-1 rounded bg-primary/10 px-2 py-0.5 text-primary text-[11px] uppercase tracking-wide\">{t('ui.perspectives.badge.default', 'Default')}</span> : null}\n                          <span>{t('ui.perspectives.updated', 'Updated {date}', { date: new Date(p.updatedAt ?? p.createdAt).toLocaleString() })}</span>\n                        </div>\n                      </div>\n                      <div className=\"flex flex-col gap-1\">\n                        <Button\n                          size=\"sm\"\n                          variant={isActive ? 'secondary' : 'outline'}\n                          onClick={() => onActivatePerspective(p, 'personal')}\n                          disabled={isActive || deleting}\n                        >\n                          {isActive ? t('ui.perspectives.actions.active', 'Active') : t('ui.perspectives.actions.use', 'Use')}\n                        </Button>\n                        <Button\n                          size=\"sm\"\n                          variant=\"ghost\"\n                          onClick={() => void onDeletePerspective(p.id)}\n                          disabled={deleting}\n                        >\n                          {deleting ? t('ui.perspectives.actions.removing', 'Removing\u2026') : t('common.delete', 'Delete')}\n                        </Button>\n                      </div>\n                    </div>\n                  )\n                })}\n              </div>\n            )}\n          </section>\n          <section className=\"p-4 space-y-3\">\n            <div className=\"flex items-center justify-between\">\n              <h3 className=\"text-sm font-semibold uppercase text-muted-foreground\">{t('ui.perspectives.rolePerspectives.title', 'Role perspectives')}</h3>\n              {rolePerspectives.length === 0 ? null : <span className=\"text-xs text-muted-foreground\">{rolePerspectives.length}</span>}\n            </div>\n            {rolePerspectives.length === 0 ? (\n              <p className=\"text-sm text-muted-foreground\">{t('ui.perspectives.rolePerspectives.empty', 'No shared role perspectives available.')}</p>\n            ) : (\n              <div className=\"space-y-3\">\n                {Array.from(groupedRolePerspectives.entries()).map(([roleId, items]) => {\n                  const role = roles.find((r) => r.id === roleId)\n                  const clearing = roleClearingIds.includes(roleId)\n                  return (\n                    <div key={roleId} className=\"rounded border px-3 py-2 space-y-2 bg-muted/40\">\n                      <div className=\"flex items-center justify-between gap-2\">\n                        <div>\n                          <div className=\"text-sm font-semibold\">{role?.name ?? t('ui.perspectives.role.fallback', 'Role')}</div>\n                          {role?.hasDefault ? <div className=\"text-xs text-muted-foreground\">{t('ui.perspectives.role.defaultConfigured', 'Default perspective configured')}</div> : null}\n                        </div>\n                        <Button\n                          size=\"sm\"\n                          variant=\"ghost\"\n                          onClick={() => void onClearRole(roleId)}\n                          disabled={clearing}\n                        >\n                          {clearing ? t('ui.perspectives.role.clearing', 'Clearing\u2026') : t('ui.perspectives.role.clear', 'Clear role')}\n                        </Button>\n                      </div>\n                      <div className=\"space-y-2\">\n                        {items.map((item) => {\n                          const isActive = activePerspectiveId === item.id\n                          return (\n                            <div key={item.id} className={`rounded border px-3 py-2 flex items-start justify-between gap-3 ${isActive ? 'border-primary/80 bg-primary/5' : 'border-border bg-background'}`}>\n                              <div className=\"space-y-1\">\n                                <div className=\"text-sm font-medium\">{perspectiveLabel(item)}</div>\n                                <div className=\"text-xs text-muted-foreground flex items-center gap-2\">\n                                  {item.isDefault ? <span className=\"inline-flex items-center gap-1 rounded bg-primary/10 px-2 py-0.5 text-primary text-[11px] uppercase tracking-wide\">{t('ui.perspectives.badge.roleDefault', 'Role default')}</span> : null}\n                                  <span>{t('ui.perspectives.updated', 'Updated {date}', { date: new Date(item.updatedAt ?? item.createdAt).toLocaleString() })}</span>\n                                </div>\n                              </div>\n                              <Button\n                                size=\"sm\"\n                                variant={isActive ? 'secondary' : 'outline'}\n                                onClick={() => onActivatePerspective(item, 'role')}\n                                disabled={isActive}\n                              >\n                                {isActive ? t('ui.perspectives.actions.active', 'Active') : t('ui.perspectives.actions.use', 'Use')}\n                              </Button>\n                            </div>\n                          )\n                        })}\n                      </div>\n                    </div>\n                  )\n                })}\n              </div>\n            )}\n          </section>\n          <section className=\"p-4 space-y-3\">\n            <h3 className=\"text-sm font-semibold uppercase text-muted-foreground\">{t('ui.perspectives.saveCurrentView.title', 'Save current view')}</h3>\n            {apiWarning ? (\n              <div className=\"rounded border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-700\">\n                {apiWarning}\n              </div>\n            ) : null}\n            <div className=\"space-y-2\">\n              <label className=\"text-xs font-medium text-muted-foreground uppercase\">{t('ui.perspectives.form.nameLabel', 'Name')}</label>\n              <input\n                value={name}\n                onChange={(e) => setName(e.target.value)}\n                placeholder={t('ui.perspectives.form.namePlaceholder', 'e.g. My condensed view')}\n                className=\"w-full h-9 rounded border px-2 text-sm\"\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"inline-flex items-center gap-2 text-sm\">\n                <input\n                  type=\"checkbox\"\n                  checked={isDefault}\n                  onChange={(e) => setIsDefault(e.target.checked)}\n                />\n                {t('ui.perspectives.form.makeDefault', 'Make this my default perspective')}\n              </label>\n            </div>\n            {canApplyToRoles ? (\n              <div className=\"space-y-2\">\n                <div className=\"text-xs font-medium text-muted-foreground uppercase\">{t('ui.perspectives.form.shareWithRoles', 'Share with roles')}</div>\n                <div className=\"max-h-32 overflow-auto border rounded p-2 space-y-1\">\n                  {roles.length === 0 ? (\n                    <div className=\"text-xs text-muted-foreground\">{t('ui.perspectives.form.noRolesAvailable', 'No roles available.')}</div>\n                  ) : roles.map((role) => (\n                    <label key={role.id} className=\"flex items-center gap-2 text-sm\">\n                      <input\n                        type=\"checkbox\"\n                        checked={applyToRoles.includes(role.id)}\n                        onChange={() => toggleRoleSelection(role.id)}\n                      />\n                      <span>{role.name}</span>\n                    </label>\n                  ))}\n                </div>\n                <label className=\"inline-flex items-center gap-2 text-sm\">\n                  <input\n                    type=\"checkbox\"\n                    checked={setRoleDefault}\n                    onChange={(e) => setSetRoleDefault(e.target.checked)}\n                    disabled={applyToRoles.length === 0}\n                  />\n                  {t('ui.perspectives.form.setRoleDefault', 'Set as default for selected roles')}\n                </label>\n              </div>\n            ) : null}\n            {error ? <div className=\"text-sm text-red-600\">{error}</div> : null}\n            <Button size=\"sm\" onClick={() => void handleSave()} disabled={saving || !name.trim() || Boolean(apiWarning)}>\n              {saving ? t('ui.perspectives.form.saving', 'Saving\u2026') : t('ui.perspectives.form.save', 'Save perspective')}\n            </Button>\n          </section>\n          <section className=\"p-4 space-y-3\">\n            <h3 className=\"text-sm font-semibold uppercase text-muted-foreground\">{t('ui.perspectives.form.columns', 'Columns')}</h3>\n            <div className=\"space-y-2\">\n              {columnOptions.map((col, index) => (\n                <div key={col.id} className=\"flex items-center justify-between gap-2 rounded border px-3 py-2 bg-card\">\n                  <label className=\"flex items-center gap-2 text-sm\">\n                    <input\n                      type=\"checkbox\"\n                      checked={col.visible}\n                      onChange={(e) => onToggleColumn(col.id, e.target.checked)}\n                      disabled={!col.canHide}\n                    />\n                    <span>{col.label}</span>\n                  </label>\n                  <div className=\"flex items-center gap-1\">\n                    <Button\n                      size=\"sm\"\n                      variant=\"ghost\"\n                      onClick={() => onMoveColumn(col.id, 'up')}\n                      disabled={index === 0}\n                    >\n                      \u2191\n                    </Button>\n                    <Button\n                      size=\"sm\"\n                      variant=\"ghost\"\n                      onClick={() => onMoveColumn(col.id, 'down')}\n                      disabled={index === columnOptions.length - 1}\n                    >\n                      \u2193\n                    </Button>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </section>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/RowActions.js

@@ -0,0 +1,148 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { createPortal } from "react-dom";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function RowActions({ items = [] }) {
+  if (items.length === 0) return null;
+  const t = useT();
+  const [open, setOpen] = React.useState(false);
+  const btnRef = React.useRef(null);
+  const menuRef = React.useRef(null);
+  const hoverTimeoutRef = React.useRef(null);
+  const [anchorRect, setAnchorRect] = React.useState(null);
+  const [direction, setDirection] = React.useState("down");
+  const updatePosition = React.useCallback(() => {
+    if (!btnRef.current) return;
+    const rect = btnRef.current.getBoundingClientRect();
+    setAnchorRect(rect);
+    const spaceBelow = window.innerHeight - rect.bottom;
+    const spaceAbove = rect.top;
+    setDirection(spaceBelow < 180 && spaceAbove > spaceBelow ? "up" : "down");
+  }, []);
+  React.useEffect(() => {
+    if (!open) return;
+    updatePosition();
+    function onDocClick(e) {
+      const t2 = e.target;
+      if (menuRef.current && !menuRef.current.contains(t2) && btnRef.current && !btnRef.current.contains(t2)) {
+        setOpen(false);
+      }
+    }
+    function onKey(e) {
+      if (e.key === "Escape") {
+        setOpen(false);
+        btnRef.current?.focus();
+      }
+    }
+    function onScrollOrResize() {
+      updatePosition();
+    }
+    document.addEventListener("mousedown", onDocClick);
+    document.addEventListener("keydown", onKey);
+    window.addEventListener("scroll", onScrollOrResize, true);
+    window.addEventListener("resize", onScrollOrResize);
+    return () => {
+      document.removeEventListener("mousedown", onDocClick);
+      document.removeEventListener("keydown", onKey);
+      window.removeEventListener("scroll", onScrollOrResize, true);
+      window.removeEventListener("resize", onScrollOrResize);
+    };
+  }, [open, updatePosition]);
+  React.useEffect(() => {
+    return () => {
+      if (hoverTimeoutRef.current) {
+        clearTimeout(hoverTimeoutRef.current);
+      }
+    };
+  }, []);
+  const handleMouseEnter = () => {
+    if (hoverTimeoutRef.current) {
+      clearTimeout(hoverTimeoutRef.current);
+    }
+    setOpen(true);
+  };
+  const handleMouseLeave = () => {
+    hoverTimeoutRef.current = setTimeout(() => {
+      setOpen(false);
+    }, 150);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "relative inline-block text-left",
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            ref: btnRef,
+            type: "button",
+            className: "h-8 w-8 inline-flex items-center justify-center rounded hover:bg-accent",
+            "aria-haspopup": "menu",
+            "aria-expanded": open,
+            onClick: () => {
+              setOpen((v) => !v);
+              requestAnimationFrame(updatePosition);
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u22EF" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("ui.rowActions.openActions", "Open actions") })
+            ]
+          }
+        ),
+        open && anchorRect && createPortal(
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: menuRef,
+              role: "menu",
+              className: "fixed w-44 rounded-md border bg-background p-1 shadow focus:outline-none z-[1000]",
+              style: {
+                top: direction === "down" ? anchorRect.bottom + 8 : anchorRect.top - 8,
+                left: anchorRect.right,
+                transform: `translate(-100%, ${direction === "down" ? "0" : "-100%"})`
+              },
+              onMouseEnter: handleMouseEnter,
+              onMouseLeave: handleMouseLeave,
+              children: items.map((it, idx) => it.href ? /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: it.href,
+                  className: `block w-full text-left px-2 py-1 text-sm rounded hover:bg-accent ${it.destructive ? "text-red-600" : ""}`,
+                  role: "menuitem",
+                  onClick: (event) => {
+                    event.stopPropagation();
+                    setOpen(false);
+                  },
+                  children: it.label
+                },
+                idx
+              ) : /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: `block w-full text-left px-2 py-1 text-sm rounded hover:bg-accent ${it.destructive ? "text-red-600" : ""}`,
+                  role: "menuitem",
+                  onClick: (event) => {
+                    event.stopPropagation();
+                    setOpen(false);
+                    it.onSelect?.();
+                  },
+                  children: it.label
+                },
+                idx
+              ))
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
+export {
+  RowActions
+};
+//# sourceMappingURL=RowActions.js.map

package/dist/backend/RowActions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/RowActions.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type RowActionItem = {\n  id?: string\n  label: string\n  onSelect?: () => void\n  href?: string\n  destructive?: boolean\n}\n\nexport function RowActions({ items = [] }: { items?: RowActionItem[] }) {\n  if (items.length === 0) return null\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const btnRef = React.useRef<HTMLButtonElement>(null)\n  const menuRef = React.useRef<HTMLDivElement>(null)\n  const hoverTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n  const [anchorRect, setAnchorRect] = React.useState<DOMRect | null>(null)\n  const [direction, setDirection] = React.useState<'down' | 'up'>('down')\n\n  const updatePosition = React.useCallback(() => {\n    if (!btnRef.current) return\n    const rect = btnRef.current.getBoundingClientRect()\n    setAnchorRect(rect)\n    // Decide whether to open up or down based on available viewport space\n    const spaceBelow = window.innerHeight - rect.bottom\n    const spaceAbove = rect.top\n    setDirection(spaceBelow < 180 && spaceAbove > spaceBelow ? 'up' : 'down')\n  }, [])\n\n  React.useEffect(() => {\n    if (!open) return\n    updatePosition()\n    function onDocClick(e: MouseEvent) {\n      const t = e.target as Node\n      if (menuRef.current && !menuRef.current.contains(t) && btnRef.current && !btnRef.current.contains(t)) {\n        setOpen(false)\n      }\n    }\n    function onKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') {\n        setOpen(false)\n        btnRef.current?.focus()\n      }\n    }\n    function onScrollOrResize() {\n      updatePosition()\n    }\n    document.addEventListener('mousedown', onDocClick)\n    document.addEventListener('keydown', onKey)\n    window.addEventListener('scroll', onScrollOrResize, true)\n    window.addEventListener('resize', onScrollOrResize)\n    return () => {\n      document.removeEventListener('mousedown', onDocClick)\n      document.removeEventListener('keydown', onKey)\n      window.removeEventListener('scroll', onScrollOrResize, true)\n      window.removeEventListener('resize', onScrollOrResize)\n    }\n  }, [open, updatePosition])\n\n  // Cleanup timeout on unmount\n  React.useEffect(() => {\n    return () => {\n      if (hoverTimeoutRef.current) {\n        clearTimeout(hoverTimeoutRef.current)\n      }\n    }\n  }, [])\n\n  const handleMouseEnter = () => {\n    if (hoverTimeoutRef.current) {\n      clearTimeout(hoverTimeoutRef.current)\n    }\n    setOpen(true)\n  }\n\n  const handleMouseLeave = () => {\n    hoverTimeoutRef.current = setTimeout(() => {\n      setOpen(false)\n    }, 150) // Small delay to prevent flickering when moving to menu\n  }\n\n  return (\n    <div\n      className=\"relative inline-block text-left\"\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <button\n        ref={btnRef}\n        type=\"button\"\n        className=\"h-8 w-8 inline-flex items-center justify-center rounded hover:bg-accent\"\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        onClick={() => { setOpen((v) => !v); requestAnimationFrame(updatePosition) }}\n      >\n        <span aria-hidden=\"true\">\u22EF</span>\n        <span className=\"sr-only\">{t('ui.rowActions.openActions', 'Open actions')}</span>\n      </button>\n      {open && anchorRect && createPortal(\n        <div\n          ref={menuRef}\n          role=\"menu\"\n          className=\"fixed w-44 rounded-md border bg-background p-1 shadow focus:outline-none z-[1000]\"\n          style={{\n            top: direction === 'down' ? anchorRect.bottom + 8 : anchorRect.top - 8,\n            left: anchorRect.right,\n            transform: `translate(-100%, ${direction === 'down' ? '0' : '-100%'})`,\n          }}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          {items.map((it, idx) => (\n            it.href ? (\n              <a\n                key={idx}\n                href={it.href}\n                className={`block w-full text-left px-2 py-1 text-sm rounded hover:bg-accent ${it.destructive ? 'text-red-600' : ''}`}\n                role=\"menuitem\"\n                onClick={(event) => {\n                  event.stopPropagation()\n                  setOpen(false)\n                }}\n              >\n                {it.label}\n              </a>\n            ) : (\n              <button\n                key={idx}\n                type=\"button\"\n                className={`block w-full text-left px-2 py-1 text-sm rounded hover:bg-accent ${it.destructive ? 'text-red-600' : ''}`}\n                role=\"menuitem\"\n                onClick={(event) => {\n                  event.stopPropagation()\n                  setOpen(false)\n                  it.onSelect?.()\n                }}\n              >\n                {it.label}\n              </button>\n            )\n          ))}\n        </div>,\n        document.body\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["t"]
+}

package/dist/backend/TruncatedCell.js

@@ -0,0 +1,92 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { SimpleTooltip } from "../primitives/tooltip.js";
+import { cn } from "@open-mercato/shared/lib/utils";
+function extractTextContent(node) {
+  if (node == null) return "";
+  if (typeof node === "string") return node;
+  if (typeof node === "number") return String(node);
+  if (typeof node === "boolean") return "";
+  if (Array.isArray(node)) {
+    return node.map(extractTextContent).join("");
+  }
+  if (React.isValidElement(node)) {
+    const props = node.props;
+    if (props) {
+      if (props.children != null) {
+        const childText = extractTextContent(props.children);
+        if (childText) return childText;
+      }
+      if (typeof props.value === "string") return props.value;
+      if (typeof props.label === "string") return props.label;
+      if (typeof props.title === "string") return props.title;
+    }
+  }
+  if (node && typeof node === "object" && "toString" in node) {
+    const str = String(node);
+    if (str !== "[object Object]") return str;
+  }
+  return "";
+}
+function TruncatedCell({
+  children,
+  maxWidth = "max-w-[150px]",
+  className,
+  tooltipContent,
+  disabled = false
+}) {
+  const contentRef = React.useRef(null);
+  const [isTruncated, setIsTruncated] = React.useState(false);
+  const resolvedTooltipContent = tooltipContent ?? extractTextContent(children);
+  React.useEffect(() => {
+    const checkTruncation = () => {
+      const el2 = contentRef.current;
+      if (el2) {
+        setIsTruncated(el2.scrollWidth > el2.clientWidth);
+      }
+    };
+    checkTruncation();
+    const el = contentRef.current;
+    if (el) {
+      const observer = new ResizeObserver(checkTruncation);
+      observer.observe(el);
+      return () => observer.disconnect();
+    }
+  }, [children, maxWidth]);
+  if (disabled) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  const isTailwindClass = maxWidth.startsWith("max-w-");
+  const styleMaxWidth = isTailwindClass ? void 0 : maxWidth;
+  const classMaxWidth = isTailwindClass ? maxWidth : "";
+  const content = /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: contentRef,
+      className: cn(
+        "overflow-hidden text-ellipsis whitespace-nowrap",
+        classMaxWidth,
+        className
+      ),
+      style: styleMaxWidth ? { maxWidth: styleMaxWidth } : void 0,
+      children
+    }
+  );
+  if (!resolvedTooltipContent || !isTruncated) {
+    return content;
+  }
+  return /* @__PURE__ */ jsx(
+    SimpleTooltip,
+    {
+      content: resolvedTooltipContent,
+      side: "top",
+      delayDuration: 300,
+      children: content
+    }
+  );
+}
+export {
+  TruncatedCell
+};
+//# sourceMappingURL=TruncatedCell.js.map

package/dist/backend/TruncatedCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/TruncatedCell.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { SimpleTooltip } from '../primitives/tooltip'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport type TruncatedCellProps = {\n  children: React.ReactNode\n  /** Maximum width for the cell content. Can be a Tailwind class (e.g., 'max-w-[200px]') or CSS value */\n  maxWidth?: string\n  /** Custom class name for the wrapper */\n  className?: string\n  /** Tooltip content - if not provided, will try to extract text from children */\n  tooltipContent?: React.ReactNode\n  /** Disable truncation and tooltip */\n  disabled?: boolean\n}\n\n/**\n * Extracts text content from React nodes for tooltip display\n */\nfunction extractTextContent(node: React.ReactNode): string {\n  if (node == null) return ''\n  if (typeof node === 'string') return node\n  if (typeof node === 'number') return String(node)\n  if (typeof node === 'boolean') return ''\n  if (Array.isArray(node)) {\n    return node.map(extractTextContent).join('')\n  }\n  if (React.isValidElement(node)) {\n    // Handle React elements - extract text from props.children\n    const props = node.props as Record<string, unknown>\n    if (props) {\n      // First try children\n      if (props.children != null) {\n        const childText = extractTextContent(props.children as React.ReactNode)\n        if (childText) return childText\n      }\n      // Try common text props\n      if (typeof props.value === 'string') return props.value\n      if (typeof props.label === 'string') return props.label\n      if (typeof props.title === 'string') return props.title\n    }\n  }\n  // Try to convert to string as last resort\n  if (node && typeof node === 'object' && 'toString' in node) {\n    const str = String(node)\n    if (str !== '[object Object]') return str\n  }\n  return ''\n}\n\n/**\n * A cell wrapper that truncates content and shows a tooltip on hover\n * only when the content is wider than the available space.\n *\n * @example\n * <TruncatedCell maxWidth=\"max-w-[200px]\">\n *   <span>This is a very long text that will be truncated</span>\n * </TruncatedCell>\n */\nexport function TruncatedCell({\n  children,\n  maxWidth = 'max-w-[150px]',\n  className,\n  tooltipContent,\n  disabled = false,\n}: TruncatedCellProps) {\n  const contentRef = React.useRef<HTMLDivElement>(null)\n  const [isTruncated, setIsTruncated] = React.useState(false)\n\n  // Get tooltip content - prefer explicit tooltipContent, fall back to extracting from children\n  const resolvedTooltipContent = tooltipContent ?? extractTextContent(children)\n\n  // Check if content is truncated after render and on resize\n  React.useEffect(() => {\n    const checkTruncation = () => {\n      const el = contentRef.current\n      if (el) {\n        setIsTruncated(el.scrollWidth > el.clientWidth)\n      }\n    }\n\n    // Check on mount\n    checkTruncation()\n\n    // Use ResizeObserver to detect size changes\n    const el = contentRef.current\n    if (el) {\n      const observer = new ResizeObserver(checkTruncation)\n      observer.observe(el)\n      return () => observer.disconnect()\n    }\n  }, [children, maxWidth])\n\n  if (disabled) {\n    return <>{children}</>\n  }\n\n  // Determine if maxWidth is a Tailwind class or a CSS value\n  const isTailwindClass = maxWidth.startsWith('max-w-')\n  const styleMaxWidth = isTailwindClass ? undefined : maxWidth\n  const classMaxWidth = isTailwindClass ? maxWidth : ''\n\n  const content = (\n    <div\n      ref={contentRef}\n      className={cn(\n        'overflow-hidden text-ellipsis whitespace-nowrap',\n        classMaxWidth,\n        className\n      )}\n      style={styleMaxWidth ? { maxWidth: styleMaxWidth } : undefined}\n    >\n      {children}\n    </div>\n  )\n\n  // Only show tooltip when content is actually truncated\n  if (!resolvedTooltipContent || !isTruncated) {\n    return content\n  }\n\n  return (\n    <SimpleTooltip\n      content={resolvedTooltipContent}\n      side=\"top\"\n      delayDuration={300}\n    >\n      {content}\n    </SimpleTooltip>\n  )\n}\n"],
+  "mappings": ";AAgGW;AA9FX,YAAY,WAAW;AACvB,SAAS,qBAAqB;AAC9B,SAAS,UAAU;AAiBnB,SAAS,mBAAmB,MAA+B;AACzD,MAAI,QAAQ,KAAM,QAAO;AACzB,MAAI,OAAO,SAAS,SAAU,QAAO;AACrC,MAAI,OAAO,SAAS,SAAU,QAAO,OAAO,IAAI;AAChD,MAAI,OAAO,SAAS,UAAW,QAAO;AACtC,MAAI,MAAM,QAAQ,IAAI,GAAG;AACvB,WAAO,KAAK,IAAI,kBAAkB,EAAE,KAAK,EAAE;AAAA,EAC7C;AACA,MAAI,MAAM,eAAe,IAAI,GAAG;AAE9B,UAAM,QAAQ,KAAK;AACnB,QAAI,OAAO;AAET,UAAI,MAAM,YAAY,MAAM;AAC1B,cAAM,YAAY,mBAAmB,MAAM,QAA2B;AACtE,YAAI,UAAW,QAAO;AAAA,MACxB;AAEA,UAAI,OAAO,MAAM,UAAU,SAAU,QAAO,MAAM;AAClD,UAAI,OAAO,MAAM,UAAU,SAAU,QAAO,MAAM;AAClD,UAAI,OAAO,MAAM,UAAU,SAAU,QAAO,MAAM;AAAA,IACpD;AAAA,EACF;AAEA,MAAI,QAAQ,OAAO,SAAS,YAAY,cAAc,MAAM;AAC1D,UAAM,MAAM,OAAO,IAAI;AACvB,QAAI,QAAQ,kBAAmB,QAAO;AAAA,EACxC;AACA,SAAO;AACT;AAWO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAuB;AACrB,QAAM,aAAa,MAAM,OAAuB,IAAI;AACpD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,KAAK;AAG1D,QAAM,yBAAyB,kBAAkB,mBAAmB,QAAQ;AAG5E,QAAM,UAAU,MAAM;AACpB,UAAM,kBAAkB,MAAM;AAC5B,YAAMA,MAAK,WAAW;AACtB,UAAIA,KAAI;AACN,uBAAeA,IAAG,cAAcA,IAAG,WAAW;AAAA,MAChD;AAAA,IACF;AAGA,oBAAgB;AAGhB,UAAM,KAAK,WAAW;AACtB,QAAI,IAAI;AACN,YAAM,WAAW,IAAI,eAAe,eAAe;AACnD,eAAS,QAAQ,EAAE;AACnB,aAAO,MAAM,SAAS,WAAW;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,MAAI,UAAU;AACZ,WAAO,gCAAG,UAAS;AAAA,EACrB;AAGA,QAAM,kBAAkB,SAAS,WAAW,QAAQ;AACpD,QAAM,gBAAgB,kBAAkB,SAAY;AACpD,QAAM,gBAAgB,kBAAkB,WAAW;AAEnD,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO,gBAAgB,EAAE,UAAU,cAAc,IAAI;AAAA,MAEpD;AAAA;AAAA,EACH;AAIF,MAAI,CAAC,0BAA0B,CAAC,aAAa;AAC3C,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,MAAK;AAAA,MACL,eAAe;AAAA,MAEd;AAAA;AAAA,EACH;AAEJ;",
+  "names": ["el"]
+}