total-recall-brain 3.41.2 → 3.41.4

package/frontend/dist/index.html

@@ -17,8 +17,8 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,800&family=Cabinet+Grotesk:wght@700;800&family=Chivo+Mono:wght@500;700&family=Cinzel:wght@600;700;900&family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600;1,700&family=DM+Mono:wght@500&family=DM+Sans:wght@500;700&family=Fraunces:opsz,wght@9..144,600;9..144,800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Lexend:wght@600;800&family=Newsreader:ital,opsz,wght@0,6..72,600;1,6..72,600&family=Orbitron:wght@700;900&family=Outfit:wght@500;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&family=Space+Grotesk:wght@600;700&family=Syne:wght@700;800&display=swap" rel="stylesheet" />
     <title>Total Recall — Portable Memory</title>
-    <script type="module" crossorigin src="/assets/index-BtuiZqwP.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BG9NkVUy.css">
+    <script type="module" crossorigin src="/assets/index-CRzjQLu7.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-BIQmqDKP.css">
   </head>
   <body>
     <div id="root"></div>

package/frontend/dist/sw.js

@@ -124,12 +124,15 @@ async function staleWhileRevalidate(request) {
 // ─── Cache-First ──────────────────────────────────────────────────────────────
 
 async function cacheFirst(request) {
-  const cached = await caches.match(request);
-  if (cached) return cached;
+  try {
+    const cached = await caches.match(request);
+    if (cached) return cached;
+  } catch {
+    // unreadable cache entry: fall through to the network
+  }
   const response = await fetch(request);
-  if (response && response.ok && response.status === 200) {
-    const cache = await caches.open(CACHE_NAME);
-    cache.put(request, response.clone()).catch(() => {});
+  if (response && response.ok && response.status === 200 && response.type === 'basic') {
+    caches.open(CACHE_NAME).then((cache) => cache.put(request, response.clone())).catch(() => {});
   }
   return response;
 }

package/frontend/src/api/auth.ts

@@ -75,7 +75,6 @@ export async function logout(): Promise<void> {
 export interface AuthProvidersResponse {
   password: { configured: boolean }
   passkey: { enabled: boolean; has_passkeys: boolean; count: number }
-  google: { configured: boolean; client_id: string | null }
 }
 
 export async function getAuthProviders(): Promise<AuthProvidersResponse> {
@@ -85,13 +84,11 @@ export async function getAuthProviders(): Promise<AuthProvidersResponse> {
     return {
       password: { configured: true },
       passkey: { enabled: false, has_passkeys: false, count: 0 },
-      google: { configured: false, client_id: null },
     }
   } catch {
     return {
       password: { configured: true },
       passkey: { enabled: false, has_passkeys: false, count: 0 },
-      google: { configured: false, client_id: null },
     }
   }
 }

package/frontend/src/components/plugins/PluginPanel.tsx

@@ -20,7 +20,8 @@ export function pluginElements(plugin: PluginInfo): PluginElement[] {
 /** Loads owner code; no plugin identities or provider behavior belong here. */
 export function PluginPanel({ plugin, elementId, readOnly = false }: { plugin: PluginInfo; elementId?: string; readOnly?: boolean }) {
   const elements = pluginElements(plugin).filter(element => element.kind !== 'settings' && (!elementId || element.id === elementId))
-  const [selected, setSelected] = useState(elements[0]?.id || '')
+  const cardElement = elements.find(item => item.kind === 'card')
+  const [selected, setSelected] = useState(elementId || cardElement?.id || elements[0]?.id || '')
   const [error, setError] = useState('')
   const frame = useRef<HTMLIFrameElement>(null)
   const [document, setDocument] = useState('')
@@ -67,7 +68,7 @@ export function PluginPanel({ plugin, elementId, readOnly = false }: { plugin: P
       if (data.type !== 'run') return
       const target = event.source as Window
       const reply = (result?: unknown, error?: string) => { if (!disposed) target.postMessage({ channel, type: 'result', requestId: data.requestId, result, error }, '*') }
-      if (!allowedFrameCommand(data, allowed, secretCommands) || active >= 4) { reply(undefined, 'Operation is not available'); return }
+      if (!allowedFrameCommand(data, allowed, secretCommands) || active >= 12) { reply(undefined, 'Operation is not available'); return }
       active++
       window.dispatchEvent(new CustomEvent('plugin-command-activity', { detail: { pluginId: plugin.id, requestId: data.requestId, command: data.subcommand, running: true } }))
       try {
@@ -106,8 +107,11 @@ export function PluginPanel({ plugin, elementId, readOnly = false }: { plugin: P
     return dispose
   }, [plugin.id, selected, plugin.sha256, elementId, readOnly])
 
+  const currentElement = elements.find(item => item.id === selected) || elements[0]
+  const showNav = elements.length > 1 && currentElement?.kind !== 'card'
+
   return <section>
-    {elements.length > 1 && <nav style={{ display: 'flex', gap: 8 }}>
+    {showNav && <nav style={{ display: 'flex', gap: 8 }}>
       {elements.map(element => <button key={element.id} className="btn btn-sm" onClick={() => setSelected(element.id)} aria-pressed={selected === element.id}>{element.description || element.id}</button>)}
     </nav>}
     {error && <div role="alert" className="alert alert-error">{error}</div>}

package/frontend/src/components/plugins/card/CardEngine.tsx

@@ -98,7 +98,7 @@ export function CardEngine({ plugin }: { plugin: PluginInfo }) {
       {card.description && <p className="card-muted card-description">{card.description}</p>}
       <CardScenes plugin={plugin}>
         {card.face
-          ? <PluginPanel plugin={plugin} elementId={card.face.id} readOnly />
+          ? <PluginPanel plugin={plugin} elementId={card.face.id} />
           : <p className="card-error" role="alert">{plugin.name} has not supplied its card face.</p>}
       </CardScenes>
       {card.branding.provider && <footer className="card-footer">{card.branding.provider.url ? <a href={card.branding.provider.url} target="_blank" rel="noreferrer noopener">{card.branding.provider.name}</a> : card.branding.provider.name} is a trademark of its owner. This plugin connects to the service with your own account.</footer>}

package/frontend/src/pages/LoginPage.tsx

@@ -88,14 +88,6 @@ export default function LoginPage({ onAuthenticated }: Props) {
     }
   }
 
-  function handleGoogleLogin() {
-    if (providers?.google && !providers.google.configured) {
-      setError("Google OAuth2 is not configured. Provide GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET in the Auth Plugin.")
-      return
-    }
-    window.location.href = "/auth/google"
-  }
-
   useEffect(() => {
     inputRef.current?.focus()
   }, [needsReset, isFirstTime])
@@ -324,7 +316,7 @@ export default function LoginPage({ onAuthenticated }: Props) {
           </button>
         </form>
 
-        {(!needsReset && !isFirstTime && (providers?.passkey?.has_passkeys || providers?.google?.configured)) && (
+        {(!needsReset && !isFirstTime && providers?.passkey?.has_passkeys) && (
           <div style={{ display: "flex", flexDirection: "column", gap: 10, marginTop: -4 }}>
             <div style={{ display: "flex", alignItems: "center", gap: 12, margin: "6px 0" }}>
               <div style={{ flex: 1, height: 1, background: "var(--border)" }} />
@@ -376,38 +368,6 @@ export default function LoginPage({ onAuthenticated }: Props) {
                 )}
               </button>
             )}
-
-            {providers?.google?.configured && (
-              <button
-                type="button"
-                id="btn-google-login"
-                onClick={handleGoogleLogin}
-                disabled={loading || passkeyLoading}
-                className="btn btn-secondary"
-                style={{
-                  width: "100%",
-                  minHeight: 44,
-                  justifyContent: "center",
-                  fontSize: 13.5,
-                  borderRadius: 12,
-                  display: "flex",
-                  alignItems: "center",
-                  gap: 8,
-                  background: "rgba(255, 255, 255, 0.05)",
-                  borderColor: "rgba(255, 255, 255, 0.15)",
-                  color: "var(--text-primary)",
-                  cursor: loading || passkeyLoading ? "not-allowed" : "pointer",
-                }}
-              >
-                <svg width="16" height="16" viewBox="0 0 24 24">
-                  <path fill="#4285F4" d="M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.82-2.4 3.68v3.05h3.88c2.27-2.09 3.665-5.17 3.665-9.17z"/>
-                  <path fill="#34A853" d="M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.05c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.1-6.72-4.93H1.25v3.15C3.26 21.36 7.33 24 12 24z"/>
-                  <path fill="#FBBC05" d="M5.28 14.27c-.25-.72-.38-1.49-.38-2.27s.13-1.55.38-2.27V6.58H1.25C.45 8.18 0 9.99 0 12s.45 3.82 1.25 5.42l4.03-3.15z"/>
-                  <path fill="#EA4335" d="M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.33 0 3.26 2.64 1.25 6.58l4.03 3.15c.95-2.83 3.6-4.98 6.72-4.98z"/>
-                </svg>
-                Sign in with Google
-              </button>
-            )}
           </div>
         )}
 

package/frontend/src/pages/PluginsPage.tsx

@@ -22,7 +22,6 @@ import {
 import { renderMarkdown } from "../components/MarkdownUtils"
 import { PluginPanel, pluginElements } from "../components/plugins/PluginPanel"
 import { PluginSettings } from "../components/plugins/PluginSettings"
-import { CardEngine } from "../components/plugins/card/CardEngine"
 
 interface PluginsPageProps {
   activeBrainId?: string | null
@@ -76,8 +75,8 @@ const AGENT_RECIPE_PROMPT = `You are my coding agent. Author a bespoke Total Rec
    - Real interactive controls executing plugin subcommands via host.run(subcommand, args)
 
 4. Distribution:
-   - Private: keep in .agent/skills/total-recall/plugins/<id>
-   - Store: publish via total-recall deploy-store <id>`
+   - Private: keep in .agent/plugins/<id>
+   - Mesh: share peer-to-peer via total-recall plugin share <id>`
 
 function resolvePluginBranding(p: { id: string; branding?: { icon?: string | null; color?: string | null; badge?: string | null } }) {
   const custom = p.branding || {}
@@ -499,7 +498,7 @@ export default function PluginsPage({ activeBrainId }: PluginsPageProps) {
       setWorkspaceActiveIds(next)
       try { localStorage.setItem("tr_workspace_plugins", JSON.stringify([...next])) } catch {}
       await setPluginActivation(p.id, false)
-      setAlert({ type: "success", message: `Moved ${p.name} from workspace to Plugin Store` })
+      setAlert({ type: "success", message: `Deactivated card for ${p.name}` })
       await loadLocal()
     } catch (err: any) {
       setAlert({ type: "error", message: err?.message || `Could not deactivate ${p.name}` })
@@ -772,7 +771,7 @@ export default function PluginsPage({ activeBrainId }: PluginsPageProps) {
       <div style={{ display: "flex", justifyContent: "space-between", gap: "12px", flexWrap: "wrap", marginBottom: "20px" }}>
         <div role="tablist" style={{ display: "flex", gap: "8px" }}>
           {tabButton("installed", "My Cards", myCards.length)}
-          {tabButton("bundled", "Plugin Store (Bundled)", filteredStoreCatalog.length)}
+          {tabButton("bundled", "Plugin Catalog", filteredStoreCatalog.length)}
           {tabButton("mesh", "On the mesh")}
         </div>
         <div style={{ display: "flex", gap: "8px", flexWrap: "wrap" }}>
@@ -795,7 +794,7 @@ export default function PluginsPage({ activeBrainId }: PluginsPageProps) {
                 </div>
                 <div style={muted}>
                   {viewMode === "workspace"
-                    ? "Core runtime foundation and activated repository cards. Optional tools live in the Plugin Store."
+                    ? "Core runtime foundation and activated repository cards. Standalone tools live in the Plugin Catalog."
                     : "All plugin packages installed on this host."}
                 </div>
               </div>
@@ -839,7 +838,7 @@ export default function PluginsPage({ activeBrainId }: PluginsPageProps) {
                       onTouchEnd={cancelLongPress}
                       style={{ display: "flex", flexDirection: "column", gap: "8px", minWidth: 0 }}
                     >
-                      <CardEngine plugin={p} />
+                      <PluginPanel plugin={p} />
                       <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", padding: "0 4px", fontSize: "11px", color: "var(--text-tertiary)", flexWrap: "wrap", gap: "6px" }}>
                         <div style={{ display: "flex", gap: "6px", alignItems: "center", flexWrap: "wrap" }}>
                           <span className="badge">{p.scope}</span>
@@ -848,6 +847,14 @@ export default function PluginsPage({ activeBrainId }: PluginsPageProps) {
                           {!p.valid && <span className="badge badge-error">invalid manifest</span>}
                           {p.modified_since_install && <span className="badge badge-warning">changed since install</span>}
                         </div>
+                        <button
+                          type="button"
+                          className="btn btn-ghost btn-xs"
+                          onClick={() => openDetail(p, "details")}
+                          style={{ fontSize: "11px", color: "var(--text-secondary)" }}
+                        >
+                          Settings &amp; usage
+                        </button>
                         {!DEFAULT_CORE_PLUGINS.has(p.id) && (
                           <button
                             type="button"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "total-recall-brain",
-  "version": "3.41.2",
+  "version": "3.41.4",
   "description": "The Vibe Coding Brain & Autonomous Software Factory: memory, rules, secrets, and 33 visual plugins automatically managed across all your devices.",
   "type": "module",
   "bin": {
@@ -56,7 +56,8 @@
     "prepublishOnly": "npm run check:package && npm run check:dist && npm run check:ssss-registry && node scripts/check-scaffold-state.mjs",
     "check:ssss-registry": "node scripts/check-ssss-registry.mjs",
     "check:package": "node scripts/check-memory-package.mjs",
-    "start:memory": "node src/server/memory-server.mjs"
+    "start:memory": "node src/server/memory-server.mjs",
+    "ssss": "ssss"
   },
   "repository": {
     "type": "git",
@@ -76,7 +77,7 @@
   "homepage": "https://github.com/gregiteen/total-recall#readme",
   "dependencies": {
     "@simplewebauthn/server": "^13.3.2",
-    "@ssss/cli": "npm:@gregiteen/ssss-cli@0.11.2",
+    "@ssss/cli": "npm:@gregiteen/ssss-cli@0.14.3",
     "bcrypt": "^6.0.0",
     "better-sqlite3": "^12.11.1",
     "cookie-parser": "^1.4.7",
@@ -88,6 +89,7 @@
     "jsonwebtoken": "^9.0.3",
     "lodash-es": "^4.18.1",
     "natural": "^8.1.1",
+    "openwiki": "^0.7.3",
     "preact": "^10.29.7",
     "sqlite-vss": "^0.1.2",
     "ws": "^8.18.0",
@@ -103,8 +105,8 @@
     "@vitest/coverage-v8": "^4.1.12",
     "gray-matter": "^4.0.3",
     "jsdom": "^29.1.1",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
     "react-router-dom": "^7.18.1",
     "recharts": "^3.9.2",
     "skills": "^1.5.7",

package/scaffold/.agent/skills/plugin/scripts/record.mjs

@@ -47,7 +47,9 @@ function walk(dir, out = [], base = root) {
 /* ── manifest ────────────────────────────────────────────────────────────── */
 
 let manifest = null;
-if (want('--manifest')) {
+// Every selected section depends on manifest facts. Section filtering must not
+// skip prerequisite loading and then report a vacuous successful check run.
+{
   const file = path.join(root, 'plugin.json');
   if (!fs.existsSync(file)) {
     record('manifest', 'FAIL', 'plugin.json exists', 'no plugin.json in ' + root);
@@ -62,7 +64,7 @@ if (want('--manifest')) {
 }
 
 // Validate with the real contract when this skill is inside a Total Recall checkout.
-if (manifest) {
+if (manifest && want('--manifest')) {
   const loaderPath = path.resolve(import.meta.dirname, '../../../../src/core/plugin-loader.mjs');
   if (fs.existsSync(loaderPath)) {
     try {
@@ -82,7 +84,8 @@ if (manifest) {
 
   // Card declaration
   const elements = manifest.ui?.elements || [];
-  const faces = elements.filter((e) => e && (e.kind === 'card' || e.kind === 'panel'));
+  // One face (kind 'card') plus any number of screens (kind 'panel'); a panel is never the face.
+  const faces = elements.filter((e) => e && e.kind === 'card');
   if (manifest.card_layout !== undefined) {
     record('manifest', 'FAIL', 'no template', "'card_layout' is declared; a face is bespoke owner code");
   } else {