HuggingClip

Running

somratpro Claude Haiku 4.5 commited on Apr 27

Commit

0502cce

1 Parent(s): 28c31b5

Fix admin invite URL extraction and add setup banner to dashboard

- grep for 'Invite URL:' line specifically instead of any 'http' match,
which was capturing corepack's npm registry download URL
- Strip ANSI escape codes before extracting URL
- Save invite URL to /tmp/invite-url.txt for dashboard to read
- Add prominent orange setup banner on dashboard when invite URL exists
- Expose setupUrl in /health JSON response

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

Files changed (2) hide show

health-server.js +82 -0
start.sh +14 -7

health-server.js CHANGED Viewed

@@ -29,11 +29,14 @@ app.get("/health", async (req, res) => {
     // Try to check if Paperclip is responding
     const paperclipStatus = await checkPaperclipHealth();
     res.status(200).json({
       status: "healthy",
       timestamp: new Date().toISOString(),
       uptime: Math.floor(uptime),
       startTime: new Date(Date.now() - uptime * 1000).toISOString(),
       services: {
         healthServer: {
           status: "running",
@@ -227,6 +230,17 @@ function readSyncStatus() {
   };
 }
 function checkPaperclipHealth() {
   return new Promise((resolve) => {
     const healthUrl = `http://${PAPERCLIP_HOST}:${PAPERCLIP_PORT}/health`;
@@ -516,6 +530,56 @@ function getDashboardHTML() {
             0%, 100% { opacity: 1; }
             50% { opacity: 0.3; }
         }
     </style>
 </head>
 <body>
@@ -525,6 +589,14 @@ function getDashboardHTML() {
             <p>Paperclip AI Agent Orchestration on Hugging Face Spaces</p>
         </div>
         <div class="grid">
             <!-- Paperclip Status Card -->
             <div class="card">
@@ -683,6 +755,16 @@ function getDashboardHTML() {
                 const startTime = new Date(data.startTime).toLocaleString();
                 startTimeEl.textContent = startTime;
                 // Update footer time
                 document.getElementById('footer-time').textContent = new Date().toLocaleString();
             } catch (error) {

     // Try to check if Paperclip is responding
     const paperclipStatus = await checkPaperclipHealth();
+    const inviteUrl = readInviteUrl();
     res.status(200).json({
       status: "healthy",
       timestamp: new Date().toISOString(),
       uptime: Math.floor(uptime),
       startTime: new Date(Date.now() - uptime * 1000).toISOString(),
+      setupUrl: inviteUrl || null,
       services: {
         healthServer: {
           status: "running",
   };
 }
+function readInviteUrl() {
+  try {
+    if (fs.existsSync("/tmp/invite-url.txt")) {
+      return fs.readFileSync("/tmp/invite-url.txt", "utf8").trim();
+    }
+  } catch (error) {
+    // ignore
+  }
+  return null;
+}
 function checkPaperclipHealth() {
   return new Promise((resolve) => {
     const healthUrl = `http://${PAPERCLIP_HOST}:${PAPERCLIP_PORT}/health`;
             0%, 100% { opacity: 1; }
             50% { opacity: 0.3; }
         }
+        .setup-banner {
+            background: linear-gradient(135deg, #f59e0b, #d97706);
+            color: white;
+            border-radius: 12px;
+            padding: 24px 28px;
+            margin-bottom: 24px;
+            box-shadow: 0 10px 30px rgba(245, 158, 11, 0.4);
+            animation: fadeIn 0.5s ease-out;
+        }
+        .setup-banner h2 {
+            font-size: 1.3em;
+            margin-bottom: 10px;
+        }
+        .setup-banner p {
+            opacity: 0.9;
+            margin-bottom: 16px;
+            font-size: 0.95em;
+        }
+        .setup-banner .invite-link {
+            background: rgba(255,255,255,0.2);
+            border: 1px solid rgba(255,255,255,0.4);
+            border-radius: 8px;
+            padding: 12px 16px;
+            font-family: 'Monaco', 'Courier New', monospace;
+            font-size: 0.85em;
+            word-break: break-all;
+            margin-bottom: 16px;
+            display: block;
+        }
+        .setup-banner .btn-setup {
+            display: inline-block;
+            background: white;
+            color: #d97706;
+            font-weight: 700;
+            padding: 10px 24px;
+            border-radius: 6px;
+            text-decoration: none;
+            font-size: 0.95em;
+            transition: all 0.2s;
+        }
+        .setup-banner .btn-setup:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
+        }
     </style>
 </head>
 <body>
             <p>Paperclip AI Agent Orchestration on Hugging Face Spaces</p>
         </div>
+        <!-- First-time Setup Banner (hidden by default, shown if invite URL exists) -->
+        <div class="setup-banner" id="setup-banner" style="display:none;">
+            <h2>🔑 Admin Setup Required</h2>
+            <p>No admin account exists yet. Open the link below to create your first admin account, then complete onboarding to start using Paperclip.</p>
+            <span class="invite-link" id="invite-url-text">Loading...</span>
+            <a href="#" class="btn-setup" id="invite-url-link" target="_blank">Open Setup Page &rarr;</a>
+        </div>
         <div class="grid">
             <!-- Paperclip Status Card -->
             <div class="card">
                 const startTime = new Date(data.startTime).toLocaleString();
                 startTimeEl.textContent = startTime;
+                // Show setup banner if invite URL exists
+                const setupBanner = document.getElementById('setup-banner');
+                if (data.setupUrl) {
+                    document.getElementById('invite-url-text').textContent = data.setupUrl;
+                    document.getElementById('invite-url-link').href = data.setupUrl;
+                    setupBanner.style.display = 'block';
+                } else {
+                    setupBanner.style.display = 'none';
+                }
                 // Update footer time
                 document.getElementById('footer-time').textContent = new Date().toLocaleString();
             } catch (error) {

start.sh CHANGED Viewed

@@ -277,14 +277,21 @@ done
 if [ "$PAPERCLIP_READY" = true ]; then
     echo -e "${BLUE}Bootstrapping admin account...${NC}"
     BOOTSTRAP_OUTPUT=$(pnpm paperclipai auth bootstrap-ceo 2>&1 || true)
-    if echo "$BOOTSTRAP_OUTPUT" | grep -q "http"; then
-        INVITE_URL=$(echo "$BOOTSTRAP_OUTPUT" | grep -o 'https\?://[^ ]*' | head -1)
-        echo -e "${GREEN}╔══════════════════════════════════════════════╗${NC}"
-        echo -e "${GREEN}║  ADMIN SETUP URL (open in browser):          ║${NC}"
-        echo -e "${GREEN}║  ${INVITE_URL}                               ║${NC}"
-        echo -e "${GREEN}╚══════════════════════════════════════════════╝${NC}"
     else
-        echo -e "${GREEN}✓ Admin account ready${NC}"
     fi
 else
     echo -e "${YELLOW}Warning: Paperclip did not become ready in 90s${NC}"

 if [ "$PAPERCLIP_READY" = true ]; then
     echo -e "${BLUE}Bootstrapping admin account...${NC}"
     BOOTSTRAP_OUTPUT=$(pnpm paperclipai auth bootstrap-ceo 2>&1 || true)
+    # Extract URL from the specific "Invite URL: ..." line, stripping ANSI color codes
+    INVITE_URL=$(echo "$BOOTSTRAP_OUTPUT" | grep "Invite URL:" | sed 's/\x1B\[[0-9;]*[a-zA-Z]//g' | grep -o 'https\?://[^ ]*' | head -1)
+    if [ -n "$INVITE_URL" ]; then
+        # Save invite URL for health dashboard to display
+        echo "$INVITE_URL" > /tmp/invite-url.txt
+        echo -e "${GREEN}╔══════════════════════════════════════════════════════════╗${NC}"
+        echo -e "${GREEN}║  ADMIN SETUP — open this URL in your browser:            ║${NC}"
+        echo -e "${GREEN}║                                                          ║${NC}"
+        echo -e "  ${INVITE_URL}"
+        echo -e "${GREEN}║                                                          ║${NC}"
+        echo -e "${GREEN}╚══════════════════════════════════════════════════════════╝${NC}"
     else
+        # Clear any stale invite URL file
+        rm -f /tmp/invite-url.txt
+        echo -e "${GREEN}✓ Admin account already configured${NC}"
     fi
 else
     echo -e "${YELLOW}Warning: Paperclip did not become ready in 90s${NC}"