@cogito.ai/cli 0.3.5 → 0.4.0

package/dist/index.js

@@ -868,7 +868,7 @@ var package_default;
 var init_package = __esm(() => {
   package_default = {
     name: "@cogito.ai/cli",
-    version: "0.3.5",
+    version: "0.4.0",
     type: "module",
     description: "AgentDock CLI – scaffold projects for humans and AI agents",
     publishConfig: {
@@ -923,6 +923,7 @@ import {
 } from "fs";
 import { join as join2, dirname as dirname2 } from "path";
 import { fileURLToPath as fileURLToPath2 } from "url";
+import { execSync } from "child_process";
 function getTemplateSourceDir(templateSource) {
   const runtimeDir = dirname2(fileURLToPath2(import.meta.url));
   const candidates = [
@@ -957,6 +958,23 @@ function rewritePackageJson(pkgJsonPath, name, resolvedDependencies) {
   writeFileSync(pkgJsonPath, JSON.stringify(pkg, null, 2) + `
 `, "utf-8");
 }
+function injectPackageManager(pkgJsonPath) {
+  if (!existsSync2(pkgJsonPath))
+    return;
+  try {
+    const pnpmVersion = execSync("pnpm --version", {
+      encoding: "utf-8",
+      stdio: ["ignore", "pipe", "ignore"]
+    }).trim();
+    if (!pnpmVersion)
+      return;
+    const raw = readFileSync2(pkgJsonPath, "utf-8");
+    const pkg = JSON.parse(raw);
+    pkg["packageManager"] = `pnpm@${pnpmVersion}`;
+    writeFileSync(pkgJsonPath, JSON.stringify(pkg, null, 2) + `
+`, "utf-8");
+  } catch {}
+}
 function scaffoldProject(options) {
   const { targetDir, name, template, packageManager: _pm } = options;
   try {
@@ -983,6 +1001,7 @@ function scaffoldProject(options) {
     if (existsSync2(pkgJsonPath)) {
       rewritePackageJson(pkgJsonPath, name, template.resolvedDependencies);
     }
+    injectPackageManager(pkgJsonPath);
     return {
       ok: true,
       targetDir,

package/dist/templates/web-nextjs/apps/docs/.source/browser.ts

@@ -7,6 +7,6 @@ const create = browser<typeof Config, import("fumadocs-mdx/runtime/types").Inter
   }
 }>();
 const browserCollections = {
-  docs: create.doc("docs", {"index.mdx": () => import("../content/docs/index.mdx?collection=docs"), "changelog/index.mdx": () => import("../content/docs/changelog/index.mdx?collection=docs"), "roadmap/index.mdx": () => import("../content/docs/roadmap/index.mdx?collection=docs"), "features/auth.mdx": () => import("../content/docs/features/auth.mdx?collection=docs"), "features/hello.mdx": () => import("../content/docs/features/hello.mdx?collection=docs"), }),
+  docs: create.doc("docs", {"index.mdx": () => import("../content/docs/index.mdx?collection=docs"), "changelog/index.mdx": () => import("../content/docs/changelog/index.mdx?collection=docs"), "decisions/turbo-package-manager.mdx": () => import("../content/docs/decisions/turbo-package-manager.mdx?collection=docs"), "features/auth.mdx": () => import("../content/docs/features/auth.mdx?collection=docs"), "features/hello.mdx": () => import("../content/docs/features/hello.mdx?collection=docs"), "roadmap/index.mdx": () => import("../content/docs/roadmap/index.mdx?collection=docs"), }),
 };
 export default browserCollections;

package/dist/templates/web-nextjs/apps/docs/.source/server.ts

@@ -1,7 +1,8 @@
 // @ts-nocheck
+import * as __fd_glob_10 from "../content/docs/roadmap/index.mdx?collection=docs"
 import * as __fd_glob_9 from "../content/docs/features/hello.mdx?collection=docs"
 import * as __fd_glob_8 from "../content/docs/features/auth.mdx?collection=docs"
-import * as __fd_glob_7 from "../content/docs/roadmap/index.mdx?collection=docs"
+import * as __fd_glob_7 from "../content/docs/decisions/turbo-package-manager.mdx?collection=docs"
 import * as __fd_glob_6 from "../content/docs/changelog/index.mdx?collection=docs"
 import * as __fd_glob_5 from "../content/docs/index.mdx?collection=docs"
 import { default as __fd_glob_4 } from "../content/docs/roadmap/meta.json?collection=docs"
@@ -17,4 +18,4 @@ const create = server<typeof Config, import("fumadocs-mdx/runtime/types").Intern
   }
 }>({"doc":{"passthroughs":["extractedReferences"]}});
 
-export const docs = await create.docs("docs", "content/docs", {"meta.json": __fd_glob_0, "changelog/meta.json": __fd_glob_1, "decisions/meta.json": __fd_glob_2, "features/meta.json": __fd_glob_3, "roadmap/meta.json": __fd_glob_4, }, {"index.mdx": __fd_glob_5, "changelog/index.mdx": __fd_glob_6, "roadmap/index.mdx": __fd_glob_7, "features/auth.mdx": __fd_glob_8, "features/hello.mdx": __fd_glob_9, });
+export const docs = await create.docs("docs", "content/docs", {"meta.json": __fd_glob_0, "changelog/meta.json": __fd_glob_1, "decisions/meta.json": __fd_glob_2, "features/meta.json": __fd_glob_3, "roadmap/meta.json": __fd_glob_4, }, {"index.mdx": __fd_glob_5, "changelog/index.mdx": __fd_glob_6, "decisions/turbo-package-manager.mdx": __fd_glob_7, "features/auth.mdx": __fd_glob_8, "features/hello.mdx": __fd_glob_9, "roadmap/index.mdx": __fd_glob_10, });

package/dist/templates/web-nextjs/apps/docs/content/docs/decisions/meta.json

@@ -1,4 +1,4 @@
 {
   "title": "Decisions",
-  "pages": []
+  "pages": ["turbo-package-manager"]
 }

package/dist/templates/web-nextjs/apps/docs/content/docs/decisions/turbo-package-manager.mdx

@@ -0,0 +1,70 @@
+---
+title: "Turbo & Package Manager"
+description: "Why dangerouslyDisablePackageManagerCheck exists, its tradeoffs, and how to properly configure packageManager for your team."
+---
+
+# Turborepo & Package Manager Configuration
+
+## Why `dangerouslyDisablePackageManagerCheck` is enabled
+
+This template ships with `dangerouslyDisablePackageManagerCheck: true` in `turbo.json` to avoid an out-of-the-box failure:
+
+```json
+// turbo.json
+{
+  "dangerouslyDisablePackageManagerCheck": true
+}
+```
+
+**Root cause:** Turborepo 2.0+ requires the `packageManager` field in `package.json` to identify your package manager and version. Without it, Turbo refuses to run:
+
+```
+× Could not resolve workspaces.
+╰─▶ Missing `packageManager` field in package.json
+```
+
+Since users may have different pnpm versions installed, the template cannot hard-code a specific version without risking the same `Corepack PATH` error that plagues a pinned `packageManager` field. `dangerouslyDisablePackageManagerCheck` lets Turbo skip this validation so the template works on first `pnpm dev`.
+
+## What `dangerouslyDisablePackageManagerCheck` actually disables
+
+| What Turbo normally does | What is skipped |
+| --- | --- |
+| Reads `packageManager` to identify which lockfile to hash | Cache hashing falls back to a less-precise strategy |
+| Validates that the running package manager matches the declared one | No mismatch detection (could build with wrong PM) |
+| Optimizes workspace discovery per package manager | Slightly slower workspace graph resolution |
+
+**In practice:** for most single-developer or small team projects, the only noticeable difference is that Turbo cache keys are slightly less precise — you might get a cache miss that would otherwise be a hit. This is a minor inconvenience, not a correctness issue.
+
+## How to remove the flag (recommended for team projects)
+
+**Step 1 — Find your installed pnpm version:**
+
+```bash
+pnpm --version
+# e.g. 11.5.1
+```
+
+**Step 2 — Add `packageManager` to your root `package.json`:**
+
+```json
+{
+  "packageManager": "pnpm@11.5.1"
+}
+```
+
+**Step 3 — Remove `dangerouslyDisablePackageManagerCheck` from `turbo.json`:**
+
+```json
+{
+  "$schema": "https://turbo.build/schema.json",
+  "tasks": {
+    ...
+  }
+}
+```
+
+**Step 4 — Commit both files.** All developers cloning the repo will now use the same pnpm version enforced by Corepack, and Turbo's cache hashing is fully accurate.
+
+## Automatic injection (CLI 0.3.6+)
+
+Starting with `@cogito.ai/cli@0.3.6`, the `agentdock init` command automatically detects your installed pnpm version and injects `packageManager: "pnpm@X.Y.Z"` into the scaffolded project's root `package.json`. This means new projects are created with the correct field pre-filled, and you can immediately remove `dangerouslyDisablePackageManagerCheck` from `turbo.json` after scaffolding.

package/dist/templates/web-nextjs/apps/docs/package.json

@@ -8,7 +8,7 @@
     "start": "next start",
     "lint": "eslint .",
     "check-types": "tsc --noEmit",
-    "docs:sync": "openspec-docs-sync",
+    "docs:sync": "pnpm --filter @cogito.ai/openspec-docs-sync run build && node ../../packages/openspec-docs-sync/dist/index.js",
     "postinstall": "fumadocs-mdx"
   },
   "dependencies": {

package/dist/templates/web-nextjs/apps/web/package.json

@@ -12,21 +12,47 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.5.0",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@hookform/resolvers": "^5.4.0",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
     "@supabase/ssr": "^0.10.3",
+    "@tabler/icons-react": "^3.44.0",
+    "@tanstack/react-table": "^8.21.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "input-otp": "^1.4.2",
     "lucide-react": "^1.17.0",
     "next": "16",
     "next-intl": "^4.13.0",
     "next-themes": "^0.4.6",
+    "radix-ui": "^1.4.3",
     "react": "19",
     "react-dom": "19",
     "react-hook-form": "^7.77.0",
+    "recharts": "^3.8.1",
     "shadcn": "^4.10.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.6.0",
     "tw-animate-css": "^1.4.0",
+    "vaul": "^1.1.2",
     "zod": "^4.4.3"
   },
   "devDependencies": {

package/dist/templates/web-nextjs/apps/web/src/app/[locale]/(auth)/login/page.tsx

@@ -6,18 +6,18 @@ import Link from 'next/link'
 import { useTranslations } from 'next-intl'
 import { useForm } from 'react-hook-form'
 import { zodResolver } from '@hookform/resolvers/zod'
-import { GitBranch } from 'lucide-react'
+import { GalleryVerticalEnd } from 'lucide-react'
 import { toast } from 'sonner'
 import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 import { Input } from '@/components/ui/input'
 import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from '@/components/ui/form'
+  Field,
+  FieldDescription,
+  FieldGroup,
+  FieldLabel,
+  FieldSeparator,
+} from '@/components/ui/field'
 import { signIn, signInWithGithubForLocale } from '@/features/auth'
 import { signInSchema, type SignInInput } from '@/lib/validations/auth'
 import type { ActionResult } from '@/core/types/auth'
@@ -28,114 +28,108 @@ export default function LoginPage() {
   const routeParams = useParams<{ locale: string }>()
   const locale = routeParams.locale ?? 'en'
 
-  const form = useForm<SignInInput>({
+  const { register, formState: { errors } } = useForm<SignInInput>({
     resolver: zodResolver(signInSchema),
     defaultValues: { email: '', password: '' },
   })
 
-  const [state, formAction, isPending] = useActionState<ActionResult | null, FormData>(
-    signIn,
-    null,
-  )
+  const [state, formAction, isPending] = useActionState<ActionResult | null, FormData>(signIn, null)
 
   useEffect(() => {
-    if (state?.error) {
-      toast.error(state.error)
-    }
+    if (state?.error) toast.error(state.error)
   }, [state])
 
   async function handleGithub() {
     const result = await signInWithGithubForLocale(locale)
-    if (result.error) {
-      toast.error(result.error)
-      return
-    }
-    if (result.data?.url) {
-      router.push(result.data.url)
-    }
+    if (result.error) { toast.error(result.error); return }
+    if (result.data?.url) router.push(result.data.url)
   }
 
   return (
-    <div className="flex min-h-screen items-center justify-center px-4 py-12">
-      <div className="w-full max-w-sm space-y-6">
-        <div className="space-y-2 text-center">
-          <h1 className="text-3xl font-bold">{t('loginTitle')}</h1>
-          <p className="text-muted-foreground">{t('loginSubtitle')}</p>
-        </div>
-
-        <Button
-          type="button"
-          variant="outline"
-          className="w-full"
-          onClick={handleGithub}
-        >
-          <GitBranch className="mr-2 h-4 w-4" />
-          {t('githubButton')}
-        </Button>
-
-        <div className="relative">
-          <div className="absolute inset-0 flex items-center">
-            <span className="w-full border-t" />
-          </div>
-          <div className="relative flex justify-center text-xs uppercase">
-            <span className="bg-background px-2 text-muted-foreground">{t('orContinueWith')}</span>
+    <div className="flex min-h-svh flex-col items-center justify-center gap-6 bg-muted p-6 md:p-10">
+      <div className="flex w-full max-w-sm flex-col gap-6">
+        <Link href={`/${locale}`} className="flex items-center gap-2 self-center font-medium">
+          <div className="flex size-6 items-center justify-center rounded-md bg-primary text-primary-foreground">
+            <GalleryVerticalEnd className="size-4" />
           </div>
-        </div>
+          AgentDock
+        </Link>
 
-        <Form {...form}>
-          <form action={formAction} className="space-y-4">
-            <input type="hidden" name="locale" value={locale} />
-            <FormField
-              control={form.control}
-              name="email"
-              render={({ field }) => (
-                <FormItem>
-                  <FormLabel>{t('emailLabel')}</FormLabel>
-                  <FormControl>
+        <div className="flex flex-col gap-6">
+          <Card>
+            <CardHeader className="text-center">
+              <CardTitle className="text-xl">{t('loginTitle')}</CardTitle>
+              <CardDescription>{t('loginSubtitle')}</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <form action={formAction}>
+                <input type="hidden" name="locale" value={locale} />
+                <FieldGroup>
+                  <Field>
+                    <Button
+                      type="button"
+                      variant="outline"
+                      className="w-full"
+                      onClick={handleGithub}
+                    >
+                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" className="size-4">
+                        <path
+                          d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      {t('githubButton')}
+                    </Button>
+                  </Field>
+                  <FieldSeparator>{t('orContinueWith')}</FieldSeparator>
+                  <Field>
+                    <FieldLabel htmlFor="email">{t('emailLabel')}</FieldLabel>
                     <Input
+                      id="email"
                       type="email"
                       placeholder={t('emailPlaceholder')}
-                      {...field}
+                      autoComplete="email"
+                      {...register('email')}
                     />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-
-            <FormField
-              control={form.control}
-              name="password"
-              render={({ field }) => (
-                <FormItem>
-                  <FormLabel>{t('passwordLabel')}</FormLabel>
-                  <FormControl>
+                    {errors.email && (
+                      <FieldDescription className="text-destructive">
+                        {errors.email.message}
+                      </FieldDescription>
+                    )}
+                  </Field>
+                  <Field>
+                    <div className="flex items-center">
+                      <FieldLabel htmlFor="password">{t('passwordLabel')}</FieldLabel>
+                    </div>
                     <Input
+                      id="password"
                       type="password"
                       placeholder={t('passwordPlaceholder')}
-                      {...field}
+                      autoComplete="current-password"
+                      {...register('password')}
                     />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-
-            <Button type="submit" className="w-full" disabled={isPending}>
-              {isPending ? '...' : t('signInButton')}
-            </Button>
-          </form>
-        </Form>
-
-        <p className="text-center text-sm text-muted-foreground">
-          {t('noAccountText')}{' '}
-          <Link
-            href={`/${locale}/signup`}
-            className="underline underline-offset-4 hover:text-primary"
-          >
-            {t('signUpLink')}
-          </Link>
-        </p>
+                    {errors.password && (
+                      <FieldDescription className="text-destructive">
+                        {errors.password.message}
+                      </FieldDescription>
+                    )}
+                  </Field>
+                  <Field>
+                    <Button type="submit" className="w-full" disabled={isPending}>
+                      {isPending ? '\u2026' : t('signInButton')}
+                    </Button>
+                    <FieldDescription className="text-center">
+                      {t('noAccountText')}{' '}
+                      <Link href={`/${locale}/signup`} className="underline underline-offset-4">
+                        {t('signUpLink')}
+                      </Link>
+                    </FieldDescription>
+                  </Field>
+                </FieldGroup>
+              </form>
+            </CardContent>
+          </Card>
+        </div>
       </div>
     </div>
   )