Merge pull request #10 from secondorderai/dev

Dev

Author: kinwo

AGENTS.md

@@ -0,0 +1,21 @@
+# AGENTS.md
+
+SecondOrder is a Next.js App Router web app for exploring meta-thinking workflows, with both a marketing site and a `/chat` AI assistant.
+
+## Essentials
+
+- Node.js: `24.12` (see [`.nvmrc`](/Users/henry/workspace/secondorder-web/.nvmrc))
+- Typecheck: `npm run ts-check`
+- The app uses the Next.js App Router.
+- TypeScript strict mode is enabled.
+- Use the `@/*` import alias for internal imports.
+
+## Progressive Disclosure
+
+Load only the file that matches the task instead of reading all project guidance up front:
+
+- [Architecture](/Users/henry/workspace/secondorder-web/docs/agents/architecture.md)
+- [Styling](/Users/henry/workspace/secondorder-web/docs/agents/styling.md)
+- [Testing](/Users/henry/workspace/secondorder-web/docs/agents/testing.md)
+- [UI Patterns](/Users/henry/workspace/secondorder-web/docs/agents/ui-patterns.md)
+- [Product and Content](/Users/henry/workspace/secondorder-web/docs/agents/product-and-content.md)

CLAUDE.md

@@ -2,7 +2,7 @@
 
 # Features
 
-- Integrate Vercel AI chat AI with AI gateway gpt-5-mini, gpt-5.2, gpt-5.1-thinking, with OpenAI API Key $19 credits
+- Integrate Vercel AI chat AI with AI gateway gpt-5.4
 - Implement basic meta thinking prompt, dynamic thinking layer
 - Solver builder and Solver with Tools
 - Create a multi-step, self-improving process, making a system that autonomously audits its own progress

README.md

@@ -78,7 +78,7 @@ export async function POST(req: Request) {
     }
 
     const result = streamText({
-      model: openai('gpt-5.2'),
+      model: openai('gpt-5.4'),
       system: SYSTEM_PROMPT,
       messages: normalizedMessages,
     });
@@ -93,7 +93,7 @@ export async function POST(req: Request) {
     }
     return new Response(
       JSON.stringify({ error: 'An unexpected error occurred' }),
-      { status: 500, headers: { 'Content-Type': 'application/json' } }
+      { status: 500, headers: { 'Content-Type': 'application/json' } },
     );
   }
 }

app/api/chat/route.ts

@@ -46,6 +46,48 @@ const overview = [
   'Context engineering automated end to end.',
 ];
 
+const implementedToday = [
+  {
+    label: 'Chat experience',
+    title: 'Streaming assistant in /chat',
+    description:
+      'A working chat interface already ships with streaming responses and a focused meta-thinking assistant persona.',
+  },
+  {
+    label: 'Core model',
+    title: 'GPT-5.4-backed reasoning',
+    description:
+      'The current assistant runs on GPT-5.4 with a system prompt centered on planning, self-evaluation, and adaptive reasoning.',
+  },
+  {
+    label: 'Interaction loop',
+    title: 'Prompt-to-response workflow',
+    description:
+      'Users can already move from the marketing page into a live assistant experience designed around reflective problem solving.',
+  },
+];
+
+const roadmapPhases = [
+  {
+    phase: 'Phase 1',
+    title: 'Structured response modes',
+    description:
+      'Introduce explicit plan, answer, critique, and refine behaviors so the assistant acts more deliberately on every task.',
+  },
+  {
+    phase: 'Phase 2',
+    title: 'Planning and self-critique',
+    description:
+      'Add planner and critic passes that extract constraints, inspect drafts, and improve answer quality before delivery.',
+  },
+  {
+    phase: 'Phase 3',
+    title: 'Tools, memory, and orchestration',
+    description:
+      'Expand beyond chat with tool routing, memory, and eventually a judge-agent layer that chooses stronger strategies per task.',
+  },
+];
+
 export default function Home() {
   return (
     <main className="min-h-screen bg-bone text-ink">
@@ -106,7 +148,7 @@ export default function Home() {
                   <p className="text-sm uppercase tracking-[0.3em] text-ink/50">
                     AI gateway
                   </p>
-                  <p className="mt-2 text-xl font-semibold">GPT-5.2 stack</p>
+                  <p className="mt-2 text-xl font-semibold">GPT-5.4 stack</p>
                 </div>
                 <div>
                   <p className="text-sm uppercase tracking-[0.3em] text-ink/50">
@@ -177,6 +219,38 @@ export default function Home() {
         </div>
       </section>
 
+      <section className="mx-auto max-w-6xl px-6 py-16 sm:px-10">
+        <div className="grid gap-10 lg:grid-cols-[0.95fr_1.05fr]">
+          <div>
+            <p className="text-sm uppercase tracking-[0.4em] text-ink/60">
+              Implemented today
+            </p>
+            <h2 className="mt-4 font-display text-4xl">
+              A working v1 is already in place.
+            </h2>
+            <p className="mt-4 text-ink/70">
+              SecondOrder is not just a concept page. The current release
+              already includes a live chat assistant, streaming responses, and a
+              meta-thinking system prompt focused on reflective reasoning.
+            </p>
+          </div>
+          <div className="grid gap-4">
+            {implementedToday.map((item) => (
+              <div
+                key={item.title}
+                className="rounded-3xl border border-ink/10 bg-white/70 p-6"
+              >
+                <p className="text-xs uppercase tracking-[0.3em] text-ink/55">
+                  {item.label}
+                </p>
+                <h3 className="mt-3 text-xl font-semibold">{item.title}</h3>
+                <p className="mt-3 text-sm text-ink/75">{item.description}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+
       <section className="mx-auto max-w-6xl px-6 py-16 sm:px-10">
         <div className="grid gap-10 lg:grid-cols-2">
           <div className="rounded-3xl border border-ink/10 bg-white/70 p-8">
@@ -259,6 +333,42 @@ export default function Home() {
         </div>
       </section>
 
+      <section className="mx-auto max-w-6xl px-6 py-16 sm:px-10">
+        <div className="rounded-3xl border border-ink/10 bg-ink p-8 text-bone sm:p-12">
+          <div className="grid gap-8 lg:grid-cols-[0.9fr_1.1fr]">
+            <div>
+              <p className="text-sm uppercase tracking-[0.4em] text-bone/70">
+                Product roadmap
+              </p>
+              <h2 className="mt-4 font-display text-4xl">
+                What comes after the current assistant.
+              </h2>
+              <p className="mt-4 text-bone/75">
+                The next releases push SecondOrder from a prompt-shaped
+                assistant toward a real meta-cognitive system with planning,
+                critique, tools, memory, and orchestration.
+              </p>
+            </div>
+            <div className="space-y-4">
+              {roadmapPhases.map((item) => (
+                <div
+                  key={item.title}
+                  className="rounded-2xl border border-bone/15 bg-bone/5 p-5"
+                >
+                  <p className="text-xs uppercase tracking-[0.3em] text-bone/55">
+                    {item.phase}
+                  </p>
+                  <h3 className="mt-2 text-xl font-semibold">{item.title}</h3>
+                  <p className="mt-3 text-sm text-bone/75">
+                    {item.description}
+                  </p>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+      </section>
+
       <section className="border-t border-ink/10 bg-bone" id="ready-to-build">
         <div className="mx-auto max-w-6xl px-6 py-16 sm:px-10">
           <div className="flex flex-col items-start justify-between gap-6 md:flex-row md:items-center">