@freighttech/ui 0.13.18

package/dist/backend/detail/TagsSection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/detail/TagsSection.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Pencil, X } from 'lucide-react'\nimport { Button } from '@freighttech/ui/primitives/button'\nimport { TagsInput } from '@freighttech/ui/backend/inputs/TagsInput'\nimport { DataLoader } from '@freighttech/ui/primitives/DataLoader'\nimport { flash } from '@freighttech/ui/backend/FlashMessages'\nimport { ComponentReplacementHandles } from '@open-mercato/shared/modules/widgets/component-registry'\nimport { useRegisteredComponent } from '../injection/useRegisteredComponent'\n\nexport type TagOption = {\n  id: string\n  label: string\n  color?: string | null\n}\n\nexport type TagsSectionLabels = {\n  loading: string\n  placeholder: string\n  empty: string\n  loadError: string\n  createError: string\n  updateError: string\n  labelRequired: string\n  saveShortcut: string\n  cancelShortcut: string\n  edit?: string\n  cancel?: string\n  success?: string\n  saving?: string\n  autoSaveHint?: string\n}\n\nexport type TagsSectionController = {\n  flush: () => Promise<void>\n}\n\nexport type TagsSectionProps = {\n  title: string\n  tags: TagOption[]\n  onChange?: (next: TagOption[]) => void\n  isSubmitting?: boolean\n  canEdit?: boolean\n  autoSave?: boolean\n  controllerRef?: React.MutableRefObject<TagsSectionController | null>\n  loadOptions: (query?: string) => Promise<TagOption[]>\n  createTag: (label: string) => Promise<TagOption>\n  onSave: (params: {\n    next: TagOption[]\n    added: TagOption[]\n    removed: TagOption[]\n  }) => Promise<void>\n  labels: TagsSectionLabels\n}\n\nfunction normalizeTagLabels(labels: string[]): string[] {\n  return Array.from(\n    new Set(\n      labels\n        .map((label) => label.trim().toLowerCase())\n        .filter((label) => label.length > 0),\n    ),\n  ).sort()\n}\n\nfunction buildTagLabelKey(labels: string[]): string {\n  return normalizeTagLabels(labels).join('\\0')\n}\n\nfunction TagsSectionImpl({\n  title,\n  tags,\n  onChange,\n  isSubmitting = false,\n  canEdit = true,\n  autoSave = false,\n  loadOptions,\n  createTag,\n  onSave,\n  labels,\n  controllerRef,\n}: TagsSectionProps) {\n  const [editing, setEditing] = React.useState(autoSave)\n  const [draft, setDraft] = React.useState<string[]>([])\n  const [saving, setSaving] = React.useState(false)\n  const [, setOptions] = React.useState<Map<string, TagOption>>(() => new Map())\n  const [loadingOptions, setLoadingOptions] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const draftRef = React.useRef<string[]>([])\n  const savedTagsRef = React.useRef<TagOption[]>(tags)\n  const optionsRef = React.useRef<Map<string, TagOption>>(new Map())\n  const saveTaskRef = React.useRef<Promise<void> | null>(null)\n  React.useEffect(() => {\n    savedTagsRef.current = tags\n    setOptions((prev) => {\n      const next = new Map(prev)\n      for (const tag of tags) {\n        next.set(tag.label.toLowerCase(), tag)\n      }\n      optionsRef.current = next\n      return next\n    })\n  }, [tags])\n\n  React.useEffect(() => {\n    draftRef.current = draft\n  }, [draft])\n\n  const syncFetchedOptions = React.useCallback((fetched: TagOption[]) => {\n    if (!fetched.length) return\n    setOptions((prev) => {\n      const next = new Map(prev)\n      for (const tag of fetched) {\n        next.set(tag.label.toLowerCase(), tag)\n      }\n      optionsRef.current = next\n      return next\n    })\n  }, [])\n\n  const hasPendingDraftChanges = React.useCallback(() => {\n    if (!autoSave || !autoSaveUserEditedRef.current) return false\n    const draftLabels = normalizeTagLabels(draftRef.current)\n    const savedLabels = normalizeTagLabels(savedTagsRef.current.map((tag) => tag.label))\n    if (draftLabels.length !== savedLabels.length) return true\n    return draftLabels.some((label, index) => label !== savedLabels[index])\n  }, [autoSave])\n\n  const loadSuggestions = React.useCallback(\n    async (query?: string) => {\n      try {\n        const fetched = await loadOptions(query)\n        syncFetchedOptions(fetched)\n        return fetched.map((tag) => tag.label)\n      } catch (err) {\n        console.error('tags.section.loadSuggestions', err)\n        return []\n      }\n    },\n    [loadOptions, syncFetchedOptions],\n  )\n\n  const startEditing = React.useCallback(async () => {\n    if (editing || isSubmitting || !canEdit) return\n    setError(null)\n    setDraft(tags.map((tag) => tag.label))\n    setEditing(true)\n    setLoadingOptions(true)\n    try {\n      const fetched = await loadOptions()\n      syncFetchedOptions(fetched)\n    } catch (err) {\n      const message = err instanceof Error ? err.message : labels.loadError\n      setError(message)\n      flash(message, 'error')\n    } finally {\n      setLoadingOptions(false)\n    }\n  }, [canEdit, editing, isSubmitting, labels.loadError, loadOptions, syncFetchedOptions, tags])\n\n  const cancelEditing = React.useCallback(() => {\n    setEditing(false)\n    setDraft([])\n    setError(null)\n  }, [])\n\n  const ensureTagOption = React.useCallback(\n    async (label: string): Promise<TagOption> => {\n      const normalized = label.trim()\n      if (!normalized.length) {\n        throw new Error(labels.labelRequired)\n      }\n      const existing = optionsRef.current.get(normalized.toLowerCase())\n      if (existing) return existing\n      try {\n        const created = await createTag(normalized)\n        setOptions((prev) => {\n          const next = new Map(prev)\n          next.set(created.label.toLowerCase(), created)\n          optionsRef.current = next\n          return next\n        })\n        return created\n      } catch (err) {\n        const message = err instanceof Error ? err.message : labels.createError\n        throw new Error(message)\n      }\n    },\n    [createTag, labels.createError, labels.labelRequired],\n  )\n\n  const handleSave = React.useCallback(async () => {\n    if (saveTaskRef.current) {\n      await saveTaskRef.current\n      if (!autoSave || !hasPendingDraftChanges()) return\n    }\n    if (autoSave && !hasPendingDraftChanges()) {\n      autoSaveUserEditedRef.current = false\n      return\n    }\n\n    const trimmed = draftRef.current.map((label) => label.trim()).filter((label) => label.length > 0)\n    const uniqueLabels = Array.from(new Set(trimmed.map((label) => label.toLowerCase())))\n\n    let shouldContinueAutoSave = false\n\n    const task = (async () => {\n      const currentTags = savedTagsRef.current\n      const currentIds = new Set(currentTags.map((tag) => tag.id))\n      const finalTagOptions: TagOption[] = []\n      const submittedDraftKey = buildTagLabelKey(trimmed)\n\n      setSaving(true)\n      setError(null)\n      try {\n        for (const normalized of uniqueLabels) {\n          const existing = optionsRef.current.get(normalized)\n          if (existing) {\n            finalTagOptions.push(existing)\n            continue\n          }\n          const matchingLabel = trimmed.find((label) => label.toLowerCase() === normalized) ?? normalized\n          const created = await ensureTagOption(matchingLabel)\n          finalTagOptions.push(created)\n        }\n\n        const finalIds = new Set(finalTagOptions.map((tag) => tag.id))\n        const added = finalTagOptions.filter((tag) => !currentIds.has(tag.id))\n        const removed = currentTags.filter((tag) => !finalIds.has(tag.id))\n\n        if (added.length > 0 || removed.length > 0) {\n          await onSave({ next: finalTagOptions, added, removed })\n        }\n\n        savedTagsRef.current = finalTagOptions\n        onChange?.(finalTagOptions)\n        if (autoSave) {\n          const latestDraftKey = buildTagLabelKey(draftRef.current)\n          if (latestDraftKey === submittedDraftKey) {\n            autoSaveUserEditedRef.current = false\n            setDraft(finalTagOptions.map((tag) => tag.label))\n          } else {\n            shouldContinueAutoSave = true\n          }\n        } else {\n          setEditing(false)\n          setDraft([])\n        }\n        if (labels.success && (added.length > 0 || removed.length > 0)) flash(labels.success, 'success')\n      } catch (err) {\n        const message = err instanceof Error ? err.message : labels.updateError\n        setError(message)\n        flash(message, 'error')\n      } finally {\n        setSaving(false)\n      }\n    })()\n\n    saveTaskRef.current = task\n    try {\n      await task\n    } finally {\n      saveTaskRef.current = null\n    }\n    if (shouldContinueAutoSave) {\n      void handleSave()\n    }\n  }, [autoSave, ensureTagOption, hasPendingDraftChanges, labels.success, labels.updateError, onChange, onSave])\n\n  const activeTags = editing ? draft : tags.map((tag) => tag.label)\n\n  const handleEditingKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!editing) return\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        cancelEditing()\n        return\n      }\n      if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n        event.preventDefault()\n        if (saving || isSubmitting) return\n        void handleSave()\n      }\n    },\n    [cancelEditing, editing, handleSave, isSubmitting, saving],\n  )\n\n  const autoSaveInitializedRef = React.useRef(false)\n\n  React.useEffect(() => {\n    if (!autoSave || autoSaveInitializedRef.current) return\n    autoSaveInitializedRef.current = true\n    setEditing(true)\n    setDraft(tags.map((tag) => tag.label))\n    let cancelled = false\n    loadOptions().then((fetched) => {\n      if (cancelled) return\n      syncFetchedOptions(fetched)\n    }).catch(() => {})\n    return () => { cancelled = true }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [autoSave])\n\n  const autoSaveUserEditedRef = React.useRef(false)\n  const originalOnChange = React.useCallback(\n    (values: string[]) => {\n      autoSaveUserEditedRef.current = true\n      setDraft(values)\n    },\n    [],\n  )\n\n  React.useEffect(() => {\n    if (!autoSave || !editing || !autoSaveUserEditedRef.current) return\n    if (!hasPendingDraftChanges()) return\n    void handleSave()\n  }, [autoSave, draft, editing, handleSave, hasPendingDraftChanges])\n\n  const flush = React.useCallback(async () => {\n    if (saveTaskRef.current) {\n      await saveTaskRef.current\n      if (!autoSave || !editing || !hasPendingDraftChanges()) return\n    }\n    if (!autoSave || !editing || !hasPendingDraftChanges()) return\n    await handleSave()\n  }, [autoSave, editing, handleSave, hasPendingDraftChanges])\n\n  React.useEffect(() => {\n    if (!controllerRef) return\n    controllerRef.current = { flush }\n    return () => {\n      if (controllerRef.current?.flush === flush) {\n        controllerRef.current = null\n      }\n    }\n  }, [controllerRef, flush])\n\n  const disableInteraction = isSubmitting || !canEdit\n  const autoSaveStatusLabel = saving\n    ? (labels.saving ?? 'Saving\u2026')\n    : (labels.autoSaveHint ?? null)\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-between group\">\n        <h2 className=\"text-sm font-semibold\">\n          {title}\n        </h2>\n        {autoSave ? (\n          autoSaveStatusLabel ? <p className=\"text-xs text-muted-foreground\">{autoSaveStatusLabel}</p> : null\n        ) : (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            onClick={editing ? cancelEditing : startEditing}\n            disabled={disableInteraction || saving}\n            className={\n              editing\n                ? 'opacity-100 transition-opacity duration-150'\n                : 'opacity-100 md:opacity-0 transition-opacity duration-150 md:group-hover:opacity-100 focus-visible:opacity-100'\n            }\n          >\n            {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n            <span className=\"sr-only\">\n              {editing ? labels.cancel ?? 'Cancel' : labels.edit ?? 'Edit'}\n            </span>\n          </Button>\n        )}\n      </div>\n\n      {editing ? (\n        <div className=\"rounded-lg border bg-card p-4 space-y-3\">\n          <DataLoader\n            isLoading={loadingOptions}\n            loadingMessage={labels.loading}\n            spinnerSize=\"sm\"\n          >\n            <div className=\"space-y-3\" onKeyDown={handleEditingKeyDown}>\n              <TagsInput\n                value={activeTags}\n                onChange={autoSave ? originalOnChange : (values) => setDraft(values)}\n                placeholder={labels.placeholder}\n                loadSuggestions={loadSuggestions}\n                autoFocus={!autoSave}\n              />\n              {error ? <p className=\"text-xs text-red-600\">{error}</p> : null}\n              {autoSave ? null : (\n                <div className=\"flex items-center gap-2 mt-3 mb-2\">\n                  <Button type=\"button\" size=\"sm\" onClick={handleSave} disabled={saving || isSubmitting}>\n                    {saving ? (\n                      <span className=\"mr-2 h-4 w-4 animate-spin rounded-full border border-background border-t-primary\" />\n                    ) : null}\n                    {labels.saveShortcut}\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    onClick={cancelEditing}\n                    disabled={saving || isSubmitting}\n                  >\n                    {labels.cancelShortcut}\n                  </Button>\n                </div>\n              )}\n            </div>\n          </DataLoader>\n        </div>\n      ) : (\n        <div\n          className=\"group/tags relative rounded-lg border bg-muted/20 p-4 transition-colors hover:border-primary/40 focus-visible:border-primary focus-visible:outline-none\"\n          role={disableInteraction ? undefined : 'button'}\n          tabIndex={disableInteraction ? -1 : 0}\n          onClick={disableInteraction ? undefined : startEditing}\n          onKeyDown={(event) => {\n            if (disableInteraction) return\n            if (event.key === 'Enter' || event.key === ' ') {\n              event.preventDefault()\n              void startEditing()\n            }\n          }}\n        >\n          <span\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute right-3 top-3 text-muted-foreground opacity-0 transition-opacity duration-150 group-hover/tags:opacity-100 group-focus-within/tags:opacity-100\"\n          >\n            <Pencil className=\"h-4 w-4\" />\n          </span>\n          {tags.length === 0 ? (\n            <p className=\"text-sm text-muted-foreground\">\n              {labels.empty}\n            </p>\n          ) : (\n            <div className=\"flex flex-wrap gap-2\">\n              {tags.map((tag) => (\n                <span\n                  key={tag.id}\n                  className=\"inline-flex items-center rounded-full border px-3 py-1 text-xs font-medium\"\n                  style={tag.color ? { borderColor: tag.color, color: tag.color } : undefined}\n                >\n                  {tag.label}\n                </span>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport function TagsSection(props: TagsSectionProps) {\n  const handle = ComponentReplacementHandles.section('ui.detail', 'TagsSection')\n  const Resolved = useRegisteredComponent<TagsSectionProps>(\n    handle,\n    TagsSectionImpl as React.ComponentType<TagsSectionProps>,\n  )\n\n  return (\n    <div data-component-handle={handle}>\n      <Resolved {...props} />\n    </div>\n  )\n}\n\nexport default TagsSection\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/detail/addressFormat.js

@@ -0,0 +1,77 @@
+import { jsx } from "react/jsx-runtime";
+function normalize(value) {
+  if (typeof value !== "string") return null;
+  const trimmed = value.trim();
+  return trimmed.length ? trimmed : null;
+}
+function mergeStreetLine(address) {
+  const street = normalize(address.addressLine1);
+  const building = normalize(address.buildingNumber);
+  const flat = normalize(address.flatNumber);
+  if (!street && !building && !flat) return null;
+  let line = street ?? "";
+  if (building) line = line ? `${line} ${building}` : building;
+  if (flat) line = line ? `${line}/${flat}` : flat;
+  return line.length ? line : null;
+}
+function formatAddressJson(address, format) {
+  return {
+    format,
+    companyName: normalize(address.companyName),
+    addressLine1: normalize(address.addressLine1),
+    addressLine2: normalize(address.addressLine2),
+    buildingNumber: normalize(address.buildingNumber),
+    flatNumber: normalize(address.flatNumber),
+    postalCode: normalize(address.postalCode),
+    city: normalize(address.city),
+    region: normalize(address.region),
+    country: normalize(address.country)
+  };
+}
+function formatAddressLines(address, format) {
+  const json = formatAddressJson(address, format);
+  const lines = [];
+  if (json.companyName) lines.push(json.companyName);
+  if (format === "street_first") {
+    const streetLine = mergeStreetLine(address);
+    if (streetLine) lines.push(streetLine);
+    const supplemental = normalize(address.addressLine2);
+    if (supplemental) lines.push(supplemental);
+    const postalCity = [json.postalCode, json.city].filter(Boolean).join(" ");
+    if (postalCity.length) lines.push(postalCity);
+    if (json.region) lines.push(json.region);
+    if (json.country) lines.push(json.country);
+  } else {
+    if (json.addressLine1) {
+      const baseLine1 = json.addressLine1;
+      const appended = mergeStreetLine(address);
+      if (!json.buildingNumber && !json.flatNumber) {
+        lines.push(baseLine1);
+      } else {
+        const composite = appended ?? baseLine1;
+        lines.push(composite);
+      }
+    }
+    if (json.addressLine2) lines.push(json.addressLine2);
+    const postalCity = [json.postalCode, json.city].filter(Boolean).join(" ");
+    if (postalCity.length) lines.push(postalCity);
+    if (json.region) lines.push(json.region);
+    if (json.country) lines.push(json.country);
+  }
+  return lines;
+}
+function formatAddressString(address, format, separator = ", ") {
+  return formatAddressLines(address, format).filter(Boolean).join(separator);
+}
+function AddressView({ address, format, className, lineClassName }) {
+  const lines = formatAddressLines(address, format);
+  if (!lines.length) return null;
+  return /* @__PURE__ */ jsx("div", { className, children: lines.map((line, index) => /* @__PURE__ */ jsx("div", { className: lineClassName, children: line }, `${index}-${line}`)) });
+}
+export {
+  AddressView,
+  formatAddressJson,
+  formatAddressLines,
+  formatAddressString
+};
+//# sourceMappingURL=addressFormat.js.map

package/dist/backend/detail/addressFormat.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/detail/addressFormat.tsx"],
+  "sourcesContent": ["import * as React from 'react'\n\nexport type AddressFormatStrategy = 'line_first' | 'street_first'\n\nexport type AddressValue = {\n  addressLine1: string | null | undefined\n  addressLine2?: string | null\n  buildingNumber?: string | null\n  flatNumber?: string | null\n  city?: string | null\n  region?: string | null\n  postalCode?: string | null\n  country?: string | null\n  companyName?: string | null\n}\n\nexport type AddressJsonShape = {\n  format: AddressFormatStrategy\n  companyName: string | null\n  addressLine1: string | null\n  addressLine2: string | null\n  buildingNumber: string | null\n  flatNumber: string | null\n  postalCode: string | null\n  city: string | null\n  region: string | null\n  country: string | null\n}\n\nfunction normalize(value: string | null | undefined): string | null {\n  if (typeof value !== 'string') return null\n  const trimmed = value.trim()\n  return trimmed.length ? trimmed : null\n}\n\nfunction mergeStreetLine(address: AddressValue): string | null {\n  const street = normalize(address.addressLine1)\n  const building = normalize(address.buildingNumber)\n  const flat = normalize(address.flatNumber)\n  if (!street && !building && !flat) return null\n  let line = street ?? ''\n  if (building) line = line ? `${line} ${building}` : building\n  if (flat) line = line ? `${line}/${flat}` : flat\n  return line.length ? line : null\n}\n\nexport function formatAddressJson(address: AddressValue, format: AddressFormatStrategy): AddressJsonShape {\n  return {\n    format,\n    companyName: normalize(address.companyName),\n    addressLine1: normalize(address.addressLine1),\n    addressLine2: normalize(address.addressLine2),\n    buildingNumber: normalize(address.buildingNumber),\n    flatNumber: normalize(address.flatNumber),\n    postalCode: normalize(address.postalCode),\n    city: normalize(address.city),\n    region: normalize(address.region),\n    country: normalize(address.country),\n  }\n}\n\nexport function formatAddressLines(address: AddressValue, format: AddressFormatStrategy): string[] {\n  const json = formatAddressJson(address, format)\n  const lines: string[] = []\n\n  if (json.companyName) lines.push(json.companyName)\n\n  if (format === 'street_first') {\n    const streetLine = mergeStreetLine(address)\n    if (streetLine) lines.push(streetLine)\n    const supplemental = normalize(address.addressLine2)\n    if (supplemental) lines.push(supplemental)\n    const postalCity = [json.postalCode, json.city].filter(Boolean).join(' ')\n    if (postalCity.length) lines.push(postalCity)\n    if (json.region) lines.push(json.region)\n    if (json.country) lines.push(json.country)\n  } else {\n    if (json.addressLine1) {\n      const baseLine1 = json.addressLine1\n      const appended = mergeStreetLine(address)\n      if (!json.buildingNumber && !json.flatNumber) {\n        lines.push(baseLine1)\n      } else {\n        const composite = appended ?? baseLine1\n        lines.push(composite)\n      }\n    }\n    if (json.addressLine2) lines.push(json.addressLine2)\n    const postalCity = [json.postalCode, json.city].filter(Boolean).join(' ')\n    if (postalCity.length) lines.push(postalCity)\n    if (json.region) lines.push(json.region)\n    if (json.country) lines.push(json.country)\n  }\n\n  return lines\n}\n\nexport function formatAddressString(address: AddressValue, format: AddressFormatStrategy, separator = ', '): string {\n  return formatAddressLines(address, format).filter(Boolean).join(separator)\n}\n\ntype AddressViewProps = {\n  address: AddressValue\n  format: AddressFormatStrategy\n  className?: string\n  lineClassName?: string\n}\n\nexport function AddressView({ address, format, className, lineClassName }: AddressViewProps): React.ReactElement | null {\n  const lines = formatAddressLines(address, format)\n  if (!lines.length) return null\n  return (\n    <div className={className}>\n      {lines.map((line, index) => (\n        <div key={`${index}-${line}`} className={lineClassName}>\n          {line}\n        </div>\n      ))}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/detail/index.js

@@ -0,0 +1,36 @@
+export * from "./InlineEditors.js";
+export * from "./DetailFieldsSection.js";
+export * from "./LoadingMessage.js";
+export * from "./ErrorMessage.js";
+export * from "./AccessDeniedMessage.js";
+export * from "./TabEmptyState.js";
+export * from "./CustomDataSection.js";
+export * from "./TagsSection.js";
+import { NotesSection, mapCommentSummary } from "./NotesSection.js";
+import { ActivitiesSection } from "./ActivitiesSection.js";
+import { AddressesSection } from "./AddressesSection.js";
+import { default as default2 } from "./AddressTiles.js";
+import { default as default3 } from "./AddressEditor.js";
+import {
+  AddressView,
+  formatAddressJson,
+  formatAddressLines,
+  formatAddressString
+} from "./addressFormat.js";
+export * from "./AttachmentMetadataDialog.js";
+export * from "./AttachmentDeleteDialog.js";
+export * from "./AttachmentsSection.js";
+export * from "./AttachmentVisualPreview.js";
+export {
+  ActivitiesSection,
+  default3 as AddressEditor,
+  default2 as AddressTiles,
+  AddressView,
+  AddressesSection,
+  NotesSection,
+  formatAddressJson,
+  formatAddressLines,
+  formatAddressString,
+  mapCommentSummary
+};
+//# sourceMappingURL=index.js.map

package/dist/backend/detail/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/detail/index.ts"],
+  "sourcesContent": ["export * from './InlineEditors'\nexport * from './DetailFieldsSection'\nexport * from './LoadingMessage'\nexport * from './ErrorMessage'\nexport * from './AccessDeniedMessage'\nexport * from './TabEmptyState'\nexport * from './CustomDataSection'\nexport * from './TagsSection'\nexport { NotesSection, mapCommentSummary } from './NotesSection'\nexport type { NotesSectionProps, CommentSummary, SectionAction, TabEmptyStateConfig } from './NotesSection'\nexport { ActivitiesSection } from './ActivitiesSection'\nexport type {\n  ActivitiesSectionProps,\n  ActivitiesDataAdapter,\n  ActivitySummary,\n  ActivityCreatePayload,\n  ActivityUpdatePayload,\n  ActivityFormBaseValues,\n  ActivityFormSubmitPayload,\n} from './ActivitiesSection'\nexport { AddressesSection } from './AddressesSection'\nexport type { AddressesSectionProps, AddressDataAdapter, AddressSummary } from './AddressesSection'\nexport { default as AddressTiles } from './AddressTiles'\nexport type { AddressInput, AddressValue as AddressTileValue, Translator as AddressTilesTranslator } from './AddressTiles'\nexport { default as AddressEditor } from './AddressEditor'\nexport type {\n  AddressTypeOption,\n  AddressTypesAdapter,\n  AddressEditorDraft,\n  AddressEditorField,\n} from './AddressEditor'\nexport {\n  AddressView,\n  formatAddressJson,\n  formatAddressLines,\n  formatAddressString,\n} from './addressFormat'\nexport type {\n  AddressFormatStrategy,\n  AddressJsonShape,\n  AddressValue as AddressFormatValue,\n} from './addressFormat'\nexport * from './AttachmentMetadataDialog'\nexport * from './AttachmentDeleteDialog'\nexport * from './AttachmentsSection'\nexport * from './AttachmentVisualPreview'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,cAAc,yBAAyB;AAEhD,SAAS,yBAAyB;AAUlC,SAAS,wBAAwB;AAEjC,SAAoB,WAAXA,gBAA+B;AAExC,SAAoB,WAAXA,gBAAgC;AAOzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAMP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": ["default"]
+}

package/dist/backend/devtools/UmesDevToolsPanel.js

@@ -0,0 +1,109 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { Button } from "@freighttech/ui/primitives/button";
+import { IconButton } from "@freighttech/ui/primitives/icon-button";
+import { useUmesDevTools } from "./useUmesDevTools.js";
+import { ExtensionPointList } from "./components/ExtensionPointList.js";
+import { ConflictWarnings } from "./components/ConflictWarnings.js";
+import { EnricherTiming } from "./components/EnricherTiming.js";
+import { InterceptorActivity } from "./components/InterceptorActivity.js";
+import { EventFlow } from "./components/EventFlow.js";
+const isDevToolsEnabled = process.env.NEXT_PUBLIC_UMES_DEVTOOLS === "true";
+const TABS = [
+  { id: "extensions", label: "Extensions" },
+  { id: "conflicts", label: "Conflicts" },
+  { id: "timing", label: "Timing" },
+  { id: "interceptors", label: "Interceptors" },
+  { id: "events", label: "Events" }
+];
+function UmesDevToolsPanel() {
+  const [isOpen, setIsOpen] = useState(false);
+  const [activeTab, setActiveTab] = useState("extensions");
+  const data = useUmesDevTools(isOpen);
+  const handleKeyDown = useCallback((event) => {
+    if (event.ctrlKey && event.shiftKey && event.key === "U") {
+      event.preventDefault();
+      setIsOpen((prev) => !prev);
+    }
+  }, []);
+  useEffect(() => {
+    if (!isDevToolsEnabled) return;
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [handleKeyDown]);
+  if (!isDevToolsEnabled || !isOpen) return null;
+  const conflictCount = data.conflicts.length;
+  const hasErrors = data.conflicts.some((c) => c.severity === "error");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "fixed inset-y-0 right-0 z-[9999] flex w-[440px] flex-col border-l bg-background text-foreground shadow-lg",
+      style: { fontSize: "13px" },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-between border-b bg-muted/50 px-4 py-2.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("strong", { className: "text-sm", children: "UMES DevTools" }),
+            /* @__PURE__ */ jsxs("span", { className: "rounded bg-blue-100 px-1.5 py-px text-[10px] font-semibold text-blue-700 dark:bg-blue-900/40 dark:text-blue-300", children: [
+              data.extensions.length,
+              " ext"
+            ] }),
+            conflictCount > 0 && /* @__PURE__ */ jsxs("span", { className: `rounded px-1.5 py-px text-[10px] font-semibold ${hasErrors ? "bg-red-100 text-red-600 dark:bg-red-900/40 dark:text-red-400" : "bg-amber-100 text-amber-600 dark:bg-amber-900/40 dark:text-amber-400"}`, children: [
+              conflictCount,
+              " conflict",
+              conflictCount !== 1 ? "s" : ""
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                className: "h-auto px-2 py-0.5 text-[11px]",
+                onClick: () => data.refresh(),
+                children: "Refresh"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "xs",
+                onClick: () => setIsOpen(false),
+                "aria-label": "Close DevTools",
+                children: /* @__PURE__ */ jsx("span", { className: "text-lg leading-none", children: "\xD7" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex shrink-0 border-b bg-muted/50", children: TABS.map((tab) => /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: `h-auto flex-1 rounded-none border-b-2 px-1 py-2 text-[11px] hover:bg-transparent ${activeTab === tab.id ? "border-primary font-semibold text-primary" : "border-transparent text-muted-foreground"}`,
+            onClick: () => setActiveTab(tab.id),
+            children: tab.label
+          },
+          tab.id
+        )) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-auto p-3 px-4", children: [
+          activeTab === "extensions" && /* @__PURE__ */ jsx(ExtensionPointList, { extensions: data.extensions }),
+          activeTab === "conflicts" && /* @__PURE__ */ jsx(ConflictWarnings, { conflicts: data.conflicts }),
+          activeTab === "timing" && /* @__PURE__ */ jsx(EnricherTiming, { entries: data.enricherTimings }),
+          activeTab === "interceptors" && /* @__PURE__ */ jsx(InterceptorActivity, { entries: data.interceptorActivity }),
+          activeTab === "events" && /* @__PURE__ */ jsx(EventFlow, { entries: data.eventFlow })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t bg-muted/50 px-4 py-1.5 text-center text-[10px] text-muted-foreground", children: "Ctrl+Shift+U to toggle | Dev mode only" })
+      ]
+    }
+  );
+}
+export {
+  UmesDevToolsPanel
+};
+//# sourceMappingURL=UmesDevToolsPanel.js.map

package/dist/backend/devtools/UmesDevToolsPanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/devtools/UmesDevToolsPanel.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { useState, useEffect, useCallback } from 'react'\nimport { Button } from '@freighttech/ui/primitives/button'\nimport { IconButton } from '@freighttech/ui/primitives/icon-button'\nimport { useUmesDevTools } from './useUmesDevTools'\nimport { ExtensionPointList } from './components/ExtensionPointList'\nimport { ConflictWarnings } from './components/ConflictWarnings'\nimport { EnricherTiming } from './components/EnricherTiming'\nimport { InterceptorActivity } from './components/InterceptorActivity'\nimport { EventFlow } from './components/EventFlow'\n\nconst isDevToolsEnabled = process.env.NEXT_PUBLIC_UMES_DEVTOOLS === 'true'\n\ntype TabId = 'extensions' | 'conflicts' | 'timing' | 'interceptors' | 'events'\n\nconst TABS: { id: TabId; label: string }[] = [\n  { id: 'extensions', label: 'Extensions' },\n  { id: 'conflicts', label: 'Conflicts' },\n  { id: 'timing', label: 'Timing' },\n  { id: 'interceptors', label: 'Interceptors' },\n  { id: 'events', label: 'Events' },\n]\n\nexport function UmesDevToolsPanel() {\n  const [isOpen, setIsOpen] = useState(false)\n  const [activeTab, setActiveTab] = useState<TabId>('extensions')\n  const data = useUmesDevTools(isOpen)\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.ctrlKey && event.shiftKey && event.key === 'U') {\n      event.preventDefault()\n      setIsOpen((prev) => !prev)\n    }\n  }, [])\n\n  useEffect(() => {\n    if (!isDevToolsEnabled) return\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [handleKeyDown])\n\n  if (!isDevToolsEnabled || !isOpen) return null\n\n  const conflictCount = data.conflicts.length\n  const hasErrors = data.conflicts.some((c) => c.severity === 'error')\n\n  return (\n    <div className=\"fixed inset-y-0 right-0 z-[9999] flex w-[440px] flex-col border-l bg-background text-foreground shadow-lg\"\n      style={{ fontSize: '13px' }}\n    >\n      {/* Header */}\n      <div className=\"flex shrink-0 items-center justify-between border-b bg-muted/50 px-4 py-2.5\">\n        <div className=\"flex items-center gap-2\">\n          <strong className=\"text-sm\">UMES DevTools</strong>\n          <span className=\"rounded bg-blue-100 px-1.5 py-px text-[10px] font-semibold text-blue-700 dark:bg-blue-900/40 dark:text-blue-300\">\n            {data.extensions.length} ext\n          </span>\n          {conflictCount > 0 && (\n            <span className={`rounded px-1.5 py-px text-[10px] font-semibold ${hasErrors ? 'bg-red-100 text-red-600 dark:bg-red-900/40 dark:text-red-400' : 'bg-amber-100 text-amber-600 dark:bg-amber-900/40 dark:text-amber-400'}`}>\n              {conflictCount} conflict{conflictCount !== 1 ? 's' : ''}\n            </span>\n          )}\n        </div>\n        <div className=\"flex items-center gap-1.5\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"h-auto px-2 py-0.5 text-[11px]\"\n            onClick={() => data.refresh()}\n          >\n            Refresh\n          </Button>\n          <IconButton\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"xs\"\n            onClick={() => setIsOpen(false)}\n            aria-label=\"Close DevTools\"\n          >\n            <span className=\"text-lg leading-none\">&times;</span>\n          </IconButton>\n        </div>\n      </div>\n\n      {/* Tabs */}\n      <div className=\"flex shrink-0 border-b bg-muted/50\">\n        {TABS.map((tab) => (\n          <Button\n            key={tab.id}\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            className={`h-auto flex-1 rounded-none border-b-2 px-1 py-2 text-[11px] hover:bg-transparent ${\n              activeTab === tab.id\n                ? 'border-primary font-semibold text-primary'\n                : 'border-transparent text-muted-foreground'\n            }`}\n            onClick={() => setActiveTab(tab.id)}\n          >\n            {tab.label}\n          </Button>\n        ))}\n      </div>\n\n      {/* Content */}\n      <div className=\"flex-1 overflow-auto p-3 px-4\">\n        {activeTab === 'extensions' && <ExtensionPointList extensions={data.extensions} />}\n        {activeTab === 'conflicts' && <ConflictWarnings conflicts={data.conflicts} />}\n        {activeTab === 'timing' && <EnricherTiming entries={data.enricherTimings} />}\n        {activeTab === 'interceptors' && <InterceptorActivity entries={data.interceptorActivity} />}\n        {activeTab === 'events' && <EventFlow entries={data.eventFlow} />}\n      </div>\n\n      {/* Footer */}\n      <div className=\"shrink-0 border-t bg-muted/50 px-4 py-1.5 text-center text-[10px] text-muted-foreground\">\n        Ctrl+Shift+U to toggle | Dev mode only\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/devtools/components/ConflictWarnings.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ConflictWarnings({ conflicts }) {
+  if (conflicts.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-xs italic text-emerald-600 dark:text-emerald-400", children: "No conflicts detected" });
+  }
+  return /* @__PURE__ */ jsx("div", { children: conflicts.map((conflict, idx) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `mb-1.5 rounded border-l-[3px] p-2 text-xs ${conflict.severity === "error" ? "border-l-red-500 bg-red-50 dark:bg-red-950/30" : "border-l-amber-500 bg-amber-50 dark:bg-amber-950/30"}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-0.5 font-semibold", children: [
+          conflict.severity === "error" ? "Error" : "Warning",
+          ": ",
+          conflict.type
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-foreground/80", children: conflict.message }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-0.5 text-[11px] text-muted-foreground", children: [
+          "Modules: ",
+          conflict.moduleIds.join(", "),
+          " | Target: ",
+          conflict.target
+        ] })
+      ]
+    },
+    idx
+  )) });
+}
+export {
+  ConflictWarnings
+};
+//# sourceMappingURL=ConflictWarnings.js.map

package/dist/backend/devtools/components/ConflictWarnings.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/devtools/components/ConflictWarnings.tsx"],
+  "sourcesContent": ["'use client'\n\nimport type { UmesConflict } from '@open-mercato/shared/lib/umes/devtools-types'\n\nexport function ConflictWarnings({ conflicts }: { conflicts: UmesConflict[] }) {\n  if (conflicts.length === 0) {\n    return (\n      <p className=\"text-xs italic text-emerald-600 dark:text-emerald-400\">\n        No conflicts detected\n      </p>\n    )\n  }\n\n  return (\n    <div>\n      {conflicts.map((conflict, idx) => (\n        <div\n          key={idx}\n          className={`mb-1.5 rounded border-l-[3px] p-2 text-xs ${\n            conflict.severity === 'error'\n              ? 'border-l-red-500 bg-red-50 dark:bg-red-950/30'\n              : 'border-l-amber-500 bg-amber-50 dark:bg-amber-950/30'\n          }`}\n        >\n          <div className=\"mb-0.5 font-semibold\">\n            {conflict.severity === 'error' ? 'Error' : 'Warning'}: {conflict.type}\n          </div>\n          <div className=\"text-foreground/80\">{conflict.message}</div>\n          <div className=\"mt-0.5 text-[11px] text-muted-foreground\">\n            Modules: {conflict.moduleIds.join(', ')} | Target: {conflict.target}\n          </div>\n        </div>\n      ))}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAOM,cAiBI,YAjBJ;AAHC,SAAS,iBAAiB,EAAE,UAAU,GAAkC;AAC7E,MAAI,UAAU,WAAW,GAAG;AAC1B,WACE,oBAAC,OAAE,WAAU,yDAAwD,mCAErE;AAAA,EAEJ;AAEA,SACE,oBAAC,SACE,oBAAU,IAAI,CAAC,UAAU,QACxB;AAAA,IAAC;AAAA;AAAA,MAEC,WAAW,6CACT,SAAS,aAAa,UAClB,kDACA,qDACN;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAU,wBACZ;AAAA,mBAAS,aAAa,UAAU,UAAU;AAAA,UAAU;AAAA,UAAG,SAAS;AAAA,WACnE;AAAA,QACA,oBAAC,SAAI,WAAU,sBAAsB,mBAAS,SAAQ;AAAA,QACtD,qBAAC,SAAI,WAAU,4CAA2C;AAAA;AAAA,UAC9C,SAAS,UAAU,KAAK,IAAI;AAAA,UAAE;AAAA,UAAY,SAAS;AAAA,WAC/D;AAAA;AAAA;AAAA,IAbK;AAAA,EAcP,CACD,GACH;AAEJ;",
+  "names": []
+}

package/dist/backend/devtools/components/EnricherTiming.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getTimingClasses(ms) {
+  if (ms >= 500) return { text: "text-red-500", bar: "bg-red-500" };
+  if (ms >= 100) return { text: "text-amber-500", bar: "bg-amber-500" };
+  return { text: "text-emerald-500", bar: "bg-emerald-500" };
+}
+function getTimingBarWidth(ms, maxMs) {
+  if (maxMs === 0) return "0%";
+  return `${Math.min(100, ms / maxMs * 100)}%`;
+}
+function EnricherTiming({ entries }) {
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-xs italic text-muted-foreground", children: "No timing data" });
+  }
+  const recent = entries.slice(-20).reverse();
+  const maxMs = Math.max(...recent.map((e) => e.durationMs), 1);
+  return /* @__PURE__ */ jsx("div", { children: recent.map((entry, idx) => {
+    const classes = getTimingClasses(entry.durationMs);
+    return /* @__PURE__ */ jsxs("div", { className: "border-b border-border/50 py-1 text-xs", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-0.5 flex justify-between", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: entry.enricherId }),
+        /* @__PURE__ */ jsxs("span", { className: `font-mono font-semibold ${classes.text}`, children: [
+          entry.durationMs,
+          "ms"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "h-1 overflow-hidden rounded bg-muted", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `h-full rounded transition-[width] duration-300 ${classes.bar}`,
+          style: { width: getTimingBarWidth(entry.durationMs, maxMs) }
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-px text-[11px] text-muted-foreground", children: [
+        entry.targetEntity,
+        " | ",
+        entry.moduleId
+      ] })
+    ] }, idx);
+  }) });
+}
+export {
+  EnricherTiming
+};
+//# sourceMappingURL=EnricherTiming.js.map

package/dist/backend/devtools/components/EnricherTiming.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/devtools/components/EnricherTiming.tsx"],
+  "sourcesContent": ["'use client'\n\nimport type { EnricherTimingEntry } from '@open-mercato/shared/lib/umes/devtools-types'\n\nfunction getTimingClasses(ms: number): { text: string; bar: string } {\n  if (ms >= 500) return { text: 'text-red-500', bar: 'bg-red-500' }\n  if (ms >= 100) return { text: 'text-amber-500', bar: 'bg-amber-500' }\n  return { text: 'text-emerald-500', bar: 'bg-emerald-500' }\n}\n\nfunction getTimingBarWidth(ms: number, maxMs: number): string {\n  if (maxMs === 0) return '0%'\n  return `${Math.min(100, (ms / maxMs) * 100)}%`\n}\n\nexport function EnricherTiming({ entries }: { entries: EnricherTimingEntry[] }) {\n  if (entries.length === 0) {\n    return <p className=\"text-xs italic text-muted-foreground\">No timing data</p>\n  }\n\n  const recent = entries.slice(-20).reverse()\n  const maxMs = Math.max(...recent.map((e) => e.durationMs), 1)\n\n  return (\n    <div>\n      {recent.map((entry, idx) => {\n        const classes = getTimingClasses(entry.durationMs)\n        return (\n          <div key={idx} className=\"border-b border-border/50 py-1 text-xs\">\n            <div className=\"mb-0.5 flex justify-between\">\n              <span className=\"font-medium\">{entry.enricherId}</span>\n              <span className={`font-mono font-semibold ${classes.text}`}>\n                {entry.durationMs}ms\n              </span>\n            </div>\n            <div className=\"h-1 overflow-hidden rounded bg-muted\">\n              <div\n                className={`h-full rounded transition-[width] duration-300 ${classes.bar}`}\n                style={{ width: getTimingBarWidth(entry.durationMs, maxMs) }}\n              />\n            </div>\n            <div className=\"mt-px text-[11px] text-muted-foreground\">\n              {entry.targetEntity} | {entry.moduleId}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAiBW,cAcG,YAdH;AAbX,SAAS,iBAAiB,IAA2C;AACnE,MAAI,MAAM,IAAK,QAAO,EAAE,MAAM,gBAAgB,KAAK,aAAa;AAChE,MAAI,MAAM,IAAK,QAAO,EAAE,MAAM,kBAAkB,KAAK,eAAe;AACpE,SAAO,EAAE,MAAM,oBAAoB,KAAK,iBAAiB;AAC3D;AAEA,SAAS,kBAAkB,IAAY,OAAuB;AAC5D,MAAI,UAAU,EAAG,QAAO;AACxB,SAAO,GAAG,KAAK,IAAI,KAAM,KAAK,QAAS,GAAG,CAAC;AAC7C;AAEO,SAAS,eAAe,EAAE,QAAQ,GAAuC;AAC9E,MAAI,QAAQ,WAAW,GAAG;AACxB,WAAO,oBAAC,OAAE,WAAU,wCAAuC,4BAAc;AAAA,EAC3E;AAEA,QAAM,SAAS,QAAQ,MAAM,GAAG,EAAE,QAAQ;AAC1C,QAAM,QAAQ,KAAK,IAAI,GAAG,OAAO,IAAI,CAAC,MAAM,EAAE,UAAU,GAAG,CAAC;AAE5D,SACE,oBAAC,SACE,iBAAO,IAAI,CAAC,OAAO,QAAQ;AAC1B,UAAM,UAAU,iBAAiB,MAAM,UAAU;AACjD,WACE,qBAAC,SAAc,WAAU,0CACvB;AAAA,2BAAC,SAAI,WAAU,+BACb;AAAA,4BAAC,UAAK,WAAU,eAAe,gBAAM,YAAW;AAAA,QAChD,qBAAC,UAAK,WAAW,2BAA2B,QAAQ,IAAI,IACrD;AAAA,gBAAM;AAAA,UAAW;AAAA,WACpB;AAAA,SACF;AAAA,MACA,oBAAC,SAAI,WAAU,wCACb;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,kDAAkD,QAAQ,GAAG;AAAA,UACxE,OAAO,EAAE,OAAO,kBAAkB,MAAM,YAAY,KAAK,EAAE;AAAA;AAAA,MAC7D,GACF;AAAA,MACA,qBAAC,SAAI,WAAU,2CACZ;AAAA,cAAM;AAAA,QAAa;AAAA,QAAI,MAAM;AAAA,SAChC;AAAA,SAfQ,GAgBV;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "names": []
+}

package/dist/backend/devtools/components/EventFlow.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+const RESULT_CLASSES = {
+  allowed: { text: "text-emerald-600 dark:text-emerald-400", bg: "bg-emerald-50 dark:bg-emerald-950/30" },
+  blocked: { text: "text-red-600 dark:text-red-400", bg: "bg-red-50 dark:bg-red-950/30" },
+  error: { text: "text-amber-600 dark:text-amber-400", bg: "bg-amber-50 dark:bg-amber-950/30" }
+};
+function EventFlow({ entries }) {
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-xs italic text-muted-foreground", children: "No event flow data" });
+  }
+  const recent = entries.slice(-15).reverse();
+  return /* @__PURE__ */ jsx("div", { children: recent.map((entry, idx) => {
+    const classes = RESULT_CLASSES[entry.result] ?? RESULT_CLASSES.allowed;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `mb-0.5 flex items-center justify-between rounded p-1 px-2 text-xs ${classes.bg}`,
+        children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: entry.eventName }),
+            /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-[11px] text-muted-foreground", children: entry.widgetId })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: `text-[11px] font-semibold ${classes.text}`, children: entry.result })
+        ]
+      },
+      idx
+    );
+  }) });
+}
+export {
+  EventFlow
+};
+//# sourceMappingURL=EventFlow.js.map

package/dist/backend/devtools/components/EventFlow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/devtools/components/EventFlow.tsx"],
+  "sourcesContent": ["'use client'\n\nimport type { EventFlowEntry } from '@open-mercato/shared/lib/umes/devtools-types'\n\nconst RESULT_CLASSES: Record<string, { text: string; bg: string }> = {\n  allowed: { text: 'text-emerald-600 dark:text-emerald-400', bg: 'bg-emerald-50 dark:bg-emerald-950/30' },\n  blocked: { text: 'text-red-600 dark:text-red-400', bg: 'bg-red-50 dark:bg-red-950/30' },\n  error: { text: 'text-amber-600 dark:text-amber-400', bg: 'bg-amber-50 dark:bg-amber-950/30' },\n}\n\nexport function EventFlow({ entries }: { entries: EventFlowEntry[] }) {\n  if (entries.length === 0) {\n    return (\n      <p className=\"text-xs italic text-muted-foreground\">\n        No event flow data\n      </p>\n    )\n  }\n\n  const recent = entries.slice(-15).reverse()\n\n  return (\n    <div>\n      {recent.map((entry, idx) => {\n        const classes = RESULT_CLASSES[entry.result] ?? RESULT_CLASSES.allowed\n        return (\n          <div\n            key={idx}\n            className={`mb-0.5 flex items-center justify-between rounded p-1 px-2 text-xs ${classes.bg}`}\n          >\n            <div>\n              <span className=\"font-medium\">{entry.eventName}</span>\n              <span className=\"ml-1.5 text-[11px] text-muted-foreground\">\n                {entry.widgetId}\n              </span>\n            </div>\n            <span className={`text-[11px] font-semibold ${classes.text}`}>\n              {entry.result}\n            </span>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAaM,cAiBM,YAjBN;AATN,MAAM,iBAA+D;AAAA,EACnE,SAAS,EAAE,MAAM,0CAA0C,IAAI,uCAAuC;AAAA,EACtG,SAAS,EAAE,MAAM,kCAAkC,IAAI,+BAA+B;AAAA,EACtF,OAAO,EAAE,MAAM,sCAAsC,IAAI,mCAAmC;AAC9F;AAEO,SAAS,UAAU,EAAE,QAAQ,GAAkC;AACpE,MAAI,QAAQ,WAAW,GAAG;AACxB,WACE,oBAAC,OAAE,WAAU,wCAAuC,gCAEpD;AAAA,EAEJ;AAEA,QAAM,SAAS,QAAQ,MAAM,GAAG,EAAE,QAAQ;AAE1C,SACE,oBAAC,SACE,iBAAO,IAAI,CAAC,OAAO,QAAQ;AAC1B,UAAM,UAAU,eAAe,MAAM,MAAM,KAAK,eAAe;AAC/D,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW,qEAAqE,QAAQ,EAAE;AAAA,QAE1F;AAAA,+BAAC,SACC;AAAA,gCAAC,UAAK,WAAU,eAAe,gBAAM,WAAU;AAAA,YAC/C,oBAAC,UAAK,WAAU,4CACb,gBAAM,UACT;AAAA,aACF;AAAA,UACA,oBAAC,UAAK,WAAW,6BAA6B,QAAQ,IAAI,IACvD,gBAAM,QACT;AAAA;AAAA;AAAA,MAXK;AAAA,IAYP;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "names": []
+}

package/dist/backend/devtools/components/ExtensionPointList.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+const TYPE_COLORS = {
+  enricher: "bg-blue-500",
+  interceptor: "bg-amber-500",
+  "component-override": "bg-violet-500",
+  "injection-widget": "bg-emerald-500",
+  "injection-data-widget": "bg-cyan-500"
+};
+function ExtensionPointList({ extensions }) {
+  if (extensions.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-xs italic text-muted-foreground", children: "No extensions registered" });
+  }
+  const grouped = /* @__PURE__ */ new Map();
+  for (const ext of extensions) {
+    const key = ext.type;
+    const group = grouped.get(key) ?? [];
+    group.push(ext);
+    grouped.set(key, group);
+  }
+  return /* @__PURE__ */ jsx("div", { children: Array.from(grouped.entries()).map(([type, items]) => /* @__PURE__ */ jsxs("div", { className: "mb-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide", children: [
+      /* @__PURE__ */ jsx("span", { className: `inline-block size-2 rounded-full ${TYPE_COLORS[type] ?? "bg-muted-foreground"}` }),
+      type,
+      " (",
+      items.length,
+      ")"
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "pl-3.5", children: items.map((ext, idx) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center justify-between border-b border-border/50 py-1 text-xs",
+        children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: ext.id }),
+            /* @__PURE__ */ jsxs("span", { className: "ml-1.5 text-muted-foreground", children: [
+              "[",
+              ext.moduleId,
+              "]"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: ext.target }),
+            ext.priority !== 0 && /* @__PURE__ */ jsxs("span", { className: "rounded bg-muted px-1.5 py-px text-[10px] font-semibold", children: [
+              "P",
+              ext.priority
+            ] })
+          ] })
+        ]
+      },
+      `${ext.id}-${idx}`
+    )) })
+  ] }, type)) });
+}
+export {
+  ExtensionPointList
+};
+//# sourceMappingURL=ExtensionPointList.js.map

package/dist/backend/devtools/components/ExtensionPointList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/devtools/components/ExtensionPointList.tsx"],
+  "sourcesContent": ["'use client'\n\nimport type { UmesExtensionInfo } from '@open-mercato/shared/lib/umes/devtools-types'\n\nconst TYPE_COLORS: Record<string, string> = {\n  enricher: 'bg-blue-500',\n  interceptor: 'bg-amber-500',\n  'component-override': 'bg-violet-500',\n  'injection-widget': 'bg-emerald-500',\n  'injection-data-widget': 'bg-cyan-500',\n}\n\nexport function ExtensionPointList({ extensions }: { extensions: UmesExtensionInfo[] }) {\n  if (extensions.length === 0) {\n    return <p className=\"text-xs italic text-muted-foreground\">No extensions registered</p>\n  }\n\n  const grouped = new Map<string, UmesExtensionInfo[]>()\n  for (const ext of extensions) {\n    const key = ext.type\n    const group = grouped.get(key) ?? []\n    group.push(ext)\n    grouped.set(key, group)\n  }\n\n  return (\n    <div>\n      {Array.from(grouped.entries()).map(([type, items]) => (\n        <div key={type} className=\"mb-3\">\n          <div className=\"mb-1 flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide\">\n            <span className={`inline-block size-2 rounded-full ${TYPE_COLORS[type] ?? 'bg-muted-foreground'}`} />\n            {type} ({items.length})\n          </div>\n          <div className=\"pl-3.5\">\n            {items.map((ext, idx) => (\n              <div\n                key={`${ext.id}-${idx}`}\n                className=\"flex items-center justify-between border-b border-border/50 py-1 text-xs\"\n              >\n                <div>\n                  <span className=\"font-medium\">{ext.id}</span>\n                  <span className=\"ml-1.5 text-muted-foreground\">[{ext.moduleId}]</span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-[11px] text-muted-foreground\">{ext.target}</span>\n                  {ext.priority !== 0 && (\n                    <span className=\"rounded bg-muted px-1.5 py-px text-[10px] font-semibold\">\n                      P{ext.priority}\n                    </span>\n                  )}\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      ))}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAcW,cAeD,YAfC;AAVX,MAAM,cAAsC;AAAA,EAC1C,UAAU;AAAA,EACV,aAAa;AAAA,EACb,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,yBAAyB;AAC3B;AAEO,SAAS,mBAAmB,EAAE,WAAW,GAAwC;AACtF,MAAI,WAAW,WAAW,GAAG;AAC3B,WAAO,oBAAC,OAAE,WAAU,wCAAuC,sCAAwB;AAAA,EACrF;AAEA,QAAM,UAAU,oBAAI,IAAiC;AACrD,aAAW,OAAO,YAAY;AAC5B,UAAM,MAAM,IAAI;AAChB,UAAM,QAAQ,QAAQ,IAAI,GAAG,KAAK,CAAC;AACnC,UAAM,KAAK,GAAG;AACd,YAAQ,IAAI,KAAK,KAAK;AAAA,EACxB;AAEA,SACE,oBAAC,SACE,gBAAM,KAAK,QAAQ,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,KAAK,MAC9C,qBAAC,SAAe,WAAU,QACxB;AAAA,yBAAC,SAAI,WAAU,gFACb;AAAA,0BAAC,UAAK,WAAW,oCAAoC,YAAY,IAAI,KAAK,qBAAqB,IAAI;AAAA,MAClG;AAAA,MAAK;AAAA,MAAG,MAAM;AAAA,MAAO;AAAA,OACxB;AAAA,IACA,oBAAC,SAAI,WAAU,UACZ,gBAAM,IAAI,CAAC,KAAK,QACf;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QAEV;AAAA,+BAAC,SACC;AAAA,gCAAC,UAAK,WAAU,eAAe,cAAI,IAAG;AAAA,YACtC,qBAAC,UAAK,WAAU,gCAA+B;AAAA;AAAA,cAAE,IAAI;AAAA,cAAS;AAAA,eAAC;AAAA,aACjE;AAAA,UACA,qBAAC,SAAI,WAAU,2BACb;AAAA,gCAAC,UAAK,WAAU,qCAAqC,cAAI,QAAO;AAAA,YAC/D,IAAI,aAAa,KAChB,qBAAC,UAAK,WAAU,2DAA0D;AAAA;AAAA,cACtE,IAAI;AAAA,eACR;AAAA,aAEJ;AAAA;AAAA;AAAA,MAdK,GAAG,IAAI,EAAE,IAAI,GAAG;AAAA,IAevB,CACD,GACH;AAAA,OAzBQ,IA0BV,CACD,GACH;AAEJ;",
+  "names": []
+}

package/dist/backend/devtools/components/InterceptorActivity.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+const RESULT_CLASSES = {
+  allowed: { text: "text-emerald-600 dark:text-emerald-400", bg: "bg-emerald-50 dark:bg-emerald-950/30" },
+  blocked: { text: "text-red-600 dark:text-red-400", bg: "bg-red-50 dark:bg-red-950/30" },
+  modified: { text: "text-amber-600 dark:text-amber-400", bg: "bg-amber-50 dark:bg-amber-950/30" }
+};
+function InterceptorActivity({ entries }) {
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-xs italic text-muted-foreground", children: "No interceptor activity" });
+  }
+  const recent = entries.slice(-15).reverse();
+  return /* @__PURE__ */ jsx("div", { children: recent.map((entry, idx) => {
+    const classes = RESULT_CLASSES[entry.result] ?? RESULT_CLASSES.allowed;
+    return /* @__PURE__ */ jsxs("div", { className: `mb-1 rounded p-1.5 px-2 text-xs ${classes.bg}`, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: entry.interceptorId }),
+        /* @__PURE__ */ jsx("span", { className: `text-[11px] font-semibold uppercase ${classes.text}`, children: entry.result })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-0.5 text-[11px] text-muted-foreground", children: [
+        entry.method,
+        " ",
+        entry.route,
+        " | ",
+        entry.durationMs,
+        "ms",
+        entry.statusCode ? ` | ${entry.statusCode}` : ""
+      ] }),
+      entry.message && /* @__PURE__ */ jsx("div", { className: "mt-px text-[11px] text-muted-foreground/70", children: entry.message })
+    ] }, idx);
+  }) });
+}
+export {
+  InterceptorActivity
+};
+//# sourceMappingURL=InterceptorActivity.js.map

package/dist/backend/devtools/components/InterceptorActivity.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/devtools/components/InterceptorActivity.tsx"],
+  "sourcesContent": ["'use client'\n\nimport type { InterceptorActivityEntry } from '@open-mercato/shared/lib/umes/devtools-types'\n\nconst RESULT_CLASSES: Record<string, { text: string; bg: string }> = {\n  allowed: { text: 'text-emerald-600 dark:text-emerald-400', bg: 'bg-emerald-50 dark:bg-emerald-950/30' },\n  blocked: { text: 'text-red-600 dark:text-red-400', bg: 'bg-red-50 dark:bg-red-950/30' },\n  modified: { text: 'text-amber-600 dark:text-amber-400', bg: 'bg-amber-50 dark:bg-amber-950/30' },\n}\n\nexport function InterceptorActivity({ entries }: { entries: InterceptorActivityEntry[] }) {\n  if (entries.length === 0) {\n    return (\n      <p className=\"text-xs italic text-muted-foreground\">\n        No interceptor activity\n      </p>\n    )\n  }\n\n  const recent = entries.slice(-15).reverse()\n\n  return (\n    <div>\n      {recent.map((entry, idx) => {\n        const classes = RESULT_CLASSES[entry.result] ?? RESULT_CLASSES.allowed\n        return (\n          <div key={idx} className={`mb-1 rounded p-1.5 px-2 text-xs ${classes.bg}`}>\n            <div className=\"flex items-center justify-between\">\n              <span className=\"font-medium\">{entry.interceptorId}</span>\n              <span className={`text-[11px] font-semibold uppercase ${classes.text}`}>\n                {entry.result}\n              </span>\n            </div>\n            <div className=\"mt-0.5 text-[11px] text-muted-foreground\">\n              {entry.method} {entry.route} | {entry.durationMs}ms\n              {entry.statusCode ? ` | ${entry.statusCode}` : ''}\n            </div>\n            {entry.message && (\n              <div className=\"mt-px text-[11px] text-muted-foreground/70\">\n                {entry.message}\n              </div>\n            )}\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAaM,cAcM,YAdN;AATN,MAAM,iBAA+D;AAAA,EACnE,SAAS,EAAE,MAAM,0CAA0C,IAAI,uCAAuC;AAAA,EACtG,SAAS,EAAE,MAAM,kCAAkC,IAAI,+BAA+B;AAAA,EACtF,UAAU,EAAE,MAAM,sCAAsC,IAAI,mCAAmC;AACjG;AAEO,SAAS,oBAAoB,EAAE,QAAQ,GAA4C;AACxF,MAAI,QAAQ,WAAW,GAAG;AACxB,WACE,oBAAC,OAAE,WAAU,wCAAuC,qCAEpD;AAAA,EAEJ;AAEA,QAAM,SAAS,QAAQ,MAAM,GAAG,EAAE,QAAQ;AAE1C,SACE,oBAAC,SACE,iBAAO,IAAI,CAAC,OAAO,QAAQ;AAC1B,UAAM,UAAU,eAAe,MAAM,MAAM,KAAK,eAAe;AAC/D,WACE,qBAAC,SAAc,WAAW,mCAAmC,QAAQ,EAAE,IACrE;AAAA,2BAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,UAAK,WAAU,eAAe,gBAAM,eAAc;AAAA,QACnD,oBAAC,UAAK,WAAW,uCAAuC,QAAQ,IAAI,IACjE,gBAAM,QACT;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,4CACZ;AAAA,cAAM;AAAA,QAAO;AAAA,QAAE,MAAM;AAAA,QAAM;AAAA,QAAI,MAAM;AAAA,QAAW;AAAA,QAChD,MAAM,aAAa,MAAM,MAAM,UAAU,KAAK;AAAA,SACjD;AAAA,MACC,MAAM,WACL,oBAAC,SAAI,WAAU,8CACZ,gBAAM,SACT;AAAA,SAdM,GAgBV;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "names": []
+}