diff --git a/ui/src/lib/graphql/plan.fragments.ts b/ui/src/lib/graphql/plan.fragments.ts
index 542402e..710555a 100644
--- a/ui/src/lib/graphql/plan.fragments.ts
+++ b/ui/src/lib/graphql/plan.fragments.ts
@@ -56,6 +56,50 @@ export const SIMPLIFIED_PLAN_RETURN_FIELDS = gql`
   }
 `
 
+export const COMMITMENT_RETURN_FIELDS = gql`
+  fragment CommitmentReturnFields on Commitment {
+    id
+    revisionId
+    hasBeginning
+    action {
+      id
+      label
+    }
+    meta {
+      retrievedRevision {
+        id
+        time
+      }
+    }
+    provider {
+      id
+      name
+    }
+    receiver {
+      id
+      name
+    }
+    resourceQuantity {
+      hasNumericalValue
+      hasUnit {
+        id
+        label
+      }
+    }
+    resourceConformsTo {
+      id
+      name
+      defaultUnitOfResource {
+        label
+      }
+    }
+    fulfilledBy {
+      id
+    }
+    finished
+  }
+`
+
 export const PROCESS_RETURN_FIELDS = gql`
   fragment ProcessReturnFields on Process {
     id
diff --git a/ui/src/lib/icons/EconomicEvent.svelte b/ui/src/lib/icons/EconomicEvent.svelte
index d8446f0..5e60bca 100644
--- a/ui/src/lib/icons/EconomicEvent.svelte
+++ b/ui/src/lib/icons/EconomicEvent.svelte
@@ -1,4 +1,4 @@
-<svg
+<!-- <svg
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 24 24"
   fill="none"
@@ -11,4 +11,19 @@
   <path
     d="M4 12h16m-16 0a8 8 0 1 0 16 0a8 8 0 1 0 -16 0"
   />
-</svg>
\ No newline at end of file
+</svg> -->
+
+<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
+  <!-- Notebook cover -->
+  <rect x="10%" y="10%" width="80%" height="80%" fill="#fff" stroke="black" stroke-width="1"/>
+   
+  <!-- Dollar sign -->
+  <text x="48%" y="58%" font-size="80%" fill="black">☰</text>
+  <text x="48%" y="88%" font-size="80%" fill="black">☰</text>
+
+  <!-- Notebook binding -->
+  <line x1="50%" y1="10%" x2="50%" y2="90%" stroke="black" stroke-width="2"/>
+  
+  <!-- Dollar sign -->
+  <text x="15%" y="65%" font-size="80%" fill="black">$</text>
+</svg>