@semiont/react-ui 0.4.3 → 0.4.5

package/dist/index.mjs

@@ -22,7 +22,7 @@ import {
   useSessionContext,
   useToast,
   useTranslations
-} from "./chunk-F74ZQJMA.mjs";
+} from "./chunk-EKQMINCV.mjs";
 import {
   ApiClientProvider,
   EventBusProvider,
@@ -30,7 +30,7 @@ import {
   useApiClient,
   useEventBus
 } from "./chunk-5JZFKRLW.mjs";
-import "./chunk-VVCCMJS7.mjs";
+import "./chunk-2VWLGQIO.mjs";
 import {
   __commonJS,
   __export,
@@ -564,8 +564,7 @@ var QUERY_KEYS = {
   },
   annotations: {
     detail: (id2) => ["annotations", id2],
-    history: (resourceId2, annotationId4) => ["annotations", resourceId2, annotationId4, "history"],
-    llmContext: (resourceId2, annotationId4) => ["annotations", "llm-context", resourceId2, annotationId4]
+    history: (resourceId2, annotationId4) => ["annotations", resourceId2, annotationId4, "history"]
   },
   entityTypes: {
     all: () => ["entity-types"]
@@ -814,15 +813,6 @@ function useAnnotations() {
           }
         });
       }
-    },
-    llmContext: {
-      useQuery: (resourceId2, annotationId4, options) => useQuery({
-        queryKey: QUERY_KEYS.annotations.llmContext(resourceId2, annotationId4),
-        queryFn: () => client.gatherAnnotation(resourceId2, annotationId4, { ...options, auth: toAccessToken(token) }),
-        enabled: !!client && !!resourceId2 && !!annotationId4,
-        staleTime: 5 * 60 * 1e3
-        // 5 minutes - context doesn't change often
-      })
     }
   };
 }
@@ -26500,11 +26490,11 @@ function computeAnnotationDecorations(segments, newAnnotationIds) {
     };
   });
 }
-function computeWidgetDecorations(segments, generatingReferenceId, getTargetDocumentName) {
+function computeWidgetDecorations(segments, generatingReferenceId, getTargetResourceName) {
   return segments.filter((s11) => s11.annotation && isReference2(s11.annotation)).sort((a15, b8) => a15.end - b8.end).map((segment) => {
     const annotation = segment.annotation;
     const bodySource = getBodySource3(annotation.body);
-    const targetName = bodySource ? getTargetDocumentName?.(bodySource) : void 0;
+    const targetName = bodySource ? getTargetResourceName?.(bodySource) : void 0;
     const isGenerating = generatingReferenceId ? annotation.id === generatingReferenceId : false;
     return {
       annotationId: annotation.id,
@@ -26542,7 +26532,7 @@ function handleWidgetClick(target) {
     return {
       handled: true,
       action: "navigate",
-      documentId: bodySource,
+      resourceId: bodySource,
       annotationId: annotationId4
     };
   }
@@ -26555,8 +26545,8 @@ function handleWidgetClick(target) {
 }
 function dispatchWidgetClick(result, eventBus) {
   if (!result.handled) return;
-  if (result.action === "navigate" && result.documentId) {
-    eventBus.get("browse:reference-navigate").next({ documentId: result.documentId });
+  if (result.action === "navigate" && result.resourceId) {
+    eventBus.get("browse:reference-navigate").next({ resourceId: result.resourceId });
   } else if (result.action === "browse-click" && result.annotationId) {
     eventBus.get("browse:click").next({
       annotationId: result.annotationId,
@@ -26630,9 +26620,9 @@ function createAnnotationDecorationsField() {
     provide: (field) => EditorView.decorations.from(field)
   });
 }
-function buildWidgetDecorations(_content, segments, generatingReferenceId, getTargetDocumentName) {
+function buildWidgetDecorations(_content, segments, generatingReferenceId, getTargetResourceName) {
   const builder = new RangeSetBuilder();
-  const widgetMetas = computeWidgetDecorations(segments, generatingReferenceId, getTargetDocumentName);
+  const widgetMetas = computeWidgetDecorations(segments, generatingReferenceId, getTargetResourceName);
   const annotationsByEnd = /* @__PURE__ */ new Map();
   for (const s11 of segments) {
     if (s11.annotation && isReference3(s11.annotation)) {
@@ -26663,7 +26653,7 @@ var widgetDecorationsField = StateField.define({
           effect.value.content,
           effect.value.segments,
           effect.value.generatingReferenceId,
-          effect.value.getTargetDocumentName
+          effect.value.getTargetResourceName
         );
       }
     }
@@ -26683,7 +26673,7 @@ function CodeMirrorRenderer({
   showLineNumbers = false,
   enableWidgets = false,
   eventBus,
-  getTargetDocumentName,
+  getTargetResourceName,
   generatingReferenceId,
   hoverDelayMs
 }) {
@@ -26695,7 +26685,7 @@ function CodeMirrorRenderer({
   const segmentsByIdRef = useRef8(/* @__PURE__ */ new Map());
   const lineNumbersCompartment = useRef8(new Compartment());
   const eventBusRef = useRef8(eventBus);
-  const getTargetDocumentNameRef = useRef8(getTargetDocumentName);
+  const getTargetResourceNameRef = useRef8(getTargetResourceName);
   segmentsRef.current = segments;
   const segmentsById = /* @__PURE__ */ new Map();
   for (const s11 of segments) {
@@ -26703,7 +26693,7 @@ function CodeMirrorRenderer({
   }
   segmentsByIdRef.current = segmentsById;
   eventBusRef.current = eventBus;
-  getTargetDocumentNameRef.current = getTargetDocumentName;
+  getTargetResourceNameRef.current = getTargetResourceName;
   useEffect11(() => {
     if (!containerRef.current || viewRef.current) return;
     const annotationDecorationsField = createAnnotationDecorationsField();
@@ -26874,7 +26864,7 @@ function CodeMirrorRenderer({
         content: content4,
         segments: convertedSegments,
         generatingReferenceId,
-        getTargetDocumentName: getTargetDocumentNameRef.current
+        getTargetResourceName: getTargetResourceNameRef.current
       })
     });
   }, [content4, convertedSegments, enableWidgets, generatingReferenceId]);
@@ -30557,7 +30547,7 @@ function AnnotateView({
   uiState,
   onUIStateChange,
   enableWidgets = false,
-  getTargetDocumentName,
+  getTargetResourceName,
   generatingReferenceId,
   showLineNumbers = false,
   hoverDelayMs = 150,
@@ -30675,7 +30665,7 @@ function AnnotateView({
             hoverDelayMs,
             enableWidgets,
             eventBus,
-            ...getTargetDocumentName && { getTargetDocumentName },
+            ...getTargetResourceName && { getTargetResourceName },
             ...generatingReferenceId !== void 0 && { generatingReferenceId }
           }
         ) })
@@ -46120,8 +46110,8 @@ function ResourceViewer({
     hoveredAnnotationId,
     scrollToAnnotationId
   };
-  const getTargetDocumentName = useCallback17((documentId) => {
-    const referencedResource = references.find((a15) => getBodySource4(a15.body) === documentId);
+  const getTargetResourceName = useCallback17((resourceId2) => {
+    const referencedResource = references.find((a15) => getBodySource4(a15.body) === resourceId2);
     return referencedResource ? getExactText3(getTargetSelector4(referencedResource.target)) : void 0;
   }, [references]);
   return /* @__PURE__ */ jsxs18("div", { ref: documentViewerRef, className: "semiont-resource-viewer", children: [
@@ -46139,7 +46129,7 @@ function ResourceViewer({
           if ("selectedShape" in updates) setSelectedShape(updates.selectedShape);
         },
         enableWidgets: true,
-        getTargetDocumentName,
+        getTargetResourceName,
         ...generatingReferenceId !== void 0 && { generatingReferenceId },
         showLineNumbers,
         hoverDelayMs,
@@ -46312,6 +46302,7 @@ import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs20 } from "react/jsx-r
 function AssistSection({
   annotationType,
   isAssisting,
+  locale,
   progress
 }) {
   const panelName = annotationType === "highlight" ? "HighlightPanel" : annotationType === "assessment" ? "AssessmentPanel" : "CommentsPanel";
@@ -46338,12 +46329,13 @@ function AssistSection({
       options: {
         instructions: instructions.trim() || void 0,
         tone: (annotationType === "comment" || annotationType === "assessment") && tone ? tone : void 0,
-        density: (annotationType === "comment" || annotationType === "assessment" || annotationType === "highlight") && useDensity ? density : void 0
+        density: (annotationType === "comment" || annotationType === "assessment" || annotationType === "highlight") && useDensity ? density : void 0,
+        language: annotationType === "comment" || annotationType === "assessment" ? locale : void 0
       }
     });
     setInstructions("");
     setTone("");
-  }, [annotationType, instructions, tone, useDensity, density]);
+  }, [annotationType, instructions, tone, useDensity, density, locale]);
   const handleDismissProgress = useCallback18(() => {
     eventBus.get("mark:progress-dismiss").next(void 0);
   }, []);
@@ -46542,6 +46534,7 @@ function AssessmentPanel({
   pendingAnnotation,
   isAssisting = false,
   progress,
+  locale,
   annotateMode = true,
   scrollToAnnotationId,
   onScrollCompleted,
@@ -46686,6 +46679,7 @@ function AssessmentPanel({
         {
           annotationType: "assessment",
           isAssisting,
+          locale,
           progress
         }
       ),
@@ -46939,6 +46933,7 @@ function CommentsPanel({
   annotateMode = true,
   isAssisting = false,
   progress,
+  locale,
   scrollToAnnotationId,
   onScrollCompleted,
   hoveredAnnotationId
@@ -47084,6 +47079,7 @@ function CommentsPanel({
         {
           annotationType: "comment",
           isAssisting,
+          locale,
           progress
         }
       ),
@@ -47829,7 +47825,13 @@ function ResourceInfoPanel({
   documentLocale,
   primaryMediaType,
   primaryByteSize,
-  isArchived = false
+  isArchived = false,
+  dateCreated,
+  dateModified,
+  creationMethod,
+  wasAttributedTo,
+  wasDerivedFrom,
+  generator
 }) {
   const t12 = useTranslations("ResourceInfoPanel");
   const eventBus = useEventBus();
@@ -47855,6 +47857,46 @@ function ResourceInfoPanel({
         ] })
       ] })
     ] }),
+    (dateCreated || dateModified || creationMethod || wasAttributedTo || wasDerivedFrom || generator) && /* @__PURE__ */ jsxs31("div", { className: "semiont-resource-info-panel__section", children: [
+      /* @__PURE__ */ jsx39("h3", { className: "semiont-resource-info-panel__heading", children: t12("provenance") }),
+      /* @__PURE__ */ jsxs31("div", { className: "semiont-resource-info-panel__field-group", children: [
+        dateCreated && /* @__PURE__ */ jsxs31("div", { children: [
+          /* @__PURE__ */ jsx39("span", { className: "semiont-resource-info-panel__label", children: t12("createdAt") }),
+          /* @__PURE__ */ jsx39("span", { className: "semiont-resource-info-panel__value", children: new Date(dateCreated).toLocaleString() })
+        ] }),
+        dateModified && /* @__PURE__ */ jsxs31("div", { children: [
+          /* @__PURE__ */ jsx39("span", { className: "semiont-resource-info-panel__label", children: t12("modifiedAt") }),
+          /* @__PURE__ */ jsx39("span", { className: "semiont-resource-info-panel__value", children: new Date(dateModified).toLocaleString() })
+        ] }),
+        creationMethod && /* @__PURE__ */ jsxs31("div", { children: [
+          /* @__PURE__ */ jsx39("span", { className: "semiont-resource-info-panel__label", children: t12("creationMethod") }),
+          /* @__PURE__ */ jsx39("span", { className: "semiont-resource-info-panel__value", children: creationMethod })
+        ] }),
+        wasAttributedTo && /* @__PURE__ */ jsxs31("div", { children: [
+          /* @__PURE__ */ jsx39("span", { className: "semiont-resource-info-panel__label", children: t12("attributedTo") }),
+          /* @__PURE__ */ jsx39("span", { className: "semiont-resource-info-panel__value", children: (Array.isArray(wasAttributedTo) ? wasAttributedTo : [wasAttributedTo]).map((a15) => a15.name).join(", ") })
+        ] }),
+        wasDerivedFrom && /* @__PURE__ */ jsxs31("div", { children: [
+          /* @__PURE__ */ jsx39("span", { className: "semiont-resource-info-panel__label", children: t12("derivedFrom") }),
+          /* @__PURE__ */ jsx39("span", { className: "semiont-resource-info-panel__value", children: (Array.isArray(wasDerivedFrom) ? wasDerivedFrom : [wasDerivedFrom]).map((id2, i12) => /* @__PURE__ */ jsxs31(
+            "button",
+            {
+              className: "semiont-resource-info-panel__link",
+              onClick: () => eventBus.get("browse:reference-navigate").next({ resourceId: id2 }),
+              children: [
+                i12 > 0 && ", ",
+                id2
+              ]
+            },
+            id2
+          )) })
+        ] }),
+        generator && /* @__PURE__ */ jsxs31("div", { children: [
+          /* @__PURE__ */ jsx39("span", { className: "semiont-resource-info-panel__label", children: t12("generatedBy") }),
+          /* @__PURE__ */ jsx39("span", { className: "semiont-resource-info-panel__value", children: (Array.isArray(generator) ? generator : [generator]).map((a15) => a15.name).join(", ") })
+        ] })
+      ] })
+    ] }),
     documentEntityTypes.length > 0 && /* @__PURE__ */ jsxs31("div", { className: "semiont-resource-info-panel__section", children: [
       /* @__PURE__ */ jsx39("h3", { className: "semiont-resource-info-panel__heading", children: t12("entityTypeTags") }),
       /* @__PURE__ */ jsx39("div", { className: "semiont-resource-info-panel__tag-list", children: documentEntityTypes.map((tag) => /* @__PURE__ */ jsx39(
@@ -48504,6 +48546,7 @@ function UnifiedAnnotationsPanel(props) {
         isAssisting,
         progress,
         annotateMode: props.annotateMode,
+        locale: props.locale,
         scrollToAnnotationId: props.scrollToAnnotationId,
         onScrollCompleted: props.onScrollCompleted,
         hoveredAnnotationId: props.hoveredAnnotationId
@@ -53194,123 +53237,57 @@ function CollapsibleResourceNavigation({
 }
 
 // src/components/modals/ReferenceWizardModal.tsx
-import { useState as useState35, useEffect as useEffect41, useCallback as useCallback31 } from "react";
+import { useState as useState36, useEffect as useEffect42, useCallback as useCallback31 } from "react";
+
+// src/components/modals/GatherContextStep.tsx
+import { useState as useState33, useEffect as useEffect41, useRef as useRef32 } from "react";
 
 // src/components/modals/ContextSummary.tsx
 import { Fragment as Fragment11, jsx as jsx50, jsxs as jsxs41 } from "react/jsx-runtime";
-function ContextSummary({ context, userHint, onUserHintChange, translations: t12 }) {
-  const annotation = context.annotation;
-  const sourceResource = context.sourceResource;
-  const sourceContext = context.sourceContext;
+function ContextSummary({ context, translations: t12 }) {
   const graphContext = context.graphContext;
-  const entityTypes = context.metadata?.entityTypes ?? [];
   const connections = graphContext?.connections ?? [];
   const citedBy = graphContext?.citedBy ?? [];
   const citedByCount = graphContext?.citedByCount ?? 0;
-  const siblingEntityTypes = graphContext?.siblingEntityTypes ?? [];
-  return /* @__PURE__ */ jsxs41(Fragment11, { children: [
-    /* @__PURE__ */ jsxs41("div", { className: "semiont-form__field", children: [
-      /* @__PURE__ */ jsx50("label", { className: "semiont-form__label", children: t12.annotationLabel }),
-      /* @__PURE__ */ jsxs41("div", { style: {
-        padding: "0.5rem 0.75rem",
-        backgroundColor: "var(--semiont-bg-secondary)",
-        borderRadius: "var(--semiont-radius-md)",
-        border: "1px solid var(--semiont-border-primary)",
-        fontSize: "var(--semiont-text-sm)",
+  return /* @__PURE__ */ jsx50(Fragment11, { children: graphContext && (connections.length > 0 || citedByCount > 0) && /* @__PURE__ */ jsxs41("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: [
+    connections.length > 0 && /* @__PURE__ */ jsxs41("div", { children: [
+      /* @__PURE__ */ jsx50("div", { style: {
+        fontSize: "var(--semiont-text-xs)",
+        fontWeight: 700,
+        textTransform: "uppercase",
+        letterSpacing: "0.06em",
+        color: "var(--semiont-text-tertiary)",
+        marginBottom: "0.375rem"
+      }, children: t12.connectionsLabel }),
+      /* @__PURE__ */ jsx50("ul", { style: { display: "flex", flexDirection: "column", gap: "0.375rem", listStyle: "none", padding: 0, margin: 0 }, children: connections.map((conn) => /* @__PURE__ */ jsxs41("li", { style: {
         display: "flex",
-        flexDirection: "column",
-        gap: "0.25rem"
+        flexWrap: "wrap",
+        alignItems: "center",
+        gap: "0.375rem",
+        fontSize: "var(--semiont-text-sm)"
       }, children: [
-        /* @__PURE__ */ jsxs41("div", { style: { display: "flex", gap: "0.5rem", alignItems: "center" }, children: [
-          /* @__PURE__ */ jsxs41("span", { style: { fontWeight: 500, color: "var(--semiont-text-secondary)" }, children: [
-            t12.motivationLabel,
-            ":"
-          ] }),
-          /* @__PURE__ */ jsx50("span", { className: "semiont-chip", style: { fontSize: "var(--semiont-text-xs)", padding: "0.125rem 0.5rem" }, children: annotation.motivation })
-        ] }),
-        /* @__PURE__ */ jsxs41("div", { style: { display: "flex", gap: "0.5rem", alignItems: "center" }, children: [
-          /* @__PURE__ */ jsxs41("span", { style: { fontWeight: 500, color: "var(--semiont-text-secondary)" }, children: [
-            t12.sourceResourceLabel,
-            ":"
-          ] }),
-          /* @__PURE__ */ jsx50("span", { style: { color: "var(--semiont-text-primary)" }, children: sourceResource.name })
-        ] })
-      ] })
-    ] }),
-    sourceContext && /* @__PURE__ */ jsxs41("div", { className: "semiont-form__field", children: [
-      /* @__PURE__ */ jsx50("label", { className: "semiont-form__label", children: t12.sourceContextLabel }),
-      /* @__PURE__ */ jsx50("div", { style: {
-        padding: "0.75rem",
-        backgroundColor: "var(--semiont-bg-secondary)",
-        borderRadius: "var(--semiont-radius-md)",
-        border: "1px solid var(--semiont-border-primary)",
-        maxHeight: "200px",
-        overflowY: "auto"
-      }, children: /* @__PURE__ */ jsxs41("div", { style: { fontSize: "var(--semiont-text-sm)", fontFamily: "monospace", whiteSpace: "pre-wrap", color: "var(--semiont-text-secondary)" }, children: [
-        sourceContext.before && /* @__PURE__ */ jsx50("span", { children: sourceContext.before }),
-        /* @__PURE__ */ jsx50("span", { style: {
-          backgroundColor: "var(--semiont-color-primary-100)",
-          padding: "0 0.25rem",
-          fontWeight: 600,
-          color: "var(--semiont-color-primary-900)"
-        }, children: sourceContext.selected }),
-        sourceContext.after && /* @__PURE__ */ jsx50("span", { children: sourceContext.after })
-      ] }) })
-    ] }),
-    entityTypes.length > 0 && /* @__PURE__ */ jsxs41("div", { className: "semiont-form__field", children: [
-      /* @__PURE__ */ jsx50("label", { className: "semiont-form__label", children: t12.entityTypesLabel }),
-      /* @__PURE__ */ jsx50("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.375rem" }, children: entityTypes.map((et) => /* @__PURE__ */ jsx50("span", { className: "semiont-chip", style: { fontSize: "var(--semiont-text-xs)", padding: "0.125rem 0.5rem" }, children: et }, et)) })
+        /* @__PURE__ */ jsx50("span", { style: { color: "var(--semiont-text-primary)", fontWeight: 500 }, children: conn.resourceName }),
+        conn.bidirectional && /* @__PURE__ */ jsx50("span", { className: "semiont-chip", style: { fontSize: "var(--semiont-text-xs)", padding: "0.125rem 0.375rem" }, children: "mutual" }),
+        conn.entityTypes && conn.entityTypes.map((et) => /* @__PURE__ */ jsx50("span", { className: "semiont-chip", style: { fontSize: "var(--semiont-text-xs)", padding: "0.125rem 0.375rem" }, children: et }, et))
+      ] }, conn.resourceId)) })
     ] }),
-    graphContext && (connections.length > 0 || citedByCount > 0 || siblingEntityTypes.length > 0) && /* @__PURE__ */ jsxs41("div", { className: "semiont-form__field", children: [
-      /* @__PURE__ */ jsx50("label", { className: "semiont-form__label", children: t12.graphContextLabel }),
+    citedByCount > 0 && /* @__PURE__ */ jsxs41("div", { children: [
       /* @__PURE__ */ jsxs41("div", { style: {
-        padding: "0.75rem",
-        backgroundColor: "var(--semiont-bg-secondary)",
-        borderRadius: "var(--semiont-radius-md)",
-        border: "1px solid var(--semiont-border-primary)",
-        fontSize: "var(--semiont-text-sm)",
-        display: "flex",
-        flexDirection: "column",
-        gap: "0.5rem"
+        fontSize: "var(--semiont-text-xs)",
+        fontWeight: 700,
+        textTransform: "uppercase",
+        letterSpacing: "0.06em",
+        color: "var(--semiont-text-tertiary)",
+        marginBottom: "0.375rem"
       }, children: [
-        connections.length > 0 && /* @__PURE__ */ jsxs41("div", { children: [
-          /* @__PURE__ */ jsx50("span", { style: { fontWeight: 500, color: "var(--semiont-text-secondary)" }, children: t12.connectionsLabel }),
-          /* @__PURE__ */ jsx50("ul", { style: { marginTop: "0.25rem", display: "flex", flexDirection: "column", gap: "0.125rem", listStyle: "none", padding: 0 }, children: connections.map((conn) => /* @__PURE__ */ jsxs41("li", { style: { color: "var(--semiont-text-secondary)", display: "flex", alignItems: "center", gap: "0.375rem" }, children: [
-            /* @__PURE__ */ jsx50("span", { children: conn.resourceName }),
-            conn.bidirectional && /* @__PURE__ */ jsx50("span", { className: "semiont-chip", style: { fontSize: "var(--semiont-text-xs)", padding: "0.125rem 0.375rem" }, children: "mutual" }),
-            conn.entityTypes && conn.entityTypes.length > 0 && /* @__PURE__ */ jsx50("span", { style: { fontSize: "var(--semiont-text-xs)", color: "var(--semiont-text-tertiary)" }, children: conn.entityTypes.join(", ") })
-          ] }, conn.resourceId)) })
-        ] }),
-        citedByCount > 0 && /* @__PURE__ */ jsxs41("div", { children: [
-          /* @__PURE__ */ jsxs41("span", { style: { fontWeight: 500, color: "var(--semiont-text-secondary)" }, children: [
-            t12.citedByLabel,
-            " (",
-            citedByCount,
-            ")"
-          ] }),
-          citedBy.length > 0 && /* @__PURE__ */ jsx50("ul", { style: { marginTop: "0.25rem", display: "flex", flexDirection: "column", gap: "0.125rem", listStyle: "none", padding: 0 }, children: citedBy.map((ref) => /* @__PURE__ */ jsx50("li", { style: { color: "var(--semiont-text-secondary)" }, children: ref.resourceName }, ref.resourceId)) })
-        ] }),
-        siblingEntityTypes.length > 0 && /* @__PURE__ */ jsxs41("div", { children: [
-          /* @__PURE__ */ jsx50("span", { style: { fontWeight: 500, color: "var(--semiont-text-secondary)" }, children: t12.siblingTypesLabel }),
-          /* @__PURE__ */ jsx50("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.25rem", marginTop: "0.25rem" }, children: siblingEntityTypes.map((et) => /* @__PURE__ */ jsx50("span", { className: "semiont-chip", style: { fontSize: "var(--semiont-text-xs)", padding: "0.125rem 0.5rem" }, children: et }, et)) })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs41("div", { className: "semiont-form__field", children: [
-      /* @__PURE__ */ jsx50("label", { className: "semiont-form__label", children: t12.userHintLabel }),
-      /* @__PURE__ */ jsx50(
-        "input",
-        {
-          type: "text",
-          value: userHint ?? "",
-          onChange: onUserHintChange ? (e6) => onUserHintChange(e6.target.value) : void 0,
-          readOnly: !onUserHintChange,
-          placeholder: t12.userHintPlaceholder,
-          className: "semiont-search-modal__search-input"
-        }
-      )
+        t12.citedByLabel,
+        " (",
+        citedByCount,
+        ")"
+      ] }),
+      citedBy.length > 0 && /* @__PURE__ */ jsx50("ul", { style: { display: "flex", flexDirection: "column", gap: "0.25rem", listStyle: "none", padding: 0, margin: 0 }, children: citedBy.map((ref) => /* @__PURE__ */ jsx50("li", { style: { fontSize: "var(--semiont-text-sm)", color: "var(--semiont-text-primary)", fontWeight: 500 }, children: ref.resourceName }, ref.resourceId)) })
     ] })
-  ] });
+  ] }) });
 }
 
 // src/components/modals/GatherContextStep.tsx
@@ -53321,77 +53298,135 @@ function GatherContextStep({
   contextError,
   userHint,
   onUserHintChange,
-  onCancel,
   onBind,
   onGenerate,
   onCompose,
   translations: t12
 }) {
+  const [sourceExpanded, setSourceExpanded] = useState33(false);
   const contextReady = !contextLoading && !contextError && !!context;
-  return /* @__PURE__ */ jsxs42(Fragment12, { children: [
-    contextLoading && /* @__PURE__ */ jsx51("div", { className: "semiont-modal__empty-state", style: { textAlign: "center", padding: "1rem 0" }, children: t12.loadingContext }),
+  const sourceContext = context?.sourceContext;
+  const highlightRef = useRef32(null);
+  useEffect41(() => {
+    if (highlightRef.current) {
+      highlightRef.current.scrollIntoView({ block: "center", behavior: "instant" });
+    }
+  }, [context]);
+  return /* @__PURE__ */ jsxs42("div", { className: "semiont-gather__outer", children: [
+    contextLoading && /* @__PURE__ */ jsxs42("div", { className: "semiont-gather__loading", children: [
+      /* @__PURE__ */ jsxs42("div", { style: { display: "flex", gap: "0.5rem" }, children: [
+        /* @__PURE__ */ jsx51("span", { className: "semiont-gather__loading-dot" }),
+        /* @__PURE__ */ jsx51("span", { className: "semiont-gather__loading-dot" }),
+        /* @__PURE__ */ jsx51("span", { className: "semiont-gather__loading-dot" })
+      ] }),
+      /* @__PURE__ */ jsx51("span", { className: "semiont-gather__loading-text", children: t12.loadingContext })
+    ] }),
     !!contextError && /* @__PURE__ */ jsx51("div", { style: { textAlign: "center", padding: "1rem 0", color: "var(--semiont-color-red-600)" }, children: t12.failedContext }),
-    context && /* @__PURE__ */ jsx51(ContextSummary, { context, userHint, onUserHintChange, translations: t12 }),
-    /* @__PURE__ */ jsxs42("div", { className: "semiont-modal__actions", style: { paddingTop: "0.5rem" }, children: [
-      /* @__PURE__ */ jsxs42(
-        "button",
-        {
-          type: "button",
-          onClick: onCancel,
-          className: "semiont-button--secondary semiont-button--flex",
-          children: [
-            "\u2715 ",
-            t12.cancel
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs42(
-        "button",
-        {
-          type: "button",
-          onClick: onBind,
-          disabled: !contextReady,
-          className: "semiont-button--primary semiont-button--flex",
-          children: [
-            "\u{1F50D} ",
-            t12.search,
-            "\u2026"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs42(
-        "button",
-        {
-          type: "button",
-          onClick: onGenerate,
-          disabled: !contextReady,
-          className: "semiont-button--primary semiont-button--flex",
-          children: [
-            "\u2728 ",
-            t12.generate,
-            "\u2026"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs42(
-        "button",
-        {
-          type: "button",
-          onClick: onCompose,
-          disabled: !contextReady,
-          className: "semiont-button--secondary semiont-button--flex",
-          children: [
-            "\u270D\uFE0F ",
-            t12.compose
-          ]
-        }
-      )
+    context && /* @__PURE__ */ jsxs42(Fragment12, { children: [
+      sourceContext && /* @__PURE__ */ jsxs42("div", { className: "semiont-gather__source-strip", children: [
+        /* @__PURE__ */ jsxs42("label", { className: "semiont-form__label", style: { marginBottom: "0.375rem" }, children: [
+          t12.sourceContextLabel,
+          context.sourceResource?.name ? ` "${context.sourceResource.name}"` : ""
+        ] }),
+        /* @__PURE__ */ jsxs42("div", { className: `semiont-gather__source-box${sourceExpanded ? " semiont-gather__source-box--expanded" : ""}`, children: [
+          /* @__PURE__ */ jsx51("div", { className: "semiont-gather__source-context", children: /* @__PURE__ */ jsxs42("div", { style: { fontSize: "var(--semiont-text-sm)", fontFamily: "monospace", whiteSpace: "pre-wrap", color: "var(--semiont-text-secondary)" }, children: [
+            sourceContext.before && /* @__PURE__ */ jsx51("span", { children: sourceContext.before }),
+            /* @__PURE__ */ jsx51(
+              "span",
+              {
+                ref: highlightRef,
+                style: {
+                  backgroundColor: "var(--semiont-color-primary-100)",
+                  padding: "0 0.25rem",
+                  fontWeight: 600,
+                  color: "var(--semiont-color-primary-900)"
+                },
+                children: sourceContext.selected
+              }
+            ),
+            (context.metadata?.entityTypes ?? []).map((et) => /* @__PURE__ */ jsx51("span", { className: "semiont-chip", style: { fontSize: "var(--semiont-text-xs)", padding: "0.125rem 0.375rem", fontWeight: 400, verticalAlign: "middle", marginLeft: "0.25rem" }, children: et }, et)),
+            context.annotation?.motivation && /* @__PURE__ */ jsx51("span", { className: "semiont-chip", style: { fontSize: "var(--semiont-text-xs)", padding: "0.125rem 0.375rem", fontWeight: 400, verticalAlign: "middle", marginLeft: "0.25rem" }, children: context.annotation.motivation }),
+            sourceContext.after && /* @__PURE__ */ jsx51("span", { children: sourceContext.after })
+          ] }) }),
+          /* @__PURE__ */ jsx51(
+            "button",
+            {
+              type: "button",
+              className: "semiont-gather__expand-btn",
+              onClick: () => setSourceExpanded((v4) => !v4),
+              children: sourceExpanded ? "\u25B2 less" : "\u25BC more"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs42("div", { className: "semiont-gather__body", children: [
+        /* @__PURE__ */ jsx51("div", { className: "semiont-gather__left", children: /* @__PURE__ */ jsx51(ContextSummary, { context, translations: t12 }) }),
+        /* @__PURE__ */ jsx51("div", { className: "semiont-gather__right", children: /* @__PURE__ */ jsxs42("div", { className: "semiont-form__field", children: [
+          /* @__PURE__ */ jsx51("label", { className: "semiont-form__label", children: t12.userHintLabel }),
+          /* @__PURE__ */ jsx51(
+            "textarea",
+            {
+              value: userHint,
+              onChange: (e6) => onUserHintChange(e6.target.value),
+              placeholder: t12.userHintPlaceholder,
+              className: "semiont-search-modal__search-input semiont-gather__hint-textarea",
+              style: { resize: "vertical", fontFamily: "inherit" }
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs42("div", { className: "semiont-gather__footer", children: [
+        /* @__PURE__ */ jsx51("div", { className: "semiont-gather__footer-label", children: t12.resolutionStrategyLabel }),
+        /* @__PURE__ */ jsxs42("div", { className: "semiont-gather__actions", children: [
+          /* @__PURE__ */ jsxs42(
+            "button",
+            {
+              type: "button",
+              onClick: onBind,
+              disabled: !contextReady,
+              className: "semiont-button--primary semiont-button--flex",
+              children: [
+                "\u{1F50D} ",
+                t12.search,
+                "\u2026"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs42(
+            "button",
+            {
+              type: "button",
+              onClick: onGenerate,
+              disabled: !contextReady,
+              className: "semiont-button--primary semiont-button--flex",
+              children: [
+                "\u2728 ",
+                t12.generate,
+                "\u2026"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs42(
+            "button",
+            {
+              type: "button",
+              onClick: onCompose,
+              disabled: !contextReady,
+              className: "semiont-button--secondary semiont-button--flex",
+              children: [
+                "\u270D\uFE0F ",
+                t12.compose
+              ]
+            }
+          )
+        ] })
+      ] })
     ] })
   ] });
 }
 
 // src/components/modals/ConfigureGenerationStep.tsx
-import { useState as useState33 } from "react";
+import { useState as useState34 } from "react";
 import { LOCALES as LOCALES2 } from "@semiont/api-client";
 import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
 function ConfigureGenerationStep({
@@ -53403,12 +53438,12 @@ function ConfigureGenerationStep({
   onGenerate,
   translations: t12
 }) {
-  const [title, setTitle] = useState33(defaultTitle);
-  const [storagePath, setStoragePath] = useState33("");
-  const [prompt, setPrompt] = useState33("");
-  const [language2, setLanguage] = useState33(locale);
-  const [temperature, setTemperature] = useState33(0.7);
-  const [maxTokens, setMaxTokens] = useState33(500);
+  const [title, setTitle] = useState34(defaultTitle);
+  const [storagePath, setStoragePath] = useState34("");
+  const [prompt, setPrompt] = useState34("");
+  const [language2, setLanguage] = useState34(locale);
+  const [temperature, setTemperature] = useState34(0.7);
+  const [maxTokens, setMaxTokens] = useState34(500);
   const handleSubmit = (e6) => {
     e6.preventDefault();
     const trimmedPrompt = prompt.trim();
@@ -53567,7 +53602,7 @@ function ConfigureGenerationStep({
 }
 
 // src/components/modals/ConfigureSearchStep.tsx
-import { useState as useState34 } from "react";
+import { useState as useState35 } from "react";
 import { jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
 function ConfigureSearchStep({
   isSearching = false,
@@ -53576,8 +53611,8 @@ function ConfigureSearchStep({
   onSearch,
   translations: t12
 }) {
-  const [limit, setLimit] = useState34(10);
-  const [useSemanticScoring, setUseSemanticScoring] = useState34(true);
+  const [limit, setLimit] = useState35(10);
+  const [useSemanticScoring, setUseSemanticScoring] = useState35(true);
   const handleSubmit = (e6) => {
     e6.preventDefault();
     onSearch({ limit, useSemanticScoring });
@@ -53769,22 +53804,23 @@ function ReferenceWizardModal({
   onComposeNavigate,
   translations: t12
 }) {
-  const [wizardStep, setWizardStep] = useState35({ step: "gather" });
-  const [isSearching, setIsSearching] = useState35(false);
-  const [userHint, setUserHint] = useState35("");
-  useEffect41(() => {
+  const [wizardStep, setWizardStep] = useState36({ step: "gather" });
+  const [isSearching, setIsSearching] = useState36(false);
+  const [userHint, setUserHint] = useState36("");
+  useEffect42(() => {
     if (isOpen) {
       setWizardStep({ step: "gather" });
       setIsSearching(false);
       setUserHint("");
     }
   }, [isOpen]);
-  useEffect41(() => {
+  useEffect42(() => {
     if (!isOpen) return;
-    const subscription = eventBus.get("bind:search-results").subscribe((event) => {
-      if (annotationId4 && event.referenceId === annotationId4) {
+    const subscription = eventBus.get("match:search-results").subscribe((event) => {
+      const e6 = event;
+      if (annotationId4 && e6.referenceId === annotationId4) {
         setIsSearching(false);
-        setWizardStep({ step: "search-results", results: event.results });
+        setWizardStep({ step: "search-results", results: e6.results });
       }
     });
     return () => subscription.unsubscribe();
@@ -53808,7 +53844,7 @@ function ReferenceWizardModal({
     if (!annotationId4 || !context) return;
     setIsSearching(true);
     const contextWithHint = userHint ? { ...context, userHint } : context;
-    eventBus.get("bind:search-requested").next({
+    eventBus.get("match:search-requested").next({
       referenceId: annotationId4,
       context: contextWithHint,
       limit: config.limit,
@@ -53848,7 +53884,7 @@ function ReferenceWizardModal({
         leave: "ease-in duration-150",
         leaveFrom: "opacity-100 scale-100",
         leaveTo: "opacity-0 scale-95",
-        children: /* @__PURE__ */ jsxs46(ze, { className: `semiont-search-modal__panel semiont-search-modal__panel--with-border${wizardStep.step === "search-results" ? " semiont-search-modal__panel--wide" : ""}`, children: [
+        children: /* @__PURE__ */ jsxs46(ze, { className: `semiont-search-modal__panel semiont-search-modal__panel--with-border${wizardStep.step === "search-results" ? " semiont-search-modal__panel--wide" : ""}${wizardStep.step === "gather" ? " semiont-search-modal__panel--gather" : ""}`, children: [
           /* @__PURE__ */ jsxs46("div", { className: "semiont-search-modal__header", children: [
             /* @__PURE__ */ jsx55(Qe, { className: "semiont-search-modal__title", children: stepTitle }),
             /* @__PURE__ */ jsx55(
@@ -53869,29 +53905,22 @@ function ReferenceWizardModal({
               contextError,
               userHint,
               onUserHintChange: setUserHint,
-              onCancel: onClose,
               onBind: handleBind,
               onGenerate: handleGenerate,
               onCompose: handleCompose,
               translations: {
                 title: t12.gatherTitle,
-                annotationLabel: t12.annotationLabel,
-                sourceResourceLabel: t12.sourceResourceLabel,
-                motivationLabel: t12.motivationLabel,
                 sourceContextLabel: t12.sourceContextLabel,
-                entityTypesLabel: t12.entityTypesLabel,
-                graphContextLabel: t12.graphContextLabel,
                 connectionsLabel: t12.connectionsLabel,
                 citedByLabel: t12.citedByLabel,
-                siblingTypesLabel: t12.siblingTypesLabel,
                 userHintLabel: t12.userHintLabel,
                 userHintPlaceholder: t12.userHintPlaceholder,
                 loadingContext: t12.loadingContext,
                 failedContext: t12.failedContext,
-                cancel: t12.cancel,
                 search: t12.search,
                 generate: t12.generate,
-                compose: t12.compose
+                compose: t12.compose,
+                resolutionStrategyLabel: t12.resolutionStrategyLabel
               }
             }
           ),
@@ -53954,15 +53983,9 @@ function ReferenceWizardModal({
                 back: t12.back,
                 cancel: t12.cancel,
                 score: t12.score,
-                annotationLabel: t12.annotationLabel,
-                sourceResourceLabel: t12.sourceResourceLabel,
-                motivationLabel: t12.motivationLabel,
                 sourceContextLabel: t12.sourceContextLabel,
-                entityTypesLabel: t12.entityTypesLabel,
-                graphContextLabel: t12.graphContextLabel,
                 connectionsLabel: t12.connectionsLabel,
                 citedByLabel: t12.citedByLabel,
-                siblingTypesLabel: t12.siblingTypesLabel,
                 userHintLabel: t12.userHintLabel,
                 userHintPlaceholder: t12.userHintPlaceholder
               }
@@ -53975,7 +53998,7 @@ function ReferenceWizardModal({
 }
 
 // src/components/modals/SearchModal.tsx
-import { useState as useState36, useEffect as useEffect42 } from "react";
+import { useState as useState37, useEffect as useEffect43 } from "react";
 
 // src/hooks/useSearchAnnouncements.ts
 import { useCallback as useCallback32 } from "react";
@@ -54017,10 +54040,10 @@ function SearchModal({
   translations = {}
 }) {
   const { announceSearchResults, announceSearching } = useSearchAnnouncements2();
-  const [query, setQuery] = useState36("");
-  const [debouncedQuery, setDebouncedQuery] = useState36("");
-  const [results, setResults] = useState36([]);
-  const [selectedIndex, setSelectedIndex] = useState36(0);
+  const [query, setQuery] = useState37("");
+  const [debouncedQuery, setDebouncedQuery] = useState37("");
+  const [results, setResults] = useState37([]);
+  const [selectedIndex, setSelectedIndex] = useState37(0);
   const t12 = {
     placeholder: translations.placeholder || "Search resources, entities...",
     searching: translations.searching || "Searching...",
@@ -54032,7 +54055,7 @@ function SearchModal({
     enter: translations.enter || "Enter",
     esc: translations.esc || "ESC"
   };
-  useEffect42(() => {
+  useEffect43(() => {
     const timer = setTimeout(() => {
       setDebouncedQuery(query);
     }, 300);
@@ -54040,7 +54063,7 @@ function SearchModal({
   }, [query]);
   const searchData = { resources: [], entities: [] };
   const loading = false;
-  useEffect42(() => {
+  useEffect43(() => {
     if (isOpen) {
       setQuery("");
       setDebouncedQuery("");
@@ -54048,7 +54071,7 @@ function SearchModal({
       setSelectedIndex(0);
     }
   }, [isOpen]);
-  useEffect42(() => {
+  useEffect43(() => {
     if (!debouncedQuery.trim()) {
       setResults([]);
       return;
@@ -54177,7 +54200,7 @@ function SearchModal({
 }
 
 // src/components/modals/ResourceSearchModal.tsx
-import { useState as useState37, useEffect as useEffect43 } from "react";
+import { useState as useState38, useEffect as useEffect44 } from "react";
 import { jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
 function ResourceSearchModal({
   isOpen,
@@ -54187,8 +54210,8 @@ function ResourceSearchModal({
   translations = {}
 }) {
   const { announceSearchResults, announceSearching, announceNavigation } = useSearchAnnouncements2();
-  const [search2, setSearch] = useState37(searchTerm);
-  const [debouncedSearch, setDebouncedSearch] = useState37(searchTerm);
+  const [search2, setSearch] = useState38(searchTerm);
+  const [debouncedSearch, setDebouncedSearch] = useState38(searchTerm);
   const t12 = {
     title: translations.title || "Search Resources",
     placeholder: translations.placeholder || "Search for resources...",
@@ -54196,7 +54219,7 @@ function ResourceSearchModal({
     noResults: translations.noResults || "No documents found",
     close: translations.close || "\u2715"
   };
-  useEffect43(() => {
+  useEffect44(() => {
     const timer = setTimeout(() => {
       setDebouncedSearch(search2);
     }, 300);
@@ -54218,17 +54241,17 @@ function ResourceSearchModal({
       mediaType
     };
   }) || [];
-  useEffect43(() => {
+  useEffect44(() => {
     if (!loading && debouncedSearch) {
       announceSearchResults(results.length, debouncedSearch);
     }
   }, [loading, results.length, debouncedSearch]);
-  useEffect43(() => {
+  useEffect44(() => {
     if (loading && debouncedSearch) {
       announceSearching();
     }
   }, [loading, debouncedSearch]);
-  useEffect43(() => {
+  useEffect44(() => {
     if (isOpen && searchTerm) {
       setSearch(searchTerm);
       setDebouncedSearch(searchTerm);
@@ -54430,11 +54453,11 @@ function SessionTimer() {
 }
 
 // src/components/SessionExpiryBanner.tsx
-import { useState as useState38 } from "react";
+import { useState as useState39 } from "react";
 import { jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
 function SessionExpiryBanner() {
   const { timeRemaining, isExpiringSoon } = useSessionExpiry();
-  const [dismissed, setDismissed] = useState38(false);
+  const [dismissed, setDismissed] = useState39(false);
   const formattedTime = formatTime(timeRemaining);
   if (!isExpiringSoon || dismissed || !formattedTime) {
     return null;
@@ -54655,7 +54678,7 @@ function UnifiedHeader({
 }
 
 // src/components/layout/LeftSidebar.tsx
-import { useState as useState39, useEffect as useEffect44 } from "react";
+import { useState as useState40, useEffect as useEffect45 } from "react";
 import { jsx as jsx64, jsxs as jsxs55 } from "react/jsx-runtime";
 function LeftSidebar({
   Link,
@@ -54670,7 +54693,7 @@ function LeftSidebar({
   isModerator = false,
   currentPath
 }) {
-  const [isCollapsed, setIsCollapsed] = useState39(false);
+  const [isCollapsed, setIsCollapsed] = useState40(false);
   const { width, setWidth, minWidth, maxWidth } = usePanelWidth({
     defaultWidth: 256,
     // 16rem
@@ -54680,7 +54703,7 @@ function LeftSidebar({
     // 25rem
     storageKey: "semiont-left-sidebar-width"
   });
-  useEffect44(() => {
+  useEffect45(() => {
     if (collapsible) {
       const saved = localStorage.getItem(storageKey);
       if (saved === "true") {
@@ -55724,21 +55747,21 @@ var ForwardRef17 = /* @__PURE__ */ React44.forwardRef(UserCircleIcon);
 var UserCircleIcon_default = ForwardRef17;
 
 // src/hooks/usePanelBrowse.ts
-import { useState as useState40, useCallback as useCallback33, useEffect as useEffect45 } from "react";
+import { useState as useState41, useCallback as useCallback33, useEffect as useEffect46 } from "react";
 var COMMON_PANELS = ["user", "settings"];
 var RESOURCE_PANELS = ["history", "info", "annotations", "collaboration", "jsonld"];
 var tabGenerationCounter = 0;
 function usePanelBrowse() {
-  const [activePanel, setActivePanel] = useState40(() => {
+  const [activePanel, setActivePanel] = useState41(() => {
     if (typeof window !== "undefined") {
       const saved = localStorage.getItem("activeToolbarPanel");
       return saved || null;
     }
     return null;
   });
-  const [scrollToAnnotationId, setScrollToAnnotationId] = useState40(null);
-  const [panelInitialTab, setPanelInitialTab] = useState40(null);
-  useEffect45(() => {
+  const [scrollToAnnotationId, setScrollToAnnotationId] = useState41(null);
+  const [panelInitialTab, setPanelInitialTab] = useState41(null);
+  useEffect46(() => {
     if (typeof window === "undefined") return;
     if (activePanel) {
       localStorage.setItem("activeToolbarPanel", activePanel);
@@ -55876,7 +55899,7 @@ function ExportCard({ onExport, isExporting, translations: t12 }) {
 }
 
 // src/features/admin-exchange/components/ImportCard.tsx
-import { useRef as useRef32, useState as useState41, useCallback as useCallback34 } from "react";
+import { useRef as useRef33, useState as useState42, useCallback as useCallback34 } from "react";
 import { jsx as jsx73, jsxs as jsxs62 } from "react/jsx-runtime";
 function ImportCard({
   onFileSelected,
@@ -55887,9 +55910,9 @@ function ImportCard({
   isImporting,
   translations: t12
 }) {
-  const fileInputRef = useRef32(null);
-  const [isDragActive, setIsDragActive] = useState41(false);
-  const [showConfirm, setShowConfirm] = useState41(false);
+  const fileInputRef = useRef33(null);
+  const [isDragActive, setIsDragActive] = useState42(false);
+  const [showConfirm, setShowConfirm] = useState42(false);
   const handleDragOver = useCallback34((e6) => {
     e6.preventDefault();
     setIsDragActive(true);
@@ -56300,7 +56323,7 @@ function LinkedDataPage({
 }
 
 // src/features/admin-users/components/AdminUsersPage.tsx
-import { useState as useState42 } from "react";
+import { useState as useState43 } from "react";
 import { Fragment as Fragment15, jsx as jsx78, jsxs as jsxs67 } from "react/jsx-runtime";
 function UserTableRow({
   user,
@@ -56382,9 +56405,9 @@ function AdminUsersPage({
   Toolbar: Toolbar2,
   buttonStyles: buttonStyles2
 }) {
-  const [searchTerm, setSearchTerm] = useState42("");
-  const [selectedRole, setSelectedRole] = useState42("all");
-  const [selectedStatus, setSelectedStatus] = useState42("all");
+  const [searchTerm, setSearchTerm] = useState43("");
+  const [selectedRole, setSelectedRole] = useState43("all");
+  const [selectedStatus, setSelectedStatus] = useState43("all");
   const filteredUsers = users.filter((user) => {
     const matchesSearch = (user.name || "").toLowerCase().includes(searchTerm.toLowerCase()) || user.email.toLowerCase().includes(searchTerm.toLowerCase());
     const userRole = user.isAdmin ? "admin" : "user";
@@ -56699,7 +56722,7 @@ function SignInForm({
 }
 
 // src/features/auth/components/SignUpForm.tsx
-import { useState as useState43 } from "react";
+import { useState as useState44 } from "react";
 import { jsx as jsx80, jsxs as jsxs69 } from "react/jsx-runtime";
 function GoogleIcon2() {
   return /* @__PURE__ */ jsxs69("svg", { className: "semiont-icon semiont-icon--small semiont-icon--inline", viewBox: "0 0 24 24", children: [
@@ -56734,7 +56757,7 @@ function GoogleIcon2() {
   ] });
 }
 function SignUpForm({ onSignUp, Link, translations: t12 }) {
-  const [isLoading, setIsLoading] = useState43(false);
+  const [isLoading, setIsLoading] = useState44(false);
   const handleSignUp = async () => {
     setIsLoading(true);
     try {
@@ -57191,7 +57214,7 @@ function TagSchemasPage({
 }
 
 // src/features/resource-compose/components/ResourceComposePage.tsx
-import { useState as useState44, useEffect as useEffect46 } from "react";
+import { useState as useState45, useEffect as useEffect47 } from "react";
 import { isImageMimeType, isPdfMimeType as isPdfMimeType4, LOCALES as LOCALES3 } from "@semiont/api-client";
 import { jsx as jsx86, jsxs as jsxs75 } from "react/jsx-runtime";
 function ResourceComposePage({
@@ -57212,20 +57235,20 @@ function ResourceComposePage({
   Toolbar: Toolbar2
 }) {
   const { announceFormSubmitting, announceFormSuccess, announceFormError } = useFormAnnouncements();
-  const [newResourceName, setNewResourceName] = useState44("");
-  const [newResourceContent, setNewResourceContent] = useState44("");
-  const [selectedEntityTypes, setSelectedEntityTypes] = useState44([]);
-  const [isCreating, setIsCreating] = useState44(false);
-  const [inputMethod, setInputMethod] = useState44("write");
-  const [uploadedFile, setUploadedFile] = useState44(null);
-  const [fileMimeType, setFileMimeType] = useState44("text/markdown");
-  const [filePreviewUrl, setFilePreviewUrl] = useState44(null);
-  const [selectedFormat, setSelectedFormat] = useState44("text/markdown");
-  const [selectedLanguage, setSelectedLanguage] = useState44(initialLocale);
-  const [selectedCharset, setSelectedCharset] = useState44("");
-  const [storagePath, setStoragePath] = useState44("");
-  const [archiveOriginal, setArchiveOriginal] = useState44(true);
-  useEffect46(() => {
+  const [newResourceName, setNewResourceName] = useState45("");
+  const [newResourceContent, setNewResourceContent] = useState45("");
+  const [selectedEntityTypes, setSelectedEntityTypes] = useState45([]);
+  const [isCreating, setIsCreating] = useState45(false);
+  const [inputMethod, setInputMethod] = useState45("write");
+  const [uploadedFile, setUploadedFile] = useState45(null);
+  const [fileMimeType, setFileMimeType] = useState45("text/markdown");
+  const [filePreviewUrl, setFilePreviewUrl] = useState45(null);
+  const [selectedFormat, setSelectedFormat] = useState45("text/markdown");
+  const [selectedLanguage, setSelectedLanguage] = useState45(initialLocale);
+  const [selectedCharset, setSelectedCharset] = useState45("");
+  const [storagePath, setStoragePath] = useState45("");
+  const [archiveOriginal, setArchiveOriginal] = useState45(true);
+  useEffect47(() => {
     if (mode === "clone" && cloneData) {
       setNewResourceName(cloneData.sourceResource.name);
       setNewResourceContent(cloneData.sourceContent);
@@ -57258,7 +57281,7 @@ function ResourceComposePage({
       reader.readAsText(file);
     }
   };
-  useEffect46(() => {
+  useEffect47(() => {
     return () => {
       if (filePreviewUrl) {
         URL.revokeObjectURL(filePreviewUrl);
@@ -57662,7 +57685,7 @@ function ResourceComposePage({
 }
 
 // src/features/resource-discovery/components/ResourceDiscoveryPage.tsx
-import { useState as useState45, useCallback as useCallback35, useRef as useRef33 } from "react";
+import { useState as useState46, useCallback as useCallback35, useRef as useRef34 } from "react";
 import { getResourceId as getResourceId2 } from "@semiont/api-client";
 
 // src/features/resource-discovery/components/ResourceCard.tsx
@@ -57735,8 +57758,8 @@ function ResourceDiscoveryPage({
   translations: t12,
   ToolbarPanels
 }) {
-  const [searchQuery2, setSearchQuery] = useState45("");
-  const [selectedEntityType, setSelectedEntityType] = useState45("");
+  const [searchQuery2, setSearchQuery] = useState46("");
+  const [selectedEntityType, setSelectedEntityType] = useState46("");
   const hasSearchQuery = searchQuery2.trim() !== "";
   const hasSearchResults = searchDocuments.length > 0;
   const baseDocuments = hasSearchResults ? searchDocuments : recentDocuments;
@@ -57753,7 +57776,7 @@ function ResourceDiscoveryPage({
     { orientation: "grid", cols: 2 }
     // 2 columns on medium+ screens
   );
-  const onNavigateToResourceRef = useRef33(onNavigateToResource);
+  const onNavigateToResourceRef = useRef34(onNavigateToResource);
   onNavigateToResourceRef.current = onNavigateToResource;
   const handleEntityTypeFilter = useCallback35((entityType3) => {
     setSelectedEntityType(entityType3);
@@ -57896,13 +57919,13 @@ function ResourceDiscoveryPage({
 }
 
 // src/features/resource-viewer/components/ResourceViewerPage.tsx
-import { useState as useState49, useEffect as useEffect51, useCallback as useCallback38, useMemo as useMemo14 } from "react";
+import { useState as useState50, useEffect as useEffect52, useCallback as useCallback38, useMemo as useMemo14 } from "react";
 import { useQueryClient as useQueryClient3 } from "@tanstack/react-query";
 import { annotationId as annotationId3 } from "@semiont/core";
 import { getLanguage, getPrimaryRepresentation, getPrimaryMediaType as getPrimaryMediaType2 } from "@semiont/api-client";
 
 // src/hooks/useBindFlow.ts
-import { useEffect as useEffect47, useRef as useRef34 } from "react";
+import { useEffect as useEffect48, useRef as useRef35 } from "react";
 import { accessToken as accessToken4 } from "@semiont/core";
 function toAccessToken2(token) {
   return token ? accessToken4(token) : void 0;
@@ -57912,19 +57935,19 @@ function useBindFlow(rUri) {
   const client = useApiClient();
   const token = useAuthToken();
   const { showError } = useToast();
-  const rUriRef = useRef34(rUri);
-  useEffect47(() => {
+  const rUriRef = useRef35(rUri);
+  useEffect48(() => {
     rUriRef.current = rUri;
   });
-  const clientRef = useRef34(client);
-  useEffect47(() => {
+  const clientRef = useRef35(client);
+  useEffect48(() => {
     clientRef.current = client;
   });
-  const tokenRef = useRef34(token);
-  useEffect47(() => {
+  const tokenRef = useRef35(token);
+  useEffect48(() => {
     tokenRef.current = token;
   });
-  useEffect47(() => {
+  useEffect48(() => {
     const handleAnnotationUpdateBody = (event) => {
       const annotationId4 = event.annotationId;
       const finishedSub = eventBus.get("bind:finished").subscribe((finishedEvent) => {
@@ -57955,7 +57978,7 @@ function useBindFlow(rUri) {
       }, { auth: toAccessToken2(tokenRef.current), eventBus });
     };
     const updateSub = eventBus.get("bind:update-body").subscribe(handleAnnotationUpdateBody);
-    const searchSub = eventBus.get("bind:search-requested").subscribe(handleSearchRequested);
+    const searchSub = eventBus.get("match:search-requested").subscribe(handleSearchRequested);
     return () => {
       updateSub.unsubscribe();
       searchSub.unsubscribe();
@@ -57967,7 +57990,7 @@ function useBindFlow(rUri) {
 }
 
 // src/hooks/useMarkFlow.ts
-import { useState as useState46, useRef as useRef35, useEffect as useEffect48, useCallback as useCallback36 } from "react";
+import { useState as useState47, useRef as useRef36, useEffect as useEffect49, useCallback as useCallback36 } from "react";
 import { accessToken as accessToken5, entityType as entityType2, annotationId as annotationId2 } from "@semiont/core";
 function toAccessToken3(token) {
   return token ? accessToken5(token) : void 0;
@@ -57977,19 +58000,19 @@ function useMarkFlow(rUri) {
   const client = useApiClient();
   const token = useAuthToken();
   const { showSuccess, showError, showInfo } = useToast();
-  const clientRef = useRef35(client);
-  const rUriRef = useRef35(rUri);
-  const tokenRef = useRef35(token);
-  useEffect48(() => {
+  const clientRef = useRef36(client);
+  const rUriRef = useRef36(rUri);
+  const tokenRef = useRef36(token);
+  useEffect49(() => {
     clientRef.current = client;
   });
-  useEffect48(() => {
+  useEffect49(() => {
     rUriRef.current = rUri;
   });
-  useEffect48(() => {
+  useEffect49(() => {
     tokenRef.current = token;
   });
-  const [pendingAnnotation, setPendingAnnotation] = useState46(null);
+  const [pendingAnnotation, setPendingAnnotation] = useState47(null);
   const handleAnnotationRequested = useCallback36((pending) => {
     const MOTIVATION_TO_TAB = {
       highlighting: "annotations",
@@ -58048,10 +58071,10 @@ function useMarkFlow(rUri) {
   const handleAnnotationCancelPending = useCallback36(() => {
     setPendingAnnotation(null);
   }, []);
-  const [assistingMotivation, setAssistingMotivation] = useState46(null);
-  const [progress, setProgress] = useState46(null);
-  const assistStreamRef = useRef35(null);
-  const progressDismissTimeoutRef = useRef35(null);
+  const [assistingMotivation, setAssistingMotivation] = useState47(null);
+  const [progress, setProgress] = useState47(null);
+  const assistStreamRef = useRef36(null);
+  const progressDismissTimeoutRef = useRef36(null);
   const handleMarkProgress = useCallback36((chunk) => {
     setProgress(chunk);
   }, []);
@@ -58086,7 +58109,7 @@ function useMarkFlow(rUri) {
     }
     setProgress(null);
   }, []);
-  useEffect48(() => {
+  useEffect49(() => {
     const handleAnnotationSubmit = async (event) => {
       const currentClient = clientRef.current;
       const currentRUri = rUriRef.current;
@@ -58157,13 +58180,15 @@ function useMarkFlow(rUri) {
           currentClient.sse.markAssessments(currentRUri, {
             instructions: event.options.instructions,
             tone: event.options.tone,
-            density: event.options.density
+            density: event.options.density,
+            language: event.options.language
           }, sseOptions);
         } else if (event.motivation === "commenting") {
           currentClient.sse.markComments(currentRUri, {
             instructions: event.options.instructions,
             tone: event.options.tone,
-            density: event.options.density
+            density: event.options.density,
+            language: event.options.language
           }, sseOptions);
         }
       } catch (error) {
@@ -58212,7 +58237,7 @@ function useMarkFlow(rUri) {
     "mark:create-failed": ({ error }) => showError(`Failed to create annotation: ${error.message}`),
     "mark:delete-failed": ({ error }) => showError(`Failed to delete annotation: ${error.message}`)
   });
-  useEffect48(() => {
+  useEffect49(() => {
     return () => {
       if (progressDismissTimeoutRef.current) {
         clearTimeout(progressDismissTimeoutRef.current);
@@ -58228,7 +58253,7 @@ function useMarkFlow(rUri) {
 }
 
 // src/hooks/useYieldFlow.ts
-import { useState as useState47, useCallback as useCallback37, useEffect as useEffect49, useRef as useRef36 } from "react";
+import { useState as useState48, useCallback as useCallback37, useEffect as useEffect50, useRef as useRef37 } from "react";
 import { annotationId as makeAnnotationId, resourceId as makeResourceId, accessToken as accessToken6 } from "@semiont/core";
 function toAccessToken4(token) {
   return token ? accessToken6(token) : void 0;
@@ -58238,17 +58263,17 @@ function useYieldFlow(locale, resourceId2, clearNewAnnotationId) {
   const client = useApiClient();
   const token = useAuthToken();
   const { showSuccess, showError } = useToast();
-  const clientRef = useRef36(client);
-  const tokenRef = useRef36(token);
-  useEffect49(() => {
+  const clientRef = useRef37(client);
+  const tokenRef = useRef37(token);
+  useEffect50(() => {
     clientRef.current = client;
   });
-  useEffect49(() => {
+  useEffect50(() => {
     tokenRef.current = token;
   });
-  const generationStreamRef = useRef36(null);
-  const [isGenerating, setIsGenerating] = useState47(false);
-  const [generationProgress, setYieldProgress] = useState47(null);
+  const generationStreamRef = useRef37(null);
+  const [isGenerating, setIsGenerating] = useState48(false);
+  const [generationProgress, setYieldProgress] = useState48(null);
   const handleProgressEvent = useCallback37((chunk) => {
     setYieldProgress(chunk);
     setIsGenerating(true);
@@ -58284,7 +58309,7 @@ function useYieldFlow(locale, resourceId2, clearNewAnnotationId) {
     setIsGenerating(false);
     showError(`Resource generation failed: ${error.message}`);
   }, [showError]);
-  useEffect49(() => {
+  useEffect50(() => {
     const handleGenerationStart = async (event) => {
       try {
         generationStreamRef.current?.abort();
@@ -58330,26 +58355,26 @@ function useYieldFlow(locale, resourceId2, clearNewAnnotationId) {
 }
 
 // src/hooks/useContextGatherFlow.ts
-import { useState as useState48, useEffect as useEffect50, useRef as useRef37 } from "react";
+import { useState as useState49, useEffect as useEffect51, useRef as useRef38 } from "react";
 import { accessToken as accessToken7 } from "@semiont/core";
 function toAccessToken5(token) {
   return token ? accessToken7(token) : void 0;
 }
 function useContextGatherFlow(eventBus, config) {
   const token = useAuthToken();
-  const [gatherContext, setCorrelationContext] = useState48(null);
-  const [gatherLoading, setCorrelationLoading] = useState48(false);
-  const [gatherError, setCorrelationError] = useState48(null);
-  const [gatherAnnotationId, setCorrelationAnnotationId] = useState48(null);
-  const configRef = useRef37(config);
-  const tokenRef = useRef37(token);
-  useEffect50(() => {
+  const [gatherContext, setCorrelationContext] = useState49(null);
+  const [gatherLoading, setCorrelationLoading] = useState49(false);
+  const [gatherError, setCorrelationError] = useState49(null);
+  const [gatherAnnotationId, setCorrelationAnnotationId] = useState49(null);
+  const configRef = useRef38(config);
+  const tokenRef = useRef38(token);
+  useEffect51(() => {
     configRef.current = config;
   });
-  useEffect50(() => {
+  useEffect51(() => {
     tokenRef.current = token;
   });
-  useEffect50(() => {
+  useEffect51(() => {
     const handleGatherRequested = (event) => {
       setCorrelationLoading(true);
       setCorrelationError(null);
@@ -58431,12 +58456,12 @@ function ResourceViewerPage({
     onGenerateDocument
   } = useYieldFlow(locale, rUri, clearNewAnnotationId);
   const { gatherContext, gatherLoading, gatherError } = useContextGatherFlow(eventBus, { client, resourceId: rUri });
-  const [wizardOpen, setWizardOpen] = useState49(false);
-  const [wizardAnnotationId, setWizardAnnotationId] = useState49(null);
-  const [wizardResourceId, setWizardResourceId] = useState49(null);
-  const [wizardDefaultTitle, setWizardDefaultTitle] = useState49("");
-  const [wizardEntityTypes, setWizardEntityTypes] = useState49([]);
-  useEffect51(() => {
+  const [wizardOpen, setWizardOpen] = useState50(false);
+  const [wizardAnnotationId, setWizardAnnotationId] = useState50(null);
+  const [wizardResourceId, setWizardResourceId] = useState50(null);
+  const [wizardDefaultTitle, setWizardDefaultTitle] = useState50("");
+  const [wizardEntityTypes, setWizardEntityTypes] = useState50([]);
+  useEffect52(() => {
     const subscription = eventBus.get("bind:initiate").subscribe((event) => {
       setWizardAnnotationId(event.annotationId);
       setWizardResourceId(event.resourceId);
@@ -58496,7 +58521,7 @@ function ResourceViewerPage({
     },
     500
   );
-  useEffect51(() => {
+  useEffect52(() => {
     if (resource && rUri) {
       const mediaType = getPrimaryMediaType2(resource);
       addResource(rUri, resource.name, mediaType || void 0, resource.storageUri);
@@ -58629,12 +58654,12 @@ function ResourceViewerPage({
   }, []);
   const handleGenerationFailed = useCallback38(() => {
   }, []);
-  const handleReferenceNavigate = useCallback38(({ documentId }) => {
-    if (routes.resource) {
-      const path2 = routes.resource.replace("[resourceId]", encodeURIComponent(documentId));
+  const handleReferenceNavigate = useCallback38(({ resourceId: resourceId2 }) => {
+    if (routes.resourceDetail) {
+      const path2 = routes.resourceDetail(resourceId2);
       eventBus.get("browse:router-push").next({ path: path2, reason: "reference-link" });
     }
-  }, [routes.resource]);
+  }, [routes.resourceDetail]);
   const handleEntityTypeClicked = useCallback38(({ entityType: entityType3 }) => {
     if (routes.know) {
       const path2 = `${routes.know}?entityType=${encodeURIComponent(entityType3)}`;
@@ -58669,7 +58694,7 @@ function ResourceViewerPage({
     announceResourceLoading,
     announceResourceLoaded
   } = useResourceLoadingAnnouncements();
-  useEffect51(() => {
+  useEffect52(() => {
     if (contentLoading) {
       announceResourceLoading(resource.name);
     } else if (content4) {
@@ -58680,7 +58705,7 @@ function ResourceViewerPage({
   const primaryRep = getPrimaryRepresentation(resource);
   const primaryMediaType = primaryRep?.mediaType;
   const primaryByteSize = primaryRep?.byteSize;
-  const [annotateMode, setAnnotateMode] = useState49(() => {
+  const [annotateMode, setAnnotateMode] = useState50(() => {
     if (typeof window !== "undefined") {
       return localStorage.getItem("annotateMode") === "true";
     }
@@ -58770,6 +58795,7 @@ function ResourceViewerPage({
                   referencedBy,
                   referencedByLoading,
                   resourceId: rUri,
+                  locale,
                   scrollToAnnotationId,
                   hoveredAnnotationId,
                   onScrollCompleted,
@@ -58797,7 +58823,13 @@ function ResourceViewerPage({
                   documentLocale: getLanguage(resource),
                   primaryMediaType,
                   primaryByteSize,
-                  isArchived: resource.archived ?? false
+                  isArchived: resource.archived ?? false,
+                  dateCreated: resource.dateCreated,
+                  dateModified: resource.dateModified,
+                  creationMethod: resource.creationMethod,
+                  wasAttributedTo: resource.wasAttributedTo,
+                  wasDerivedFrom: resource.wasDerivedFrom,
+                  generator: resource.generator
                 }
               ),
               activePanel === "collaboration" && /* @__PURE__ */ jsx89(
@@ -58843,15 +58875,9 @@ function ResourceViewerPage({
           configureGenerationTitle: tw("configureGenerationTitle"),
           configureSearchTitle: tw("configureSearchTitle"),
           searchResultsTitle: tw("searchResultsTitle"),
-          annotationLabel: tw("annotationLabel"),
-          sourceResourceLabel: tw("sourceResourceLabel"),
-          motivationLabel: tw("motivationLabel"),
           sourceContextLabel: tw("sourceContextLabel"),
-          entityTypesLabel: tw("entityTypesLabel"),
-          graphContextLabel: tw("graphContextLabel"),
           connectionsLabel: tw("connectionsLabel"),
           citedByLabel: tw("citedByLabel"),
-          siblingTypesLabel: tw("siblingTypesLabel"),
           userHintLabel: tw("userHintLabel"),
           userHintPlaceholder: tw("userHintPlaceholder"),
           loadingContext: tw("loadingContext"),
@@ -58861,6 +58887,7 @@ function ResourceViewerPage({
           searching: tw("searching"),
           generate: tw("generate"),
           compose: tw("compose"),
+          resolutionStrategyLabel: tw("resolutionStrategyLabel"),
           back: tw("back"),
           link: tw("link"),
           score: tw("score"),