@ixo/editor 3.0.0-beta.15 → 3.0.0-beta.17

package/dist/{capabilityValidation-Bnn8B_8a.d.ts → capabilityValidation-D42n_q1t.d.ts}

@@ -1,4 +1,4 @@
-import { r as FlowNode, F as FlowNodeAuthzExtension, p as FlowNodeRuntimeState, J as IxoEditorType, S as SignedCapability, B as CreateRootDelegationParams, t as StoredDelegation, G as CreateDelegationParams, H as CreateInvocationParams, w as InvocationResult, x as ExecutionWithInvocationResult, s as UcanCapability, y as DelegationChainValidationResult, z as FindProofsResult, M as MigrationReport, U as UcanDelegationStore, l as InvocationStore, E as EvaluationStatus, C as Capability, a as CapabilityValidationResult } from './index-tyLe-Ge8.mjs';
+import { r as FlowNode, F as FlowNodeAuthzExtension, p as FlowNodeRuntimeState, J as IxoEditorType, S as SignedCapability, B as CreateRootDelegationParams, t as StoredDelegation, G as CreateDelegationParams, H as CreateInvocationParams, w as InvocationResult, x as ExecutionWithInvocationResult, s as UcanCapability, y as DelegationChainValidationResult, z as FindProofsResult, M as MigrationReport, U as UcanDelegationStore, l as InvocationStore, E as EvaluationStatus, C as Capability, a as CapabilityValidationResult } from './index-C5pBDzcw.mjs';
 import { Delegation } from '@ixo/ucan';
 import { Doc, Map } from 'yjs';
 

package/dist/{chunk-XSMXAAJC.mjs → chunk-5KCGR3WU.mjs}

@@ -16,7 +16,7 @@ import {
   isActorAuthorized,
   parseLinkedEntities,
   transformSurveyToCredentialSubject
-} from "./chunk-UHF7YDII.mjs";
+} from "./chunk-MB36TYBB.mjs";
 
 // src/mantine/hooks/useCreateIxoEditor.ts
 import { useCreateBlockNote } from "@blocknote/react";
@@ -25638,8 +25638,13 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
   const [evaluationLoading, setEvaluationLoading] = useState99(false);
   const [evaluationResult, setEvaluationResult] = useState99(null);
   const [activeFilter, setActiveFilter] = useState99("all");
+  const [outcomeTemplateJson, setOutcomeTemplateJson] = useState99(null);
+  const [outcomeTemplateLoading, setOutcomeTemplateLoading] = useState99(false);
+  const [outcomeResponses, setOutcomeResponses] = useState99({});
+  const [outcomeComplete, setOutcomeComplete] = useState99(false);
   const [submissionOpen, setSubmissionOpen] = useState99(false);
   const [aiEvalOpen, setAiEvalOpen] = useState99(false);
+  const [outcomeOpen, setOutcomeOpen] = useState99(true);
   const [evaluationOpen, setEvaluationOpen] = useState99(true);
   const [isEvaluatorAuthorized, setIsEvaluatorAuthorized] = useState99(false);
   const [authChecking, setAuthChecking] = useState99(true);
@@ -25662,6 +25667,21 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
     model.data = claimData;
     return model;
   }, [surveyJson, claimData]);
+  const outcomeSurveyModel = useMemo96(() => {
+    if (!outcomeTemplateJson) return null;
+    const model = new SurveyModel11(outcomeTemplateJson);
+    model.applyTheme(surveyTheme2);
+    model.showQuestionNumbers = "off";
+    model.questionsOnPageMode = "singlePage";
+    model.onValueChanged.add((sender) => {
+      setOutcomeResponses({ ...sender.data });
+    });
+    model.onComplete.add((sender) => {
+      setOutcomeResponses({ ...sender.data });
+      setOutcomeComplete(true);
+    });
+    return model;
+  }, [outcomeTemplateJson]);
   const refreshClaims = useCallback79(async () => {
     if (!deedDid || !collectionId) return;
     setLoadingClaims(true);
@@ -25694,6 +25714,17 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
         setClaimData(claimDataResult || null);
         const surveyResult = await handlers.getDeedSurveyTemplate(deedDid);
         setSurveyJson(surveyResult?.surveyTemplate || null);
+        if (handlers.getEvaluationTemplate) {
+          setOutcomeTemplateLoading(true);
+          try {
+            const evalTemplateResult = await handlers.getEvaluationTemplate(deedDid);
+            setOutcomeTemplateJson(evalTemplateResult?.surveyTemplate || null);
+          } catch {
+            setOutcomeTemplateJson(null);
+          } finally {
+            setOutcomeTemplateLoading(false);
+          }
+        }
         if (handlers.getDeedRubric && handlers.evaluateWithRubric && claimDataResult) {
           setEvaluationLoading(true);
           try {
@@ -25734,6 +25765,9 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
     setClaimData(null);
     setSurveyJson(null);
     setEvaluationResult(null);
+    setOutcomeTemplateJson(null);
+    setOutcomeResponses({});
+    setOutcomeComplete(false);
   }, [deedDid, collectionId]);
   useEffect82(() => {
     if (!deedDid || !collectionId) return;
@@ -25827,14 +25861,18 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
     }
     setSubmissionOpen(false);
     setAiEvalOpen(false);
+    setOutcomeOpen(true);
     setEvaluationOpen(true);
     setPaymentRows([createPaymentRow2()]);
+    setOutcomeResponses({});
+    setOutcomeComplete(false);
     loadClaimDetail(selectedClaim);
   }, [selectedClaim, loadClaimDetail]);
   const isClaimAlreadyEvaluated = useMemo96(() => {
     if (!selectedClaim) return false;
     return isClaimEvaluated(selectedClaim);
   }, [selectedClaim]);
+  const outcomeNotReady = Boolean(outcomeTemplateJson && !outcomeComplete);
   const addPaymentRow = useCallback79(() => {
     setPaymentRows((prev) => [...prev, createPaymentRow2()]);
   }, []);
@@ -25901,6 +25939,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
                 capabilityCid: capabilityId,
                 rubricAuthority: deedDid,
                 rubricId: deedDid,
+                patch: Object.keys(outcomeResponses).length > 0 ? outcomeResponses : void 0,
                 traceCid: evaluationResult?.trace?.result?.executionId,
                 items: evaluationResult?.trace?.result?.steps?.map((step) => ({
                   id: step.stepId,
@@ -25974,7 +26013,8 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
       updateRuntime,
       refreshClaims,
       buildPaymentCoins,
-      evaluationResult
+      evaluationResult,
+      outcomeResponses
     ]
   );
   if (selectedClaim) {
@@ -26025,6 +26065,17 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
       },
       /* @__PURE__ */ React246.createElement(UnstyledButton4, { onClick: () => setAiEvalOpen((v) => !v), style: { width: "100%" } }, /* @__PURE__ */ React246.createElement(Group93, { gap: "xs", align: "center" }, aiEvalOpen ? /* @__PURE__ */ React246.createElement(IconChevronDown10, { size: 16 }) : /* @__PURE__ */ React246.createElement(IconChevronRight13, { size: 16 }), /* @__PURE__ */ React246.createElement(Text140, { fw: 500, size: "sm" }, "AI Evaluation"))),
       /* @__PURE__ */ React246.createElement(Collapse10, { in: aiEvalOpen }, /* @__PURE__ */ React246.createElement(Box48, { mt: "sm" }, evaluationLoading ? /* @__PURE__ */ React246.createElement(Group93, { gap: "xs" }, /* @__PURE__ */ React246.createElement(Loader42, { size: "xs" }), /* @__PURE__ */ React246.createElement(Text140, { size: "xs", c: "dimmed" }, "Running rubric evaluation...")) : evaluationResult ? /* @__PURE__ */ React246.createElement(ScrollArea8, { h: 280 }, /* @__PURE__ */ React246.createElement(RubricEvaluationResults, { evaluation: evaluationResult })) : /* @__PURE__ */ React246.createElement(Text140, { size: "xs", c: "dimmed" }, "No rubric evaluation available for this claim.")))
+    ), (outcomeTemplateLoading || outcomeTemplateJson) && /* @__PURE__ */ React246.createElement(
+      Box48,
+      {
+        p: "sm",
+        style: {
+          borderRadius: 16,
+          background: "var(--mantine-color-neutralColor-5)"
+        }
+      },
+      /* @__PURE__ */ React246.createElement(UnstyledButton4, { onClick: () => setOutcomeOpen((v) => !v), style: { width: "100%" } }, /* @__PURE__ */ React246.createElement(Group93, { gap: "xs", align: "center" }, outcomeOpen ? /* @__PURE__ */ React246.createElement(IconChevronDown10, { size: 16 }) : /* @__PURE__ */ React246.createElement(IconChevronRight13, { size: 16 }), /* @__PURE__ */ React246.createElement(Text140, { fw: 500, size: "sm" }, "Outcome"), outcomeTemplateJson && !outcomeComplete && /* @__PURE__ */ React246.createElement(Text140, { size: "xs", c: "yellow" }, "(required)"), outcomeComplete && /* @__PURE__ */ React246.createElement(IconCheck19, { size: 14, color: "var(--mantine-color-green-6)" }))),
+      /* @__PURE__ */ React246.createElement(Collapse10, { in: outcomeOpen }, /* @__PURE__ */ React246.createElement(Box48, { mt: "sm" }, outcomeTemplateLoading ? /* @__PURE__ */ React246.createElement(Group93, { gap: "xs" }, /* @__PURE__ */ React246.createElement(Loader42, { size: "xs" }), /* @__PURE__ */ React246.createElement(Text140, { size: "xs", c: "dimmed" }, "Loading evaluation template...")) : outcomeSurveyModel ? /* @__PURE__ */ React246.createElement(ScrollArea8, { h: 320 }, /* @__PURE__ */ React246.createElement(Survey11, { model: outcomeSurveyModel })) : /* @__PURE__ */ React246.createElement(Text140, { size: "xs", c: "dimmed" }, "No evaluation template available.")))
     ), /* @__PURE__ */ React246.createElement(
       Box48,
       {
@@ -26066,12 +26117,12 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
           disabled: isDisabled || submitting
         }
       ))), /* @__PURE__ */ React246.createElement(Button43, { variant: "light", size: "xs", onClick: addPaymentRow, disabled: isDisabled || submitting }, "Add Payment"), /* @__PURE__ */ React246.createElement(Checkbox12, { label: "Generate UDID proof before evaluation", checked: createUdid, onChange: (event) => setCreateUdid(event.currentTarget.checked) })))
-    ), isClaimAlreadyEvaluated && /* @__PURE__ */ React246.createElement(Alert43, { color: "yellow", styles: actionAlertStyles }, "This claim is already evaluated. Re-evaluation is disabled."), !authChecking && !isEvaluatorAuthorized && /* @__PURE__ */ React246.createElement(Alert43, { color: "yellow", styles: actionAlertStyles }, "You need evaluator authorization for this collection to approve or reject claims."), /* @__PURE__ */ React246.createElement(Group93, { gap: "xs" }, /* @__PURE__ */ React246.createElement(
+    ), outcomeNotReady && /* @__PURE__ */ React246.createElement(Alert43, { color: "yellow", styles: actionAlertStyles }, "Complete the Outcome evaluation template before approving or rejecting."), isClaimAlreadyEvaluated && /* @__PURE__ */ React246.createElement(Alert43, { color: "yellow", styles: actionAlertStyles }, "This claim is already evaluated. Re-evaluation is disabled."), !authChecking && !isEvaluatorAuthorized && /* @__PURE__ */ React246.createElement(Alert43, { color: "yellow", styles: actionAlertStyles }, "You need evaluator authorization for this collection to approve or reject claims."), /* @__PURE__ */ React246.createElement(Group93, { gap: "xs" }, /* @__PURE__ */ React246.createElement(
       BasePrimaryButton,
       {
         leftSection: /* @__PURE__ */ React246.createElement(IconThumbUp4, { size: 16 }),
         onClick: () => executeEvaluation("approve"),
-        disabled: isDisabled || submitting || authChecking || !isEvaluatorAuthorized || !adminAddress || isClaimAlreadyEvaluated
+        disabled: isDisabled || submitting || authChecking || !isEvaluatorAuthorized || !adminAddress || isClaimAlreadyEvaluated || outcomeNotReady
       },
       "Approve"
     ), /* @__PURE__ */ React246.createElement(
@@ -26079,7 +26130,7 @@ var EvaluateClaimFlowDetail = ({ inputs, editor, block, runtime, updateRuntime,
       {
         leftSection: /* @__PURE__ */ React246.createElement(IconThumbDown2, { size: 16 }),
         onClick: () => executeEvaluation("reject"),
-        disabled: isDisabled || submitting || authChecking || !isEvaluatorAuthorized || !adminAddress || isClaimAlreadyEvaluated
+        disabled: isDisabled || submitting || authChecking || !isEvaluatorAuthorized || !adminAddress || isClaimAlreadyEvaluated || outcomeNotReady
       },
       "Reject"
     )), error && /* @__PURE__ */ React246.createElement(Alert43, { color: "red", styles: actionAlertStyles }, error));
@@ -29843,13 +29894,19 @@ var MatrixMetadataManager = class {
     }
     try {
       const promises = [];
-      if ("cover" in metadata) {
+      if ("cover" in metadata || "coverPosition" in metadata) {
+        const room = this.matrixClient.getRoom(this.roomId);
+        const existingEvent = room?.currentState.getStateEvents(COVER_IMAGE_EVENT_TYPE, "");
+        const existingContent = existingEvent ? existingEvent.getContent() : {};
+        const content = {
+          url: "cover" in metadata ? metadata.cover || null : existingContent.url ?? null,
+          position: "coverPosition" in metadata ? metadata.coverPosition ?? null : existingContent.position ?? null
+        };
         promises.push(
           this.matrixClient.sendStateEvent(
             this.roomId,
             COVER_IMAGE_EVENT_TYPE,
-            { url: metadata.cover || null },
-            // Wrap in object - null means removed
+            content,
             ""
             // Empty state key
           )
@@ -29892,6 +29949,7 @@ var MatrixMetadataManager = class {
       );
       const coverContent = coverEvent ? coverEvent.getContent() : null;
       const coverUrl = coverContent?.url || null;
+      const coverPos = coverContent?.position ?? null;
       const iconEvent = room.currentState.getStateEvents(
         COVER_ICON_EVENT_TYPE,
         ""
@@ -29904,7 +29962,8 @@ var MatrixMetadataManager = class {
       }
       return {
         cover: coverUrl || void 0,
-        icon: iconUrl || void 0
+        icon: iconUrl || void 0,
+        coverPosition: coverPos ?? void 0
       };
     } catch (error) {
       console.error("Failed to get page metadata:", error);
@@ -30829,7 +30888,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
   const { editor, handlers, editable } = useBlocknoteContext();
   const [isHovering, setIsHovering] = useState127(false);
   const [isRepositioning, setIsRepositioning] = useState127(false);
-  const [coverPosition, setCoverPosition] = useState127(50);
+  const [coverPosition, setCoverPosition] = useState127(() => editor?.getPageMetadata?.()?.coverPosition ?? 50);
   const coverFileInputRef = useRef27(null);
   const logoFileInputRef = useRef27(null);
   const [opened, { open, close }] = useDisclosure7(false);
@@ -30842,8 +30901,14 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     }
     const initialMetadata = editor._metadataManager.getMetadata();
     setMetadata(initialMetadata);
+    if (initialMetadata?.coverPosition != null) {
+      setCoverPosition(initialMetadata.coverPosition);
+    }
     const unsubscribe = editor._metadataManager.subscribe((newMetadata) => {
       setMetadata(newMetadata);
+      if (newMetadata.coverPosition != null) {
+        setCoverPosition(newMetadata.coverPosition);
+      }
     });
     return unsubscribe;
   }, [editor]);
@@ -30911,7 +30976,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     if (!isRepositioning) return;
     const rect = e.currentTarget.getBoundingClientRect();
     const y = e.clientY - rect.top;
-    const percentage = y / rect.height * 100;
+    const percentage = Math.round(y / rect.height * 100);
     setCoverPosition(Math.max(0, Math.min(100, percentage)));
   };
   if (!editable && !hasCover && !hasLogo) {
@@ -31016,12 +31081,20 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       onMouseEnter: () => editable && setIsHovering(true),
       onMouseLeave: () => {
         if (editable) {
+          if (isRepositioning) {
+            editor?.setPageMetadata?.({ coverPosition });
+          }
           setIsHovering(false);
           setIsRepositioning(false);
         }
       },
       onMouseMove: handleMouseMove,
-      onClick: () => isRepositioning && setIsRepositioning(false)
+      onClick: () => {
+        if (isRepositioning) {
+          setIsRepositioning(false);
+          editor?.setPageMetadata?.({ coverPosition });
+        }
+      }
     },
     /* @__PURE__ */ React281.createElement(
       "img",
@@ -31053,11 +31126,23 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       },
       /* @__PURE__ */ React281.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
-      /* @__PURE__ */ React281.createElement(CoverImageButton, { onClick: () => setIsRepositioning(!isRepositioning), isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
+      /* @__PURE__ */ React281.createElement(
+        CoverImageButton,
+        {
+          onClick: () => {
+            if (isRepositioning) {
+              editor?.setPageMetadata?.({ coverPosition });
+            }
+            setIsRepositioning(!isRepositioning);
+          },
+          isActive: isRepositioning
+        },
+        isRepositioning ? "Done" : "Reposition"
+      ),
       /* @__PURE__ */ React281.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove"),
       /* @__PURE__ */ React281.createElement(CoverImageButton, { onClick: openSettings }, "Settings")
     ),
-    /* @__PURE__ */ React281.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React281.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: 0, right: 0, height: "70px" } }, /* @__PURE__ */ React281.createElement(
       Box58,
       {
         style: {
@@ -31069,7 +31154,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 11
         }
       },
-      logoSrc && /* @__PURE__ */ React281.createElement(PageIcon, { src: logoSrc, iconSize: 64 }),
+      logoSrc && /* @__PURE__ */ React281.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
       editable && isHovering && /* @__PURE__ */ React281.createElement(React281.Fragment, null, logoSrc ? /* @__PURE__ */ React281.createElement(
         Group104,
         {
@@ -32332,4 +32417,4 @@ export {
   getExtraSlashMenuItems,
   useCreateIxoEditor
 };
-//# sourceMappingURL=chunk-XSMXAAJC.mjs.map
+//# sourceMappingURL=chunk-5KCGR3WU.mjs.map