@burdenoff/microfe-brainyrich 2026.706.1 → 2026.706.3

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,20 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (e && (t = e(e = 0)), t), s = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), c = (e, n) => {
+	let r = {};
+	for (var i in e) t(r, i, {
+		get: e[i],
+		enumerable: !0
+	});
+	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
+}, l = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, u = (n, r, a) => (a = n == null ? {} : e(i(n)), l(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n)), d = (e) => a.call(e, "module.exports") ? e["module.exports"] : l(t({}, "__esModule", { value: !0 }), e);
+//#endregion
+export { s as __commonJSMin, o as __esmMin, c as __exportAll, d as __toCommonJS, u as __toESM };

package/dist/brainyrich/components/LoadMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadMore.js","names":[],"sources":["../../../src/brainyrich/components/LoadMore.tsx"],"sourcesContent":["/**\n * \"Load more\" button for cursor-paginated list pages.\n * @module brainyrich/components/LoadMore\n *\n * Pair with the `usePaged*` hooks in `../hooks/useBrainyRichApi` (they expose\n * `hasMore`, `loadMore`, `isFetchingNextPage`). Renders nothing when there is\n * no next page, so it can be dropped unconditionally at the end of a list.\n */\n\nimport { Loader2 } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\n\nexport interface LoadMoreProps {\n  /** Whether another page exists. Component renders null when false. */\n  hasMore: boolean;\n  /** Fetch the next page. */\n  onClick: () => void;\n  /** Next-page fetch in flight. */\n  loading?: boolean;\n  label?: string;\n  loadingLabel?: string;\n  className?: string;\n}\n\nexport function LoadMore({\n  hasMore,\n  onClick,\n  loading = false,\n  label = 'Load more',\n  loadingLabel = 'Loading…',\n  className = '',\n}: LoadMoreProps) {\n  if (!hasMore) return null;\n  return (\n    <div className={`flex justify-center pt-4 ${className}`}>\n      <Button\n        variant=\"outline\"\n        size=\"sm\"\n        onClick={onClick}\n        disabled={loading}\n        aria-busy={loading}\n      >\n        {loading ? (\n          <>\n            <Loader2 className=\"size-4 motion-safe:animate-spin\" aria-hidden=\"true\" />\n            {loadingLabel}\n          </>\n        ) : (\n          label\n        )}\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;AAwBA,SAAgB,EAAS,EACvB,YACA,YACA,aAAU,IACV,WAAQ,aACR,kBAAe,YACf,eAAY,MACI;AAEhB,QADK,IAEH,kBAAC,OAAD;EAAK,WAAW,4BAA4B;YAC1C,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACI;GACT,UAAU;GACV,aAAW;aAEV,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAS,WAAU;IAAkC,eAAY;IAAS,CAAA,EACzE,EACA,EAAA,CAAA,GAEH;GAEK,CAAA;EACL,CAAA,GAnBa"}
+{"version":3,"file":"LoadMore.js","names":[],"sources":["../../../src/brainyrich/components/LoadMore.tsx"],"sourcesContent":["/**\n * \"Load more\" button for cursor-paginated list pages.\n * @module brainyrich/components/LoadMore\n *\n * Pair with the `usePaged*` hooks in `../hooks/useBrainyRichApi` (they expose\n * `hasMore`, `loadMore`, `isFetchingNextPage`). Renders nothing when there is\n * no next page, so it can be dropped unconditionally at the end of a list.\n */\n\nimport { Loader2 } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\n\nexport interface LoadMoreProps {\n  /** Whether another page exists. Component renders null when false. */\n  hasMore: boolean;\n  /** Fetch the next page. */\n  onClick: () => void;\n  /** Next-page fetch in flight. */\n  loading?: boolean;\n  label?: string;\n  loadingLabel?: string;\n  className?: string;\n}\n\nexport function LoadMore({\n  hasMore,\n  onClick,\n  loading = false,\n  label = 'Load more',\n  loadingLabel = 'Loading…',\n  className = '',\n}: LoadMoreProps) {\n  if (!hasMore) return null;\n  return (\n    <div className={`flex justify-center pt-4 ${className}`}>\n      <Button variant=\"outline\" size=\"sm\" onClick={onClick} disabled={loading} aria-busy={loading}>\n        {loading ? (\n          <>\n            <Loader2 className=\"size-4 motion-safe:animate-spin\" aria-hidden=\"true\" />\n            {loadingLabel}\n          </>\n        ) : (\n          label\n        )}\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;AAwBA,SAAgB,EAAS,EACvB,YACA,YACA,aAAU,IACV,WAAQ,aACR,kBAAe,YACf,eAAY,MACI;AAEhB,QADK,IAEH,kBAAC,OAAD;EAAK,WAAW,4BAA4B;YAC1C,kBAAC,GAAD;GAAQ,SAAQ;GAAU,MAAK;GAAc;GAAS,UAAU;GAAS,aAAW;aACjF,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAS,WAAU;IAAkC,eAAY;IAAS,CAAA,EACzE,EACA,EAAA,CAAA,GAEH;GAEK,CAAA;EACL,CAAA,GAba"}

package/dist/brainyrich/components/index.js

@@ -2,4 +2,5 @@ import "./notify.js";
 import "./LoadMore.js";
 import "./ConfirmDialog.js";
 import "./ActorName.js";
+import "./viz.js";
 import "./pickers.js";

package/dist/brainyrich/components/pickers.js.map

@@ -1 +1 @@
-{"version":3,"file":"pickers.js","names":[],"sources":["../../../src/brainyrich/components/pickers.tsx"],"sourcesContent":["/**\n * Reusable entity / subject pickers.\n * @module brainyrich/components/pickers\n *\n * - `SubjectPicker`   — encodes `SUBJECT_TYPE:id` across accounts, portfolios,\n *                       goals and households (for the AiAssistant insight subject).\n * - `EntityPicker`    — generic account / household Select returning a bare id.\n * - `AccountPicker`   — convenience wrapper (kind=\"account\").\n * - `HouseholdPicker` — OPTIONAL household Select with a \"None\" option, for the\n *                       account create/edit form (accounts can be linked to a\n *                       household). Never a dead-end when no households exist.\n *\n * When a *required* source list is empty every picker renders a CTA that routes\n * the user to create the missing entity instead of showing an empty dropdown.\n */\n\nimport { Loader2 } from 'lucide-react';\nimport {\n  Button,\n  Label,\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport { useAccounts, useGoals, useHouseholds, usePortfolios } from '../hooks/useBrainyRichApi';\nimport { useBrainyRich } from '../providers/BrainyRichProvider';\nimport { joinPath } from '../utils/navigation';\n\n// ============================================================================\n// Subject encoding (matches the SDL `subjectType` convention — uppercase)\n// ============================================================================\n\nexport const SUBJECT_KINDS = ['ACCOUNT', 'PORTFOLIO', 'GOAL', 'HOUSEHOLD'] as const;\nexport type SubjectKind = (typeof SUBJECT_KINDS)[number];\n\nconst SUBJECT_KIND_LABEL: Record<SubjectKind, string> = {\n  ACCOUNT: 'Account',\n  PORTFOLIO: 'Portfolio',\n  GOAL: 'Goal',\n  HOUSEHOLD: 'Household',\n};\n\n/** Encode a subject selection as the `SUBJECT_TYPE:id` token a SubjectPicker emits. */\nexport function encodeSubject(kind: SubjectKind, id: string): string {\n  return `${kind}:${id}`;\n}\n\n/** Decode a `SUBJECT_TYPE:id` token back into `{ subjectType, subjectId }`. */\nexport function parseSubject(\n  value: string | null | undefined\n): { subjectType: SubjectKind; subjectId: string } | null {\n  if (!value) return null;\n  const idx = value.indexOf(':');\n  if (idx < 0) return null;\n  const kind = value.slice(0, idx) as SubjectKind;\n  const id = value.slice(idx + 1);\n  if (!SUBJECT_KINDS.includes(kind) || !id) return null;\n  return { subjectType: kind, subjectId: id };\n}\n\n// ============================================================================\n// Shared empty-state CTA (routes to the create surface, never a dead-end)\n// ============================================================================\n\nfunction PickerCTA({ message, cta, relativePath }: { message: string; cta: string; relativePath: string }) {\n  const { basePath = '/', navigate } = useBrainyRich();\n  const target = joinPath(basePath, relativePath);\n  return (\n    <div className=\"rounded-lg border border-dashed border-border-subtle bg-bg-surface px-4 py-3 text-sm\">\n      <p className=\"text-text-secondary\">{message}</p>\n      {navigate ? (\n        <Button variant=\"outline\" size=\"sm\" className=\"mt-2\" onClick={() => navigate(target)}>\n          {cta}\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n\nfunction PickerLoading({ id, label }: { id?: string; label?: string }) {\n  return (\n    <div className=\"space-y-2\">\n      {label ? <Label htmlFor={id}>{label}</Label> : null}\n      <div\n        className=\"flex h-9 items-center gap-2 rounded-md border border-border-subtle bg-bg-surface px-3 text-sm text-text-secondary\"\n        aria-busy=\"true\"\n      >\n        <Loader2 className=\"size-4 motion-safe:animate-spin\" aria-hidden=\"true\" />\n        Loading…\n      </div>\n    </div>\n  );\n}\n\n// ============================================================================\n// SubjectPicker — accounts + portfolios + goals + households\n// ============================================================================\n\nexport interface SubjectPickerProps {\n  /** Current `SUBJECT_TYPE:id` token, or empty. */\n  value?: string;\n  onChange: (value: string) => void;\n  id?: string;\n  label?: string;\n  placeholder?: string;\n  disabled?: boolean;\n}\n\nexport function SubjectPicker({\n  value,\n  onChange,\n  id = 'subject-picker',\n  label = 'Subject',\n  placeholder = 'Select a subject',\n  disabled = false,\n}: SubjectPickerProps) {\n  const accounts = useAccounts();\n  const portfolios = usePortfolios();\n  const goals = useGoals();\n  const households = useHouseholds();\n\n  const loading =\n    accounts.isLoading || portfolios.isLoading || goals.isLoading || households.isLoading;\n  const total =\n    accounts.data.length + portfolios.data.length + goals.data.length + households.data.length;\n\n  if (loading) return <PickerLoading id={id} label={label} />;\n\n  if (total === 0) {\n    return (\n      <div className=\"space-y-2\">\n        {label ? <Label htmlFor={id}>{label}</Label> : null}\n        <PickerCTA\n          message=\"No accounts, portfolios, goals or households yet — create one to attach this insight.\"\n          cta=\"Create an account\"\n          relativePath=\"accounts\"\n        />\n      </div>\n    );\n  }\n\n  const groups: Array<{ kind: SubjectKind; items: Array<{ id: string; name: string }> }> = [\n    { kind: 'ACCOUNT', items: accounts.data.map((a) => ({ id: a.id, name: a.name })) },\n    { kind: 'PORTFOLIO', items: portfolios.data.map((p) => ({ id: p.id, name: p.name })) },\n    { kind: 'GOAL', items: goals.data.map((g) => ({ id: g.id, name: g.name })) },\n    { kind: 'HOUSEHOLD', items: households.data.map((h) => ({ id: h.id, name: h.name })) },\n  ];\n\n  return (\n    <div className=\"space-y-2\">\n      {label ? <Label htmlFor={id}>{label}</Label> : null}\n      <Select value={value || undefined} onValueChange={onChange} disabled={disabled}>\n        <SelectTrigger id={id} aria-label={label}>\n          <SelectValue placeholder={placeholder} />\n        </SelectTrigger>\n        <SelectContent>\n          {groups\n            .filter((group) => group.items.length > 0)\n            .map((group) => (\n              <SelectGroup key={group.kind}>\n                <SelectLabel>{SUBJECT_KIND_LABEL[group.kind]}</SelectLabel>\n                {group.items.map((item) => (\n                  <SelectItem key={`${group.kind}:${item.id}`} value={encodeSubject(group.kind, item.id)}>\n                    {item.name}\n                  </SelectItem>\n                ))}\n              </SelectGroup>\n            ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n\n// ============================================================================\n// EntityPicker — generic account / household id picker\n// ============================================================================\n\nexport interface EntityPickerProps {\n  kind: 'account' | 'household';\n  value?: string | null;\n  onChange: (id: string) => void;\n  id?: string;\n  label?: string;\n  placeholder?: string;\n  disabled?: boolean;\n}\n\nconst ENTITY_META: Record<\n  EntityPickerProps['kind'],\n  { label: string; placeholder: string; relativePath: string; cta: string; emptyMessage: string }\n> = {\n  account: {\n    label: 'Account',\n    placeholder: 'Select an account',\n    relativePath: 'accounts',\n    cta: 'Create an account',\n    emptyMessage: 'No accounts yet — create one first.',\n  },\n  household: {\n    label: 'Household',\n    placeholder: 'Select a household',\n    relativePath: 'family',\n    cta: 'Create a household',\n    emptyMessage: 'No households yet — create one first.',\n  },\n};\n\nexport function EntityPicker({\n  kind,\n  value,\n  onChange,\n  id,\n  label,\n  placeholder,\n  disabled = false,\n}: EntityPickerProps) {\n  const meta = ENTITY_META[kind];\n  const accounts = useAccounts();\n  const households = useHouseholds();\n  const source = kind === 'account' ? accounts : households;\n  const fieldId = id ?? `${kind}-picker`;\n  const fieldLabel = label ?? meta.label;\n\n  if (source.isLoading) return <PickerLoading id={fieldId} label={fieldLabel} />;\n\n  const options = source.data.map((entity) => ({ id: entity.id, name: entity.name }));\n\n  if (options.length === 0) {\n    return (\n      <div className=\"space-y-2\">\n        {fieldLabel ? <Label htmlFor={fieldId}>{fieldLabel}</Label> : null}\n        <PickerCTA message={meta.emptyMessage} cta={meta.cta} relativePath={meta.relativePath} />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {fieldLabel ? <Label htmlFor={fieldId}>{fieldLabel}</Label> : null}\n      <Select value={value || undefined} onValueChange={onChange} disabled={disabled}>\n        <SelectTrigger id={fieldId} aria-label={fieldLabel}>\n          <SelectValue placeholder={placeholder ?? meta.placeholder} />\n        </SelectTrigger>\n        <SelectContent>\n          {options.map((option) => (\n            <SelectItem key={option.id} value={option.id}>\n              {option.name}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n\n/** Convenience wrapper — a required account picker. */\nexport function AccountPicker(props: Omit<EntityPickerProps, 'kind'>) {\n  return <EntityPicker kind=\"account\" {...props} />;\n}\n\n// ============================================================================\n// HouseholdPicker — OPTIONAL household link (account form, item 6)\n// ============================================================================\n\nconst HOUSEHOLD_NONE = '__none__';\n\nexport interface HouseholdPickerProps {\n  /** Current householdId, or null/undefined for \"no household\". */\n  value?: string | null;\n  onChange: (householdId: string | null) => void;\n  id?: string;\n  label?: string;\n  /** Label for the \"unlinked\" option (default \"No household\"). */\n  noneLabel?: string;\n  disabled?: boolean;\n}\n\n/**\n * OPTIONAL household selector. Always offers a \"No household\" option, so it is\n * never a dead-end even when zero households exist (it just shows a hint). Emits\n * `null` for the none option and a bare householdId otherwise.\n */\nexport function HouseholdPicker({\n  value,\n  onChange,\n  id = 'household-picker',\n  label = 'Household',\n  noneLabel = 'No household',\n  disabled = false,\n}: HouseholdPickerProps) {\n  const households = useHouseholds();\n\n  if (households.isLoading) return <PickerLoading id={id} label={label} />;\n\n  return (\n    <div className=\"space-y-2\">\n      {label ? <Label htmlFor={id}>{label}</Label> : null}\n      <Select\n        value={value ?? HOUSEHOLD_NONE}\n        onValueChange={(next) => onChange(next === HOUSEHOLD_NONE ? null : next)}\n        disabled={disabled}\n      >\n        <SelectTrigger id={id} aria-label={label}>\n          <SelectValue />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value={HOUSEHOLD_NONE}>{noneLabel}</SelectItem>\n          {households.data.map((household) => (\n            <SelectItem key={household.id} value={household.id}>\n              {household.name}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      {households.data.length === 0 ? (\n        <p className=\"text-xs text-text-secondary\">\n          No households yet — you can create one in Households and link this account later.\n        </p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"pickers.js","names":[],"sources":["../../../src/brainyrich/components/pickers.tsx"],"sourcesContent":["/**\n * Reusable entity / subject pickers.\n * @module brainyrich/components/pickers\n *\n * - `SubjectPicker`   — encodes `SUBJECT_TYPE:id` across accounts, portfolios,\n *                       goals and households (for the AiAssistant insight subject).\n * - `EntityPicker`    — generic account / household Select returning a bare id.\n * - `AccountPicker`   — convenience wrapper (kind=\"account\").\n * - `HouseholdPicker` — OPTIONAL household Select with a \"None\" option, for the\n *                       account create/edit form (accounts can be linked to a\n *                       household). Never a dead-end when no households exist.\n *\n * When a *required* source list is empty every picker renders a CTA that routes\n * the user to create the missing entity instead of showing an empty dropdown.\n */\n\nimport { Loader2 } from 'lucide-react';\nimport {\n  Button,\n  Label,\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport { useAccounts, useGoals, useHouseholds, usePortfolios } from '../hooks/useBrainyRichApi';\nimport { useBrainyRich } from '../providers/BrainyRichProvider';\nimport { joinPath } from '../utils/navigation';\n\n// ============================================================================\n// Subject encoding (matches the SDL `subjectType` convention — uppercase)\n// ============================================================================\n\nexport const SUBJECT_KINDS = ['ACCOUNT', 'PORTFOLIO', 'GOAL', 'HOUSEHOLD'] as const;\nexport type SubjectKind = (typeof SUBJECT_KINDS)[number];\n\nconst SUBJECT_KIND_LABEL: Record<SubjectKind, string> = {\n  ACCOUNT: 'Account',\n  PORTFOLIO: 'Portfolio',\n  GOAL: 'Goal',\n  HOUSEHOLD: 'Household',\n};\n\n/** Encode a subject selection as the `SUBJECT_TYPE:id` token a SubjectPicker emits. */\nexport function encodeSubject(kind: SubjectKind, id: string): string {\n  return `${kind}:${id}`;\n}\n\n/** Decode a `SUBJECT_TYPE:id` token back into `{ subjectType, subjectId }`. */\nexport function parseSubject(\n  value: string | null | undefined\n): { subjectType: SubjectKind; subjectId: string } | null {\n  if (!value) return null;\n  const idx = value.indexOf(':');\n  if (idx < 0) return null;\n  const kind = value.slice(0, idx) as SubjectKind;\n  const id = value.slice(idx + 1);\n  if (!SUBJECT_KINDS.includes(kind) || !id) return null;\n  return { subjectType: kind, subjectId: id };\n}\n\n// ============================================================================\n// Shared empty-state CTA (routes to the create surface, never a dead-end)\n// ============================================================================\n\nfunction PickerCTA({\n  message,\n  cta,\n  relativePath,\n}: {\n  message: string;\n  cta: string;\n  relativePath: string;\n}) {\n  const { basePath = '/', navigate } = useBrainyRich();\n  const target = joinPath(basePath, relativePath);\n  return (\n    <div className=\"rounded-lg border border-dashed border-border-subtle bg-bg-surface px-4 py-3 text-sm\">\n      <p className=\"text-text-secondary\">{message}</p>\n      {navigate ? (\n        <Button variant=\"outline\" size=\"sm\" className=\"mt-2\" onClick={() => navigate(target)}>\n          {cta}\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n\nfunction PickerLoading({ id, label }: { id?: string; label?: string }) {\n  return (\n    <div className=\"space-y-2\">\n      {label ? <Label htmlFor={id}>{label}</Label> : null}\n      <div\n        className=\"flex h-9 items-center gap-2 rounded-md border border-border-subtle bg-bg-surface px-3 text-sm text-text-secondary\"\n        aria-busy=\"true\"\n      >\n        <Loader2 className=\"size-4 motion-safe:animate-spin\" aria-hidden=\"true\" />\n        Loading…\n      </div>\n    </div>\n  );\n}\n\n// ============================================================================\n// SubjectPicker — accounts + portfolios + goals + households\n// ============================================================================\n\nexport interface SubjectPickerProps {\n  /** Current `SUBJECT_TYPE:id` token, or empty. */\n  value?: string;\n  onChange: (value: string) => void;\n  id?: string;\n  label?: string;\n  placeholder?: string;\n  disabled?: boolean;\n}\n\nexport function SubjectPicker({\n  value,\n  onChange,\n  id = 'subject-picker',\n  label = 'Subject',\n  placeholder = 'Select a subject',\n  disabled = false,\n}: SubjectPickerProps) {\n  const accounts = useAccounts();\n  const portfolios = usePortfolios();\n  const goals = useGoals();\n  const households = useHouseholds();\n\n  const loading =\n    accounts.isLoading || portfolios.isLoading || goals.isLoading || households.isLoading;\n  const total =\n    accounts.data.length + portfolios.data.length + goals.data.length + households.data.length;\n\n  if (loading) return <PickerLoading id={id} label={label} />;\n\n  if (total === 0) {\n    return (\n      <div className=\"space-y-2\">\n        {label ? <Label htmlFor={id}>{label}</Label> : null}\n        <PickerCTA\n          message=\"No accounts, portfolios, goals or households yet — create one to attach this insight.\"\n          cta=\"Create an account\"\n          relativePath=\"accounts\"\n        />\n      </div>\n    );\n  }\n\n  const groups: Array<{ kind: SubjectKind; items: Array<{ id: string; name: string }> }> = [\n    { kind: 'ACCOUNT', items: accounts.data.map((a) => ({ id: a.id, name: a.name })) },\n    { kind: 'PORTFOLIO', items: portfolios.data.map((p) => ({ id: p.id, name: p.name })) },\n    { kind: 'GOAL', items: goals.data.map((g) => ({ id: g.id, name: g.name })) },\n    { kind: 'HOUSEHOLD', items: households.data.map((h) => ({ id: h.id, name: h.name })) },\n  ];\n\n  return (\n    <div className=\"space-y-2\">\n      {label ? <Label htmlFor={id}>{label}</Label> : null}\n      <Select value={value || undefined} onValueChange={onChange} disabled={disabled}>\n        <SelectTrigger id={id} aria-label={label}>\n          <SelectValue placeholder={placeholder} />\n        </SelectTrigger>\n        <SelectContent>\n          {groups\n            .filter((group) => group.items.length > 0)\n            .map((group) => (\n              <SelectGroup key={group.kind}>\n                <SelectLabel>{SUBJECT_KIND_LABEL[group.kind]}</SelectLabel>\n                {group.items.map((item) => (\n                  <SelectItem\n                    key={`${group.kind}:${item.id}`}\n                    value={encodeSubject(group.kind, item.id)}\n                  >\n                    {item.name}\n                  </SelectItem>\n                ))}\n              </SelectGroup>\n            ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n\n// ============================================================================\n// EntityPicker — generic account / household id picker\n// ============================================================================\n\nexport interface EntityPickerProps {\n  kind: 'account' | 'household';\n  value?: string | null;\n  onChange: (id: string) => void;\n  id?: string;\n  label?: string;\n  placeholder?: string;\n  disabled?: boolean;\n}\n\nconst ENTITY_META: Record<\n  EntityPickerProps['kind'],\n  { label: string; placeholder: string; relativePath: string; cta: string; emptyMessage: string }\n> = {\n  account: {\n    label: 'Account',\n    placeholder: 'Select an account',\n    relativePath: 'accounts',\n    cta: 'Create an account',\n    emptyMessage: 'No accounts yet — create one first.',\n  },\n  household: {\n    label: 'Household',\n    placeholder: 'Select a household',\n    relativePath: 'family',\n    cta: 'Create a household',\n    emptyMessage: 'No households yet — create one first.',\n  },\n};\n\nexport function EntityPicker({\n  kind,\n  value,\n  onChange,\n  id,\n  label,\n  placeholder,\n  disabled = false,\n}: EntityPickerProps) {\n  const meta = ENTITY_META[kind];\n  const accounts = useAccounts();\n  const households = useHouseholds();\n  const source = kind === 'account' ? accounts : households;\n  const fieldId = id ?? `${kind}-picker`;\n  const fieldLabel = label ?? meta.label;\n\n  if (source.isLoading) return <PickerLoading id={fieldId} label={fieldLabel} />;\n\n  const options = source.data.map((entity) => ({ id: entity.id, name: entity.name }));\n\n  if (options.length === 0) {\n    return (\n      <div className=\"space-y-2\">\n        {fieldLabel ? <Label htmlFor={fieldId}>{fieldLabel}</Label> : null}\n        <PickerCTA message={meta.emptyMessage} cta={meta.cta} relativePath={meta.relativePath} />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {fieldLabel ? <Label htmlFor={fieldId}>{fieldLabel}</Label> : null}\n      <Select value={value || undefined} onValueChange={onChange} disabled={disabled}>\n        <SelectTrigger id={fieldId} aria-label={fieldLabel}>\n          <SelectValue placeholder={placeholder ?? meta.placeholder} />\n        </SelectTrigger>\n        <SelectContent>\n          {options.map((option) => (\n            <SelectItem key={option.id} value={option.id}>\n              {option.name}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n\n/** Convenience wrapper — a required account picker. */\nexport function AccountPicker(props: Omit<EntityPickerProps, 'kind'>) {\n  return <EntityPicker kind=\"account\" {...props} />;\n}\n\n// ============================================================================\n// HouseholdPicker — OPTIONAL household link (account form, item 6)\n// ============================================================================\n\nconst HOUSEHOLD_NONE = '__none__';\n\nexport interface HouseholdPickerProps {\n  /** Current householdId, or null/undefined for \"no household\". */\n  value?: string | null;\n  onChange: (householdId: string | null) => void;\n  id?: string;\n  label?: string;\n  /** Label for the \"unlinked\" option (default \"No household\"). */\n  noneLabel?: string;\n  disabled?: boolean;\n}\n\n/**\n * OPTIONAL household selector. Always offers a \"No household\" option, so it is\n * never a dead-end even when zero households exist (it just shows a hint). Emits\n * `null` for the none option and a bare householdId otherwise.\n */\nexport function HouseholdPicker({\n  value,\n  onChange,\n  id = 'household-picker',\n  label = 'Household',\n  noneLabel = 'No household',\n  disabled = false,\n}: HouseholdPickerProps) {\n  const households = useHouseholds();\n\n  if (households.isLoading) return <PickerLoading id={id} label={label} />;\n\n  return (\n    <div className=\"space-y-2\">\n      {label ? <Label htmlFor={id}>{label}</Label> : null}\n      <Select\n        value={value ?? HOUSEHOLD_NONE}\n        onValueChange={(next) => onChange(next === HOUSEHOLD_NONE ? null : next)}\n        disabled={disabled}\n      >\n        <SelectTrigger id={id} aria-label={label}>\n          <SelectValue />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value={HOUSEHOLD_NONE}>{noneLabel}</SelectItem>\n          {households.data.map((household) => (\n            <SelectItem key={household.id} value={household.id}>\n              {household.name}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      {households.data.length === 0 ? (\n        <p className=\"text-xs text-text-secondary\">\n          No households yet — you can create one in Households and link this account later.\n        </p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/brainyrich/components/reuse/CommentThread.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentThread.js","names":[],"sources":["../../../../src/brainyrich/components/reuse/CommentThread.tsx"],"sourcesContent":["/**\n * CommentThread — REUSE of `wspace-conversations-svc` EntityComment as a real\n * comment thread.\n * @module brainyrich/components/reuse/CommentThread\n *\n * Replaces the single-field notes / rationale fork on Households / Portfolios /\n * RebalanceProposals with a threaded, multi-author comment log keyed by\n * `(entityType, entityId)`.\n *\n * Why not the fe-libs `contextConversationWidget`? That folder ships a kit of\n * sub-components + Apollo hooks (subscriptions, `sendContextMessage`, a\n * conversationId-resolution flow) but exports NO mountable root widget and no\n * single mount hook — it is not wrappable as `<CommentThread>` without importing\n * its internals. Per the task's fallback, we build a minimal thread directly on\n * the platform EntityComment API, which is purpose-built for exactly this\n * \"comments on an arbitrary entity\" case:\n *   - `getEntityComments(input)`   → list (newest first)\n *   - `createEntityComment(input)` → post\n *   - `deleteEntityComment(input)` → remove own comment (soft)\n *\n * All ops route through the workspace supergraph the MFE already uses.\n * Presentational + self-contained: owns its hooks, reads gateway base URL +\n * current user from `useBrainyRich()`, uses fe-libs/ui + semantic tokens.\n */\n\nimport { useState, type KeyboardEvent } from 'react';\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { MessagesSquare, Send, Trash2 } from 'lucide-react';\nimport { Button, Skeleton, Textarea } from '@burdenoff/fe-libs/ui';\n\nimport { useBrainyRich } from '../../providers/BrainyRichProvider';\nimport { formatDate } from '../../pages/_shared';\nimport { wspaceFetch, wspaceMutate } from './transport';\n\ninterface EntityComment {\n  id: string;\n  authorId: string;\n  authorType: string;\n  content: { text: string | null; markdown: string | null };\n  createdAt: string;\n  edited: boolean;\n  status: string;\n}\n\nconst COMMENT_FIELDS = `\n  id authorId authorType content { text markdown } createdAt edited status\n`;\n\nconst commentsKey = (entityType: string, entityId: string) =>\n  ['brainyrich', 'entity-comments', entityType, entityId] as const;\n\nconst useEntityComments = (entityType: string, entityId: string | undefined) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  return useQuery({\n    queryKey: commentsKey(entityType, entityId ?? ''),\n    enabled: Boolean(entityId),\n    queryFn: async () => {\n      const data = await wspaceFetch<{ getEntityComments: { items: EntityComment[]; total: number } }>(\n        `query BraGetEntityComments($input: GetCommentsInput!) {\n          getEntityComments(input: $input) {\n            items { ${COMMENT_FIELDS} }\n            total\n          }\n        }`,\n        {\n          input: { entityType, entityId, take: 50, sortBy: 'createdAt', sortOrder: 'desc' },\n        },\n        apiGatewayUrl\n      );\n      return data.getEntityComments;\n    },\n  });\n};\n\nconst useCreateComment = (entityType: string, entityId: string) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (text: string) => {\n      const trimmed = text.trim();\n      if (!trimmed) throw new Error('A comment is required.');\n      const data = await wspaceMutate<{ createEntityComment: { id: string } }>(\n        `mutation BraCreateEntityComment($input: CreateEntityCommentInput!) {\n          createEntityComment(input: $input) { id }\n        }`,\n        { input: { entityType, entityId, content: { text: trimmed } } },\n        apiGatewayUrl\n      );\n      return data.createEntityComment;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: commentsKey(entityType, entityId) }),\n  });\n};\n\nconst useDeleteComment = (entityType: string, entityId: string) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (id: string) => {\n      const data = await wspaceMutate<{ deleteEntityComment: boolean }>(\n        `mutation BraDeleteEntityComment($input: DeleteCommentInput!) {\n          deleteEntityComment(input: $input)\n        }`,\n        { input: { id, soft: true } },\n        apiGatewayUrl\n      );\n      return data.deleteEntityComment;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: commentsKey(entityType, entityId) }),\n  });\n};\n\nconst authorInitials = (authorId: string, isSelf: boolean): string => {\n  if (isSelf) return 'You';\n  return authorId.slice(0, 2).toUpperCase();\n};\n\nexport interface CommentThreadProps {\n  /** Polymorphic entity type, e.g. \"brainyrich-household\". */\n  entityType: string;\n  /** The bra entity's id (an ID scalar). */\n  entityId: string;\n  /** Optional heading; hide with `hideHeading`. */\n  heading?: string;\n  hideHeading?: boolean;\n}\n\nexport function CommentThread({\n  entityType,\n  entityId,\n  heading = 'Discussion',\n  hideHeading = false,\n}: CommentThreadProps) {\n  const { currentUser } = useBrainyRich();\n  const [draft, setDraft] = useState('');\n  const comments = useEntityComments(entityType, entityId);\n  const create = useCreateComment(entityType, entityId);\n  const remove = useDeleteComment(entityType, entityId);\n\n  const items = (comments.data?.items ?? []).filter((c) => c.status !== 'DELETED');\n  const selfName =\n    currentUser?.name ||\n    [currentUser?.firstName, currentUser?.lastName].filter(Boolean).join(' ') ||\n    currentUser?.email ||\n    'You';\n\n  const submit = async () => {\n    if (!draft.trim() || create.isPending) return;\n    await create.mutateAsync(draft);\n    setDraft('');\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault();\n      void submit();\n    }\n  };\n\n  return (\n    <div className=\"space-y-3\">\n      {!hideHeading && (\n        <h3 className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n          <MessagesSquare className=\"size-4\" aria-hidden=\"true\" />\n          {heading}\n          {comments.data ? (\n            <span className=\"text-xs font-normal text-text-secondary\">({items.length})</span>\n          ) : null}\n        </h3>\n      )}\n\n      {/* Composer */}\n      <div className=\"space-y-2\">\n        <label htmlFor={`comment-${entityId}`} className=\"sr-only\">\n          Add a comment\n        </label>\n        <Textarea\n          id={`comment-${entityId}`}\n          value={draft}\n          onChange={(e) => setDraft(e.target.value)}\n          onKeyDown={onKeyDown}\n          placeholder=\"Add a note or rationale…\"\n          rows={3}\n          disabled={create.isPending}\n        />\n        <div className=\"flex items-center justify-between\">\n          <span className=\"text-xs text-text-secondary\">⌘/Ctrl + Enter to post</span>\n          <Button type=\"button\" size=\"sm\" onClick={submit} disabled={!draft.trim() || create.isPending}>\n            <Send className=\"size-4\" aria-hidden=\"true\" />\n            {create.isPending ? 'Posting…' : 'Post'}\n          </Button>\n        </div>\n        {create.isError && (\n          <p className=\"text-sm text-status-error-text\">Could not post your comment. Please try again.</p>\n        )}\n      </div>\n\n      {/* Thread */}\n      {comments.isLoading ? (\n        <div className=\"space-y-3\" aria-busy=\"true\">\n          <Skeleton className=\"h-16 w-full rounded-md\" />\n          <Skeleton className=\"h-16 w-full rounded-md\" />\n        </div>\n      ) : comments.isError ? (\n        <p className=\"text-sm text-status-error-text\">\n          Could not load the discussion.{' '}\n          <button\n            type=\"button\"\n            className=\"underline underline-offset-2\"\n            onClick={() => comments.refetch()}\n          >\n            Retry\n          </button>\n        </p>\n      ) : items.length === 0 ? (\n        <div className=\"rounded-lg border border-dashed border-border-subtle bg-bg-surface px-4 py-8 text-center\">\n          <MessagesSquare className=\"mx-auto mb-2 size-6 text-text-secondary\" aria-hidden=\"true\" />\n          <p className=\"text-sm text-text-primary\">No comments yet</p>\n          <p className=\"mt-0.5 text-xs text-text-secondary\">\n            Start the discussion with a note or rationale.\n          </p>\n        </div>\n      ) : (\n        <ul className=\"space-y-3\">\n          {items.map((c) => {\n            const isSelf = Boolean(currentUser?.id) && c.authorId === currentUser?.id;\n            const body = c.content.text ?? c.content.markdown ?? '';\n            return (\n              <li key={c.id} className=\"flex gap-3\">\n                <div\n                  className=\"flex size-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-xs font-medium text-text-secondary\"\n                  aria-hidden=\"true\"\n                >\n                  {authorInitials(c.authorId, isSelf)}\n                </div>\n                <div className=\"min-w-0 flex-1 rounded-lg border border-border-subtle bg-bg-surface p-3\">\n                  <div className=\"mb-1 flex items-center gap-2\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {isSelf ? selfName : 'Team member'}\n                    </span>\n                    <span className=\"text-xs text-text-secondary\">{formatDate(c.createdAt)}</span>\n                    {c.edited ? <span className=\"text-xs text-text-secondary\">(edited)</span> : null}\n                    {isSelf && (\n                      <button\n                        type=\"button\"\n                        aria-label=\"Delete comment\"\n                        className=\"ml-auto rounded p-1 text-text-secondary hover:bg-bg-sunken hover:text-status-error-text focus-visible:outline focus-visible:outline-2 focus-visible:outline-border-focus disabled:opacity-50\"\n                        disabled={remove.isPending}\n                        onClick={() => remove.mutate(c.id)}\n                      >\n                        <Trash2 className=\"size-3.5\" aria-hidden=\"true\" />\n                      </button>\n                    )}\n                  </div>\n                  <p className=\"whitespace-pre-wrap break-words text-sm text-text-primary\">{body}</p>\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CommentThread.js","names":[],"sources":["../../../../src/brainyrich/components/reuse/CommentThread.tsx"],"sourcesContent":["/**\n * CommentThread — REUSE of `wspace-conversations-svc` EntityComment as a real\n * comment thread.\n * @module brainyrich/components/reuse/CommentThread\n *\n * Replaces the single-field notes / rationale fork on Households / Portfolios /\n * RebalanceProposals with a threaded, multi-author comment log keyed by\n * `(entityType, entityId)`.\n *\n * Why not the fe-libs `contextConversationWidget`? That folder ships a kit of\n * sub-components + Apollo hooks (subscriptions, `sendContextMessage`, a\n * conversationId-resolution flow) but exports NO mountable root widget and no\n * single mount hook — it is not wrappable as `<CommentThread>` without importing\n * its internals. Per the task's fallback, we build a minimal thread directly on\n * the platform EntityComment API, which is purpose-built for exactly this\n * \"comments on an arbitrary entity\" case:\n *   - `getEntityComments(input)`   → list (newest first)\n *   - `createEntityComment(input)` → post\n *   - `deleteEntityComment(input)` → remove own comment (soft)\n *\n * All ops route through the workspace supergraph the MFE already uses.\n * Presentational + self-contained: owns its hooks, reads gateway base URL +\n * current user from `useBrainyRich()`, uses fe-libs/ui + semantic tokens.\n */\n\nimport { useState, type KeyboardEvent } from 'react';\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { MessagesSquare, Send, Trash2 } from 'lucide-react';\nimport { Button, Skeleton, Textarea } from '@burdenoff/fe-libs/ui';\n\nimport { useBrainyRich } from '../../providers/BrainyRichProvider';\nimport { formatDate } from '../../pages/_shared';\nimport { wspaceFetch, wspaceMutate } from './transport';\n\ninterface EntityComment {\n  id: string;\n  authorId: string;\n  authorType: string;\n  content: { text: string | null; markdown: string | null };\n  createdAt: string;\n  edited: boolean;\n  status: string;\n}\n\nconst COMMENT_FIELDS = `\n  id authorId authorType content { text markdown } createdAt edited status\n`;\n\nconst commentsKey = (entityType: string, entityId: string) =>\n  ['brainyrich', 'entity-comments', entityType, entityId] as const;\n\nconst useEntityComments = (entityType: string, entityId: string | undefined) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  return useQuery({\n    queryKey: commentsKey(entityType, entityId ?? ''),\n    enabled: Boolean(entityId),\n    queryFn: async () => {\n      const data = await wspaceFetch<{\n        getEntityComments: { items: EntityComment[]; total: number };\n      }>(\n        `query BraGetEntityComments($input: GetCommentsInput!) {\n          getEntityComments(input: $input) {\n            items { ${COMMENT_FIELDS} }\n            total\n          }\n        }`,\n        {\n          input: { entityType, entityId, take: 50, sortBy: 'createdAt', sortOrder: 'desc' },\n        },\n        apiGatewayUrl\n      );\n      return data.getEntityComments;\n    },\n  });\n};\n\nconst useCreateComment = (entityType: string, entityId: string) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (text: string) => {\n      const trimmed = text.trim();\n      if (!trimmed) throw new Error('A comment is required.');\n      const data = await wspaceMutate<{ createEntityComment: { id: string } }>(\n        `mutation BraCreateEntityComment($input: CreateEntityCommentInput!) {\n          createEntityComment(input: $input) { id }\n        }`,\n        { input: { entityType, entityId, content: { text: trimmed } } },\n        apiGatewayUrl\n      );\n      return data.createEntityComment;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: commentsKey(entityType, entityId) }),\n  });\n};\n\nconst useDeleteComment = (entityType: string, entityId: string) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (id: string) => {\n      const data = await wspaceMutate<{ deleteEntityComment: boolean }>(\n        `mutation BraDeleteEntityComment($input: DeleteCommentInput!) {\n          deleteEntityComment(input: $input)\n        }`,\n        { input: { id, soft: true } },\n        apiGatewayUrl\n      );\n      return data.deleteEntityComment;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: commentsKey(entityType, entityId) }),\n  });\n};\n\nconst authorInitials = (authorId: string, isSelf: boolean): string => {\n  if (isSelf) return 'You';\n  return authorId.slice(0, 2).toUpperCase();\n};\n\nexport interface CommentThreadProps {\n  /** Polymorphic entity type, e.g. \"brainyrich-household\". */\n  entityType: string;\n  /** The bra entity's id (an ID scalar). */\n  entityId: string;\n  /** Optional heading; hide with `hideHeading`. */\n  heading?: string;\n  hideHeading?: boolean;\n}\n\nexport function CommentThread({\n  entityType,\n  entityId,\n  heading = 'Discussion',\n  hideHeading = false,\n}: CommentThreadProps) {\n  const { currentUser } = useBrainyRich();\n  const [draft, setDraft] = useState('');\n  const comments = useEntityComments(entityType, entityId);\n  const create = useCreateComment(entityType, entityId);\n  const remove = useDeleteComment(entityType, entityId);\n\n  const items = (comments.data?.items ?? []).filter((c) => c.status !== 'DELETED');\n  const selfName =\n    currentUser?.name ||\n    [currentUser?.firstName, currentUser?.lastName].filter(Boolean).join(' ') ||\n    currentUser?.email ||\n    'You';\n\n  const submit = async () => {\n    if (!draft.trim() || create.isPending) return;\n    await create.mutateAsync(draft);\n    setDraft('');\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault();\n      void submit();\n    }\n  };\n\n  return (\n    <div className=\"space-y-3\">\n      {!hideHeading && (\n        <h3 className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n          <MessagesSquare className=\"size-4\" aria-hidden=\"true\" />\n          {heading}\n          {comments.data ? (\n            <span className=\"text-xs font-normal text-text-secondary\">({items.length})</span>\n          ) : null}\n        </h3>\n      )}\n\n      {/* Composer */}\n      <div className=\"space-y-2\">\n        <label htmlFor={`comment-${entityId}`} className=\"sr-only\">\n          Add a comment\n        </label>\n        <Textarea\n          id={`comment-${entityId}`}\n          value={draft}\n          onChange={(e) => setDraft(e.target.value)}\n          onKeyDown={onKeyDown}\n          placeholder=\"Add a note or rationale…\"\n          rows={3}\n          disabled={create.isPending}\n        />\n        <div className=\"flex items-center justify-between\">\n          <span className=\"text-xs text-text-secondary\">⌘/Ctrl + Enter to post</span>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={submit}\n            disabled={!draft.trim() || create.isPending}\n          >\n            <Send className=\"size-4\" aria-hidden=\"true\" />\n            {create.isPending ? 'Posting…' : 'Post'}\n          </Button>\n        </div>\n        {create.isError && (\n          <p className=\"text-sm text-status-error-text\">\n            Could not post your comment. Please try again.\n          </p>\n        )}\n      </div>\n\n      {/* Thread */}\n      {comments.isLoading ? (\n        <div className=\"space-y-3\" aria-busy=\"true\">\n          <Skeleton className=\"h-16 w-full rounded-md\" />\n          <Skeleton className=\"h-16 w-full rounded-md\" />\n        </div>\n      ) : comments.isError ? (\n        <p className=\"text-sm text-status-error-text\">\n          Could not load the discussion.{' '}\n          <button\n            type=\"button\"\n            className=\"underline underline-offset-2\"\n            onClick={() => comments.refetch()}\n          >\n            Retry\n          </button>\n        </p>\n      ) : items.length === 0 ? (\n        <div className=\"rounded-lg border border-dashed border-border-subtle bg-bg-surface px-4 py-8 text-center\">\n          <MessagesSquare className=\"mx-auto mb-2 size-6 text-text-secondary\" aria-hidden=\"true\" />\n          <p className=\"text-sm text-text-primary\">No comments yet</p>\n          <p className=\"mt-0.5 text-xs text-text-secondary\">\n            Start the discussion with a note or rationale.\n          </p>\n        </div>\n      ) : (\n        <ul className=\"space-y-3\">\n          {items.map((c) => {\n            const isSelf = Boolean(currentUser?.id) && c.authorId === currentUser?.id;\n            const body = c.content.text ?? c.content.markdown ?? '';\n            return (\n              <li key={c.id} className=\"flex gap-3\">\n                <div\n                  className=\"flex size-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-xs font-medium text-text-secondary\"\n                  aria-hidden=\"true\"\n                >\n                  {authorInitials(c.authorId, isSelf)}\n                </div>\n                <div className=\"min-w-0 flex-1 rounded-lg border border-border-subtle bg-bg-surface p-3\">\n                  <div className=\"mb-1 flex items-center gap-2\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {isSelf ? selfName : 'Team member'}\n                    </span>\n                    <span className=\"text-xs text-text-secondary\">{formatDate(c.createdAt)}</span>\n                    {c.edited ? (\n                      <span className=\"text-xs text-text-secondary\">(edited)</span>\n                    ) : null}\n                    {isSelf && (\n                      <button\n                        type=\"button\"\n                        aria-label=\"Delete comment\"\n                        className=\"ml-auto rounded p-1 text-text-secondary hover:bg-bg-sunken hover:text-status-error-text focus-visible:outline focus-visible:outline-2 focus-visible:outline-border-focus disabled:opacity-50\"\n                        disabled={remove.isPending}\n                        onClick={() => remove.mutate(c.id)}\n                      >\n                        <Trash2 className=\"size-3.5\" aria-hidden=\"true\" />\n                      </button>\n                    )}\n                  </div>\n                  <p className=\"whitespace-pre-wrap break-words text-sm text-text-primary\">\n                    {body}\n                  </p>\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/brainyrich/components/reuse/DocumentsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentsPanel.js","names":[],"sources":["../../../../src/brainyrich/components/reuse/DocumentsPanel.tsx"],"sourcesContent":["/**\n * DocumentsPanel — REUSE of `wspace-files-svc` for statement / KYC / tax-doc\n * attachments on Accounts + Households.\n * @module brainyrich/components/reuse/DocumentsPanel\n *\n * A wealth product needs to attach documents (statements, KYC, tax packs) to\n * accounts and households. `wspace-files-svc` has no native entity-owned link on\n * `File`, so we scope documents to an entity via a dedicated, stably-named\n * FOLDER per `(entityType, entityId)` and list its contents. All ops route\n * through the workspace supergraph the MFE already uses.\n *\n * Flow:\n *   - resolve folder → `getFolders(filter)` matched by name (created lazily on\n *     first upload via `createFolder`); no side-effects on read.\n *   - list           → `getFilesInFolder(folderId, pagination)`\n *   - upload (3-step) → `initiateUpload` → S3 `PUT` (byte-progress) → `completeUpload`\n *   - download        → `getFileDownloadUrl(id, expiresIn)` capped at 21600s to\n *     avoid the >604800 fleet bug (S3 7-day cap → 500).\n *\n * Presentational + self-contained: owns its hooks, reads the gateway base URL\n * from `useBrainyRich()`, uses fe-libs/ui primitives + semantic tokens.\n */\n\nimport { useCallback, useRef, useState } from 'react';\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { Download, FileText, Upload } from 'lucide-react';\nimport { Button, Card, CardContent, Skeleton } from '@burdenoff/fe-libs/ui';\n\nimport { useBrainyRich } from '../../providers/BrainyRichProvider';\nimport { formatDate } from '../../pages/_shared';\nimport { wspaceFetch, wspaceMutate } from './transport';\n\n// Presigned-URL TTL: cap at 21600s (6h). >604800 (S3 7-day) → INTERNAL_SERVER_ERROR.\nconst DOWNLOAD_URL_TTL_SECONDS = 21600;\n\ninterface FilesFolder {\n  id: string;\n  name: string;\n}\n\ninterface FilesFile {\n  id: string;\n  name: string;\n  extension: string;\n  mimeType: string;\n  size: string;\n  createdAt: string;\n}\n\nconst FILE_FIELDS = 'id name extension mimeType size createdAt';\n\nconst folderName = (entityType: string, entityId: string) =>\n  `BrainyRich · ${entityType} · ${entityId}`;\n\nconst folderKey = (entityType: string, entityId: string) =>\n  ['brainyrich', 'entity-folder', entityType, entityId] as const;\n\nconst filesKey = (folderId: string | null | undefined) =>\n  ['brainyrich', 'folder-files', folderId ?? 'none'] as const;\n\n// ============================================================================\n// Folder resolution (read-only — no lazy creation here)\n// ============================================================================\n\nconst useEntityFolder = (entityType: string, entityId: string | undefined) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const wanted = entityId ? folderName(entityType, entityId) : '';\n  return useQuery({\n    queryKey: folderKey(entityType, entityId ?? ''),\n    enabled: Boolean(entityId),\n    queryFn: async () => {\n      const data = await wspaceFetch<{ getFolders: { folders: FilesFolder[] } }>(\n        `query BraGetFolders($pagination: PaginationInput) {\n          getFolders(pagination: $pagination) { folders { id name } }\n        }`,\n        { pagination: { limit: 200, offset: 0 } },\n        apiGatewayUrl\n      );\n      return data.getFolders.folders.find((f) => f.name === wanted) ?? null;\n    },\n  });\n};\n\nconst useFolderFiles = (folderId: string | null | undefined) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  return useQuery({\n    queryKey: filesKey(folderId),\n    enabled: Boolean(folderId),\n    queryFn: async () => {\n      const data = await wspaceFetch<{ getFilesInFolder: { files: FilesFile[] } }>(\n        `query BraGetFilesInFolder($folderId: ID, $pagination: PaginationInput) {\n          getFilesInFolder(folderId: $folderId, pagination: $pagination) {\n            files { ${FILE_FIELDS} }\n          }\n        }`,\n        { folderId, pagination: { limit: 100, offset: 0 } },\n        apiGatewayUrl\n      );\n      return data.getFilesInFolder.files;\n    },\n  });\n};\n\n// ============================================================================\n// Upload (3-step platform flow, with lazy folder creation)\n// ============================================================================\n\nfunction putWithProgress(\n  url: string,\n  file: File,\n  contentType: string,\n  onProgress: (percent: number) => void\n): Promise<void> {\n  return new Promise<void>((resolve, reject) => {\n    const xhr = new XMLHttpRequest();\n    xhr.open('PUT', url);\n    xhr.setRequestHeader('Content-Type', contentType);\n    xhr.upload.onprogress = (event) => {\n      if (event.lengthComputable) {\n        onProgress(Math.round((event.loaded / event.total) * 100));\n      }\n    };\n    xhr.onload = () =>\n      xhr.status >= 200 && xhr.status < 300\n        ? resolve()\n        : reject(new Error(`File storage rejected the upload (HTTP ${xhr.status}).`));\n    xhr.onerror = () => reject(new Error('Network error while uploading the file.'));\n    xhr.onabort = () => reject(new Error('The upload was cancelled.'));\n    xhr.send(file);\n  });\n}\n\nconst useDocumentUpload = (entityType: string, entityId: string) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const qc = useQueryClient();\n  const [progress, setProgress] = useState(0);\n\n  const mutation = useMutation({\n    mutationFn: async (file: File) => {\n      setProgress(0);\n\n      // 0. resolve or create the entity folder\n      let folder = await wspaceFetch<{ getFolders: { folders: FilesFolder[] } }>(\n        `query BraResolveFolder($pagination: PaginationInput) {\n          getFolders(pagination: $pagination) { folders { id name } }\n        }`,\n        { pagination: { limit: 200, offset: 0 } },\n        apiGatewayUrl\n      ).then((d) => d.getFolders.folders.find((f) => f.name === folderName(entityType, entityId)));\n\n      if (!folder) {\n        const created = await wspaceMutate<{ createFolder: FilesFolder }>(\n          `mutation BraCreateFolder($input: CreateFolderInput!) {\n            createFolder(input: $input) { id name }\n          }`,\n          {\n            input: {\n              name: folderName(entityType, entityId),\n              description: `Documents attached to ${entityType} ${entityId}.`,\n              visibility: 'WORKSPACE',\n            },\n          },\n          apiGatewayUrl\n        );\n        folder = created.createFolder;\n      }\n      const folderId = folder.id;\n\n      const dotIndex = file.name.lastIndexOf('.');\n      const extension = dotIndex > -1 ? file.name.slice(dotIndex + 1) : '';\n      const mimeType = file.type || 'application/octet-stream';\n      const fileSize = String(file.size);\n\n      // 1. initiate\n      const initiated = await wspaceMutate<{\n        initiateUpload: { uploadUrl: string | null; session: { id: string } };\n      }>(\n        `mutation BraInitiateUpload($input: InitiateUploadInput!) {\n          initiateUpload(input: $input) { uploadUrl session { id } }\n        }`,\n        {\n          input: { fileName: file.name, extension, mimeType, fileSize, folderId, visibility: 'WORKSPACE' },\n        },\n        apiGatewayUrl\n      );\n      const { uploadUrl } = initiated.initiateUpload;\n      const sessionId = initiated.initiateUpload.session.id;\n      if (!uploadUrl) throw new Error('The file service did not return an upload URL.');\n\n      // 2. PUT the bytes\n      await putWithProgress(uploadUrl, file, mimeType, setProgress);\n\n      // 3. complete\n      await wspaceMutate<{ completeUpload: { fileId: string } }>(\n        `mutation BraCompleteUpload($input: CompleteUploadInput!) {\n          completeUpload(input: $input) { fileId }\n        }`,\n        { input: { sessionId, fileSize, folderId } },\n        apiGatewayUrl\n      );\n      setProgress(100);\n      return folderId;\n    },\n    onSuccess: (folderId) => {\n      qc.invalidateQueries({ queryKey: folderKey(entityType, entityId) });\n      qc.invalidateQueries({ queryKey: filesKey(folderId) });\n    },\n  });\n\n  return { ...mutation, progress };\n};\n\nconst useDownloadFile = () => {\n  const { apiGatewayUrl } = useBrainyRich();\n  return useMutation({\n    mutationFn: async (id: string) => {\n      const data = await wspaceFetch<{ getFileDownloadUrl: string }>(\n        `query BraGetFileDownloadUrl($id: ID!, $expiresIn: Int) {\n          getFileDownloadUrl(id: $id, expiresIn: $expiresIn)\n        }`,\n        { id, expiresIn: DOWNLOAD_URL_TTL_SECONDS },\n        apiGatewayUrl\n      );\n      return data.getFileDownloadUrl;\n    },\n  });\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nconst formatSize = (bytes: string): string => {\n  const n = Number(bytes);\n  if (!Number.isFinite(n) || n <= 0) return '—';\n  if (n < 1024) return `${n} B`;\n  if (n < 1024 * 1024) return `${(n / 1024).toFixed(0)} KB`;\n  return `${(n / (1024 * 1024)).toFixed(1)} MB`;\n};\n\nexport interface DocumentsPanelProps {\n  /** Polymorphic entity type, e.g. \"brainyrich-account\" | \"brainyrich-household\". */\n  entityType: string;\n  /** The bra entity's id (an ID scalar). */\n  entityId: string;\n  /** Optional heading; hide with `hideHeading`. */\n  heading?: string;\n  hideHeading?: boolean;\n}\n\nexport function DocumentsPanel({\n  entityType,\n  entityId,\n  heading = 'Documents',\n  hideHeading = false,\n}: DocumentsPanelProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const folder = useEntityFolder(entityType, entityId);\n  const files = useFolderFiles(folder.data?.id);\n  const upload = useDocumentUpload(entityType, entityId);\n  const download = useDownloadFile();\n\n  const onPick = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const file = e.target.files?.[0];\n      if (file) upload.mutate(file);\n      e.target.value = '';\n    },\n    [upload]\n  );\n\n  const onDownload = async (id: string) => {\n    const url = await download.mutateAsync(id);\n    if (url) window.open(url, '_blank', 'noopener,noreferrer');\n  };\n\n  const loading = folder.isLoading || (Boolean(folder.data) && files.isLoading);\n  const list = files.data ?? [];\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-between\">\n        {!hideHeading && (\n          <h3 className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n            <FileText className=\"size-4\" aria-hidden=\"true\" />\n            {heading}\n          </h3>\n        )}\n        <div className=\"ml-auto\">\n          <input\n            ref={inputRef}\n            type=\"file\"\n            className=\"sr-only\"\n            aria-hidden=\"true\"\n            tabIndex={-1}\n            onChange={onPick}\n          />\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => inputRef.current?.click()}\n            disabled={upload.isPending}\n          >\n            <Upload className=\"size-4\" aria-hidden=\"true\" />\n            {upload.isPending ? `Uploading ${upload.progress}%` : 'Upload'}\n          </Button>\n        </div>\n      </div>\n\n      {upload.isPending && (\n        <div\n          className=\"h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\"\n          role=\"progressbar\"\n          aria-label=\"Upload progress\"\n          aria-valuenow={upload.progress}\n          aria-valuemin={0}\n          aria-valuemax={100}\n        >\n          <div\n            className=\"h-full rounded-full bg-primary motion-safe:transition-[width] motion-safe:duration-200\"\n            style={{ width: `${upload.progress}%` }}\n          />\n        </div>\n      )}\n\n      {loading ? (\n        <div className=\"space-y-2\" aria-busy=\"true\">\n          <Skeleton className=\"h-12 w-full rounded-md\" />\n          <Skeleton className=\"h-12 w-full rounded-md\" />\n        </div>\n      ) : files.isError ? (\n        <p className=\"text-sm text-status-error-text\">\n          Could not load documents.{' '}\n          <button\n            type=\"button\"\n            className=\"underline underline-offset-2\"\n            onClick={() => files.refetch()}\n          >\n            Retry\n          </button>\n        </p>\n      ) : list.length === 0 ? (\n        <div className=\"rounded-lg border border-dashed border-border-subtle bg-bg-surface px-4 py-8 text-center\">\n          <FileText className=\"mx-auto mb-2 size-6 text-text-secondary\" aria-hidden=\"true\" />\n          <p className=\"text-sm text-text-primary\">No documents yet</p>\n          <p className=\"mt-0.5 text-xs text-text-secondary\">\n            Upload statements, KYC or tax documents for this record.\n          </p>\n        </div>\n      ) : (\n        <ul className=\"space-y-2\">\n          {list.map((file) => (\n            <li key={file.id}>\n              <Card>\n                <CardContent className=\"flex items-center gap-3 p-3\">\n                  <div className=\"flex size-9 shrink-0 items-center justify-center rounded-md bg-bg-sunken text-text-secondary\">\n                    <FileText className=\"size-4\" aria-hidden=\"true\" />\n                  </div>\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"truncate text-sm font-medium text-text-primary\">{file.name}</p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {formatSize(file.size)} · {formatDate(file.createdAt)}\n                    </p>\n                  </div>\n                  <Button\n                    type=\"button\"\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    aria-label={`Download ${file.name}`}\n                    disabled={download.isPending}\n                    onClick={() => onDownload(file.id)}\n                  >\n                    <Download className=\"size-4\" aria-hidden=\"true\" />\n                  </Button>\n                </CardContent>\n              </Card>\n            </li>\n          ))}\n        </ul>\n      )}\n\n      {(upload.isError || download.isError) && (\n        <p className=\"text-sm text-status-error-text\">\n          {upload.error instanceof Error\n            ? upload.error.message\n            : download.error instanceof Error\n              ? 'Could not open the document. Please try again.'\n              : 'Something went wrong. Please try again.'}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DocumentsPanel.js","names":[],"sources":["../../../../src/brainyrich/components/reuse/DocumentsPanel.tsx"],"sourcesContent":["/**\n * DocumentsPanel — REUSE of `wspace-files-svc` for statement / KYC / tax-doc\n * attachments on Accounts + Households.\n * @module brainyrich/components/reuse/DocumentsPanel\n *\n * A wealth product needs to attach documents (statements, KYC, tax packs) to\n * accounts and households. `wspace-files-svc` has no native entity-owned link on\n * `File`, so we scope documents to an entity via a dedicated, stably-named\n * FOLDER per `(entityType, entityId)` and list its contents. All ops route\n * through the workspace supergraph the MFE already uses.\n *\n * Flow:\n *   - resolve folder → `getFolders(filter)` matched by name (created lazily on\n *     first upload via `createFolder`); no side-effects on read.\n *   - list           → `getFilesInFolder(folderId, pagination)`\n *   - upload (3-step) → `initiateUpload` → S3 `PUT` (byte-progress) → `completeUpload`\n *   - download        → `getFileDownloadUrl(id, expiresIn)` capped at 21600s to\n *     avoid the >604800 fleet bug (S3 7-day cap → 500).\n *\n * Presentational + self-contained: owns its hooks, reads the gateway base URL\n * from `useBrainyRich()`, uses fe-libs/ui primitives + semantic tokens.\n */\n\nimport { useCallback, useRef, useState } from 'react';\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { Download, FileText, Upload } from 'lucide-react';\nimport { Button, Card, CardContent, Skeleton } from '@burdenoff/fe-libs/ui';\n\nimport { useBrainyRich } from '../../providers/BrainyRichProvider';\nimport { formatDate } from '../../pages/_shared';\nimport { wspaceFetch, wspaceMutate } from './transport';\n\n// Presigned-URL TTL: cap at 21600s (6h). >604800 (S3 7-day) → INTERNAL_SERVER_ERROR.\nconst DOWNLOAD_URL_TTL_SECONDS = 21600;\n\ninterface FilesFolder {\n  id: string;\n  name: string;\n}\n\ninterface FilesFile {\n  id: string;\n  name: string;\n  extension: string;\n  mimeType: string;\n  size: string;\n  createdAt: string;\n}\n\nconst FILE_FIELDS = 'id name extension mimeType size createdAt';\n\nconst folderName = (entityType: string, entityId: string) =>\n  `BrainyRich · ${entityType} · ${entityId}`;\n\nconst folderKey = (entityType: string, entityId: string) =>\n  ['brainyrich', 'entity-folder', entityType, entityId] as const;\n\nconst filesKey = (folderId: string | null | undefined) =>\n  ['brainyrich', 'folder-files', folderId ?? 'none'] as const;\n\n// ============================================================================\n// Folder resolution (read-only — no lazy creation here)\n// ============================================================================\n\nconst useEntityFolder = (entityType: string, entityId: string | undefined) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const wanted = entityId ? folderName(entityType, entityId) : '';\n  return useQuery({\n    queryKey: folderKey(entityType, entityId ?? ''),\n    enabled: Boolean(entityId),\n    queryFn: async () => {\n      const data = await wspaceFetch<{ getFolders: { folders: FilesFolder[] } }>(\n        `query BraGetFolders($pagination: PaginationInput) {\n          getFolders(pagination: $pagination) { folders { id name } }\n        }`,\n        { pagination: { limit: 200, offset: 0 } },\n        apiGatewayUrl\n      );\n      return data.getFolders.folders.find((f) => f.name === wanted) ?? null;\n    },\n  });\n};\n\nconst useFolderFiles = (folderId: string | null | undefined) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  return useQuery({\n    queryKey: filesKey(folderId),\n    enabled: Boolean(folderId),\n    queryFn: async () => {\n      const data = await wspaceFetch<{ getFilesInFolder: { files: FilesFile[] } }>(\n        `query BraGetFilesInFolder($folderId: ID, $pagination: PaginationInput) {\n          getFilesInFolder(folderId: $folderId, pagination: $pagination) {\n            files { ${FILE_FIELDS} }\n          }\n        }`,\n        { folderId, pagination: { limit: 100, offset: 0 } },\n        apiGatewayUrl\n      );\n      return data.getFilesInFolder.files;\n    },\n  });\n};\n\n// ============================================================================\n// Upload (3-step platform flow, with lazy folder creation)\n// ============================================================================\n\nfunction putWithProgress(\n  url: string,\n  file: File,\n  contentType: string,\n  onProgress: (percent: number) => void\n): Promise<void> {\n  return new Promise<void>((resolve, reject) => {\n    const xhr = new XMLHttpRequest();\n    xhr.open('PUT', url);\n    xhr.setRequestHeader('Content-Type', contentType);\n    xhr.upload.onprogress = (event) => {\n      if (event.lengthComputable) {\n        onProgress(Math.round((event.loaded / event.total) * 100));\n      }\n    };\n    xhr.onload = () =>\n      xhr.status >= 200 && xhr.status < 300\n        ? resolve()\n        : reject(new Error(`File storage rejected the upload (HTTP ${xhr.status}).`));\n    xhr.onerror = () => reject(new Error('Network error while uploading the file.'));\n    xhr.onabort = () => reject(new Error('The upload was cancelled.'));\n    xhr.send(file);\n  });\n}\n\nconst useDocumentUpload = (entityType: string, entityId: string) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const qc = useQueryClient();\n  const [progress, setProgress] = useState(0);\n\n  const mutation = useMutation({\n    mutationFn: async (file: File) => {\n      setProgress(0);\n\n      // 0. resolve or create the entity folder\n      let folder = await wspaceFetch<{ getFolders: { folders: FilesFolder[] } }>(\n        `query BraResolveFolder($pagination: PaginationInput) {\n          getFolders(pagination: $pagination) { folders { id name } }\n        }`,\n        { pagination: { limit: 200, offset: 0 } },\n        apiGatewayUrl\n      ).then((d) => d.getFolders.folders.find((f) => f.name === folderName(entityType, entityId)));\n\n      if (!folder) {\n        const created = await wspaceMutate<{ createFolder: FilesFolder }>(\n          `mutation BraCreateFolder($input: CreateFolderInput!) {\n            createFolder(input: $input) { id name }\n          }`,\n          {\n            input: {\n              name: folderName(entityType, entityId),\n              description: `Documents attached to ${entityType} ${entityId}.`,\n              visibility: 'WORKSPACE',\n            },\n          },\n          apiGatewayUrl\n        );\n        folder = created.createFolder;\n      }\n      const folderId = folder.id;\n\n      const dotIndex = file.name.lastIndexOf('.');\n      const extension = dotIndex > -1 ? file.name.slice(dotIndex + 1) : '';\n      const mimeType = file.type || 'application/octet-stream';\n      const fileSize = String(file.size);\n\n      // 1. initiate\n      const initiated = await wspaceMutate<{\n        initiateUpload: { uploadUrl: string | null; session: { id: string } };\n      }>(\n        `mutation BraInitiateUpload($input: InitiateUploadInput!) {\n          initiateUpload(input: $input) { uploadUrl session { id } }\n        }`,\n        {\n          input: {\n            fileName: file.name,\n            extension,\n            mimeType,\n            fileSize,\n            folderId,\n            visibility: 'WORKSPACE',\n          },\n        },\n        apiGatewayUrl\n      );\n      const { uploadUrl } = initiated.initiateUpload;\n      const sessionId = initiated.initiateUpload.session.id;\n      if (!uploadUrl) throw new Error('The file service did not return an upload URL.');\n\n      // 2. PUT the bytes\n      await putWithProgress(uploadUrl, file, mimeType, setProgress);\n\n      // 3. complete\n      await wspaceMutate<{ completeUpload: { fileId: string } }>(\n        `mutation BraCompleteUpload($input: CompleteUploadInput!) {\n          completeUpload(input: $input) { fileId }\n        }`,\n        { input: { sessionId, fileSize, folderId } },\n        apiGatewayUrl\n      );\n      setProgress(100);\n      return folderId;\n    },\n    onSuccess: (folderId) => {\n      qc.invalidateQueries({ queryKey: folderKey(entityType, entityId) });\n      qc.invalidateQueries({ queryKey: filesKey(folderId) });\n    },\n  });\n\n  return { ...mutation, progress };\n};\n\nconst useDownloadFile = () => {\n  const { apiGatewayUrl } = useBrainyRich();\n  return useMutation({\n    mutationFn: async (id: string) => {\n      const data = await wspaceFetch<{ getFileDownloadUrl: string }>(\n        `query BraGetFileDownloadUrl($id: ID!, $expiresIn: Int) {\n          getFileDownloadUrl(id: $id, expiresIn: $expiresIn)\n        }`,\n        { id, expiresIn: DOWNLOAD_URL_TTL_SECONDS },\n        apiGatewayUrl\n      );\n      return data.getFileDownloadUrl;\n    },\n  });\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nconst formatSize = (bytes: string): string => {\n  const n = Number(bytes);\n  if (!Number.isFinite(n) || n <= 0) return '—';\n  if (n < 1024) return `${n} B`;\n  if (n < 1024 * 1024) return `${(n / 1024).toFixed(0)} KB`;\n  return `${(n / (1024 * 1024)).toFixed(1)} MB`;\n};\n\nexport interface DocumentsPanelProps {\n  /** Polymorphic entity type, e.g. \"brainyrich-account\" | \"brainyrich-household\". */\n  entityType: string;\n  /** The bra entity's id (an ID scalar). */\n  entityId: string;\n  /** Optional heading; hide with `hideHeading`. */\n  heading?: string;\n  hideHeading?: boolean;\n}\n\nexport function DocumentsPanel({\n  entityType,\n  entityId,\n  heading = 'Documents',\n  hideHeading = false,\n}: DocumentsPanelProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const folder = useEntityFolder(entityType, entityId);\n  const files = useFolderFiles(folder.data?.id);\n  const upload = useDocumentUpload(entityType, entityId);\n  const download = useDownloadFile();\n\n  const onPick = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const file = e.target.files?.[0];\n      if (file) upload.mutate(file);\n      e.target.value = '';\n    },\n    [upload]\n  );\n\n  const onDownload = async (id: string) => {\n    const url = await download.mutateAsync(id);\n    if (url) window.open(url, '_blank', 'noopener,noreferrer');\n  };\n\n  const loading = folder.isLoading || (Boolean(folder.data) && files.isLoading);\n  const list = files.data ?? [];\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-between\">\n        {!hideHeading && (\n          <h3 className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n            <FileText className=\"size-4\" aria-hidden=\"true\" />\n            {heading}\n          </h3>\n        )}\n        <div className=\"ml-auto\">\n          <input\n            ref={inputRef}\n            type=\"file\"\n            className=\"sr-only\"\n            aria-hidden=\"true\"\n            tabIndex={-1}\n            onChange={onPick}\n          />\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => inputRef.current?.click()}\n            disabled={upload.isPending}\n          >\n            <Upload className=\"size-4\" aria-hidden=\"true\" />\n            {upload.isPending ? `Uploading ${upload.progress}%` : 'Upload'}\n          </Button>\n        </div>\n      </div>\n\n      {upload.isPending && (\n        <div\n          className=\"h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\"\n          role=\"progressbar\"\n          aria-label=\"Upload progress\"\n          aria-valuenow={upload.progress}\n          aria-valuemin={0}\n          aria-valuemax={100}\n        >\n          <div\n            className=\"h-full rounded-full bg-primary motion-safe:transition-[width] motion-safe:duration-200\"\n            style={{ width: `${upload.progress}%` }}\n          />\n        </div>\n      )}\n\n      {loading ? (\n        <div className=\"space-y-2\" aria-busy=\"true\">\n          <Skeleton className=\"h-12 w-full rounded-md\" />\n          <Skeleton className=\"h-12 w-full rounded-md\" />\n        </div>\n      ) : files.isError ? (\n        <p className=\"text-sm text-status-error-text\">\n          Could not load documents.{' '}\n          <button\n            type=\"button\"\n            className=\"underline underline-offset-2\"\n            onClick={() => files.refetch()}\n          >\n            Retry\n          </button>\n        </p>\n      ) : list.length === 0 ? (\n        <div className=\"rounded-lg border border-dashed border-border-subtle bg-bg-surface px-4 py-8 text-center\">\n          <FileText className=\"mx-auto mb-2 size-6 text-text-secondary\" aria-hidden=\"true\" />\n          <p className=\"text-sm text-text-primary\">No documents yet</p>\n          <p className=\"mt-0.5 text-xs text-text-secondary\">\n            Upload statements, KYC or tax documents for this record.\n          </p>\n        </div>\n      ) : (\n        <ul className=\"space-y-2\">\n          {list.map((file) => (\n            <li key={file.id}>\n              <Card>\n                <CardContent className=\"flex items-center gap-3 p-3\">\n                  <div className=\"flex size-9 shrink-0 items-center justify-center rounded-md bg-bg-sunken text-text-secondary\">\n                    <FileText className=\"size-4\" aria-hidden=\"true\" />\n                  </div>\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"truncate text-sm font-medium text-text-primary\">{file.name}</p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {formatSize(file.size)} · {formatDate(file.createdAt)}\n                    </p>\n                  </div>\n                  <Button\n                    type=\"button\"\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    aria-label={`Download ${file.name}`}\n                    disabled={download.isPending}\n                    onClick={() => onDownload(file.id)}\n                  >\n                    <Download className=\"size-4\" aria-hidden=\"true\" />\n                  </Button>\n                </CardContent>\n              </Card>\n            </li>\n          ))}\n        </ul>\n      )}\n\n      {(upload.isError || download.isError) && (\n        <p className=\"text-sm text-status-error-text\">\n          {upload.error instanceof Error\n            ? upload.error.message\n            : download.error instanceof Error\n              ? 'Could not open the document. Please try again.'\n              : 'Something went wrong. Please try again.'}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/brainyrich/components/reuse/TagField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagField.js","names":[],"sources":["../../../../src/brainyrich/components/reuse/TagField.tsx"],"sourcesContent":["/**\n * TagField — REUSE of `wspace-tags-svc` UniversalTag (polymorphic-by-entity).\n * @module brainyrich/components/reuse/TagField\n *\n * Drop-in replacement for the free-text tag string inputs on Households /\n * Portfolios / Goals. Instead of writing a `tags` scalar on the bra entity,\n * this manages REAL `UniversalTag` assignments keyed by `(entityType, entityId)`\n * against the platform tag store — no bra-svc change required. The bra `tags`\n * scalar stays as legacy; this component is the canonical tag surface.\n *\n * Ops (all on the workspace supergraph):\n *   - `getEntityTags(entityType, entityId)`  → current assignments (chips)\n *   - `searchTags(query, limit)`             → typeahead over existing tags\n *   - `assignTag(input)`                     → link an existing tag\n *   - `createTag(input)` + `assignTag(...)`  → create-from-label then link\n *   - `removeTagAssignment(id)`              → unlink a chip\n *\n * `createTag` needs a `vocabularyId`; we resolve a stable, workspace-scoped\n * \"brainyrich\" vocabulary via `getVocabularyByKey` (creating it on first use).\n *\n * Presentational + self-contained: owns its react-query hooks, reads the gateway\n * base URL from `useBrainyRich()`, uses fe-libs/ui primitives + semantic tokens.\n */\n\nimport { useState, type KeyboardEvent } from 'react';\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { Plus, Tag as TagIcon, X } from 'lucide-react';\nimport { Badge, Button, Input, Label, Skeleton } from '@burdenoff/fe-libs/ui';\n\nimport { useBrainyRich } from '../../providers/BrainyRichProvider';\nimport { wspaceFetch, wspaceMutate } from './transport';\n\n// ============================================================================\n// Types (mirror the UniversalTag SDL fields we select)\n// ============================================================================\n\ninterface UniversalTag {\n  id: string;\n  label: string;\n  color: string | null;\n  key: string;\n}\n\ninterface UniversalTagAssignment {\n  id: string;\n  tag: UniversalTag;\n}\n\nconst TAG_FIELDS = 'id label color key';\nconst BRAINYRICH_VOCABULARY_KEY = 'brainyrich';\n\nconst entityTagsKey = (entityType: string, entityId: string) =>\n  ['brainyrich', 'entity-tags', entityType, entityId] as const;\n\nconst slugify = (value: string): string =>\n  value\n    .toLowerCase()\n    .trim()\n    .replace(/[^a-z0-9]+/g, '-')\n    .replace(/^-+|-+$/g, '')\n    .slice(0, 48) || 'tag';\n\n// ============================================================================\n// Hooks (co-located; reuse the shared workspace transport)\n// ============================================================================\n\nconst useEntityTags = (entityType: string, entityId: string | undefined) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  return useQuery({\n    queryKey: entityTagsKey(entityType, entityId ?? ''),\n    enabled: Boolean(entityId),\n    queryFn: async () => {\n      const data = await wspaceFetch<{ getEntityTags: UniversalTagAssignment[] }>(\n        `query BraGetEntityTags($entityType: String!, $entityId: ID!) {\n          getEntityTags(entityType: $entityType, entityId: $entityId) {\n            id\n            tag { ${TAG_FIELDS} }\n          }\n        }`,\n        { entityType, entityId },\n        apiGatewayUrl\n      );\n      return data.getEntityTags;\n    },\n  });\n};\n\nconst useTagSearch = (query: string) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const trimmed = query.trim();\n  return useQuery({\n    queryKey: ['brainyrich', 'tag-search', trimmed],\n    enabled: trimmed.length > 0,\n    queryFn: async () => {\n      const data = await wspaceFetch<{ searchTags: UniversalTag[] }>(\n        `query BraSearchTags($query: String!, $limit: Int) {\n          searchTags(query: $query, limit: $limit) { ${TAG_FIELDS} }\n        }`,\n        { query: trimmed, limit: 8 },\n        apiGatewayUrl\n      );\n      return data.searchTags;\n    },\n  });\n};\n\n/** Resolve (creating on first use) the workspace-scoped \"brainyrich\" vocabulary. */\nconst resolveVocabularyId = async (baseUrl?: string): Promise<string> => {\n  const existing = await wspaceFetch<{ getVocabularyByKey: { id: string } | null }>(\n    `query BraGetVocabulary($key: String!) {\n      getVocabularyByKey(key: $key) { id }\n    }`,\n    { key: BRAINYRICH_VOCABULARY_KEY },\n    baseUrl\n  );\n  if (existing.getVocabularyByKey?.id) return existing.getVocabularyByKey.id;\n\n  const created = await wspaceMutate<{ createVocabulary: { id: string } }>(\n    `mutation BraCreateVocabulary($input: CreateVocabularyInput!) {\n      createVocabulary(input: $input) { id }\n    }`,\n    {\n      input: {\n        key: BRAINYRICH_VOCABULARY_KEY,\n        name: 'BrainyRich',\n        description: 'Tags for BrainyRich households, portfolios and goals.',\n        allowCustomTags: true,\n      },\n    },\n    baseUrl\n  );\n  return created.createVocabulary.id;\n};\n\nconst useAssignTag = (entityType: string, entityId: string) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (tagId: string) => {\n      const data = await wspaceMutate<{ assignTag: { id: string } }>(\n        `mutation BraAssignTag($input: AssignTagInput!) {\n          assignTag(input: $input) { id }\n        }`,\n        { input: { entityType, entityId, tagId } },\n        apiGatewayUrl\n      );\n      return data.assignTag;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: entityTagsKey(entityType, entityId) }),\n  });\n};\n\nconst useCreateAndAssignTag = (entityType: string, entityId: string) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (label: string) => {\n      const trimmed = label.trim();\n      if (!trimmed) throw new Error('A tag label is required.');\n      const vocabularyId = await resolveVocabularyId(apiGatewayUrl);\n      // Unique key avoids collisions inside the vocabulary; the label is the display text.\n      const key = `${slugify(trimmed)}-${Math.random().toString(36).slice(2, 6)}`;\n      const created = await wspaceMutate<{ createTag: { id: string } }>(\n        `mutation BraCreateTag($input: CreateTagInput!) {\n          createTag(input: $input) { id }\n        }`,\n        { input: { vocabularyId, key, label: trimmed } },\n        apiGatewayUrl\n      );\n      await wspaceMutate<{ assignTag: { id: string } }>(\n        `mutation BraAssignCreatedTag($input: AssignTagInput!) {\n          assignTag(input: $input) { id }\n        }`,\n        { input: { entityType, entityId, tagId: created.createTag.id } },\n        apiGatewayUrl\n      );\n      return created.createTag;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: entityTagsKey(entityType, entityId) }),\n  });\n};\n\nconst useRemoveTagAssignment = (entityType: string, entityId: string) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (assignmentId: string) => {\n      const data = await wspaceMutate<{ removeTagAssignment: boolean }>(\n        `mutation BraRemoveTagAssignment($id: ID!) { removeTagAssignment(id: $id) }`,\n        { id: assignmentId },\n        apiGatewayUrl\n      );\n      return data.removeTagAssignment;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: entityTagsKey(entityType, entityId) }),\n  });\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport interface TagFieldProps {\n  /** Polymorphic entity type, e.g. \"brainyrich-household\". */\n  entityType: string;\n  /** The bra entity's id (an ID scalar). */\n  entityId: string;\n  /** Optional field label (hidden visually when `hideLabel`). */\n  label?: string;\n  hideLabel?: boolean;\n}\n\nexport function TagField({\n  entityType,\n  entityId,\n  label = 'Tags',\n  hideLabel = false,\n}: TagFieldProps) {\n  const [draft, setDraft] = useState('');\n  const assignments = useEntityTags(entityType, entityId);\n  const search = useTagSearch(draft);\n  const assign = useAssignTag(entityType, entityId);\n  const createAndAssign = useCreateAndAssignTag(entityType, entityId);\n  const remove = useRemoveTagAssignment(entityType, entityId);\n\n  const busy = assign.isPending || createAndAssign.isPending;\n  const assigned = assignments.data ?? [];\n  const assignedTagIds = new Set(assigned.map((a) => a.tag.id));\n  const suggestions = (search.data ?? []).filter((t) => !assignedTagIds.has(t.id));\n  const trimmed = draft.trim();\n  const exactExists = suggestions.some((t) => t.label.toLowerCase() === trimmed.toLowerCase());\n\n  const inputId = `tagfield-${entityType}-${entityId}`;\n\n  const commitCreate = async () => {\n    if (!trimmed || busy) return;\n    await createAndAssign.mutateAsync(trimmed);\n    setDraft('');\n  };\n\n  const commitAssign = async (tagId: string) => {\n    if (busy) return;\n    await assign.mutateAsync(tagId);\n    setDraft('');\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      void commitCreate();\n    }\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      {!hideLabel && (\n        <Label htmlFor={inputId} className=\"text-text-primary\">\n          {label}\n        </Label>\n      )}\n\n      {/* Current assignments */}\n      {assignments.isLoading ? (\n        <div className=\"flex flex-wrap gap-2\" aria-busy=\"true\">\n          <Skeleton className=\"h-6 w-16 rounded-full\" />\n          <Skeleton className=\"h-6 w-20 rounded-full\" />\n          <Skeleton className=\"h-6 w-12 rounded-full\" />\n        </div>\n      ) : assignments.isError ? (\n        <p className=\"text-sm text-status-error-text\">\n          Could not load tags.{' '}\n          <button\n            type=\"button\"\n            className=\"underline underline-offset-2\"\n            onClick={() => assignments.refetch()}\n          >\n            Retry\n          </button>\n        </p>\n      ) : assigned.length === 0 ? (\n        <p className=\"flex items-center gap-1.5 text-sm text-text-secondary\">\n          <TagIcon className=\"size-3.5\" aria-hidden=\"true\" />\n          No tags yet — add one below.\n        </p>\n      ) : (\n        <div className=\"flex flex-wrap gap-2\">\n          {assigned.map((a) => (\n            <Badge key={a.id} variant=\"secondary\" className=\"gap-1 pr-1\">\n              <span>{a.tag.label}</span>\n              <button\n                type=\"button\"\n                aria-label={`Remove tag ${a.tag.label}`}\n                className=\"rounded-full p-0.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-border-focus disabled:opacity-50\"\n                disabled={remove.isPending}\n                onClick={() => remove.mutate(a.id)}\n              >\n                <X className=\"size-3\" aria-hidden=\"true\" />\n              </button>\n            </Badge>\n          ))}\n        </div>\n      )}\n\n      {/* Add control */}\n      <div className=\"relative\">\n        <div className=\"flex gap-2\">\n          <Input\n            id={inputId}\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            onKeyDown={onKeyDown}\n            placeholder=\"Search or create a tag…\"\n            aria-label=\"Search or create a tag\"\n            autoComplete=\"off\"\n            disabled={busy}\n          />\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={commitCreate}\n            disabled={!trimmed || busy || exactExists}\n          >\n            <Plus className=\"size-4\" aria-hidden=\"true\" />\n            Create\n          </Button>\n        </div>\n\n        {/* Typeahead suggestions */}\n        {trimmed.length > 0 && (suggestions.length > 0 || search.isFetching) && (\n          <ul\n            className=\"absolute z-10 mt-1 w-full overflow-hidden rounded-md border border-border-subtle bg-bg-surface shadow-md\"\n            role=\"listbox\"\n            aria-label=\"Tag suggestions\"\n          >\n            {search.isFetching && suggestions.length === 0 ? (\n              <li className=\"px-3 py-2 text-sm text-text-secondary\">Searching…</li>\n            ) : (\n              suggestions.map((t) => (\n                <li key={t.id} role=\"option\" aria-selected=\"false\">\n                  <button\n                    type=\"button\"\n                    className=\"flex w-full items-center gap-2 px-3 py-2 text-left text-sm text-text-primary hover:bg-bg-sunken focus-visible:bg-bg-sunken focus-visible:outline-none disabled:opacity-50\"\n                    disabled={busy}\n                    onClick={() => commitAssign(t.id)}\n                  >\n                    <TagIcon className=\"size-3.5 text-text-secondary\" aria-hidden=\"true\" />\n                    {t.label}\n                  </button>\n                </li>\n              ))\n            )}\n          </ul>\n        )}\n      </div>\n\n      {(assign.isError || createAndAssign.isError || remove.isError) && (\n        <p className=\"text-sm text-status-error-text\">\n          Could not update tags. Please try again.\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TagField.js","names":[],"sources":["../../../../src/brainyrich/components/reuse/TagField.tsx"],"sourcesContent":["/**\n * TagField — REUSE of `wspace-tags-svc` UniversalTag (polymorphic-by-entity).\n * @module brainyrich/components/reuse/TagField\n *\n * Drop-in replacement for the free-text tag string inputs on Households /\n * Portfolios / Goals. Instead of writing a `tags` scalar on the bra entity,\n * this manages REAL `UniversalTag` assignments keyed by `(entityType, entityId)`\n * against the platform tag store — no bra-svc change required. The bra `tags`\n * scalar stays as legacy; this component is the canonical tag surface.\n *\n * Ops (all on the workspace supergraph):\n *   - `getEntityTags(entityType, entityId)`  → current assignments (chips)\n *   - `searchTags(query, limit)`             → typeahead over existing tags\n *   - `assignTag(input)`                     → link an existing tag\n *   - `createTag(input)` + `assignTag(...)`  → create-from-label then link\n *   - `removeTagAssignment(id)`              → unlink a chip\n *\n * `createTag` needs a `vocabularyId`; we resolve a stable, workspace-scoped\n * \"brainyrich\" vocabulary via `getVocabularyByKey` (creating it on first use).\n *\n * Presentational + self-contained: owns its react-query hooks, reads the gateway\n * base URL from `useBrainyRich()`, uses fe-libs/ui primitives + semantic tokens.\n */\n\nimport { useState, type KeyboardEvent } from 'react';\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { Plus, Tag as TagIcon, X } from 'lucide-react';\nimport { Badge, Button, Input, Label, Skeleton } from '@burdenoff/fe-libs/ui';\n\nimport { useBrainyRich } from '../../providers/BrainyRichProvider';\nimport { wspaceFetch, wspaceMutate } from './transport';\n\n// ============================================================================\n// Types (mirror the UniversalTag SDL fields we select)\n// ============================================================================\n\ninterface UniversalTag {\n  id: string;\n  label: string;\n  color: string | null;\n  key: string;\n}\n\ninterface UniversalTagAssignment {\n  id: string;\n  tag: UniversalTag;\n}\n\nconst TAG_FIELDS = 'id label color key';\nconst BRAINYRICH_VOCABULARY_KEY = 'brainyrich';\n\nconst entityTagsKey = (entityType: string, entityId: string) =>\n  ['brainyrich', 'entity-tags', entityType, entityId] as const;\n\nconst slugify = (value: string): string =>\n  value\n    .toLowerCase()\n    .trim()\n    .replace(/[^a-z0-9]+/g, '-')\n    .replace(/^-+|-+$/g, '')\n    .slice(0, 48) || 'tag';\n\n// ============================================================================\n// Hooks (co-located; reuse the shared workspace transport)\n// ============================================================================\n\nconst useEntityTags = (entityType: string, entityId: string | undefined) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  return useQuery({\n    queryKey: entityTagsKey(entityType, entityId ?? ''),\n    enabled: Boolean(entityId),\n    queryFn: async () => {\n      const data = await wspaceFetch<{ getEntityTags: UniversalTagAssignment[] }>(\n        `query BraGetEntityTags($entityType: String!, $entityId: ID!) {\n          getEntityTags(entityType: $entityType, entityId: $entityId) {\n            id\n            tag { ${TAG_FIELDS} }\n          }\n        }`,\n        { entityType, entityId },\n        apiGatewayUrl\n      );\n      return data.getEntityTags;\n    },\n  });\n};\n\nconst useTagSearch = (query: string) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const trimmed = query.trim();\n  return useQuery({\n    queryKey: ['brainyrich', 'tag-search', trimmed],\n    enabled: trimmed.length > 0,\n    queryFn: async () => {\n      const data = await wspaceFetch<{ searchTags: UniversalTag[] }>(\n        `query BraSearchTags($query: String!, $limit: Int) {\n          searchTags(query: $query, limit: $limit) { ${TAG_FIELDS} }\n        }`,\n        { query: trimmed, limit: 8 },\n        apiGatewayUrl\n      );\n      return data.searchTags;\n    },\n  });\n};\n\n/** Resolve (creating on first use) the workspace-scoped \"brainyrich\" vocabulary. */\nconst resolveVocabularyId = async (baseUrl?: string): Promise<string> => {\n  const existing = await wspaceFetch<{ getVocabularyByKey: { id: string } | null }>(\n    `query BraGetVocabulary($key: String!) {\n      getVocabularyByKey(key: $key) { id }\n    }`,\n    { key: BRAINYRICH_VOCABULARY_KEY },\n    baseUrl\n  );\n  if (existing.getVocabularyByKey?.id) return existing.getVocabularyByKey.id;\n\n  const created = await wspaceMutate<{ createVocabulary: { id: string } }>(\n    `mutation BraCreateVocabulary($input: CreateVocabularyInput!) {\n      createVocabulary(input: $input) { id }\n    }`,\n    {\n      input: {\n        key: BRAINYRICH_VOCABULARY_KEY,\n        name: 'BrainyRich',\n        description: 'Tags for BrainyRich households, portfolios and goals.',\n        allowCustomTags: true,\n      },\n    },\n    baseUrl\n  );\n  return created.createVocabulary.id;\n};\n\nconst useAssignTag = (entityType: string, entityId: string) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (tagId: string) => {\n      const data = await wspaceMutate<{ assignTag: { id: string } }>(\n        `mutation BraAssignTag($input: AssignTagInput!) {\n          assignTag(input: $input) { id }\n        }`,\n        { input: { entityType, entityId, tagId } },\n        apiGatewayUrl\n      );\n      return data.assignTag;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: entityTagsKey(entityType, entityId) }),\n  });\n};\n\nconst useCreateAndAssignTag = (entityType: string, entityId: string) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (label: string) => {\n      const trimmed = label.trim();\n      if (!trimmed) throw new Error('A tag label is required.');\n      const vocabularyId = await resolveVocabularyId(apiGatewayUrl);\n      // Unique key avoids collisions inside the vocabulary; the label is the display text.\n      const key = `${slugify(trimmed)}-${Math.random().toString(36).slice(2, 6)}`;\n      const created = await wspaceMutate<{ createTag: { id: string } }>(\n        `mutation BraCreateTag($input: CreateTagInput!) {\n          createTag(input: $input) { id }\n        }`,\n        { input: { vocabularyId, key, label: trimmed } },\n        apiGatewayUrl\n      );\n      await wspaceMutate<{ assignTag: { id: string } }>(\n        `mutation BraAssignCreatedTag($input: AssignTagInput!) {\n          assignTag(input: $input) { id }\n        }`,\n        { input: { entityType, entityId, tagId: created.createTag.id } },\n        apiGatewayUrl\n      );\n      return created.createTag;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: entityTagsKey(entityType, entityId) }),\n  });\n};\n\nconst useRemoveTagAssignment = (entityType: string, entityId: string) => {\n  const { apiGatewayUrl } = useBrainyRich();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (assignmentId: string) => {\n      const data = await wspaceMutate<{ removeTagAssignment: boolean }>(\n        `mutation BraRemoveTagAssignment($id: ID!) { removeTagAssignment(id: $id) }`,\n        { id: assignmentId },\n        apiGatewayUrl\n      );\n      return data.removeTagAssignment;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: entityTagsKey(entityType, entityId) }),\n  });\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport interface TagFieldProps {\n  /** Polymorphic entity type, e.g. \"brainyrich-household\". */\n  entityType: string;\n  /** The bra entity's id (an ID scalar). */\n  entityId: string;\n  /** Optional field label (hidden visually when `hideLabel`). */\n  label?: string;\n  hideLabel?: boolean;\n}\n\nexport function TagField({\n  entityType,\n  entityId,\n  label = 'Tags',\n  hideLabel = false,\n}: TagFieldProps) {\n  const [draft, setDraft] = useState('');\n  const assignments = useEntityTags(entityType, entityId);\n  const search = useTagSearch(draft);\n  const assign = useAssignTag(entityType, entityId);\n  const createAndAssign = useCreateAndAssignTag(entityType, entityId);\n  const remove = useRemoveTagAssignment(entityType, entityId);\n\n  const busy = assign.isPending || createAndAssign.isPending;\n  const assigned = assignments.data ?? [];\n  const assignedTagIds = new Set(assigned.map((a) => a.tag.id));\n  const suggestions = (search.data ?? []).filter((t) => !assignedTagIds.has(t.id));\n  const trimmed = draft.trim();\n  const exactExists = suggestions.some((t) => t.label.toLowerCase() === trimmed.toLowerCase());\n\n  const inputId = `tagfield-${entityType}-${entityId}`;\n\n  const commitCreate = async () => {\n    if (!trimmed || busy) return;\n    await createAndAssign.mutateAsync(trimmed);\n    setDraft('');\n  };\n\n  const commitAssign = async (tagId: string) => {\n    if (busy) return;\n    await assign.mutateAsync(tagId);\n    setDraft('');\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      void commitCreate();\n    }\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      {!hideLabel && (\n        <Label htmlFor={inputId} className=\"text-text-primary\">\n          {label}\n        </Label>\n      )}\n\n      {/* Current assignments */}\n      {assignments.isLoading ? (\n        <div className=\"flex flex-wrap gap-2\" aria-busy=\"true\">\n          <Skeleton className=\"h-6 w-16 rounded-full\" />\n          <Skeleton className=\"h-6 w-20 rounded-full\" />\n          <Skeleton className=\"h-6 w-12 rounded-full\" />\n        </div>\n      ) : assignments.isError ? (\n        <p className=\"text-sm text-status-error-text\">\n          Could not load tags.{' '}\n          <button\n            type=\"button\"\n            className=\"underline underline-offset-2\"\n            onClick={() => assignments.refetch()}\n          >\n            Retry\n          </button>\n        </p>\n      ) : assigned.length === 0 ? (\n        <p className=\"flex items-center gap-1.5 text-sm text-text-secondary\">\n          <TagIcon className=\"size-3.5\" aria-hidden=\"true\" />\n          No tags yet — add one below.\n        </p>\n      ) : (\n        <div className=\"flex flex-wrap gap-2\">\n          {assigned.map((a) => (\n            <Badge key={a.id} variant=\"secondary\" className=\"gap-1 pr-1\">\n              <span>{a.tag.label}</span>\n              <button\n                type=\"button\"\n                aria-label={`Remove tag ${a.tag.label}`}\n                className=\"rounded-full p-0.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-border-focus disabled:opacity-50\"\n                disabled={remove.isPending}\n                onClick={() => remove.mutate(a.id)}\n              >\n                <X className=\"size-3\" aria-hidden=\"true\" />\n              </button>\n            </Badge>\n          ))}\n        </div>\n      )}\n\n      {/* Add control */}\n      <div className=\"relative\">\n        <div className=\"flex gap-2\">\n          <Input\n            id={inputId}\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            onKeyDown={onKeyDown}\n            placeholder=\"Search or create a tag…\"\n            aria-label=\"Search or create a tag\"\n            autoComplete=\"off\"\n            disabled={busy}\n          />\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={commitCreate}\n            disabled={!trimmed || busy || exactExists}\n          >\n            <Plus className=\"size-4\" aria-hidden=\"true\" />\n            Create\n          </Button>\n        </div>\n\n        {/* Typeahead suggestions */}\n        {trimmed.length > 0 && (suggestions.length > 0 || search.isFetching) && (\n          <ul\n            className=\"absolute z-10 mt-1 w-full overflow-hidden rounded-md border border-border-subtle bg-bg-surface shadow-md\"\n            role=\"listbox\"\n            aria-label=\"Tag suggestions\"\n          >\n            {search.isFetching && suggestions.length === 0 ? (\n              <li className=\"px-3 py-2 text-sm text-text-secondary\">Searching…</li>\n            ) : (\n              suggestions.map((t) => (\n                <li key={t.id} role=\"option\" aria-selected=\"false\">\n                  <button\n                    type=\"button\"\n                    className=\"flex w-full items-center gap-2 px-3 py-2 text-left text-sm text-text-primary hover:bg-bg-sunken focus-visible:bg-bg-sunken focus-visible:outline-none disabled:opacity-50\"\n                    disabled={busy}\n                    onClick={() => commitAssign(t.id)}\n                  >\n                    <TagIcon className=\"size-3.5 text-text-secondary\" aria-hidden=\"true\" />\n                    {t.label}\n                  </button>\n                </li>\n              ))\n            )}\n          </ul>\n        )}\n      </div>\n\n      {(assign.isError || createAndAssign.isError || remove.isError) && (\n        <p className=\"text-sm text-status-error-text\">Could not update tags. Please try again.</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}