manigent-server 0.1.0__py3-none-any.whl

manigent/web/frontend/src/components/beta/DayAtMyDesk.tsx

@@ -0,0 +1,120 @@
+import { MessageSquarePlus, Users, FileCheck2, Repeat } from 'lucide-react'
+import type { LucideIcon } from 'lucide-react'
+
+interface Step {
+  Icon: LucideIcon
+  kicker: string
+  title: string
+  body: string
+}
+
+// A concrete walk-through of the command-center loop: instruct → coordinate → review → follow up.
+const STEPS: Step[] = [
+  {
+    Icon: MessageSquarePlus,
+    kicker: 'You',
+    title: 'Give a goal, not a to-do list',
+    body: '"Plan my product launch next week." You state the outcome — no need to pre-decompose it into steps.',
+  },
+  {
+    Icon: Users,
+    kicker: 'Your assistant',
+    title: 'Assembles the right team',
+    body: 'Your deputy figures out which specialists are needed — research, design, marketing — and spins up a project, delegating in parallel.',
+  },
+  {
+    Icon: FileCheck2,
+    kicker: 'The crew',
+    title: 'Ships reports to your desk',
+    body: 'Each agent works with its own memory and knowledge, then hands back a finished deliverable for you to review — stacked in your queue.',
+  },
+  {
+    Icon: Repeat,
+    kicker: 'You',
+    title: 'Review and follow up',
+    body: 'Approve, send back with notes, or ask a follow-up. Your agents remember it — so next launch, they already know how you like things.',
+  },
+]
+
+export default function DayAtMyDesk() {
+  return (
+    <section
+      className="py-[88px]"
+      style={{ background: 'var(--bg-rail)', borderTop: '1px solid var(--line-1)' }}
+    >
+      <div className="max-w-6xl mx-auto px-7">
+        <div className="mb-10">
+          <div
+            className="font-mono font-extrabold uppercase text-ink-3 mb-3"
+            style={{ fontSize: 10.5, letterSpacing: '.08em' }}
+          >
+            03 — A day at My Desk
+          </div>
+          <h2
+            className="font-extrabold text-ink-1 m-0"
+            style={{
+              fontSize: 'clamp(30px, 3.8vw, 46px)',
+              lineHeight: 1.1,
+              maxWidth: 760,
+              letterSpacing: '-0.015em',
+            }}
+          >
+            Instruct. Coordinate.
+            <br />
+            <span style={{ color: 'var(--accent)' }}>Review. Follow up.</span>
+          </h2>
+        </div>
+
+        <div className="beta-steps grid gap-3">
+          {STEPS.map((s, i) => (
+            <div
+              key={s.title}
+              className="flex flex-col gap-3 bg-white rounded-md relative"
+              style={{
+                padding: '22px 20px',
+                border: '1px solid var(--line-2)',
+                boxShadow: 'var(--shadow-1)',
+              }}
+            >
+              <div className="flex items-center gap-2.5">
+                <span
+                  className="grid place-items-center"
+                  style={{
+                    width: 32,
+                    height: 32,
+                    borderRadius: 8,
+                    background: 'var(--accent-softer)',
+                    color: 'var(--accent)',
+                  }}
+                >
+                  <s.Icon size={16} />
+                </span>
+                <span
+                  className="font-mono font-extrabold uppercase text-ink-3"
+                  style={{ fontSize: 10, letterSpacing: '.08em' }}
+                >
+                  {String(i + 1).padStart(2, '0')} · {s.kicker}
+                </span>
+              </div>
+              <h3
+                className="m-0 font-extrabold text-ink-1"
+                style={{ fontSize: 15.5, letterSpacing: '-0.005em', lineHeight: 1.25 }}
+              >
+                {s.title}
+              </h3>
+              <p className="m-0 text-ink-2" style={{ fontSize: 12.5, lineHeight: 1.55 }}>
+                {s.body}
+              </p>
+            </div>
+          ))}
+        </div>
+      </div>
+
+      <style>{`
+        .beta-steps { grid-template-columns: repeat(4, 1fr); }
+        @media (max-width: 1000px) { .beta-steps { grid-template-columns: 1fr 1fr; } }
+        @media (max-width: 560px) { .beta-steps { grid-template-columns: 1fr; } }
+      `}</style>
+    </section>
+  )
+}

manigent/web/frontend/src/components/beta/Footer.tsx

@@ -0,0 +1,82 @@
+import { ArrowRight } from 'lucide-react'
+import Button from '../hero/Button'
+import { Wordmark } from '../landing/Nav'
+import { SIGNUP_HREF } from './constants'
+
+// Closing sign-up CTA + slim footer. The Sign up button is the one action
+// this whole page exists to drive.
+export default function Footer() {
+  return (
+    <footer
+      style={{
+        background: 'var(--bg-sidebar)',
+        padding: '80px 0 36px',
+        borderTop: '1px solid var(--line-1)',
+      }}
+    >
+      <div className="max-w-6xl mx-auto px-7">
+        <div className="text-center mb-16">
+          <div
+            className="font-mono font-extrabold uppercase text-ink-3 mb-4"
+            style={{ fontSize: 10.5, letterSpacing: '.1em' }}
+          >
+            Private beta · for friends
+          </div>
+          <div
+            className="font-extrabold text-ink-1 m-0"
+            style={{
+              fontSize: 'clamp(40px, 6.4vw, 88px)',
+              lineHeight: 0.98,
+              letterSpacing: '-0.025em',
+            }}
+          >
+            Come build your
+            <br />
+            <span style={{ color: 'var(--accent)' }}>agent team</span>.
+          </div>
+          <p
+            className="text-ink-2 mx-auto"
+            style={{ maxWidth: 460, margin: '18px auto 0', fontSize: 14.5, lineHeight: 1.55 }}
+          >
+            You're one of the first friends I'm inviting in. Sign up, set up your desk,
+            and tell me what you think.
+          </p>
+          <div className="flex justify-center mt-[26px]">
+            <Button variant="primary" href={SIGNUP_HREF}>
+              Sign up <ArrowRight size={13} />
+            </Button>
+          </div>
+          <div
+            className="font-mono text-ink-3 mt-4"
+            style={{ fontSize: 11 }}
+          >
+            Already have an account?{' '}
+            <a href="/app/login" className="font-bold text-ink-2 hover:text-ink-1">
+              Sign in
+            </a>
+          </div>
+        </div>
+
+        <div
+          className="pt-7 flex justify-between items-center flex-wrap gap-3.5"
+          style={{ borderTop: '1px solid var(--line-2)' }}
+        >
+          <a href="/" aria-label="Manigent home">
+            <Wordmark size={20} />
+          </a>
+          <div className="flex items-center gap-5">
+            <a href="/tos" className="font-semibold text-ink-3 hover:text-ink-1" style={{ fontSize: 12 }}>
+              Terms
+            </a>
+            <a href="/privacy" className="font-semibold text-ink-3 hover:text-ink-1" style={{ fontSize: 12 }}>
+              Privacy
+            </a>
+            <span className="font-mono text-ink-3" style={{ fontSize: 11 }}>
+              © 2026 Manigent, Inc.
+            </span>
+          </div>
+        </div>
+      </div>
+    </footer>
+  )
+}

manigent/web/frontend/src/components/beta/Hero.tsx

@@ -0,0 +1,224 @@
+import { ArrowRight, Folder, Plus } from 'lucide-react'
+import Button from '../hero/Button'
+import AgentAvatar from '../hero/AgentAvatar'
+import { SIGNUP_HREF } from './constants'
+
+const AV = {
+  indigo: 'var(--av-indigo)',
+  accent: 'var(--accent)',
+  teal: 'var(--av-teal)',
+  pink: 'var(--av-pink)',
+  amber: 'var(--av-amber)',
+}
+
+interface DeskAgent {
+  name: string
+  role: string
+  glyph: string
+  color: string
+  status: string
+}
+
+const DESK_AGENTS: DeskAgent[] = [
+  { name: 'research-agent', role: 'Specialist · research', glyph: 'R', color: AV.teal, status: 'working' },
+  { name: 'design-agent', role: 'Specialist · design', glyph: 'D', color: AV.pink, status: 'working' },
+  { name: 'marketing-agent', role: 'Specialist · marketing', glyph: 'M', color: AV.amber, status: 'done' },
+]
+
+// Point 1 — the vision: everyone should have a team of agents working for them.
+export default function Hero() {
+  return (
+    <section className="pt-14 pb-[72px]">
+      <div className="max-w-6xl mx-auto px-4 sm:px-6">
+        <div
+          className="inline-flex items-center gap-2 mb-[26px] rounded-full"
+          style={{
+            padding: '5px 11px',
+            background: 'var(--accent-softer)',
+            border: '1px solid var(--accent-soft)',
+          }}
+        >
+          <span
+            style={{ width: 7, height: 7, borderRadius: 999, background: 'var(--accent)' }}
+          />
+          <span
+            className="font-mono"
+            style={{ fontSize: 11, color: 'var(--accent-deep)', letterSpacing: '.06em' }}
+          >
+            PRIVATE BETA · FOR FRIENDS · YOU'RE INVITED
+          </span>
+        </div>
+
+        <div className="beta-hero-grid grid items-center gap-12">
+          <div>
+            <h1
+              className="font-extrabold text-ink-1 m-0 mb-[18px]"
+              style={{
+                fontSize: 'clamp(38px, 5.2vw, 64px)',
+                lineHeight: 1.03,
+                letterSpacing: '-0.02em',
+              }}
+            >
+              Everyone deserves
+              <br />
+              <span style={{ color: 'var(--accent)' }}>a team of agents</span>
+              <br />
+              working for them.
+            </h1>
+            <p
+              className="text-ink-2 mb-[26px]"
+              style={{ fontSize: 17, lineHeight: 1.5, maxWidth: 540 }}
+            >
+              ChatGPT, Claude, and Gemini give you one omni-assistant to chat with.
+              Manigent gives you a command center — <strong>My Desk</strong> — where you
+              direct a crew of specialist agents, review what they ship, and follow up.
+              You're one of the first friends I'm letting in.
+            </p>
+            <div className="flex gap-2.5 flex-wrap mb-[14px]">
+              <Button variant="primary" href={SIGNUP_HREF}>
+                Sign up <ArrowRight size={12} />
+              </Button>
+              <Button variant="ghost" href="#two-models">
+                See the difference
+              </Button>
+            </div>
+            <div
+              className="font-mono uppercase text-ink-3"
+              style={{ fontSize: 11, letterSpacing: '.08em' }}
+            >
+              Not another chatbot. A team you actually manage.
+            </div>
+          </div>
+
+          {/* Static "My Desk" command-center preview */}
+          <div
+            className="beta-desk grid overflow-hidden rounded-lg bg-white"
+            style={{
+              minHeight: 420,
+              border: '1px solid var(--line-1)',
+              boxShadow: 'var(--shadow-2)',
+            }}
+          >
+            <div
+              className="flex items-center gap-2.5 bg-white"
+              style={{ padding: '12px 16px', borderBottom: '1px solid var(--line-1)' }}
+            >
+              <span
+                className="grid place-items-center text-white rounded"
+                style={{ width: 22, height: 22, background: 'var(--accent)', fontSize: 12, fontWeight: 800 }}
+              >
+                ⌘
+              </span>
+              <div className="flex-1 min-w-0">
+                <div className="font-extrabold text-ink-1" style={{ fontSize: 14 }}>
+                  My Desk
+                </div>
+                <div className="font-mono text-ink-3" style={{ fontSize: 10.5 }}>
+                  1 assistant · 3 specialists on watch
+                </div>
+              </div>
+              <span
+                className="font-mono font-extrabold"
+                style={{
+                  fontSize: 10,
+                  color: 'var(--prio-quick-fg)',
+                  background: 'var(--prio-quick-bg)',
+                  padding: '2px 7px',
+                  borderRadius: 4,
+                  letterSpacing: '.06em',
+                }}
+              >
+                ● LIVE
+              </span>
+            </div>
+
+            <div style={{ padding: '14px 16px' }}>
+              <div
+                className="flex items-center gap-2.5 rounded-md mb-3"
+                style={{
+                  padding: '10px 12px',
+                  background: 'var(--bg-rail)',
+                  border: '1px solid var(--line-1)',
+                }}
+              >
+                <Plus size={14} style={{ color: 'var(--ink-3)' }} />
+                <span className="flex-1 text-ink-2" style={{ fontSize: 12.5 }}>
+                  Plan my product launch next week…
+                </span>
+                <span
+                  className="grid place-items-center text-white rounded"
+                  style={{ width: 24, height: 24, background: 'var(--accent)' }}
+                >
+                  <ArrowRight size={12} />
+                </span>
+              </div>
+
+              <div
+                className="font-mono font-extrabold uppercase text-ink-3 mb-2"
+                style={{ fontSize: 10, letterSpacing: '.08em' }}
+              >
+                Deputy assembled a team
+              </div>
+              <div className="grid gap-1.5 mb-3">
+                {DESK_AGENTS.map((a) => (
+                  <div
+                    key={a.name}
+                    className="flex items-center gap-2.5 rounded-md bg-white"
+                    style={{ padding: '8px 10px', border: '1px solid var(--line-1)' }}
+                  >
+                    <AgentAvatar glyph={a.glyph} color={a.color} size={26} />
+                    <div className="flex-1 min-w-0">
+                      <div className="font-mono font-bold text-ink-1 truncate" style={{ fontSize: 11.5 }}>
+                        {a.name}
+                      </div>
+                      <div className="font-mono text-ink-3 truncate" style={{ fontSize: 9.5 }}>
+                        {a.role}
+                      </div>
+                    </div>
+                    <span
+                      className="font-mono font-extrabold"
+                      style={{
+                        fontSize: 9.5,
+                        letterSpacing: '.06em',
+                        color: a.status === 'done' ? 'var(--prio-quick-fg)' : 'var(--accent-deep)',
+                        background: a.status === 'done' ? 'var(--prio-quick-bg)' : 'var(--prio-normal-bg)',
+                        padding: '2px 6px',
+                        borderRadius: 3,
+                      }}
+                    >
+                      ● {a.status === 'done' ? 'REPORT READY' : 'WORKING'}
+                    </span>
+                  </div>
+                ))}
+              </div>
+
+              <div
+                className="flex items-center gap-2 rounded-md"
+                style={{
+                  padding: '8px 10px',
+                  background: 'var(--bg-proposal)',
+                  border: '1px solid var(--accent-soft)',
+                }}
+              >
+                <Folder size={12} style={{ color: 'var(--accent)' }} />
+                <span className="text-ink-2 flex-1" style={{ fontSize: 12 }}>
+                  1 report waiting for your review
+                </span>
+                <span className="font-mono font-bold text-accent" style={{ fontSize: 10.5, color: 'var(--accent-deep)' }}>
+                  Review →
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <style>{`
+        .beta-hero-grid { grid-template-columns: 1fr 1.05fr; }
+        @media (max-width: 1050px) {
+          .beta-hero-grid { grid-template-columns: 1fr; }
+        }
+      `}</style>
+    </section>
+  )
+}

manigent/web/frontend/src/components/beta/Nav.tsx

@@ -0,0 +1,51 @@
+import { useEffect, useState } from 'react'
+import { ArrowRight } from 'lucide-react'
+import Button from '../hero/Button'
+import { Wordmark } from '../landing/Nav'
+import { SIGNUP_HREF } from './constants'
+
+// Slim nav for the beta page — wordmark + the single Sign up CTA.
+// No in-page section links: this page has one job, get friends signed up.
+export default function Nav() {
+  const [scrolled, setScrolled] = useState(false)
+
+  useEffect(() => {
+    const onScroll = () => setScrolled(window.scrollY > 8)
+    onScroll()
+    window.addEventListener('scroll', onScroll, { passive: true })
+    return () => window.removeEventListener('scroll', onScroll)
+  }, [])
+
+  return (
+    <div
+      className="sticky top-0 z-50"
+      style={{
+        background: 'rgba(255,255,255,.9)',
+        backdropFilter: 'saturate(1.1)',
+        borderBottom: scrolled ? '1px solid var(--line-1)' : '1px solid transparent',
+        transition: 'border-color .2s',
+      }}
+    >
+      <div
+        className="max-w-6xl mx-auto flex items-center justify-between gap-6"
+        style={{ padding: '14px 28px' }}
+      >
+        <a href="/" aria-label="Manigent home">
+          <Wordmark />
+        </a>
+        <div className="flex items-center gap-2.5">
+          <a
+            href="/app/login"
+            className="font-semibold text-ink-2 hover:text-ink-1"
+            style={{ fontSize: 12.5 }}
+          >
+            Sign in
+          </a>
+          <Button variant="primary" href={SIGNUP_HREF}>
+            Sign up <ArrowRight size={12} />
+          </Button>
+        </div>
+      </div>
+    </div>
+  )
+}

manigent/web/frontend/src/components/beta/Pillars.tsx

@@ -0,0 +1,172 @@
+import { LayoutGrid, Users, Brain, TrendingUp } from 'lucide-react'
+import type { LucideIcon } from 'lucide-react'
+
+interface Pillar {
+  num: string
+  Icon: LucideIcon
+  title: string
+  body: string
+}
+
+// Points 3, 4, 5 — what makes the command-center model work.
+const PILLARS: Pillar[] = [
+  {
+    num: '01',
+    Icon: LayoutGrid,
+    title: 'A command center, not a chat box',
+    body: 'My Desk is where you instruct an individual agent or your assistant, kick off multi-agent projects, review their reports, and follow up — all in one place you actually run.',
+  },
+  {
+    num: '02',
+    Icon: Users,
+    title: 'Ask "what team?" — not "what steps?"',
+    body: 'For anything with real complexity, don\'t hand a step-by-step plan to one omni-assistant. Start by asking which specialists you need. Picking the team is the first, best move.',
+  },
+  {
+    num: '03',
+    Icon: Brain,
+    title: 'Long-lived agents with their own minds',
+    body: 'Each specialist is durable — its own memory, its own knowledge, its own skills. Not a fresh blank slate every session, but a teammate that keeps its context.',
+  },
+  {
+    num: '04',
+    Icon: TrendingUp,
+    title: 'A team that grows with you',
+    body: 'Because they persist, your agents learn about you over time — your voice, your standards, your history — and get more useful the longer you work together.',
+  },
+]
+
+// NOT_SUBAGENTS: the technical "why teams, not one model's subagents?" answer.
+// Two compact points, no icons — sits under the pillar grid.
+const NOT_SUBAGENTS: { title: string; body: string }[] = [
+  {
+    title: 'Clones, not specialists.',
+    body: "A model's subagents are one generalist's memory copied over and over. Overload that shared mind with unrelated domains and it confuses them — and hallucinates.",
+  },
+  {
+    title: 'Fresh session beats a crowded one.',
+    body: 'The longer the shared history, the worse the model reads it — accuracy drops 30–50% as context fills up. A specialist working its own cohesive session stays sharp.',
+  },
+]
+
+export default function Pillars() {
+  return (
+    <section className="py-[88px]" style={{ borderTop: '1px solid var(--line-1)' }}>
+      <div className="max-w-6xl mx-auto px-7">
+        <div className="mb-10">
+          <div
+            className="font-mono font-extrabold uppercase text-ink-3 mb-3"
+            style={{ fontSize: 10.5, letterSpacing: '.08em' }}
+          >
+            02 — How Manigent works
+          </div>
+          <h2
+            className="font-extrabold text-ink-1 m-0"
+            style={{
+              fontSize: 'clamp(30px, 3.8vw, 46px)',
+              lineHeight: 1.1,
+              maxWidth: 760,
+              letterSpacing: '-0.015em',
+            }}
+          >
+            Four ideas behind
+            <br />
+            <span style={{ color: 'var(--accent)' }}>My Desk</span>.
+          </h2>
+        </div>
+
+        <div className="beta-pillars grid gap-3">
+          {PILLARS.map((p) => (
+            <div
+              key={p.num}
+              className="flex flex-col gap-3 bg-white rounded-md"
+              style={{
+                padding: '22px 20px',
+                minHeight: 210,
+                border: '1px solid var(--line-2)',
+                boxShadow: 'var(--shadow-1)',
+              }}
+            >
+              <div className="flex items-center justify-between">
+                <span
+                  className="grid place-items-center"
+                  style={{
+                    width: 34,
+                    height: 34,
+                    borderRadius: 9,
+                    background: 'var(--accent-softer)',
+                    color: 'var(--accent)',
+                  }}
+                >
+                  <p.Icon size={17} />
+                </span>
+                <span
+                  className="font-mono font-extrabold text-ink-4"
+                  style={{ fontSize: 12, letterSpacing: '.04em' }}
+                >
+                  {p.num}
+                </span>
+              </div>
+              <h3
+                className="m-0 font-extrabold text-ink-1"
+                style={{ fontSize: 16.5, letterSpacing: '-0.005em', lineHeight: 1.25 }}
+              >
+                {p.title}
+              </h3>
+              <p className="m-0 text-ink-2" style={{ fontSize: 13, lineHeight: 1.55 }}>
+                {p.body}
+              </p>
+            </div>
+          ))}
+        </div>
+
+        {/* For the technically curious: why teams beat a single model's subagents */}
+        <div
+          className="mt-3 rounded-md"
+          style={{
+            padding: '22px 24px',
+            border: '1px solid var(--accent-soft)',
+            background: 'var(--bg-proposal)',
+            boxShadow: 'var(--shadow-1)',
+          }}
+        >
+          <div
+            className="font-mono font-bold mb-2"
+            style={{ fontSize: 10.5, letterSpacing: '.1em', color: 'var(--accent-deep)' }}
+          >
+            FOR THE TECHNICALLY CURIOUS
+          </div>
+          <h3
+            className="m-0 font-extrabold text-ink-1"
+            style={{ fontSize: 'clamp(18px, 2vw, 22px)', letterSpacing: '-0.01em', lineHeight: 1.2 }}
+          >
+            But models already spawn subagents — why teams?
+          </h3>
+          <div className="ns-grid grid gap-x-8 gap-y-4 mt-4">
+            {NOT_SUBAGENTS.map((n) => (
+              <div key={n.title}>
+                <div
+                  className="font-extrabold text-ink-1"
+                  style={{ fontSize: 14, letterSpacing: '-0.005em' }}
+                >
+                  {n.title}
+                </div>
+                <p className="m-0 text-ink-2 mt-1" style={{ fontSize: 13, lineHeight: 1.55 }}>
+                  {n.body}
+                </p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+
+      <style>{`
+        .beta-pillars { grid-template-columns: repeat(4, 1fr); }
+        .ns-grid { grid-template-columns: 1fr 1fr; }
+        @media (max-width: 1000px) { .beta-pillars { grid-template-columns: 1fr 1fr; } }
+        @media (max-width: 720px) { .ns-grid { grid-template-columns: 1fr; } }
+        @media (max-width: 560px) { .beta-pillars { grid-template-columns: 1fr; } }
+      `}</style>
+    </section>
+  )
+}