feat(arcrun): mira wiki page with tag filter + accumulated WIP

- landing/app/mira/wiki: tag=mira-wiki list now shows all wiki paragraphs (depends on KBDB tag filter exposed in matrix/kbdb commit, separate repo) - landing: app/mira hub + feed split + various WIP from prior sessions - registry/components: claude_api / kbdb_create_block / kbdb_get / km_writer / platform_crypto / auth_oauth2 contracts + main.go (accumulated) - .component-builds: pkg-lock updates + index.ts adjustments (WIP) - .agents/specs/arcrun/frontend-redesign: design notes - docs/test_credentials, docs/user_requirements/arcrun-landing-page: WIP docs - cypher-executor: auth-dispatcher / wasi-shim adjustments (WIP) Includes accumulated work from prior sessions plus the wiki UI tag-filter update that surfaces the AI-generated wiki paragraphs at /mira/wiki. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-07 16:52:01 +08:00
parent e8fca33f80
commit 519423cb0d
127 changed files with 23909 additions and 264 deletions
@@ -0,0 +1,82 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import Link from 'next/link';
+import AppLauncher from './AppLauncher';
+
+const API_BASE = process.env.NEXT_PUBLIC_API_BASE ?? 'https://cypher.arcrun.dev';
+
+type NavUser = {
+  display_name: string;
+  email: string;
+  avatar_url?: string;
+};
+
+export default function SiteNav({ currentPath }: { currentPath?: string }) {
+  const [user, setUser] = useState<NavUser | null | undefined>(undefined);
+
+  useEffect(() => {
+    fetch(`${API_BASE}/me`, { credentials: 'include' })
+      .then(r => r.ok ? r.json() as Promise<NavUser> : null)
+      .then(u => setUser(u))
+      .catch(() => setUser(null));
+  }, []);
+
+  const logout = async () => {
+    await fetch(`${API_BASE}/auth/logout`, { method: 'POST', credentials: 'include' });
+    window.location.href = '/';
+  };
+
+  const linkCls = (path: string) =>
+    `transition-colors text-sm ${currentPath === path ? 'text-white' : 'text-[#666] hover:text-white'}`;
+
+  return (
+    <nav className="flex items-center justify-between px-6 py-4 border-b border-[#1a1a1a]">
+      <Link href="/" className="text-white font-bold text-lg tracking-tight hover:opacity-80 transition-opacity">
+        arcrun
+      </Link>
+
+      <div className="flex items-center gap-4 text-sm">
+        <Link href="/integrations" className={linkCls('/integrations')}>Integrations</Link>
+        <Link href="/api-docs" className={linkCls('/api-docs')}>API</Link>
+        <a
+          href="https://github.com/richblack/arcrun"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-[#666] hover:text-white transition-colors"
+        >
+          GitHub
+        </a>
+
+        {user === undefined ? (
+          // Loading — placeholder to prevent layout shift
+          <div className="w-20 h-7" />
+        ) : user ? (
+          <>
+            <AppLauncher userEmail={user.email} />
+            <Link href="/dashboard" className="flex items-center gap-2 hover:opacity-80 transition-opacity">
+              {user.avatar_url && (
+                // eslint-disable-next-line @next/next/no-img-element
+                <img src={user.avatar_url} alt="" width={26} height={26} className="rounded-full" />
+              )}
+              <span className="text-[#aaa]">{user.display_name}</span>
+            </Link>
+            <button
+              onClick={logout}
+              className="text-[#555] hover:text-[#888] transition-colors cursor-pointer"
+            >
+              登出
+            </button>
+          </>
+        ) : (
+          <Link
+            href="/login"
+            className="bg-indigo-600 hover:bg-indigo-500 text-white px-4 py-1.5 rounded-md font-medium transition-colors"
+          >
+            Get API Key
+          </Link>
+        )}
+      </div>
+    </nav>
+  );
+}