Release to Production

.github/workflows/deploy.yaml

@@ -156,7 +156,7 @@ jobs:
           timeout: 5m0s
           name: ${{ env.SERVICE_NAME }}
           chart-repository: https://techops-services.github.io/helm-charts
-          version: 0.0.33
+          version: 0.2.1
           atomic: true
 
       - name: Deploying Job Spawner to Kubernetes with Helm
@@ -171,5 +171,5 @@ jobs:
           timeout: 5m0s
           name: keeperhub-job-spawner
           chart-repository: https://techops-services.github.io/helm-charts
-          version: 0.0.33
+          version: 0.2.1
           atomic: true

Dockerfile

@@ -39,6 +39,7 @@ COPY --from=deps /app/node_modules ./node_modules
 COPY --from=builder /app/drizzle ./drizzle
 COPY --from=builder /app/drizzle.config.ts ./drizzle.config.ts
 COPY --from=builder /app/lib ./lib
+COPY --from=builder /app/keeperhub ./keeperhub
 COPY --from=builder /app/package.json ./package.json
 
 # This stage can be used to run migrations

app/api/workflows/public/route.ts

@@ -0,0 +1,35 @@
+import { desc, eq } from "drizzle-orm";
+import { NextResponse } from "next/server";
+import { db } from "@/lib/db";
+import { workflows } from "@/lib/db/schema";
+
+// start custom KeeperHub code
+export async function GET() {
+  try {
+    const publicWorkflows = await db
+      .select()
+      .from(workflows)
+      .where(eq(workflows.visibility, "public"))
+      .orderBy(desc(workflows.updatedAt));
+
+    const mappedWorkflows = publicWorkflows.map((workflow) => ({
+      ...workflow,
+      createdAt: workflow.createdAt.toISOString(),
+      updatedAt: workflow.updatedAt.toISOString(),
+    }));
+
+    return NextResponse.json(mappedWorkflows);
+  } catch (error) {
+    console.error("Failed to get public workflows:", error);
+    return NextResponse.json(
+      {
+        error:
+          error instanceof Error
+            ? error.message
+            : "Failed to get public workflows",
+      },
+      { status: 500 }
+    );
+  }
+}
+// end custom KeeperHub code

app/hub/page.tsx

@@ -0,0 +1,42 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { WorkflowTemplateGrid } from "@/keeperhub/components/hub/workflow-template-grid";
+import { api, type SavedWorkflow } from "@/lib/api-client";
+
+export default function HubPage() {
+  // start custom KeeperHub code
+  const [workflows, setWorkflows] = useState<SavedWorkflow[]>([]);
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchPublicWorkflows = async () => {
+      try {
+        const publicWorkflows = await api.workflow.getPublic();
+        setWorkflows(publicWorkflows);
+      } catch (error) {
+        console.error("Failed to fetch public workflows:", error);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    fetchPublicWorkflows();
+  }, []);
+  // end custom KeeperHub code
+
+  return (
+    <div className="pointer-events-auto">
+      <div className="container mx-auto px-4 py-4 pt-28">
+        <h1 className="mb-8 font-bold text-3xl">Public Workflows</h1>
+        {/* start custom KeeperHub code */}
+        {isLoading ? (
+          <p className="text-muted-foreground">Loading workflows...</p>
+        ) : (
+          <WorkflowTemplateGrid workflows={workflows} />
+        )}
+        {/* end custom KeeperHub code */}
+      </div>
+    </div>
+  );
+}

app/layout.tsx

@@ -2,17 +2,16 @@ import type { Metadata, Viewport } from "next";
 import "./globals.css";
 import { Analytics } from "@vercel/analytics/react";
 import { SpeedInsights } from "@vercel/speed-insights/next";
-import { ReactFlowProvider } from "@xyflow/react";
 import { Provider } from "jotai";
 import { type ReactNode, Suspense } from "react";
 import { AuthProvider } from "@/components/auth/provider";
 import { GitHubStarsLoader } from "@/components/github-stars-loader";
 import { GitHubStarsProvider } from "@/components/github-stars-provider";
 import { GlobalModals } from "@/components/global-modals";
+import { LayoutContent } from "@/components/layout-content";
 import { OverlayProvider } from "@/components/overlays/overlay-provider";
 import { ThemeProvider } from "@/components/theme-provider";
 import { Toaster } from "@/components/ui/sonner";
-import { PersistentCanvas } from "@/components/workflow/persistent-canvas";
 import { KeeperHubExtensionLoader } from "@/keeperhub/components/extension-loader";
 import { mono, sans } from "@/lib/fonts";
 import { cn } from "@/lib/utils";
@@ -35,16 +34,6 @@ type RootLayoutProps = {
   children: ReactNode;
 };
 
-// Inner content wrapped by GitHubStarsProvider (used for both loading and loaded states)
-function LayoutContent({ children }: { children: ReactNode }) {
-  return (
-    <ReactFlowProvider>
-      <PersistentCanvas />
-      <div className="pointer-events-none relative z-10">{children}</div>
-    </ReactFlowProvider>
-  );
-}
-
 const RootLayout = ({ children }: RootLayoutProps) => (
   <html lang="en" suppressHydrationWarning>
     <body className={cn(sans.variable, mono.variable, "antialiased")}>

components/layout-content.tsx

@@ -0,0 +1,16 @@
+"use client";
+
+import { ReactFlowProvider } from "@xyflow/react";
+import type { ReactNode } from "react";
+import { PersistentCanvas } from "@/components/workflow/persistent-canvas";
+import { WorkflowToolbar } from "@/components/workflow/workflow-toolbar";
+
+export function LayoutContent({ children }: { children: ReactNode }) {
+  return (
+    <ReactFlowProvider>
+      <WorkflowToolbar persistent />
+      <PersistentCanvas />
+      <div className="pointer-events-none relative z-10">{children}</div>
+    </ReactFlowProvider>
+  );
+}

components/overlays/add-connection-overlay.tsx

@@ -14,6 +14,9 @@ import {
   aiGatewayTeamsLoadingAtom,
 } from "@/lib/ai-gateway/state";
 import { api } from "@/lib/api-client";
+// start keeperhub
+import { getCustomIntegrationFormHandler } from "@/lib/extension-registry";
+// end keeperhub
 import type { IntegrationType } from "@/lib/types/integration";
 import {
   getIntegration,
@@ -361,6 +364,18 @@ export function ConfigureConnectionOverlay({
 
   // Render config fields
   const renderConfigFields = () => {
+    // start keeperhub - check for custom form handlers (e.g., web3 wallet)
+    const customHandler = getCustomIntegrationFormHandler(type);
+    if (customHandler) {
+      return customHandler({
+        integrationType: type,
+        isEditMode: false,
+        config,
+        updateConfig,
+      });
+    }
+    // end keeperhub
+
     if (type === "database") {
       return (
         <SecretField

components/overlays/configuration-overlay.tsx

@@ -94,6 +94,7 @@ export function ConfigurationOverlay({ overlayId }: ConfigurationOverlayProps) {
     currentWorkflowNameAtom
   );
   const isOwner = useAtomValue(isWorkflowOwnerAtom);
+
   const updateNodeData = useSetAtom(updateNodeDataAtom);
   const deleteNode = useSetAtom(deleteNodeAtom);
   const deleteEdge = useSetAtom(deleteEdgeAtom);
@@ -111,6 +112,7 @@ export function ConfigurationOverlay({ overlayId }: ConfigurationOverlayProps) {
 
   // Auto-fix invalid integration references
   const globalIntegrations = useAtomValue(integrationsAtom);
+
   useEffect(() => {
     if (!(selectedNode && isOwner)) {
       return;
@@ -465,17 +467,26 @@ export function ConfigurationOverlay({ overlayId }: ConfigurationOverlayProps) {
                   </p>
                 </div>
               )}
-              {isOwner && (
+              {isOwner ? (
                 <div className="flex items-center gap-2 pt-2">
                   <Button onClick={handleClearWorkflow} variant="ghost">
                     <Eraser className="mr-2 size-4" />
                     Clear
                   </Button>
-                  <Button onClick={handleDeleteWorkflow} variant="ghost">
+                  <Button
+                    data-testid="delete-workflow-button"
+                    onClick={() => handleDeleteWorkflow()}
+                    type="button"
+                    variant="ghost"
+                  >
                     <Trash2 className="mr-2 size-4" />
                     Delete
                   </Button>
                 </div>
+              ) : (
+                <div className="text-red-500 text-xs">
+                  DEBUG: isOwner is false - Delete button not rendered
+                </div>
               )}
             </div>
           )}

components/overlays/edit-connection-overlay.tsx

@@ -9,7 +9,10 @@ import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { useIsMobile } from "@/hooks/use-mobile";
 import { api, type Integration } from "@/lib/api-client";
+// start keeperhub
+import { getCustomIntegrationFormHandler } from "@/lib/extension-registry";
 import { getIntegration, getIntegrationLabels } from "@/plugins";
+// end keeperhub
 import { ConfirmOverlay } from "./confirm-overlay";
 import { Overlay } from "./overlay";
 import { useOverlay } from "./overlay-provider";
@@ -267,6 +270,18 @@ export function EditConnectionOverlay({
 
   // Render config fields
   const renderConfigFields = () => {
+    // start keeperhub - check for custom form handlers (e.g., web3 wallet display)
+    const customHandler = getCustomIntegrationFormHandler(integration.type);
+    if (customHandler) {
+      return customHandler({
+        integrationType: integration.type,
+        isEditMode: true,
+        config,
+        updateConfig,
+      });
+    }
+    // end keeperhub
+
     if (integration.type === "database") {
       return (
         <SecretField

components/workflow/config/action-config.tsx

@@ -26,7 +26,6 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
-// start keeperhub
 import { integrationRequiresCredentials } from "@/keeperhub/lib/integration-helpers";
 // end keeperhub
 import { aiGatewayStatusAtom } from "@/lib/ai-gateway/state";
@@ -39,6 +38,7 @@ import {
   findActionById,
   getActionsByCategory,
   getAllIntegrations,
+  getIntegration,
 } from "@/plugins";
 import { ActionConfigRenderer } from "./action-config-renderer";
 import { SchemaBuilder, type SchemaField } from "./schema-builder";
@@ -524,17 +524,20 @@ export function ActionConfig({
                 </Tooltip>
               </TooltipProvider>
             </div>
-            {hasExistingConnections && (
-              <Button
-                className="size-6"
-                disabled={disabled}
-                onClick={handleAddSecondaryConnection}
-                size="icon"
-                variant="ghost"
-              >
-                <Plus className="size-4" />
-              </Button>
-            )}
+            {/* start keeperhub - hide + button for singleConnection integrations */}
+            {hasExistingConnections &&
+              !getIntegration(integrationType)?.singleConnection && (
+                <Button
+                  className="size-6"
+                  disabled={disabled}
+                  onClick={handleAddSecondaryConnection}
+                  size="icon"
+                  variant="ghost"
+                >
+                  <Plus className="size-4" />
+                </Button>
+              )}
+            {/* end keeperhub */}
           </div>
           <IntegrationSelector
             disabled={disabled}