@freighttech/ui 0.13.18

package/dist/backend/version-history/useVersionHistory.js

@@ -0,0 +1,141 @@
+"use client";
+import * as React from "react";
+import { apiCall } from "@freighttech/ui/backend/utils/apiCall";
+const PAGE_SIZE = 20;
+function buildCacheKey(config, resourceId) {
+  const related = config.includeRelated !== false ? "related" : "direct";
+  return `${config.resourceKind}::${resourceId}::${config.resourceIdFallback ?? "none"}::${config.organizationId ?? "default"}::${related}`;
+}
+function useVersionHistory(config, enabled) {
+  const [entries, setEntries] = React.useState([]);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const [hasMore, setHasMore] = React.useState(false);
+  const lastConfigRef = React.useRef(null);
+  const loadedKeysRef = React.useRef(/* @__PURE__ */ new Set());
+  const wasEnabledRef = React.useRef(false);
+  const activeResourceIdRef = React.useRef(null);
+  const fallbackTriedRef = React.useRef(false);
+  const fetchEntries = React.useCallback(async (opts) => {
+    if (!config) return;
+    const resourceId = opts.resourceId ?? activeResourceIdRef.current ?? config.resourceId;
+    const key = buildCacheKey(config, resourceId);
+    const params = new URLSearchParams({
+      resourceKind: config.resourceKind,
+      resourceId,
+      limit: String(PAGE_SIZE)
+    });
+    if (config.organizationId) params.set("organizationId", config.organizationId);
+    if (config.includeRelated !== false) params.set("includeRelated", "true");
+    if (opts.before) params.set("before", opts.before);
+    setIsLoading(true);
+    setError(null);
+    let shouldFallback = false;
+    try {
+      const call = await apiCall(
+        `/api/audit_logs/audit-logs/actions?${params.toString()}`
+      );
+      if (!call.ok) {
+        setError(`Failed to load (${call.status})`);
+        return;
+      }
+      const items = Array.isArray(call.result?.items) ? call.result.items : [];
+      const sorted = [...items].sort((a, b) => {
+        const aTs = Date.parse(a.createdAt);
+        const bTs = Date.parse(b.createdAt);
+        return (Number.isFinite(bTs) ? bTs : 0) - (Number.isFinite(aTs) ? aTs : 0);
+      });
+      setEntries((prev) => {
+        const next = opts.reset ? sorted : [...prev, ...sorted];
+        const seen = /* @__PURE__ */ new Set();
+        return next.filter((entry) => {
+          if (seen.has(entry.id)) return false;
+          seen.add(entry.id);
+          return true;
+        });
+      });
+      setHasMore(items.length === PAGE_SIZE);
+      if (opts.reset && items.length === 0 && config.resourceIdFallback && resourceId === config.resourceId && config.resourceIdFallback !== config.resourceId && !fallbackTriedRef.current) {
+        shouldFallback = true;
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load");
+    } finally {
+      loadedKeysRef.current.add(key);
+      setIsLoading(false);
+    }
+    if (shouldFallback) {
+      fallbackTriedRef.current = true;
+      activeResourceIdRef.current = config.resourceIdFallback;
+      setEntries([]);
+      setHasMore(false);
+      void fetchEntries({ reset: true, resourceId: config.resourceIdFallback });
+    }
+  }, [config]);
+  const refresh = React.useCallback(() => {
+    if (!config) return;
+    const key = buildCacheKey(config, config.resourceId);
+    loadedKeysRef.current.delete(key);
+    activeResourceIdRef.current = config.resourceId;
+    fallbackTriedRef.current = false;
+    setEntries([]);
+    setHasMore(false);
+    void fetchEntries({ reset: true });
+  }, [config, fetchEntries]);
+  const loadMore = React.useCallback(() => {
+    if (!config || isLoading) return;
+    if (entries.length === 0) {
+      void fetchEntries({ reset: true });
+      return;
+    }
+    if (!hasMore) return;
+    const lastEntry = entries[entries.length - 1];
+    if (!lastEntry?.createdAt) return;
+    void fetchEntries({
+      before: lastEntry.createdAt,
+      resourceId: activeResourceIdRef.current ?? config.resourceId
+    });
+  }, [config, entries, fetchEntries, hasMore, isLoading]);
+  React.useEffect(() => {
+    if (!enabled || !config) return;
+    const key = buildCacheKey(config, config.resourceId);
+    const isFirstEnable = !wasEnabledRef.current;
+    wasEnabledRef.current = true;
+    if (lastConfigRef.current !== key) {
+      lastConfigRef.current = key;
+      loadedKeysRef.current.delete(key);
+      activeResourceIdRef.current = config.resourceId;
+      fallbackTriedRef.current = false;
+      setEntries([]);
+      setHasMore(false);
+      setError(null);
+      void fetchEntries({ reset: true });
+      return;
+    }
+    if (isFirstEnable) {
+      loadedKeysRef.current.delete(key);
+      activeResourceIdRef.current = config.resourceId;
+      fallbackTriedRef.current = false;
+      setEntries([]);
+      setHasMore(false);
+      setError(null);
+      void fetchEntries({ reset: true });
+    }
+  }, [config, enabled, fetchEntries]);
+  React.useEffect(() => {
+    if (enabled) return;
+    wasEnabledRef.current = false;
+  }, [enabled]);
+  return {
+    entries,
+    isLoading,
+    error,
+    hasMore,
+    loadMore,
+    refresh
+  };
+}
+export {
+  useVersionHistory
+};
+//# sourceMappingURL=useVersionHistory.js.map

package/dist/backend/version-history/useVersionHistory.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/version-history/useVersionHistory.ts"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { apiCall } from '@freighttech/ui/backend/utils/apiCall'\nimport type { VersionHistoryConfig, VersionHistoryEntry } from './types'\n\nexport type UseVersionHistoryResult = {\n  entries: VersionHistoryEntry[]\n  isLoading: boolean\n  error: string | null\n  hasMore: boolean\n  loadMore: () => void\n  refresh: () => void\n}\n\ntype VersionHistoryResponse = {\n  items: VersionHistoryEntry[]\n}\n\nconst PAGE_SIZE = 20\n\nfunction buildCacheKey(config: VersionHistoryConfig, resourceId: string): string {\n  const related = config.includeRelated !== false ? 'related' : 'direct'\n  return `${config.resourceKind}::${resourceId}::${config.resourceIdFallback ?? 'none'}::${config.organizationId ?? 'default'}::${related}`\n}\n\nexport function useVersionHistory(\n  config: VersionHistoryConfig | null,\n  enabled: boolean,\n): UseVersionHistoryResult {\n  const [entries, setEntries] = React.useState<VersionHistoryEntry[]>([])\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const [hasMore, setHasMore] = React.useState(false)\n  const lastConfigRef = React.useRef<string | null>(null)\n  const loadedKeysRef = React.useRef<Set<string>>(new Set())\n  const wasEnabledRef = React.useRef(false)\n  const activeResourceIdRef = React.useRef<string | null>(null)\n  const fallbackTriedRef = React.useRef(false)\n\n  const fetchEntries = React.useCallback(async (opts: { before?: string; reset?: boolean; resourceId?: string }) => {\n    if (!config) return\n    const resourceId = opts.resourceId\n      ?? activeResourceIdRef.current\n      ?? config.resourceId\n    const key = buildCacheKey(config, resourceId)\n    const params = new URLSearchParams({\n      resourceKind: config.resourceKind,\n      resourceId,\n      limit: String(PAGE_SIZE),\n    })\n    if (config.organizationId) params.set('organizationId', config.organizationId)\n    if (config.includeRelated !== false) params.set('includeRelated', 'true')\n    if (opts.before) params.set('before', opts.before)\n    setIsLoading(true)\n    setError(null)\n    let shouldFallback = false\n    try {\n      const call = await apiCall<VersionHistoryResponse>(\n        `/api/audit_logs/audit-logs/actions?${params.toString()}`,\n      )\n      if (!call.ok) {\n        setError(`Failed to load (${call.status})`)\n        return\n      }\n      const items = Array.isArray(call.result?.items) ? call.result!.items : []\n      const sorted = [...items].sort((a, b) => {\n        const aTs = Date.parse(a.createdAt)\n        const bTs = Date.parse(b.createdAt)\n        return (Number.isFinite(bTs) ? bTs : 0) - (Number.isFinite(aTs) ? aTs : 0)\n      })\n      setEntries((prev) => {\n        const next = opts.reset ? sorted : [...prev, ...sorted]\n        const seen = new Set<string>()\n        return next.filter((entry) => {\n          if (seen.has(entry.id)) return false\n          seen.add(entry.id)\n          return true\n        })\n      })\n      setHasMore(items.length === PAGE_SIZE)\n      if (\n        opts.reset\n        && items.length === 0\n        && config.resourceIdFallback\n        && resourceId === config.resourceId\n        && config.resourceIdFallback !== config.resourceId\n        && !fallbackTriedRef.current\n      ) {\n        shouldFallback = true\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to load')\n    } finally {\n      loadedKeysRef.current.add(key)\n      setIsLoading(false)\n    }\n    if (shouldFallback) {\n      fallbackTriedRef.current = true\n      activeResourceIdRef.current = config.resourceIdFallback!\n      setEntries([])\n      setHasMore(false)\n      void fetchEntries({ reset: true, resourceId: config.resourceIdFallback })\n    }\n  }, [config])\n\n  const refresh = React.useCallback(() => {\n    if (!config) return\n    const key = buildCacheKey(config, config.resourceId)\n    loadedKeysRef.current.delete(key)\n    activeResourceIdRef.current = config.resourceId\n    fallbackTriedRef.current = false\n    setEntries([])\n    setHasMore(false)\n    void fetchEntries({ reset: true })\n  }, [config, fetchEntries])\n\n  const loadMore = React.useCallback(() => {\n    if (!config || isLoading) return\n    if (entries.length === 0) {\n      void fetchEntries({ reset: true })\n      return\n    }\n    if (!hasMore) return\n    const lastEntry = entries[entries.length - 1]\n    if (!lastEntry?.createdAt) return\n    void fetchEntries({\n      before: lastEntry.createdAt,\n      resourceId: activeResourceIdRef.current ?? config.resourceId,\n    })\n  }, [config, entries, fetchEntries, hasMore, isLoading])\n\n  React.useEffect(() => {\n    if (!enabled || !config) return\n    const key = buildCacheKey(config, config.resourceId)\n    const isFirstEnable = !wasEnabledRef.current\n    wasEnabledRef.current = true\n    if (lastConfigRef.current !== key) {\n      lastConfigRef.current = key\n      loadedKeysRef.current.delete(key)\n      activeResourceIdRef.current = config.resourceId\n      fallbackTriedRef.current = false\n      setEntries([])\n      setHasMore(false)\n      setError(null)\n      void fetchEntries({ reset: true })\n      return\n    }\n    if (isFirstEnable) {\n      loadedKeysRef.current.delete(key)\n      activeResourceIdRef.current = config.resourceId\n      fallbackTriedRef.current = false\n      setEntries([])\n      setHasMore(false)\n      setError(null)\n      void fetchEntries({ reset: true })\n    }\n  }, [config, enabled, fetchEntries])\n\n  React.useEffect(() => {\n    if (enabled) return\n    wasEnabledRef.current = false\n  }, [enabled])\n\n  return {\n    entries,\n    isLoading,\n    error,\n    hasMore,\n    loadMore,\n    refresh,\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/views/NewViewForm.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, X } from "lucide-react";
+import { IconButton } from "../../primitives/icon-button.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function NewViewForm({ name, onNameChange, onSubmit, onCancel, saving }) {
+  const t = useT();
+  const trimmed = name.trim();
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        value: name,
+        onChange: (e) => onNameChange(e.target.value),
+        placeholder: t("ui.perspectives.form.namePlaceholder", "View name..."),
+        autoFocus: true,
+        className: "w-full h-9 rounded border border-primary pl-2 pr-16 text-sm",
+        onKeyDown: (e) => {
+          if (e.key === "Enter" && trimmed) onSubmit();
+          if (e.key === "Escape") onCancel();
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex items-center gap-0.5", children: [
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "xs",
+          onClick: () => {
+            if (trimmed) onSubmit();
+          },
+          disabled: !trimmed || saving,
+          "aria-label": t("ui.perspectives.form.confirmCreate", "Create view"),
+          children: /* @__PURE__ */ jsx(Check, { className: `size-4 ${trimmed ? "text-brand-violet" : "text-muted-foreground opacity-50"}` })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "xs",
+          onClick: onCancel,
+          "aria-label": t("ui.perspectives.form.cancelCreate", "Cancel"),
+          children: /* @__PURE__ */ jsx(X, { className: "size-4 text-muted-foreground hover:text-destructive" })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  NewViewForm
+};
+//# sourceMappingURL=NewViewForm.js.map

package/dist/backend/views/NewViewForm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/views/NewViewForm.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Check, X } from 'lucide-react'\nimport { IconButton } from '../../primitives/icon-button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype Props = {\n  name: string\n  onNameChange: (name: string) => void\n  onSubmit: () => void\n  onCancel: () => void\n  saving: boolean\n}\n\nexport function NewViewForm({ name, onNameChange, onSubmit, onCancel, saving }: Props) {\n  const t = useT()\n  const trimmed = name.trim()\n  return (\n    <div className=\"relative\">\n      <input\n        value={name}\n        onChange={(e) => onNameChange(e.target.value)}\n        placeholder={t('ui.perspectives.form.namePlaceholder', 'View name...')}\n        autoFocus\n        className=\"w-full h-9 rounded border border-primary pl-2 pr-16 text-sm\"\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' && trimmed) onSubmit()\n          if (e.key === 'Escape') onCancel()\n        }}\n      />\n      <div className=\"absolute right-1 top-1/2 -translate-y-1/2 flex items-center gap-0.5\">\n        <IconButton\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"xs\"\n          onClick={() => { if (trimmed) onSubmit() }}\n          disabled={!trimmed || saving}\n          aria-label={t('ui.perspectives.form.confirmCreate', 'Create view')}\n        >\n          <Check className={`size-4 ${trimmed ? 'text-brand-violet' : 'text-muted-foreground opacity-50'}`} />\n        </IconButton>\n        <IconButton\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"xs\"\n          onClick={onCancel}\n          aria-label={t('ui.perspectives.form.cancelCreate', 'Cancel')}\n        >\n          <X className=\"size-4 text-muted-foreground hover:text-destructive\" />\n        </IconButton>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAmBM,cAWA,YAXA;AAjBN,SAAS,OAAO,SAAS;AACzB,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAUd,SAAS,YAAY,EAAE,MAAM,cAAc,UAAU,UAAU,OAAO,GAAU;AACrF,QAAM,IAAI,KAAK;AACf,QAAM,UAAU,KAAK,KAAK;AAC1B,SACE,qBAAC,SAAI,WAAU,YACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,QAC5C,aAAa,EAAE,wCAAwC,cAAc;AAAA,QACrE,WAAS;AAAA,QACT,WAAU;AAAA,QACV,WAAW,CAAC,MAAM;AAChB,cAAI,EAAE,QAAQ,WAAW,QAAS,UAAS;AAC3C,cAAI,EAAE,QAAQ,SAAU,UAAS;AAAA,QACnC;AAAA;AAAA,IACF;AAAA,IACA,qBAAC,SAAI,WAAU,uEACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,MAAM;AAAE,gBAAI,QAAS,UAAS;AAAA,UAAE;AAAA,UACzC,UAAU,CAAC,WAAW;AAAA,UACtB,cAAY,EAAE,sCAAsC,aAAa;AAAA,UAEjE,8BAAC,SAAM,WAAW,UAAU,UAAU,sBAAsB,kCAAkC,IAAI;AAAA;AAAA,MACpG;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS;AAAA,UACT,cAAY,EAAE,qCAAqC,QAAQ;AAAA,UAE3D,8BAAC,KAAE,WAAU,uDAAsD;AAAA;AAAA,MACrE;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/backend/views/ShareForm.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "../../primitives/button.js";
+import { Checkbox } from "../../primitives/checkbox.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function ShareForm({ roles, shareRoles, shareSetDefault, onToggleRole, onToggleSetDefault, onApply, onCancel }) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs("div", { className: "rounded border border-primary/30 bg-primary/5 p-3 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: "space-y-1", children: roles.length === 0 ? /* @__PURE__ */ jsx("p", { 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(
+        Checkbox,
+        {
+          checked: shareRoles.includes(role.id),
+          onCheckedChange: () => onToggleRole(role.id)
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { children: role.name })
+    ] }, role.id)) }),
+    /* @__PURE__ */ jsx("div", { className: "border-t mt-2 pt-2", children: /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: shareSetDefault,
+          onCheckedChange: (checked) => onToggleSetDefault(checked === true),
+          disabled: shareRoles.length === 0
+        }
+      ),
+      t("ui.perspectives.form.setRoleDefault", "Set as default for selected roles")
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancel, children: t("ui.perspectives.footer.cancel", "Cancel") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          disabled: shareRoles.length === 0,
+          onClick: onApply,
+          children: t("ui.perspectives.menu.apply", "Apply")
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ShareForm
+};
+//# sourceMappingURL=ShareForm.js.map

package/dist/backend/views/ShareForm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/views/ShareForm.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Button } from '../../primitives/button'\nimport { Checkbox } from '../../primitives/checkbox'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype Role = { id: string; name: string; hasPerspective: boolean; hasDefault: boolean }\n\ntype Props = {\n  roles: Role[]\n  shareRoles: string[]\n  shareSetDefault: boolean\n  onToggleRole: (roleId: string) => void\n  onToggleSetDefault: (value: boolean) => void\n  onApply: () => void\n  onCancel: () => void\n}\n\nexport function ShareForm({ roles, shareRoles, shareSetDefault, onToggleRole, onToggleSetDefault, onApply, onCancel }: Props) {\n  const t = useT()\n  return (\n    <div className=\"rounded border border-primary/30 bg-primary/5 p-3 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=\"space-y-1\">\n        {roles.length === 0 ? (\n          <p className=\"text-xs text-muted-foreground\">{t('ui.perspectives.form.noRolesAvailable', 'No roles available')}</p>\n        ) : roles.map((role) => (\n          <label key={role.id} className=\"flex items-center gap-2 text-sm\">\n            <Checkbox\n              checked={shareRoles.includes(role.id)}\n              onCheckedChange={() => onToggleRole(role.id)}\n            />\n            <span>{role.name}</span>\n          </label>\n        ))}\n      </div>\n      <div className=\"border-t mt-2 pt-2\">\n        <label className=\"inline-flex items-center gap-2 text-sm\">\n          <Checkbox\n            checked={shareSetDefault}\n            onCheckedChange={(checked) => onToggleSetDefault(checked === true)}\n            disabled={shareRoles.length === 0}\n          />\n          {t('ui.perspectives.form.setRoleDefault', 'Set as default for selected roles')}\n        </label>\n      </div>\n      <div className=\"flex items-center justify-end gap-2\">\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={onCancel}>\n          {t('ui.perspectives.footer.cancel', 'Cancel')}\n        </Button>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          disabled={shareRoles.length === 0}\n          onClick={onApply}\n        >\n          {t('ui.perspectives.menu.apply', 'Apply')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAsBM,cAKI,YALJ;AApBN,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAcd,SAAS,UAAU,EAAE,OAAO,YAAY,iBAAiB,cAAc,oBAAoB,SAAS,SAAS,GAAU;AAC5H,QAAM,IAAI,KAAK;AACf,SACE,qBAAC,SAAI,WAAU,+DACb;AAAA,wBAAC,SAAI,WAAU,uDAAuD,YAAE,uCAAuC,kBAAkB,GAAE;AAAA,IACnI,oBAAC,SAAI,WAAU,aACZ,gBAAM,WAAW,IAChB,oBAAC,OAAE,WAAU,iCAAiC,YAAE,yCAAyC,oBAAoB,GAAE,IAC7G,MAAM,IAAI,CAAC,SACb,qBAAC,WAAoB,WAAU,mCAC7B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,WAAW,SAAS,KAAK,EAAE;AAAA,UACpC,iBAAiB,MAAM,aAAa,KAAK,EAAE;AAAA;AAAA,MAC7C;AAAA,MACA,oBAAC,UAAM,eAAK,MAAK;AAAA,SALP,KAAK,EAMjB,CACD,GACH;AAAA,IACA,oBAAC,SAAI,WAAU,sBACb,+BAAC,WAAM,WAAU,0CACf;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,iBAAiB,CAAC,YAAY,mBAAmB,YAAY,IAAI;AAAA,UACjE,UAAU,WAAW,WAAW;AAAA;AAAA,MAClC;AAAA,MACC,EAAE,uCAAuC,mCAAmC;AAAA,OAC/E,GACF;AAAA,IACA,qBAAC,SAAI,WAAU,uCACb;AAAA,0BAAC,UAAO,MAAK,UAAS,SAAQ,SAAQ,MAAK,MAAK,SAAS,UACtD,YAAE,iCAAiC,QAAQ,GAC9C;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,UAAU,WAAW,WAAW;AAAA,UAChC,SAAS;AAAA,UAER,YAAE,8BAA8B,OAAO;AAAA;AAAA,MAC1C;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/backend/views/ViewChip.js

@@ -0,0 +1,112 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, X, Users } from "lucide-react";
+import { Button } from "../../primitives/button.js";
+import { IconButton } from "../../primitives/icon-button.js";
+import { ViewChipMenu } from "./ViewChipMenu.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function ViewChip({
+  id,
+  label,
+  kind,
+  isActive,
+  disabled,
+  isShared,
+  isRenaming,
+  renameValue,
+  canApplyToRoles,
+  deleting,
+  onActivate,
+  onRenameValueChange,
+  onRenameConfirm,
+  onRenameCancel,
+  onRenameStart,
+  onClone,
+  onShareStart,
+  onDelete
+}) {
+  const t = useT();
+  if (isRenaming) {
+    const renameTrimmed = renameValue.trim();
+    return /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 rounded-md border border-primary bg-primary/5 px-3 h-8", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: renameValue,
+          onChange: (e) => onRenameValueChange(e.target.value),
+          className: "w-24 bg-transparent text-sm outline-none",
+          autoFocus: true,
+          onKeyDown: (e) => {
+            if (e.key === "Enter") onRenameConfirm();
+            if (e.key === "Escape") onRenameCancel();
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "xs",
+          className: "h-auto",
+          onClick: onRenameConfirm,
+          disabled: !renameTrimmed,
+          "aria-label": t("ui.perspectives.rename.confirm", "Confirm rename"),
+          children: /* @__PURE__ */ jsx(Check, { className: `size-4 ${renameTrimmed ? "text-brand-violet" : "text-muted-foreground opacity-50"}` })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "xs",
+          className: "h-auto",
+          onClick: onRenameCancel,
+          "aria-label": t("ui.perspectives.rename.cancel", "Cancel rename"),
+          children: /* @__PURE__ */ jsx(X, { className: "size-4 text-muted-foreground hover:text-destructive" })
+        }
+      )
+    ] });
+  }
+  const showUsersIcon = kind === "role" || isShared;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `inline-flex items-center gap-0.5 rounded-md border h-8 text-sm ${isActive ? "bg-brand-violet/10 border-brand-violet/30 font-medium text-brand-violet" : "border-border"}`,
+      children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: "h-auto px-3 py-0 text-sm hover:bg-transparent",
+            onClick: onActivate,
+            disabled,
+            children: [
+              showUsersIcon ? /* @__PURE__ */ jsx(Users, { className: "size-3 mr-1 opacity-50" }) : null,
+              label
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ViewChipMenu,
+          {
+            kind,
+            canApplyToRoles,
+            deleting,
+            onRenameStart,
+            onClone,
+            onShareStart,
+            onDelete
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  ViewChip
+};
+//# sourceMappingURL=ViewChip.js.map

package/dist/backend/views/ViewChip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/views/ViewChip.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Check, X, Users } from 'lucide-react'\nimport { Button } from '../../primitives/button'\nimport { IconButton } from '../../primitives/icon-button'\nimport { ViewChipMenu } from './ViewChipMenu'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype Props = {\n  id: string\n  label: string\n  kind: 'personal' | 'role'\n  isActive: boolean\n  disabled: boolean\n  isShared: boolean\n  isRenaming: boolean\n  renameValue: string\n  canApplyToRoles: boolean\n  deleting: boolean\n  onActivate: () => void\n  onRenameValueChange: (value: string) => void\n  onRenameConfirm: () => void\n  onRenameCancel: () => void\n  onRenameStart?: () => void\n  onClone: () => void\n  onShareStart?: () => void\n  onDelete: () => void\n}\n\nexport function ViewChip({\n  id,\n  label,\n  kind,\n  isActive,\n  disabled,\n  isShared,\n  isRenaming,\n  renameValue,\n  canApplyToRoles,\n  deleting,\n  onActivate,\n  onRenameValueChange,\n  onRenameConfirm,\n  onRenameCancel,\n  onRenameStart,\n  onClone,\n  onShareStart,\n  onDelete,\n}: Props) {\n  const t = useT()\n\n  if (isRenaming) {\n    const renameTrimmed = renameValue.trim()\n    return (\n      <div className=\"inline-flex items-center gap-1 rounded-md border border-primary bg-primary/5 px-3 h-8\">\n        <input\n          value={renameValue}\n          onChange={(e) => onRenameValueChange(e.target.value)}\n          className=\"w-24 bg-transparent text-sm outline-none\"\n          autoFocus\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') onRenameConfirm()\n            if (e.key === 'Escape') onRenameCancel()\n          }}\n        />\n        <IconButton\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"xs\"\n          className=\"h-auto\"\n          onClick={onRenameConfirm}\n          disabled={!renameTrimmed}\n          aria-label={t('ui.perspectives.rename.confirm', 'Confirm rename')}\n        >\n          <Check className={`size-4 ${renameTrimmed ? 'text-brand-violet' : 'text-muted-foreground opacity-50'}`} />\n        </IconButton>\n        <IconButton\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"xs\"\n          className=\"h-auto\"\n          onClick={onRenameCancel}\n          aria-label={t('ui.perspectives.rename.cancel', 'Cancel rename')}\n        >\n          <X className=\"size-4 text-muted-foreground hover:text-destructive\" />\n        </IconButton>\n      </div>\n    )\n  }\n\n  const showUsersIcon = kind === 'role' || isShared\n\n  return (\n    <div\n      className={`inline-flex items-center gap-0.5 rounded-md border h-8 text-sm ${\n        isActive\n          ? 'bg-brand-violet/10 border-brand-violet/30 font-medium text-brand-violet'\n          : 'border-border'\n      }`}\n    >\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"h-auto px-3 py-0 text-sm hover:bg-transparent\"\n        onClick={onActivate}\n        disabled={disabled}\n      >\n        {showUsersIcon ? <Users className=\"size-3 mr-1 opacity-50\" /> : null}\n        {label}\n      </Button>\n      <ViewChipMenu\n        kind={kind}\n        canApplyToRoles={canApplyToRoles}\n        deleting={deleting}\n        onRenameStart={onRenameStart}\n        onClone={onClone}\n        onShareStart={onShareStart}\n        onDelete={onDelete}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": ";AAsDM,SACE,KADF;AApDN,SAAS,OAAO,GAAG,aAAa;AAChC,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AAuBd,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAU;AACR,QAAM,IAAI,KAAK;AAEf,MAAI,YAAY;AACd,UAAM,gBAAgB,YAAY,KAAK;AACvC,WACE,qBAAC,SAAI,WAAU,yFACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,oBAAoB,EAAE,OAAO,KAAK;AAAA,UACnD,WAAU;AAAA,UACV,WAAS;AAAA,UACT,WAAW,CAAC,MAAM;AAChB,gBAAI,EAAE,QAAQ,QAAS,iBAAgB;AACvC,gBAAI,EAAE,QAAQ,SAAU,gBAAe;AAAA,UACzC;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU,CAAC;AAAA,UACX,cAAY,EAAE,kCAAkC,gBAAgB;AAAA,UAEhE,8BAAC,SAAM,WAAW,UAAU,gBAAgB,sBAAsB,kCAAkC,IAAI;AAAA;AAAA,MAC1G;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UACT,cAAY,EAAE,iCAAiC,eAAe;AAAA,UAE9D,8BAAC,KAAE,WAAU,uDAAsD;AAAA;AAAA,MACrE;AAAA,OACF;AAAA,EAEJ;AAEA,QAAM,gBAAgB,SAAS,UAAU;AAEzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,kEACT,WACI,4EACA,eACN;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YACT;AAAA,YAEC;AAAA,8BAAgB,oBAAC,SAAM,WAAU,0BAAyB,IAAK;AAAA,cAC/D;AAAA;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/backend/views/ViewChipMenu.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MoreVertical, Pencil, Copy, Users, Trash2 } from "lucide-react";
+import { Button } from "../../primitives/button.js";
+import { IconButton } from "../../primitives/icon-button.js";
+import { Popover, PopoverTrigger, PopoverContent, PopoverClose } from "../../primitives/popover.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function ViewChipMenu({ kind, canApplyToRoles, deleting, onRenameStart, onClone, onShareStart, onDelete }) {
+  const t = useT();
+  const showRename = kind === "personal" && !!onRenameStart;
+  const showShare = kind === "personal" && canApplyToRoles && !!onShareStart;
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "xs",
+        className: "h-auto px-0.5 shrink-0 hover:bg-transparent group",
+        "aria-label": t("ui.perspectives.chip.menu", "View options"),
+        children: /* @__PURE__ */ jsx(MoreVertical, { className: "size-3 opacity-60 group-hover:opacity-100 transition-opacity" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { align: "start", className: "w-48 p-1.5", children: [
+      showRename ? /* @__PURE__ */ jsx(PopoverClose, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "w-full justify-start h-9 py-2 px-3 text-sm",
+          onClick: onRenameStart,
+          children: [
+            /* @__PURE__ */ jsx(Pencil, { className: "size-3 mr-2" }),
+            t("ui.perspectives.menu.rename", "Rename")
+          ]
+        }
+      ) }) : null,
+      /* @__PURE__ */ jsx(PopoverClose, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "w-full justify-start h-9 py-2 px-3 text-sm",
+          onClick: onClone,
+          children: [
+            /* @__PURE__ */ jsx(Copy, { className: "size-3 mr-2" }),
+            t("ui.perspectives.menu.clone", "Clone")
+          ]
+        }
+      ) }),
+      showShare ? /* @__PURE__ */ jsx(PopoverClose, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "w-full justify-start h-9 py-2 px-3 text-sm",
+          onClick: onShareStart,
+          children: [
+            /* @__PURE__ */ jsx(Users, { className: "size-3 mr-2" }),
+            t("ui.perspectives.menu.share", "Share with roles...")
+          ]
+        }
+      ) }) : null,
+      /* @__PURE__ */ jsx("div", { className: "my-1 border-t" }),
+      /* @__PURE__ */ jsx(PopoverClose, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "w-full justify-start h-9 py-2 px-3 text-sm text-destructive hover:text-destructive",
+          onClick: onDelete,
+          disabled: deleting,
+          children: [
+            /* @__PURE__ */ jsx(Trash2, { className: "size-3 mr-2" }),
+            deleting ? t("ui.perspectives.actions.removing", "Removing\u2026") : t("common.delete", "Delete")
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  ViewChipMenu
+};
+//# sourceMappingURL=ViewChipMenu.js.map

package/dist/backend/views/ViewChipMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/views/ViewChipMenu.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { MoreVertical, Pencil, Copy, Users, Trash2 } from 'lucide-react'\nimport { Button } from '../../primitives/button'\nimport { IconButton } from '../../primitives/icon-button'\nimport { Popover, PopoverTrigger, PopoverContent, PopoverClose } from '../../primitives/popover'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype Props = {\n  kind: 'personal' | 'role'\n  canApplyToRoles: boolean\n  deleting: boolean\n  onRenameStart?: () => void\n  onClone: () => void\n  onShareStart?: () => void\n  onDelete: () => void\n}\n\nexport function ViewChipMenu({ kind, canApplyToRoles, deleting, onRenameStart, onClone, onShareStart, onDelete }: Props) {\n  const t = useT()\n  const showRename = kind === 'personal' && !!onRenameStart\n  const showShare = kind === 'personal' && canApplyToRoles && !!onShareStart\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <IconButton\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"xs\"\n          className=\"h-auto px-0.5 shrink-0 hover:bg-transparent group\"\n          aria-label={t('ui.perspectives.chip.menu', 'View options')}\n        >\n          <MoreVertical className=\"size-3 opacity-60 group-hover:opacity-100 transition-opacity\" />\n        </IconButton>\n      </PopoverTrigger>\n      <PopoverContent align=\"start\" className=\"w-48 p-1.5\">\n        {showRename ? (\n          <PopoverClose asChild>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"w-full justify-start h-9 py-2 px-3 text-sm\"\n              onClick={onRenameStart}\n            >\n              <Pencil className=\"size-3 mr-2\" />\n              {t('ui.perspectives.menu.rename', 'Rename')}\n            </Button>\n          </PopoverClose>\n        ) : null}\n        <PopoverClose asChild>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"w-full justify-start h-9 py-2 px-3 text-sm\"\n            onClick={onClone}\n          >\n            <Copy className=\"size-3 mr-2\" />\n            {t('ui.perspectives.menu.clone', 'Clone')}\n          </Button>\n        </PopoverClose>\n        {showShare ? (\n          <PopoverClose asChild>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"w-full justify-start h-9 py-2 px-3 text-sm\"\n              onClick={onShareStart}\n            >\n              <Users className=\"size-3 mr-2\" />\n              {t('ui.perspectives.menu.share', 'Share with roles...')}\n            </Button>\n          </PopoverClose>\n        ) : null}\n        <div className=\"my-1 border-t\" />\n        <PopoverClose asChild>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"w-full justify-start h-9 py-2 px-3 text-sm text-destructive hover:text-destructive\"\n            onClick={onDelete}\n            disabled={deleting}\n          >\n            <Trash2 className=\"size-3 mr-2\" />\n            {deleting ? t('ui.perspectives.actions.removing', 'Removing\u2026') : t('common.delete', 'Delete')}\n          </Button>\n        </PopoverClose>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],
+  "mappings": ";AAgCU,cAME,YANF;AA9BV,SAAS,cAAc,QAAQ,MAAM,OAAO,cAAc;AAC1D,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,SAAS,gBAAgB,gBAAgB,oBAAoB;AACtE,SAAS,YAAY;AAYd,SAAS,aAAa,EAAE,MAAM,iBAAiB,UAAU,eAAe,SAAS,cAAc,SAAS,GAAU;AACvH,QAAM,IAAI,KAAK;AACf,QAAM,aAAa,SAAS,cAAc,CAAC,CAAC;AAC5C,QAAM,YAAY,SAAS,cAAc,mBAAmB,CAAC,CAAC;AAC9D,SACE,qBAAC,WACC;AAAA,wBAAC,kBAAe,SAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAY,EAAE,6BAA6B,cAAc;AAAA,QAEzD,8BAAC,gBAAa,WAAU,gEAA+D;AAAA;AAAA,IACzF,GACF;AAAA,IACA,qBAAC,kBAAe,OAAM,SAAQ,WAAU,cACrC;AAAA,mBACC,oBAAC,gBAAa,SAAO,MACnB;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UAET;AAAA,gCAAC,UAAO,WAAU,eAAc;AAAA,YAC/B,EAAE,+BAA+B,QAAQ;AAAA;AAAA;AAAA,MAC5C,GACF,IACE;AAAA,MACJ,oBAAC,gBAAa,SAAO,MACnB;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UAET;AAAA,gCAAC,QAAK,WAAU,eAAc;AAAA,YAC7B,EAAE,8BAA8B,OAAO;AAAA;AAAA;AAAA,MAC1C,GACF;AAAA,MACC,YACC,oBAAC,gBAAa,SAAO,MACnB;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UAET;AAAA,gCAAC,SAAM,WAAU,eAAc;AAAA,YAC9B,EAAE,8BAA8B,qBAAqB;AAAA;AAAA;AAAA,MACxD,GACF,IACE;AAAA,MACJ,oBAAC,SAAI,WAAU,iBAAgB;AAAA,MAC/B,oBAAC,gBAAa,SAAO,MACnB;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UAEV;AAAA,gCAAC,UAAO,WAAU,eAAc;AAAA,YAC/B,WAAW,EAAE,oCAAoC,gBAAW,IAAI,EAAE,iBAAiB,QAAQ;AAAA;AAAA;AAAA,MAC9F,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/backend/views/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/backend/views/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/frontend/AuthFooter.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { LanguageSwitcher } from "./LanguageSwitcher.js";
+function AuthFooter() {
+  const pathname = usePathname();
+  const t = useT();
+  const shouldShow = pathname === "/login" || typeof pathname === "string" && pathname.startsWith("/onboarding");
+  if (!shouldShow) return null;
+  return /* @__PURE__ */ jsx("footer", { className: "w-full border-t bg-background/80 backdrop-blur supports-[backdrop-filter]:bg-background/50", children: /* @__PURE__ */ jsxs("div", { className: "max-w-screen-lg mx-auto px-4 py-3 flex flex-wrap items-center justify-end gap-4", children: [
+    /* @__PURE__ */ jsxs("nav", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Link, { href: "/terms", className: "transition hover:text-foreground", children: t("common.terms") }),
+      /* @__PURE__ */ jsx(Link, { href: "/privacy", className: "transition hover:text-foreground", children: t("common.privacy") })
+    ] }),
+    /* @__PURE__ */ jsx(LanguageSwitcher, {})
+  ] }) });
+}
+export {
+  AuthFooter
+};
+//# sourceMappingURL=AuthFooter.js.map

package/dist/frontend/AuthFooter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/frontend/AuthFooter.tsx"],
+  "sourcesContent": ["\"use client\"\nimport Link from 'next/link'\nimport { usePathname } from 'next/navigation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { LanguageSwitcher } from './LanguageSwitcher'\n\nexport function AuthFooter() {\n  const pathname = usePathname()\n  const t = useT()\n  const shouldShow =\n    pathname === '/login' ||\n    (typeof pathname === 'string' && pathname.startsWith('/onboarding'))\n  if (!shouldShow) return null\n  return (\n    <footer className=\"w-full border-t bg-background/80 backdrop-blur supports-[backdrop-filter]:bg-background/50\">\n      <div className=\"max-w-screen-lg mx-auto px-4 py-3 flex flex-wrap items-center justify-end gap-4\">\n        <nav className=\"flex items-center gap-3 text-xs text-muted-foreground\">\n          <Link href=\"/terms\" className=\"transition hover:text-foreground\">\n            {t('common.terms')}\n          </Link>\n          <Link href=\"/privacy\" className=\"transition hover:text-foreground\">\n            {t('common.privacy')}\n          </Link>\n        </nav>\n        <LanguageSwitcher />\n      </div>\n    </footer>\n  )\n}\n"],
+  "mappings": ";AAgBQ,SACE,KADF;AAfR,OAAO,UAAU;AACjB,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,wBAAwB;AAE1B,SAAS,aAAa;AAC3B,QAAM,WAAW,YAAY;AAC7B,QAAM,IAAI,KAAK;AACf,QAAM,aACJ,aAAa,YACZ,OAAO,aAAa,YAAY,SAAS,WAAW,aAAa;AACpE,MAAI,CAAC,WAAY,QAAO;AACxB,SACE,oBAAC,YAAO,WAAU,8FAChB,+BAAC,SAAI,WAAU,mFACb;AAAA,yBAAC,SAAI,WAAU,yDACb;AAAA,0BAAC,QAAK,MAAK,UAAS,WAAU,oCAC3B,YAAE,cAAc,GACnB;AAAA,MACA,oBAAC,QAAK,MAAK,YAAW,WAAU,oCAC7B,YAAE,gBAAgB,GACrB;AAAA,OACF;AAAA,IACA,oBAAC,oBAAiB;AAAA,KACpB,GACF;AAEJ;",
+  "names": []
+}

package/dist/frontend/LanguageSwitcher.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId, useTransition } from "react";
+import { useLocale, useT } from "@open-mercato/shared/lib/i18n/context";
+import { useRouter } from "next/navigation";
+import { locales } from "@open-mercato/shared/lib/i18n/config";
+function LanguageSwitcher() {
+  const current = useLocale();
+  const t = useT();
+  const router = useRouter();
+  const [pending, startTransition] = useTransition();
+  const selectId = useId();
+  const languageLabels = {
+    en: t("common.languages.english", "English"),
+    pl: t("common.languages.polish", "Polski"),
+    es: t("common.languages.spanish", "Espa\xF1ol"),
+    de: t("common.languages.german", "Deutsch")
+  };
+  async function setLocale(locale) {
+    if (locale === current) return;
+    try {
+      const res = await fetch("/api/auth/locale", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ locale })
+      });
+      if (!res.ok) return;
+      startTransition(() => router.refresh());
+      try {
+        window.dispatchEvent(new Event("om:refresh-sidebar"));
+      } catch {
+      }
+    } catch {
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: selectId, children: t("common.language") }),
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          id: selectId,
+          className: "appearance-none rounded-md border bg-background px-3 py-1 pr-8 text-xs focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 disabled:opacity-60",
+          value: current,
+          onChange: (event) => setLocale(event.target.value),
+          disabled: pending,
+          children: locales.map((locale) => /* @__PURE__ */ jsx("option", { value: locale, children: languageLabels[locale] }, locale))
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6" }) }) })
+    ] })
+  ] });
+}
+export {
+  LanguageSwitcher
+};
+//# sourceMappingURL=LanguageSwitcher.js.map