@freighttech/ui 0.13.18

package/dist/backend/Sidebar.stories.js

@@ -0,0 +1,166 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Boxes,
+  ClipboardList,
+  FileText,
+  Folder,
+  LayoutGrid,
+  MapPin,
+  PackageOpen,
+  Truck,
+  Users
+} from "lucide-react";
+import { Sidebar } from "./Sidebar.js";
+const meta = {
+  title: "Backend/Sidebar",
+  component: Sidebar,
+  parameters: {
+    layout: "fullscreen",
+    backgrounds: {
+      default: "figma-surface",
+      values: [{ name: "figma-surface", value: "#F8F8FA" }]
+    },
+    docs: {
+      description: {
+        component: "Pure-presentational sidebar composed from `primitives-v2`. Owned state (collapse, openGroups, customizing, customizationEditor JSX) is passed in by `AppShell` (or any Tier-3 consumer). Three layouts: full 240px (default), compact 72px icon rail, or 320px while customizing. Three modes: `main`, `settings`, `profile`."
+      }
+    }
+  }
+};
+var Sidebar_stories_default = meta;
+const BrandMark = /* @__PURE__ */ jsx(
+  "span",
+  {
+    "aria-hidden": "true",
+    className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-sidebar-v2-accent text-xs text-sidebar-v2-muted",
+    children: "FT"
+  }
+);
+const items = [
+  { id: "back-office", href: "/backend/back-office", title: "Back Office", icon: /* @__PURE__ */ jsx(LayoutGrid, {}) },
+  { id: "tasks", href: "/backend/tasks", title: "Tablica zada\u0144", icon: /* @__PURE__ */ jsx(ClipboardList, {}) },
+  { id: "products", href: "/backend/products", title: "Produkty", icon: /* @__PURE__ */ jsx(Boxes, {}) },
+  { id: "offers", href: "/backend/offers", title: "Oferty", icon: /* @__PURE__ */ jsx(FileText, {}) },
+  { id: "files", href: "/backend/files", title: "Pliki", icon: /* @__PURE__ */ jsx(Folder, {}) },
+  { id: "transports", href: "/backend/transports", title: "Transporty", icon: /* @__PURE__ */ jsx(Truck, {}) },
+  { id: "contractors", href: "/backend/contractors", title: "Kontrahenci", icon: /* @__PURE__ */ jsx(Users, {}) },
+  { id: "locations", href: "/backend/locations", title: "Lokalizacje", icon: /* @__PURE__ */ jsx(MapPin, {}) },
+  { id: "loading", href: "/backend/loading", title: "Planowanie za\u0142adunku", icon: /* @__PURE__ */ jsx(PackageOpen, {}) },
+  { id: "carriers", href: "/backend/carriers", title: "Przewo\u017Anicy", icon: /* @__PURE__ */ jsx(Truck, {}) }
+];
+const groups = [
+  { id: "workspace", name: "LABEL", items },
+  { id: "operations", name: "LABEL", items: items.map((i) => ({ ...i, id: `${i.id}-2` })) }
+];
+function Frame({ children, height = 900 }) {
+  return /* @__PURE__ */ jsx("div", { className: "bg-[#F8F8FA] p-4", style: { height }, children: /* @__PURE__ */ jsx("div", { className: "flex h-full", children }) });
+}
+const Showcase = {
+  name: "Sidebar \u2014 Figma parity",
+  render: () => /* @__PURE__ */ jsx(Frame, { children: /* @__PURE__ */ jsx(
+    Sidebar,
+    {
+      mode: "main",
+      compact: false,
+      pathname: "/backend/files",
+      brand: { logo: BrandMark, title: "FreightTech", href: "/backend", ariaLabel: "Dashboard" },
+      groups,
+      openGroups: { workspace: true, operations: true },
+      onToggleGroup: () => {
+      },
+      settingsLabel: "Ustawienia",
+      customizeLabel: "Dostosuj pasek boczny",
+      onCustomize: () => {
+      },
+      collapseLabel: "Zwi\u0144 pasek boczny",
+      onCollapseToggle: () => {
+      }
+    }
+  ) })
+};
+const Compact = {
+  name: "Sidebar \u2014 compact rail (72px)",
+  render: () => /* @__PURE__ */ jsx(Frame, { children: /* @__PURE__ */ jsx(
+    Sidebar,
+    {
+      mode: "main",
+      compact: true,
+      pathname: "/backend/files",
+      brand: { logo: BrandMark, ariaLabel: "Dashboard", href: "/backend" },
+      groups,
+      openGroups: { workspace: true, operations: true },
+      settingsLabel: "Ustawienia",
+      customizeLabel: "Dostosuj pasek boczny",
+      onCustomize: () => {
+      },
+      collapseLabel: "Rozwi\u0144 pasek boczny",
+      onCollapseToggle: () => {
+      }
+    }
+  ) })
+};
+const SettingsMode = {
+  name: "Sidebar \u2014 settings mode",
+  render: () => /* @__PURE__ */ jsx(Frame, { children: /* @__PURE__ */ jsx(
+    Sidebar,
+    {
+      mode: "settings",
+      compact: false,
+      pathname: "/backend/settings/users",
+      brand: { logo: BrandMark, title: "FreightTech", href: "/backend", ariaLabel: "Dashboard" },
+      sectionTitle: "Ustawienia",
+      backHref: "/backend",
+      backLabel: "Ustawienia",
+      sections: [
+        {
+          id: "system",
+          label: "System",
+          order: 1,
+          items: [
+            { id: "users", label: "U\u017Cytkownicy", href: "/backend/settings/users", icon: /* @__PURE__ */ jsx(Users, {}) },
+            { id: "roles", label: "Role", href: "/backend/settings/roles", icon: /* @__PURE__ */ jsx(Users, {}) }
+          ]
+        },
+        {
+          id: "data",
+          label: "Dane",
+          order: 2,
+          items: [
+            { id: "entities", label: "Encje", href: "/backend/settings/entities", icon: /* @__PURE__ */ jsx(Boxes, {}) }
+          ]
+        }
+      ]
+    }
+  ) })
+};
+const Customizing = {
+  name: "Sidebar \u2014 customizing (320px)",
+  render: () => /* @__PURE__ */ jsx(Frame, { children: /* @__PURE__ */ jsx(
+    Sidebar,
+    {
+      mode: "main",
+      compact: false,
+      pathname: "/backend/files",
+      brand: { logo: BrandMark, title: "FreightTech", href: "/backend", ariaLabel: "Dashboard" },
+      groups,
+      openGroups: { workspace: true, operations: true },
+      customizing: true,
+      customizationEditor: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 rounded-lg border border-dashed border-sidebar-v2-border bg-sidebar-v2-accent/40 p-4 text-body-medium-sm text-sidebar-v2-item-foreground", children: [
+        /* @__PURE__ */ jsx("div", { className: "font-semibold", children: "Personalizuj sidebar" }),
+        /* @__PURE__ */ jsxs("p", { children: [
+          "The customization editor JSX is owned by ",
+          /* @__PURE__ */ jsx("code", { children: "AppShell" }),
+          " \u2014 this story renders a placeholder. The shell switches to 320 px and replaces the nav with this slot."
+        ] })
+      ] })
+    }
+  ) })
+};
+export {
+  Compact,
+  Customizing,
+  SettingsMode,
+  Showcase,
+  Sidebar_stories_default as default
+};
+//# sourceMappingURL=Sidebar.stories.js.map

package/dist/backend/Sidebar.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/Sidebar.stories.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react-vite'\nimport {\n  Boxes,\n  ClipboardList,\n  FileText,\n  Folder,\n  LayoutGrid,\n  MapPin,\n  PackageOpen,\n  Truck,\n  Users,\n} from 'lucide-react'\nimport { Sidebar, type SidebarGroup } from './Sidebar'\n\n/*\n  Figma parity story for the backend admin sidebar \u2014 mirrors the\n  Sidebar frame (137:354). Two LABEL groups with a dotted divider,\n  active \"Pliki\" row, footer holding Settings + \"Dostosuj pasek boczny\".\n  See spec `.ai/specs/2026-05-25-sidebar-redesign.md`.\n*/\n\nconst meta: Meta<typeof Sidebar> = {\n  title: 'Backend/Sidebar',\n  component: Sidebar,\n  parameters: {\n    layout: 'fullscreen',\n    backgrounds: {\n      default: 'figma-surface',\n      values: [{ name: 'figma-surface', value: '#F8F8FA' }],\n    },\n    docs: {\n      description: {\n        component:\n          'Pure-presentational sidebar composed from `primitives-v2`. Owned state (collapse, openGroups, customizing, customizationEditor JSX) is passed in by `AppShell` (or any Tier-3 consumer). Three layouts: full 240px (default), compact 72px icon rail, or 320px while customizing. Three modes: `main`, `settings`, `profile`.',\n      },\n    },\n  },\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof Sidebar>\n\nconst BrandMark = (\n  <span\n    aria-hidden=\"true\"\n    className=\"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-sidebar-v2-accent text-xs text-sidebar-v2-muted\"\n  >\n    FT\n  </span>\n)\n\nconst items = [\n  { id: 'back-office', href: '/backend/back-office', title: 'Back Office', icon: <LayoutGrid /> },\n  { id: 'tasks', href: '/backend/tasks', title: 'Tablica zada\u0144', icon: <ClipboardList /> },\n  { id: 'products', href: '/backend/products', title: 'Produkty', icon: <Boxes /> },\n  { id: 'offers', href: '/backend/offers', title: 'Oferty', icon: <FileText /> },\n  { id: 'files', href: '/backend/files', title: 'Pliki', icon: <Folder /> },\n  { id: 'transports', href: '/backend/transports', title: 'Transporty', icon: <Truck /> },\n  { id: 'contractors', href: '/backend/contractors', title: 'Kontrahenci', icon: <Users /> },\n  { id: 'locations', href: '/backend/locations', title: 'Lokalizacje', icon: <MapPin /> },\n  { id: 'loading', href: '/backend/loading', title: 'Planowanie za\u0142adunku', icon: <PackageOpen /> },\n  { id: 'carriers', href: '/backend/carriers', title: 'Przewo\u017Anicy', icon: <Truck /> },\n]\n\nconst groups: SidebarGroup[] = [\n  { id: 'workspace', name: 'LABEL', items },\n  { id: 'operations', name: 'LABEL', items: items.map((i) => ({ ...i, id: `${i.id}-2` })) },\n]\n\nfunction Frame({ children, height = 900 }: { children: React.ReactNode; height?: number }) {\n  return (\n    <div className=\"bg-[#F8F8FA] p-4\" style={{ height }}>\n      <div className=\"flex h-full\">{children}</div>\n    </div>\n  )\n}\n\nexport const Showcase: Story = {\n  name: 'Sidebar \u2014 Figma parity',\n  render: () => (\n    <Frame>\n      <Sidebar\n        mode=\"main\"\n        compact={false}\n        pathname=\"/backend/files\"\n        brand={{ logo: BrandMark, title: 'FreightTech', href: '/backend', ariaLabel: 'Dashboard' }}\n        groups={groups}\n        openGroups={{ workspace: true, operations: true }}\n        onToggleGroup={() => {}}\n        settingsLabel=\"Ustawienia\"\n        customizeLabel=\"Dostosuj pasek boczny\"\n        onCustomize={() => {}}\n        collapseLabel=\"Zwi\u0144 pasek boczny\"\n        onCollapseToggle={() => {}}\n      />\n    </Frame>\n  ),\n}\n\nexport const Compact: Story = {\n  name: 'Sidebar \u2014 compact rail (72px)',\n  render: () => (\n    <Frame>\n      <Sidebar\n        mode=\"main\"\n        compact={true}\n        pathname=\"/backend/files\"\n        brand={{ logo: BrandMark, ariaLabel: 'Dashboard', href: '/backend' }}\n        groups={groups}\n        openGroups={{ workspace: true, operations: true }}\n        settingsLabel=\"Ustawienia\"\n        customizeLabel=\"Dostosuj pasek boczny\"\n        onCustomize={() => {}}\n        collapseLabel=\"Rozwi\u0144 pasek boczny\"\n        onCollapseToggle={() => {}}\n      />\n    </Frame>\n  ),\n}\n\nexport const SettingsMode: Story = {\n  name: 'Sidebar \u2014 settings mode',\n  render: () => (\n    <Frame>\n      <Sidebar\n        mode=\"settings\"\n        compact={false}\n        pathname=\"/backend/settings/users\"\n        brand={{ logo: BrandMark, title: 'FreightTech', href: '/backend', ariaLabel: 'Dashboard' }}\n        sectionTitle=\"Ustawienia\"\n        backHref=\"/backend\"\n        backLabel=\"Ustawienia\"\n        sections={[\n          {\n            id: 'system',\n            label: 'System',\n            order: 1,\n            items: [\n              { id: 'users', label: 'U\u017Cytkownicy', href: '/backend/settings/users', icon: <Users /> },\n              { id: 'roles', label: 'Role', href: '/backend/settings/roles', icon: <Users /> },\n            ],\n          },\n          {\n            id: 'data',\n            label: 'Dane',\n            order: 2,\n            items: [\n              { id: 'entities', label: 'Encje', href: '/backend/settings/entities', icon: <Boxes /> },\n            ],\n          },\n        ]}\n      />\n    </Frame>\n  ),\n}\n\nexport const Customizing: Story = {\n  name: 'Sidebar \u2014 customizing (320px)',\n  render: () => (\n    <Frame>\n      <Sidebar\n        mode=\"main\"\n        compact={false}\n        pathname=\"/backend/files\"\n        brand={{ logo: BrandMark, title: 'FreightTech', href: '/backend', ariaLabel: 'Dashboard' }}\n        groups={groups}\n        openGroups={{ workspace: true, operations: true }}\n        customizing\n        customizationEditor={\n          <div className=\"flex flex-col gap-3 rounded-lg border border-dashed border-sidebar-v2-border bg-sidebar-v2-accent/40 p-4 text-body-medium-sm text-sidebar-v2-item-foreground\">\n            <div className=\"font-semibold\">Personalizuj sidebar</div>\n            <p>\n              The customization editor JSX is owned by <code>AppShell</code> \u2014 this story renders a\n              placeholder. The shell switches to 320 px and replaces the nav with this slot.\n            </p>\n          </div>\n        }\n      />\n    </Frame>\n  ),\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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"]
+}

package/dist/backend/UserMenu.js

@@ -0,0 +1,146 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { User, LogOut, Key } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "../primitives/button.js";
+import { IconButton } from "../primitives/icon-button.js";
+import { ProfileDropdown } from "./ProfileDropdown.js";
+function UserMenu({ email }) {
+  const t = useT();
+  const [open, setOpen] = React.useState(false);
+  const buttonRef = React.useRef(null);
+  const menuRef = React.useRef(null);
+  const profileButtonRef = React.useRef(null);
+  const logoutButtonRef = React.useRef(null);
+  const toggle = () => setOpen((v) => !v);
+  const onMouseEnter = () => setOpen(true);
+  const onMouseLeave = () => setOpen(false);
+  React.useEffect(() => {
+    if (!open) return;
+    function handleClick(event) {
+      if (menuRef.current && !menuRef.current.contains(event.target) && buttonRef.current && !buttonRef.current.contains(event.target)) {
+        setOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, [open]);
+  React.useEffect(() => {
+    if (!open) return;
+    function handleKeyDown(event) {
+      if (event.key === "Escape") {
+        setOpen(false);
+        buttonRef.current?.focus();
+      } else if (event.key === "ArrowDown" || event.key === "Tab") {
+        event.preventDefault();
+        profileButtonRef.current?.focus() ?? logoutButtonRef.current?.focus();
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        logoutButtonRef.current?.focus() ?? profileButtonRef.current?.focus();
+      }
+    }
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [open]);
+  React.useEffect(() => {
+    if (open) {
+      setTimeout(() => {
+        profileButtonRef.current?.focus() ?? logoutButtonRef.current?.focus();
+      }, 0);
+    }
+  }, [open]);
+  return /* @__PURE__ */ jsxs("div", { className: "relative", onMouseEnter, onMouseLeave, children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        ref: buttonRef,
+        variant: "ghost",
+        size: "sm",
+        onClick: () => setOpen(true),
+        "aria-expanded": open,
+        "aria-haspopup": "menu",
+        "aria-controls": "user-menu-dropdown",
+        id: "user-menu-button",
+        title: email || t("ui.userMenu.userFallback", "User"),
+        children: /* @__PURE__ */ jsx(User, { className: "size-4" })
+      }
+    ),
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: menuRef,
+        id: "user-menu-dropdown",
+        className: "absolute right-0 top-full mt-0 w-56 rounded-md border bg-background p-1 shadow z-50",
+        role: "menu",
+        "aria-labelledby": "user-menu-button",
+        tabIndex: -1,
+        children: [
+          email && /* @__PURE__ */ jsxs("div", { className: "px-2 py-2 text-xs text-muted-foreground border-b mb-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: t("ui.userMenu.loggedInAs", "Logged in as:") }),
+            /* @__PURE__ */ jsx("div", { className: "truncate", children: email })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            Link,
+            {
+              ref: profileButtonRef,
+              href: "/backend/profile/change-password",
+              className: "w-full text-left text-sm px-2 py-1 rounded hover:bg-accent inline-flex items-center gap-2 outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",
+              role: "menuitem",
+              tabIndex: 0,
+              onClick: () => setOpen(false),
+              onKeyDown: (e) => {
+                if (e.key === "Escape") {
+                  setOpen(false);
+                  buttonRef.current?.focus();
+                } else if (e.key === "ArrowDown" || e.key === "Tab") {
+                  e.preventDefault();
+                  logoutButtonRef.current?.focus();
+                } else if (e.key === "ArrowUp") {
+                  e.preventDefault();
+                  logoutButtonRef.current?.focus();
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsx(Key, { className: "size-4" }),
+                /* @__PURE__ */ jsx("span", { children: t("ui.userMenu.changePassword", "Change password") })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "my-1 border-t", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("form", { action: "/api/auth/logout", method: "POST", children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              ref: logoutButtonRef,
+              variant: "ghost",
+              size: "sm",
+              className: "w-full justify-start",
+              type: "submit",
+              role: "menuitem",
+              tabIndex: 0,
+              onKeyDown: (e) => {
+                if (e.key === "Escape") {
+                  setOpen(false);
+                  buttonRef.current?.focus();
+                } else if (e.key === "ArrowUp") {
+                  e.preventDefault();
+                  profileButtonRef.current?.focus();
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsx(LogOut, { className: "size-4" }),
+                /* @__PURE__ */ jsx("span", { children: t("ui.userMenu.logout", "Logout") })
+              ]
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  ProfileDropdown,
+  UserMenu
+};
+//# sourceMappingURL=UserMenu.js.map

package/dist/backend/UserMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/UserMenu.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { User, LogOut, Key } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '../primitives/button'\nimport { IconButton } from '../primitives/icon-button'\n\nexport { ProfileDropdown } from './ProfileDropdown'\nexport type { ProfileDropdownProps } from './ProfileDropdown'\n\nexport function UserMenu({ email }: { email?: string }) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const buttonRef = React.useRef<HTMLButtonElement>(null)\n  const menuRef = React.useRef<HTMLDivElement>(null)\n  const profileButtonRef = React.useRef<HTMLAnchorElement>(null)\n  const logoutButtonRef = React.useRef<HTMLButtonElement>(null)\n\n  // Toggle menu open/close\n  const toggle = () => setOpen((v) => !v)\n\n  // Open on hover, close when mouse leaves the menu area\n  const onMouseEnter = () => setOpen(true)\n  const onMouseLeave = () => setOpen(false)\n\n  // Close menu when clicking outside\n  React.useEffect(() => {\n    if (!open) return\n    function handleClick(event: MouseEvent) {\n      if (\n        menuRef.current &&\n        !menuRef.current.contains(event.target as Node) &&\n        buttonRef.current &&\n        !buttonRef.current.contains(event.target as Node)\n      ) {\n        setOpen(false)\n      }\n    }\n    document.addEventListener('mousedown', handleClick)\n    return () => document.removeEventListener('mousedown', handleClick)\n  }, [open])\n\n  // Keyboard navigation\n  React.useEffect(() => {\n    if (!open) return\n    function handleKeyDown(event: KeyboardEvent) {\n      if (event.key === 'Escape') {\n        setOpen(false)\n        buttonRef.current?.focus()\n      } else if (event.key === 'ArrowDown' || event.key === 'Tab') {\n        event.preventDefault()\n        profileButtonRef.current?.focus() ?? logoutButtonRef.current?.focus()\n      } else if (event.key === 'ArrowUp') {\n        event.preventDefault()\n        logoutButtonRef.current?.focus() ?? profileButtonRef.current?.focus()\n      }\n    }\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [open])\n\n  // Focus the first menu item when menu opens\n  React.useEffect(() => {\n    if (open) {\n      setTimeout(() => {\n        profileButtonRef.current?.focus() ?? logoutButtonRef.current?.focus()\n      }, 0)\n    }\n  }, [open])\n\n  return (\n    <div className=\"relative\" onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\n      <IconButton\n        ref={buttonRef}\n        variant=\"ghost\"\n        size=\"sm\"\n        onClick={() => setOpen(true)}\n        aria-expanded={open}\n        aria-haspopup=\"menu\"\n        aria-controls=\"user-menu-dropdown\"\n        id=\"user-menu-button\"\n        title={email || t('ui.userMenu.userFallback', 'User')}\n      >\n        <User className=\"size-4\" />\n      </IconButton>\n      {open && (\n        <div\n          ref={menuRef}\n          id=\"user-menu-dropdown\"\n          className=\"absolute right-0 top-full mt-0 w-56 rounded-md border bg-background p-1 shadow z-50\"\n          role=\"menu\"\n          aria-labelledby=\"user-menu-button\"\n          tabIndex={-1}\n        >\n          {email && (\n            <div className=\"px-2 py-2 text-xs text-muted-foreground border-b mb-1\">\n              <div className=\"font-medium\">{t('ui.userMenu.loggedInAs', 'Logged in as:')}</div>\n              <div className=\"truncate\">{email}</div>\n            </div>\n          )}\n          <Link\n            ref={profileButtonRef}\n            href=\"/backend/profile/change-password\"\n            className=\"w-full text-left text-sm px-2 py-1 rounded hover:bg-accent inline-flex items-center gap-2 outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0\"\n            role=\"menuitem\"\n            tabIndex={0}\n            onClick={() => setOpen(false)}\n            onKeyDown={(e) => {\n              if (e.key === 'Escape') {\n                setOpen(false)\n                buttonRef.current?.focus()\n              } else if (e.key === 'ArrowDown' || e.key === 'Tab') {\n                e.preventDefault()\n                logoutButtonRef.current?.focus()\n              } else if (e.key === 'ArrowUp') {\n                e.preventDefault()\n                logoutButtonRef.current?.focus()\n              }\n            }}\n          >\n            <Key className=\"size-4\" />\n            <span>{t('ui.userMenu.changePassword', 'Change password')}</span>\n          </Link>\n          <div className=\"my-1 border-t\" aria-hidden=\"true\" />\n          <form action=\"/api/auth/logout\" method=\"POST\">\n            <Button\n              ref={logoutButtonRef}\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"w-full justify-start\"\n              type=\"submit\"\n              role=\"menuitem\"\n              tabIndex={0}\n              onKeyDown={(e) => {\n                if (e.key === 'Escape') {\n                  setOpen(false)\n                  buttonRef.current?.focus()\n                } else if (e.key === 'ArrowUp') {\n                  e.preventDefault()\n                  profileButtonRef.current?.focus()\n                }\n              }}\n            >\n              <LogOut className=\"size-4\" />\n              <span>{t('ui.userMenu.logout', 'Logout')}</span>\n            </Button>\n          </form>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/ValueIcons.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, X, AlertTriangle, Minus, Circle } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function BooleanIcon({ value, trueLabel, falseLabel, className }) {
+  const v = !!value;
+  return /* @__PURE__ */ jsxs("span", { className: `inline-flex items-center gap-1 ${className ?? ""}`, children: [
+    v ? /* @__PURE__ */ jsx(Check, { className: "size-4 text-emerald-600" }) : /* @__PURE__ */ jsx(X, { className: "size-4 text-muted-foreground" }),
+    v && trueLabel ? /* @__PURE__ */ jsx("span", { className: "text-xs", children: trueLabel }) : null,
+    !v && falseLabel ? /* @__PURE__ */ jsx("span", { className: "text-xs", children: falseLabel }) : null
+  ] });
+}
+function EnumBadge({ value, map, fallback }) {
+  if (!value) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: fallback ?? "\u2014" });
+  const cfg = map[value] || { label: String(value) };
+  return /* @__PURE__ */ jsxs("span", { className: `inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs border ${cfg.className ?? ""}`, children: [
+    cfg.icon,
+    /* @__PURE__ */ jsx("span", { children: cfg.label })
+  ] });
+}
+function useSeverityPreset() {
+  const t = useT();
+  return {
+    low: { label: t("ui.badges.severity.low", "Low"), className: "border-amber-200 text-amber-700 bg-amber-50", icon: /* @__PURE__ */ jsx(Circle, { className: "size-3" }) },
+    medium: { label: t("ui.badges.severity.medium", "Medium"), className: "border-yellow-200 text-yellow-800 bg-yellow-50", icon: /* @__PURE__ */ jsx(Minus, { className: "size-3" }) },
+    high: { label: t("ui.badges.severity.high", "High"), className: "border-red-200 text-red-700 bg-red-50", icon: /* @__PURE__ */ jsx(AlertTriangle, { className: "size-3" }) }
+  };
+}
+export {
+  BooleanIcon,
+  EnumBadge,
+  useSeverityPreset
+};
+//# sourceMappingURL=ValueIcons.js.map

package/dist/backend/ValueIcons.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/ValueIcons.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Check, X, AlertTriangle, Minus, Circle } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport function BooleanIcon({ value, trueLabel, falseLabel, className }: {\n  value?: boolean | null\n  trueLabel?: string\n  falseLabel?: string\n  className?: string\n}) {\n  const v = !!value\n  return (\n    <span className={`inline-flex items-center gap-1 ${className ?? ''}`}>\n      {v ? (\n        <Check className=\"size-4 text-emerald-600\" />\n      ) : (\n        <X className=\"size-4 text-muted-foreground\" />\n      )}\n      {v && trueLabel ? <span className=\"text-xs\">{trueLabel}</span> : null}\n      {!v && falseLabel ? <span className=\"text-xs\">{falseLabel}</span> : null}\n    </span>\n  )\n}\n\nexport type EnumBadgeMap = Record<string, { label: string; className?: string; icon?: React.ReactNode }>\n\nexport function EnumBadge({ value, map, fallback }: { value?: string | null; map: EnumBadgeMap; fallback?: string }) {\n  if (!value) return <span className=\"text-muted-foreground text-xs\">{fallback ?? '\u2014'}</span>\n  const cfg = map[value] || { label: String(value) }\n  return (\n    <span className={`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs border ${cfg.className ?? ''}`}>\n      {cfg.icon}\n      <span>{cfg.label}</span>\n    </span>\n  )\n}\n\n// Presets for common enums (optional helper)\nexport function useSeverityPreset(): EnumBadgeMap {\n  const t = useT()\n  return {\n    low: { label: t('ui.badges.severity.low', 'Low'), className: 'border-amber-200 text-amber-700 bg-amber-50', icon: <Circle className=\"size-3\" /> },\n    medium: { label: t('ui.badges.severity.medium', 'Medium'), className: 'border-yellow-200 text-yellow-800 bg-yellow-50', icon: <Minus className=\"size-3\" /> },\n    high: { label: t('ui.badges.severity.high', 'High'), className: 'border-red-200 text-red-700 bg-red-50', icon: <AlertTriangle className=\"size-3\" /> },\n  }\n}\n\n"],
+  "mappings": ";AAaI,SAEI,KAFJ;AAXJ,SAAS,OAAO,GAAG,eAAe,OAAO,cAAc;AACvD,SAAS,YAAY;AAEd,SAAS,YAAY,EAAE,OAAO,WAAW,YAAY,UAAU,GAKnE;AACD,QAAM,IAAI,CAAC,CAAC;AACZ,SACE,qBAAC,UAAK,WAAW,kCAAkC,aAAa,EAAE,IAC/D;AAAA,QACC,oBAAC,SAAM,WAAU,2BAA0B,IAE3C,oBAAC,KAAE,WAAU,gCAA+B;AAAA,IAE7C,KAAK,YAAY,oBAAC,UAAK,WAAU,WAAW,qBAAU,IAAU;AAAA,IAChE,CAAC,KAAK,aAAa,oBAAC,UAAK,WAAU,WAAW,sBAAW,IAAU;AAAA,KACtE;AAEJ;AAIO,SAAS,UAAU,EAAE,OAAO,KAAK,SAAS,GAAoE;AACnH,MAAI,CAAC,MAAO,QAAO,oBAAC,UAAK,WAAU,iCAAiC,sBAAY,UAAI;AACpF,QAAM,MAAM,IAAI,KAAK,KAAK,EAAE,OAAO,OAAO,KAAK,EAAE;AACjD,SACE,qBAAC,UAAK,WAAW,0EAA0E,IAAI,aAAa,EAAE,IAC3G;AAAA,QAAI;AAAA,IACL,oBAAC,UAAM,cAAI,OAAM;AAAA,KACnB;AAEJ;AAGO,SAAS,oBAAkC;AAChD,QAAM,IAAI,KAAK;AACf,SAAO;AAAA,IACL,KAAK,EAAE,OAAO,EAAE,0BAA0B,KAAK,GAAG,WAAW,+CAA+C,MAAM,oBAAC,UAAO,WAAU,UAAS,EAAG;AAAA,IAChJ,QAAQ,EAAE,OAAO,EAAE,6BAA6B,QAAQ,GAAG,WAAW,kDAAkD,MAAM,oBAAC,SAAM,WAAU,UAAS,EAAG;AAAA,IAC3J,MAAM,EAAE,OAAO,EAAE,2BAA2B,MAAM,GAAG,WAAW,yCAAyC,MAAM,oBAAC,iBAAc,WAAU,UAAS,EAAG;AAAA,EACtJ;AACF;",
+  "names": []
+}

package/dist/backend/WebhookSetupGuide.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { Badge } from "../primitives/badge.js";
+import { Button } from "../primitives/button.js";
+import { ChevronDown, ChevronRight, Globe, Webhook } from "lucide-react";
+function WebhookSetupGuide({
+  guide,
+  buttonLabel,
+  className
+}) {
+  const t = useT();
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [appOrigin, setAppOrigin] = React.useState("http://localhost:3000");
+  const resolvedButtonLabel = buttonLabel ?? t("ui.webhookGuide.showDetails", "Show details");
+  React.useEffect(() => {
+    if (typeof window !== "undefined" && window.location?.origin) {
+      setAppOrigin(window.location.origin);
+    }
+  }, []);
+  const endpointUrl = `${appOrigin}${guide.endpointPath}`;
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "link",
+        size: "sm",
+        className: "h-auto px-0 text-xs font-medium",
+        onClick: () => setIsOpen((current) => !current),
+        children: [
+          isOpen ? /* @__PURE__ */ jsx(ChevronDown, { className: "mr-1 h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "mr-1 h-3.5 w-3.5" }),
+          isOpen ? t("ui.webhookGuide.hideDetails", "Hide details") : resolvedButtonLabel
+        ]
+      }
+    ),
+    isOpen ? /* @__PURE__ */ jsxs("div", { className: "space-y-4 rounded-lg border bg-muted/20 p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Webhook, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: guide.title })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: guide.summary })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: t("ui.webhookGuide.dashboardPath", "Dashboard path") }),
+        /* @__PURE__ */ jsx("div", { className: "rounded-md border bg-background/70 px-3 py-2 text-sm", children: guide.dashboardPathLabel })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: t("ui.webhookGuide.steps", "Setup steps") }),
+        /* @__PURE__ */ jsx("ol", { className: "list-decimal space-y-2 pl-5 text-sm text-muted-foreground", children: guide.steps.map((step) => /* @__PURE__ */ jsx("li", { children: step }, step)) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: t("ui.webhookGuide.endpointUrl", "Webhook endpoint URL") }),
+        /* @__PURE__ */ jsx("div", { className: "rounded-md border bg-background/70 px-3 py-2 font-mono text-xs break-all", children: endpointUrl })
+      ] }),
+      guide.events && guide.events.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: t("ui.webhookGuide.recommendedEvents", "Recommended events") }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: guide.events.map((eventName) => /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "font-mono text-[11px]", children: eventName }, eventName)) })
+      ] }) : null,
+      guide.localDevelopment ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: t("ui.webhookGuide.localDevelopment", "Local development") }),
+        guide.localDevelopment.note ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: guide.localDevelopment.note }) : null,
+        /* @__PURE__ */ jsx("div", { className: "rounded-md border bg-background/70 px-3 py-2 font-mono text-xs", children: guide.localDevelopment.tunnelCommand }),
+        /* @__PURE__ */ jsx("div", { className: "rounded-md border bg-background/70 px-3 py-2 font-mono text-xs break-all", children: guide.localDevelopment.publicUrlExample })
+      ] }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Globe, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsx("span", { children: t("ui.webhookGuide.publicUrlNote", "Use your public application URL in Stripe, not a localhost address.") })
+      ] })
+    ] }) : null
+  ] });
+}
+export {
+  WebhookSetupGuide
+};
+//# sourceMappingURL=WebhookSetupGuide.js.map

package/dist/backend/WebhookSetupGuide.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/WebhookSetupGuide.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { IntegrationCredentialWebhookHelp } from '@open-mercato/shared/modules/integrations/types'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Badge } from '../primitives/badge'\nimport { Button } from '../primitives/button'\nimport { ChevronDown, ChevronRight, Globe, Webhook } from 'lucide-react'\n\nexport type WebhookSetupGuideProps = {\n  guide: IntegrationCredentialWebhookHelp\n  buttonLabel?: string\n  className?: string\n}\n\nexport function WebhookSetupGuide({\n  guide,\n  buttonLabel,\n  className,\n}: WebhookSetupGuideProps) {\n  const t = useT()\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [appOrigin, setAppOrigin] = React.useState('http://localhost:3000')\n  const resolvedButtonLabel = buttonLabel ?? t('ui.webhookGuide.showDetails', 'Show details')\n\n  React.useEffect(() => {\n    if (typeof window !== 'undefined' && window.location?.origin) {\n      setAppOrigin(window.location.origin)\n    }\n  }, [])\n\n  const endpointUrl = `${appOrigin}${guide.endpointPath}`\n\n  return (\n    <div className={cn('space-y-3', className)}>\n      <Button\n        type=\"button\"\n        variant=\"link\"\n        size=\"sm\"\n        className=\"h-auto px-0 text-xs font-medium\"\n        onClick={() => setIsOpen((current) => !current)}\n      >\n        {isOpen ? <ChevronDown className=\"mr-1 h-3.5 w-3.5\" /> : <ChevronRight className=\"mr-1 h-3.5 w-3.5\" />}\n        {isOpen ? t('ui.webhookGuide.hideDetails', 'Hide details') : resolvedButtonLabel}\n      </Button>\n\n      {isOpen ? (\n        <div className=\"space-y-4 rounded-lg border bg-muted/20 p-4\">\n          <div className=\"space-y-1\">\n            <div className=\"flex items-center gap-2\">\n              <Webhook className=\"h-4 w-4 text-muted-foreground\" />\n              <p className=\"text-sm font-semibold\">{guide.title}</p>\n            </div>\n            <p className=\"text-sm text-muted-foreground\">{guide.summary}</p>\n          </div>\n\n          <div className=\"space-y-2\">\n            <p className=\"text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n              {t('ui.webhookGuide.dashboardPath', 'Dashboard path')}\n            </p>\n            <div className=\"rounded-md border bg-background/70 px-3 py-2 text-sm\">\n              {guide.dashboardPathLabel}\n            </div>\n          </div>\n\n          <div className=\"space-y-2\">\n            <p className=\"text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n              {t('ui.webhookGuide.steps', 'Setup steps')}\n            </p>\n            <ol className=\"list-decimal space-y-2 pl-5 text-sm text-muted-foreground\">\n              {guide.steps.map((step) => (\n                <li key={step}>{step}</li>\n              ))}\n            </ol>\n          </div>\n\n          <div className=\"space-y-2\">\n            <p className=\"text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n              {t('ui.webhookGuide.endpointUrl', 'Webhook endpoint URL')}\n            </p>\n            <div className=\"rounded-md border bg-background/70 px-3 py-2 font-mono text-xs break-all\">\n              {endpointUrl}\n            </div>\n          </div>\n\n          {guide.events && guide.events.length > 0 ? (\n            <div className=\"space-y-2\">\n              <p className=\"text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n                {t('ui.webhookGuide.recommendedEvents', 'Recommended events')}\n              </p>\n              <div className=\"flex flex-wrap gap-2\">\n                {guide.events.map((eventName) => (\n                  <Badge key={eventName} variant=\"outline\" className=\"font-mono text-[11px]\">\n                    {eventName}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          ) : null}\n\n          {guide.localDevelopment ? (\n            <div className=\"space-y-3\">\n              <p className=\"text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n                {t('ui.webhookGuide.localDevelopment', 'Local development')}\n              </p>\n              {guide.localDevelopment.note ? (\n                <p className=\"text-sm text-muted-foreground\">{guide.localDevelopment.note}</p>\n              ) : null}\n              <div className=\"rounded-md border bg-background/70 px-3 py-2 font-mono text-xs\">\n                {guide.localDevelopment.tunnelCommand}\n              </div>\n              <div className=\"rounded-md border bg-background/70 px-3 py-2 font-mono text-xs break-all\">\n                {guide.localDevelopment.publicUrlExample}\n              </div>\n            </div>\n          ) : null}\n\n          <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n            <Globe className=\"h-3.5 w-3.5\" />\n            <span>{t('ui.webhookGuide.publicUrlNote', 'Use your public application URL in Stripe, not a localhost address.')}</span>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}