@powerhousedao/connect 6.0.0-dev.32 → 6.0.0-dev.33

package/dist/assets/{state-schemas-C80GQfNa.js → state-schemas-DtEEuBHc.js}

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/graphql-editor-CQF1oSdG.js","assets/document_model_editor-q_rpXFeo.js","assets/graphql-DwmBvzSo.js","assets/drive_explorer-DX_TIKpa.js","assets/sentry_react-cODD7zWc.js","assets/react-DQSxOgtG.js","assets/sentry_browser-B4YoBIIG.js","assets/react/jsx-runtime-DldvXD6N.js","assets/document_model-CPsSXf7O.js","assets/zod-9j67vCAu.js","assets/design_system-CbKpL5o0.js","assets/tailwind_merge-Dr4f9Rms.js","assets/react-dom-D6zQJsh6.js","assets/reactor_browser-CvXKqna7.js","assets/document_drive-BCSa7iW6.js","assets/design_system_connect-ChxuhOdJ.js","assets/design_system_ui-Bn6ciBPp.js","assets/hooks-CpljrJ1Y.js","assets/json-editor-HXfzSBgs.js"])))=>i.map(i=>d[i]);
-import{_ as L}from"./drive_explorer-DX_TIKpa.js";import{j as e,l as g,m as U,p as A,q as C,t as B,v as G,w as Y,x as J,y as K,z as W}from"./document_model_editor-q_rpXFeo.js";import{C as Z}from"./design_system_ui-Bn6ciBPp.js";import{r}from"./sentry_react-cODD7zWc.js";import{N as q,O as I,Q as k,U as O}from"./design_system_connect-ChxuhOdJ.js";import{K as E}from"./graphql-DwmBvzSo.js";import{c as Q}from"./design_system-CbKpL5o0.js";import"./react/jsx-runtime-DldvXD6N.js";import"./document_model-CPsSXf7O.js";import"./zod-9j67vCAu.js";import"./react-DQSxOgtG.js";import"./tailwind_merge-Dr4f9Rms.js";import"./react-dom-D6zQJsh6.js";import"./reactor_browser-CvXKqna7.js";import"./document_drive-BCSa7iW6.js";import"./sentry_browser-B4YoBIIG.js";const V=r.forwardRef((a,s)=>{const{className:n,...c}=a;return e.jsx("button",{ref:s,...c,className:g("h-10 whitespace-nowrap rounded-md border border-gray-200 bg-gray-50 px-4 py-2 text-sm font-medium text-gray-800 transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",n)})});function $({error:a}){const{payload:s}=a;switch(s.kind){case"MISSING":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field})," is missing."]});case"MISSING_OPTIONAL":return e.jsxs("span",{children:["Optional field ",e.jsx("strong",{children:s.field})," is not defined."]});case"UNKNOWN_FIELD":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field})," is not a known field."]});case"NON_NULL":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field})," cannot be null."]});case"TYPE":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field}),s.expectedType?e.jsxs(e.Fragment,{children:[" ","must be a"," ",e.jsx("strong",{children:s.expectedType.replace(/!/g,"")}),"."]}):e.jsx(e.Fragment,{children:" has an invalid value."})]});case"RECURSIVE_TYPE":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.typeName})," has a recursive type. It must be optional."]});default:return e.jsx("span",{children:"Invalid value."})}}const X=q,D=r.forwardRef(({className:a,...s},n)=>e.jsx(I,{ref:n,className:g("flex items-center justify-center rounded-xl bg-slate-50 p-1 shadow-[inset_0px_0px_2px_rgba(255,255,255,0.50)]",a),...s}));D.displayName=I.displayName;const v=r.forwardRef(({className:a,...s},n)=>e.jsx(k,{ref:n,className:g("flex w-full items-center justify-center whitespace-nowrap rounded-lg p-1 text-sm text-gray-500 transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-gray-50 data-[state=active]:text-gray-800 data-[state=active]:shadow-[0px_16px_16px_-4px_rgba(0,0,0,0.10)]",a),...s}));v.displayName=k.displayName;const y=r.forwardRef(({className:a,...s},n)=>e.jsx(O,{ref:n,className:g("",a),...s}));y.displayName=O.displayName;const _=r.lazy(()=>L(()=>import("./graphql-editor-CQF1oSdG.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17]))),ee=r.lazy(()=>L(()=>import("./json-editor-HXfzSBgs.js"),__vite__mapDeps([18,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17])));function T({modelName:a,stateSchema:s,initialValue:n,setStateSchema:c,setInitialState:d,scope:t}){const{sharedSchema:l,error:x}=A(),[h,j]=r.useState(!1),[o,F]=r.useState(!0),M=r.useCallback(i=>C(i,a,t),[a,t]),N=r.useMemo(()=>{const i=C(s,a,t);return x?[...i,x]:i},[s,a,t,x]),R=r.useCallback(()=>{j(i=>!i)},[]),P=r.useCallback(i=>c(i,t),[c,t]),H=r.useCallback(i=>d(i,t),[d,t]),b=r.useRef(!1),{initialValueErrors:z,fixedState:f}=r.useMemo(()=>{const i=n||"{}",m=B(l);if(!m)return{initialValueErrors:[],fixedState:null};const S=G(a,t);if(!S)return{initialValueErrors:[],fixedState:null};const p=m.definitions.find(u=>u.kind===E.OBJECT_TYPE_DEFINITION&&u.name.value===S);if(!p||p.kind!==E.OBJECT_TYPE_DEFINITION)return{initialValueErrors:[],fixedState:null};const w=Y(m,p,i);if(w.length&&o){const u=J({sharedSchemaDocumentNode:m,stateTypeDefinitionNode:p,existingValue:i});if(n!==u)return{initialValueErrors:[],fixedState:u}}return{initialValueErrors:w,fixedState:null}},[l,n,o,t,a]);return r.useEffect(()=>{f&&!b.current?(b.current=!0,d(f,t)):f||(b.current=!1)},[f,d,t]),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsxs("h3",{className:"mb-2 text-lg capitalize",children:[t," state schema *"]}),e.jsxs(V,{onClick:R,className:"mb-2 flex w-fit items-center gap-2",children:[h?"Hide":"Show"," standard library",e.jsx("svg",{className:Q("inline-block transition-transform",h?"rotate-180":"rotate-0"),xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M11.9883 6.01172C11.4363 6.01172 10.9883 6.45972 10.9883 7.01172V13.0117H6.98828L11.9883 18.0117L16.9883 13.0117H12.9883V7.01172C12.9883 6.45972 12.5403 6.01172 11.9883 6.01172Z",fill:"black"})})]}),e.jsxs(r.Suspense,{children:[h&&e.jsx(_,{doc:K,readonly:!0}),e.jsx(_,{doc:s,updateDocumentInModel:P,customLinter:M}),N.length>0&&e.jsx("p",{className:"mt-2 text-sm text-red-600",children:N[0].message})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex flex-col items-end",children:[e.jsxs("h3",{className:"mb-2 text-right text-lg capitalize",children:[t," state initial value *"]}),e.jsx(Z,{value:o,onChange:F,className:"mb-2 w-fit whitespace-nowrap rounded-md border border-gray-200 bg-gray-50 pl-2 text-sm font-medium text-gray-800 transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",label:e.jsxs("div",{className:"flex items-center gap-2 py-2 pr-2",children:["Sync with schema"," ",e.jsx("svg",{className:"inline-block",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M8.00521 1.99219C6.63588 1.99219 5.32788 2.45152 4.27588 3.28419C3.98721 3.51219 3.94321 3.93285 4.17188 4.22151C4.40054 4.51018 4.82055 4.55418 5.10921 4.32552C5.92721 3.67819 6.93921 3.32552 8.00521 3.32552C10.5825 3.32552 12.6719 5.41485 12.6719 7.99218H11.3385L13.3385 10.6588L15.3385 7.99218H14.0052C14.0052 4.67818 11.3192 1.99219 8.00521 1.99219ZM2.67188 5.32552L0.671875 7.99218H2.00521C2.00521 11.3062 4.69121 13.9922 8.00521 13.9922C9.37521 13.9922 10.6825 13.5335 11.7345 12.7002C12.0232 12.4722 12.0672 12.0515 11.8385 11.7628C11.6099 11.4742 11.1899 11.4302 10.9012 11.6588C10.0825 12.3068 9.07188 12.6588 8.00521 12.6588C5.42788 12.6588 3.33854 10.5695 3.33854 7.99218H4.67188L2.67188 5.32552Z",fill:"#343839"})})]})})]}),e.jsxs(r.Suspense,{children:[e.jsx(ee,{doc:n,updateDocumentInModel:H}),z.map((i,m)=>e.jsx("p",{className:"mt-2 text-sm text-red-600",children:i instanceof W?e.jsx($,{error:i}):i.message},m))]})]})]})}function ge({modelName:a,globalStateSchema:s,localStateSchema:n,globalStateInitialValue:c,localStateInitialValue:d,setStateSchema:t,setInitialState:l,currentScope:x,onScopeChange:h}){const j=r.useCallback(()=>{const o=U(a,"local");t(o,"local"),l("","local")},[a,t,l]);return e.jsxs(X,{className:"pb-8",activationMode:"manual",value:x,onValueChange:o=>h(o),children:[e.jsx("div",{className:"my-6",children:e.jsxs(D,{className:"mx-auto flex max-w-sm",children:[e.jsx(v,{value:"global",children:"Global"}),e.jsx(v,{value:"local",children:"Local"})]})}),e.jsx(y,{value:"global",tabIndex:-1,children:e.jsx(T,{modelName:a,stateSchema:s,initialValue:c,setStateSchema:t,setInitialState:l,scope:"global"})}),e.jsx(y,{value:"local",tabIndex:-1,children:n?e.jsx(T,{modelName:a,stateSchema:n,initialValue:d,setStateSchema:t,setInitialState:l,scope:"local"}):e.jsxs("div",{className:"",children:[e.jsx("h3",{className:"mb-2 text-lg capitalize",children:"local state schema *"}),e.jsx(V,{onClick:j,children:"Add local state"})]})})]})}export{ge as default};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/graphql-editor-CuSth38N.js","assets/document_model_editor-CIde2Bem.js","assets/graphql-DwmBvzSo.js","assets/drive_explorer-DYvuYHTD.js","assets/sentry_react-cODD7zWc.js","assets/react-DQSxOgtG.js","assets/sentry_browser-B4YoBIIG.js","assets/react/jsx-runtime-DldvXD6N.js","assets/document_model-CPsSXf7O.js","assets/zod-9j67vCAu.js","assets/design_system-Da5LZxVT.js","assets/tailwind_merge-Dr4f9Rms.js","assets/react-dom-D6zQJsh6.js","assets/reactor_browser-BvhdfFT9.js","assets/document_drive-BCSa7iW6.js","assets/design_system_connect-DpO_P60g.js","assets/design_system_ui-D9cdBaZ3.js","assets/hooks-NgdYiMof.js","assets/json-editor-Di9_h65O.js"])))=>i.map(i=>d[i]);
+import{_ as L}from"./drive_explorer-DYvuYHTD.js";import{j as e,l as g,m as U,p as A,q as C,t as B,v as G,w as Y,x as J,y as K,z as W}from"./document_model_editor-CIde2Bem.js";import{C as Z}from"./design_system_ui-D9cdBaZ3.js";import{r}from"./sentry_react-cODD7zWc.js";import{N as q,O as I,Q as k,U as O}from"./design_system_connect-DpO_P60g.js";import{K as E}from"./graphql-DwmBvzSo.js";import{c as Q}from"./design_system-Da5LZxVT.js";import"./react/jsx-runtime-DldvXD6N.js";import"./document_model-CPsSXf7O.js";import"./zod-9j67vCAu.js";import"./react-DQSxOgtG.js";import"./tailwind_merge-Dr4f9Rms.js";import"./react-dom-D6zQJsh6.js";import"./reactor_browser-BvhdfFT9.js";import"./document_drive-BCSa7iW6.js";import"./sentry_browser-B4YoBIIG.js";const V=r.forwardRef((a,s)=>{const{className:n,...c}=a;return e.jsx("button",{ref:s,...c,className:g("h-10 whitespace-nowrap rounded-md border border-gray-200 bg-gray-50 px-4 py-2 text-sm font-medium text-gray-800 transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",n)})});function $({error:a}){const{payload:s}=a;switch(s.kind){case"MISSING":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field})," is missing."]});case"MISSING_OPTIONAL":return e.jsxs("span",{children:["Optional field ",e.jsx("strong",{children:s.field})," is not defined."]});case"UNKNOWN_FIELD":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field})," is not a known field."]});case"NON_NULL":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field})," cannot be null."]});case"TYPE":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field}),s.expectedType?e.jsxs(e.Fragment,{children:[" ","must be a"," ",e.jsx("strong",{children:s.expectedType.replace(/!/g,"")}),"."]}):e.jsx(e.Fragment,{children:" has an invalid value."})]});case"RECURSIVE_TYPE":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.typeName})," has a recursive type. It must be optional."]});default:return e.jsx("span",{children:"Invalid value."})}}const X=q,D=r.forwardRef(({className:a,...s},n)=>e.jsx(I,{ref:n,className:g("flex items-center justify-center rounded-xl bg-slate-50 p-1 shadow-[inset_0px_0px_2px_rgba(255,255,255,0.50)]",a),...s}));D.displayName=I.displayName;const v=r.forwardRef(({className:a,...s},n)=>e.jsx(k,{ref:n,className:g("flex w-full items-center justify-center whitespace-nowrap rounded-lg p-1 text-sm text-gray-500 transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-gray-50 data-[state=active]:text-gray-800 data-[state=active]:shadow-[0px_16px_16px_-4px_rgba(0,0,0,0.10)]",a),...s}));v.displayName=k.displayName;const y=r.forwardRef(({className:a,...s},n)=>e.jsx(O,{ref:n,className:g("",a),...s}));y.displayName=O.displayName;const _=r.lazy(()=>L(()=>import("./graphql-editor-CuSth38N.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17]))),ee=r.lazy(()=>L(()=>import("./json-editor-Di9_h65O.js"),__vite__mapDeps([18,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17])));function T({modelName:a,stateSchema:s,initialValue:n,setStateSchema:c,setInitialState:d,scope:t}){const{sharedSchema:l,error:x}=A(),[h,j]=r.useState(!1),[o,F]=r.useState(!0),M=r.useCallback(i=>C(i,a,t),[a,t]),N=r.useMemo(()=>{const i=C(s,a,t);return x?[...i,x]:i},[s,a,t,x]),R=r.useCallback(()=>{j(i=>!i)},[]),P=r.useCallback(i=>c(i,t),[c,t]),H=r.useCallback(i=>d(i,t),[d,t]),b=r.useRef(!1),{initialValueErrors:z,fixedState:f}=r.useMemo(()=>{const i=n||"{}",m=B(l);if(!m)return{initialValueErrors:[],fixedState:null};const S=G(a,t);if(!S)return{initialValueErrors:[],fixedState:null};const p=m.definitions.find(u=>u.kind===E.OBJECT_TYPE_DEFINITION&&u.name.value===S);if(!p||p.kind!==E.OBJECT_TYPE_DEFINITION)return{initialValueErrors:[],fixedState:null};const w=Y(m,p,i);if(w.length&&o){const u=J({sharedSchemaDocumentNode:m,stateTypeDefinitionNode:p,existingValue:i});if(n!==u)return{initialValueErrors:[],fixedState:u}}return{initialValueErrors:w,fixedState:null}},[l,n,o,t,a]);return r.useEffect(()=>{f&&!b.current?(b.current=!0,d(f,t)):f||(b.current=!1)},[f,d,t]),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsxs("h3",{className:"mb-2 text-lg capitalize",children:[t," state schema *"]}),e.jsxs(V,{onClick:R,className:"mb-2 flex w-fit items-center gap-2",children:[h?"Hide":"Show"," standard library",e.jsx("svg",{className:Q("inline-block transition-transform",h?"rotate-180":"rotate-0"),xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M11.9883 6.01172C11.4363 6.01172 10.9883 6.45972 10.9883 7.01172V13.0117H6.98828L11.9883 18.0117L16.9883 13.0117H12.9883V7.01172C12.9883 6.45972 12.5403 6.01172 11.9883 6.01172Z",fill:"black"})})]}),e.jsxs(r.Suspense,{children:[h&&e.jsx(_,{doc:K,readonly:!0}),e.jsx(_,{doc:s,updateDocumentInModel:P,customLinter:M}),N.length>0&&e.jsx("p",{className:"mt-2 text-sm text-red-600",children:N[0].message})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex flex-col items-end",children:[e.jsxs("h3",{className:"mb-2 text-right text-lg capitalize",children:[t," state initial value *"]}),e.jsx(Z,{value:o,onChange:F,className:"mb-2 w-fit whitespace-nowrap rounded-md border border-gray-200 bg-gray-50 pl-2 text-sm font-medium text-gray-800 transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",label:e.jsxs("div",{className:"flex items-center gap-2 py-2 pr-2",children:["Sync with schema"," ",e.jsx("svg",{className:"inline-block",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M8.00521 1.99219C6.63588 1.99219 5.32788 2.45152 4.27588 3.28419C3.98721 3.51219 3.94321 3.93285 4.17188 4.22151C4.40054 4.51018 4.82055 4.55418 5.10921 4.32552C5.92721 3.67819 6.93921 3.32552 8.00521 3.32552C10.5825 3.32552 12.6719 5.41485 12.6719 7.99218H11.3385L13.3385 10.6588L15.3385 7.99218H14.0052C14.0052 4.67818 11.3192 1.99219 8.00521 1.99219ZM2.67188 5.32552L0.671875 7.99218H2.00521C2.00521 11.3062 4.69121 13.9922 8.00521 13.9922C9.37521 13.9922 10.6825 13.5335 11.7345 12.7002C12.0232 12.4722 12.0672 12.0515 11.8385 11.7628C11.6099 11.4742 11.1899 11.4302 10.9012 11.6588C10.0825 12.3068 9.07188 12.6588 8.00521 12.6588C5.42788 12.6588 3.33854 10.5695 3.33854 7.99218H4.67188L2.67188 5.32552Z",fill:"#343839"})})]})})]}),e.jsxs(r.Suspense,{children:[e.jsx(ee,{doc:n,updateDocumentInModel:H}),z.map((i,m)=>e.jsx("p",{className:"mt-2 text-sm text-red-600",children:i instanceof W?e.jsx($,{error:i}):i.message},m))]})]})]})}function ge({modelName:a,globalStateSchema:s,localStateSchema:n,globalStateInitialValue:c,localStateInitialValue:d,setStateSchema:t,setInitialState:l,currentScope:x,onScopeChange:h}){const j=r.useCallback(()=>{const o=U(a,"local");t(o,"local"),l("","local")},[a,t,l]);return e.jsxs(X,{className:"pb-8",activationMode:"manual",value:x,onValueChange:o=>h(o),children:[e.jsx("div",{className:"my-6",children:e.jsxs(D,{className:"mx-auto flex max-w-sm",children:[e.jsx(v,{value:"global",children:"Global"}),e.jsx(v,{value:"local",children:"Local"})]})}),e.jsx(y,{value:"global",tabIndex:-1,children:e.jsx(T,{modelName:a,stateSchema:s,initialValue:c,setStateSchema:t,setInitialState:l,scope:"global"})}),e.jsx(y,{value:"local",tabIndex:-1,children:n?e.jsx(T,{modelName:a,stateSchema:n,initialValue:d,setStateSchema:t,setInitialState:l,scope:"local"}):e.jsxs("div",{className:"",children:[e.jsx("h3",{className:"mb-2 text-lg capitalize",children:"local state schema *"}),e.jsx(V,{onClick:j,children:"Add local state"})]})})]})}export{ge as default};

package/dist/index.html

@@ -22,26 +22,26 @@
     <meta name="twitter:image" content="https://cf-ipfs.com/ipfs/bafkreigrmclndf2jpbolaq22535q2sw5t44uad3az3dpvkzrnt4lpjt63e">
     <meta name="twitter:title" content="Connect">
     <meta name="twitter:description" content="Navigate your organisation’s toughest operational challenges and steer your contributors to success with Connect. A navigation, collaboration and reporting tool for decentralised and open organisation.">
-    <script type="module" crossorigin src="/assets/index-8z2-bIkw.js"></script>
+    <script type="module" crossorigin src="/assets/index-D09b1OOv.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/graphql-DwmBvzSo.js">
     <link rel="modulepreload" crossorigin href="/assets/react-DQSxOgtG.js">
     <link rel="modulepreload" crossorigin href="/assets/sentry_browser-B4YoBIIG.js">
     <link rel="modulepreload" crossorigin href="/assets/sentry_react-cODD7zWc.js">
-    <link rel="modulepreload" crossorigin href="/assets/drive_explorer-DX_TIKpa.js">
+    <link rel="modulepreload" crossorigin href="/assets/drive_explorer-DYvuYHTD.js">
     <link rel="modulepreload" crossorigin href="/assets/react/jsx-runtime-DldvXD6N.js">
     <link rel="modulepreload" crossorigin href="/assets/zod-9j67vCAu.js">
     <link rel="modulepreload" crossorigin href="/assets/document_model-CPsSXf7O.js">
     <link rel="modulepreload" crossorigin href="/assets/tailwind_merge-Dr4f9Rms.js">
-    <link rel="modulepreload" crossorigin href="/assets/design_system-CbKpL5o0.js">
+    <link rel="modulepreload" crossorigin href="/assets/design_system-Da5LZxVT.js">
     <link rel="modulepreload" crossorigin href="/assets/react-dom-D6zQJsh6.js">
     <link rel="modulepreload" crossorigin href="/assets/document_drive-BCSa7iW6.js">
-    <link rel="modulepreload" crossorigin href="/assets/reactor_browser-CvXKqna7.js">
-    <link rel="modulepreload" crossorigin href="/assets/design_system_ui-Bn6ciBPp.js">
-    <link rel="modulepreload" crossorigin href="/assets/design_system_connect-ChxuhOdJ.js">
-    <link rel="modulepreload" crossorigin href="/assets/document_model_editor-q_rpXFeo.js">
+    <link rel="modulepreload" crossorigin href="/assets/reactor_browser-BvhdfFT9.js">
+    <link rel="modulepreload" crossorigin href="/assets/design_system_ui-D9cdBaZ3.js">
+    <link rel="modulepreload" crossorigin href="/assets/design_system_connect-DpO_P60g.js">
+    <link rel="modulepreload" crossorigin href="/assets/document_model_editor-CIde2Bem.js">
     <link rel="modulepreload" crossorigin href="/assets/react-dom/client-BVPiT_FE.js">
     <link rel="modulepreload" crossorigin href="/assets/graphql_request-G5F4jsaa.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-B6fwBGP_.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-CCYUx14G.css">
   </head>
 
   <body>

package/lib/package.copy.json

@@ -1,7 +1,7 @@
 {
     "name": "@powerhousedao/connect",
     "productName": "Powerhouse-Connect",
-    "version": "6.0.0-dev.31",
+    "version": "6.0.0-dev.32",
     "description": "Powerhouse Connect",
     "main": "dist/index.html",
     "type": "module",

package/lib/src/components/modal/modals/InspectorModal/InspectorModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InspectorModal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/modals/InspectorModal/InspectorModal.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EA6BlC,CAAC"}
+{"version":3,"file":"InspectorModal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/modals/InspectorModal/InspectorModal.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EA+BlC,CAAC"}

package/lib/src/components/modal/modals/InspectorModal/InspectorModal.js

@@ -3,6 +3,7 @@ import { InspectorModal as ConnectInspectorModal } from "@powerhousedao/design-s
 import { REACTOR_SCHEMA } from "@powerhousedao/reactor";
 import { closePHModal, usePHModal } from "@powerhousedao/reactor-browser";
 import { useDbExplorer } from "./useDbExplorer.js";
+import { useQueueInspector } from "./useQueueInspector.js";
 import { useRemotesInspector } from "./useRemotesInspector.js";
 const DEFAULT_PAGE_SIZE = 25;
 export const InspectorModal = () => {
@@ -10,6 +11,7 @@ export const InspectorModal = () => {
     const open = phModal?.type === "inspector";
     const { getTables, getTableRows, getDefaultSort, onExportDb, onImportDb } = useDbExplorer();
     const { getRemotes } = useRemotesInspector();
+    const queueInspectorProps = useQueueInspector();
     return (_jsx(ConnectInspectorModal, { open: open, onOpenChange: (status) => {
             if (!status)
                 closePHModal();
@@ -24,6 +26,6 @@ export const InspectorModal = () => {
             onImportDb,
         }, remotesInspectorProps: {
             getRemotes,
-        } }));
+        }, queueInspectorProps: queueInspectorProps }));
 };
 //# sourceMappingURL=InspectorModal.js.map

package/lib/src/components/modal/modals/InspectorModal/InspectorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"InspectorModal.js","sourceRoot":"","sources":["../../../../../../src/components/modal/modals/InspectorModal/InspectorModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B,MAAM,CAAC,MAAM,cAAc,GAAa,GAAG,EAAE;IAC3C,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,IAAI,GAAG,OAAO,EAAE,IAAI,KAAK,WAAW,CAAC;IAE3C,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,GACvE,aAAa,EAAE,CAAC;IAClB,MAAM,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAE7C,OAAO,CACL,KAAC,qBAAqB,IACpB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE;YACvB,IAAI,CAAC,MAAM;gBAAE,YAAY,EAAE,CAAC;QAC9B,CAAC,EACD,eAAe,EAAE;YACf,MAAM,EAAE,cAAc;YACtB,SAAS;YACT,YAAY;YACZ,mEAAmE;YACnE,cAAc;YACd,QAAQ,EAAE,iBAAiB;YAC3B,UAAU;YACV,UAAU;SACX,EACD,qBAAqB,EAAE;YACrB,UAAU;SACX,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"InspectorModal.js","sourceRoot":"","sources":["../../../../../../src/components/modal/modals/InspectorModal/InspectorModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B,MAAM,CAAC,MAAM,cAAc,GAAa,GAAG,EAAE;IAC3C,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,IAAI,GAAG,OAAO,EAAE,IAAI,KAAK,WAAW,CAAC;IAE3C,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,GACvE,aAAa,EAAE,CAAC;IAClB,MAAM,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC7C,MAAM,mBAAmB,GAAG,iBAAiB,EAAE,CAAC;IAEhD,OAAO,CACL,KAAC,qBAAqB,IACpB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE;YACvB,IAAI,CAAC,MAAM;gBAAE,YAAY,EAAE,CAAC;QAC9B,CAAC,EACD,eAAe,EAAE;YACf,MAAM,EAAE,cAAc;YACtB,SAAS;YACT,YAAY;YACZ,mEAAmE;YACnE,cAAc;YACd,QAAQ,EAAE,iBAAiB;YAC3B,UAAU;YACV,UAAU;SACX,EACD,qBAAqB,EAAE;YACrB,UAAU;SACX,EACD,mBAAmB,EAAE,mBAAmB,GACxC,CACH,CAAC;AACJ,CAAC,CAAC"}

package/lib/src/components/modal/modals/InspectorModal/useQueueInspector.d.ts

@@ -0,0 +1,3 @@
+import type { QueueInspectorProps } from "@powerhousedao/design-system/connect";
+export declare function useQueueInspector(): QueueInspectorProps | undefined;
+//# sourceMappingURL=useQueueInspector.d.ts.map

package/lib/src/components/modal/modals/InspectorModal/useQueueInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueueInspector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/modals/InspectorModal/useQueueInspector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,sCAAsC,CAAC;AAK9C,wBAAgB,iBAAiB,IAAI,mBAAmB,GAAG,SAAS,CAiEnE"}

package/lib/src/components/modal/modals/InspectorModal/useQueueInspector.js

@@ -0,0 +1,61 @@
+import { InMemoryQueue } from "@powerhousedao/reactor";
+import { useReactorClientModule } from "@powerhousedao/reactor-browser/connect";
+import { useCallback, useMemo } from "react";
+export function useQueueInspector() {
+    const reactorClientModule = useReactorClientModule();
+    const queue = reactorClientModule?.reactorModule?.queue;
+    const inMemoryQueue = useMemo(() => {
+        if (queue instanceof InMemoryQueue) {
+            return queue;
+        }
+        return undefined;
+    }, [queue]);
+    const getQueueState = useCallback(async () => {
+        if (!inMemoryQueue) {
+            return {
+                isPaused: false,
+                pendingJobs: [],
+                executingJobs: [],
+                totalPending: 0,
+                totalExecuting: 0,
+            };
+        }
+        const pendingJobs = inMemoryQueue.getPendingJobs();
+        const executingJobIds = inMemoryQueue.getExecutingJobIds();
+        const executingJobs = [];
+        for (const jobIdSet of executingJobIds.values()) {
+            for (const jobId of jobIdSet) {
+                const job = inMemoryQueue.getJob(jobId);
+                if (job) {
+                    executingJobs.push(job);
+                }
+            }
+        }
+        return {
+            isPaused: inMemoryQueue.paused,
+            pendingJobs,
+            executingJobs,
+            totalPending: pendingJobs.length,
+            totalExecuting: executingJobs.length,
+        };
+    }, [inMemoryQueue]);
+    const onPause = useCallback(async () => {
+        if (inMemoryQueue) {
+            inMemoryQueue.pause();
+        }
+    }, [inMemoryQueue]);
+    const onResume = useCallback(async () => {
+        if (inMemoryQueue) {
+            await inMemoryQueue.resume();
+        }
+    }, [inMemoryQueue]);
+    if (!inMemoryQueue) {
+        return undefined;
+    }
+    return {
+        getQueueState,
+        onPause,
+        onResume,
+    };
+}
+//# sourceMappingURL=useQueueInspector.js.map

package/lib/src/components/modal/modals/InspectorModal/useQueueInspector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueueInspector.js","sourceRoot":"","sources":["../../../../../../src/components/modal/modals/InspectorModal/useQueueInspector.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAY,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,UAAU,iBAAiB;IAC/B,MAAM,mBAAmB,GAAG,sBAAsB,EAAE,CAAC;IACrD,MAAM,KAAK,GAAG,mBAAmB,EAAE,aAAa,EAAE,KAAK,CAAC;IAExD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,KAAK,YAAY,aAAa,EAAE,CAAC;YACnC,OAAO,KAAK,CAAC;QACf,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,IAAyB,EAAE;QAChE,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO;gBACL,QAAQ,EAAE,KAAK;gBACf,WAAW,EAAE,EAAE;gBACf,aAAa,EAAE,EAAE;gBACjB,YAAY,EAAE,CAAC;gBACf,cAAc,EAAE,CAAC;aAClB,CAAC;QACJ,CAAC;QAED,MAAM,WAAW,GAAG,aAAa,CAAC,cAAc,EAAE,CAAC;QACnD,MAAM,eAAe,GAAG,aAAa,CAAC,kBAAkB,EAAE,CAAC;QAE3D,MAAM,aAAa,GAAU,EAAE,CAAC;QAChC,KAAK,MAAM,QAAQ,IAAI,eAAe,CAAC,MAAM,EAAE,EAAE,CAAC;YAChD,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;gBAC7B,MAAM,GAAG,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACxC,IAAI,GAAG,EAAE,CAAC;oBACR,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAC1B,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO;YACL,QAAQ,EAAE,aAAa,CAAC,MAAM;YAC9B,WAAW;YACX,aAAa;YACb,YAAY,EAAE,WAAW,CAAC,MAAM;YAChC,cAAc,EAAE,aAAa,CAAC,MAAM;SACrC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAmB,EAAE;QACpD,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,KAAK,EAAE,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,IAAmB,EAAE;QACrD,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,aAAa,CAAC,MAAM,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO;QACL,aAAa;QACb,OAAO;QACP,QAAQ;KACT,CAAC;AACJ,CAAC"}

package/lib/style.css

@@ -23,13 +23,17 @@
     --color-amber-200: oklch(92.4% 0.12 95.746);
     --color-amber-700: oklch(55.5% 0.163 48.998);
     --color-amber-800: oklch(47.3% 0.137 46.201);
+    --color-yellow-50: oklch(98.7% 0.026 102.212);
     --color-yellow-100: oklch(97.3% 0.071 103.193);
     --color-yellow-300: oklch(90.5% 0.182 98.111);
     --color-yellow-400: oklch(85.2% 0.199 91.936);
     --color-yellow-500: oklch(79.5% 0.184 86.047);
+    --color-yellow-600: oklch(68.1% 0.162 75.834);
     --color-yellow-700: oklch(55.4% 0.135 66.442);
     --color-yellow-900: oklch(42.1% 0.095 57.708);
+    --color-green-50: oklch(98.2% 0.018 155.826);
     --color-green-100: oklch(96.2% 0.044 156.743);
+    --color-green-300: oklch(87.1% 0.15 154.449);
     --color-green-500: oklch(72.3% 0.219 149.579);
     --color-green-600: oklch(62.7% 0.194 149.214);
     --color-green-700: oklch(52.7% 0.154 150.069);
@@ -59,6 +63,8 @@
     --color-indigo-50: oklch(96.2% 0.018 272.314);
     --color-indigo-800: oklch(39.8% 0.195 277.366);
     --color-violet-400: oklch(70.2% 0.183 293.541);
+    --color-purple-100: oklch(94.6% 0.033 307.174);
+    --color-purple-700: oklch(49.6% 0.265 301.924);
     --color-purple-800: oklch(43.8% 0.218 303.724);
     --color-purple-900: oklch(38.1% 0.176 304.987);
     --color-pink-400: oklch(71.8% 0.202 349.761);
@@ -1599,9 +1605,18 @@
     --color-orange-700: hsl(32 100% 60%);
     --color-orange-800: hsl(33 100% 55%);
     --color-orange-900: hsl(32 100% 50%);
+    --color-yellow-50: oklch(98.7% 0.026 102.212);
+    --color-yellow-100: hsl(46 100% 94%);
+    --color-yellow-300: hsl(47 100% 79%);
     --color-yellow-400: hsl(47 100% 69%);
+    --color-yellow-500: hsl(47 100% 60%);
+    --color-yellow-600: hsl(47 100% 57%);
+    --color-yellow-700: hsl(47 100% 51%);
     --color-yellow-900: hsl(47 100% 49%);
+    --color-green-50: oklch(98.2% 0.018 155.826);
     --color-green-100: hsl(134 51% 89%);
+    --color-green-300: hsl(136 52% 77%);
+    --color-green-500: hsl(136 53% 66%);
     --color-green-600: hsl(136 53% 60%);
     --color-green-700: hsl(136 52% 55%);
     --color-green-800: hsl(136 53% 49%);
@@ -1617,6 +1632,8 @@
     --color-blue-800: hsl(209 100% 55%);
     --color-blue-900: hsl(209 100% 50%);
     --color-violet-400: oklch(70.2% 0.183 293.541);
+    --color-purple-100: hsl(262 79% 93%);
+    --color-purple-700: hsl(263 78% 70%);
     --color-purple-900: hsl(263 78% 63%);
     --color-slate-50: hsl(210 20% 96%);
     --color-slate-100: hsl(210 9% 74%);
@@ -2202,6 +2219,14 @@
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
+  .size-2 {
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
   .size-2\.5 {
     width: calc(var(--spacing) * 2.5);
     height: calc(var(--spacing) * 2.5);
@@ -2317,6 +2342,9 @@
   .h-\[52px\] {
     height: 52px;
   }
+  .h-\[90vh\] {
+    height: 90vh;
+  }
   .h-\[130px\] {
     height: 130px;
   }
@@ -2329,15 +2357,9 @@
   .h-\[420px\] {
     height: 420px;
   }
-  .h-\[480px\] {
-    height: 480px;
-  }
   .h-\[600px\] {
     height: 600px;
   }
-  .h-\[700px\] {
-    height: 700px;
-  }
   .h-auto {
     height: auto;
   }
@@ -2380,6 +2402,9 @@
   .max-h-screen {
     max-height: 100vh;
   }
+  .min-h-0 {
+    min-height: calc(var(--spacing) * 0);
+  }
   .min-h-4 {
     min-height: calc(var(--spacing) * 4);
   }
@@ -2497,9 +2522,6 @@
   .w-\[500px\] {
     width: 500px;
   }
-  .w-\[900px\] {
-    width: 900px;
-  }
   .w-fit {
     width: fit-content;
   }
@@ -2948,6 +2970,9 @@
   .border-gray-900 {
     border-color: var(--color-gray-900);
   }
+  .border-green-300 {
+    border-color: var(--color-green-300);
+  }
   .border-red-700 {
     border-color: var(--color-red-700);
   }
@@ -2966,6 +2991,9 @@
   .border-white {
     border-color: var(--color-white);
   }
+  .border-yellow-300 {
+    border-color: var(--color-yellow-300);
+  }
   .border-zinc-200 {
     border-color: var(--color-zinc-200);
   }
@@ -3032,9 +3060,15 @@
   .bg-gray-900 {
     background-color: var(--color-gray-900);
   }
+  .bg-green-50 {
+    background-color: var(--color-green-50);
+  }
   .bg-green-100 {
     background-color: var(--color-green-100);
   }
+  .bg-green-500 {
+    background-color: var(--color-green-500);
+  }
   .bg-green-600 {
     background-color: var(--color-green-600);
   }
@@ -3053,6 +3087,9 @@
   .bg-orange-100 {
     background-color: var(--color-orange-100);
   }
+  .bg-purple-100 {
+    background-color: var(--color-purple-100);
+  }
   .bg-red-500 {
     background-color: var(--color-red-500);
   }
@@ -3095,6 +3132,12 @@
   .bg-white {
     background-color: var(--color-white);
   }
+  .bg-yellow-50 {
+    background-color: var(--color-yellow-50);
+  }
+  .bg-yellow-500 {
+    background-color: var(--color-yellow-500);
+  }
   .bg-zinc-50 {
     background-color: var(--color-zinc-50);
   }
@@ -3233,6 +3276,9 @@
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
+  .pb-3 {
+    padding-bottom: calc(var(--spacing) * 3);
+  }
   .pb-6 {
     padding-bottom: calc(var(--spacing) * 6);
   }
@@ -3421,6 +3467,9 @@
   .text-gray-900 {
     color: var(--color-gray-900);
   }
+  .text-green-600 {
+    color: var(--color-green-600);
+  }
   .text-green-700 {
     color: var(--color-green-700);
   }
@@ -3442,6 +3491,9 @@
   .text-orange-900 {
     color: var(--color-orange-900);
   }
+  .text-purple-700 {
+    color: var(--color-purple-700);
+  }
   .text-purple-900 {
     color: var(--color-purple-900);
   }
@@ -3490,6 +3542,12 @@
   .text-yellow-400 {
     color: var(--color-yellow-400);
   }
+  .text-yellow-600 {
+    color: var(--color-yellow-600);
+  }
+  .text-yellow-700 {
+    color: var(--color-yellow-700);
+  }
   .text-yellow-900 {
     color: var(--color-yellow-900);
   }
@@ -4183,6 +4241,13 @@
       }
     }
   }
+  .hover\:bg-green-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-green-100);
+      }
+    }
+  }
   .hover\:bg-red-800 {
     &:hover {
       @media (hover: hover) {
@@ -4225,6 +4290,13 @@
       }
     }
   }
+  .hover\:bg-yellow-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-yellow-100);
+      }
+    }
+  }
   .hover\:text-\[\#9896FF\] {
     &:hover {
       @media (hover: hover) {