@koda-plus/medusa-plugin-subiekt-nexo 0.2.1 → 0.3.0

package/.medusa/server/src/admin/index.js

@@ -3,14 +3,15 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
 const reactI18next = require("react-i18next");
 const adminSdk = require("@medusajs/admin-sdk");
+const icons = require("@medusajs/icons");
 const ui = require("@medusajs/ui");
 const reactQuery = require("@tanstack/react-query");
 const reactRouterDom = require("react-router-dom");
-const icons = require("@medusajs/icons");
-const react = require("react");
-function backendUrl() {
+const reactDom = require("react-dom");
+function backendUrl$1() {
   try {
     if (typeof __BACKEND_URL__ !== "undefined" && __BACKEND_URL__) return String(__BACKEND_URL__).replace(/\/+$/, "");
   } catch {
@@ -27,7 +28,7 @@ class SubiektRequestError extends Error {
 }
 async function subiektFetch(path, init) {
   const hasBody = (init == null ? void 0 : init.body) !== void 0;
-  const res = await fetch(`${backendUrl()}${path}`, {
+  const res = await fetch(`${backendUrl$1()}${path}`, {
     method: (init == null ? void 0 : init.method) ?? "GET",
     credentials: "include",
     headers: { Accept: "application/json", ...hasBody ? { "Content-Type": "application/json" } : {} },
@@ -82,6 +83,7 @@ function useSubiektTasks(filter, q, offset, limit, poll) {
 function useSubiektDocuments(kind, q, offset, limit, poll) {
   const params = new URLSearchParams({ limit: String(limit), offset: String(offset) });
   if (kind && kind !== "all") params.set("kind", kind);
+  if (q) params.set("q", q);
   return reactQuery.useQuery({
     queryKey: subiektKeys.documents(kind, q, offset, limit),
     queryFn: () => subiektFetch(`/admin/subiekt/documents?${params.toString()}`),
@@ -166,493 +168,240 @@ function useSubiektSendOrder(orderId) {
     onSuccess: () => client.invalidateQueries({ queryKey: subiektKeys.order(orderId) })
   });
 }
-function fmtDateTime(value, lang) {
-  if (!value) return "";
-  const d = new Date(value);
-  if (!Number.isFinite(d.getTime())) return "";
+function useSubiektOrderCheck(orderId) {
+  return reactQuery.useMutation({
+    mutationFn: () => subiektFetch(`/admin/subiekt/orders/${encodeURIComponent(orderId)}/check`, { method: "POST", body: {} })
+  });
+}
+function useSubiektLinkDocument(orderId) {
+  const client = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (body) => subiektFetch(`/admin/subiekt/orders/${encodeURIComponent(orderId)}/link`, { method: "POST", body }),
+    onSuccess: () => client.invalidateQueries({ queryKey: subiektKeys.all })
+  });
+}
+function backendUrl() {
   try {
-    return new Intl.DateTimeFormat(lang, { dateStyle: "medium", timeStyle: "short" }).format(d);
+    if (typeof __BACKEND_URL__ !== "undefined" && __BACKEND_URL__ && __BACKEND_URL__ !== "/") return String(__BACKEND_URL__).replace(/\/+$/, "");
   } catch {
-    return d.toISOString().slice(0, 16).replace("T", " ");
   }
+  return "";
 }
-function fmtDuration(ms) {
-  if (!Number.isFinite(ms) || ms <= 0) return "0 s";
-  return ms < 1e4 ? `${(ms / 1e3).toFixed(1)} s` : `${Math.round(ms / 1e3)} s`;
-}
-function fmtNumber(value, lang) {
-  const n = typeof value === "number" ? value : Number(value);
-  if (!Number.isFinite(n)) return "0";
+function authHeaders() {
+  let type = "session";
   try {
-    return new Intl.NumberFormat(lang).format(n);
+    if (typeof __AUTH_TYPE__ !== "undefined" && __AUTH_TYPE__) type = String(__AUTH_TYPE__);
   } catch {
-    return String(n);
   }
+  if (type !== "jwt") return {};
+  let key = "medusa_auth_token";
+  try {
+    if (typeof __JWT_TOKEN_STORAGE_KEY__ !== "undefined" && __JWT_TOKEN_STORAGE_KEY__) key = String(__JWT_TOKEN_STORAGE_KEY__);
+  } catch {
+  }
+  let token = null;
+  try {
+    token = window.localStorage.getItem(key) ?? window.sessionStorage.getItem(key);
+  } catch {
+    token = null;
+  }
+  return token ? { Authorization: `Bearer ${token}` } : {};
 }
-const TASK_TONE = {
-  waiting: "purple",
-  pending: "blue",
-  running: "blue",
-  unknown: "orange",
-  succeeded: "green",
-  failed: "red",
-  canceled: "grey"
-};
-function TaskStatusBadge({ status }) {
-  const { t } = reactI18next.useTranslation("subiekt");
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: TASK_TONE[status] ?? "grey", children: t(`tasks.statuses.${status}`) });
-}
-const RUN_TONE = { success: "green", partial: "orange", error: "red", skipped: "grey" };
-function RunStatusBadge({ status }) {
-  const { t } = reactI18next.useTranslation("subiekt");
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: RUN_TONE[status] ?? "grey", children: t(`runs.statuses.${status}`) });
-}
-function DocumentStatusBadge({ status }) {
-  const { t } = reactI18next.useTranslation("subiekt");
-  const tone = status === "canceled" ? "grey" : status === "completed" ? "green" : "blue";
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: tone, children: t(`documents.statuses.${status}`, { defaultValue: status }) });
-}
-const CATALOG_TONE = {
-  planned: "blue",
-  applied: "green",
-  simulated: "purple",
-  over_cap: "grey",
-  stale: "orange",
-  failed: "red",
-  quarantined: "red",
-  skipped: "grey"
-};
-function CatalogStatusBadge({ status }) {
-  const { t } = reactI18next.useTranslation("subiekt");
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: CATALOG_TONE[status] ?? "grey", children: t(`products.statuses.${status}`, { defaultValue: status }) });
-}
-function SampleList({ label, items }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", className: "font-mono", children: item }, item)) })
-  ] });
-}
-function RichText({ text }) {
-  const parts = text.split("`");
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parts.map(
-    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsxRuntime.jsx("code", { className: "txt-compact-xsmall rounded border border-ui-border-base bg-ui-bg-subtle px-1 font-mono text-ui-fg-base", children: part }, i) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: part }, i)
-  ) });
+class KitRequestError extends Error {
+  constructor(status, message, code, body) {
+    super(message);
+    __publicField(this, "status");
+    __publicField(this, "code");
+    __publicField(this, "body");
+    this.name = "KitRequestError";
+    this.status = status;
+    this.code = code;
+    this.body = body;
+  }
 }
-function connectionState(s) {
-  var _a;
-  if (!s) return { key: "unknown", tone: "grey" };
-  if (s.mode === "demo") return { key: "demo", tone: "purple" };
-  if (!s.configured) return { key: "notConfigured", tone: "orange" };
-  if (!s.connection.checkedAt && !s.connection.lastErrorAt) return { key: "unknown", tone: "grey" };
-  if (!s.connection.reachable) return { key: "unreachable", tone: "red" };
-  if (s.connection.health && !((_a = s.connection.health.subiekt) == null ? void 0 : _a.connected)) return { key: "subiektDown", tone: "orange" };
-  return { key: "connected", tone: "green" };
+function kitRequestInit(init = {}) {
+  const method = init.method ?? "GET";
+  const write = method !== "GET";
+  const hasBody = init.body !== void 0;
+  return {
+    method,
+    credentials: "include",
+    signal: init.signal,
+    headers: {
+      Accept: "application/json",
+      ...write ? { "Content-Type": "application/json", "x-koda-request": "1" } : {},
+      ...authHeaders(),
+      ...init.headers ?? {}
+    },
+    body: write ? JSON.stringify(hasBody ? init.body : {}) : void 0
+  };
 }
-function ConnectionBadge({ status }) {
-  const { t } = reactI18next.useTranslation("subiekt");
-  const state = connectionState(status);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: state.tone, children: t(`mode.${state.key}`) });
+async function kitFetch(path, init = {}) {
+  const res = await fetch(`${backendUrl()}${path}`, kitRequestInit(init));
+  const text = await res.text();
+  let json = null;
+  try {
+    json = text ? JSON.parse(text) : null;
+  } catch {
+    json = null;
+  }
+  if (!res.ok) {
+    const body = json && typeof json === "object" ? json : {};
+    throw new KitRequestError(res.status, typeof body.message === "string" ? body.message : `HTTP ${res.status}`, typeof body.code === "string" ? body.code : null, json);
+  }
+  return json;
 }
-function StatTile({ label, value, tone }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1 px-6 py-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", leading: "compact", className: "text-ui-fg-subtle", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Text,
-      {
-        size: "xlarge",
-        weight: "plus",
-        leading: "compact",
-        className: ui.clx("tabular-nums", tone === "attention" ? "text-ui-tag-red-text" : tone === "muted" ? "text-ui-fg-muted" : "text-ui-fg-base"),
-        children: value
-      }
-    )
+function WidgetFrame({ embedded, header, children, className }) {
+  if (embedded) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.clx("divide-y divide-ui-border-base", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: ui.clx("divide-y p-0", className), children: [
+    header,
+    children
   ] });
 }
-function Field({ label, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[minmax(120px,1fr)_2fr] items-start gap-x-4 px-6 py-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "txt-compact-small text-ui-fg-base min-w-0 break-words", children })
+function KitLoading({ label, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "status", "aria-live": "polite", className: ui.clx("flex min-h-[8rem] flex-col items-center justify-center gap-y-2 px-6 py-8", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-5 animate-spin rounded-full border-2 border-ui-border-base border-t-ui-fg-interactive" }),
+    label ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small text-ui-fg-subtle", children: label }) : null
   ] });
 }
-function FilterPills({ value, options, onChange }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-2", children: options.map((o) => /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      onClick: () => onChange(o.value),
-      className: ui.clx(
-        "txt-compact-small-plus rounded-full border px-3 py-1 transition-colors",
-        value === o.value ? "border-ui-border-interactive bg-ui-bg-highlight text-ui-fg-interactive" : "border-ui-border-base text-ui-fg-subtle hover:bg-ui-bg-base-hover"
-      ),
-      children: [
-        o.label,
-        typeof o.count === "number" && o.count > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", className: "ml-2", children: o.count }) : null
-      ]
-    },
-    o.value
-  )) });
+function KitSkeletonRows({ cols, rows = 6 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Array.from({ length: rows }, (_, r) => /* @__PURE__ */ jsxRuntime.jsx("tr", { "aria-hidden": true, className: "border-b border-ui-border-base last:border-b-0", children: Array.from({ length: cols }, (_2, c) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-3.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block h-3 animate-pulse rounded bg-ui-bg-component", style: { width: `${45 + (r * 7 + c * 13) % 45}%` } }) }, c)) }, r)) });
 }
-function Pager({ offset, limit, count, onChange }) {
-  const { t } = reactI18next.useTranslation("subiekt");
-  if (count <= limit) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle tabular-nums", children: t("tasks.page", { from: offset + 1, to: Math.min(offset + limit, count), count }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-x-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", disabled: offset === 0, onClick: () => onChange(Math.max(0, offset - limit)), children: t("tasks.prev") }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", disabled: offset + limit >= count, onClick: () => onChange(offset + limit), children: t("tasks.next") })
-    ] })
-  ] });
+const KIT_META = {
+  pkg: "@koda-plus/medusa-plugin-subiekt-nexo",
+  version: "0.3.0"
+};
+const NBSP = " ";
+const NBHY = "‑";
+const SHORT = /(^|[\s("„])(oraz|albo|lub|ale|że|bo|czy|gdy|aby|by|więc|jak|na|do|za|ze|we|od|po|to|[aiouwze])[ \t]+/gi;
+function nb(text) {
+  let out = text;
+  for (let k = 0; k < 2; k++) out = out.replace(SHORT, `$1$2${NBSP}`);
+  out = out.replace(/(\d) (?=\d{3}\b)/g, `$1${NBSP}`);
+  out = out.replace(/\b([eE])-(?=mail)/g, `$1${NBHY}`);
+  return out.replace(/(\d) (zł|€|Kč|EUR|USD|PLN|CZK|mln|tys\.|cm|mm|m²|%)/g, `$1${NBSP}$2`);
 }
-const num = (v) => typeof v === "number" && Number.isFinite(v) ? v : 0;
-function runSummary(run, t) {
-  const s = run.stats ?? {};
-  if (run.status === "error" || run.status === "skipped" || !run.stats) return run.message ?? "";
-  if (run.kind === "stock") {
-    const changes = num(s.toUpdate) + num(s.toCreate);
-    return t(run.dryRun ? "runs.summary.stockDry" : "runs.summary.stock", { changes, unchanged: num(s.unchanged) });
-  }
-  if (run.kind === "tasks") {
-    const vars = { succeeded: num(s.succeeded), retry: num(s.retry), failed: num(s.failed) };
-    return t(vars.retry || vars.failed ? "runs.summary.tasksIssues" : "runs.summary.tasks", vars);
-  }
-  if (run.kind === "events") return num(s.read) > 0 ? t("runs.summary.events", { applied: num(s.applied) }) : t("runs.summary.eventsNone");
-  if (run.kind === "health" && run.status === "success") return t("runs.summary.health");
-  if (run.kind === "products") {
-    const applied = num(s.applied) + num(s.simulated);
-    return t(run.dryRun ? "runs.summary.productsPlan" : "runs.summary.productsApplied", {
-      prices: num(s.priceChanges),
-      creates: num(s.toCreate),
-      applied,
-      failed: num(s.failed)
-    });
+function typeset(value) {
+  if (typeof value === "string") return nb(value);
+  if (Array.isArray(value)) return value.map((v) => typeset(v));
+  if (value && typeof value === "object") {
+    return Object.fromEntries(Object.entries(value).map(([k, v]) => [k, typeset(v)]));
   }
-  return run.message ?? "";
+  return value;
 }
-function fmtMoney(value, currency, lang) {
-  if (typeof value !== "number" || !Number.isFinite(value)) return "-";
-  try {
-    return new Intl.NumberFormat(lang, { style: "currency", currency: currency.toUpperCase() }).format(value);
-  } catch {
-    return `${value.toFixed(2)} ${currency.toUpperCase()}`;
-  }
+function usePageNav(tabs) {
+  const [params, setParams] = reactRouterDom.useSearchParams();
+  const raw = params.get("view");
+  const view = raw === "guide" || raw === "settings" ? raw : "panel";
+  const asked = params.get("tab") ?? "";
+  const tab = tabs.includes(asked) ? asked : tabs[0];
+  const go = (next, nextTab) => {
+    const p = new URLSearchParams(params);
+    if (next === "panel") p.delete("view");
+    else p.set("view", next);
+    if (next === "settings") p.set("tab", nextTab ?? tab);
+    else p.delete("tab");
+    setParams(p, { replace: true });
+  };
+  return { view, tab, go };
 }
-function fmtMs(ms) {
-  if (typeof ms !== "number" || !Number.isFinite(ms)) return "-";
-  const abs = Math.abs(ms);
-  return abs < 1e3 ? `${Math.round(ms)} ms` : `${(ms / 1e3).toFixed(abs < 1e4 ? 1 : 0)} s`;
+const VIEWS = ["panel", "guide", "settings"];
+const VIEW_ICON = { panel: /* @__PURE__ */ jsxRuntime.jsx(icons.ChartBar, {}), guide: /* @__PURE__ */ jsxRuntime.jsx(icons.BookOpen, {}), settings: /* @__PURE__ */ jsxRuntime.jsx(icons.CogSixTooth, {}) };
+function PageTabs({ value, onChange, labels }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tablist", className: "flex flex-wrap items-center gap-1", children: VIEWS.map((v) => {
+    const on = v === value;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": on,
+        onClick: () => onChange(v),
+        className: ui.clx(
+          "txt-compact-small-plus inline-flex items-center gap-x-1.5 rounded-md px-2.5 py-1.5 outline-none transition-fg focus-visible:shadow-borders-focus",
+          on ? "bg-ui-bg-base text-ui-fg-base shadow-borders-base" : "text-ui-fg-subtle hover:bg-ui-bg-base-hover hover:text-ui-fg-base"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.clx("flex", on ? "text-ui-fg-interactive" : "text-ui-fg-muted"), children: VIEW_ICON[v] }),
+          labels[v]
+        ]
+      },
+      v
+    );
+  }) });
 }
-function resolveText(value, lang) {
-  if (!value) return void 0;
-  if (typeof value === "string") return value;
-  const pl2 = lang.toLowerCase().startsWith("pl");
-  return (pl2 ? value.pl ?? value.en : value.en ?? value.pl) || void 0;
-}
-function referencesFor(list, lang) {
-  return (list ?? []).map((r) => ({
-    name: r.name,
-    url: r.url ?? void 0,
-    soon: r.soon,
-    icon: r.icon,
-    description: resolveText(r.description, lang),
-    metrics: r.metrics.map((m) => ({ label: resolveText(m.label, lang) ?? "", value: m.value })).filter((m) => m.label),
-    links: r.links.map((l) => ({ label: resolveText(l.label, lang) ?? l.url, url: l.url })),
-    review: r.review ? { ...r.review, quote: resolveText(r.review.quote ?? void 0, lang) } : null
-  }));
+const POINT_TONE = {
+  grey: "border-ui-border-base bg-ui-bg-subtle text-ui-fg-subtle",
+  green: "border-ui-tag-green-border bg-ui-tag-green-bg text-ui-tag-green-text",
+  orange: "border-ui-tag-orange-border bg-ui-tag-orange-bg text-ui-tag-orange-text",
+  red: "border-ui-tag-red-border bg-ui-tag-red-bg text-ui-tag-red-text",
+  blue: "border-ui-tag-blue-border bg-ui-tag-blue-bg text-ui-tag-blue-text"
+};
+function KeyPoints({ items, label, className }) {
+  const shown = items.filter((p) => Boolean(p));
+  if (!shown.length) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": label, title: label, className: ui.clx("flex min-w-0 flex-nowrap items-center gap-1.5 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", className), children: shown.map((p, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { title: p.title, className: ui.clx("txt-compact-xsmall-plus inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-full border px-2 py-0.5", POINT_TONE[p.tone ?? "grey"]), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "flex shrink-0 [&_svg]:size-3.5", children: p.icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: p.text })
+  ] }, i)) });
+}
+function OtherActions({ items }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.map((a) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "secondary", isLoading: a.loading, disabled: a.disabled, onClick: a.onClick, className: "whitespace-nowrap", children: [
+    a.icon,
+    a.label
+  ] }, a.key)) });
 }
-function fmtRating(value, lang) {
+function isWhiteLabel() {
+  var _a;
   try {
-    return new Intl.NumberFormat(lang, { minimumFractionDigits: 1, maximumFractionDigits: 1 }).format(value);
+    return Boolean((_a = globalThis.__KODA_KIT__) == null ? void 0 : _a.whiteLabel);
   } catch {
-    return value.toFixed(1);
+    return false;
   }
 }
-function MedusaMark({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 36 38", fill: "none", "aria-hidden": true, className, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      d: "M30.85 6.16832L22.2453 1.21782C19.4299 -0.405941 15.9801 -0.405941 13.1648 1.21782L4.52043 6.16832C1.74473 7.79208 0 10.802 0 14.0099V23.9505C0 27.198 1.74473 30.1683 4.52043 31.7921L13.1251 36.7822C15.9405 38.4059 19.3903 38.4059 22.2056 36.7822L30.8103 31.7921C33.6257 30.1683 35.3307 27.198 35.3307 23.9505V14.0099C35.41 10.802 33.6653 7.79208 30.85 6.16832ZM17.6852 27.8317C12.8079 27.8317 8.8426 23.8713 8.8426 19C8.8426 14.1287 12.8079 10.1683 17.6852 10.1683C22.5625 10.1683 26.5674 14.1287 26.5674 19C26.5674 23.8713 22.6022 27.8317 17.6852 27.8317Z",
-      fill: "currentColor"
-    }
-  ) });
-}
-function StoreColumn({ label, hint }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-x-1.5", title: hint, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(MedusaMark, { className: "h-3.5 w-3.5 text-ui-fg-muted" }),
-    label
-  ] });
-}
-function StoreLink({ to, title, mono, monoTitle, action }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Link, { to, className: "group flex items-center gap-x-2.5", title: action, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-ui-bg-component shadow-borders-base transition-fg group-hover:bg-ui-bg-component-hover", children: /* @__PURE__ */ jsxRuntime.jsx(MedusaMark, { className: "h-4 w-4 text-ui-fg-base" }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small-plus truncate text-ui-fg-base group-hover:text-ui-fg-interactive", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-x-1.5", children: [
-        mono ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-mono text-ui-fg-muted txt-compact-xsmall", title: monoTitle, children: mono }) : null,
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "txt-compact-xsmall-plus inline-flex shrink-0 items-center gap-x-0.5 text-ui-fg-interactive", children: [
-          action,
-          /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpRightMini, {})
-        ] })
-      ] })
-    ] })
-  ] });
-}
-function StoreUnlinked({ label, hint, mono }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-y-1", title: hint, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "orange", children: label }),
-    mono ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-ui-fg-muted txt-compact-xsmall", children: mono }) : null
-  ] });
-}
-function StoreOrderCell({ orderId, displayId }) {
-  const { t } = reactI18next.useTranslation("subiekt");
-  if (!orderId) return /* @__PURE__ */ jsxRuntime.jsx(StoreUnlinked, { label: t("store.noOrder"), hint: t("store.noOrderHint") });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    StoreLink,
-    {
-      to: `/orders/${orderId}`,
-      title: displayId ? `#${displayId}` : orderId,
-      mono: displayId ? orderId : null,
-      monoTitle: orderId,
-      action: t("store.openOrder")
-    }
-  );
-}
-function SubiektIcon({ width = 15, height = 15, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      width,
-      height,
-      viewBox: "0 0 192 192",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "192", height: "192", rx: "40", fill: "#0071B8" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            fill: "#FFFFFF",
-            d: "M38.4 134.71L38.4 123.08Q40.4 124.84 43.19 126.25 45.98 127.66 49.06 128.63 52.15 129.6 55.26 130.13 58.37 130.66 61.02 130.66 70.12 130.66 74.62 127.28 79.11 123.9 79.11 117.56 79.11 114.15 77.61 111.63 76.12 109.1 73.47 107.02 70.83 104.93 67.21 103.02 63.6 101.11 59.43 99 55.03 96.76 51.21 94.47 47.39 92.18 44.57 89.42 41.75 86.66 40.13 83.16 38.52 79.67 38.52 74.97 38.52 69.21 41.04 64.95 43.57 60.69 47.68 57.93 51.79 55.17 57.05 53.82 62.31 52.47 67.77 52.47 80.23 52.47 85.93 55.47L85.93 66.57Q78.46 61.4 66.77 61.4 63.54 61.4 60.31 62.07 57.08 62.75 54.56 64.28 52.03 65.8 50.44 68.21 48.86 70.62 48.86 74.09 48.86 77.32 50.06 79.67 51.27 82.02 53.62 83.96 55.97 85.9 59.34 87.72 62.72 89.54 67.13 91.71 71.65 93.94 75.7 96.41 79.76 98.88 82.81 101.87 85.87 104.87 87.66 108.51 89.45 112.15 89.45 116.85 89.45 123.08 87.01 127.4 84.57 131.72 80.43 134.42 76.29 137.12 70.89 138.33 65.48 139.53 59.49 139.53 57.49 139.53 54.56 139.21 51.62 138.88 48.56 138.27 45.51 137.65 42.78 136.74 40.04 135.83 38.4 134.71M153.6 77.96L153.6 138.12 143.97 138.12 143.97 128.6 143.73 128.6Q137.74 139.53 125.17 139.53 103.67 139.53 103.67 113.92L103.67 77.96 113.24 77.96 113.24 112.39Q113.24 131.42 127.81 131.42 134.86 131.42 139.41 126.22 143.97 121.03 143.97 112.63L143.97 77.96"
-          }
-        )
-      ]
-    }
-  );
-}
-const SubiektOrderWidget = ({ data }) => {
-  var _a, _b, _c, _d;
-  const { t, i18n } = reactI18next.useTranslation("subiekt");
-  const lang = i18n.language || "en";
-  const q = useSubiektOrder(data.id);
-  const send = useSubiektSendOrder(data.id);
-  const issue = useSubiektIssueDocument(data.id);
-  const retry = useSubiektRetry();
-  const documents = ((_a = q.data) == null ? void 0 : _a.documents) ?? [];
-  const tasks = ((_b = q.data) == null ? void 0 : _b.tasks) ?? [];
-  const sales = (_c = q.data) == null ? void 0 : _c.salesDocument;
-  const create = tasks.find((task) => task.kind === "order.create");
-  const documentTask = tasks.find((task) => task.kind === "order.document");
-  const hasZk = documents.some((d) => d.kind === "ZK" && d.status !== "canceled");
-  const hasSales = documents.some((d) => (d.kind === "FS" || d.kind === "PA") && d.status !== "canceled");
-  const busy = (create == null ? void 0 : create.status) === "pending" || (create == null ? void 0 : create.status) === "running";
-  const documentBusy = documentTask ? ["pending", "running", "unknown"].includes(documentTask.status) : false;
-  const canceled = data.status === "canceled";
-  const offerIssue = Boolean(sales && sales.option !== "none" && sales.supported && hasZk && !hasSales && !documentBusy && !canceled);
-  const onSend = async () => {
-    try {
-      await send.mutateAsync();
-      ui.toast.success(t("widget.sent"));
-    } catch (err) {
-      ui.toast.error(t("toast.error", { error: errorMessage(err) }));
-    }
-  };
-  const onIssue = async (kind) => {
-    try {
-      await issue.mutateAsync(kind);
-      ui.toast.success(t("widget.issued"));
-    } catch (err) {
-      ui.toast.error(t("toast.error", { error: errorMessage(err) }));
-    }
-  };
-  const onRetry = async (id) => {
-    try {
-      await retry.mutateAsync(id);
-      ui.toast.success(t("toast.retried"));
-      void q.refetch();
-    } catch (err) {
-      ui.toast.error(t("toast.error", { error: errorMessage(err) }));
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SubiektIcon, { width: 18, height: 18, className: "shrink-0" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: t("widget.title") }),
-        ((_d = q.data) == null ? void 0 : _d.mode) === "demo" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "purple", children: t("widget.demo") }) : null
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/app/subiekt", className: "txt-compact-small text-ui-fg-interactive hover:text-ui-fg-interactive-hover", children: t("widget.more") })
-    ] }),
-    q.isLoading ? null : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      documents.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-2 px-6 py-4", children: documents.map((d) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-x-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "font-mono", children: d.number }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: [
-            fmtDateTime(d.issuedAt, lang),
-            ", ",
-            t(`documents.sources.${d.source}`, { defaultValue: d.source })
-          ] }),
-          d.kind === "FS" && d.status !== "canceled" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: d.ksefNumber ? "break-all font-mono text-ui-fg-subtle" : "text-ui-fg-muted", children: d.ksefNumber ? t("widget.ksef", { number: d.ksefNumber }) : t("widget.ksefWaiting") }) : null
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(DocumentStatusBadge, { status: d.status })
-      ] }, d.id)) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: (create == null ? void 0 : create.status) === "waiting" ? t("widget.waiting") : t("widget.none") }) }),
-      tasks.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: tasks.map((task) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-x-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: task.kind === "order.document" && (task.documentKind === "fs" || task.documentKind === "pa") ? t(`tasks.documentKinds.${task.documentKind}`) : t(`tasks.kinds.${task.kind}`) }),
-          /* @__PURE__ */ jsxRuntime.jsx(TaskStatusBadge, { status: task.status })
-        ] }),
-        task.buyer ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: task.buyer.source === "retail" ? t("tasks.buyer.retail") : t(`tasks.buyer.${task.buyer.source}`, { name: task.buyer.name ?? task.buyer.symbol ?? "?", nip: task.buyer.nip ?? "?" }) }) : null,
-        task.warnings.map((w) => /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-tag-orange-text", children: w }, w)),
-        task.lastError && task.status !== "succeeded" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: task.status === "failed" ? "text-ui-tag-red-text" : "text-ui-fg-muted", children: task.lastError }) : null,
-        task.status === "unknown" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-tag-orange-text", children: t("tasks.unknownHint") }) : null,
-        task.manualAction ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-tag-orange-text", children: t("tasks.manual") }) : null,
-        task.status === "failed" ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", isLoading: retry.isPending && retry.variables === task.id, onClick: () => onRetry(task.id), children: t("actions.retry") }) }) : null
-      ] }, task.id)) }) : null,
-      !hasZk && !busy && !canceled && (create == null ? void 0 : create.status) !== "failed" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", isLoading: send.isPending, onClick: onSend, children: t("widget.send") }) }) : null,
-      offerIssue && sales ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 px-6 py-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: sales.writerActive ? t("widget.autoOn", { after: sales.after.toUpperCase() }) : t("widget.autoOff") }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
-          sales.option === "fs" || sales.option === "auto" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", isLoading: issue.isPending && issue.variables === "fs", onClick: () => onIssue("fs"), children: t("widget.issueFs") }) : null,
-          sales.option === "pa" || sales.option === "auto" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", isLoading: issue.isPending && issue.variables === "pa", onClick: () => onIssue("pa"), children: t("widget.issuePa") }) : null
-        ] })
-      ] }) : null
-    ] })
-  ] });
-};
-adminSdk.defineWidgetConfig({
-  zone: "order.details.side.after"
-});
-const KIT_META = {
-  pkg: "@koda-plus/medusa-plugin-subiekt-nexo",
-  version: "0.2.1"
-};
-const NBSP = " ";
-const NBHY = "‑";
-const SHORT = /(^|[\s("„])(oraz|albo|lub|ale|że|bo|czy|gdy|aby|by|więc|jak|na|do|za|ze|we|od|po|to|[aiouwze])[ \t]+/gi;
-function nb(text) {
-  let out = text;
-  for (let k = 0; k < 2; k++) out = out.replace(SHORT, `$1$2${NBSP}`);
-  out = out.replace(/(\d) (?=\d{3}\b)/g, `$1${NBSP}`);
-  out = out.replace(/\b([eE])-(?=mail)/g, `$1${NBHY}`);
-  return out.replace(/(\d) (zł|€|Kč|EUR|USD|PLN|CZK|mln|tys\.|cm|mm|m²|%)/g, `$1${NBSP}$2`);
-}
-function typeset(value) {
-  if (typeof value === "string") return nb(value);
-  if (Array.isArray(value)) return value.map((v) => typeset(v));
-  if (value && typeof value === "object") {
-    return Object.fromEntries(Object.entries(value).map(([k, v]) => [k, typeset(v)]));
-  }
-  return value;
-}
-function usePageNav(tabs) {
-  const [params, setParams] = reactRouterDom.useSearchParams();
-  const raw = params.get("view");
-  const view = raw === "guide" || raw === "settings" ? raw : "panel";
-  const asked = params.get("tab") ?? "";
-  const tab = tabs.includes(asked) ? asked : tabs[0];
-  const go = (next, nextTab) => {
-    const p = new URLSearchParams(params);
-    if (next === "panel") p.delete("view");
-    else p.set("view", next);
-    if (next === "settings") p.set("tab", nextTab ?? tab);
-    else p.delete("tab");
-    setParams(p, { replace: true });
-  };
-  return { view, tab, go };
-}
-const VIEWS = ["panel", "guide", "settings"];
-const VIEW_ICON = { panel: /* @__PURE__ */ jsxRuntime.jsx(icons.ChartBar, {}), guide: /* @__PURE__ */ jsxRuntime.jsx(icons.BookOpen, {}), settings: /* @__PURE__ */ jsxRuntime.jsx(icons.CogSixTooth, {}) };
-function PageTabs({ value, onChange, labels }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tablist", className: "flex flex-wrap items-center gap-1", children: VIEWS.map((v) => {
-    const on = v === value;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        role: "tab",
-        "aria-selected": on,
-        onClick: () => onChange(v),
-        className: ui.clx(
-          "txt-compact-small-plus inline-flex items-center gap-x-1.5 rounded-md px-2.5 py-1.5 outline-none transition-fg focus-visible:shadow-borders-focus",
-          on ? "bg-ui-bg-base text-ui-fg-base shadow-borders-base" : "text-ui-fg-subtle hover:bg-ui-bg-base-hover hover:text-ui-fg-base"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.clx("flex", on ? "text-ui-fg-interactive" : "text-ui-fg-muted"), children: VIEW_ICON[v] }),
-          labels[v]
-        ]
-      },
-      v
-    );
-  }) });
-}
-function OtherActions({ items, label }) {
-  if (items.length === 1) {
-    const a = items[0];
-    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "secondary", isLoading: a.loading, disabled: a.disabled, onClick: a.onClick, children: [
-      a.icon,
-      a.label
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "secondary", children: [
-      label,
-      /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownMini, {})
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenu.Content, { align: "end", children: items.map((a) => /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu.Item, { disabled: a.disabled || a.loading, onClick: a.onClick, className: "gap-x-2", children: [
-      a.icon,
-      a.label
-    ] }, a.key)) })
-  ] });
-}
-function IntegrationHeader({
-  icon,
-  title,
-  by,
-  badges,
-  description,
-  social,
-  help,
-  view,
-  onView,
-  labels,
-  primary,
-  actions = []
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 pb-5 pt-5", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2.5 gap-y-1.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0", children: icon }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: title }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: by }),
-          badges ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex flex-wrap items-center gap-1.5", children: badges }) : null
-        ] }),
-        help ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0", children: help }) : null
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "max-w-3xl text-ui-fg-subtle", children: description }),
-      social ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-2 pt-0.5", children: social }) : null
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 border-t border-ui-border-base bg-ui-bg-subtle px-6 py-2.5 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(PageTabs, { value: view, onChange: onView, labels }),
-      primary || actions.length ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-        actions.length ? /* @__PURE__ */ jsxRuntime.jsx(OtherActions, { items: actions, label: labels.more }) : null,
-        primary ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "primary", isLoading: primary.loading, disabled: primary.disabled, onClick: primary.onClick, children: [
-          primary.icon,
-          primary.label
-        ] }) : null
-      ] }) : null
-    ] })
-  ] });
+function IntegrationHeader({
+  icon,
+  title,
+  badges,
+  featured,
+  description,
+  points,
+  social,
+  help,
+  view,
+  onView,
+  labels,
+  primary,
+  actions = []
+}) {
+  const plain2 = isWhiteLabel();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 pb-5 pt-5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2.5 gap-y-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0", children: icon }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: title }),
+          featured && !plain2 || badges ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-wrap items-center gap-1.5", children: [
+            featured && !plain2 ? /* @__PURE__ */ jsxRuntime.jsx(FeaturedBadge, { url: featured.url, labels: featured.labels }) : null,
+            badges
+          ] }) : null
+        ] }),
+        help && !plain2 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0", children: help }) : null
+      ] }),
+      points && points.some(Boolean) ? /* @__PURE__ */ jsxRuntime.jsx(KeyPoints, { items: points, label: description }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "max-w-3xl text-ui-fg-subtle", children: description }),
+      social && !plain2 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-2 pt-0.5", children: social }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 border-t border-ui-border-base bg-ui-bg-subtle px-6 py-2.5 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(PageTabs, { value: view, onChange: onView, labels }),
+      primary || actions.length ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        actions.length ? /* @__PURE__ */ jsxRuntime.jsx(OtherActions, { items: actions, label: labels.more }) : null,
+        primary ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "primary", isLoading: primary.loading, disabled: primary.disabled, onClick: primary.onClick, children: [
+          primary.icon,
+          primary.label
+        ] }) : null
+      ] }) : null
+    ] })
+  ] });
 }
 function ModeBadge({ color, label, title, children }) {
   if (!children) return /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color, children: label });
@@ -667,149 +416,31 @@ function ModeBadge({ color, label, title, children }) {
     ] })
   ] });
 }
-function splitReferences(items) {
-  return {
-    live: items.filter((r) => !r.soon && typeof r.url === "string" && r.url !== ""),
-    soon: items.filter((r) => r.soon === true)
-  };
-}
-const host = (url) => {
-  try {
-    return new URL(url).host.replace(/^www\./, "");
-  } catch {
-    return url;
-  }
-};
-const STAR = "M10 1.5l2.6 5.3 5.9.9-4.25 4.1 1 5.85L10 14.9l-5.25 2.75 1-5.85L1.5 7.7l5.9-.9L10 1.5z";
-function Stars({ rating, scale = 5, size = 12 }) {
-  const fill = Math.max(0, Math.min(1, rating / (scale || 5))) * 100;
-  const row = (color) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex gap-x-px", style: { color }, children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: STAR, fill: "currentColor" }) }, i)) });
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative inline-flex shrink-0", "aria-hidden": true, children: [
-    row("var(--fg-disabled)"),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-y-0 left-0 overflow-hidden", style: { width: `${fill}%` }, children: row("#F5A524") })
-  ] });
-}
-function SourceMark({ review, height = 10 }) {
-  if (!review.icon) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", weight: "plus", className: "text-ui-fg-subtle", children: review.source });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex shrink-0 items-center rounded-full bg-white px-2 py-1 shadow-borders-base", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: review.icon, alt: review.source, style: { height, width: "auto" } }) });
-}
-function StoreIcon({ reference, size }) {
-  const box = { width: size, height: size };
-  return reference.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: reference.icon, alt: "", width: size, height: size, style: box, className: "shrink-0 rounded-md bg-white object-contain shadow-borders-base" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: box, className: "txt-compact-xsmall-plus flex shrink-0 items-center justify-center rounded-md bg-ui-bg-base text-ui-fg-base shadow-borders-base", children: reference.name.slice(0, 1).toUpperCase() });
-}
-function meanRating(items) {
-  const reviews = items.map((r) => r.review).filter((r) => Boolean(r));
-  if (reviews.length === 0) return null;
-  const value = reviews.reduce((sum, r) => sum + r.rating / (r.scale || 5) * 5, 0) / reviews.length;
-  return { value: Math.round(value * 10) / 10, first: reviews[0] };
-}
-function ReferencesBadge({ items, labels }) {
-  const { live, soon } = splitReferences(items);
-  if (live.length + soon.length === 0) return null;
-  const mean = meanRating(live);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        className: "inline-flex h-9 max-w-full items-center gap-x-3 rounded-full border border-ui-border-base bg-ui-bg-component py-1 pl-1.5 pr-3 outline-none transition-fg hover:bg-ui-bg-component-hover focus-visible:shadow-borders-focus",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center", children: [...live, ...soon].slice(0, 3).map((r, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.clx("rounded-md", i > 0 && "-ml-2", r.soon && "opacity-50"), children: /* @__PURE__ */ jsxRuntime.jsx(StoreIcon, { reference: r, size: 24 }) }, r.url ?? r.name)) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-x-1.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small-plus truncate text-ui-fg-base", children: labels.count(live.length, soon.length) }),
-            live.length > 0 && soon.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small shrink-0 text-ui-fg-muted", children: labels.soonMore(soon.length) }) : null
-          ] }),
-          mean ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex shrink-0 items-center gap-x-2 border-l border-ui-border-base pl-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Stars, { rating: mean.value, size: 13 }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small-plus tabular-nums text-ui-fg-base", children: labels.rating(mean.value) }),
-            /* @__PURE__ */ jsxRuntime.jsx(SourceMark, { review: mean.first, height: 10 })
-          ] }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownMini, { className: "-ml-1 shrink-0 text-ui-fg-muted" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover.Content, { align: "start", sideOffset: 8, className: "w-[min(460px,calc(100vw-32px))] p-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-0.5 border-b border-ui-border-base px-4 py-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-base", children: labels.title }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: labels.subtitle })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "flex max-h-[60vh] flex-col divide-y divide-ui-border-base overflow-y-auto", children: [
-        live.map((r) => {
-          var _a, _b;
-          return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex flex-col gap-y-2 px-4 py-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("a", { href: r.url, target: "_blank", rel: "noreferrer", className: "group flex items-center gap-x-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(StoreIcon, { reference: r, size: 32 }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "truncate text-ui-fg-base", children: r.name }),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "truncate text-ui-fg-interactive group-hover:text-ui-fg-interactive-hover", children: host(r.url) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpRightOnBox, { className: "ml-auto shrink-0 text-ui-fg-muted group-hover:text-ui-fg-interactive" })
-            ] }),
-            r.review ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Stars, { rating: r.review.rating, scale: r.review.scale }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-xsmall-plus tabular-nums text-ui-fg-base", children: labels.rating(r.review.rating / (r.review.scale || 5) * 5) }),
-              /* @__PURE__ */ jsxRuntime.jsx(SourceMark, { review: r.review }),
-              r.review.url ? /* @__PURE__ */ jsxRuntime.jsxs("a", { href: r.review.url, target: "_blank", rel: "noreferrer", className: "txt-compact-xsmall-plus inline-flex items-center gap-x-0.5 text-ui-fg-interactive hover:text-ui-fg-interactive-hover", children: [
-                labels.review,
-                /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpRightOnBox, { className: "h-3.5 w-3.5" })
-              ] }) : null
-            ] }) : null,
-            ((_a = r.review) == null ? void 0 : _a.quote) ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xsmall", className: "border-l-2 border-ui-border-strong pl-2 italic text-ui-fg-subtle", children: [
-              nb(r.review.quote),
-              r.review.author ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "not-italic text-ui-fg-muted", children: [
-                " ",
-                r.review.author
-              ] }) : null
-            ] }) : null,
-            r.description ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: nb(r.description) }) : null,
-            ((_b = r.metrics) == null ? void 0 : _b.length) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: (r.metrics ?? []).map((m) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "2xsmall", color: "green", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: m.value }),
-              " ",
-              m.label
-            ] }, m.label)) }) : null,
-            (r.links ?? []).length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-x-3 gap-y-1", children: (r.links ?? []).map((l) => /* @__PURE__ */ jsxRuntime.jsxs("a", { href: l.url, target: "_blank", rel: "noreferrer", className: "txt-compact-xsmall-plus inline-flex items-center gap-x-0.5 text-ui-fg-interactive hover:text-ui-fg-interactive-hover", children: [
-              l.label,
-              /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpRightOnBox, { className: "h-3.5 w-3.5" })
-            ] }, l.url)) }) : null
-          ] }, r.url ?? r.name);
-        }),
-        soon.map((r) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex flex-col gap-y-2 px-4 py-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(StoreIcon, { reference: r, size: 32 }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-x-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "truncate text-ui-fg-base", children: r.name }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "blue", className: "shrink-0", children: labels.soon })
-            ] })
-          ] }),
-          r.description ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: nb(r.description) }) : null
-        ] }, r.url ?? r.name))
+function FeaturedBadge({ url, labels }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href: url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      title: labels.title,
+      "aria-label": `${labels.badge}. ${labels.title}`,
+      className: "inline-flex rounded-full outline-none transition-fg hover:opacity-80 focus-visible:shadow-borders-focus",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "2xsmall", rounded: "full", color: "green", className: "cursor-pointer gap-x-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(icons.Medusa, { className: "h-3 w-3" }),
+        labels.badge,
+        /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpRightOnBox, { className: "h-3 w-3 opacity-70" })
       ] })
-    ] })
-  ] });
+    }
+  );
 }
 const KODA_DISCORD = "https://koda.plus/discord";
 const KODA_EMAIL = "hello@koda.plus";
 const KODA_DEMO = "https://medusa.koda.plus";
 const plain = (text) => text.split(NBSP).join(" ");
-function communityLabels(t, integration) {
+function communityLabels(t, _integration) {
   const k = (key, options) => t(`community.${key}`, options);
   return {
-    addStore: {
-      button: k("addStore.button"),
-      title: k("addStore.title"),
-      text: k("addStore.text"),
-      name: k("addStore.name"),
-      url: k("addStore.url"),
-      note: k("addStore.note"),
-      send: k("addStore.send"),
-      copy: k("addStore.copy"),
-      copied: k("addStore.copied"),
-      hint: k("addStore.hint", { email: KODA_EMAIL }),
-      subject: k("addStore.subject", { integration }),
-      greeting: k("addStore.greeting", { integration })
-    },
     prompt: {
       button: k("prompt.button"),
       title: k("prompt.title"),
@@ -818,79 +449,10 @@ function communityLabels(t, integration) {
       copied: k("prompt.copied"),
       failed: k("prompt.failed")
     },
-    discord: { button: k("discord.button"), title: k("discord.title") }
+    discord: { button: k("discord.button"), title: k("discord.title") },
+    featured: { badge: k("featured.badge"), title: k("featured.title") }
   };
 }
-function AddStoreButton({ labels }) {
-  const [name, setName] = react.useState("");
-  const [url, setUrl] = react.useState("");
-  const [note, setNote] = react.useState("");
-  const ready = name.trim() !== "" && url.trim() !== "";
-  const subject = plain(labels.subject);
-  const body = plain(
-    [labels.greeting, "", `${labels.name}: ${name.trim()}`, `${labels.url}: ${url.trim()}`, ...note.trim() ? ["", note.trim()] : []].join("\n")
-  );
-  const send = () => {
-    window.location.href = `mailto:${KODA_EMAIL}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
-  };
-  const copy = async () => {
-    try {
-      await navigator.clipboard.writeText(`${KODA_EMAIL}
-${subject}
-
-${body}`);
-      ui.toast.success(labels.copied);
-    } catch {
-      ui.toast.error(KODA_EMAIL);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        className: "txt-compact-small-plus inline-flex h-9 items-center gap-x-1.5 rounded-full px-3 text-ui-fg-subtle outline-none transition-fg hover:bg-ui-bg-base-hover hover:text-ui-fg-base focus-visible:shadow-borders-focus",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(icons.PlusMini, {}),
-          labels.button
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover.Content, { align: "start", sideOffset: 8, className: "w-[min(420px,calc(100vw-32px))] p-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1 border-b border-ui-border-base px-4 py-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-base", children: labels.title }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: labels.text })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-4 py-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: "xsmall", weight: "plus", htmlFor: "koda-add-store-name", children: labels.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "koda-add-store-name", size: "small", value: name, onChange: (e) => setName(e.target.value) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: "xsmall", weight: "plus", htmlFor: "koda-add-store-url", children: labels.url }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "koda-add-store-url", size: "small", type: "url", placeholder: "https://", value: url, onChange: (e) => setUrl(e.target.value) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: "xsmall", weight: "plus", htmlFor: "koda-add-store-note", children: labels.note }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { id: "koda-add-store-note", rows: 3, value: note, onChange: (e) => setNote(e.target.value) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 border-t border-ui-border-base px-4 py-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: labels.hint }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "secondary", disabled: !ready, onClick: () => void copy(), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(icons.SquareTwoStack, {}),
-            labels.copy
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "primary", disabled: !ready, onClick: send, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(icons.PaperPlane, {}),
-            labels.send
-          ] })
-        ] })
-      ] })
-    ] })
-  ] });
-}
 function envNames(code) {
   const names = /* @__PURE__ */ new Set();
   for (const m of code.matchAll(/process\.env\.([A-Z][A-Z0-9_]*)/g)) names.add(m[1]);
@@ -1061,69 +623,6 @@ function SettingsView({
     children
   ] });
 }
-function CardIcon({ reference }) {
-  return reference.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: reference.icon, alt: "", width: 36, height: 36, className: "h-9 w-9 shrink-0 rounded-md bg-white object-contain shadow-borders-base" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-medium-plus flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-ui-bg-base text-ui-fg-base shadow-borders-base", children: reference.name.slice(0, 1).toUpperCase() });
-}
-function References({ items, title, subtitle, openLabel, soonLabel, reviewLabel, ratingLabel }) {
-  const { live, soon } = splitReferences(items);
-  if (live.length + soon.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1 px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: subtitle })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 px-6 py-4 md:grid-cols-2 xl:grid-cols-3", children: [
-      live.map((r) => {
-        var _a;
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 rounded-lg border border-ui-border-base bg-ui-bg-component px-4 py-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("a", { href: r.url, target: "_blank", rel: "noreferrer", className: "group flex items-center gap-x-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(CardIcon, { reference: r }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "truncate text-ui-fg-base", children: r.name }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "truncate text-ui-fg-interactive group-hover:text-ui-fg-interactive-hover", children: host(r.url) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpRightOnBox, { className: "ml-auto shrink-0 text-ui-fg-muted group-hover:text-ui-fg-interactive" })
-          ] }),
-          r.review ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Stars, { rating: r.review.rating, scale: r.review.scale }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-xsmall-plus tabular-nums text-ui-fg-base", children: (ratingLabel ?? ((v) => v.toFixed(1)))(r.review.rating / (r.review.scale || 5) * 5) }),
-            /* @__PURE__ */ jsxRuntime.jsx(SourceMark, { review: r.review }),
-            r.review.url && reviewLabel ? /* @__PURE__ */ jsxRuntime.jsxs("a", { href: r.review.url, target: "_blank", rel: "noreferrer", className: "txt-compact-xsmall-plus inline-flex items-center gap-x-0.5 text-ui-fg-interactive hover:text-ui-fg-interactive-hover", children: [
-              reviewLabel,
-              /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpRightOnBox, { className: "h-3.5 w-3.5" })
-            ] }) : null
-          ] }) : null,
-          r.description ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: nb(r.description) }) : null,
-          ((_a = r.metrics) == null ? void 0 : _a.length) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-2", children: (r.metrics ?? []).map((m) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "2xsmall", color: "green", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: m.value }),
-            " ",
-            m.label
-          ] }, m.label)) }) : null,
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto flex flex-col gap-y-1 border-t border-ui-border-base pt-2", children: [
-            (r.links ?? []).map((l) => /* @__PURE__ */ jsxRuntime.jsxs("a", { href: l.url, target: "_blank", rel: "noreferrer", className: "txt-compact-small inline-flex w-fit items-center gap-x-1 text-ui-fg-interactive hover:text-ui-fg-interactive-hover", children: [
-              l.label,
-              /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpRightOnBox, { className: "shrink-0" })
-            ] }, l.url)),
-            /* @__PURE__ */ jsxRuntime.jsxs("a", { href: r.url, target: "_blank", rel: "noreferrer", className: "txt-compact-small-plus inline-flex w-fit items-center gap-x-1 text-ui-fg-interactive hover:text-ui-fg-interactive-hover", children: [
-              openLabel,
-              /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpRightOnBox, { className: "shrink-0" })
-            ] })
-          ] })
-        ] }, r.url ?? r.name);
-      }),
-      soon.map((r) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 rounded-lg border border-ui-border-base bg-ui-bg-component px-4 py-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(CardIcon, { reference: r }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-x-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "truncate text-ui-fg-base", children: r.name }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "blue", className: "shrink-0", children: soonLabel })
-          ] })
-        ] }),
-        r.description ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: nb(r.description) }) : null
-      ] }, r.url ?? r.name))
-    ] })
-  ] });
-}
 function GuideIntro({ title, text, time, needs, needsLabel, timeLabel }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 px-6 py-4", children: [
@@ -1285,10 +784,834 @@ function GuideFaq({ title, items }) {
         /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-base", children: it.q }),
         /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownMini, { className: ui.clx("shrink-0 text-ui-fg-muted transition-transform", open === i && "rotate-180") })
       ] }),
-      open === i ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "txt-small flex max-w-3xl flex-col gap-y-2 pb-4 text-ui-fg-subtle", children: it.a }) : null
-    ] }, it.q))
-  ] });
-}
+      open === i ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "txt-small flex max-w-3xl flex-col gap-y-2 pb-4 text-ui-fg-subtle", children: it.a }) : null
+    ] }, it.q))
+  ] });
+}
+const TEXT$1 = {
+  en: {
+    search: "Search",
+    empty: "Nothing here yet",
+    now: "Now",
+    next: "In a moment",
+    counted: "Done",
+    stopped: "Stopped",
+    queued: "Waiting for a free slot on the server",
+    ready: "Ready",
+    error: "Error",
+    pctDone: "done",
+    pctError: "error",
+    pctQueued: "queued",
+    pctRunning: "working",
+    running: (time) => `running ${time}`,
+    left: (time) => `about ${time} left`,
+    clean: "no errors",
+    of: "of",
+    waiting: "waiting",
+    log: "Log",
+    retry: "Try again"
+  },
+  pl: {
+    search: "Szukaj",
+    empty: "Na razie pusto",
+    now: "Teraz",
+    next: "Za chwilę",
+    counted: "Gotowe",
+    stopped: "Przerwane",
+    queued: "Czekam na wolne miejsce na serwerze",
+    ready: "Gotowe",
+    error: "Błąd",
+    pctDone: "gotowe",
+    pctError: "błąd",
+    pctQueued: "w kolejce",
+    pctRunning: "liczę",
+    running: (time) => `trwa ${time}`,
+    left: (time) => nb(`zostało ok. ${time}`),
+    clean: "bez błędów",
+    of: "z",
+    waiting: "czeka",
+    log: "Przebieg",
+    retry: "Spróbuj ponownie"
+  }
+};
+function useKitText() {
+  const { i18n } = reactI18next.useTranslation();
+  const pl2 = String((i18n == null ? void 0 : i18n.language) ?? "en").startsWith("pl");
+  return { text: pl2 ? TEXT$1.pl : TEXT$1.en, locale: pl2 ? "pl-PL" : "en-GB" };
+}
+const DOT = {
+  green: "bg-ui-tag-green-icon",
+  orange: "bg-ui-tag-orange-icon",
+  red: "bg-ui-tag-red-icon",
+  blue: "bg-ui-tag-blue-icon",
+  grey: "bg-ui-tag-neutral-icon",
+  purple: "bg-ui-tag-purple-icon"
+};
+const ICON = {
+  green: "text-ui-tag-green-icon",
+  orange: "text-ui-tag-orange-icon",
+  red: "text-ui-tag-red-icon",
+  blue: "text-ui-tag-blue-icon",
+  grey: "text-ui-fg-muted",
+  purple: "text-ui-tag-purple-icon"
+};
+function ToneBadge({ tone = "grey", children, icon, dot = false, title, size = "2xsmall" }) {
+  if (dot) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { title, className: "txt-compact-small inline-flex items-center gap-x-1.5 whitespace-nowrap text-ui-fg-subtle", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: ui.clx("size-1.5 shrink-0 rounded-full", DOT[tone]) }),
+      children
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size, color: tone, title, className: "whitespace-nowrap", children: icon ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-x-1 [&_svg]:size-3 [&_svg]:shrink-0", children: [
+    icon,
+    children
+  ] }) : children });
+}
+function FilterBar({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.clx("flex flex-wrap items-center gap-2 bg-ui-bg-subtle px-6 py-2.5", className), children });
+}
+function FilterButton({
+  icon,
+  label,
+  count,
+  active,
+  attention,
+  onClick,
+  title,
+  disabled
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: active ? "primary" : "secondary", "aria-pressed": active, onClick, title, disabled, className: "shrink-0 gap-x-1.5 whitespace-nowrap [&_svg]:size-4", children: [
+    icon,
+    label,
+    typeof count === "number" ? /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: ui.clx(
+          "txt-compact-xsmall-plus rounded-full px-1.5 tabular-nums",
+          active ? "bg-white/20" : attention && count > 0 ? "bg-ui-tag-orange-bg text-ui-tag-orange-text" : "bg-ui-bg-component text-ui-fg-muted"
+        ),
+        children: count
+      }
+    ) : null
+  ] });
+}
+function FilterDivider() {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "mx-1 h-4 w-px shrink-0 bg-ui-border-base" });
+}
+function useDebouncedValue(value, ms = 300) {
+  const [out, setOut] = react.useState(value);
+  react.useEffect(() => {
+    const t = setTimeout(() => setOut(value), ms);
+    return () => clearTimeout(t);
+  }, [value, ms]);
+  return out;
+}
+function SearchInput({ value, onChange, placeholder, className, autoFocus, label }) {
+  const { text } = useKitText();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Input,
+    {
+      size: "small",
+      type: "search",
+      autoFocus,
+      "aria-label": label ?? placeholder ?? text.search,
+      placeholder: placeholder ?? text.search,
+      value,
+      onChange: (e) => onChange(e.target.value),
+      className: ui.clx("w-full sm:w-64", className)
+    }
+  );
+}
+function RowActions({ actions, className }) {
+  const shown = actions.filter((a) => !a.hidden);
+  if (!shown.length) return null;
+  const stop = (e) => e.stopPropagation();
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.clx("inline-flex items-center justify-end gap-0.5", className), onClick: stop, children: shown.map((a) => {
+    const icon = a.loading ? /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, { className: "animate-spin" }) : a.icon;
+    const tone = a.danger ? "text-ui-tag-red-icon" : "text-ui-fg-subtle";
+    if (a.href && !a.disabled) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: a.href,
+          title: a.label,
+          "aria-label": a.label,
+          ...a.external ? { target: "_blank", rel: "noreferrer" } : {},
+          className: ui.clx("inline-flex size-7 items-center justify-center rounded-md outline-none transition-fg hover:bg-ui-bg-base-hover focus-visible:shadow-borders-focus", tone),
+          children: icon
+        },
+        a.key
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", title: a.label, "aria-label": a.label, disabled: a.disabled || a.loading, onClick: () => {
+      var _a;
+      return (_a = a.onClick) == null ? void 0 : _a.call(a);
+    }, className: tone, children: icon }, a.key);
+  }) });
+}
+function EmptyState({ icon, title, points, action, compact = false, className }) {
+  const { text } = useKitText();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.clx("flex flex-col items-center justify-center gap-y-2 px-6 text-center", compact ? "py-5" : "py-10", className), children: [
+    icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-9 items-center justify-center rounded-lg border border-ui-border-base bg-ui-bg-component text-ui-fg-muted shadow-elevation-card-rest [&_svg]:size-5", children: icon }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: title ?? text.empty }),
+    points ? /* @__PURE__ */ jsxRuntime.jsx(KeyPoints, { items: points, className: "max-w-full justify-center" }) : null,
+    action ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-1", children: action }) : null
+  ] });
+}
+function EmptyTableRow({ cols, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: cols, children: /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { compact: true, ...props }) }) });
+}
+function Section({
+  id,
+  icon,
+  title,
+  badges,
+  points,
+  pointsLabel,
+  description,
+  actions,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { id, className: ui.clx("scroll-mt-4 divide-y p-0", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3 px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-y-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [
+          icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 text-ui-fg-subtle [&_svg]:size-[18px]", children: icon }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: title }),
+          badges ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex flex-wrap items-center gap-1.5", children: badges }) : null
+        ] }),
+        points ? /* @__PURE__ */ jsxRuntime.jsx(KeyPoints, { items: points, label: pointsLabel }) : null,
+        description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "txt-small min-w-0 text-ui-fg-subtle", children: description }) : null
+      ] }),
+      actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-2", children: actions }) : null
+    ] }),
+    children
+  ] });
+}
+const GRID = {
+  2: "md:grid-cols-2",
+  3: "md:grid-cols-3",
+  4: "md:grid-cols-4",
+  5: "md:grid-cols-3 xl:grid-cols-5",
+  6: "md:grid-cols-3 xl:grid-cols-6",
+  7: "md:grid-cols-4 xl:grid-cols-7"
+};
+function StatTiles({ children, columns = 4, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.clx("grid grid-cols-2 gap-3 px-6 py-4", GRID[columns], className), children });
+}
+function StatTile({
+  label,
+  value,
+  hint,
+  tone = "grey",
+  icon,
+  active = false,
+  onClick,
+  title
+}) {
+  const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-x-2", children: [
+      icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.clx("flex shrink-0 [&_svg]:size-3.5", ICON[tone]), children: icon }) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: ui.clx("size-1.5 shrink-0 rounded-full", DOT[tone]) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "truncate text-ui-fg-subtle", children: label })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-xlarge-plus max-w-full break-words tabular-nums text-ui-fg-base", children: value }),
+    hint ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: hint }) : null
+  ] });
+  const cls = ui.clx(
+    "flex h-full min-w-0 flex-col items-start gap-y-1 rounded-lg border px-4 py-3 text-left transition-fg",
+    active ? "border-ui-border-interactive bg-ui-bg-base shadow-borders-interactive-with-active" : "border-ui-border-base bg-ui-bg-subtle"
+  );
+  return onClick ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-pressed": active, title, onClick, className: ui.clx(cls, !active && "hover:bg-ui-bg-base-hover"), children: body }) : /* @__PURE__ */ jsxRuntime.jsx("div", { title, className: cls, children: body });
+}
+function runFromSteps(steps, startedAt, log = []) {
+  var _a;
+  const all = Object.values(steps);
+  const status = all.some((s) => s.status === "error") ? "error" : all.some((s) => s.status === "running") ? "running" : all.length && all.every((s) => s.status === "done") ? "done" : all.some((s) => s.status === "done") ? "running" : "queued";
+  return {
+    status,
+    started_at: new Date(startedAt).toISOString(),
+    finished_at: status === "done" || status === "error" ? (/* @__PURE__ */ new Date()).toISOString() : null,
+    steps,
+    log,
+    error: ((_a = all.find((s) => s.status === "error")) == null ? void 0 : _a.note) ?? null
+  };
+}
+function formatDuration(ms) {
+  const s = Math.max(0, Math.round(ms / 1e3));
+  return s >= 60 ? `${Math.floor(s / 60)} min ${String(s % 60).padStart(2, "0")} s` : `${s} s`;
+}
+const GRID_STAGES = {
+  3: "grid-cols-3",
+  4: "grid-cols-2 sm:grid-cols-4",
+  5: "grid-cols-3 lg:grid-cols-5",
+  6: "grid-cols-3 lg:grid-cols-6"
+};
+function StagedLoader({ run, stages, doneTitle, columns = 6, onRetry }) {
+  const { text, locale } = useKitText();
+  const [openLog, setOpenLog] = react.useState(false);
+  const [now, setNow] = react.useState(Date.now());
+  const live = run.status === "running" || run.status === "queued";
+  react.useEffect(() => {
+    if (!live) return;
+    const t = setInterval(() => setNow(Date.now()), 500);
+    return () => clearInterval(t);
+  }, [live]);
+  const share = (key) => {
+    const s = run.steps[key] ?? { status: "queued" };
+    if (s.status === "done" || s.status === "error") return 1;
+    if (s.status === "running") return s.total ? Math.min(1, (s.done ?? 0) / s.total) : 0.3;
+    return 0;
+  };
+  const weights = stages.reduce((sum, e) => sum + e.weight, 0) || 1;
+  const pct = Math.round(stages.reduce((sum, e) => sum + e.weight * share(e.key), 0) / weights * 100);
+  const start = new Date(run.started_at).getTime();
+  const end = run.finished_at ? new Date(run.finished_at).getTime() : now;
+  const elapsed = Math.max(0, end - start);
+  const left = run.status === "running" && pct >= 5 && pct < 100 ? elapsed * (100 - pct) / pct : null;
+  const current = stages.find((e) => {
+    var _a;
+    return ((_a = run.steps[e.key]) == null ? void 0 : _a.status) === "running";
+  });
+  const cs = current ? run.steps[current.key] : null;
+  const log = run.log ?? [];
+  const number = (n) => new Intl.NumberFormat(locale).format(n);
+  const R = 46;
+  const C = 2 * Math.PI * R;
+  const ring = run.status === "error" ? "var(--tag-red-icon)" : run.status === "done" ? "var(--tag-green-icon)" : "var(--fg-interactive)";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "status", "aria-live": "polite", className: "flex flex-col gap-y-4 px-6 py-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-6 rounded-xl border border-ui-border-base bg-ui-bg-subtle p-5 sm:flex-row", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative size-32 shrink-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 110 110", className: "size-32 -rotate-90", "aria-hidden": true, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "55", cy: "55", r: R, fill: "none", stroke: "var(--border-base)", strokeWidth: "9" }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "55", cy: "55", r: R, fill: "none", stroke: ring, strokeWidth: "9", strokeLinecap: "round", strokeDasharray: C, strokeDashoffset: C * (1 - pct / 100), style: { transition: "stroke-dashoffset .6s ease" } })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "txt-xlarge-plus tabular-nums text-ui-fg-base", children: [
+            pct,
+            "%"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-xsmall text-ui-fg-muted", children: run.status === "done" ? text.pctDone : run.status === "error" ? text.pctError : run.status === "queued" ? text.pctQueued : text.pctRunning })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", weight: "plus", className: "uppercase tracking-wide text-ui-fg-muted", children: run.status === "running" ? text.now : run.status === "queued" ? text.next : run.status === "done" ? text.counted : text.stopped }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-2 [&_svg]:size-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.clx("flex shrink-0", run.status === "error" ? "text-ui-tag-red-icon" : run.status === "done" ? "text-ui-tag-green-icon" : "text-ui-fg-interactive"), children: current ? current.icon : run.status === "error" ? /* @__PURE__ */ jsxRuntime.jsx(icons.XCircleSolid, {}) : run.status === "queued" ? /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircleSolid, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "large", weight: "plus", className: "truncate", children: current ? current.name : run.status === "done" ? doneTitle ?? text.ready : run.status === "queued" ? text.queued : run.error ?? text.error })
+        ] }),
+        (cs == null ? void 0 : cs.total) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 overflow-hidden rounded-full bg-ui-bg-component", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full rounded-full bg-ui-fg-interactive transition-all", style: { width: `${Math.min(100, Math.round((cs.done ?? 0) / cs.total * 100))}%` } }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xsmall", className: "tabular-nums text-ui-fg-subtle", children: [
+            number(cs.done ?? 0),
+            " ",
+            text.of,
+            " ",
+            number(cs.total),
+            cs.note ? `, ${cs.note}` : ""
+          ] })
+        ] }) : (cs == null ? void 0 : cs.note) ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: cs.note }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          KeyPoints,
+          {
+            items: [
+              { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, {}), text: text.running(formatDuration(elapsed)) },
+              left !== null && { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Sparkles, {}), text: text.left(formatDuration(left)), tone: "blue" },
+              run.status === "done" && { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircleSolid, {}), text: text.clean, tone: "green" }
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("ol", { className: ui.clx("grid gap-2", GRID_STAGES[columns]), children: stages.map((e) => {
+      const s = run.steps[e.key] ?? { status: "queued" };
+      const p = s.total ? Math.min(100, Math.round((s.done ?? 0) / s.total * 100)) : s.status === "done" ? 100 : 0;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "li",
+        {
+          className: ui.clx(
+            "relative flex min-w-0 flex-col gap-1 overflow-hidden rounded-lg border px-3 py-2.5",
+            s.status === "running" ? "border-ui-border-interactive bg-ui-bg-highlight shadow-borders-interactive-with-active" : s.status === "done" ? "border-ui-tag-green-border bg-ui-tag-green-bg" : s.status === "error" ? "border-ui-tag-red-border bg-ui-tag-red-bg" : "border-ui-border-base bg-ui-bg-base opacity-70"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center justify-between gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.clx("flex [&_svg]:size-4", s.status === "running" ? "text-ui-fg-interactive" : s.status === "done" ? "text-ui-tag-green-icon" : s.status === "error" ? "text-ui-tag-red-icon" : "text-ui-fg-muted"), children: e.icon }),
+              s.status === "done" ? /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircleSolid, { className: "size-4 text-ui-tag-green-icon" }) : s.status === "running" ? /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, { className: "size-4 animate-spin text-ui-fg-interactive" }) : s.status === "error" ? /* @__PURE__ */ jsxRuntime.jsx(icons.XCircleSolid, { className: "size-4 text-ui-tag-red-icon" }) : null
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", weight: "plus", className: "truncate", children: e.short }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "truncate tabular-nums text-ui-fg-subtle", children: s.total ? `${number(s.done ?? 0)} / ${number(s.total)}` : s.done !== void 0 ? number(s.done) : s.status === "queued" ? text.waiting : s.note ?? "" }),
+            s.status === "running" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-x-0 bottom-0 h-0.5 bg-ui-fg-interactive transition-all", style: { width: `${p}%` } }) : null
+          ]
+        },
+        e.key
+      );
+    }) }),
+    log.length ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", "aria-expanded": openLog, onClick: () => setOpenLog((v) => !v), className: "flex w-full items-center justify-between rounded-lg px-3 py-2 text-left hover:bg-ui-bg-base-hover", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xsmall", weight: "plus", className: "uppercase tracking-wide text-ui-fg-muted", children: [
+          text.log,
+          " (",
+          log.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(icons.TriangleRightMini, { className: ui.clx("text-ui-fg-muted transition-transform", openLog && "rotate-90") })
+      ] }),
+      openLog ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "txt-compact-xsmall flex max-h-56 flex-col gap-y-0.5 overflow-y-auto rounded-b-lg border-t border-ui-border-base bg-ui-bg-subtle px-3 py-2 font-mono text-ui-fg-subtle", children: log.map((l, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-muted", children: new Date(l.at).toLocaleTimeString(locale) }),
+        " ",
+        l.text
+      ] }, i)) }) : null
+    ] }) : null,
+    run.status === "error" && (run.error || onRetry) ? /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "error", label: text.error, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: run.error }),
+      onRetry ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "secondary", onClick: onRetry, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, {}),
+        text.retry
+      ] }) : null
+    ] }) }) : null
+  ] });
+}
+const TILE = '<rect width="192" height="192" rx="40" fill="#FFFFFF"/><rect x="0.75" y="0.75" width="190.5" height="190.5" rx="39.25" fill="none" stroke="#000000" stroke-opacity="0.1" stroke-width="1.5"/><image href="data:image/png;base64,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" x="24.00" y="77.25" width="144" height="37.49"/>';
+function SubiektIcon({ width = 15, height = 15, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width,
+      height,
+      viewBox: "0 0 192 192",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      ...props,
+      dangerouslySetInnerHTML: { __html: TILE }
+    }
+  );
+}
+function fmtDateTime(value, lang) {
+  if (!value) return "";
+  const d = new Date(value);
+  if (!Number.isFinite(d.getTime())) return "";
+  try {
+    return new Intl.DateTimeFormat(lang, { dateStyle: "medium", timeStyle: "short" }).format(d);
+  } catch {
+    return d.toISOString().slice(0, 16).replace("T", " ");
+  }
+}
+function fmtDuration(ms) {
+  if (!Number.isFinite(ms) || ms <= 0) return "0 s";
+  return ms < 1e4 ? `${(ms / 1e3).toFixed(1)} s` : `${Math.round(ms / 1e3)} s`;
+}
+function fmtNumber(value, lang) {
+  const n = typeof value === "number" ? value : Number(value);
+  if (!Number.isFinite(n)) return "0";
+  try {
+    return new Intl.NumberFormat(lang).format(n);
+  } catch {
+    return String(n);
+  }
+}
+const TASK_TONE = {
+  waiting: "grey",
+  pending: "blue",
+  running: "blue",
+  unknown: "orange",
+  succeeded: "green",
+  failed: "red",
+  canceled: "grey"
+};
+function taskTone(status) {
+  return TASK_TONE[status] ?? "grey";
+}
+function TaskStatusBadge({ status, dot = false }) {
+  const { t } = reactI18next.useTranslation("subiekt");
+  return /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { tone: taskTone(status), dot, children: t(`tasks.statuses.${status}`) });
+}
+const RUN_TONE = { success: "green", partial: "orange", error: "red", skipped: "grey" };
+function RunStatusBadge({ status, dot = false }) {
+  const { t } = reactI18next.useTranslation("subiekt");
+  return /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { tone: RUN_TONE[status] ?? "grey", dot, children: t(`runs.statuses.${status}`) });
+}
+function DocumentStatusBadge({ status, dot = false }) {
+  const { t } = reactI18next.useTranslation("subiekt");
+  const tone = status === "canceled" ? "grey" : status === "completed" ? "green" : "blue";
+  return /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { tone, dot, children: t(`documents.statuses.${status}`, { defaultValue: status }) });
+}
+const CATALOG_TONE = {
+  planned: "blue",
+  applied: "green",
+  simulated: "blue",
+  over_cap: "grey",
+  stale: "orange",
+  failed: "red",
+  quarantined: "red",
+  skipped: "grey"
+};
+function CatalogStatusBadge({ status, dot = false }) {
+  const { t } = reactI18next.useTranslation("subiekt");
+  return /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { tone: CATALOG_TONE[status] ?? "grey", dot, children: t(`products.statuses.${status}`, { defaultValue: status }) });
+}
+function SampleList({ label, items }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: item }) }, item)) })
+  ] });
+}
+function RichText({ text }) {
+  const parts = text.split("`");
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parts.map(
+    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsxRuntime.jsx("code", { className: "txt-compact-xsmall rounded border border-ui-border-base bg-ui-bg-subtle px-1 font-mono text-ui-fg-base", children: part }, i) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: part }, i)
+  ) });
+}
+function connectionState(s) {
+  var _a;
+  if (!s) return { key: "unknown", tone: "grey" };
+  if (s.mode === "demo") return { key: "demo", tone: "blue" };
+  if (!s.configured) return { key: "notConfigured", tone: "orange" };
+  if (!s.connection.checkedAt && !s.connection.lastErrorAt) return { key: "unknown", tone: "grey" };
+  if (!s.connection.reachable) return { key: "unreachable", tone: "red" };
+  if (s.connection.health && !((_a = s.connection.health.subiekt) == null ? void 0 : _a.connected)) return { key: "subiektDown", tone: "orange" };
+  return { key: "connected", tone: "green" };
+}
+function ConnectionBadge({ status }) {
+  const { t } = reactI18next.useTranslation("subiekt");
+  const state = connectionState(status);
+  return /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { tone: state.tone, children: t(`mode.${state.key}`) });
+}
+function Field({ label, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[minmax(120px,1fr)_2fr] items-start gap-x-4 px-6 py-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "txt-compact-small text-ui-fg-base min-w-0 break-words", children })
+  ] });
+}
+function Pager({ offset, limit, count, onChange }) {
+  const { t } = reactI18next.useTranslation("subiekt");
+  if (count <= limit) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle tabular-nums", children: t("tasks.page", { from: offset + 1, to: Math.min(offset + limit, count), count }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-x-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", disabled: offset === 0, onClick: () => onChange(Math.max(0, offset - limit)), children: t("tasks.prev") }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", disabled: offset + limit >= count, onClick: () => onChange(offset + limit), children: t("tasks.next") })
+    ] })
+  ] });
+}
+const num$1 = (v) => typeof v === "number" && Number.isFinite(v) ? v : 0;
+function runSummary(run, t) {
+  const s = run.stats ?? {};
+  if (run.status === "error" || run.status === "skipped" || !run.stats) return run.message ?? "";
+  if (run.kind === "stock") {
+    const changes = num$1(s.toUpdate) + num$1(s.toCreate);
+    return t(run.dryRun ? "runs.summary.stockDry" : "runs.summary.stock", { changes, unchanged: num$1(s.unchanged) });
+  }
+  if (run.kind === "tasks") {
+    const vars = { succeeded: num$1(s.succeeded), retry: num$1(s.retry), failed: num$1(s.failed) };
+    return t(vars.retry || vars.failed ? "runs.summary.tasksIssues" : "runs.summary.tasks", vars);
+  }
+  if (run.kind === "events") return num$1(s.read) > 0 ? t("runs.summary.events", { applied: num$1(s.applied) }) : t("runs.summary.eventsNone");
+  if (run.kind === "health" && run.status === "success") return t("runs.summary.health");
+  if (run.kind === "products") {
+    const applied = num$1(s.applied) + num$1(s.simulated);
+    return t(run.dryRun ? "runs.summary.productsPlan" : "runs.summary.productsApplied", {
+      prices: num$1(s.priceChanges),
+      creates: num$1(s.toCreate),
+      applied,
+      failed: num$1(s.failed)
+    });
+  }
+  if (run.kind === "catchup") {
+    const vars = { queued: num$1(s.queued) + num$1(s.waiting), released: num$1(s.released), errors: num$1(s.errors) };
+    return t(vars.errors ? "runs.summary.catchupErrors" : "runs.summary.catchup", vars);
+  }
+  return run.message ?? "";
+}
+function fmtMoney(value, currency, lang) {
+  if (typeof value !== "number" || !Number.isFinite(value)) return "-";
+  try {
+    return new Intl.NumberFormat(lang, { style: "currency", currency: currency.toUpperCase() }).format(value);
+  } catch {
+    return `${value.toFixed(2)} ${currency.toUpperCase()}`;
+  }
+}
+function fmtMs(ms) {
+  if (typeof ms !== "number" || !Number.isFinite(ms)) return "-";
+  const abs = Math.abs(ms);
+  return abs < 1e3 ? `${Math.round(ms)} ms` : `${(ms / 1e3).toFixed(abs < 1e4 ? 1 : 0)} s`;
+}
+function MedusaMark({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 36 38", fill: "none", "aria-hidden": true, className, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M30.85 6.16832L22.2453 1.21782C19.4299 -0.405941 15.9801 -0.405941 13.1648 1.21782L4.52043 6.16832C1.74473 7.79208 0 10.802 0 14.0099V23.9505C0 27.198 1.74473 30.1683 4.52043 31.7921L13.1251 36.7822C15.9405 38.4059 19.3903 38.4059 22.2056 36.7822L30.8103 31.7921C33.6257 30.1683 35.3307 27.198 35.3307 23.9505V14.0099C35.41 10.802 33.6653 7.79208 30.85 6.16832ZM17.6852 27.8317C12.8079 27.8317 8.8426 23.8713 8.8426 19C8.8426 14.1287 12.8079 10.1683 17.6852 10.1683C22.5625 10.1683 26.5674 14.1287 26.5674 19C26.5674 23.8713 22.6022 27.8317 17.6852 27.8317Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function StoreColumn({ label, hint }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-x-1.5", title: hint, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(MedusaMark, { className: "h-3.5 w-3.5 text-ui-fg-muted" }),
+    label
+  ] });
+}
+function StoreLink({ to, title, mono, monoTitle, action }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Link, { to, className: "group flex items-center gap-x-2.5", title: action, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-ui-bg-component shadow-borders-base transition-fg group-hover:bg-ui-bg-component-hover", children: /* @__PURE__ */ jsxRuntime.jsx(MedusaMark, { className: "h-4 w-4 text-ui-fg-base" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small-plus truncate text-ui-fg-base group-hover:text-ui-fg-interactive", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-x-1.5", children: [
+        mono ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-mono text-ui-fg-muted txt-compact-xsmall", title: monoTitle, children: mono }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "txt-compact-xsmall-plus inline-flex shrink-0 items-center gap-x-0.5 text-ui-fg-interactive", children: [
+          action,
+          /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpRightMini, {})
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function StoreUnlinked({ label, hint, mono }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-y-1", title: hint, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { tone: "orange", children: label }),
+    mono ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-ui-fg-muted txt-compact-xsmall", children: mono }) : null
+  ] });
+}
+function StoreOrderCell({ orderId, displayId }) {
+  const { t } = reactI18next.useTranslation("subiekt");
+  if (!orderId) return /* @__PURE__ */ jsxRuntime.jsx(StoreUnlinked, { label: t("store.noOrder"), hint: t("store.noOrderHint") });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    StoreLink,
+    {
+      to: `/orders/${orderId}`,
+      title: displayId ? `#${displayId}` : orderId,
+      mono: displayId ? orderId : null,
+      monoTitle: orderId,
+      action: t("store.openOrder")
+    }
+  );
+}
+const BUSY = /* @__PURE__ */ new Set(["pending", "running", "unknown"]);
+function taskRun(task, hasDocument) {
+  const s = task.status;
+  const queue = s === "pending" && task.attempts === 0 ? { status: "running" } : { status: "done" };
+  const bridge = s === "pending" && task.attempts === 0 ? { status: "queued" } : s === "failed" ? { status: "error", note: task.lastError ?? void 0 } : s === "succeeded" ? { status: "done" } : { status: "running", note: task.lastError ?? void 0 };
+  const document2 = s === "succeeded" ? hasDocument ? { status: "done" } : { status: "running" } : { status: "queued" };
+  return runFromSteps({ queue, bridge, document: document2 }, task.updatedAt ?? task.createdAt ?? Date.now());
+}
+function DocumentLine({ d, lang }) {
+  const { t } = reactI18next.useTranslation("subiekt");
+  const meta = [
+    fmtDateTime(d.issuedAt, lang),
+    t(`documents.sources.${d.source}`, { defaultValue: d.source }),
+    d.warehouse ? t("widget.warehouse", { warehouse: d.warehouse }) : null
+  ].filter(Boolean);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-x-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: t(`widget.kinds.${d.kind}`, { defaultValue: d.kind }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "break-all font-mono", children: d.number }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: meta.join(", ") }),
+      d.related.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: t("widget.related", { numbers: d.related.map((r) => r.number).join(", ") }) }) : null,
+      d.kind === "ZK" && d.status === "completed" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: t("widget.zkCompleted") }) : null,
+      d.kind === "FS" && d.status !== "canceled" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: d.ksefNumber ? "break-all font-mono text-ui-fg-subtle" : "text-ui-fg-muted", children: d.ksefNumber ? t("widget.ksef", { number: d.ksefNumber }) : t("widget.ksefWaiting") }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(DocumentStatusBadge, { status: d.status })
+  ] });
+}
+const ENTRY_TONE = { missing: "orange", status_differs: "orange", same: "green", only_local: "grey" };
+function CheckResult({
+  result,
+  lang,
+  linking,
+  onLink
+}) {
+  const { t } = reactI18next.useTranslation("subiekt");
+  const status = (v) => t(`documents.statuses.${v ?? "open"}`, { defaultValue: v ?? "" });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-x-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: t("widget.check.title") }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: t("widget.check.at", { time: fmtDateTime(result.checkedAt, lang) }) })
+    ] }),
+    result.entries.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: t("widget.check.nothing") }) : result.entries.map((e) => {
+      const key = `${e.kind}|${e.number}`;
+      const where = e.state === "only_local" ? t("widget.check.notReported") : [t("widget.check.inSubiekt", { status: status(e.remoteStatus) }), e.issuedAt ? fmtDateTime(e.issuedAt, lang) : null].filter(Boolean).join(", ");
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-x-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "break-all font-mono", children: e.number }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: where })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { tone: ENTRY_TONE[e.state], children: e.state === "status_differs" ? t("widget.check.states.status_differs", { status: status(e.localStatus) }) : t(`widget.check.states.${e.state}`) })
+        ] }),
+        e.kind === "ZK" && e.remoteStatus === "completed" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: t("widget.zkCompleted") }) : null,
+        e.remoteStatus === "canceled" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: t("widget.check.canceledThere") }) : null,
+        e.state === "missing" || e.state === "status_differs" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "secondary", isLoading: linking === key, onClick: () => onLink(e), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(icons.Link, {}),
+            e.state === "missing" ? t("widget.check.link") : t("widget.check.update")
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: e.state === "missing" ? t("widget.check.linkHint") : t("widget.check.updateHint") })
+        ] }) : null
+      ] }, key);
+    })
+  ] });
+}
+const SubiektOrderWidget = ({ data }) => {
+  var _a, _b, _c, _d;
+  const { t, i18n } = reactI18next.useTranslation("subiekt");
+  const lang = i18n.language || "en";
+  const q = useSubiektOrder(data.id);
+  const send = useSubiektSendOrder(data.id);
+  const issue = useSubiektIssueDocument(data.id);
+  const retry = useSubiektRetry();
+  const check = useSubiektOrderCheck(data.id);
+  const link = useSubiektLinkDocument(data.id);
+  const [checked, setChecked] = react.useState(null);
+  const documents = ((_a = q.data) == null ? void 0 : _a.documents) ?? [];
+  const tasks = ((_b = q.data) == null ? void 0 : _b.tasks) ?? [];
+  const sales = (_c = q.data) == null ? void 0 : _c.salesDocument;
+  const create = tasks.find((task) => task.kind === "order.create");
+  const documentTask = tasks.find((task) => task.kind === "order.document");
+  const hasZk = documents.some((d) => d.kind === "ZK" && d.status !== "canceled");
+  const hasSales = documents.some((d) => (d.kind === "FS" || d.kind === "PA") && d.status !== "canceled");
+  const busy = (create == null ? void 0 : create.status) === "pending" || (create == null ? void 0 : create.status) === "running";
+  const documentBusy = documentTask ? BUSY.has(documentTask.status) : false;
+  const canceled = data.status === "canceled";
+  const offerIssue = Boolean(sales && sales.option !== "none" && sales.supported && hasZk && !hasSales && !documentBusy && !canceled);
+  const inFlight = tasks.find((task) => (task.kind === "order.create" || task.kind === "order.document") && BUSY.has(task.status));
+  const failed = tasks.some((task) => task.status === "failed");
+  const state = failed ? { tone: "red", key: "attention" } : inFlight ? { tone: "blue", key: "sending" } : hasZk ? { tone: "green", key: "inSubiekt" } : (create == null ? void 0 : create.status) === "waiting" ? { tone: "grey", key: "waiting" } : { tone: "grey", key: "notSent" };
+  const onSend = async () => {
+    try {
+      await send.mutateAsync();
+      ui.toast.success(t("widget.sent"));
+    } catch (err) {
+      ui.toast.error(t("toast.error", { error: errorMessage(err) }));
+    }
+  };
+  const onIssue = async (kind) => {
+    try {
+      await issue.mutateAsync(kind);
+      ui.toast.success(t("widget.issued"));
+    } catch (err) {
+      ui.toast.error(t("toast.error", { error: errorMessage(err) }));
+    }
+  };
+  const onCheck = async () => {
+    try {
+      setChecked(await check.mutateAsync());
+    } catch (err) {
+      ui.toast.error(t("toast.error", { error: errorMessage(err) }));
+    }
+  };
+  const onLink = async (e) => {
+    try {
+      const r = await link.mutateAsync({ kind: e.kind, number: e.number });
+      setChecked(r.check);
+      ui.toast.success(e.state === "missing" ? t("widget.check.linked", { number: e.number }) : t("widget.check.updated", { number: e.number }));
+    } catch (err) {
+      ui.toast.error(t("toast.error", { error: errorMessage(err) }));
+    }
+  };
+  const onRetry = async (id) => {
+    try {
+      await retry.mutateAsync(id);
+      ui.toast.success(t("toast.retried"));
+      void q.refetch();
+    } catch (err) {
+      ui.toast.error(t("toast.error", { error: errorMessage(err) }));
+    }
+  };
+  const header = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-x-2 px-6 py-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SubiektIcon, { width: 18, height: 18, className: "shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: t("widget.title") }),
+      q.data ? /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { tone: state.tone, children: t(`widget.state.${state.key}`) }) : null,
+      ((_d = q.data) == null ? void 0 : _d.mode) === "demo" ? /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { tone: "blue", children: t("widget.demo") }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "a",
+      {
+        href: `/app/subiekt?q=${encodeURIComponent(String(data.display_id ?? data.id))}`,
+        className: "txt-compact-small inline-flex shrink-0 items-center gap-x-1 text-ui-fg-interactive hover:text-ui-fg-interactive-hover",
+        children: [
+          t("widget.more"),
+          /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpRightOnBox, {})
+        ]
+      }
+    )
+  ] });
+  const sendingDocument = (inFlight == null ? void 0 : inFlight.kind) === "order.document";
+  const inFlightHasDocument = sendingDocument ? hasSales : hasZk;
+  return /* @__PURE__ */ jsxRuntime.jsx(WidgetFrame, { header, children: q.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(KitLoading, { className: "min-h-0 py-6" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    inFlight ? /* @__PURE__ */ jsxRuntime.jsx(
+      StagedLoader,
+      {
+        run: taskRun(inFlight, inFlightHasDocument),
+        columns: 3,
+        doneTitle: t("widget.run.done"),
+        stages: [
+          { key: "queue", name: t("widget.run.queue"), short: t("widget.run.queueShort"), icon: /* @__PURE__ */ jsxRuntime.jsx(icons.QueueList, {}), weight: 20 },
+          { key: "bridge", name: t("widget.run.bridge"), short: t("widget.run.bridgeShort"), icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ServerStack, {}), weight: 60 },
+          {
+            key: "document",
+            name: t("widget.run.document"),
+            short: t("widget.run.documentShort"),
+            icon: sendingDocument ? /* @__PURE__ */ jsxRuntime.jsx(icons.Receipt, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.DocumentText, {}),
+            weight: 20
+          }
+        ]
+      }
+    ) : null,
+    documents.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-2 px-6 py-4", children: documents.map((d) => /* @__PURE__ */ jsxRuntime.jsx(DocumentLine, { d, lang }, d.id)) }) : inFlight ? null : /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { compact: true, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DocumentText, {}), title: (create == null ? void 0 : create.status) === "waiting" ? t("widget.waiting") : t("widget.none") }),
+    tasks.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: tasks.map((task) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-x-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: task.kind === "order.document" && (task.documentKind === "fs" || task.documentKind === "pa") ? t(`tasks.documentKinds.${task.documentKind}`) : t(`tasks.kinds.${task.kind}`) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-x-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TaskStatusBadge, { status: task.status }),
+          task.status === "failed" ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "secondary", isLoading: retry.isPending && retry.variables === task.id, onClick: () => onRetry(task.id), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, {}),
+            t("actions.retry")
+          ] }) : null
+        ] })
+      ] }),
+      task.buyer ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: task.buyer.source === "retail" ? t("tasks.buyer.retail") : t(`tasks.buyer.${task.buyer.source}`, { name: task.buyer.name ?? task.buyer.symbol ?? "?", nip: task.buyer.nip ?? "?" }) }) : null,
+      task.warnings.map((w) => /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-tag-orange-text", children: w }, w)),
+      task.lastError && task.status !== "succeeded" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: task.status === "failed" ? "text-ui-tag-red-text" : "text-ui-fg-muted", children: task.lastError }) : null,
+      task.status === "unknown" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-tag-orange-text", children: t("tasks.unknownHint") }) : null,
+      task.manualAction ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-tag-orange-text", children: t("tasks.manual") }) : null
+    ] }, task.id)) }) : null,
+    checked ? /* @__PURE__ */ jsxRuntime.jsx(
+      CheckResult,
+      {
+        result: checked,
+        lang,
+        linking: link.isPending && link.variables ? `${link.variables.kind}|${link.variables.number}` : null,
+        onLink: (e) => void onLink(e)
+      }
+    ) : null,
+    !inFlight || !hasZk && !busy && !canceled && (create == null ? void 0 : create.status) !== "failed" || offerIssue && sales ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 px-6 py-4", children: [
+      offerIssue && sales ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: sales.writerActive ? t("widget.autoOn", { after: sales.after.toUpperCase() }) : t("widget.autoOff") }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        !hasZk && !busy && !canceled && (create == null ? void 0 : create.status) !== "failed" ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "secondary", isLoading: send.isPending, onClick: onSend, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(icons.PaperPlane, {}),
+          t("widget.send")
+        ] }) : null,
+        offerIssue && sales && (sales.option === "fs" || sales.option === "auto") ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "secondary", isLoading: issue.isPending && issue.variables === "fs", onClick: () => onIssue("fs"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(icons.DocumentText, {}),
+          t("widget.issueFs")
+        ] }) : null,
+        offerIssue && sales && (sales.option === "pa" || sales.option === "auto") ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "secondary", isLoading: issue.isPending && issue.variables === "pa", onClick: () => onIssue("pa"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(icons.Receipt, {}),
+          t("widget.issuePa")
+        ] }) : null,
+        !inFlight ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "secondary", isLoading: check.isPending, onClick: () => void onCheck(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(icons.MagnifyingGlass, {}),
+          checked ? t("widget.check.again") : t("widget.check.button")
+        ] }) : null
+      ] }),
+      !checked && !inFlight && (failed || !hasZk && !canceled) ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: t("widget.check.hint") }) : null
+    ] }) : null
+  ] }) });
+};
+adminSdk.defineWidgetConfig({
+  zone: "order.details.side.after"
+});
 const CLOCK_SKEW_WARN_SECONDS = 60;
 const CLOCK_SKEW_LIMIT_SECONDS = 300;
 function skewLevel(skewMs) {
@@ -1416,7 +1739,7 @@ maxProductsPerRun: 20,`;
 const DOCUMENTS_CODE = `salesDocument: "auto",
 salesDocumentAfter: "wz",
 createContractors: true,`;
-function GuideView({ status, lang }) {
+function GuideView({ status }) {
   const { t } = reactI18next.useTranslation("subiekt");
   function list(key) {
     const value = t(key, { returnObjects: true });
@@ -1449,7 +1772,6 @@ function GuideView({ status, lang }) {
     q: item.q,
     a: (item.a ?? []).map((p, i) => /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx(RichText, { text: p }) }, i))
   }));
-  const references = referencesFor(s.references, lang);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       GuideIntro,
@@ -1493,31 +1815,249 @@ function GuideView({ status, lang }) {
         }))
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(GuideFaq, { title: t("guide.faq.title"), items: faq }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      References,
-      {
-        items: references,
-        title: t("references.title"),
-        subtitle: t("references.subtitle"),
-        openLabel: t("references.open"),
-        soonLabel: t("references.soon"),
-        reviewLabel: t("references.review"),
-        ratingLabel: (value) => fmtRating(value, lang)
-      }
-    )
+    /* @__PURE__ */ jsxRuntime.jsx(GuideFaq, { title: t("guide.faq.title"), items: faq })
   ] });
 }
-const PAGE_SIZE$1 = 15;
-function SectionHeader({ title, subtitle, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 px-6 py-4 md:flex-row md:items-start md:justify-between", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: title }),
-      subtitle ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "max-w-2xl text-ui-fg-subtle", children: subtitle }) : null
+const FIELDS = [
+  "id",
+  "currency_code",
+  "items.id",
+  "items.title",
+  "items.product_title",
+  "items.variant_title",
+  "items.thumbnail",
+  "items.quantity",
+  "items.unit_price",
+  "items.variant_sku",
+  "items.variant_barcode",
+  /* Totals come from the order module. Their relations in FULL (.*): with partial fields
+     (e.g. adjustments.code alone) the module computes from incomplete rows. */
+  "total",
+  "shipping_total",
+  "discount_total",
+  "items.tax_lines.*",
+  "items.adjustments.*",
+  "shipping_methods.*",
+  "shipping_methods.tax_lines.*",
+  "shipping_methods.adjustments.*"
+].join(",");
+const TEXT = {
+  en: { productsLine: "Products (before discount)", shippingLine: "Shipping (after its discount)", free: "free", discountLine: "Discount", codesLine: "Discount, codes", button: "View", show: "Show products", title: "Products", ofOrder: "of order", lines: "lines", pcs: "pcs", components: "components", close: "Close", showParts: "Show components", hideParts: "Hide components", empty: "This order has no items." },
+  pl: { productsLine: "Produkty (przed rabatem)", shippingLine: "Dostawa (po rabacie na dostawę)", free: "gratis", discountLine: "Rabat", codesLine: "Rabat, kupony", button: "Zobacz", show: "Pokaż produkty", title: "Produkty", ofOrder: "zamówienia", lines: "poz.", pcs: "szt.", components: "składników", close: "Zamknij", showParts: "Pokaż składniki", hideParts: "Ukryj składniki", empty: "Zamówienie nie ma pozycji." }
+};
+function useText() {
+  const { i18n } = reactI18next.useTranslation();
+  return String((i18n == null ? void 0 : i18n.language) ?? "en").startsWith("pl") ? TEXT.pl : TEXT.en;
+}
+const num = (v) => {
+  const n = typeof v === "number" ? v : typeof v === "string" ? Number(v) : NaN;
+  return Number.isFinite(n) ? n : null;
+};
+function amountsOf(o) {
+  const total = num(o.total);
+  const shipping = num(o.shipping_total);
+  const discount = num(o.discount_total) ?? 0;
+  if (total == null || shipping == null) return null;
+  const codes = /* @__PURE__ */ new Set();
+  const adjustments = [...(o.items ?? []).flatMap((it) => it.adjustments ?? []), ...(o.shipping_methods ?? []).flatMap((sm) => sm.adjustments ?? [])];
+  for (const a of adjustments) if (typeof (a == null ? void 0 : a.code) === "string" && a.code.trim()) codes.add(a.code.trim().toUpperCase());
+  const r2 = (n) => Math.round(n * 100) / 100;
+  return { total: r2(total), shipping: r2(shipping), discount: r2(discount), products: r2(total - shipping + discount), codes: [...codes] };
+}
+function itemOf(it) {
+  const unitPrice = Number(it.unit_price ?? 0);
+  return {
+    id: it.id,
+    title: it.product_title || it.title || "Product",
+    variant: it.variant_title && it.variant_title !== "Default variant" ? it.variant_title : null,
+    thumbnail: it.thumbnail ?? null,
+    quantity: Number(it.quantity ?? 0),
+    unitPrice,
+    sku: it.variant_sku ?? null,
+    barcode: it.variant_barcode ?? null,
+    component: unitPrice <= 0.05
+  };
+}
+async function load(ids) {
+  const out = {};
+  for (let i = 0; i < ids.length; i += 100) {
+    const batch = ids.slice(i, i + 100);
+    const qs = [`fields=${encodeURIComponent(FIELDS)}`, `limit=${batch.length}`, ...batch.map((id) => `id=${encodeURIComponent(id)}`)].join("&");
+    const r = await kitFetch(`/admin/orders?${qs}`);
+    for (const o of r.orders ?? []) {
+      out[o.id] = {
+        currency: String(o.currency_code ?? "usd"),
+        amounts: amountsOf(o),
+        items: (o.items ?? []).map(itemOf)
+      };
+    }
+  }
+  return out;
+}
+function useKitOrderProducts(ids) {
+  const unique = [...new Set(ids.filter((x) => typeof x === "string" && x.startsWith("order_")))].sort();
+  return reactQuery.useQuery({
+    queryKey: ["koda-kit-order-products", unique],
+    queryFn: () => load(unique),
+    enabled: unique.length > 0,
+    staleTime: 6e4
+  });
+}
+function money(n, currency, lang) {
+  try {
+    return new Intl.NumberFormat(lang, { style: "currency", currency: currency.toUpperCase() }).format(n);
+  } catch {
+    return `${n.toFixed(2)} ${currency.toUpperCase()}`;
+  }
+}
+function Thumb({ src, size, title }) {
+  const [broken, setBroken] = react.useState(false);
+  const style = { width: size, height: size };
+  if (!src || broken)
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { style, className: "flex shrink-0 items-center justify-center rounded-lg border border-ui-border-base bg-ui-bg-component text-ui-fg-muted", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size * 0.5, height: size * 0.5, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: title, title, style, loading: "lazy", onError: () => setBroken(true), className: "shrink-0 rounded-lg border border-ui-border-base bg-ui-bg-base object-cover" });
+}
+function Dialog({ data, displayId, onClose }) {
+  const t = useText();
+  const lang = t === TEXT.pl ? "pl-PL" : "en-GB";
+  const [partsOpen, setPartsOpen] = react.useState(false);
+  react.useEffect(() => {
+    const k = (e) => e.key === "Escape" && onClose();
+    window.addEventListener("keydown", k);
+    return () => window.removeEventListener("keydown", k);
+  }, [onClose]);
+  const main = data.items.filter((p) => !p.component);
+  const parts = data.items.filter((p) => p.component);
+  const pcs = main.reduce((s, p) => s + p.quantity, 0);
+  const value = data.items.reduce((s, p) => s + p.unitPrice * p.quantity, 0);
+  return reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-[100] flex items-center justify-center bg-black/40 p-4", onClick: onClose, role: "presentation", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "dialog", "aria-modal": "true", "aria-label": `${t.title} ${displayId ? `#${displayId}` : ""}`, className: "flex max-h-[85vh] w-full max-w-2xl flex-col overflow-hidden rounded-xl border border-ui-border-base bg-ui-bg-base shadow-elevation-modal", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-ui-border-base px-5 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { weight: "plus", children: [
+            t.title,
+            displayId ? ` ${t.ofOrder} #${displayId}` : ""
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+            main.length,
+            " ",
+            t.lines,
+            ", ",
+            pcs,
+            " ",
+            t.pcs,
+            parts.length ? `, ${parts.length} ${t.components}` : "",
+            ", ",
+            money(value, data.currency, lang)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: onClose, children: t.close })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto px-5 py-2", children: [
+        main.map((p) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 border-b border-ui-border-base py-3 last:border-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Thumb, { src: p.thumbnail, size: 48, title: p.title }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "truncate", children: p.title }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: [p.variant, p.sku ? `SKU ${p.sku}` : null, p.barcode ? `EAN ${p.barcode}` : null].filter(Boolean).join(", ") || "-" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", weight: "plus", className: "tabular-nums", children: [
+              p.quantity,
+              " × ",
+              money(p.unitPrice, data.currency, lang)
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "tabular-nums text-ui-fg-subtle", children: money(p.unitPrice * p.quantity, data.currency, lang) })
+          ] })
+        ] }, p.id)),
+        parts.length ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "txt-small-plus text-ui-fg-interactive", onClick: () => setPartsOpen((v) => !v), children: [
+            partsOpen ? t.hideParts : t.showParts,
+            " (",
+            parts.length,
+            ")"
+          ] }),
+          partsOpen ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 grid grid-cols-1 gap-x-4 gap-y-1 sm:grid-cols-2", children: parts.map((p) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: [
+            p.quantity,
+            " × ",
+            p.title,
+            p.variant ? ` (${p.variant})` : ""
+          ] }, p.id)) }) : null
+        ] }) : null,
+        !data.items.length ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "py-6 text-center text-ui-fg-subtle", children: t.empty }) : null
+      ] })
+    ] }) }),
+    document.body
+  );
+}
+function KitOpenDialogIcon({ size = 14 }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 7h3v3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 7l-4 4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 17H7v-3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 17l4-4" })
+  ] });
+}
+const SINGLE = 88;
+const CARD = 72;
+const MAX_CARDS = 4;
+function KitOrderProductsCell({ data, loading, displayId }) {
+  const t = useText();
+  const [open, setOpen] = react.useState(false);
+  if (!data)
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: loading ? "…" : "-" });
+  const main = data.items.filter((p) => !p.component);
+  const pool = main.length ? main : data.items;
+  if (!pool.length)
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: "-" });
+  const shown = pool.slice(0, pool.length > MAX_CARDS ? MAX_CARDS - 1 : MAX_CARDS);
+  const rest = pool.length - shown.length;
+  const size = pool.length === 1 ? SINGLE : CARD;
+  const show = (e) => {
+    e.stopPropagation();
+    e.preventDefault();
+    setOpen(true);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-y-2", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: show,
+        className: "inline-flex items-center gap-x-1 txt-compact-small-plus text-ui-fg-interactive underline-offset-2 transition-fg hover:text-ui-fg-interactive-hover hover:underline",
+        title: t.show,
+        children: [
+          t.button,
+          /* @__PURE__ */ jsxRuntime.jsx(KitOpenDialogIcon, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: show, className: "isolate flex items-center py-1", "aria-label": `${t.title}${displayId ? ` #${displayId}` : ""}: ${pool.length}`, children: [
+      shown.map((p, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          style: { marginLeft: i ? -40 : 0, zIndex: i + 1 },
+          className: "relative rounded-lg bg-ui-bg-base shadow-elevation-card-rest ring-2 ring-ui-bg-base transition-transform duration-200 ease-out hover:!z-30 hover:scale-[1.15]",
+          children: /* @__PURE__ */ jsxRuntime.jsx(Thumb, { src: p.thumbnail, size, title: `${p.quantity} × ${p.title}${p.variant ? ` (${p.variant})` : ""}` })
+        },
+        p.id
+      )),
+      rest > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          style: { marginLeft: -40, zIndex: shown.length + 1, width: CARD, height: CARD },
+          className: "relative flex items-center justify-end rounded-lg bg-ui-bg-component pr-3 shadow-elevation-card-rest ring-2 ring-ui-bg-base txt-compact-small-plus text-ui-fg-subtle",
+          children: [
+            "+",
+            rest
+          ]
+        }
+      ) : null
     ] }),
-    children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children }) : null
+    open ? /* @__PURE__ */ jsxRuntime.jsx(Dialog, { data, displayId: displayId ?? null, onClose: () => setOpen(false) }) : null
   ] });
 }
+const PAGE_SIZE$1 = 15;
 const LEVEL_TEXT = {
   ok: "text-ui-fg-base",
   warn: "text-ui-tag-orange-text",
@@ -1538,54 +2078,65 @@ function BridgeSection({ status, lang }) {
   const licence = ((_a = h == null ? void 0 : h.subiekt) == null ? void 0 : _a.licence) === "ok" || ((_b = h == null ? void 0 : h.subiekt) == null ? void 0 : _b.licence) === "refused" ? h.subiekt.licence : "unknown";
   const signatureTone = d.signature === "ok" ? LEVEL_TEXT.ok : d.signature === "unknown" ? LEVEL_TEXT.unknown : LEVEL_TEXT.error;
   const rejectedLater = Boolean(d.webhook.rejectedAt && (!d.webhook.lastAt || d.webhook.rejectedAt > d.webhook.lastAt));
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { title: t("bridge.title"), subtitle: t("bridge.subtitle") }),
-    d.legacy ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "warning", label: t("bridge.title"), children: t("bridge.legacy") }) }) : null,
-    status.mode === "live" && ((_c = h == null ? void 0 : h.bridge) == null ? void 0 : _c.mode) === "fake" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "warning", label: t("bridge.title"), children: t("bridge.fakeMode") }) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.versions"), children: t("bridge.versionsValue", { bridge: ((_d = h == null ? void 0 : h.bridge) == null ? void 0 : _d.version) ?? "?", contract: ((_e = h == null ? void 0 : h.bridge) == null ? void 0 : _e.contract) ?? "?", plugin: status.pluginVersion }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.sdk"), children: h ? t("bridge.sdkValue", { sdk: ((_f = h.bridge) == null ? void 0 : _f.sdk_version) ?? none, db: ((_g = h.subiekt) == null ? void 0 : _g.database_version) ?? none }) : none }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.licence"), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: licence === "refused" ? LEVEL_TEXT.error : licence === "ok" ? LEVEL_TEXT.ok : LEVEL_TEXT.unknown, children: t(`bridge.licenceStates.${licence}`) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.started"), children: fmtDateTime((_h = h == null ? void 0 : h.bridge) == null ? void 0 : _h.started_at, lang) || none }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.latency"), children: fmtMs(d.latencyMs) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.skew"), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: LEVEL_TEXT[skew], children: t(`bridge.skewStates.${skew}`, { value: d.clockSkewMs === null ? "" : signedMs(d.clockSkewMs) }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.signature"), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: signatureTone, children: t(`bridge.signatureStates.${d.signature}`, { defaultValue: d.signature }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.lastEvent"), children: (h == null ? void 0 : h.events) ? t("bridge.lastEventValue", { id: h.events.last_id, time: fmtDateTime(h.events.last_at, lang) || none }) : none }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.queues"), children: (h == null ? void 0 : h.queues) ? t("bridge.queuesValue", { sfera: h.queues.sfera_pending, webhook: h.queues.webhook_pending }) : none }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.webhook"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: d.webhook.lastAt ? t("bridge.webhookValue", { time: fmtDateTime(d.webhook.lastAt, lang) }) : t("bridge.webhookNever") }),
-        rejectedLater ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: LEVEL_TEXT.warn, children: t("bridge.webhookRejected", {
-          time: fmtDateTime(d.webhook.rejectedAt, lang),
-          reason: t(`bridge.webhookReasons.${d.webhook.rejectReason ?? "missing"}`, { defaultValue: d.webhook.rejectReason ?? "" })
-        }) }) : null
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("connection.checkedAt"), children: fmtDateTime(d.checkedAt, lang) || t("connection.never") })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: t("bridge.capabilities") }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: d.capabilities.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: none }) : d.capabilities.map((c) => /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "green", children: t(`bridge.capabilityNames.${c}`, { defaultValue: c }) }, c)) })
-      ] }),
-      d.missing.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: t("bridge.cannot") }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-y-1", children: d.missing.map((m) => {
-          const hint = m.reason === "bridge_config" ? t(`bridge.capabilityHints.${m.capability}`, { defaultValue: "" }) : "";
-          return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "txt-compact-small flex flex-wrap gap-x-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-ui-fg-base", children: [
-              t(`bridge.capabilityNames.${m.capability}`, { defaultValue: m.capability }),
-              ":"
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-subtle", children: t(`bridge.reasons.${m.reason}`, { defaultValue: m.reason }) }),
-            hint ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono text-ui-fg-muted", children: [
-              "(",
-              hint,
-              ")"
-            ] }) : null
-          ] }, m.capability);
-        }) })
-      ] }) : null
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Section,
+    {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ComputerDesktop, {}),
+      title: t("bridge.title"),
+      points: [
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, {}), text: t("bridge.points.last") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ShieldCheck, {}), text: t("bridge.points.fresh") }
+      ],
+      pointsLabel: t("bridge.subtitle"),
+      children: [
+        d.legacy ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "warning", label: t("bridge.title"), children: t("bridge.legacy") }) }) : null,
+        status.mode === "live" && ((_c = h == null ? void 0 : h.bridge) == null ? void 0 : _c.mode) === "fake" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "warning", label: t("bridge.title"), children: t("bridge.fakeMode") }) }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.versions"), children: t("bridge.versionsValue", { bridge: ((_d = h == null ? void 0 : h.bridge) == null ? void 0 : _d.version) ?? "?", contract: ((_e = h == null ? void 0 : h.bridge) == null ? void 0 : _e.contract) ?? "?", plugin: status.pluginVersion }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.sdk"), children: h ? t("bridge.sdkValue", { sdk: ((_f = h.bridge) == null ? void 0 : _f.sdk_version) ?? none, db: ((_g = h.subiekt) == null ? void 0 : _g.database_version) ?? none }) : none }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.licence"), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: licence === "refused" ? LEVEL_TEXT.error : licence === "ok" ? LEVEL_TEXT.ok : LEVEL_TEXT.unknown, children: t(`bridge.licenceStates.${licence}`) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.started"), children: fmtDateTime((_h = h == null ? void 0 : h.bridge) == null ? void 0 : _h.started_at, lang) || none }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.latency"), children: fmtMs(d.latencyMs) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.skew"), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: LEVEL_TEXT[skew], children: t(`bridge.skewStates.${skew}`, { value: d.clockSkewMs === null ? "" : signedMs(d.clockSkewMs) }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.signature"), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: signatureTone, children: t(`bridge.signatureStates.${d.signature}`, { defaultValue: d.signature }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.lastEvent"), children: (h == null ? void 0 : h.events) ? t("bridge.lastEventValue", { id: h.events.last_id, time: fmtDateTime(h.events.last_at, lang) || none }) : none }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.queues"), children: (h == null ? void 0 : h.queues) ? t("bridge.queuesValue", { sfera: h.queues.sfera_pending, webhook: h.queues.webhook_pending }) : none }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("bridge.webhook"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: d.webhook.lastAt ? t("bridge.webhookValue", { time: fmtDateTime(d.webhook.lastAt, lang) }) : t("bridge.webhookNever") }),
+            rejectedLater ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: LEVEL_TEXT.warn, children: t("bridge.webhookRejected", {
+              time: fmtDateTime(d.webhook.rejectedAt, lang),
+              reason: t(`bridge.webhookReasons.${d.webhook.rejectReason ?? "missing"}`, { defaultValue: d.webhook.rejectReason ?? "" })
+            }) }) : null
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("connection.checkedAt"), children: fmtDateTime(d.checkedAt, lang) || t("connection.never") })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: t("bridge.capabilities") }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: d.capabilities.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: none }) : d.capabilities.map((c) => /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { tone: "green", children: t(`bridge.capabilityNames.${c}`, { defaultValue: c }) }, c)) })
+          ] }),
+          d.missing.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: t("bridge.cannot") }),
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-y-1", children: d.missing.map((m) => {
+              const hint = m.reason === "bridge_config" ? t(`bridge.capabilityHints.${m.capability}`, { defaultValue: "" }) : "";
+              return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "txt-compact-small flex flex-wrap gap-x-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-ui-fg-base", children: [
+                  t(`bridge.capabilityNames.${m.capability}`, { defaultValue: m.capability }),
+                  ":"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-subtle", children: t(`bridge.reasons.${m.reason}`, { defaultValue: m.reason }) }),
+                hint ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono text-ui-fg-muted", children: [
+                  "(",
+                  hint,
+                  ")"
+                ] }) : null
+              ] }, m.capability);
+            }) })
+          ] }) : null
+        ] })
+      ]
+    }
+  );
 }
 const WRITER_ORDER = ["documents", "contractors", "prices", "products"];
 function WriterRow({ writer, status, lang }) {
@@ -1619,15 +2170,14 @@ function WriterRow({ writer, status, lang }) {
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-base", children: name }),
-        writer.active ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "green", children: t("writers.active") }) : writer.armed ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "orange", children: t("writers.blocked") }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "grey", children: t("writers.disarmed") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "grey", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-x-1", children: [
-          writer.allowed ? null : /* @__PURE__ */ jsxRuntime.jsx(icons.LockClosedSolid, {}),
+        writer.active ? /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { tone: "green", children: t("writers.active") }) : writer.armed ? /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { tone: "orange", children: t("writers.blocked") }) : /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { children: t("writers.disarmed") }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ToneBadge, { icon: writer.allowed ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(icons.LockClosedSolid, {}), children: [
           t("writers.option", { option: writer.option }),
           " ",
           writer.allowed ? t("writers.allowed") : t("writers.forbidden")
-        ] }) })
+        ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "max-w-2xl text-ui-fg-subtle", children: description }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: description }),
       writer.unsupported ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-tag-orange-text", children: t("writers.unsupported") }) : null,
       /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: writer.changedAt ? t(writer.armed ? "writers.armedBy" : "writers.disarmedBy", { who: writer.changedBy ?? "?", time: fmtDateTime(writer.changedAt, lang) }) : t("writers.never") })
     ] }),
@@ -1637,13 +2187,34 @@ function WriterRow({ writer, status, lang }) {
 function WritersSection({ status, lang }) {
   const { t } = reactI18next.useTranslation("subiekt");
   const writers = WRITER_ORDER.map((k) => status.writers.find((w) => w.key === k)).filter((w) => Boolean(w));
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { title: t("writers.title"), subtitle: t("writers.subtitle") }),
-    status.mode === "demo" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: t("writers.demoNote") }) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y", children: writers.map((w) => /* @__PURE__ */ jsxRuntime.jsx(WriterRow, { writer: w, status, lang }, w.key)) })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Section,
+    {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.LockClosedSolid, {}),
+      title: t("writers.title"),
+      badges: status.mode === "demo" ? /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { tone: "blue", title: t("writers.demoNote"), children: t("widget.demo") }) : null,
+      points: [
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PencilSquare, {}), text: t("writers.points.option") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.User, {}), text: t("writers.points.person") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.LockClosedSolid, {}), text: t("writers.points.falseWins") }
+      ],
+      pointsLabel: t("writers.subtitle"),
+      children: writers.map((w) => /* @__PURE__ */ jsxRuntime.jsx(WriterRow, { writer: w, status, lang }, w.key))
+    }
+  );
 }
 const STATUS_FILTERS = ["planned", "applied", "simulated", "over_cap", "stale", "failed", "quarantined", "skipped"];
+const STATUS_ICON = {
+  planned: /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, {}),
+  applied: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, {}),
+  simulated: /* @__PURE__ */ jsxRuntime.jsx(icons.Beaker, {}),
+  over_cap: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLongRight, {}),
+  stale: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, {}),
+  failed: /* @__PURE__ */ jsxRuntime.jsx(icons.XCircle, {}),
+  quarantined: /* @__PURE__ */ jsxRuntime.jsx(icons.ExclamationCircle, {}),
+  skipped: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUturnLeft, {})
+};
+const STATUS_ATTENTION = /* @__PURE__ */ new Set(["failed", "quarantined", "stale"]);
 function ChangeCell({ change, lang }) {
   const { t } = reactI18next.useTranslation("subiekt");
   if (change.kind === "create") return /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("products.newProduct", { price: fmtMoney(change.to, change.currency, lang) }) });
@@ -1689,7 +2260,7 @@ function ProductsSection({ status, lang, poll, onAction }) {
   const [filter, setFilter] = react.useState("all");
   const [search, setSearch] = react.useState("");
   const [offset, setOffset] = react.useState(0);
-  const q = search.trim();
+  const q = useDebouncedValue(search).trim();
   const running = status.running.includes("products");
   const products = useSubiektProducts(kind, filter, q, offset, PAGE_SIZE$1, poll || running);
   const sync = useSubiektSync();
@@ -1738,112 +2309,147 @@ function ProductsSection({ status, lang, poll, onAction }) {
     ["unmatchedVariants", stats.unmatchedVariants, true],
     ["noPrice", stats.noPrice, true]
   ] : [];
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(SectionHeader, { title: t("products.title"), subtitle: t("products.subtitle"), children: [
-      (run == null ? void 0 : run.dryRun) ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "purple", children: t("stock.dryRun") }) : null,
-      run ? /* @__PURE__ */ jsxRuntime.jsx(RunStatusBadge, { status: run.status }) : null,
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "secondary", disabled: !ready || !supported || !o.productSyncEnabled || running, isLoading: sync.isPending, onClick: onRead, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, {}),
-        running ? t("actions.running") : t("actions.products")
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1 px-6 py-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: settings }),
-      run ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: [
-        runSummary(run, t),
-        " ",
-        fmtDateTime(run.startedAt, lang),
-        ", ",
-        fmtDuration(run.durationMs)
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: t("products.never") })
-    ] }),
-    !o.productSyncEnabled ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "info", label: t("products.title"), children: t("products.disabled") }) }) : !supported ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "warning", label: t("products.title"), children: t("products.unsupported") }) }) : null,
-    (stats == null ? void 0 : stats.blocked) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "warning", label: t("products.title"), children: t(`products.blocked.${stats.blocked}`) }) }) : null,
-    counters.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 px-6 py-4 sm:grid-cols-4", children: counters.map(([key, value, warn]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: t(`products.counters.${key}`) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: ui.clx("tabular-nums", warn && value ? "text-ui-tag-orange-text" : void 0), children: fmtNumber(value ?? 0, lang) })
-    ] }, key)) }) : null,
-    (stats == null ? void 0 : stats.samples) && (((_a = stats.samples.conflicts) == null ? void 0 : _a.length) || ((_b = stats.samples.unmatchedVariants) == null ? void 0 : _b.length) || ((_c = stats.samples.noPrice) == null ? void 0 : _c.length)) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
-      ((_d = stats.samples.conflicts) == null ? void 0 : _d.length) ? /* @__PURE__ */ jsxRuntime.jsx(SampleList, { label: t("products.samples.conflicts"), items: stats.samples.conflicts }) : null,
-      ((_e = stats.samples.unmatchedVariants) == null ? void 0 : _e.length) ? /* @__PURE__ */ jsxRuntime.jsx(SampleList, { label: t("products.samples.unmatchedVariants"), items: stats.samples.unmatchedVariants }) : null,
-      ((_f = stats.samples.noPrice) == null ? void 0 : _f.length) ? /* @__PURE__ */ jsxRuntime.jsx(SampleList, { label: t("products.samples.noPrice"), items: stats.samples.noPrice }) : null
-    ] }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 px-6 py-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FilterPills,
-          {
-            value: kind,
-            onChange: setKind,
-            options: [
-              { value: "all", label: t("products.statuses.all") },
-              { value: "price", label: t("products.kinds.price") },
-              { value: "create", label: t("products.kinds.create") }
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full md:w-56", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { size: "small", type: "search", placeholder: t("products.search"), value: search, onChange: (e) => setSearch(e.target.value) }) })
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Section,
+    {
+      id: "subiekt-products",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Tag, {}),
+      title: t("products.title"),
+      badges: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        (run == null ? void 0 : run.dryRun) ? /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { tone: "blue", children: t("stock.dryRun") }) : null,
+        run ? /* @__PURE__ */ jsxRuntime.jsx(RunStatusBadge, { status: run.status }) : null
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FilterPills,
-        {
-          value: filter,
-          onChange: setFilter,
-          options: [
-            { value: "all", label: t("products.statuses.all"), count: summary == null ? void 0 : summary.total },
-            ...STATUS_FILTERS.filter((s) => ((summary == null ? void 0 : summary[s]) ?? 0) > 0 || s === filter).map((s) => ({ value: s, label: t(`products.statuses.${s}`), count: summary == null ? void 0 : summary[s] }))
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("products.columns.product") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("products.columns.change") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsx(StoreColumn, { label: t("products.columns.store"), hint: t("products.matching") }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("products.columns.status") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("products.columns.details") })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Row, { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, className: "px-6 py-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: products.isLoading ? "" : t("products.empty") }) }) }) : rows.map((c) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { className: "[&_td]:py-2.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "max-w-[240px]", children: /* @__PURE__ */ jsxRuntime.jsx(SubiektProductCell, { change: c }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ChangeCell, { change: c, lang }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "max-w-[300px]", children: /* @__PURE__ */ jsxRuntime.jsx(StoreProductCell, { change: c }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(CatalogStatusBadge, { status: c.status }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Cell, { className: "max-w-md", children: [
-          c.lastError ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: c.status === "failed" || c.status === "quarantined" ? "text-ui-tag-red-text" : "text-ui-fg-subtle", children: c.lastError }) : null,
-          c.appliedAt ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: fmtDateTime(c.appliedAt, lang) }) : null
+      points: [
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ListBullet, {}), text: t("products.points.plan") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.MagnifyingGlass, {}), text: t("products.points.match"), title: t("products.matching") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.LockClosedSolid, {}), text: t("products.points.writer") }
+      ],
+      pointsLabel: t("products.subtitle"),
+      actions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SearchInput, { value: search, onChange: setSearch, placeholder: t("products.search") }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "secondary", disabled: !ready || !supported || !o.productSyncEnabled || running, isLoading: sync.isPending, onClick: onRead, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, {}),
+          running ? t("actions.running") : t("actions.products")
         ] })
-      ] }, c.id)) })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(Pager, { offset, limit: PAGE_SIZE$1, count: (data == null ? void 0 : data.count) ?? 0, onChange: setOffset }),
-    data && data.quarantined.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: t("products.quarantine") }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: t("products.quarantineHint") }),
-      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col divide-y", children: data.quarantined.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start justify-between gap-x-4 py-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "font-mono", children: [
-            t(`products.kinds.${item.kind}`),
-            ": ",
-            item.key
-          ] }),
-          item.lastError ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-tag-red-text", children: item.lastError }) : null
+      ] }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1 px-6 py-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: settings }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: run ? `${runSummary(run, t)} ${fmtDateTime(run.startedAt, lang)}, ${fmtDuration(run.durationMs)}` : t("products.never") })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", isLoading: release.isPending && release.variables === item.id, onClick: () => onRelease(item.id), children: t("actions.release") })
-      ] }, item.id)) })
-    ] }) : null
-  ] });
+        !o.productSyncEnabled ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "info", label: t("products.title"), children: t("products.disabled") }) }) : !supported ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "warning", label: t("products.title"), children: t("products.unsupported") }) }) : null,
+        (stats == null ? void 0 : stats.blocked) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "warning", label: t("products.title"), children: t(`products.blocked.${stats.blocked}`) }) }) : null,
+        counters.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(StatTiles, { columns: 4, children: counters.map(([key, value, warn]) => /* @__PURE__ */ jsxRuntime.jsx(StatTile, { label: t(`products.counters.${key}`), value: fmtNumber(value ?? 0, lang), tone: warn && value ? "orange" : "grey" }, key)) }) : null,
+        (stats == null ? void 0 : stats.samples) && (((_a = stats.samples.conflicts) == null ? void 0 : _a.length) || ((_b = stats.samples.unmatchedVariants) == null ? void 0 : _b.length) || ((_c = stats.samples.noPrice) == null ? void 0 : _c.length)) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
+          ((_d = stats.samples.conflicts) == null ? void 0 : _d.length) ? /* @__PURE__ */ jsxRuntime.jsx(SampleList, { label: t("products.samples.conflicts"), items: stats.samples.conflicts }) : null,
+          ((_e = stats.samples.unmatchedVariants) == null ? void 0 : _e.length) ? /* @__PURE__ */ jsxRuntime.jsx(SampleList, { label: t("products.samples.unmatchedVariants"), items: stats.samples.unmatchedVariants }) : null,
+          ((_f = stats.samples.noPrice) == null ? void 0 : _f.length) ? /* @__PURE__ */ jsxRuntime.jsx(SampleList, { label: t("products.samples.noPrice"), items: stats.samples.noPrice }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs(FilterBar, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FilterButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ListBullet, {}), label: t("products.statuses.all"), count: summary == null ? void 0 : summary.total, active: kind === "all" && filter === "all", onClick: () => (setKind("all"), setFilter("all")) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FilterButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Tag, {}), label: t("products.kinds.price"), active: kind === "price", onClick: () => setKind(kind === "price" ? "all" : "price") }),
+          /* @__PURE__ */ jsxRuntime.jsx(FilterButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}), label: t("products.kinds.create"), active: kind === "create", onClick: () => setKind(kind === "create" ? "all" : "create") }),
+          STATUS_FILTERS.some((st) => ((summary == null ? void 0 : summary[st]) ?? 0) > 0 || st === filter) ? /* @__PURE__ */ jsxRuntime.jsx(FilterDivider, {}) : null,
+          STATUS_FILTERS.filter((st) => ((summary == null ? void 0 : summary[st]) ?? 0) > 0 || st === filter).map((st) => /* @__PURE__ */ jsxRuntime.jsx(
+            FilterButton,
+            {
+              icon: STATUS_ICON[st],
+              label: t(`products.statuses.${st}`),
+              count: summary == null ? void 0 : summary[st],
+              attention: STATUS_ATTENTION.has(st),
+              active: filter === st,
+              onClick: () => setFilter(filter === st ? "all" : st)
+            },
+            st
+          ))
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("products.columns.product") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("products.columns.change") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsx(StoreColumn, { label: t("products.columns.store"), hint: t("products.matching") }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("products.columns.status") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("products.columns.details") })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: products.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(KitSkeletonRows, { cols: 5, rows: 4 }) : rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(EmptyTableRow, { cols: 5, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Tag, {}), title: t("products.empty") }) : rows.map((c) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { className: "[&_td]:py-2.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "max-w-[240px]", children: /* @__PURE__ */ jsxRuntime.jsx(SubiektProductCell, { change: c }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ChangeCell, { change: c, lang }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "max-w-[300px]", children: /* @__PURE__ */ jsxRuntime.jsx(StoreProductCell, { change: c }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(CatalogStatusBadge, { status: c.status, dot: true }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Cell, { className: "max-w-md", children: [
+              c.lastError ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: c.status === "failed" || c.status === "quarantined" ? "text-ui-tag-red-text" : "text-ui-fg-subtle", children: c.lastError }) : null,
+              c.appliedAt ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: fmtDateTime(c.appliedAt, lang) }) : null
+            ] })
+          ] }, c.id)) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Pager, { offset, limit: PAGE_SIZE$1, count: (data == null ? void 0 : data.count) ?? 0, onChange: setOffset }),
+        data && data.quarantined.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 px-6 py-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: t("products.quarantine") }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              KeyPoints,
+              {
+                items: [
+                  { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExclamationCircle, {}), text: t("products.quarantinePoints.skipped"), tone: "orange" },
+                  { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PencilSquare, {}), text: t("products.quarantinePoints.fix") }
+                ],
+                label: t("products.quarantineHint")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col divide-y", children: data.quarantined.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start justify-between gap-x-4 py-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "font-mono", children: [
+                t(`products.kinds.${item.kind}`),
+                ": ",
+                item.key
+              ] }),
+              item.lastError ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-tag-red-text", children: item.lastError }) : null
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              RowActions,
+              {
+                actions: [
+                  {
+                    key: "release",
+                    label: t("actions.release"),
+                    icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUturnLeft, {}),
+                    loading: release.isPending && release.variables === item.id,
+                    onClick: () => void onRelease(item.id)
+                  }
+                ]
+              }
+            )
+          ] }, item.id)) })
+        ] }) : null
+      ]
+    }
+  );
 }
 const PAGE_SIZE = 15;
 const SETTINGS_TABS = ["connection", "bridge", "writers", "stock", "runs"];
+const TASK_FILTERS = ["attention", "open", "done", "all"];
+function scrollToSection(id) {
+  requestAnimationFrame(() => {
+    var _a;
+    return (_a = document.getElementById(id)) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "start" });
+  });
+}
 const SubiektPage = () => {
   const { t, i18n } = reactI18next.useTranslation("subiekt");
   const lang = i18n.language || "en";
   const client = reactQuery.useQueryClient();
   const nav = usePageNav(SETTINGS_TABS);
+  const [params] = reactRouterDom.useSearchParams();
   const [pollUntil, setPollUntil] = react.useState(0);
   const status = useSubiektStatus(pollUntil);
   const s = status.data;
   const polling = ((s == null ? void 0 : s.running.length) ?? 0) > 0 || Date.now() < pollUntil;
+  const asked = params.get("filter") ?? "";
+  const [taskFilter, setTaskFilter] = react.useState(TASK_FILTERS.includes(asked) ? asked : null);
+  const [docKind, setDocKind] = react.useState("all");
+  const initialQuery = (params.get("q") ?? "").slice(0, 80);
+  const filter = taskFilter ?? (s && s.counts.failed > 0 ? "attention" : "all");
   const runKey = JSON.stringify(Object.values((s == null ? void 0 : s.lastRuns) ?? {}).map((r) => (r == null ? void 0 : r.id) ?? ""));
   const seen = react.useRef(void 0);
   react.useEffect(() => {
@@ -1853,32 +2459,45 @@ const SubiektPage = () => {
     seen.current = runKey;
   }, [runKey, client]);
   const poll = () => setPollUntil(Date.now() + 3e4);
+  const toggleTasks = (f) => {
+    setTaskFilter(filter === f ? "all" : f);
+    scrollToSection("subiekt-tasks");
+  };
+  const toggleDocs = (k) => {
+    setDocKind(docKind === k ? "all" : k);
+    scrollToSection("subiekt-documents");
+  };
+  const c = s == null ? void 0 : s.counts;
+  const queued = c ? c.pending + c.running + c.unknown : 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Header, { status: s, loading: status.isLoading, lang, nav, onAction: poll }),
+      /* @__PURE__ */ jsxRuntime.jsx(Header, { status: s, loading: status.isLoading, fetching: status.isFetching, lang, nav, onAction: poll }),
       status.isError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.InlineTip, { variant: "error", label: t("title"), children: errorMessage(status.error) }) }) : null,
       s ? /* @__PURE__ */ jsxRuntime.jsx(Warnings, { status: s }) : null,
-      s && nav.view === "panel" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 divide-x divide-y md:grid-cols-4 xl:grid-cols-7 xl:divide-y-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(StatTile, { label: t("stats.sent24h"), value: fmtNumber(s.counts.succeeded24h, lang) }),
-        /* @__PURE__ */ jsxRuntime.jsx(StatTile, { label: t("stats.waiting"), value: fmtNumber(s.counts.waiting, lang), tone: s.counts.waiting ? void 0 : "muted" }),
+      c && nav.view === "panel" ? /* @__PURE__ */ jsxRuntime.jsxs(StatTiles, { columns: 7, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(StatTile, { label: t("stats.sent24h"), value: fmtNumber(c.succeeded24h, lang), tone: c.succeeded24h ? "green" : "grey", active: filter === "done", onClick: () => toggleTasks("done") }),
+        /* @__PURE__ */ jsxRuntime.jsx(StatTile, { label: t("stats.waiting"), value: fmtNumber(c.waiting, lang), hint: c.waiting ? t("stats.hintWaiting") : void 0 }),
+        /* @__PURE__ */ jsxRuntime.jsx(StatTile, { label: t("stats.queue"), value: fmtNumber(queued, lang), tone: queued ? "blue" : "grey", active: filter === "open", onClick: () => toggleTasks("open") }),
         /* @__PURE__ */ jsxRuntime.jsx(
           StatTile,
           {
-            label: t("stats.queue"),
-            value: fmtNumber(s.counts.pending + s.counts.running + s.counts.unknown, lang),
-            tone: s.counts.pending + s.counts.running + s.counts.unknown ? void 0 : "muted"
+            label: t("stats.attention"),
+            value: fmtNumber(c.failed, lang),
+            tone: c.failed ? "red" : "grey",
+            hint: c.failed ? t("stats.hintAttention") : void 0,
+            active: filter === "attention",
+            onClick: () => toggleTasks("attention")
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(StatTile, { label: t("stats.attention"), value: fmtNumber(s.counts.failed, lang), tone: s.counts.failed ? "attention" : "muted" }),
-        /* @__PURE__ */ jsxRuntime.jsx(StatTile, { label: t("stats.zk"), value: fmtNumber(s.counts.zk, lang) }),
-        /* @__PURE__ */ jsxRuntime.jsx(StatTile, { label: t("stats.wz"), value: fmtNumber(s.counts.wz, lang) }),
-        /* @__PURE__ */ jsxRuntime.jsx(StatTile, { label: t("stats.sales"), value: fmtNumber(s.counts.fs + s.counts.pa, lang), tone: s.counts.fs + s.counts.pa ? void 0 : "muted" })
+        /* @__PURE__ */ jsxRuntime.jsx(StatTile, { label: t("stats.zk"), value: fmtNumber(c.zk, lang), active: docKind === "ZK", onClick: () => toggleDocs("ZK") }),
+        /* @__PURE__ */ jsxRuntime.jsx(StatTile, { label: t("stats.wz"), value: fmtNumber(c.wz, lang), active: docKind === "WZ", onClick: () => toggleDocs("WZ") }),
+        /* @__PURE__ */ jsxRuntime.jsx(StatTile, { label: t("stats.sales"), value: fmtNumber(c.fs + c.pa, lang) })
       ] }) : null
     ] }),
-    s && nav.view === "guide" ? /* @__PURE__ */ jsxRuntime.jsx(GuideView, { status: s, lang }) : null,
+    s && nav.view === "guide" ? /* @__PURE__ */ jsxRuntime.jsx(GuideView, { status: s }) : null,
     nav.view === "panel" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      s ? /* @__PURE__ */ jsxRuntime.jsx(TasksSection, { status: s, lang, poll: polling, onAction: poll }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(DocumentsSection, { lang, poll: polling }),
+      s ? /* @__PURE__ */ jsxRuntime.jsx(TasksSection, { status: s, lang, poll: polling, onAction: poll, filter, onFilter: setTaskFilter, initialQuery }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx(DocumentsSection, { lang, poll: polling, kind: docKind, onKind: setDocKind, counts: c, initialQuery }),
       s ? /* @__PURE__ */ jsxRuntime.jsx(ProductsSection, { status: s, lang, poll: polling, onAction: poll }) : null
     ] }) : null,
     nav.view === "settings" ? /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1892,7 +2511,7 @@ const SubiektPage = () => {
           { id: "connection", label: t("settings.tab.connection") },
           { id: "bridge", label: t("settings.tab.bridge") },
           { id: "writers", label: t("settings.tab.writers"), badge: s == null ? void 0 : s.writers.filter((w) => w.active).length, tone: "orange" },
-          { id: "stock", label: t("settings.tab.stock"), badge: (s == null ? void 0 : s.options.stockDryRun) ? t("stock.dryRun") : null, tone: "purple" },
+          { id: "stock", label: t("settings.tab.stock"), badge: (s == null ? void 0 : s.options.stockDryRun) ? t("stock.dryRun") : null, tone: "blue" },
           { id: "runs", label: t("settings.tab.runs") }
         ],
         children: [
@@ -1909,17 +2528,18 @@ const SubiektPage = () => {
 function Header({
   status,
   loading,
+  fetching,
   lang,
   nav,
   onAction
 }) {
   const { t } = reactI18next.useTranslation("subiekt");
+  const client = reactQuery.useQueryClient();
   const sync = useSubiektSync();
   const check = useSubiektCheck();
   const ready = Boolean(status && (status.mode === "demo" || status.configured));
   const running = new Set((status == null ? void 0 : status.running) ?? []);
   const state = connectionState(status);
-  const references = status ? referencesFor(status.references, lang) : [];
   const promptSpec = usePromptSpec();
   const community = communityLabels((key, options) => t(key, options), `${t("title")} ${t("by")}`);
   const start = async (what) => {
@@ -1943,34 +2563,30 @@ function Header({
     }
   };
   const panel = nav.view !== "guide";
-  const checkAction = { key: "check", label: t("actions.check"), loading: check.isPending, disabled: !ready, onClick: () => void onCheck() };
+  const refreshAction = {
+    key: "refresh",
+    label: t("actions.refresh"),
+    icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, {}),
+    loading: fetching && !loading,
+    onClick: () => void client.invalidateQueries({ queryKey: subiektKeys.all })
+  };
+  const checkAction = { key: "check", label: t("actions.check"), icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ShieldCheck, {}), loading: check.isPending, disabled: !ready, onClick: () => void onCheck() };
   return /* @__PURE__ */ jsxRuntime.jsx(
     IntegrationHeader,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(SubiektIcon, { width: 28, height: 28 }),
       title: t("title"),
-      by: t("by"),
+      featured: { url: "https://medusajs.com/integrations/@koda-plusmedusa-plugin-subiekt-nexo", labels: community.featured },
       badges: !loading ? /* @__PURE__ */ jsxRuntime.jsx(ModeBadge, { color: state.tone, label: t(`mode.${state.key}`), title: t("demo.label"), children: (status == null ? void 0 : status.mode) === "demo" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("demo.text") }) : null }) : null,
       description: t("subtitle"),
-      social: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ReferencesBadge,
-          {
-            items: references,
-            labels: {
-              count: (live, soon) => live > 0 ? live === 1 ? t("references.badgeOne") : t("references.badgeMany", { count: live }) : soon === 1 ? t("references.badgeSoonOne") : t("references.badgeSoonMany", { count: soon }),
-              soonMore: (soon) => t("references.soonMore", { count: soon }),
-              soon: t("references.soon"),
-              title: t("references.title"),
-              subtitle: t("references.subtitle"),
-              open: t("references.open"),
-              review: t("references.review"),
-              rating: (value) => fmtRating(value, lang)
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(AddStoreButton, { labels: community.addStore })
-      ] }),
+      points: [
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ShoppingCart, {}), text: t("points.orders") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArchiveBox, {}), text: t("points.wz") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Receipt, {}), text: t("points.sales") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CubeSolid, {}), text: t("points.stock") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Tag, {}), text: t("points.prices") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.LockClosedSolid, {}), text: t("points.safe"), tone: "green" }
+      ],
       help: /* @__PURE__ */ jsxRuntime.jsx(HelpButtons, { spec: promptSpec, lang, labels: community }),
       view: nav.view,
       onView: (v) => nav.go(v),
@@ -1978,19 +2594,21 @@ function Header({
       primary: panel ? {
         key: "stock",
         label: running.has("stock") ? t("actions.running") : t("actions.stock"),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, {}),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CubeSolid, {}),
         disabled: !ready || running.has("stock"),
         onClick: () => void start("stock")
       } : null,
       actions: panel ? [
+        refreshAction,
         {
           key: "events",
           label: running.has("events") ? t("actions.running") : t("actions.events"),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDownTray, {}),
           disabled: !ready || running.has("events"),
           onClick: () => void start("events")
         },
         checkAction
-      ] : [checkAction]
+      ] : [refreshAction, checkAction]
     }
   );
 }
@@ -2006,39 +2624,48 @@ function ConnectionSection({ status, lang }) {
   const { t } = reactI18next.useTranslation("subiekt");
   const c = status.connection;
   const h = c.health;
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: t("connection.title") }),
-      /* @__PURE__ */ jsxRuntime.jsx(ConnectionBadge, { status })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Field, { label: t("connection.bridge"), children: [
-        h ? /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          (_a = h.bridge) == null ? void 0 : _a.name,
-          " ",
-          (_b = h.bridge) == null ? void 0 : _b.version,
-          " ",
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-ui-fg-muted", children: [
-            "(",
-            t("connection.contract", { version: (_c = h.bridge) == null ? void 0 : _c.contract }),
-            ")"
-          ] })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-muted", children: status.bridgeHost ?? t("connection.none") }),
-        status.bridgeHost && h ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-muted", children: status.bridgeHost }) : null
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("connection.subiekt"), children: (h == null ? void 0 : h.subiekt) ? [h.subiekt.product, h.subiekt.version].filter(Boolean).join(" ") || t("connection.none") : t("connection.none") }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("connection.database"), children: ((_d = h == null ? void 0 : h.subiekt) == null ? void 0 : _d.database) ?? t("connection.none") }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("connection.company"), children: ((_e = h == null ? void 0 : h.subiekt) == null ? void 0 : _e.company) ?? t("connection.none") }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("connection.warehouse"), children: ((_f = h == null ? void 0 : h.subiekt) == null ? void 0 : _f.warehouse) ?? t("connection.none") }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("connection.checkedAt"), children: fmtDateTime(c.checkedAt, lang) || t("connection.never") }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("connection.eventsReadAt"), children: fmtDateTime(c.eventsReadAt, lang) || t("connection.never") })
-    ] }),
-    c.lastError && (!c.reachable || h && !((_g = h.subiekt) == null ? void 0 : _g.connected)) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.InlineTip, { variant: "error", label: t("connection.lastError"), children: [
-      c.lastError,
-      c.consecutiveFailures > 1 ? ` (${t("connection.failures", { count: c.consecutiveFailures })})` : ""
-    ] }) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: t("connection.schedule") }) })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Section,
+    {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Link, {}),
+      title: t("connection.title"),
+      badges: /* @__PURE__ */ jsxRuntime.jsx(ConnectionBadge, { status }),
+      points: [
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, {}), text: t("connection.points.queue") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, {}), text: t("connection.points.documents") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, {}), text: t("connection.points.stock") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, {}), text: t("connection.points.products") }
+      ],
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Field, { label: t("connection.bridge"), children: [
+            h ? /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+              (_a = h.bridge) == null ? void 0 : _a.name,
+              " ",
+              (_b = h.bridge) == null ? void 0 : _b.version,
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-ui-fg-muted", children: [
+                "(",
+                t("connection.contract", { version: (_c = h.bridge) == null ? void 0 : _c.contract }),
+                ")"
+              ] })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-muted", children: status.bridgeHost ?? t("connection.none") }),
+            status.bridgeHost && h ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-muted", children: status.bridgeHost }) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("connection.subiekt"), children: (h == null ? void 0 : h.subiekt) ? [h.subiekt.product, h.subiekt.version].filter(Boolean).join(" ") || t("connection.none") : t("connection.none") }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("connection.database"), children: ((_d = h == null ? void 0 : h.subiekt) == null ? void 0 : _d.database) ?? t("connection.none") }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("connection.company"), children: ((_e = h == null ? void 0 : h.subiekt) == null ? void 0 : _e.company) ?? t("connection.none") }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("connection.warehouse"), children: ((_f = h == null ? void 0 : h.subiekt) == null ? void 0 : _f.warehouse) ?? t("connection.none") }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("connection.checkedAt"), children: fmtDateTime(c.checkedAt, lang) || t("connection.never") }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("connection.eventsReadAt"), children: fmtDateTime(c.eventsReadAt, lang) || t("connection.never") })
+        ] }),
+        c.lastError && (!c.reachable || h && !((_g = h.subiekt) == null ? void 0 : _g.connected)) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.InlineTip, { variant: "error", label: t("connection.lastError"), children: [
+          c.lastError,
+          c.consecutiveFailures > 1 ? ` (${t("connection.failures", { count: c.consecutiveFailures })})` : ""
+        ] }) }) : null
+      ]
+    }
+  );
 }
 function StockSection({ run, lang }) {
   const { t } = reactI18next.useTranslation("subiekt");
@@ -2054,44 +2681,45 @@ function StockSection({ run, lang }) {
     ["conflicts", stats.conflicts, true]
   ] : [];
   const samples = stats == null ? void 0 : stats.samples;
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-x-2 px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: t("stock.title") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: t("stock.subtitle") })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-x-2 whitespace-nowrap", children: [
-        (run == null ? void 0 : run.dryRun) ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "purple", children: t("stock.dryRun") }) : null,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Section,
+    {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CubeSolid, {}),
+      title: t("stock.title"),
+      badges: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        (run == null ? void 0 : run.dryRun) ? /* @__PURE__ */ jsxRuntime.jsx(ToneBadge, { tone: "blue", children: t("stock.dryRun") }) : null,
         run ? /* @__PURE__ */ jsxRuntime.jsx(RunStatusBadge, { status: run.status }) : null
-      ] })
-    ] }),
-    !run ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: t("stock.never") }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: runSummary(run, t) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: [
-          fmtDateTime(run.startedAt, lang),
-          ", ",
-          fmtDuration(run.durationMs)
-        ] })
       ] }),
-      counters.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 px-6 py-4 sm:grid-cols-4", children: counters.map(([key, value, warn]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-subtle", children: t(`stock.counters.${key}`) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: warn && value ? "text-ui-tag-orange-text tabular-nums" : "tabular-nums", children: fmtNumber(value ?? 0, lang) })
-      ] }, key)) }) : null,
-      samples ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
-        samples.changes && samples.changes.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-          SampleList,
-          {
-            label: t("stock.samples.changes"),
-            items: samples.changes.map((c) => `${c.sku ?? "?"}: ${c.from === null ? "-" : fmtNumber(c.from, lang)} → ${fmtNumber(c.to, lang)}`)
-          }
-        ) : null,
-        samples.unmatchedVariants && samples.unmatchedVariants.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(SampleList, { label: t("stock.samples.unmatchedVariants"), items: samples.unmatchedVariants }) : null,
-        samples.unmatchedSubiekt && samples.unmatchedSubiekt.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(SampleList, { label: t("stock.samples.unmatchedSubiekt"), items: samples.unmatchedSubiekt }) : null,
-        samples.conflicts && samples.conflicts.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(SampleList, { label: t("stock.samples.conflicts"), items: samples.conflicts }) : null
-      ] }) : null
-    ] })
-  ] });
+      points: [
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLongRight, {}), text: t("stock.points.direction") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.MagnifyingGlass, {}), text: t("stock.points.match") }
+      ],
+      pointsLabel: t("stock.subtitle"),
+      children: !run ? /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CubeSolid, {}), title: t("stock.never"), compact: true }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: runSummary(run, t) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: [
+            fmtDateTime(run.startedAt, lang),
+            ", ",
+            fmtDuration(run.durationMs)
+          ] })
+        ] }),
+        counters.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(StatTiles, { columns: 4, children: counters.map(([key, value, warn]) => /* @__PURE__ */ jsxRuntime.jsx(StatTile, { label: t(`stock.counters.${key}`), value: fmtNumber(value ?? 0, lang), tone: warn && value ? "orange" : "grey" }, key)) }) : null,
+        samples ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
+          samples.changes && samples.changes.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+            SampleList,
+            {
+              label: t("stock.samples.changes"),
+              items: samples.changes.map((ch) => `${ch.sku ?? "?"}: ${ch.from === null ? "-" : fmtNumber(ch.from, lang)} → ${fmtNumber(ch.to, lang)}`)
+            }
+          ) : null,
+          samples.unmatchedVariants && samples.unmatchedVariants.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(SampleList, { label: t("stock.samples.unmatchedVariants"), items: samples.unmatchedVariants }) : null,
+          samples.unmatchedSubiekt && samples.unmatchedSubiekt.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(SampleList, { label: t("stock.samples.unmatchedSubiekt"), items: samples.unmatchedSubiekt }) : null,
+          samples.conflicts && samples.conflicts.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(SampleList, { label: t("stock.samples.conflicts"), items: samples.conflicts }) : null
+        ] }) : null
+      ] })
+    }
+  );
 }
 function TaskDetails({ task, lang }) {
   const { t } = reactI18next.useTranslation("subiekt");
@@ -2112,17 +2740,26 @@ function TaskDetails({ task, lang }) {
     (task.status === "pending" || task.status === "unknown") && task.nextAttemptAt && task.attempts > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: t("tasks.nextAttempt", { time: fmtDateTime(task.nextAttemptAt, lang) }) }) : null
   ] });
 }
-function TasksSection({ status, lang, poll, onAction }) {
+function TasksSection({
+  status,
+  lang,
+  poll,
+  onAction,
+  filter,
+  onFilter,
+  initialQuery
+}) {
   var _a, _b;
   const { t } = reactI18next.useTranslation("subiekt");
-  const [filter, setFilter] = react.useState(status.counts.failed > 0 ? "attention" : "all");
-  const [search, setSearch] = react.useState("");
+  const [search, setSearch] = react.useState(initialQuery);
   const [offset, setOffset] = react.useState(0);
-  const q = search.trim();
-  const open = status.counts.waiting + status.counts.pending + status.counts.running + status.counts.unknown;
-  const tasks = useSubiektTasks(filter, q, offset, PAGE_SIZE, poll || status.counts.pending + status.counts.running + status.counts.unknown > 0);
+  const q = useDebouncedValue(search).trim();
+  const c = status.counts;
+  const open = c.waiting + c.pending + c.running + c.unknown;
+  const tasks = useSubiektTasks(filter, q, offset, PAGE_SIZE, poll || c.pending + c.running + c.unknown > 0);
   const retry = useSubiektRetry();
   const rows = ((_a = tasks.data) == null ? void 0 : _a.tasks) ?? [];
+  const products = useKitOrderProducts(rows.map((task) => task.orderId));
   react.useEffect(() => setOffset(0), [filter, q]);
   const onRetry = async (task) => {
     try {
@@ -2133,146 +2770,198 @@ function TasksSection({ status, lang, poll, onAction }) {
       ui.toast.error(t("toast.error", { error: errorMessage(err) }));
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 px-6 py-4 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: t("tasks.title") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "max-w-3xl text-ui-fg-subtle", title: t("tasks.technical"), children: t("tasks.subtitle") })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full md:w-56", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { size: "small", type: "search", placeholder: t("tasks.search"), value: search, onChange: (e) => setSearch(e.target.value) }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-      FilterPills,
-      {
-        value: filter,
-        onChange: setFilter,
-        options: [
-          { value: "attention", label: t("tasks.filters.attention"), count: status.counts.failed },
-          { value: "open", label: t("tasks.filters.open"), count: open },
-          { value: "done", label: t("tasks.filters.done") },
-          { value: "all", label: t("tasks.filters.all") }
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsx(StoreColumn, { label: t("tasks.columns.order"), hint: t("store.orderMatching") }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("tasks.columns.operation") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("tasks.columns.document") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("tasks.columns.status") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: t("tasks.columns.attempts") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("tasks.columns.details") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, {})
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Row, { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 7, className: "px-6 py-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: tasks.isLoading ? "" : t("tasks.empty") }) }) }) : rows.map((task) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { className: "[&_td]:py-2.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "max-w-[260px]", children: /* @__PURE__ */ jsxRuntime.jsx(StoreOrderCell, { orderId: task.orderId, displayId: task.displayId }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "whitespace-nowrap", children: task.kind === "order.document" && (task.documentKind === "fs" || task.documentKind === "pa") ? t(`tasks.documentKinds.${task.documentKind}`) : t(`tasks.kinds.${task.kind}`) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "whitespace-nowrap font-mono text-xs", children: task.documentNumber ?? "" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(TaskStatusBadge, { status: task.status }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right tabular-nums", children: task.attempts }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "max-w-md", children: /* @__PURE__ */ jsxRuntime.jsx(TaskDetails, { task, lang }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: task.status === "failed" || task.status === "unknown" || task.status === "pending" && task.attempts > 0 || task.status === "waiting" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", isLoading: retry.isPending && retry.variables === task.id, onClick: () => onRetry(task), children: task.status === "waiting" ? t("actions.send") : t("actions.retry") }) : null })
-      ] }, task.id)) })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(Pager, { offset, limit: PAGE_SIZE, count: ((_b = tasks.data) == null ? void 0 : _b.count) ?? 0, onChange: setOffset })
-  ] });
+  const pick = (f) => onFilter(filter === f && f !== "all" ? "all" : f);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Section,
+    {
+      id: "subiekt-tasks",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.QueueList, {}),
+      title: t("tasks.title"),
+      points: [
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ListBullet, {}), text: t("tasks.points.order") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, {}), text: t("tasks.points.retries") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExclamationCircle, {}), text: t("tasks.points.failed"), tone: c.failed ? "orange" : "grey" }
+      ],
+      pointsLabel: t("tasks.subtitle"),
+      actions: /* @__PURE__ */ jsxRuntime.jsx(SearchInput, { value: search, onChange: setSearch, placeholder: t("tasks.search") }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(FilterBar, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FilterButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ListBullet, {}), label: t("tasks.filters.all"), active: filter === "all", onClick: () => pick("all") }),
+          /* @__PURE__ */ jsxRuntime.jsx(FilterDivider, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(FilterButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExclamationCircle, {}), label: t("tasks.filters.attention"), count: c.failed, attention: true, active: filter === "attention", onClick: () => pick("attention") }),
+          /* @__PURE__ */ jsxRuntime.jsx(FilterButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, {}), label: t("tasks.filters.open"), count: open, active: filter === "open", onClick: () => pick("open") }),
+          /* @__PURE__ */ jsxRuntime.jsx(FilterButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, {}), label: t("tasks.filters.done"), active: filter === "done", onClick: () => pick("done") })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsx(StoreColumn, { label: t("tasks.columns.order"), hint: t("store.orderMatching") }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("tasks.columns.products") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("tasks.columns.operation") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("tasks.columns.document") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("tasks.columns.status") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: t("tasks.columns.attempts") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("tasks.columns.details") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, {})
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: tasks.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(KitSkeletonRows, { cols: 8, rows: 4 }) : rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(EmptyTableRow, { cols: 8, icon: filter === "attention" ? /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.QueueList, {}), title: t(`tasks.emptyBy.${filter}`) }) : rows.map((task) => {
+            var _a2;
+            return /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { className: "[&_td]:py-2.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "max-w-[260px]", children: /* @__PURE__ */ jsxRuntime.jsx(StoreOrderCell, { orderId: task.orderId, displayId: task.displayId }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(KitOrderProductsCell, { data: (_a2 = products.data) == null ? void 0 : _a2[task.orderId], loading: products.isLoading, displayId: task.displayId }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "whitespace-nowrap", children: task.kind === "order.document" && (task.documentKind === "fs" || task.documentKind === "pa") ? t(`tasks.documentKinds.${task.documentKind}`) : t(`tasks.kinds.${task.kind}`) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "whitespace-nowrap font-mono txt-compact-xsmall", children: task.documentNumber ?? "" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(TaskStatusBadge, { status: task.status, dot: true }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right tabular-nums", children: task.attempts }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "max-w-md", children: /* @__PURE__ */ jsxRuntime.jsx(TaskDetails, { task, lang }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsx(
+                RowActions,
+                {
+                  actions: [
+                    {
+                      key: "send",
+                      label: task.status === "waiting" ? t("actions.send") : t("actions.retry"),
+                      icon: task.status === "waiting" ? /* @__PURE__ */ jsxRuntime.jsx(icons.PaperPlane, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, {}),
+                      loading: retry.isPending && retry.variables === task.id,
+                      hidden: !(task.status === "failed" || task.status === "unknown" || task.status === "pending" && task.attempts > 0 || task.status === "waiting"),
+                      onClick: () => void onRetry(task)
+                    }
+                  ]
+                }
+              ) })
+            ] }, task.id);
+          }) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Pager, { offset, limit: PAGE_SIZE, count: ((_b = tasks.data) == null ? void 0 : _b.count) ?? 0, onChange: setOffset })
+      ]
+    }
+  );
 }
-function DocumentsSection({ lang, poll }) {
+const DOC_KINDS = [
+  { kind: "ZK", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ShoppingCart, {}), count: (c) => c.zk },
+  { kind: "WZ", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArchiveBox, {}), count: (c) => c.wz },
+  { kind: "FS", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DocumentText, {}), count: (c) => c.fs },
+  { kind: "PA", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Receipt, {}), count: (c) => c.pa }
+];
+function DocumentsSection({
+  lang,
+  poll,
+  kind,
+  onKind,
+  counts,
+  initialQuery
+}) {
   var _a, _b;
   const { t } = reactI18next.useTranslation("subiekt");
-  const [kind, setKind] = react.useState("all");
+  const [search, setSearch] = react.useState(initialQuery);
+  const q = useDebouncedValue(search).trim();
   const [offset, setOffset] = react.useState(0);
-  const docs = useSubiektDocuments(kind, "", offset, PAGE_SIZE, poll);
+  const docs = useSubiektDocuments(kind, q, offset, PAGE_SIZE, poll);
   const rows = ((_a = docs.data) == null ? void 0 : _a.documents) ?? [];
-  react.useEffect(() => setOffset(0), [kind]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 px-6 py-4 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: t("documents.title") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "max-w-3xl text-ui-fg-subtle", children: t("documents.subtitle") })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FilterPills,
-        {
-          value: kind,
-          onChange: setKind,
-          options: ["all", "ZK", "WZ", "FS", "PA"].map((k) => ({ value: k, label: t(`documents.filters.${k}`) }))
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("documents.columns.number") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsx(StoreColumn, { label: t("documents.columns.order"), hint: t("store.orderMatching") }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("documents.columns.issued") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("documents.columns.source") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("documents.columns.ksef") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("documents.columns.status") })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Row, { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 6, className: "px-6 py-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: docs.isLoading ? "" : t("documents.empty") }) }) }) : rows.map((d) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { className: "[&_td]:py-2.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Cell, { className: "whitespace-nowrap font-mono text-xs", children: [
-          d.number,
-          d.related.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-ui-fg-muted", children: [
-            " ← ",
-            d.related.map((r) => r.number).join(", ")
-          ] }) : null
+  const products = useKitOrderProducts(rows.map((d) => d.orderId));
+  react.useEffect(() => setOffset(0), [kind, q]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Section,
+    {
+      id: "subiekt-documents",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DocumentText, {}),
+      title: t("documents.title"),
+      points: [
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Link, {}), text: t("documents.points.tag") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArchiveBox, {}), text: t("documents.points.warehouse") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Receipt, {}), text: t("documents.points.ksef") }
+      ],
+      pointsLabel: t("documents.subtitle"),
+      actions: /* @__PURE__ */ jsxRuntime.jsx(SearchInput, { value: search, onChange: setSearch, placeholder: t("documents.search") }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(FilterBar, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FilterButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ListBullet, {}), label: t("documents.filters.all"), count: counts == null ? void 0 : counts.documents, active: kind === "all", onClick: () => onKind("all") }),
+          /* @__PURE__ */ jsxRuntime.jsx(FilterDivider, {}),
+          DOC_KINDS.map((d) => /* @__PURE__ */ jsxRuntime.jsx(
+            FilterButton,
+            {
+              icon: d.icon,
+              label: t(`documents.filters.${d.kind}`),
+              count: counts ? d.count(counts) : void 0,
+              active: kind === d.kind,
+              onClick: () => onKind(kind === d.kind ? "all" : d.kind)
+            },
+            d.kind
+          ))
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "max-w-[260px]", children: /* @__PURE__ */ jsxRuntime.jsx(StoreOrderCell, { orderId: d.orderId, displayId: d.displayId }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "whitespace-nowrap", children: fmtDateTime(d.issuedAt, lang) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: t(`documents.sources.${d.source}`, { defaultValue: d.source }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "whitespace-nowrap font-mono text-xs", children: d.ksefNumber ? d.ksefNumber : d.kind === "FS" && d.status !== "canceled" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-sans text-ui-fg-muted", children: t("documents.ksefWaiting") }) : "" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(DocumentStatusBadge, { status: d.status }) })
-      ] }, d.id)) })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(Pager, { offset, limit: PAGE_SIZE, count: ((_b = docs.data) == null ? void 0 : _b.count) ?? 0, onChange: setOffset })
-  ] });
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("documents.columns.number") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsx(StoreColumn, { label: t("documents.columns.order"), hint: t("store.orderMatching") }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("documents.columns.products") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("documents.columns.issued") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("documents.columns.source") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("documents.columns.ksef") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("documents.columns.status") })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: docs.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(KitSkeletonRows, { cols: 7, rows: 4 }) : rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(EmptyTableRow, { cols: 7, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DocumentText, {}), title: t("documents.empty") }) : rows.map((d) => {
+            var _a2;
+            return /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { className: "[&_td]:py-2.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Cell, { className: "whitespace-nowrap font-mono txt-compact-xsmall", children: [
+                d.number,
+                d.related.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-ui-fg-muted", children: [
+                  " ← ",
+                  d.related.map((r) => r.number).join(", ")
+                ] }) : null
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "max-w-[260px]", children: /* @__PURE__ */ jsxRuntime.jsx(StoreOrderCell, { orderId: d.orderId, displayId: d.displayId }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: d.orderId ? /* @__PURE__ */ jsxRuntime.jsx(KitOrderProductsCell, { data: (_a2 = products.data) == null ? void 0 : _a2[d.orderId], loading: products.isLoading, displayId: d.displayId }) : null }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "whitespace-nowrap", children: fmtDateTime(d.issuedAt, lang) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: t(`documents.sources.${d.source}`, { defaultValue: d.source }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "whitespace-nowrap font-mono txt-compact-xsmall", children: d.ksefNumber ? d.ksefNumber : d.kind === "FS" && d.status !== "canceled" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-sans text-ui-fg-muted", children: t("documents.ksefWaiting") }) : "" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(DocumentStatusBadge, { status: d.status, dot: true }) })
+            ] }, d.id);
+          }) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Pager, { offset, limit: PAGE_SIZE, count: ((_b = docs.data) == null ? void 0 : _b.count) ?? 0, onChange: setOffset })
+      ]
+    }
+  );
 }
 function RunsSection({ lang, poll }) {
   var _a;
   const { t } = reactI18next.useTranslation("subiekt");
   const runs = useSubiektRuns(poll);
   const rows = ((_a = runs.data) == null ? void 0 : _a.runs) ?? [];
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: t("runs.title") }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("runs.columns.kind") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("runs.columns.trigger") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("runs.columns.status") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("runs.columns.message") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("runs.columns.started") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: t("runs.columns.duration") })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Row, { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 6, className: "px-6 py-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: runs.isLoading ? "" : t("runs.empty") }) }) }) : rows.map((r) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { className: "[&_td]:py-2.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "whitespace-nowrap", children: t(`runs.kinds.${r.kind}`) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "whitespace-nowrap text-ui-fg-subtle", children: t(`runs.triggers.${r.trigger}`, { defaultValue: r.trigger }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(RunStatusBadge, { status: r.status }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "max-w-lg", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: runSummary(r, t) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "whitespace-nowrap", children: fmtDateTime(r.startedAt, lang) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right tabular-nums", children: fmtDuration(r.durationMs) })
-      ] }, r.id)) })
-    ] }) })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Section,
+    {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, {}),
+      title: t("runs.title"),
+      points: [
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BarsArrowDown, {}), text: t("runs.points.newest") },
+        { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Bolt, {}), text: t("runs.points.jobs") }
+      ],
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("runs.columns.kind") }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("runs.columns.trigger") }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("runs.columns.status") }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("runs.columns.message") }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: t("runs.columns.started") }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: t("runs.columns.duration") })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: runs.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(KitSkeletonRows, { cols: 6, rows: 4 }) : rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(EmptyTableRow, { cols: 6, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, {}), title: t("runs.empty") }) : rows.map((r) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { className: "[&_td]:py-2.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "whitespace-nowrap", children: t(`runs.kinds.${r.kind}`) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "whitespace-nowrap text-ui-fg-subtle", children: t(`runs.triggers.${r.trigger}`, { defaultValue: r.trigger }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(RunStatusBadge, { status: r.status, dot: true }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "max-w-lg", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: runSummary(r, t) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "whitespace-nowrap", children: fmtDateTime(r.startedAt, lang) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right tabular-nums", children: fmtDuration(r.durationMs) })
+        ] }, r.id)) })
+      ] }) })
+    }
+  );
 }
 const config = adminSdk.defineRouteConfig({
   label: "Subiekt nexo",
   icon: SubiektIcon
 });
 const communityEn = {
-  addStore: {
-    button: "Add your store",
-    title: "Does your store run on this integration?",
-    text: "Tell us about it. Once we check it, the store joins this list with a link and its rating.",
-    name: "Store name",
-    url: "Store address",
-    note: "A few words about the setup (optional)",
-    send: "Send the request",
-    copy: "Copy the text",
-    copied: "Request copied, paste it into a mail to hello@koda.plus",
-    hint: "Your mail app opens with the message to {{email}} ready to send.",
-    subject: "A store for {{integration}}",
-    greeting: "Hello, my store runs on {{integration}}. Please add it to the list of stores."
-  },
   prompt: {
     button: "Copy prompt",
     title: "Add this integration to your store",
@@ -2284,23 +2973,13 @@ const communityEn = {
   discord: {
     button: "Help on Discord",
     title: "Join the Koda Plus server on Discord"
+  },
+  featured: {
+    badge: "Medusa featured integration",
+    title: "Featured in the Medusa integrations catalog. Opens its page there in a new tab."
   }
 };
 const communityPl = {
-  addStore: {
-    button: "Dodaj swój sklep",
-    title: "Twój sklep działa na tej integracji?",
-    text: "Daj nam znać. Po sprawdzeniu dodamy go do tej listy z linkiem i oceną.",
-    name: "Nazwa sklepu",
-    url: "Adres sklepu",
-    note: "Kilka słów o wdrożeniu (opcjonalnie)",
-    send: "Wyślij zgłoszenie",
-    copy: "Kopiuj treść",
-    copied: "Treść skopiowana, wklej ją w mail do hello@koda.plus",
-    hint: "Otworzy się Twoja poczta z gotową wiadomością do {{email}}.",
-    subject: "Zgłoszenie sklepu: {{integration}}",
-    greeting: "Dzień dobry, mój sklep działa na integracji {{integration}}. Proszę o dodanie go do listy sklepów."
-  },
   prompt: {
     button: "Kopiuj prompt",
     title: "Dodaj tę integrację do swojego sklepu",
@@ -2312,16 +2991,28 @@ const communityPl = {
   discord: {
     button: "Pomoc na Discordzie",
     title: "Dołącz do serwera Koda Plus na Discordzie"
+  },
+  featured: {
+    badge: "Wyróżniona przez Medusę",
+    title: "Wyróżniona w katalogu integracji Medusy. Otwiera jej stronę w katalogu w nowej karcie."
   }
 };
 const en = {
   title: "Subiekt nexo",
   by: "by Koda Plus",
   subtitle: "Orders become ZK documents in Subiekt nexo PRO, the WZ issued in the warehouse comes back to the order, sales documents carry their KSeF number, and stock and prices flow from Subiekt to Medusa.",
+  points: {
+    orders: "Order becomes a ZK",
+    wz: "WZ back from the warehouse",
+    sales: "Invoices with KSeF numbers",
+    stock: "Stock from Subiekt",
+    prices: "Prices as a plan first",
+    safe: "Writes only once armed"
+  },
   view: { panel: "Panel", guide: "Setup guide" },
   settings: {
     title: "Settings",
-    subtitle: "The technical side of the integration: the connection to the bridge and its diagnostics, the writers, the stock sync and the history of background jobs.",
+    subtitle: "The technical side of the integration",
     tab: {
       connection: "Connection",
       bridge: "Bridge",
@@ -2340,6 +3031,7 @@ const en = {
   },
   actions: {
     moreActions: "More actions",
+    refresh: "Refresh",
     check: "Check connection",
     checking: "Checking",
     stock: "Sync stock",
@@ -2371,7 +3063,9 @@ const en = {
     attention: "Need attention",
     zk: "ZK documents",
     wz: "WZ documents",
-    sales: "FS and PA"
+    sales: "FS and PA",
+    hintAttention: "Send again below",
+    hintWaiting: "Sent after payment"
   },
   store: {
     openOrder: "Open order",
@@ -2399,11 +3093,12 @@ const en = {
     never: "never",
     none: "none",
     eventsReadAt: "Documents read",
-    schedule: "Queue every minute, documents every 2 minutes, stock every 10 minutes, products every hour."
+    points: { queue: "Queue every minute", documents: "Documents every 2 min", stock: "Stock every 10 min", products: "Products every hour" }
   },
   bridge: {
     title: "Bridge",
     subtitle: "What the last check of the bridge said. Click Check connection for a fresh one.",
+    points: { last: "From the last check", fresh: "Check connection reads again" },
     versions: "Versions",
     versionsValue: "bridge {{bridge}}, contract {{contract}}, plugin {{plugin}}",
     sdk: "nexo SDK and database",
@@ -2482,6 +3177,7 @@ const en = {
   writers: {
     title: "Writers",
     subtitle: "Every write added in 0.2.0 needs its option in medusa-config.ts and a person arming it here. An option set to false wins.",
+    points: { option: "Option in medusa-config.ts", person: "Armed here by a person", falseWins: "Option false wins" },
     demoNote: "Demo: armed writers only simulate. Nothing in this store changes.",
     names: {
       prices: "Prices from Subiekt",
@@ -2528,6 +3224,7 @@ const en = {
   products: {
     title: "Products from Subiekt",
     subtitle: "Prices from Subiekt next to the store products they update, and Subiekt products the store does not sell yet. Everything is a plan first: nothing changes until someone switches its writer on in Settings.",
+    points: { plan: "A plan first", match: "EAN first, then SKU", writer: "Changes after arming" },
     matching: "Subiekt products are matched to store variants by EAN first, then by the SKU against the Subiekt symbol. A code used twice is a conflict and is never guessed.",
     matchedKey: "Matched by {{by}}: {{code}}",
     settings: "Prices from {{level}} ({{type}}) to {{target}}, in {{currency}}.",
@@ -2563,10 +3260,11 @@ const en = {
     columns: { product: "Product in Subiekt", change: "Change", store: "Product in the store", matched: "Matched by", status: "Status", details: "Details" },
     matchedBy: { ean: "EAN", sku: "SKU" },
     newProduct: "new, {{price}}",
-    empty: "Nothing in this plan.",
+    empty: "Nothing in this plan",
     search: "Symbol, SKU or EAN",
     quarantine: "Quarantined after repeated failures",
     quarantineHint: "The writer skips these until you release them. Fix the cause first (the last error says what failed).",
+    quarantinePoints: { skipped: "Skipped until released", fix: "Fix the cause first" },
     samples: { conflicts: "Conflicts, never guessed", unmatchedVariants: "Variants without a match (SKU)", noPrice: "Without a price in this level" },
     blocked: {
       currency_mismatch: "The price level is in another currency than priceCurrency: nothing was planned.",
@@ -2576,11 +3274,11 @@ const en = {
   tasks: {
     title: "Queue",
     subtitle: "Orders on their way to Subiekt: every ZK, WZ, invoice or receipt the store asked for, and how it went. A send that failed waits here for you, with a Send again button.",
-    technical: "Every call Medusa owes the bridge, with retries. A failed task waits for a person.",
+    points: { order: "One row per call", retries: "Retries by itself", failed: "Failed waits for you" },
+    emptyBy: { attention: "Nothing needs attention", open: "Nothing on its way", done: "Nothing sent yet", all: "Queue empty" },
     filters: { attention: "Need attention", open: "Open", done: "Done", all: "All" },
     search: "Order number",
-    empty: "Nothing here.",
-    columns: { order: "Order in the store", operation: "Operation", status: "Status", attempts: "Attempts", document: "Document in Subiekt", details: "Details", actions: "" },
+    columns: { order: "Order in the store", products: "Products", operation: "Operation", status: "Status", attempts: "Attempts", document: "Document in Subiekt", details: "Details", actions: "" },
     kinds: { "order.create": "Create ZK", "order.cancel": "Cancel ZK", "order.fulfill": "Issue WZ", "order.document": "Issue sales document" },
     documentKinds: { fs: "Issue FS", pa: "Issue PA" },
     statuses: {
@@ -2603,17 +3301,20 @@ const en = {
   documents: {
     title: "Documents",
     subtitle: "What Subiekt issued for your orders: ZK, WZ, invoices and receipts, each next to its order in the store.",
+    points: { tag: "Order tag in the notes", warehouse: "WZ from the warehouse", ksef: "KSeF number on FS" },
+    search: "Document or order number",
     filters: { all: "All", ZK: "ZK", WZ: "WZ", FS: "FS", PA: "PA" },
-    empty: "No documents yet.",
-    columns: { number: "Number", order: "Order in the store", issued: "Issued", source: "Source", status: "Status", ksef: "KSeF number" },
-    sources: { bridge: "Medusa", subiekt: "Warehouse", demo: "Demo" },
+    empty: "No documents yet",
+    columns: { number: "Number", order: "Order in the store", products: "Products", issued: "Issued", source: "Source", status: "Status", ksef: "KSeF number" },
+    sources: { bridge: "Medusa", subiekt: "Warehouse", demo: "Demo", linked: "Linked by hand" },
     statuses: { open: "Open", canceled: "Canceled", completed: "Completed" },
     ksefWaiting: "waiting for KSeF"
   },
   stock: {
     title: "Stock",
     subtitle: "Subiekt to Medusa, by EAN first, then SKU against the product symbol.",
-    never: "No stock sync yet.",
+    points: { direction: "Subiekt to Medusa", match: "EAN first, then SKU" },
+    never: "No stock sync yet",
     dryRun: "Dry run",
     counters: {
       subiektProducts: "Products in Subiekt",
@@ -2634,9 +3335,10 @@ const en = {
   },
   runs: {
     title: "History",
-    empty: "No runs yet.",
+    empty: "No runs yet",
+    points: { newest: "Newest first", jobs: "Background jobs and clicks" },
     columns: { kind: "Job", trigger: "Trigger", status: "Result", message: "Summary", started: "Started", duration: "Time" },
-    kinds: { stock: "Stock", events: "Documents", tasks: "Queue", health: "Connection", products: "Products" },
+    kinds: { stock: "Stock", events: "Documents", tasks: "Queue", health: "Connection", products: "Products", catchup: "Safety net" },
     triggers: { schedule: "Schedule", manual: "Manual", webhook: "Webhook", event: "Event", auto: "Automatic" },
     statuses: { success: "OK", partial: "Partial", error: "Error", skipped: "Skipped" },
     summary: {
@@ -2648,15 +3350,27 @@ const en = {
       eventsNone: "Nothing new.",
       health: "Bridge and Subiekt answer.",
       productsPlan: "Plan: {{prices}} price change(s), {{creates}} new product(s). No writer armed.",
-      productsApplied: "{{prices}} price change(s), {{creates}} new product(s) planned, {{applied}} applied, {{failed}} failed."
+      productsApplied: "{{prices}} price change(s), {{creates}} new product(s) planned, {{applied}} applied, {{failed}} failed.",
+      catchup: "{{queued}} order(s) without a ZK task queued, {{released}} released after the payment.",
+      catchupErrors: "{{queued}} order(s) without a ZK task queued, {{released}} released after the payment, {{errors}} error(s)."
     }
   },
   widget: {
     title: "Subiekt nexo",
     demo: "Demo",
     more: "Panel",
-    none: "This order has not been sent to Subiekt.",
-    waiting: "The ZK will be created when the payment is captured.",
+    none: "Not sent to Subiekt",
+    waiting: "ZK after the payment capture",
+    state: { notSent: "Not sent", waiting: "Waiting for payment", sending: "Sending", attention: "Needs attention", inSubiekt: "In Subiekt" },
+    run: {
+      queue: "Waiting in the Medusa queue",
+      queueShort: "Queue",
+      bridge: "The bridge issues the document",
+      bridgeShort: "Bridge",
+      document: "The number comes back",
+      documentShort: "Number",
+      done: "In Subiekt"
+    },
     send: "Send to Subiekt now",
     sent: "Queued. The ZK appears here in a few seconds.",
     ksef: "KSeF {{number}}",
@@ -2665,7 +3379,29 @@ const en = {
     issuePa: "Issue receipt (PA)",
     issued: "Queued. The document appears here in a few seconds.",
     autoOff: "Automatic sales documents are off: arm the writer on the Subiekt page.",
-    autoOn: "The sales document is issued automatically after the {{after}}."
+    autoOn: "The sales document is issued automatically after the {{after}}.",
+    kinds: { ZK: "Order from customer (ZK)", WZ: "Goods issue (WZ)", FS: "Invoice (FS)", PA: "Receipt (PA)" },
+    warehouse: "warehouse {{warehouse}}",
+    related: "From {{numbers}}",
+    zkCompleted: "Realized in Subiekt: the goods were released.",
+    check: {
+      button: "Check in Subiekt",
+      again: "Check again",
+      hint: "No ZK here? Check in Subiekt: if it is already there, link it to the order.",
+      title: "In Subiekt now",
+      at: "checked {{time}}",
+      nothing: "Subiekt has no document for this order.",
+      inSubiekt: "In Subiekt: {{status}}",
+      notReported: "Subiekt does not report it (deleted there, or another database)",
+      canceledThere: "Canceled in Subiekt.",
+      states: { missing: "Not in Medusa", status_differs: "Medusa shows {{status}}", same: "Recorded", only_local: "Only in Medusa" },
+      link: "Link",
+      update: "Update status",
+      linkHint: "Records it in Medusa. Nothing changes in Subiekt, no second document.",
+      updateHint: "Records the status Subiekt shows. Nothing changes in Subiekt.",
+      linked: "{{number}} linked to the order.",
+      updated: "{{number}} updated."
+    }
   },
   toast: {
     started: "Started. Results appear here in a moment.",
@@ -2676,18 +3412,6 @@ const en = {
     released: "Released. The next run tries it again.",
     error: "Something went wrong: {{error}}"
   },
-  references: {
-    title: "Running in stores built by Koda Plus",
-    subtitle: "Live stores implemented by Koda Plus that run on this integration every day.",
-    open: "Open the store",
-    badgeOne: "Running in 1 store",
-    badgeMany: "Running in {{count}} stores",
-    badgeSoonOne: "Coming to 1 store",
-    badgeSoonMany: "Coming to {{count}} stores",
-    soon: "Soon",
-    soonMore: "+{{count}} soon",
-    review: "Read the review"
-  },
   community: communityEn,
   guide: {
     intro: {
@@ -2950,10 +3674,18 @@ const pl$1 = {
   title: "Subiekt nexo",
   by: "by Koda Plus",
   subtitle: "Zamówienia trafiają do Subiekta nexo PRO jako dokumenty ZK, WZ wystawione w magazynie wraca do zamówienia, dokumenty sprzedaży dostają numer KSeF, a stany i ceny płyną z Subiekta do Medusy.",
+  points: {
+    orders: "Zamówienie jako ZK",
+    wz: "WZ wraca z magazynu",
+    sales: "Faktury z numerem KSeF",
+    stock: "Stany z Subiekta",
+    prices: "Ceny najpierw jako plan",
+    safe: "Zapis dopiero po włączeniu"
+  },
   view: { panel: "Panel", guide: "Przewodnik wdrożenia" },
   settings: {
     title: "Ustawienia",
-    subtitle: "Techniczna strona integracji: połączenie z mostem i jego diagnostyka, przełączniki zapisu, synchronizacja stanów i historia zadań w tle.",
+    subtitle: "Techniczna strona integracji",
     tab: {
       connection: "Połączenie",
       bridge: "Most",
@@ -2972,6 +3704,7 @@ const pl$1 = {
   },
   actions: {
     moreActions: "Więcej akcji",
+    refresh: "Odśwież",
     check: "Sprawdź połączenie",
     checking: "Sprawdzam",
     stock: "Synchronizuj stany",
@@ -3003,7 +3736,9 @@ const pl$1 = {
     attention: "Wymagają uwagi",
     zk: "Dokumenty ZK",
     wz: "Dokumenty WZ",
-    sales: "FS i PA"
+    sales: "FS i PA",
+    hintAttention: "Wyślij ponownie niżej",
+    hintWaiting: "Wysyłka po płatności"
   },
   store: {
     openOrder: "Otwórz zamówienie",
@@ -3031,11 +3766,12 @@ const pl$1 = {
     never: "nigdy",
     none: "brak",
     eventsReadAt: "Dokumenty pobrane",
-    schedule: "Kolejka co minutę, dokumenty co 2 minuty, stany co 10 minut, produkty co godzinę."
+    points: { queue: "Kolejka co minutę", documents: "Dokumenty co 2 min", stock: "Stany co 10 min", products: "Produkty co godzinę" }
   },
   bridge: {
     title: "Most",
     subtitle: "Co powiedziało ostatnie sprawdzenie mostu. Świeży odczyt daje przycisk Sprawdź połączenie.",
+    points: { last: "Z ostatniego sprawdzenia", fresh: "Sprawdź połączenie czyta od nowa" },
     versions: "Wersje",
     versionsValue: "most {{bridge}}, kontrakt {{contract}}, wtyczka {{plugin}}",
     sdk: "nexo SDK i baza",
@@ -3114,6 +3850,7 @@ const pl$1 = {
   writers: {
     title: "Przełączniki zapisu",
     subtitle: "Każdy zapis dodany w 0.2.0 wymaga swojej opcji w medusa-config.ts i osoby, która włączy go tutaj. Opcja ustawiona na false wygrywa.",
+    points: { option: "Opcja w medusa-config.ts", person: "Włącza tu człowiek", falseWins: "Opcja false wygrywa" },
     demoNote: "Demo: włączone zapisy tylko symulują. W tym sklepie nic się nie zmienia.",
     names: {
       prices: "Ceny z Subiekta",
@@ -3160,6 +3897,7 @@ const pl$1 = {
   products: {
     title: "Produkty z Subiekta",
     subtitle: "Ceny z Subiekta obok produktów w sklepie, które aktualizują, oraz towary z Subiekta, których sklep jeszcze nie sprzedaje. Najpierw wszystko jest planem: nic się nie zmienia, dopóki ktoś nie włączy zapisu w Ustawieniach.",
+    points: { plan: "Najpierw plan", match: "Najpierw EAN, potem SKU", writer: "Zmiany po włączeniu zapisu" },
     matching: "Towary z Subiekta są dopasowywane do wariantów w sklepie najpierw po EAN, potem po SKU porównanym z symbolem w Subiekcie. Kod użyty dwa razy to konflikt i nigdy nie jest zgadywany.",
     matchedKey: "Dopasowane po {{by}}: {{code}}",
     settings: "Ceny z {{level}} ({{type}}) do: {{target}}, w walucie {{currency}}.",
@@ -3195,10 +3933,11 @@ const pl$1 = {
     columns: { product: "Towar w Subiekcie", change: "Zmiana", store: "Produkt w sklepie", matched: "Dopasowanie", status: "Status", details: "Szczegóły" },
     matchedBy: { ean: "EAN", sku: "SKU" },
     newProduct: "nowy, {{price}}",
-    empty: "Nic w tym planie.",
+    empty: "Nic w tym planie",
     search: "Symbol, SKU albo EAN",
     quarantine: "W kwarantannie po kolejnych błędach",
     quarantineHint: "Zapis pomija te pozycje, dopóki ich nie zwolnisz. Najpierw usuń przyczynę (ostatni błąd mówi, co poszło nie tak).",
+    quarantinePoints: { skipped: "Pomijane do zwolnienia", fix: "Najpierw usuń przyczynę" },
     samples: { conflicts: "Konflikty, nigdy nie zgadujemy", unmatchedVariants: "Warianty bez dopasowania (SKU)", noPrice: "Bez ceny w tym poziomie" },
     blocked: {
       currency_mismatch: "Poziom cen jest w innej walucie niż priceCurrency: nic nie zaplanowano.",
@@ -3208,11 +3947,11 @@ const pl$1 = {
   tasks: {
     title: "Kolejka",
     subtitle: "Zamówienia w drodze do Subiekta: każde ZK, WZ, faktura albo paragon, o które poprosił sklep, i jak poszło. Wysyłka, która się nie udała, czeka tu na Ciebie z przyciskiem Wyślij ponownie.",
-    technical: "Każde wywołanie, które Medusa ma do wykonania w moście, z ponowieniami. Nieudane zadanie czeka na człowieka.",
+    points: { order: "Wiersz na każde wywołanie", retries: "Ponawia sama", failed: "Nieudane czeka na Ciebie" },
+    emptyBy: { attention: "Nic nie wymaga uwagi", open: "Nic nie jest w drodze", done: "Jeszcze nic nie wysłano", all: "Kolejka pusta" },
     filters: { attention: "Wymagają uwagi", open: "Otwarte", done: "Zakończone", all: "Wszystkie" },
     search: "Numer zamówienia",
-    empty: "Nic tu nie ma.",
-    columns: { order: "Zamówienie w sklepie", operation: "Operacja", status: "Status", attempts: "Próby", document: "Dokument w Subiekcie", details: "Szczegóły", actions: "" },
+    columns: { order: "Zamówienie w sklepie", products: "Produkty", operation: "Operacja", status: "Status", attempts: "Próby", document: "Dokument w Subiekcie", details: "Szczegóły", actions: "" },
     kinds: { "order.create": "Utwórz ZK", "order.cancel": "Anuluj ZK", "order.fulfill": "Wystaw WZ", "order.document": "Wystaw dokument sprzedaży" },
     documentKinds: { fs: "Wystaw FS", pa: "Wystaw PA" },
     statuses: {
@@ -3235,17 +3974,20 @@ const pl$1 = {
   documents: {
     title: "Dokumenty",
     subtitle: "Co Subiekt wystawił do Twoich zamówień: ZK, WZ, faktury i paragony, każdy dokument obok swojego zamówienia w sklepie.",
+    points: { tag: "Znacznik zamówienia w uwagach", warehouse: "WZ z magazynu", ksef: "Numer KSeF na FS" },
+    search: "Numer dokumentu albo zamówienia",
     filters: { all: "Wszystkie", ZK: "ZK", WZ: "WZ", FS: "FS", PA: "PA" },
-    empty: "Jeszcze nie ma dokumentów.",
-    columns: { number: "Numer", order: "Zamówienie w sklepie", issued: "Wystawiono", source: "Źródło", status: "Status", ksef: "Numer KSeF" },
-    sources: { bridge: "Medusa", subiekt: "Magazyn", demo: "Demo" },
+    empty: "Jeszcze bez dokumentów",
+    columns: { number: "Numer", order: "Zamówienie w sklepie", products: "Produkty", issued: "Wystawiono", source: "Źródło", status: "Status", ksef: "Numer KSeF" },
+    sources: { bridge: "Medusa", subiekt: "Magazyn", demo: "Demo", linked: "Połączone ręcznie" },
     statuses: { open: "Otwarty", canceled: "Anulowany", completed: "Zrealizowany" },
     ksefWaiting: "czeka na KSeF"
   },
   stock: {
     title: "Stany",
     subtitle: "Z Subiekta do Medusy, najpierw po EAN, potem po SKU porównanym z symbolem towaru.",
-    never: "Synchronizacja stanów jeszcze się nie odbyła.",
+    points: { direction: "Z Subiekta do Medusy", match: "Najpierw EAN, potem SKU" },
+    never: "Stany jeszcze nie synchronizowane",
     dryRun: "Próba na sucho",
     counters: {
       subiektProducts: "Towary w Subiekcie",
@@ -3266,9 +4008,10 @@ const pl$1 = {
   },
   runs: {
     title: "Historia",
-    empty: "Jeszcze nic się nie wydarzyło.",
+    empty: "Jeszcze bez uruchomień",
+    points: { newest: "Najnowsze na górze", jobs: "Zadania w tle i kliknięcia" },
     columns: { kind: "Zadanie", trigger: "Wyzwalacz", status: "Wynik", message: "Podsumowanie", started: "Start", duration: "Czas" },
-    kinds: { stock: "Stany", events: "Dokumenty", tasks: "Kolejka", health: "Połączenie", products: "Produkty" },
+    kinds: { stock: "Stany", events: "Dokumenty", tasks: "Kolejka", health: "Połączenie", products: "Produkty", catchup: "Siatka bezpieczeństwa" },
     triggers: { schedule: "Harmonogram", manual: "Ręcznie", webhook: "Webhook", event: "Zdarzenie", auto: "Automatycznie" },
     statuses: { success: "OK", partial: "Częściowo", error: "Błąd", skipped: "Pominięto" },
     summary: {
@@ -3280,15 +4023,27 @@ const pl$1 = {
       eventsNone: "Nic nowego.",
       health: "Most i Subiekt odpowiadają.",
       productsPlan: "Plan: zmiany cen {{prices}}, nowe produkty {{creates}}. Żaden zapis nie jest włączony.",
-      productsApplied: "Zaplanowane zmiany cen: {{prices}}, nowe produkty: {{creates}}, naniesione: {{applied}}, nieudane: {{failed}}."
+      productsApplied: "Zaplanowane zmiany cen: {{prices}}, nowe produkty: {{creates}}, naniesione: {{applied}}, nieudane: {{failed}}.",
+      catchup: "Zamówienia bez zadania ZK dodane do kolejki: {{queued}}, zwolnione po płatności: {{released}}.",
+      catchupErrors: "Zamówienia bez zadania ZK dodane do kolejki: {{queued}}, zwolnione po płatności: {{released}}, błędy: {{errors}}."
     }
   },
   widget: {
     title: "Subiekt nexo",
     demo: "Demo",
     more: "Panel",
-    none: "To zamówienie nie zostało wysłane do Subiekta.",
-    waiting: "ZK powstanie po zaksięgowaniu płatności.",
+    none: "Nie wysłano do Subiekta",
+    waiting: "ZK po zaksięgowaniu płatności",
+    state: { notSent: "Nie wysłano", waiting: "Czeka na płatność", sending: "Wysyłka", attention: "Wymaga uwagi", inSubiekt: "W Subiekcie" },
+    run: {
+      queue: "Czeka w kolejce Medusy",
+      queueShort: "Kolejka",
+      bridge: "Most wystawia dokument",
+      bridgeShort: "Most",
+      document: "Numer wraca do Medusy",
+      documentShort: "Numer",
+      done: "W Subiekcie"
+    },
     send: "Wyślij do Subiekta teraz",
     sent: "W kolejce. ZK pojawi się tu za kilka sekund.",
     ksef: "KSeF {{number}}",
@@ -3297,7 +4052,29 @@ const pl$1 = {
     issuePa: "Wystaw paragon (PA)",
     issued: "W kolejce. Dokument pojawi się tu za kilka sekund.",
     autoOff: "Automatyczne dokumenty sprzedaży są wyłączone: włącz zapis na stronie Subiekta.",
-    autoOn: "Dokument sprzedaży powstanie automatycznie po {{after}}."
+    autoOn: "Dokument sprzedaży powstanie automatycznie po {{after}}.",
+    kinds: { ZK: "Zamówienie od klienta (ZK)", WZ: "Wydanie zewnętrzne (WZ)", FS: "Faktura (FS)", PA: "Paragon (PA)" },
+    warehouse: "magazyn {{warehouse}}",
+    related: "Na podstawie {{numbers}}",
+    zkCompleted: "Zrealizowane w Subiekcie: towar wydano.",
+    check: {
+      button: "Sprawdź w Subiekcie",
+      again: "Sprawdź ponownie",
+      hint: "Nie ma tu ZK? Sprawdź w Subiekcie: jeśli już tam jest, połącz je z zamówieniem.",
+      title: "W Subiekcie teraz",
+      at: "sprawdzono {{time}}",
+      nothing: "Subiekt nie ma żadnego dokumentu do tego zamówienia.",
+      inSubiekt: "W Subiekcie: {{status}}",
+      notReported: "Subiekt go nie zgłasza (usunięty tam albo inna baza)",
+      canceledThere: "Anulowany w Subiekcie.",
+      states: { missing: "Brak w Medusie", status_differs: "Medusa pokazuje: {{status}}", same: "Zapisany", only_local: "Tylko w Medusie" },
+      link: "Połącz",
+      update: "Zaktualizuj status",
+      linkHint: "Zapisuje go w Medusie. W Subiekcie nic się nie zmienia, drugi dokument nie powstanie.",
+      updateHint: "Zapisuje status, który pokazuje Subiekt. W Subiekcie nic się nie zmienia.",
+      linked: "{{number}} połączony z zamówieniem.",
+      updated: "{{number}} zaktualizowany."
+    }
   },
   toast: {
     started: "Uruchomione. Wynik pojawi się tu za chwilę.",
@@ -3308,18 +4085,6 @@ const pl$1 = {
     released: "Zwolnione. Następny przebieg spróbuje ponownie.",
     error: "Coś poszło nie tak: {{error}}"
   },
-  references: {
-    title: "Działa w sklepach wdrożonych przez Koda Plus",
-    subtitle: "Prawdziwe sklepy z wdrożeniem Koda Plus, które pracują na tej integracji na co dzień.",
-    open: "Otwórz sklep",
-    badgeOne: "Działa w 1 sklepie",
-    badgeMany: "Działa w {{count}} sklepach",
-    badgeSoonOne: "Wkrótce w 1 sklepie",
-    badgeSoonMany: "Wkrótce w {{count}} sklepach",
-    soon: "Wkrótce",
-    soonMore: "+{{count}} wkrótce",
-    review: "Zobacz opinię"
-  },
   community: communityPl,
   guide: {
     intro: {