npm - pinokiod - Versions diffs - 7.2.6 → 7.2.8 - Mend

pinokiod 7.2.6 → 7.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/kernel/api/index.js +2 -0
package/kernel/api/shell_run_template.js +273 -0
package/kernel/shell.js +40 -2
package/package.json +1 -1
package/server/index.js +65 -5
package/server/lib/drafts.js +376 -0
package/server/lib/workspace_catalog.js +151 -0
package/server/lib/workspace_runtime.js +390 -0
package/server/public/common.js +8 -0
package/server/public/drafts.js +632 -0
package/server/routes/draft_import.js +469 -0
package/server/routes/workspaces.js +44 -0
package/server/socket.js +22 -11
package/server/views/app.ejs +13 -0
package/server/views/partials/main_sidebar.ejs +1 -0
package/server/views/partials/workspace_row.ejs +61 -0
package/server/views/terminal.ejs +6 -0
package/server/views/terminals.ejs +1 -0
package/server/views/workspaces.ejs +812 -0

package/server/routes/draft_import.js ADDED Viewed

@@ -0,0 +1,469 @@
+const express = require("express")
+const fs = require("fs")
+const path = require("path")
+const axios = require("axios")
+const FormData = require("form-data")
+const mime = require("mime-types")
+const DEFAULT_MAX_FILES = 10
+const DEFAULT_MAX_FILE_BYTES = 25 * 1024 * 1024
+const asyncHandler = (fn) => (req, res, next) => {
+  Promise.resolve(fn(req, res, next)).catch(next)
+}
+const escapeHtml = (value) => String(value || "")
+  .replace(/&/g, "&amp;")
+  .replace(/</g, "&lt;")
+  .replace(/>/g, "&gt;")
+  .replace(/"/g, "&quot;")
+function renderMessage(res, status, title, message) {
+  res.status(status).send(`<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>${escapeHtml(title)}</title>
+  <style>
+    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 40px; color: #111827; }
+    .box { max-width: 680px; border: 1px solid #d1d5db; border-radius: 8px; padding: 18px; }
+    h1 { margin: 0 0 8px; font-size: 22px; }
+    p { margin: 0; color: #4b5563; line-height: 1.5; }
+  </style>
+</head>
+<body>
+  <div class="box">
+    <h1>${escapeHtml(title)}</h1>
+    <p>${escapeHtml(message)}</p>
+  </div>
+</body>
+</html>`)
+}
+function renderImportLauncher(res, { authorizeUrl, draftId, registryOrigin, autoOpen }) {
+  res.status(200).send(`<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Import draft</title>
+  <style>
+    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 40px; color: #111827; background: #f8fafc; }
+    .box { max-width: 680px; border: 1px solid #d1d5db; border-radius: 8px; padding: 18px; background: white; box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08); }
+    h1 { margin: 0 0 8px; font-size: 22px; }
+    p { margin: 0 0 14px; color: #4b5563; line-height: 1.5; }
+    button, a.button { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; border: 1px solid #111827; border-radius: 6px; background: #111827; color: white; padding: 7px 12px; font-weight: 700; text-decoration: none; cursor: pointer; }
+    .muted { color: #6b7280; font-size: 13px; }
+  </style>
+</head>
+<body>
+  <div class="box">
+    <h1>Import draft</h1>
+    <p id="status">${autoOpen ? "Opening the registry authorization window..." : "Click Open registry to authorize the import."}</p>
+    <button id="open" type="button">Open registry</button>
+    <div class="muted" style="margin-top:12px;">Keep this Pinokio window open until the registry draft editor opens.</div>
+  </div>
+  <script>
+    window.__PINOKIO_DRAFT_IMPORT_VERSION = "metadata-b64";
+    const authorizeUrl = ${JSON.stringify(authorizeUrl)};
+    const draftId = ${JSON.stringify(draftId)};
+    const registryOrigin = ${JSON.stringify(registryOrigin)};
+    const autoOpen = ${JSON.stringify(Boolean(autoOpen))};
+    const statusEl = document.getElementById("status");
+    const openButton = document.getElementById("open");
+    let registryWindow = null;
+    function setStatus(message) {
+      statusEl.textContent = message;
+    }
+    function openRegistry() {
+      registryWindow = window.open(authorizeUrl, "pinokioRegistryDraftImport", "popup,width=760,height=820");
+      if (!registryWindow) {
+        setStatus("The registry window was blocked. Click Open registry to continue.");
+      } else {
+        setStatus("Authorize the import in the registry window.");
+      }
+    }
+    async function completeImport(payload) {
+      setStatus("Uploading draft to the registry...");
+      const response = await fetch("/registry/draft-import/complete", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          draft: draftId,
+          token: payload.token,
+          registry: payload.registry,
+          app: payload.app || ""
+        })
+      });
+      const data = await response.json().catch(() => null);
+      if (!response.ok || !data || !data.editUrl) {
+        const detail = data && data.status ? " (" + data.status + ")" : "";
+        throw new Error(((data && data.error) || "Import failed.") + detail);
+      }
+      try {
+        if (registryWindow && !registryWindow.closed) registryWindow.close();
+      } catch (_) {}
+      window.location.href = data.editUrl;
+    }
+    window.addEventListener("message", (event) => {
+      if (event.origin !== registryOrigin) return;
+      const payload = event.data || {};
+      if (payload.type !== "pinokio:draft-import-token" || !payload.token || !payload.registry) return;
+      completeImport(payload).catch((error) => {
+        setStatus(error && error.message ? error.message : "Import failed.");
+      });
+    });
+    openButton.addEventListener("click", openRegistry);
+    if (autoOpen) {
+      window.setTimeout(openRegistry, 100);
+    }
+  </script>
+</body>
+</html>`)
+}
+function normalizeRegistryBase(raw, fallback) {
+  const value = String(raw || fallback || "").trim()
+  if (!value) return ""
+  try {
+    const url = new URL(value)
+    if (url.protocol !== "https:" && url.protocol !== "http:") return ""
+    url.hash = ""
+    url.search = ""
+    return url.toString().replace(/\/$/, "")
+  } catch (_) {
+    return ""
+  }
+}
+function requestOrigin(req) {
+  const host = req.get("host") || "localhost:42000"
+  return `${req.protocol || "http"}://${host}`
+}
+function isExternalRef(value) {
+  return /^(?:[a-z][a-z0-9+.-]*:|\/\/|#)/i.test(value)
+}
+function normalizeMarkdownRef(value) {
+  const raw = String(value || "").trim().replace(/^<|>$/g, "")
+  if (!raw || raw.includes("\0") || isExternalRef(raw) || path.isAbsolute(raw)) {
+    return ""
+  }
+  const withoutHash = raw.split("#")[0]
+  const withoutQuery = withoutHash.split("?")[0]
+  if (!withoutQuery) {
+    return ""
+  }
+  let decoded = withoutQuery
+  try {
+    decoded = decodeURIComponent(withoutQuery)
+  } catch (_) {
+  }
+  const normalized = path.posix.normalize(decoded.replace(/\\/g, "/"))
+  if (!normalized || normalized === "." || normalized === ".." || normalized.startsWith("../") || normalized.includes("/../")) {
+    return ""
+  }
+  return normalized
+}
+function collectMarkdownRefs(markdown) {
+  const refs = []
+  const seen = new Set()
+  const patterns = [
+    /!\[[^\]]*]\(([^)\s]+)(?:\s+["'][^"']*["'])?\)/g,
+    /\[(?:video|audio|media|image|screenshot|file|asset)[^\]]*]\(([^)\s]+)(?:\s+["'][^"']*["'])?\)/gi,
+    /\[[^\]]+]\(([^)\s]+)(?:\s+["'][^"']*["'])?\)/g
+  ]
+  for (const pattern of patterns) {
+    let match = null
+    while ((match = pattern.exec(markdown))) {
+      const ref = normalizeMarkdownRef(match[1])
+      if (!ref || seen.has(ref)) continue
+      seen.add(ref)
+      refs.push(ref)
+    }
+  }
+  return refs
+}
+function extractTitleAndBody(markdown, fallbackTitle) {
+  const lines = String(markdown || "").split(/\r?\n/)
+  for (let i = 0; i < lines.length; i += 1) {
+    const match = lines[i].match(/^#\s+(.+?)\s*#*\s*$/)
+    if (!match || !match[1]) continue
+    const title = match[1].replace(/\s+/g, " ").trim().slice(0, 160)
+    const bodyLines = [...lines.slice(0, i), ...lines.slice(i + 1)]
+    while (bodyLines.length && !bodyLines[0].trim()) bodyLines.shift()
+    return { title: title || fallbackTitle, body: bodyLines.join("\n").trim() }
+  }
+  return { title: fallbackTitle, body: String(markdown || "").trim() }
+}
+async function findDraftById(drafts, id) {
+  const normalized = String(id || "").trim()
+  if (!normalized) return null
+  const items = await drafts.listPending({})
+  return (items || []).find((item) => item && item.id === normalized) || null
+}
+async function describeMedia(markdown, baseDir) {
+  const refs = collectMarkdownRefs(markdown)
+  const media = []
+  for (const ref of refs) {
+    const filePath = path.resolve(baseDir, ref)
+    const relative = path.relative(baseDir, filePath)
+    if (!relative || relative.startsWith("..") || path.isAbsolute(relative)) continue
+    const stats = await fs.promises.stat(filePath).catch(() => null)
+    if (!stats || !stats.isFile()) {
+      media.push({ ref, path: filePath, exists: false, bytes: 0 })
+      continue
+    }
+    media.push({ ref, path: filePath, exists: true, bytes: stats.size })
+  }
+  return media
+}
+async function buildDraftBundle(item, query = {}) {
+  const markdown = await fs.promises.readFile(item.postPath, "utf8")
+  const resultDir = path.dirname(item.postPath)
+  const titleFallback = item.title || (item.workspaceName ? `Draft for ${item.workspaceName}` : "Draft")
+  const { title, body } = extractTitleAndBody(markdown, titleFallback)
+  const media = await describeMedia(markdown, resultDir)
+  return {
+    title,
+    body,
+    appSlug: String(query.app || "").trim(),
+    media
+  }
+}
+function preflightBundle(bundle, options = {}) {
+  const maxFiles = Number(options.maxFiles || DEFAULT_MAX_FILES)
+  const maxFileBytes = Number(options.maxFileBytes || DEFAULT_MAX_FILE_BYTES)
+  if (!bundle.title) {
+    return "Draft title is missing."
+  }
+  if (bundle.media.length > maxFiles) {
+    return `Draft has ${bundle.media.length} media files. The registry limit is ${maxFiles}.`
+  }
+  const missing = bundle.media.filter((item) => !item.exists)
+  if (missing.length > 0) {
+    return `Draft references missing media: ${missing.map((item) => item.ref).join(", ")}`
+  }
+  const oversized = bundle.media.find((item) => item.bytes > maxFileBytes)
+  if (oversized) {
+    return `Media file is too large: ${oversized.ref}. The per-file limit is ${Math.round(maxFileBytes / 1024 / 1024)} MB.`
+  }
+  return ""
+}
+async function uploadBundle(registryBase, token, bundle) {
+  const form = new FormData()
+  const metadata = JSON.stringify({
+    title: bundle.title,
+    body: bundle.body,
+    app: bundle.appSlug || "",
+    media: bundle.media.map((item) => ({ path: item.ref }))
+  })
+  form.append("metadata_b64", Buffer.from(metadata, "utf8").toString("base64"))
+  for (const item of bundle.media) {
+    form.append("files", fs.createReadStream(item.path), {
+      filename: path.basename(item.ref),
+      contentType: mime.lookup(item.path) || "application/octet-stream",
+      knownLength: item.bytes
+    })
+  }
+  const endpoint = `${registryBase}/registry-bridge/draft-imports`
+  const headers = {
+    Authorization: `Bearer ${token}`,
+    ...form.getHeaders()
+  }
+  const contentLength = await new Promise((resolve) => {
+    form.getLength((error, length) => resolve(error ? null : length))
+  })
+  if (Number.isFinite(contentLength)) {
+    headers["Content-Length"] = contentLength
+  }
+  console.log("[draft-import] request", {
+    endpoint,
+    media: bundle.media.length,
+    contentLength: Number.isFinite(contentLength) ? contentLength : null
+  })
+  const response = await axios.post(endpoint, form, {
+    timeout: 180000,
+    maxContentLength: Infinity,
+    maxBodyLength: Infinity,
+    validateStatus: () => true,
+    headers
+  })
+  if (response.status < 200 || response.status >= 300) {
+    const error = new Error(
+      response.data && response.data.error
+        ? String(response.data.error)
+        : `Registry upload failed with status ${response.status}.`
+    )
+    error.status = response.status
+    error.registryEndpoint = endpoint
+    error.responseData = response.data
+    throw error
+  }
+  return response.data || {}
+}
+async function uploadDraftFromRequest(drafts, query, token, registryBase, options = {}) {
+  const item = await findDraftById(drafts, query.draft)
+  if (!item) {
+    const error = new Error("The local draft is no longer available.")
+    error.status = 404
+    throw error
+  }
+  const bundle = await buildDraftBundle(item, query)
+  const problem = preflightBundle(bundle, options)
+  if (problem) {
+    const error = new Error(problem)
+    error.status = 400
+    throw error
+  }
+  return uploadBundle(registryBase, token, bundle)
+}
+function registerDraftImportRoutes(app, options = {}) {
+  const drafts = options.drafts
+  if (!drafts) {
+    throw new Error("drafts is required")
+  }
+  const defaultRegistryUrl = options.defaultRegistryUrl || "https://beta.pinokio.co"
+  const router = express.Router()
+  router.get("/registry/draft-import/authorize-url", asyncHandler(async (req, res) => {
+    const item = await findDraftById(drafts, req.query.draft)
+    if (!item) {
+      return res.status(404).json({ error: "The local draft is no longer available." })
+    }
+    const bundle = await buildDraftBundle(item, req.query)
+    const problem = preflightBundle(bundle, options)
+    if (problem) {
+      return res.status(400).json({ error: problem })
+    }
+    const registryBase = normalizeRegistryBase(req.query.registry, defaultRegistryUrl)
+    if (!registryBase) {
+      return res.status(400).json({ error: "The registry URL is invalid." })
+    }
+    const authorizeUrl = new URL("/draft-import/authorize", registryBase)
+    authorizeUrl.searchParams.set("handoff", "post_message")
+    authorizeUrl.searchParams.set("origin", requestOrigin(req))
+    authorizeUrl.searchParams.set("wait", "1")
+    if (bundle.appSlug) authorizeUrl.searchParams.set("app", bundle.appSlug)
+    res.setHeader("Cache-Control", "no-store")
+    return res.json({
+      draftId: item.id,
+      authorizeUrl: authorizeUrl.toString(),
+      registryOrigin: new URL(registryBase).origin
+    })
+  }))
+  router.get("/registry/draft-import/start", asyncHandler(async (req, res) => {
+    const item = await findDraftById(drafts, req.query.draft)
+    if (!item) {
+      return renderMessage(res, 404, "Draft not found", "The local draft is no longer available.")
+    }
+    const bundle = await buildDraftBundle(item, req.query)
+    const problem = preflightBundle(bundle, options)
+    if (problem) {
+      return renderMessage(res, 400, "Draft is not ready", problem)
+    }
+    const registryBase = normalizeRegistryBase(req.query.registry, defaultRegistryUrl)
+    if (!registryBase) {
+      return renderMessage(res, 400, "Registry unavailable", "The registry URL is invalid.")
+    }
+    const authorizeUrl = new URL("/draft-import/authorize", registryBase)
+    authorizeUrl.searchParams.set("handoff", "post_message")
+    authorizeUrl.searchParams.set("origin", requestOrigin(req))
+    if (bundle.appSlug) authorizeUrl.searchParams.set("app", bundle.appSlug)
+    res.setHeader("Cache-Control", "no-store")
+    res.setHeader("Cross-Origin-Opener-Policy", "unsafe-none")
+    return renderImportLauncher(res, {
+      authorizeUrl: authorizeUrl.toString(),
+      draftId: item.id,
+      registryOrigin: new URL(registryBase).origin,
+      autoOpen: req.query.auto === "1"
+    })
+  }))
+  router.post("/registry/draft-import/complete", asyncHandler(async (req, res) => {
+    const token = String(req.body && req.body.token || "").trim()
+    if (!token) {
+      return res.status(400).json({ error: "Missing registry token." })
+    }
+    const registryBase = normalizeRegistryBase(req.body && req.body.registry, defaultRegistryUrl)
+    if (!registryBase) {
+      return res.status(400).json({ error: "The registry URL is invalid." })
+    }
+    try {
+      console.log("[draft-import] uploading", {
+        draft: req.body && req.body.draft,
+        registry: registryBase,
+        app: req.body && req.body.app ? String(req.body.app) : ""
+      })
+      const result = await uploadDraftFromRequest(
+        drafts,
+        { draft: req.body && req.body.draft, app: req.body && req.body.app },
+        token,
+        registryBase,
+        options
+      )
+      if (result && result.editUrl) {
+        return res.json({ ok: true, editUrl: String(result.editUrl) })
+      }
+      return res.json({ ok: true, editUrl: registryBase })
+    } catch (error) {
+      const response = error && error.response
+      const status = response && response.status ? response.status : (error && error.status ? error.status : 500)
+      const endpoint = error && error.registryEndpoint ? error.registryEndpoint : `${registryBase}/registry-bridge/draft-imports`
+      const responseData = response && response.data ? response.data : (error && error.responseData ? error.responseData : null)
+      console.warn("[draft-import] upload failed", {
+        status,
+        endpoint,
+        error: error && error.message ? error.message : "Upload failed.",
+        response: typeof responseData === "string" ? responseData.slice(0, 500) : responseData
+      })
+      const message = response && response.data && response.data.error
+        ? response.data.error
+        : (error && error.message ? error.message : "Upload failed.")
+      return res.status(status).json({ error: message, status, endpoint })
+    }
+  }))
+  router.get("/registry/draft-import/callback", asyncHandler(async (req, res) => {
+    const token = String(req.query.token || "").trim()
+    if (!token) {
+      return renderMessage(res, 400, "Missing token", "The registry did not return an import token.")
+    }
+    const registryBase = normalizeRegistryBase(req.query.registry, defaultRegistryUrl)
+    if (!registryBase) {
+      return renderMessage(res, 400, "Registry unavailable", "The registry URL is invalid.")
+    }
+    try {
+      const result = await uploadDraftFromRequest(drafts, req.query, token, registryBase, options)
+      if (result && result.editUrl) {
+        return res.redirect(String(result.editUrl))
+      }
+      return renderMessage(res, 200, "Draft imported", "The registry accepted the draft.")
+    } catch (error) {
+      const response = error && error.response
+      const message = response && response.data && response.data.error
+        ? response.data.error
+        : (error && error.message ? error.message : "Upload failed.")
+      return renderMessage(res, response && response.status ? response.status : 500, "Import failed", message)
+    }
+  }))
+  app.use(router)
+}
+module.exports = registerDraftImportRoutes

package/server/routes/workspaces.js ADDED Viewed

@@ -0,0 +1,44 @@
+const express = require("express")
+function registerWorkspacesRoutes(app, options = {}) {
+  const {
+    workspaceCatalog,
+    composePeerAccessPayload,
+    getTheme,
+    getPeers,
+    getCurrentHost,
+    getPortal,
+  } = options
+  if (!workspaceCatalog) {
+    throw new Error("workspaceCatalog is required")
+  }
+  const router = express.Router()
+  router.get("/workspaces", async (req, res, next) => {
+    try {
+      const catalog = await workspaceCatalog.list({ sort: req.query.sort })
+      res.render("workspaces", {
+        title: "Workspaces",
+        sidebarSelected: "workspaces",
+        workspaceCatalog: catalog,
+        theme: getTheme ? getTheme(req) : null,
+        peers: getPeers ? getPeers() : [],
+        currentHost: getCurrentHost ? getCurrentHost(req) : null,
+        portal: getPortal ? getPortal(req) : null,
+        peerAccess: composePeerAccessPayload ? composePeerAccessPayload(req) : null,
+      })
+    } catch (err) {
+      next(err)
+    }
+  })
+  router.get("/activity", (req, res) => {
+    res.redirect("/workspaces")
+  })
+  app.use(router)
+}
+module.exports = registerWorkspacesRoutes

package/server/socket.js CHANGED Viewed

@@ -284,7 +284,7 @@ class Socket {
                 } else {
                   let buf = this.buffer[id]
                   let sh = this.active_shell[id]
-                  this.subscribe(ws, id, buf, sh)
+                  this.subscribe(ws, id, buf, sh, req)
                   if (req.mode !== "listen") {
                     // Run only if currently not running
                     if (!this.parent.kernel.api.running[id]) {
@@ -308,7 +308,7 @@ class Socket {
             if (req.id) {
               let buf = this.buffer[req.id]
               let sh = this.active_shell[req.id]
-              this.subscribe(ws, req.id, buf, sh)
+              this.subscribe(ws, req.id, buf, sh, req)
               if (req.mode === "listen") {
                 return
               }
@@ -345,13 +345,7 @@ class Socket {
                 // Mark local client sockets by IP matching any local address
                 try {
                   const ip = ws._ip || ''
-                  const isLocal = (addr) => {
-                    if (!addr || typeof addr !== 'string') return false
-                    if (this.localAddresses.has(addr)) return true
-                    const v = addr.trim().toLowerCase()
-                    return v.startsWith('::ffff:127.') || v.startsWith('127.')
-                  }
-                  ws._isLocalClient = isLocal(ip)
+                  ws._isLocalClient = this.isLocalAddress(ip)
                   if (ws._isLocalClient && ws._deviceId) {
                     this.localDeviceIds.add(ws._deviceId)
                   }
@@ -431,18 +425,22 @@ class Socket {
       this.old_buffer = structuredClone(this.buffer)
     }, 5000)
   }
-  subscribe(ws, id, buf, sh) {
+  subscribe(ws, id, buf, sh, req = {}) {
     let resolvedShellId = sh || null
     let resolvedState = buf
     let hasState = typeof resolvedState === "string" ? resolvedState.length > 0 : Boolean(resolvedState)
+    let resolvedShell = null
     if ((!resolvedShellId || !hasState) && this.parent && this.parent.kernel && this.parent.kernel.shell && Array.isArray(this.parent.kernel.shell.shells)) {
-      const groupedShell = this.parent.kernel.shell.shells.find((candidate) => {
+      const directShell = this.parent.kernel.shell.get(id)
+      const liveDirectShell = directShell && directShell.done !== true ? directShell : null
+      const groupedShell = liveDirectShell || this.parent.kernel.shell.shells.find((candidate) => {
         return candidate
           && candidate.done !== true
           && typeof candidate.group === "string"
           && candidate.group === id
       })
       if (groupedShell) {
+        resolvedShell = groupedShell
         if (!resolvedShellId) {
           resolvedShellId = groupedShell.id
         }
@@ -455,6 +453,12 @@ class Socket {
         }
       }
     }
+    if (!resolvedShell && resolvedShellId && this.parent && this.parent.kernel && this.parent.kernel.shell) {
+      resolvedShell = this.parent.kernel.shell.get(resolvedShellId)
+    }
+    if (resolvedShell && req && req.input) {
+      resolvedShell.input = true
+    }
     if (this.parent.kernel.api.running[id] || resolvedShellId || hasState) {
       ws.send(JSON.stringify({
         type: "connect",
@@ -652,6 +656,13 @@ class Socket {
     return this.localDeviceIds.has(deviceId)
   }
+  isLocalAddress(addr) {
+    if (!addr || typeof addr !== 'string') return false
+    if (this.localAddresses.has(addr)) return true
+    const v = addr.trim().toLowerCase()
+    return v === 'localhost' || v === '::1' || v.startsWith('::ffff:127.') || v.startsWith('127.')
+  }
   ensureNotificationBridge() {
     if (this.notificationBridgeDispose) {
       return

package/server/views/app.ejs CHANGED Viewed

@@ -5222,6 +5222,9 @@ header.navheader .mode-selector .community-mode-toggle {
           <a class='btn mobile-sheet-action' href="/home" aria-label="Home" title="Home">
             <i class="fa-solid fa-house"></i>
           </a>
+          <a class='btn mobile-sheet-action' href="/workspaces" aria-label="Workspaces" title="Workspaces">
+            <i class="fa-solid fa-folder-tree"></i>
+          </a>
           <button type='button' class='btn mobile-sheet-action' data-mobile-proxy="#refresh-page" data-mobile-close-menu="true" aria-label="Refresh" title="Refresh">
             <i class="fa-solid fa-rotate-right"></i>
           </button>
@@ -5290,6 +5293,13 @@ header.navheader .mode-selector .community-mode-toggle {
         </div>
       </div>
       <div class='menu-actions'>
+        <a id='workspaces-tab' href="/workspaces" class="btn header-item" data-tippy-content="Workspaces">
+          <div class='tab'>
+            <i class="fa-solid fa-folder-tree menu-action-leading-icon"></i>
+            <div class='display'>Workspaces</div>
+            <div class='flexible'></div>
+          </div>
+        </a>
         <% if (type === 'run') { %>
           <button type='button' id='ask-ai-tab' class="btn header-item" data-static="ask-ai" data-workspace="<%=name%>" data-workspace-cwd="<%=path%>" data-ask-ai-trigger="true" data-tippy-content="Ask AI">
             <div class='tab'>
@@ -5605,6 +5615,9 @@ header.navheader .mode-selector .community-mode-toggle {
       <a class='btn mobile-sheet-action' href="/home" aria-label="Home" title="Home">
         <i class="fa-solid fa-house"></i>
       </a>
+      <a class='btn mobile-sheet-action' href="/workspaces" aria-label="Workspaces" title="Workspaces">
+        <i class="fa-solid fa-folder-tree"></i>
+      </a>
       <button type='button' class='btn mobile-sheet-action' data-mobile-proxy="#refresh-page" data-mobile-close-menu="true" aria-label="Refresh" title="Refresh">
         <i class="fa-solid fa-rotate-right"></i>
       </button>

package/server/views/partials/main_sidebar.ejs CHANGED Viewed

@@ -27,6 +27,7 @@
     </button>
   </div>
   <a href="/home" class="tab <%= sidebarSelected === 'home' ? 'selected' : '' %>" data-tippy-content="This machine"><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
+  <a href="/workspaces" class="tab <%= sidebarSelected === 'workspaces' ? 'selected' : '' %>" data-tippy-content="Workspaces"><i class="fa-solid fa-folder-tree"></i><div class='caption'>Workspaces</div></a>
   <a href="/network" class="tab <%= sidebarSelected === 'network' ? 'selected' : '' %>" data-tippy-content="Local network"><i class="fa-solid fa-wifi"></i><div class='caption'>Local network</div></a>
   <% if (sidebarList.length > 0) { %>
     <% sidebarList.forEach(({ host, name, platform }) => { %>