@powerhousedao/renown-package 0.0.4 → 0.0.5

package/dist/document-models/renown-credential/gen/document-model.js

@@ -5,7 +5,7 @@ export const documentModel = {
     },
     description: "A Renown Credential",
     extension: "phrc",
-    id: "renown/credential",
+    id: "powerhouse/renown-credential",
     name: "RenownCredential",
     specifications: [
         {

package/dist/document-models/renown-credential/gen/manager/object.d.ts

@@ -1,5 +1,5 @@
 import { BaseDocumentClass } from "document-model";
-import { type RenownCredentialPHState } from "../ph-factories.js";
+import { RenownCredentialPHState } from "../ph-factories.js";
 import { type InitInput, type RevokeInput, type UpdateCredentialSubjectInput, type SetJwtInput, type SetCredentialStatusInput } from "../types.js";
 export default class RenownCredential_Manager extends BaseDocumentClass<RenownCredentialPHState> {
     init(input: InitInput): this;

package/dist/document-models/renown-credential/gen/object.d.ts

@@ -1,5 +1,5 @@
 import { BaseDocumentClass, type SignalDispatch } from "document-model";
-import { type RenownCredentialPHState } from "./ph-factories.js";
+import { RenownCredentialPHState } from "./ph-factories.js";
 import RenownCredential_Manager from "./manager/object.js";
 export * from "./manager/object.js";
 interface RenownCredential extends RenownCredential_Manager {

package/dist/document-models/renown-credential/gen/reducer.d.ts

@@ -1,4 +1,4 @@
 import { type StateReducer } from "document-model";
-import { type RenownCredentialPHState } from "./ph-factories.js";
+import { RenownCredentialPHState } from "./ph-factories.js";
 export declare const stateReducer: StateReducer<RenownCredentialPHState>;
 export declare const reducer: import("document-model").Reducer<RenownCredentialPHState>;

package/dist/document-models/renown-credential/gen/utils.d.ts

@@ -1,6 +1,6 @@
 import { type CreateDocument, type CreateState, type LoadFromFile, type LoadFromInput } from "document-model";
 import { type RenownCredentialState, type RenownCredentialLocalState } from "./types.js";
-import { type RenownCredentialPHState } from "./ph-factories.js";
+import { RenownCredentialPHState } from "./ph-factories.js";
 export declare const initialGlobalState: RenownCredentialState;
 export declare const initialLocalState: RenownCredentialLocalState;
 export declare const createState: CreateState<RenownCredentialPHState>;

package/dist/document-models/renown-credential/gen/utils.js

@@ -24,7 +24,7 @@ export const createState = (state) => {
 };
 export const createDocument = (state) => {
     const document = baseCreateDocument(createState, state);
-    document.header.documentType = "renown/credential";
+    document.header.documentType = "powerhouse/renown-credential";
     // for backwards compatibility, but this is NOT a valid signed document id
     document.header.id = generateId();
     return document;

package/dist/editors/hooks/useRenownCredentialDocument.d.ts

@@ -0,0 +1,3 @@
+import type { RenownCredentialDocument } from "../../document-models/renown-credential/index.js";
+export declare function useRenownCredentialDocument(documentId: string | null | undefined): never[] | [RenownCredentialDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/renown-credential/gen/actions.js").RenownCredentialManagerAction>];
+export declare function useSelectedRenownCredentialDocument(): never[] | [RenownCredentialDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/renown-credential/gen/actions.js").RenownCredentialManagerAction>];

package/dist/editors/hooks/useRenownCredentialDocument.js

@@ -0,0 +1,8 @@
+import { useDocumentOfType, useSelectedDocumentId, } from "@powerhousedao/reactor-browser";
+export function useRenownCredentialDocument(documentId) {
+    return useDocumentOfType(documentId, "powerhouse/renown-credential");
+}
+export function useSelectedRenownCredentialDocument() {
+    const selectedDocumentId = useSelectedDocumentId();
+    return useRenownCredentialDocument(selectedDocumentId);
+}

package/dist/editors/index.d.ts

@@ -1,2 +1,3 @@
 export {};
 export { module as RenownUserEditor } from "./renown-user-editor/index.js";
+export { module as RenownCredentialEditor } from "./renown-credential-editor/index.js";

package/dist/editors/index.js

@@ -1 +1,2 @@
 export { module as RenownUserEditor } from "./renown-user-editor/index.js";
+export { module as RenownCredentialEditor } from "./renown-credential-editor/index.js";

package/dist/editors/renown-credential-editor/editor.d.ts

@@ -0,0 +1,3 @@
+import type { EditorProps } from "document-model";
+export type IProps = EditorProps;
+export declare function Editor(props: IProps): import("react/jsx-runtime").JSX.Element;

package/dist/editors/renown-credential-editor/editor.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useSelectedDocument } from "@powerhousedao/reactor-browser";
+import { useCallback, useState } from "react";
+import { actions, } from "../../document-models/renown-credential/index.js";
+import { Form, StringField, TextareaField, Button, } from "@powerhousedao/document-engineering";
+export function Editor(props) {
+    const [document, dispatch] = useSelectedDocument();
+    if (!document) {
+        return _jsx("div", { children: "Loading..." });
+    }
+    const typedDocument = document;
+    // Local form state
+    const [isInitializing, setIsInitializing] = useState(false);
+    const [isEditingSubject, setIsEditingSubject] = useState(false);
+    const [isSettingJwt, setIsSettingJwt] = useState(false);
+    const [isSettingStatus, setIsSettingStatus] = useState(false);
+    const { state: { global }, } = typedDocument;
+    const { context, id: credentialId, type, issuer, issuanceDate, credentialSubject, expirationDate, credentialStatus, jwt, revoked, revokedAt, revocationReason, } = global;
+    const isInitialized = issuer && issuanceDate;
+    // Initialize credential
+    const handleInit = useCallback((values) => {
+        try {
+            const contextArray = values.context
+                ? values.context.split(",").map((s) => s.trim())
+                : undefined;
+            const typeArray = values.type
+                ? values.type.split(",").map((s) => s.trim())
+                : undefined;
+            dispatch(actions.init({
+                issuer: values.issuer,
+                issuanceDate: new Date().toISOString(),
+                credentialSubject: values.credentialSubject,
+                expirationDate: values.expirationDate || undefined,
+                context: contextArray,
+                type: typeArray,
+                id: values.id,
+            }));
+            setIsInitializing(false);
+        }
+        catch (error) {
+            console.error("Error initializing credential:", error);
+        }
+    }, [dispatch]);
+    // Update credential subject
+    const handleUpdateSubject = useCallback((newSubject) => {
+        try {
+            JSON.parse(newSubject); // Validate JSON
+            dispatch(actions.updateCredentialSubject({ credentialSubject: newSubject }));
+            setIsEditingSubject(false);
+        }
+        catch (error) {
+            console.error("Error updating credential subject:", error);
+        }
+    }, [dispatch]);
+    // Set JWT
+    const handleSetJwt = useCallback((newJwt) => {
+        dispatch(actions.setJwt({ jwt: newJwt }));
+        setIsSettingJwt(false);
+    }, [dispatch]);
+    // Set credential status
+    const handleSetStatus = useCallback((values) => {
+        dispatch(actions.setCredentialStatus(values));
+        setIsSettingStatus(false);
+    }, [dispatch]);
+    // Revoke credential
+    const handleRevoke = useCallback((reason) => {
+        if (window.confirm("Are you sure you want to revoke this credential?")) {
+            dispatch(actions.revoke({
+                revokedAt: new Date().toISOString(),
+                reason,
+            }));
+        }
+    }, [dispatch]);
+    return (_jsxs("div", { className: "html-defaults-container min-h-screen bg-gray-50", children: [_jsx("div", { className: "bg-white border-b border-gray-200", children: _jsx("div", { className: "max-w-6xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsx("div", { className: "py-8", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h1", { className: "text-3xl font-bold text-gray-900", children: "Verifiable Credential" }), revoked && (_jsx("span", { className: "inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-red-100 text-red-800", children: "Revoked" })), !isInitialized && (_jsx("span", { className: "inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-yellow-100 text-yellow-800", children: "Not Initialized" }))] }), issuer && (_jsxs("p", { className: "text-gray-600 mt-2 text-sm", children: ["Issued by: ", _jsx("span", { className: "font-mono", children: issuer })] }))] }), isInitialized && !revoked && (_jsx(Button, { color: "danger", onClick: () => {
+                                        const reason = window.prompt("Enter revocation reason (optional):");
+                                        if (reason !== null) {
+                                            handleRevoke(reason || undefined);
+                                        }
+                                    }, children: "Revoke Credential" }))] }) }) }) }), _jsx("div", { className: "max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8", children: _jsx("div", { className: "grid grid-cols-1 gap-8", children: !isInitialized ? (
+                    /* Initialize Section */
+                    _jsxs("div", { className: "bg-white rounded-xl shadow-md border border-gray-200 overflow-hidden", children: [_jsxs("div", { className: "px-6 py-5 bg-blue-50", children: [_jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Initialize Credential" }), _jsx("p", { className: "text-sm text-gray-600 mt-1", children: "Create a new W3C Verifiable Credential" })] }), _jsx("div", { className: "p-6", children: _jsx(Form, { onSubmit: (e) => {
+                                        e.preventDefault();
+                                        const formData = new FormData(e.target);
+                                        handleInit({
+                                            issuer: formData.get("issuer"),
+                                            credentialSubject: formData.get("credentialSubject"),
+                                            expirationDate: formData.get("expirationDate"),
+                                            context: formData.get("context"),
+                                            type: formData.get("type"),
+                                            id: formData.get("id"),
+                                        });
+                                    }, children: _jsxs("div", { className: "space-y-6", children: [_jsx(StringField, { name: "issuer", label: "Issuer", required: true, placeholder: "did:example:issuer123", description: "DID or URL of the credential issuer" }), _jsx(TextareaField, { name: "credentialSubject", label: "Credential Subject (JSON)", required: true, placeholder: '{"id": "did:example:subject123", "name": "Alice"}', description: "JSON object containing the claims about the subject", rows: 4 }), _jsx(StringField, { name: "expirationDate", label: "Expiration Date (Optional)", placeholder: "2025-12-31T23:59:59Z", description: "ISO 8601 date when the credential expires" }), _jsx(StringField, { name: "context", label: "Context (Optional)", placeholder: "https://www.w3.org/2018/credentials/v1, https://example.com/contexts/v1", description: "Comma-separated list of context URLs (default: W3C VC context)" }), _jsx(StringField, { name: "type", label: "Type (Optional)", placeholder: "VerifiableCredential, ExampleCredential", description: "Comma-separated list of types (default: VerifiableCredential)" }), _jsx(StringField, { name: "id", label: "Credential ID (Optional)", placeholder: "urn:uuid:...", description: "Unique identifier for this credential" }), _jsx("div", { className: "flex justify-end pt-4", children: _jsx(Button, { type: "submit", children: "Initialize Credential" }) })] }) }) })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "bg-white rounded-xl shadow-md border border-gray-200 overflow-hidden", children: [_jsx("div", { className: "px-6 py-5 bg-gray-50", children: _jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Credential Information" }) }), _jsxs("div", { className: "p-6", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200", children: [_jsx("label", { className: "block text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2", children: "Credential ID" }), _jsx("p", { className: "text-sm font-mono text-gray-900 break-all", children: credentialId || (_jsx("span", { className: "text-gray-400 italic", children: "Not set" })) })] }), _jsxs("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200", children: [_jsx("label", { className: "block text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2", children: "Issuer" }), _jsx("p", { className: "text-sm font-mono text-gray-900 break-all", children: issuer })] }), _jsxs("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200", children: [_jsx("label", { className: "block text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2", children: "Issuance Date" }), _jsx("p", { className: "text-sm text-gray-900", children: issuanceDate
+                                                                    ? new Date(issuanceDate).toLocaleString()
+                                                                    : "N/A" })] }), _jsxs("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200", children: [_jsx("label", { className: "block text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2", children: "Expiration Date" }), _jsx("p", { className: "text-sm text-gray-900", children: expirationDate ? (new Date(expirationDate).toLocaleString()) : (_jsx("span", { className: "text-gray-400 italic", children: "No expiration" })) })] })] }), _jsxs("div", { className: "mt-6 bg-gray-50 p-4 rounded-lg border border-gray-200", children: [_jsx("label", { className: "block text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2", children: "Context" }), _jsx("div", { className: "flex flex-wrap gap-2", children: context && context.map((ctx, i) => (_jsx("span", { className: "inline-block px-2 py-1 text-xs font-mono bg-blue-100 text-blue-800 rounded", children: ctx }, i))) })] }), _jsxs("div", { className: "mt-6 bg-gray-50 p-4 rounded-lg border border-gray-200", children: [_jsx("label", { className: "block text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2", children: "Type" }), _jsx("div", { className: "flex flex-wrap gap-2", children: type && type.map((t, i) => (_jsx("span", { className: "inline-block px-2 py-1 text-xs font-mono bg-green-100 text-green-800 rounded", children: t }, i))) })] })] })] }), _jsxs("div", { className: "bg-white rounded-xl shadow-md border border-gray-200 overflow-hidden", children: [_jsx("div", { className: "px-6 py-5 bg-gray-50", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Credential Subject" }), !revoked && !isEditingSubject && (_jsx(Button, { color: "light", onClick: () => setIsEditingSubject(true), children: "Edit Subject" }))] }) }), _jsx("div", { className: "p-6", children: isEditingSubject ? (_jsx(Form, { onSubmit: (e) => {
+                                                e.preventDefault();
+                                                const formData = new FormData(e.target);
+                                                handleUpdateSubject(formData.get("credentialSubject"));
+                                            }, children: _jsxs("div", { className: "space-y-4", children: [_jsx(TextareaField, { name: "credentialSubject", label: "Credential Subject (JSON)", defaultValue: credentialSubject || "", required: true, rows: 8, description: "JSON object containing the claims about the subject" }), _jsxs("div", { className: "flex justify-end space-x-3", children: [_jsx(Button, { color: "light", onClick: () => setIsEditingSubject(false), children: "Cancel" }), _jsx(Button, { type: "submit", children: "Update Subject" })] })] }) })) : (_jsx("pre", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200 overflow-auto text-sm", children: JSON.stringify(JSON.parse(credentialSubject || "{}"), null, 2) })) })] }), _jsxs("div", { className: "bg-white rounded-xl shadow-md border border-gray-200 overflow-hidden", children: [_jsx("div", { className: "px-6 py-5 bg-gray-50", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "JWT Representation" }), !isSettingJwt && (_jsx(Button, { color: "light", onClick: () => setIsSettingJwt(true), children: jwt ? "Update JWT" : "Set JWT" }))] }) }), _jsx("div", { className: "p-6", children: isSettingJwt ? (_jsx(Form, { onSubmit: (e) => {
+                                                e.preventDefault();
+                                                const formData = new FormData(e.target);
+                                                handleSetJwt(formData.get("jwt"));
+                                            }, children: _jsxs("div", { className: "space-y-4", children: [_jsx(TextareaField, { name: "jwt", label: "JWT Token", defaultValue: jwt || "", required: true, rows: 6, description: "Signed JWT representation of the credential" }), _jsxs("div", { className: "flex justify-end space-x-3", children: [_jsx(Button, { color: "light", onClick: () => setIsSettingJwt(false), children: "Cancel" }), _jsx(Button, { type: "submit", children: "Set JWT" })] })] }) })) : jwt ? (_jsx("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200", children: _jsx("p", { className: "text-xs font-mono text-gray-900 break-all", children: jwt }) })) : (_jsx("p", { className: "text-gray-500 italic", children: "No JWT set" })) })] }), _jsxs("div", { className: "bg-white rounded-xl shadow-md border border-gray-200 overflow-hidden", children: [_jsx("div", { className: "px-6 py-5 bg-gray-50", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Credential Status (StatusList2021)" }), !credentialStatus && !isSettingStatus && (_jsx(Button, { color: "light", onClick: () => setIsSettingStatus(true), children: "Set Status" }))] }) }), _jsx("div", { className: "p-6", children: isSettingStatus ? (_jsx(Form, { onSubmit: (e) => {
+                                                e.preventDefault();
+                                                const formData = new FormData(e.target);
+                                                handleSetStatus({
+                                                    statusId: formData.get("statusId"),
+                                                    statusType: formData.get("statusType"),
+                                                    statusPurpose: formData.get("statusPurpose"),
+                                                    statusListIndex: formData.get("statusListIndex"),
+                                                    statusListCredential: formData.get("statusListCredential"),
+                                                });
+                                            }, children: _jsxs("div", { className: "space-y-4", children: [_jsx(StringField, { name: "statusId", label: "Status ID", required: true, placeholder: "https://example.com/status/1" }), _jsx(StringField, { name: "statusType", label: "Status Type", required: true, placeholder: "StatusList2021Entry" }), _jsx(StringField, { name: "statusPurpose", label: "Status Purpose", required: true, placeholder: "revocation", description: "Either 'revocation' or 'suspension'" }), _jsx(StringField, { name: "statusListIndex", label: "Status List Index", required: true, placeholder: "12345" }), _jsx(TextareaField, { name: "statusListCredential", label: "Status List Credential URL", required: true, placeholder: "https://example.com/status-lists/1", rows: 2 }), _jsxs("div", { className: "flex justify-end space-x-3", children: [_jsx(Button, { color: "light", onClick: () => setIsSettingStatus(false), children: "Cancel" }), _jsx(Button, { type: "submit", children: "Set Status" })] })] }) })) : credentialStatus ? (_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200", children: [_jsx("label", { className: "block text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2", children: "Status ID" }), _jsx("p", { className: "text-sm font-mono text-gray-900 break-all", children: credentialStatus.id })] }), _jsxs("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200", children: [_jsx("label", { className: "block text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2", children: "Type" }), _jsx("p", { className: "text-sm text-gray-900", children: credentialStatus.type })] }), _jsxs("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200", children: [_jsx("label", { className: "block text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2", children: "Purpose" }), _jsx("p", { className: "text-sm text-gray-900", children: credentialStatus.statusPurpose })] }), _jsxs("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200", children: [_jsx("label", { className: "block text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2", children: "List Index" }), _jsx("p", { className: "text-sm text-gray-900", children: credentialStatus.statusListIndex })] }), _jsxs("div", { className: "col-span-2 bg-gray-50 p-4 rounded-lg border border-gray-200", children: [_jsx("label", { className: "block text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2", children: "Status List Credential" }), _jsx("p", { className: "text-sm font-mono text-gray-900 break-all", children: credentialStatus.statusListCredential })] })] })) : (_jsx("p", { className: "text-gray-500 italic", children: "No credential status set" })) })] }), revoked && (_jsxs("div", { className: "bg-red-50 rounded-xl shadow-md border border-red-200 overflow-hidden", children: [_jsx("div", { className: "px-6 py-5 bg-red-100", children: _jsx("h2", { className: "text-2xl font-bold text-red-900", children: "Revocation Information" }) }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "bg-white p-4 rounded-lg border border-red-200", children: [_jsx("label", { className: "block text-xs font-semibold text-red-600 uppercase tracking-wider mb-2", children: "Revoked At" }), _jsx("p", { className: "text-sm text-gray-900", children: revokedAt
+                                                                ? new Date(revokedAt).toLocaleString()
+                                                                : "N/A" })] }), revocationReason && (_jsxs("div", { className: "bg-white p-4 rounded-lg border border-red-200", children: [_jsx("label", { className: "block text-xs font-semibold text-red-600 uppercase tracking-wider mb-2", children: "Revocation Reason" }), _jsx("p", { className: "text-sm text-gray-900", children: revocationReason })] }))] }) })] }))] })) }) })] }));
+}

package/dist/editors/renown-credential-editor/index.d.ts

@@ -0,0 +1,2 @@
+import type { EditorModule } from "document-model";
+export declare const module: EditorModule;

package/dist/editors/renown-credential-editor/index.js

@@ -0,0 +1,11 @@
+import { Editor } from "./editor.js";
+export const module = {
+    Component: Editor,
+    documentTypes: ["powerhouse/renown-credential"],
+    config: {
+        id: "renown-credential-editor",
+        disableExternalControls: true,
+        documentToolbarEnabled: true,
+        showSwitchboardLink: true,
+    },
+};

package/dist/powerhouse.manifest.json

@@ -14,6 +14,10 @@
         {
             "id": "renown/credential",
             "name": "RenownCredential"
+        },
+        {
+            "id": "powerhouse/renown-credential",
+            "name": "RenownCredential"
         }
     ],
     "editors": [

package/dist/style.css

@@ -7,7 +7,9 @@
       "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
+    --color-red-50: oklch(97.1% 0.013 17.38);
     --color-red-100: oklch(93.6% 0.032 17.717);
+    --color-red-200: oklch(88.5% 0.062 18.334);
     --color-red-300: oklch(80.8% 0.114 19.571);
     --color-red-400: oklch(70.4% 0.191 22.216);
     --color-red-500: oklch(63.7% 0.237 25.331);
@@ -99,6 +101,7 @@
     --container-2xl: 42rem;
     --container-4xl: 56rem;
     --container-5xl: 64rem;
+    --container-6xl: 72rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -298,12 +301,21 @@
   .static {
     position: static;
   }
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
   .mx-auto {
     margin-inline: auto;
   }
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
+  .mt-2 {
+    margin-top: calc(var(--spacing) * 2);
+  }
+  .mt-6 {
+    margin-top: calc(var(--spacing) * 6);
+  }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
@@ -322,6 +334,9 @@
   .grid {
     display: grid;
   }
+  .inline-block {
+    display: inline-block;
+  }
   .inline-flex {
     display: inline-flex;
   }
@@ -370,6 +385,9 @@
   .max-w-5xl {
     max-width: var(--container-5xl);
   }
+  .max-w-6xl {
+    max-width: var(--container-6xl);
+  }
   .flex-1 {
     flex: 1;
   }
@@ -379,6 +397,9 @@
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
   .items-center {
     align-items: center;
   }
@@ -397,12 +418,25 @@
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
+  .gap-3 {
+    gap: calc(var(--spacing) * 3);
+  }
+  .gap-4 {
+    gap: calc(var(--spacing) * 4);
+  }
   .gap-6 {
     gap: calc(var(--spacing) * 6);
   }
   .gap-8 {
     gap: calc(var(--spacing) * 8);
   }
+  .space-y-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-6 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -445,9 +479,15 @@
       margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .overflow-auto {
+    overflow: auto;
+  }
   .overflow-hidden {
     overflow: hidden;
   }
+  .rounded {
+    border-radius: 0.25rem;
+  }
   .rounded-full {
     border-radius: calc(infinity * 1px);
   }
@@ -461,18 +501,43 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-b {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
   .border-gray-200 {
     border-color: var(--color-gray-200);
   }
+  .border-red-200 {
+    border-color: var(--color-red-200);
+  }
+  .bg-blue-50 {
+    background-color: var(--color-blue-50);
+  }
+  .bg-blue-100 {
+    background-color: var(--color-blue-100);
+  }
   .bg-gray-50 {
     background-color: var(--color-gray-50);
   }
   .bg-gray-100 {
     background-color: var(--color-gray-100);
   }
+  .bg-green-100 {
+    background-color: var(--color-green-100);
+  }
+  .bg-red-50 {
+    background-color: var(--color-red-50);
+  }
+  .bg-red-100 {
+    background-color: var(--color-red-100);
+  }
   .bg-white {
     background-color: var(--color-white);
   }
+  .bg-yellow-100 {
+    background-color: var(--color-yellow-100);
+  }
   .object-cover {
     object-fit: cover;
   }
@@ -482,12 +547,21 @@
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+  .px-2 {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  .px-3 {
+    padding-inline: calc(var(--spacing) * 3);
+  }
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
   .px-6 {
     padding-inline: calc(var(--spacing) * 6);
   }
+  .py-1 {
+    padding-block: calc(var(--spacing) * 1);
+  }
   .py-5 {
     padding-block: calc(var(--spacing) * 5);
   }
@@ -543,6 +617,9 @@
   .break-all {
     word-break: break-all;
   }
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
   .text-gray-400 {
     color: var(--color-gray-400);
   }
@@ -555,6 +632,21 @@
   .text-gray-900 {
     color: var(--color-gray-900);
   }
+  .text-green-800 {
+    color: var(--color-green-800);
+  }
+  .text-red-600 {
+    color: var(--color-red-600);
+  }
+  .text-red-800 {
+    color: var(--color-red-800);
+  }
+  .text-red-900 {
+    color: var(--color-red-900);
+  }
+  .text-yellow-800 {
+    color: var(--color-yellow-800);
+  }
   .uppercase {
     text-transform: uppercase;
   }

package/dist/subgraphs/renown-credential/resolvers.js

@@ -46,7 +46,7 @@ export const getResolvers = (subgraph) => {
                                 revision: doc.header?.revision?.global ?? 0,
                             };
                         }));
-                        return docs.filter((doc) => doc.header.documentType === "renown/credential");
+                        return docs.filter((doc) => doc.header.documentType === "powerhouse/renown-credential");
                     },
                 };
             },
@@ -54,12 +54,12 @@ export const getResolvers = (subgraph) => {
         Mutation: {
             RenownCredential_createDocument: async (_, args) => {
                 const { driveId, name } = args;
-                const document = await reactor.addDocument("renown/credential");
+                const document = await reactor.addDocument("powerhouse/renown-credential");
                 if (driveId) {
                     await reactor.addAction(driveId, addFile({
                         name,
                         id: document.header.id,
-                        documentType: "renown/credential",
+                        documentType: "powerhouse/renown-credential",
                     }));
                 }
                 if (name) {

package/dist/subgraphs/renown-credential/schema.js

@@ -1,7 +1,7 @@
 import { gql } from "graphql-tag";
 export const schema = gql `
   """
-  Subgraph definition for RenownCredential (renown/credential)
+  Subgraph definition for RenownCredential (powerhouse/renown-credential)
   """
   type CredentialStatus {
     id: String!

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@powerhousedao/renown-package",
   "description": "",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "license": "AGPL-3.0-only",
   "type": "module",
   "files": [