@burdenoff/microfe-proserviceworld 2026.709.1 → 2026.709.2

package/dist/proserviceworld/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/proserviceworld/i18n/index.ts"],"sourcesContent":["/**\n * ProServiceWorld MFE local i18n.\n *\n * The host app shell owns the global I18nProvider and product translations.\n * This lightweight module provides fallback translations for MFE-owned UI\n * strings (page titles, empty states, form labels) so the MFE can be mounted\n * standalone (dev harness, tests) and still render in all supported locales.\n * When running inside the shell, the shell's `useI18n` translations take\n * precedence via the `t` helper below.\n */\n\nexport type SupportedLocale = 'en' | 'es' | 'hi' | 'ta' | 'zh' | 'ar';\n\nconst translations: Record<SupportedLocale, Record<string, string>> = {\n  en: {\n    'psw.clients.title': 'Clients',\n    'psw.clients.subtitle': 'Every person or organization your firm serves.',\n    'psw.clients.emptyTitle': 'No clients yet',\n    'psw.clients.emptyDescription':\n      'Add your first client to start scoping engagements and matters.',\n    'psw.clients.new': 'New client',\n    'psw.clients.searchPlaceholder': 'Search clients…',\n    'psw.clients.allStatuses': 'All statuses',\n    'psw.common.loading': 'Loading…',\n    'psw.common.retry': 'Retry',\n    'psw.common.cancel': 'Cancel',\n    'psw.common.save': 'Save',\n    'psw.common.create': 'Create',\n    'psw.common.edit': 'Edit',\n    'psw.common.archive': 'Archive',\n    'psw.common.actions': 'Actions',\n    'psw.common.name': 'Name',\n    'psw.common.status': 'Status',\n    'psw.common.type': 'Type',\n    'psw.common.added': 'Added',\n    'psw.common.loadMore': 'Load more',\n    'psw.common.showing': 'Showing',\n    'psw.common.of': 'of',\n    'psw.tags.title': 'Tags',\n    'psw.tags.add': 'Add tag',\n  },\n  es: {\n    'psw.clients.title': 'Clientes',\n    'psw.clients.subtitle': 'Toda persona u organización que atiende su firma.',\n    'psw.clients.emptyTitle': 'Aún no hay clientes',\n    'psw.clients.emptyDescription':\n      'Agregue su primer cliente para comenzar a definir compromisos y asuntos.',\n    'psw.clients.new': 'Nuevo cliente',\n    'psw.clients.searchPlaceholder': 'Buscar clientes…',\n    'psw.clients.allStatuses': 'Todos los estados',\n    'psw.common.loading': 'Cargando…',\n    'psw.common.retry': 'Reintentar',\n    'psw.common.cancel': 'Cancelar',\n    'psw.common.save': 'Guardar',\n    'psw.common.create': 'Crear',\n    'psw.common.edit': 'Editar',\n    'psw.common.archive': 'Archivar',\n    'psw.common.actions': 'Acciones',\n    'psw.common.name': 'Nombre',\n    'psw.common.status': 'Estado',\n    'psw.common.type': 'Tipo',\n    'psw.common.added': 'Añadido',\n    'psw.common.loadMore': 'Cargar más',\n    'psw.common.showing': 'Mostrando',\n    'psw.common.of': 'de',\n    'psw.tags.title': 'Etiquetas',\n    'psw.tags.add': 'Agregar etiqueta',\n  },\n  hi: {\n    'psw.clients.title': 'ग्राहक',\n    'psw.clients.subtitle': 'हर व्यक्ति या संगठन जिसे आपकी फर्म सेवा देती है।',\n    'psw.clients.emptyTitle': 'अभी तक कोई ग्राहक नहीं',\n    'psw.clients.emptyDescription':\n      'समझौते और मामलों का दायरा तय करना शुरू करने के लिए अपना पहला ग्राहक जोड़ें।',\n    'psw.clients.new': 'नया ग्राहक',\n    'psw.clients.searchPlaceholder': 'ग्राहक खोजें…',\n    'psw.clients.allStatuses': 'सभी स्थिति',\n    'psw.common.loading': 'लोड हो रहा है…',\n    'psw.common.retry': 'पुनः प्रयास करें',\n    'psw.common.cancel': 'रद्द करें',\n    'psw.common.save': 'सहेजें',\n    'psw.common.create': 'बनाएं',\n    'psw.common.edit': 'संपादित करें',\n    'psw.common.archive': 'संग्रहीत करें',\n    'psw.common.actions': 'कार्रवाइयाँ',\n    'psw.common.name': 'नाम',\n    'psw.common.status': 'स्थिति',\n    'psw.common.type': 'प्रकार',\n    'psw.common.added': 'जोड़ा गया',\n    'psw.common.loadMore': 'और लोड करें',\n    'psw.common.showing': 'दिखा रहा है',\n    'psw.common.of': 'में से',\n    'psw.tags.title': 'टैग',\n    'psw.tags.add': 'टैग जोड़ें',\n  },\n  ta: {\n    'psw.clients.title': 'வாடிக்கையாளர்கள்',\n    'psw.clients.subtitle': 'உங்கள் நிறுவனம் சேவை செய்யும் ஒவ்வொரு நபரும் அல்லது நிறுவனமும்.',\n    'psw.clients.emptyTitle': 'இன்னும் வாடிக்கையாளர்கள் இல்லை',\n    'psw.clients.emptyDescription':\n      'உறுதிமொழிகள் மற்றும் விவகாரங்களை வரையறுக்க முதல் வாடிக்கையாளரைச் சேர்க்கவும்.',\n    'psw.clients.new': 'புதிய வாடிக்கையாளர்',\n    'psw.clients.searchPlaceholder': 'வாடிக்கையாளர்களைத் தேடு…',\n    'psw.clients.allStatuses': 'அனைத்து நிலைகள்',\n    'psw.common.loading': 'ஏற்றுகிறது…',\n    'psw.common.retry': 'மீண்டும் முயற்சி',\n    'psw.common.cancel': 'ரத்து',\n    'psw.common.save': 'சேமி',\n    'psw.common.create': 'உருவாக்கு',\n    'psw.common.edit': 'திருத்து',\n    'psw.common.archive': 'காப்பகம்',\n    'psw.common.actions': 'செயல்கள்',\n    'psw.common.name': 'பெயர்',\n    'psw.common.status': 'நிலை',\n    'psw.common.type': 'வகை',\n    'psw.common.added': 'சேர்க்கப்பட்டது',\n    'psw.common.loadMore': 'மேலும் ஏற்று',\n    'psw.common.showing': 'காட்டுகிறது',\n    'psw.common.of': 'இல்',\n    'psw.tags.title': 'குறிச்சொற்கள்',\n    'psw.tags.add': 'குறிச்சொல் சேர்',\n  },\n  zh: {\n    'psw.clients.title': '客户',\n    'psw.clients.subtitle': '贵公司服务的每一个人或组织。',\n    'psw.clients.emptyTitle': '暂无客户',\n    'psw.clients.emptyDescription': '添加您的第一个客户，开始确定业务和事项范围。',\n    'psw.clients.new': '新建客户',\n    'psw.clients.searchPlaceholder': '搜索客户…',\n    'psw.clients.allStatuses': '全部状态',\n    'psw.common.loading': '加载中…',\n    'psw.common.retry': '重试',\n    'psw.common.cancel': '取消',\n    'psw.common.save': '保存',\n    'psw.common.create': '创建',\n    'psw.common.edit': '编辑',\n    'psw.common.archive': '归档',\n    'psw.common.actions': '操作',\n    'psw.common.name': '名称',\n    'psw.common.status': '状态',\n    'psw.common.type': '类型',\n    'psw.common.added': '添加时间',\n    'psw.common.loadMore': '加载更多',\n    'psw.common.showing': '显示',\n    'psw.common.of': '共',\n    'psw.tags.title': '标签',\n    'psw.tags.add': '添加标签',\n  },\n  ar: {\n    'psw.clients.title': 'العملاء',\n    'psw.clients.subtitle': 'كل شخص أو مؤسسة تخدمها شركتك.',\n    'psw.clients.emptyTitle': 'لا يوجد عملاء بعد',\n    'psw.clients.emptyDescription': 'أضف عميلك الأول لبدء تحديد نطاق الالتزامات والقضايا.',\n    'psw.clients.new': 'عميل جديد',\n    'psw.clients.searchPlaceholder': 'البحث في العملاء…',\n    'psw.clients.allStatuses': 'جميع الحالات',\n    'psw.common.loading': 'جارٍ التحميل…',\n    'psw.common.retry': 'إعادة المحاولة',\n    'psw.common.cancel': 'إلغاء',\n    'psw.common.save': 'حفظ',\n    'psw.common.create': 'إنشاء',\n    'psw.common.edit': 'تعديل',\n    'psw.common.archive': 'أرشفة',\n    'psw.common.actions': 'إجراءات',\n    'psw.common.name': 'الاسم',\n    'psw.common.status': 'الحالة',\n    'psw.common.type': 'النوع',\n    'psw.common.added': 'تاريخ الإضافة',\n    'psw.common.loadMore': 'تحميل المزيد',\n    'psw.common.showing': 'عرض',\n    'psw.common.of': 'من',\n    'psw.tags.title': 'الوسوم',\n    'psw.tags.add': 'إضافة وسم',\n  },\n};\n\nfunction detectLocale(): SupportedLocale {\n  if (typeof navigator === 'undefined') return 'en';\n  const code = (navigator.language ?? 'en').split('-')[0].toLowerCase();\n  if (code in translations) return code as SupportedLocale;\n  return 'en';\n}\n\nexport function t(key: string, fallback?: string, locale?: SupportedLocale): string {\n  const loc = locale ?? detectLocale();\n  return translations[loc]?.[key] ?? translations.en[key] ?? fallback ?? key;\n}\n"],"mappings":"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"}

package/dist/proserviceworld/index.d.ts

@@ -2,4 +2,5 @@ export { ProServiceWorldRoot } from './ProServiceWorldRoot';
 export type { ProServiceWorldRootProps, NavItem, FooterItem } from './types';
 export { useProServiceWorld } from './providers/ProServiceWorldProvider';
 export { useSandboxAssistantTransport } from './services/createSandboxAssistantTransport';
+export { t } from './i18n';
 //# sourceMappingURL=index.d.ts.map

package/dist/proserviceworld/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/proserviceworld/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/proserviceworld/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;AAC1F,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC"}

package/dist/proserviceworld/index.js

@@ -1,3 +1,4 @@
 import "./providers/ProServiceWorldProvider.js";
 import "./ProServiceWorldRoot.js";
 import "./services/createSandboxAssistantTransport.js";
+import "./i18n/index.js";

package/dist/proserviceworld/pages/ClientsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClientsPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/ClientsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA8ChC,qDAAqD;AACrD,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAU3D,CAAC;AAuBF,eAAO,MAAM,WAAW,EAAE,EAoLzB,CAAC"}
+{"version":3,"file":"ClientsPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/ClientsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA2DhC,qDAAqD;AACrD,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAU3D,CAAC;AAyBF,eAAO,MAAM,WAAW,EAAE,EAwNzB,CAAC"}

package/dist/proserviceworld/pages/ClientsPage.js

@@ -2,22 +2,26 @@ import { useArchiveClient as e, useClients as t, useCreateClient as n, useUpdate
 import { useNav as i } from "../utils/nav.js";
 import { cn as a } from "../utils/cn.js";
 import { Banner as o, Empty as s, ErrorState as c, Field as l, LoadingBlock as u, Modal as d, NativeSelect as f, PageHeader as p, SectionCard as m, StatusPill as h, TableWrap as g, Td as _, TextArea as v, TextInput as y, Th as b, enumOptions as x, fmtDate as S } from "../components/ui.js";
-import { useAnalytics as C } from "../hooks/useAnalytics.js";
-import { useMemo as w, useState as T } from "react";
-import { Archive as E, Building2 as D, ChevronRight as O, Pencil as k, Plus as A, Search as j, User as M, Users as N } from "lucide-react";
-import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
-import { Button as L } from "@burdenoff/fe-libs/ui";
+import { t as C } from "../i18n/index.js";
+import { useAnalytics as w } from "../hooks/useAnalytics.js";
+import { impactFeedback as T } from "../utils/native.js";
+import { TagPicker as E } from "../components/TagPicker.js";
+import { LoadMore as D } from "../components/LoadMore.js";
+import { useMemo as O, useState as k } from "react";
+import { Archive as A, Building2 as ee, ChevronRight as te, Pencil as ne, Plus as j, Search as M, User as N, Users as P } from "lucide-react";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { Button as R } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/ClientsPage.tsx
-var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
+var z = ["ORGANIZATION", "INDIVIDUAL"], B = [
 	"PROSPECT",
 	"ACTIVE",
 	"INACTIVE",
 	"ARCHIVED"
-], B = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("") || "?", V = ({ name: e, className: t }) => /* @__PURE__ */ F("span", {
+], V = (e) => e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("") || "?", H = ({ name: e, className: t }) => /* @__PURE__ */ I("span", {
 	className: a("flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-accent/10 text-xs font-semibold text-accent ring-1 ring-inset ring-accent/15", t),
 	"aria-hidden": !0,
-	children: B(e)
-}), H = {
+	children: V(e)
+}), U = {
 	name: "",
 	type: "ORGANIZATION",
 	status: "PROSPECT",
@@ -26,124 +30,163 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 	contactEmail: "",
 	contactPhone: "",
 	notes: ""
-}, U = () => {
-	let e = i(), { emitIntent: n, emitFact: r } = C(), [a, l] = T(""), [d, v] = T(""), [w, E] = T(null), [P, R] = T(!1), [B, H] = T(null), { data: U, isLoading: K, error: q, refetch: J } = t({
-		search: a.trim() || void 0,
-		status: d || void 0
-	});
-	return /* @__PURE__ */ I("div", {
+}, W = 25, G = () => {
+	let e = i(), { emitIntent: n, emitFact: a } = w(), [l, d] = k(""), [v, A] = k(""), [F, z] = k(null), [V, U] = k(!1), [G, q] = k(null), [ie, J] = k({
+		limit: W,
+		offset: 0
+	}), { data: Y, isLoading: X, error: Z, refetch: Q } = t({
+		search: l.trim() || void 0,
+		status: v || void 0,
+		pagination: ie
+	}), ae = r(), $ = O(() => Y?.items ?? [], [Y]);
+	return /* @__PURE__ */ L("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ F(p, {
-				title: "Clients",
-				subtitle: "Every person or organization your firm serves — the record engagements, matters, documents and invoices hang off.",
-				icon: /* @__PURE__ */ F(N, { className: "h-6 w-6" }),
-				actions: /* @__PURE__ */ I(L, {
+			/* @__PURE__ */ I(p, {
+				title: C("psw.clients.title"),
+				subtitle: C("psw.clients.subtitle"),
+				icon: /* @__PURE__ */ I(P, { className: "h-6 w-6" }),
+				actions: /* @__PURE__ */ L(R, {
 					onClick: () => {
-						n("psw.client.create_clicked"), R(!0);
+						T("light"), n("psw.client.create_clicked"), U(!0);
 					},
-					children: [/* @__PURE__ */ F(A, { className: "mr-1.5 h-4 w-4" }), " New client"]
+					children: [
+						/* @__PURE__ */ I(j, { className: "mr-1.5 h-4 w-4" }),
+						" ",
+						C("psw.clients.new")
+					]
 				})
 			}),
-			B && /* @__PURE__ */ F(o, {
-				tone: B.tone,
-				onClose: () => H(null),
-				children: B.text
+			G && /* @__PURE__ */ I(o, {
+				tone: G.tone,
+				onClose: () => q(null),
+				children: G.text
 			}),
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ L("div", {
 				className: "flex flex-col gap-2 sm:flex-row sm:items-center",
-				children: [/* @__PURE__ */ I("div", {
+				children: [/* @__PURE__ */ L("div", {
 					className: "relative flex-1",
-					children: [/* @__PURE__ */ F(j, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ F(y, {
-						placeholder: "Search clients…",
-						value: a,
-						onChange: (e) => l(e.target.value),
+					children: [/* @__PURE__ */ I(M, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ I(y, {
+						placeholder: C("psw.clients.searchPlaceholder"),
+						value: l,
+						onChange: (e) => {
+							d(e.target.value), J({
+								limit: W,
+								offset: 0
+							});
+						},
 						onKeyDown: (e) => {
-							e.key === "Enter" && a.trim() && r("psw.search.performed", {
+							e.key === "Enter" && l.trim() && a("psw.search.performed", {
 								entityType: "client",
-								queryLength: a.trim().length
+								queryLength: l.trim().length
 							});
 						},
 						className: "pl-9"
 					})]
-				}), /* @__PURE__ */ I(f, {
-					value: d,
-					onChange: (e) => v(e.target.value),
+				}), /* @__PURE__ */ L(f, {
+					value: v,
+					onChange: (e) => {
+						A(e.target.value), J({
+							limit: W,
+							offset: 0
+						});
+					},
 					className: "sm:w-48",
-					children: [/* @__PURE__ */ F("option", {
+					children: [/* @__PURE__ */ I("option", {
 						value: "",
-						children: "All statuses"
-					}), x(z)]
+						children: C("psw.clients.allStatuses")
+					}), x(B)]
 				})]
 			}),
-			K ? /* @__PURE__ */ F(u, {}) : q ? /* @__PURE__ */ F(c, {
-				error: q,
-				onRetry: () => void J()
-			}) : !U || U.items.length === 0 ? /* @__PURE__ */ F(s, {
-				title: "No clients yet",
-				description: "Add your first client to start scoping engagements and matters.",
-				icon: /* @__PURE__ */ F(N, { className: "h-8 w-8" }),
-				action: /* @__PURE__ */ I(L, {
-					onClick: () => R(!0),
-					children: [/* @__PURE__ */ F(A, { className: "mr-1.5 h-4 w-4" }), " New client"]
+			X ? /* @__PURE__ */ I(u, {}) : Z ? /* @__PURE__ */ I(c, {
+				error: Z,
+				onRetry: () => void Q()
+			}) : !Y || Y.items.length === 0 ? /* @__PURE__ */ I(s, {
+				title: C("psw.clients.emptyTitle"),
+				description: C("psw.clients.emptyDescription"),
+				icon: /* @__PURE__ */ I(P, { className: "h-8 w-8" }),
+				action: /* @__PURE__ */ L(R, {
+					onClick: () => U(!0),
+					children: [
+						/* @__PURE__ */ I(j, { className: "mr-1.5 h-4 w-4" }),
+						" ",
+						C("psw.clients.new")
+					]
 				})
-			}) : /* @__PURE__ */ F(m, {
-				title: `${U.totalCount} client${U.totalCount === 1 ? "" : "s"}`,
-				children: /* @__PURE__ */ I(g, { children: [/* @__PURE__ */ F("thead", { children: /* @__PURE__ */ I("tr", { children: [
-					/* @__PURE__ */ F(b, { children: "Name" }),
-					/* @__PURE__ */ F(b, { children: "Type" }),
-					/* @__PURE__ */ F(b, { children: "Industry" }),
-					/* @__PURE__ */ F(b, { children: "Status" }),
-					/* @__PURE__ */ F(b, { children: "Added" }),
-					/* @__PURE__ */ F(b, {
+			}) : /* @__PURE__ */ L(m, {
+				title: `${Y.totalCount} client${Y.totalCount === 1 ? "" : "s"}`,
+				children: [/* @__PURE__ */ L(g, { children: [/* @__PURE__ */ I("thead", { children: /* @__PURE__ */ L("tr", { children: [
+					/* @__PURE__ */ I(b, { children: C("psw.common.name") }),
+					/* @__PURE__ */ I(b, { children: C("psw.common.type") }),
+					/* @__PURE__ */ I(b, { children: "Industry" }),
+					/* @__PURE__ */ I(b, { children: C("psw.common.status") }),
+					/* @__PURE__ */ I(b, { children: C("psw.common.added") }),
+					/* @__PURE__ */ I(b, { children: "Tags" }),
+					/* @__PURE__ */ I(b, {
 						className: "text-right",
-						children: "Actions"
+						children: C("psw.common.actions")
 					})
-				] }) }), /* @__PURE__ */ F("tbody", { children: U.items.map((t) => /* @__PURE__ */ I("tr", {
+				] }) }), /* @__PURE__ */ I("tbody", { children: Y.items.map((t) => /* @__PURE__ */ L("tr", {
 					className: "group cursor-pointer transition-colors hover:bg-bg-sunken/60",
 					onClick: () => e(`clients/${t.id}`),
 					children: [
-						/* @__PURE__ */ F(_, { children: /* @__PURE__ */ I("div", {
+						/* @__PURE__ */ I(_, { children: /* @__PURE__ */ L("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ F(V, { name: t.name }), /* @__PURE__ */ I("div", {
+							children: [/* @__PURE__ */ I(H, { name: t.name }), /* @__PURE__ */ L("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ I("div", {
+								children: [/* @__PURE__ */ L("div", {
 									className: "flex items-center gap-1 font-medium text-text-primary transition-colors group-hover:text-accent",
-									children: [/* @__PURE__ */ F("span", {
+									children: [/* @__PURE__ */ I("span", {
 										className: "truncate",
 										children: t.name
-									}), /* @__PURE__ */ F(O, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100" })]
-								}), t.contactName ? /* @__PURE__ */ F("div", {
+									}), /* @__PURE__ */ I(te, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary opacity-0 transition-opacity group-hover:opacity-100" })]
+								}), t.contactName ? /* @__PURE__ */ I("div", {
 									className: "truncate text-xs text-text-tertiary",
 									children: t.contactName
 								}) : null]
 							})]
 						}) }),
-						/* @__PURE__ */ F(_, { children: /* @__PURE__ */ I("span", {
+						/* @__PURE__ */ I(_, { children: /* @__PURE__ */ L("span", {
 							className: "inline-flex items-center gap-1.5 text-text-secondary",
-							children: [t.type === "ORGANIZATION" ? /* @__PURE__ */ F(D, { className: "h-3.5 w-3.5 text-text-tertiary" }) : /* @__PURE__ */ F(M, { className: "h-3.5 w-3.5 text-text-tertiary" }), t.type === "ORGANIZATION" ? "Organization" : "Individual"]
+							children: [t.type === "ORGANIZATION" ? /* @__PURE__ */ I(ee, { className: "h-3.5 w-3.5 text-text-tertiary" }) : /* @__PURE__ */ I(N, { className: "h-3.5 w-3.5 text-text-tertiary" }), t.type === "ORGANIZATION" ? "Organization" : "Individual"]
 						}) }),
-						/* @__PURE__ */ F(_, { children: t.industry || "—" }),
-						/* @__PURE__ */ F(_, { children: /* @__PURE__ */ F(h, { status: t.status }) }),
-						/* @__PURE__ */ F(_, {
+						/* @__PURE__ */ I(_, { children: t.industry || "—" }),
+						/* @__PURE__ */ I(_, { children: /* @__PURE__ */ I(h, { status: t.status }) }),
+						/* @__PURE__ */ I(_, {
 							className: "whitespace-nowrap",
 							children: S(t.createdAt)
 						}),
-						/* @__PURE__ */ F(_, {
+						/* @__PURE__ */ I(_, { children: /* @__PURE__ */ I("div", {
+							onClick: (e) => e.stopPropagation(),
+							role: "presentation",
+							children: /* @__PURE__ */ I(E, {
+								entityType: "PswClient",
+								entityId: t.id,
+								tags: t.tags ?? [],
+								onChange: async (e) => {
+									await ae.mutateAsync({
+										id: t.id,
+										input: { tags: e }
+									}), Q();
+								},
+								maxTags: 5
+							})
+						}) }),
+						/* @__PURE__ */ I(_, {
 							className: "text-right",
-							children: /* @__PURE__ */ I("div", {
+							children: /* @__PURE__ */ L("div", {
 								className: "flex justify-end gap-1",
 								onClick: (e) => e.stopPropagation(),
 								role: "presentation",
-								children: [/* @__PURE__ */ F(L, {
+								children: [/* @__PURE__ */ I(R, {
 									variant: "ghost",
 									size: "sm",
-									onClick: () => E(t),
+									onClick: () => z(t),
 									"aria-label": "Edit",
-									children: /* @__PURE__ */ F(k, { className: "h-4 w-4" })
-								}), t.status !== "ARCHIVED" && /* @__PURE__ */ F(W, {
+									children: /* @__PURE__ */ I(ne, { className: "h-4 w-4" })
+								}), t.status !== "ARCHIVED" && /* @__PURE__ */ I(re, {
 									id: t.id,
-									onDone: (e) => H(e ? {
+									onDone: (e) => q(e ? {
 										tone: "success",
 										text: `${t.name} archived.`
 									} : {
@@ -154,28 +197,37 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 							})
 						})
 					]
-				}, t.id)) })] })
+				}, t.id)) })] }), /* @__PURE__ */ I(D, {
+					hasMore: Y?.pageInfo?.hasMore ?? !1,
+					loading: X,
+					loadedCount: $.length,
+					totalCount: Y?.totalCount ?? $.length,
+					onLoadMore: () => J((e) => ({
+						limit: W,
+						offset: e.offset + W
+					}))
+				})]
 			}),
-			P && /* @__PURE__ */ F(G, {
-				onClose: () => R(!1),
-				onSaved: (e) => H({
+			V && /* @__PURE__ */ I(K, {
+				onClose: () => U(!1),
+				onSaved: (e) => q({
 					tone: "success",
 					text: `${e} created.`
 				})
 			}),
-			w && /* @__PURE__ */ F(G, {
-				client: w,
-				onClose: () => E(null),
-				onSaved: (e) => H({
+			F && /* @__PURE__ */ I(K, {
+				client: F,
+				onClose: () => z(null),
+				onSaved: (e) => q({
 					tone: "success",
 					text: `${e} updated.`
 				})
 			})
 		]
 	});
-}, W = ({ id: t, onDone: n }) => {
-	let r = e(), { emitFact: i } = C();
-	return /* @__PURE__ */ F(L, {
+}, re = ({ id: t, onDone: n }) => {
+	let r = e(), { emitFact: i } = w();
+	return /* @__PURE__ */ I(R, {
 		variant: "ghost",
 		size: "sm",
 		"aria-label": "Archive",
@@ -188,10 +240,10 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 				onError: () => n(!1)
 			});
 		},
-		children: /* @__PURE__ */ F(E, { className: "h-4 w-4" })
+		children: /* @__PURE__ */ I(A, { className: "h-4 w-4" })
 	});
-}, G = ({ client: e, onClose: t, onSaved: i }) => {
-	let a = n(), s = r(), { emitFact: c } = C(), [u, p] = T(e ? {
+}, K = ({ client: e, onClose: t, onSaved: i }) => {
+	let a = n(), s = r(), { emitFact: c } = w(), [u, p] = k(e ? {
 		name: e.name,
 		type: e.type,
 		status: e.status,
@@ -200,10 +252,10 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 		contactEmail: e.contactEmail ?? "",
 		contactPhone: e.contactPhone ?? "",
 		notes: e.notes ?? ""
-	} : H), [m, h] = T(null), g = (e) => (t) => p((n) => ({
+	} : U), [m, h] = k(null), g = (e) => (t) => p((n) => ({
 		...n,
 		[e]: t.target.value
-	})), _ = a.isPending || s.isPending, b = w(() => ({
+	})), _ = a.isPending || s.isPending, b = O(() => ({
 		name: u.name.trim(),
 		type: u.type,
 		status: u.status,
@@ -213,16 +265,16 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 		contactPhone: u.contactPhone.trim() || null,
 		notes: u.notes.trim() || null
 	}), [u]);
-	return /* @__PURE__ */ F(d, {
+	return /* @__PURE__ */ I(d, {
 		open: !0,
 		onClose: t,
 		title: e ? "Edit client" : "New client",
-		footer: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(L, {
+		footer: /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(R, {
 			variant: "outline",
 			onClick: t,
 			disabled: _,
 			children: "Cancel"
-		}), /* @__PURE__ */ F(L, {
+		}), /* @__PURE__ */ I(R, {
 			onClick: () => {
 				if (h(null), !b.name) return h("Client name is required.");
 				let n = (e) => h(e instanceof Error ? e.message : "Save failed.");
@@ -244,75 +296,75 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 			disabled: _,
 			children: _ ? "Saving…" : e ? "Save changes" : "Create client"
 		})] }),
-		children: /* @__PURE__ */ I("div", {
+		children: /* @__PURE__ */ L("div", {
 			className: "space-y-3",
 			children: [
-				m && /* @__PURE__ */ F(o, {
+				m && /* @__PURE__ */ I(o, {
 					tone: "danger",
 					children: m
 				}),
-				/* @__PURE__ */ F(l, {
+				/* @__PURE__ */ I(l, {
 					label: "Name",
 					required: !0,
-					children: /* @__PURE__ */ F(y, {
+					children: /* @__PURE__ */ I(y, {
 						value: u.name,
 						onChange: g("name"),
 						placeholder: "Acme Holdings Ltd."
 					})
 				}),
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ L("div", {
 					className: "grid grid-cols-2 gap-3",
-					children: [/* @__PURE__ */ F(l, {
+					children: [/* @__PURE__ */ I(l, {
 						label: "Type",
-						children: /* @__PURE__ */ F(f, {
+						children: /* @__PURE__ */ I(f, {
 							value: u.type,
 							onChange: g("type"),
-							children: x(R)
+							children: x(z)
 						})
-					}), /* @__PURE__ */ F(l, {
+					}), /* @__PURE__ */ I(l, {
 						label: "Status",
-						children: /* @__PURE__ */ F(f, {
+						children: /* @__PURE__ */ I(f, {
 							value: u.status,
 							onChange: g("status"),
-							children: x(z)
+							children: x(B)
 						})
 					})]
 				}),
-				/* @__PURE__ */ F(l, {
+				/* @__PURE__ */ I(l, {
 					label: "Industry",
-					children: /* @__PURE__ */ F(y, {
+					children: /* @__PURE__ */ I(y, {
 						value: u.industry,
 						onChange: g("industry"),
 						placeholder: "Financial services"
 					})
 				}),
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ L("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-					children: [/* @__PURE__ */ F(l, {
+					children: [/* @__PURE__ */ I(l, {
 						label: "Contact name",
-						children: /* @__PURE__ */ F(y, {
+						children: /* @__PURE__ */ I(y, {
 							value: u.contactName,
 							onChange: g("contactName")
 						})
-					}), /* @__PURE__ */ F(l, {
+					}), /* @__PURE__ */ I(l, {
 						label: "Contact email",
-						children: /* @__PURE__ */ F(y, {
+						children: /* @__PURE__ */ I(y, {
 							type: "email",
 							value: u.contactEmail,
 							onChange: g("contactEmail")
 						})
 					})]
 				}),
-				/* @__PURE__ */ F(l, {
+				/* @__PURE__ */ I(l, {
 					label: "Contact phone",
-					children: /* @__PURE__ */ F(y, {
+					children: /* @__PURE__ */ I(y, {
 						value: u.contactPhone,
 						onChange: g("contactPhone")
 					})
 				}),
-				/* @__PURE__ */ F(l, {
+				/* @__PURE__ */ I(l, {
 					label: "Notes",
-					children: /* @__PURE__ */ F(v, {
+					children: /* @__PURE__ */ I(v, {
 						value: u.notes,
 						onChange: g("notes")
 					})
@@ -322,6 +374,6 @@ var R = ["ORGANIZATION", "INDIVIDUAL"], z = [
 	});
 };
 //#endregion
-export { U as ClientsPage };
+export { G as ClientsPage };
 
 //# sourceMappingURL=ClientsPage.js.map