@semiont/react-ui 0.3.0 → 0.3.2

package/dist/index.d.mts

@@ -2799,6 +2799,8 @@ interface ReferenceWizardModalProps {
         connectionsLabel: string;
         citedByLabel: string;
         siblingTypesLabel: string;
+        userHintLabel: string;
+        userHintPlaceholder: string;
         loadingContext: string;
         failedContext: string;
         cancel: string;

package/dist/index.mjs

@@ -21,13 +21,13 @@ import {
   useSessionContext,
   useToast,
   useTranslations
-} from "./chunk-7GEYABC6.mjs";
+} from "./chunk-PFQYNPQJ.mjs";
 import {
   EventBusProvider,
   resetEventBusForTesting,
   useEventBus
 } from "./chunk-2HGWOLVN.mjs";
-import "./chunk-7DW2P4UE.mjs";
+import "./chunk-VVCCMJS7.mjs";
 import {
   __commonJS,
   __export,
@@ -53192,7 +53192,7 @@ import { useState as useState35, useEffect as useEffect41, useCallback as useCal
 
 // src/components/modals/ContextSummary.tsx
 import { Fragment as Fragment11, jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
-function ContextSummary({ context, translations: t12 }) {
+function ContextSummary({ context, userHint, onUserHintChange, translations: t12 }) {
   const annotation = context.annotation;
   const sourceResource = context.sourceResource;
   const sourceContext = context.sourceContext;
@@ -53289,6 +53289,20 @@ function ContextSummary({ context, translations: t12 }) {
           /* @__PURE__ */ jsx51("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.25rem", marginTop: "0.25rem" }, children: siblingEntityTypes.map((et) => /* @__PURE__ */ jsx51("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__ */ jsx51("label", { className: "semiont-form__label", children: t12.userHintLabel }),
+      /* @__PURE__ */ jsx51(
+        "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"
+        }
+      )
     ] })
   ] });
 }
@@ -53299,6 +53313,8 @@ function GatherContextStep({
   context,
   contextLoading,
   contextError,
+  userHint,
+  onUserHintChange,
   onCancel,
   onBind,
   onGenerate,
@@ -53309,7 +53325,7 @@ function GatherContextStep({
   return /* @__PURE__ */ jsxs42(Fragment12, { children: [
     contextLoading && /* @__PURE__ */ jsx52("div", { className: "semiont-modal__empty-state", style: { textAlign: "center", padding: "1rem 0" }, children: t12.loadingContext }),
     !!contextError && /* @__PURE__ */ jsx52("div", { style: { textAlign: "center", padding: "1rem 0", color: "var(--semiont-color-red-600)" }, children: t12.failedContext }),
-    context && /* @__PURE__ */ jsx52(ContextSummary, { context, translations: t12 }),
+    context && /* @__PURE__ */ jsx52(ContextSummary, { context, userHint, onUserHintChange, translations: t12 }),
     /* @__PURE__ */ jsxs42("div", { className: "semiont-modal__actions", style: { paddingTop: "0.5rem" }, children: [
       /* @__PURE__ */ jsxs42(
         "button",
@@ -53729,10 +53745,12 @@ function ReferenceWizardModal({
 }) {
   const [wizardStep, setWizardStep] = useState35({ step: "gather" });
   const [isSearching, setIsSearching] = useState35(false);
+  const [userHint, setUserHint] = useState35("");
   useEffect41(() => {
     if (isOpen) {
       setWizardStep({ step: "gather" });
       setIsSearching(false);
+      setUserHint("");
     }
   }, [isOpen]);
   useEffect41(() => {
@@ -53753,22 +53771,24 @@ function ReferenceWizardModal({
   }, []);
   const handleCompose = useCallback31(() => {
     if (!context || !annotationId4 || !resourceId2) return;
-    onComposeNavigate(context, annotationId4, resourceId2, defaultTitle, entityTypes);
+    const contextWithHint = userHint ? { ...context, userHint } : context;
+    onComposeNavigate(contextWithHint, annotationId4, resourceId2, defaultTitle, entityTypes);
     onClose();
-  }, [context, annotationId4, resourceId2, defaultTitle, entityTypes, onComposeNavigate, onClose]);
+  }, [context, annotationId4, resourceId2, defaultTitle, entityTypes, onComposeNavigate, onClose, userHint]);
   const handleBackToGather = useCallback31(() => {
     setWizardStep({ step: "gather" });
   }, []);
   const handleSearchSubmit = useCallback31((config) => {
     if (!annotationId4 || !context) return;
     setIsSearching(true);
+    const contextWithHint = userHint ? { ...context, userHint } : context;
     eventBus.get("bind:search-requested").next({
       referenceId: annotationId4,
-      context,
+      context: contextWithHint,
       limit: config.limit,
       useSemanticScoring: config.useSemanticScoring
     });
-  }, [annotationId4, context, eventBus]);
+  }, [annotationId4, context, eventBus, userHint]);
   const handleGenerateSubmit = useCallback31((config) => {
     if (!annotationId4) return;
     onGenerateSubmit(annotationId4, config);
@@ -53821,6 +53841,8 @@ function ReferenceWizardModal({
               context,
               contextLoading,
               contextError,
+              userHint,
+              onUserHintChange: setUserHint,
               onCancel: onClose,
               onBind: handleBind,
               onGenerate: handleGenerate,
@@ -53836,6 +53858,8 @@ function ReferenceWizardModal({
                 connectionsLabel: t12.connectionsLabel,
                 citedByLabel: t12.citedByLabel,
                 siblingTypesLabel: t12.siblingTypesLabel,
+                userHintLabel: t12.userHintLabel,
+                userHintPlaceholder: t12.userHintPlaceholder,
                 loadingContext: t12.loadingContext,
                 failedContext: t12.failedContext,
                 cancel: t12.cancel,
@@ -53912,7 +53936,9 @@ function ReferenceWizardModal({
                 graphContextLabel: t12.graphContextLabel,
                 connectionsLabel: t12.connectionsLabel,
                 citedByLabel: t12.citedByLabel,
-                siblingTypesLabel: t12.siblingTypesLabel
+                siblingTypesLabel: t12.siblingTypesLabel,
+                userHintLabel: t12.userHintLabel,
+                userHintPlaceholder: t12.userHintPlaceholder
               }
             }
           )
@@ -58772,6 +58798,8 @@ function ResourceViewerPage({
           connectionsLabel: tw("connectionsLabel"),
           citedByLabel: tw("citedByLabel"),
           siblingTypesLabel: tw("siblingTypesLabel"),
+          userHintLabel: tw("userHintLabel"),
+          userHintPlaceholder: tw("userHintPlaceholder"),
           loadingContext: tw("loadingContext"),
           failedContext: tw("failedContext"),
           cancel: tw("cancel"),