plano/apps/www/src/data/diagrams.ts
Musa a3ffbd3a42 feat: redesign archgw -> plano + website in Next.js (#613)
* feat: redesign archgw -> plano + website

* feat(www): refactor landing page sections, add new diagrams and UI improvements

* feat(www): sections enhanced for clarify & diagrams added

* feat(www): improvements to mobile design, layout of diagrams

* feat(www): clean + typecheck

* feat(www): feedback loop changes

* feat(www): fix type error

* fix lib/utils error

* feat(www): ran biome formatting

* feat(www): graphic changes

* feat(www): web analytics

* fea(www): changes

* feat(www): introduce monorepo

This change brings Turborepo monorepo to independently handle the marketing website, the docs website and any other future use cases for mutli-platform support. They are using internal @katanemo package handlers for the design system and logic.

* fix(www): transpiler failure

* fix(www): tsconfig issue

* fix(www): next.config issue

* feat(docs): hold off on docs

* Delete next.config.ts

* feat(www): content fix

* feat(www): introduce blog

* feat(www): content changes

* Update package-lock.json

* feat: update text

* Update IntroSection.tsx

* feat: Turbopack issue

* fix

* Update IntroSection.tsx

* feat: updated Research page

* refactor(www): text clarity, padding adj.

* format(www)

* fix: add missing lib/ files to git - fixes Vercel GitHub deployment

- Updated .gitignore to properly exclude Python lib/ but include Next.js lib/ directories
- Added packages/ui/src/lib/utils.ts (cn utility function)
- Added apps/www/src/lib/sanity.ts (Sanity client configuration)
- Fixes module resolution errors in Vercel GitHub deployments (case-sensitive filesystem)

* Update .gitignore

* style(www): favicon + metadata

* fix(www): links

* fix(www): add analytics

* fix(www): add

* fix(www): fix links + image

* fix(www): fix links + image

* fix(www): fix links

* fix(www): remove from tools testing.md
2025-12-24 11:03:56 -08:00

84 lines
9.4 KiB
TypeScript

export const diagrams = {
intentDetection: ` ╔═ Intent Detection ═════════════════════════════╗
╔═══════════╗ ║ ║░
║ ║░ ║ ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ ║░
║ agent ║░─────────║─▶┃ Cognition ┃ ║░
║ ║░ ║ ┃ ┃ ║░
╚═══════════╝░ ║ ┃ Action ┃ ║░
░░░░░░░░░░░░░ ║ ┗━━━━━━━━━━━━━━━┬━━━━━━━━━━━━━━━━━━━━━━━┛ ║░
║ │ ║░
║ ▼ ║░
║ ┌───────────────────────┐ ║░
║ │ Confirm action? │ ║░
║ └───────────┬───────────┘ ║░
║ │ ║░
║ ▼ ║░
║ ┌───────────────────────┐ ║░
║ │ Execute Action │ ║░
║ └───────────────────────┘ ║░
║ ║░
╚════════════════════════════════════════════════╝░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░`,
dataFlow: ` ╔═ Data Pipeline ═════════════════════════════╗
╔═══════════╗ ║ ║░
║ ║░ ║ ┏━━━━━━━━━━━┓ ┏━━━━━━━━━━━━━━━━━┓ ║░
║ Input ║░────────────║─▶┃ Process ┃────▶┃ Transform ┃ ║░
║ ║░ ║ ┗━━━━━━━━━━━┛ ┗━━━━━━━┬━━━━━━━━━┛ ║░
╚═══════════╝░ ║ │ ║░
░░░░░░░░░░░░░ ║ ▼ ║░
║ ┌──────────────────┐ ║░
║ │ Store (DB) │ ║░
║ └──────────────────┘ ║░
║ ║░
╚═════════════════════════════════════════════╝░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░`,
microservices: ` ╔═ Microservices Architecture ════════════════════╗
╔═══════════╗ ║ ║░
║ ║░ ║ ┌─────────────────────────────────────┐ ║░
║ Client ║░────API─────║─▶│ API Gateway │ ║░
║ ║░ ║ └──────────┬──────────────┬───────────┘ ║░
╚═══════════╝░ ║ │ │ ║░
░░░░░░░░░░░░░ ║ ▼ ▼ ║░
║ ┏━━━━━━━━━━━━━┓ ┏━━━━━━━━━━━━━┓ ║░
║ ┃ Service A ┃ ┃ Service B ┃ ║░
║ ┗━━━━━━┬━━━━━━┛ ┗━━━━━━┬━━━━━━┛ ║░
║ │ │ ║░
║ └────────┬────────┘ ║░
║ ▼ ║░
║ ┌─────────────────┐ ║░
║ │ Database │ ║░
║ └─────────────────┘ ║░
╚══════════════════════════════════════════════╝░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░`,
simpleFlow: `╔════════════╗ ╔════════════╗ ╔════════════╗
║ ║░ ║ ║░ ║ ║░
║ Step 1 ║░───▶║ Step 2 ║░───▶║ Step 3 ║░
║ ║░ ║ ║░ ║ ║░
╚════════════╝░ ╚════════════╝░ ╚════════════╝░
░░░░░░░░░░░░░░ ░░░░░░░░░░░░░░ ░░░░░░░░░░░░░░`,
infrastructureLayer: ` ╔═ plano ════════════════════════════════════════╗
╔═══════════╗ ║ ║░
║ ║░ ║ ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ ║░
║ client ║░─────────║─▶┃ Safety Guardrails ┃ ║░
║ ║░ ║ ┃ ┃ ║░
╚═══════════╝░ ║ ┗━━━━━━━━━━━━━━━┬━━━━━━━━━━━━━━━━━━━━━━━┛ ║░
░░░░░░░░░░░░░ ║ │ ║░
║ ▼ ║░
║ ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ ║░
║ ┃ Multi-Agent Workflows ┃ ║░
║ ┗━━━━━━━━━━━━━━━┬━━━━━━━━━━━━━━━━━━━━━━━┛ ║░
║ │ ║░
║ ▼ ║░
║ ┌───────────────────────────────┐ ║░
║ │ Unified LLM Access │ ║░
║ └───────────────────────────────┘ ║░
║ ║░
╚════════════════════════════════════════════════╝░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░`,
};
export type DiagramKey = keyof typeof diagrams;