@wenathlan/devthink 2.0.13 → 2.0.15

package/vitest.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    include: ["tests/**/*.test.ts"],
+    environment: "node",
+    /* the timeout stays five seconds on every native runner and scales through the env the emulated arm64 container leg sets (the 2.0.9 multi platform build proved a qemu-interpreted second answers the same green suite three to ten times slower), so an emulated runner never fails a test a native runner passed */
+    testTimeout: Number(process.env.DEVTHINK_TEST_TIMEOUT_MS ?? 5000),
+    hookTimeout: Number(process.env.DEVTHINK_TEST_TIMEOUT_MS ?? 10000),
+    coverage: { enabled: false },
+  },
+});

package/web/App.tsx

@@ -0,0 +1,78 @@
+/** DevThink v2.0.3 root entry: one static React mount, one error boundary and route-level page domains. */
+import { createRoot } from "react-dom/client";
+import { Component, type ReactNode } from "react";
+import { AlertTriangle, RotateCcw } from "lucide-react";
+import { Toaster } from "sonner";
+import { Route, Router as WouterRouter, Switch } from "wouter";
+import NotFound from "@/notfound/NotFound";
+import Gateway from "@/gatewayview/Gateway";
+import Console from "@/console/Console";
+import Home from "@/home/Home";
+import Projects from "@/projects/Projects";
+import Providers from "@/providers/Providers";
+import Routes from "@/routes/Routes";
+import Settings from "@/settings/Settings";
+import Usage from "@/usage/Usage";
+import "./index.css";
+
+class WorkbenchErrorBoundary extends Component<{ children: ReactNode }, { error: Error | null }> {
+  state: { error: Error | null } = { error: null };
+
+  static getDerivedStateFromError(error: Error) {
+    return { error };
+  }
+
+  render() {
+    const { error } = this.state;
+    if (!error) return this.props.children;
+    return (
+      <main className="workbench-failure" role="alert">
+        <AlertTriangle size={34} />
+        <p>DevThink could not render this workspace frame.</p>
+        <pre>{error.stack}</pre>
+        <button type="button" onClick={() => window.location.reload()}>
+          <RotateCcw size={14} />
+          reload local workbench
+        </button>
+      </main>
+    );
+  }
+}
+
+function Router() {
+  const declaredBase = import.meta.env.BASE_URL;
+  const base = declaredBase === "/" || declaredBase === "./" ? "" : declaredBase.replace(/\/$/, "");
+  return (
+    <WouterRouter base={base}>
+      <Switch>
+        <Route path="/" component={Home} />
+        <Route path="/console" component={Console} />
+        <Route path="/gateway" component={Gateway} />
+        <Route path="/gateway/v/:versionId" component={Gateway} />
+        <Route path="/providers" component={Providers} />
+        <Route path="/projects" component={Projects} />
+        <Route path="/routes" component={Routes} />
+        <Route path="/usage" component={Usage} />
+        <Route path="/settings" component={Settings} />
+        <Route path="/w/:workspaceId/s/:sessionId/t/:tabId/:sectionId" component={Home} />
+        <Route path="/404" component={NotFound} />
+        <Route component={NotFound} />
+      </Switch>
+    </WouterRouter>
+  );
+}
+
+function App() {
+  return (
+    <WorkbenchErrorBoundary>
+      <Toaster richColors theme="dark" />
+      <Router />
+    </WorkbenchErrorBoundary>
+  );
+}
+
+const root = document.getElementById("root");
+if (!root) throw new Error("DevThink root element is missing.");
+createRoot(root).render(<App />);
+
+export default App;

package/web/README.md

@@ -0,0 +1,47 @@
+# DevThink Web
+
+**DevThink Web** é o workbench browser-like da plataforma DevThink. É uma interface estática deliberadamente separada da persistência de providers: credenciais e endpoints pertencem ao `~/.config/devthink/devthink.json` e ao gateway local embutido, nunca ao bundle do navegador.
+
+## Topologia
+
+O workspace é a própria pasta `web/`; não existe `src/` nem `client/src/`.
+
+```text
+web/
+├── App.tsx
+├── capacitor.config.ts
+├── control.shell.tsx
+├── gateway.ts
+├── index.html
+├── index.css
+├── schema.prisma
+├── console/
+├── gatewayview/
+├── home/
+├── providers/
+├── projects/
+├── routes/
+├── settings/
+├── usage/
+└── notfound/
+```
+
+## Executar localmente
+
+```bash
+pnpm install
+pnpm check
+pnpm dev
+```
+
+Cada domínio de página contém sua âncora de rota, componentes visuais e lógica TypeScript local. `App.tsx` é a única entrada, responsável pela montagem React e pelo roteador universal. O workbench inclui tabs de navegador, seleção de provider, sessões, command palette, pareamento local, Settings e layouts responsivos. Mensagens ficam locais até que o navegador esteja pareado ao gateway DevThink.
+
+## Fronteira do gateway
+
+O cliente web usa o gateway loopback de `devthink serve` para `/health`, `/identity`, `/settings`, `/providers`, `/models`, `/sessions`, `/workspaces`, `/usage`, `/preferences`, `/pairings/consume`, `/pairings/revoke`, `/chat` e eventos SSE. Settings é equivalente a `devthink config settings`, `devthink config set` e `devthink identity --id`: ele lê e altera a mesma identidade pública e as mesmas preferências pertencentes ao banco local da CLI.
+
+O banco `devthink.db` continua pertencendo à CLI e a um único ID público local. A interface pareada é apenas um cliente temporário dessa mesma base através do gateway autenticado; não há cópia estática do banco, senha de banco no navegador, chave de API, refresh token, cookie de navegador, dado de CAPTCHA ou segredo de provider no bundle.
+
+## Design system
+
+A direção visual está em [`../docs/ideas.md`](../docs/ideas.md), a implantação em [`../docs/deployment.ts.md`](../docs/deployment.ts.md) e a paridade entre CLI, Ink, gateway e web em [`../docs/v1.1.15.capability.matrix.md`](../docs/v1.1.15.capability.matrix.md). O workbench une a linguagem de tabs de um browser a superfícies de carvão, laranja de assinatura e azul de conexão. A marca é a composição ANSI canônica de [`../docs/logo.md`](../docs/logo.md), renderizada em forma compacta pela interface.

package/web/capacitor.config.ts

@@ -0,0 +1,46 @@
+/**
+ * the one conversion config of the merged repository, living at the web root
+ * so the capacitor cli resolves it from its working directory: the mobile
+ * lane runs `npx cap add`/`npx cap sync` from web/ and every path below —
+ * webDir above all — resolves relative to that cwd (verified against the
+ * @capacitor/cli 8.5 line the mobile shell declares; the lane pins 8.5.0).
+ *
+ * the shared workbench build (dist/public, produced by vite) is the single
+ * application source of every platform: the browser, github pages, vercel,
+ * netlify, the tv and the android wrapper all render the same web bundle —
+ * the doctrine the web folder carries as the design room of the whole
+ * project. the native shells stay runner-side toolchain output (generated
+ * on the mobile workflow into web/android and web/ios, never committed).
+ *
+ * the shape follows the capacitor-cli config contract; the type import
+ * stays out so the web typecheck never requires the optional capacitor
+ * toolchain (the mobile package carries @capacitor/cli — the identity
+ * fields stay plain and typed structurally here).
+ */
+
+/** the structural contract of the capacitor config the cli reads (the subset this repository declares). */
+type CapacitorConfigShape = {
+  appId: string;
+  appName: string;
+  webDir: string;
+  bundledWebRuntime?: boolean;
+  server?: { androidScheme?: string };
+  android?: { allowMixedContent?: boolean };
+};
+
+const config: CapacitorConfigShape = {
+  /** the devthink mobile identity — the id the mobile lane stamps onto the generated shells. */
+  appId: "im.devthink.app",
+  appName: "DevThink",
+  /** the vite build of the workbench: pnpm --dir web build emits dist/public. */
+  webDir: "dist/public",
+  bundledWebRuntime: false,
+  server: {
+    androidScheme: "https",
+  },
+  android: {
+    allowMixedContent: false,
+  },
+};
+
+export default config;

package/web/const.ts

@@ -0,0 +1,19 @@
+/** Style: DevThink Terminal Atelier — static workbench constants stay local to /web. */
+export const COOKIE_NAME = "devthink_session";
+export const ONE_YEAR_MS = 365 * 24 * 60 * 60 * 1000;
+
+// Generate login URL at runtime so redirect URI reflects the current origin.
+export const getLoginUrl = () => {
+  const oauthPortalUrl = import.meta.env.VITE_OAUTH_PORTAL_URL;
+  const appId = import.meta.env.VITE_APP_ID;
+  const redirectUri = `${window.location.origin}/api/oauth/callback`;
+  const state = btoa(redirectUri);
+
+  const url = new URL(`${oauthPortalUrl}/app-auth`);
+  url.searchParams.set("appId", appId);
+  url.searchParams.set("redirectUri", redirectUri);
+  url.searchParams.set("state", state);
+  url.searchParams.set("type", "signIn");
+
+  return url.toString();
+};

package/web/control.shell.tsx

@@ -0,0 +1,66 @@
+/** Style: DevThink Terminal Atelier — focused management shell sharing the browser-workbench materials without copying its chat canvas. */
+import {
+  ArrowLeft,
+  BarChart3,
+  FolderKanban,
+  Network,
+  PlugZap,
+  Settings2,
+  TerminalSquare,
+  Waypoints,
+} from "lucide-react";
+import { Link, useLocation } from "wouter";
+
+const navigation = [
+  { href: "/console", label: "console", icon: TerminalSquare },
+  { href: "/gateway", label: "gateway", icon: Waypoints },
+  { href: "/providers", label: "providers", icon: PlugZap },
+  { href: "/projects", label: "projects", icon: FolderKanban },
+  { href: "/routes", label: "routes", icon: Network },
+  { href: "/usage", label: "usage", icon: BarChart3 },
+  { href: "/settings", label: "settings", icon: Settings2 },
+];
+
+type ControlShellProps = { eyebrow: string; title: string; summary: string; children: React.ReactNode };
+
+export function ControlShell({ eyebrow, title, summary, children }: ControlShellProps) {
+  const [location] = useLocation();
+  const active = (href: string): boolean => location === href || (href !== "/" && location.startsWith(`${href}/`));
+  return (
+    <main className="control-page">
+      <header className="control-page__header">
+        <Link href="/" className="control-brand">
+          <span aria-hidden="true">✦</span>
+          <strong>DEVTHINK</strong>
+          <small>local control</small>
+        </Link>
+        <nav aria-label="DevThink areas">
+          {navigation.map(({ href, label, icon: Icon }) => (
+            <Link
+              key={href}
+              href={href}
+              className={active(href) ? "control-nav__link control-nav__link--active" : "control-nav__link"}
+            >
+              <Icon size={15} />
+              <span>{label}</span>
+            </Link>
+          ))}
+        </nav>
+        <Link className="control-page__return" href="/">
+          <ArrowLeft size={14} />
+          workspace
+        </Link>
+      </header>
+      <section className="control-page__hero">
+        <p>{eyebrow}</p>
+        <h1>{title}</h1>
+        <span>{summary}</span>
+      </section>
+      <section className="control-page__body">{children}</section>
+      <footer className="control-page__footer">
+        <TerminalSquare size={14} />
+        provider credentials stay in <code>~/.config/devthink/auth.json</code>
+      </footer>
+    </main>
+  );
+}