{
  "id": "layer:11-presentation",
  "_kind": "Layer",
  "_file": "stack-layers/layers/layer-11-presentation.yaml",
  "_cluster": "stack-layers",
  "attributes": {
    "displayName": "Presentation",
    "position": 11,
    "path": "surfacing",
    "scope": "Outermost rendering surface for humans or downstream systems.",
    "summary": "The presentation layer renders agent work to humans or downstream systems:\nterminal UI, CLI, web UI, IDE panel, API endpoint, JSON stream, structured\nevent log, or dashboard. Realized by `Presentation` instances such as TUI,\nCLI, web, IDE, and API surfaces.\n",
    "responsibilities": [
      "Render prompts, transcripts, plans, tool calls, approvals, and results.",
      "Provide human-readable and machine-readable output modes.",
      "Own layout, accessibility, theme, streaming display, and navigation affordances."
    ],
    "examples": [
      "TUI, CLI, web app, IDE side panel, notebook/chat surface.",
      "REST/WebSocket API, JSON stream, structured event log, dashboard.",
      "LangGraph app UI, LangSmith trace view, custom workflow console."
    ],
    "fitNotes": "Products can be headless and still fit the stack through an API or event\nstream presentation. Presentation can be supplied by a host IDE/web app\nrather than by the agent framework itself.\n"
  },
  "outgoingEdges": [],
  "incomingEdges": [
    {
      "from": "agent-ui-impl:a5c.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:agent-mux-remote.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:agent-mux.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:ai-elements.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:amp.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:babysitter-agent.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:babysitter.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:claude-code.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:codex.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:copilot-cli.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:cursor.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:droid.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:gemini-cli.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:hermes.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:omp.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:openclaw.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:opencode.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:paperclip.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:pi.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:pikiclaw.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:qwen.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:symphony.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "agent-ui-impl:vibe-kanban.ui@current",
      "to": "layer:11-presentation",
      "kind": "realizes",
      "attributes": {}
    },
    {
      "from": "page:agent-generate-universal-agentic-stack-orientation",
      "to": "layer:11-presentation",
      "kind": "documents"
    },
    {
      "from": "page:agent-generate-universal-agentic-stack-builder-fit",
      "to": "layer:11-presentation",
      "kind": "documents"
    },
    {
      "from": "page:agent-generate-universal-agentic-stack-landscape-diagram",
      "to": "layer:11-presentation",
      "kind": "documents"
    },
    {
      "from": "page:agent-generate-universal-agentic-stack-placement-checklist",
      "to": "layer:11-presentation",
      "kind": "documents"
    },
    {
      "from": "page:agent-generate-universal-agentic-stack-worked-examples",
      "to": "layer:11-presentation",
      "kind": "documents"
    },
    {
      "from": "page:agent-generate-universal-agentic-stack-common-confusions",
      "to": "layer:11-presentation",
      "kind": "documents"
    },
    {
      "from": "page:agent-generate-universal-agentic-stack-reading-paths",
      "to": "layer:11-presentation",
      "kind": "documents"
    },
    {
      "from": "page:agent-generate-universal-agentic-stack-comparison-matrix",
      "to": "layer:11-presentation",
      "kind": "documents"
    },
    {
      "from": "page:agent-generate-universal-agentic-stack-review-template",
      "to": "layer:11-presentation",
      "kind": "documents"
    },
    {
      "from": "page:agent-generate-universal-agentic-stack-faq",
      "to": "layer:11-presentation",
      "kind": "documents"
    },
    {
      "from": "page:agent-generate-universal-agentic-stack",
      "to": "layer:11-presentation",
      "kind": "documents"
    },
    {
      "from": "page:agent-generate-universal-agentic-stack-layers",
      "to": "layer:11-presentation",
      "kind": "documents"
    },
    {
      "from": "page:agent-generate-universal-agentic-stack-source-map",
      "to": "layer:11-presentation",
      "kind": "documents"
    },
    {
      "from": "page:views-agent-stack-tower",
      "to": "layer:11-presentation",
      "kind": "documents"
    },
    {
      "from": "page:views-service-tower",
      "to": "layer:11-presentation",
      "kind": "documents"
    }
  ]
}