{
  "name": "KeyFactBehaviourLine",
  "package": "@magicblocksai/ui",
  "file": "packages/ui/src/components/KeyFactBehaviourLine.tsx",
  "chapterTag": "18 Agent Builder",
  "chapter": "18-agent-builder.html",
  "sectionId": "journey-studio",
  "elName": "KeyFactBehaviourLine",
  "demoUrl": "https://brand.magicblocks.ai/components/18-agent-builder#journey-studio",
  "hasLiveDemo": false,
  "description": "A key fact's behaviour, said out loud — \"Asked in Greeting · listened for\neverywhere\", \"Never asked · only listened for in Discovery\" — with the\nask-when rule inline (\"Only asked when …\"). Pinning a fact to a block as a\njob is what makes it asked; listening is what captures it when volunteered.",
  "useClient": false,
  "interactivity": "display",
  "namedExports": [
    {
      "name": "KeyFactBehaviourLine",
      "isPrincipal": true,
      "isType": false
    },
    {
      "name": "KeyFactBehaviourLineProps",
      "isPrincipal": false,
      "isType": true
    }
  ],
  "importStatement": "import { KeyFactBehaviourLine } from \"@magicblocksai/ui\";",
  "props": [
    {
      "name": "askedIn",
      "optional": true,
      "type": "string[]",
      "doc": "Blocks where this fact is pinned as a job (i.e. the agent asks for it there). Empty = never asked."
    },
    {
      "name": "listensEverywhere",
      "optional": true,
      "type": "boolean",
      "doc": "True when `listenAcrossAllBlocks` — the fact is captured wherever it's volunteered."
    },
    {
      "name": "onlyAskedWhen",
      "optional": true,
      "type": "ReactNode",
      "doc": "Optional ask-when rule in plain language, e.g. <>loan purpose is Purchase</>."
    }
  ],
  "classesUsed": [
    "kf-line",
    "kf-line-asked",
    "kf-line-listened",
    "kf-line-sep",
    "kf-line-when"
  ],
  "examples": {
    "react": "<KeyFactBehaviourLine askedIn={[\"Greeting\"]} listensEverywhere />",
    "html": "<div style=\"display:grid;gap:10px\"><span class=\"kf-line\"><span class=\"kf-line-asked\">Asked in Greeting</span><span class=\"kf-line-sep\" aria-hidden=\"true\">·</span><span class=\"kf-line-listened\">listened for everywhere</span></span><span class=\"kf-line\"><span class=\"kf-line-asked is-muted\">Never asked</span><span class=\"kf-line-sep\" aria-hidden=\"true\">·</span><span class=\"kf-line-listened\">listened for everywhere</span></span><span class=\"kf-line\"><span class=\"kf-line-asked\">Asked in Discovery</span><span class=\"kf-line-sep\" aria-hidden=\"true\">·</span><span class=\"kf-line-listened\">only listened for in Discovery</span><span class=\"kf-line-when\">Only asked when <code class=\"mono\">loan_intent</code> is Purchase</span></span></div>",
    "css": ".kf-line {\n  font-size: 0.84rem;\n  color: var(--fg);\n  display: inline-flex;\n  align-items: baseline;\n  gap: var(--s-1);\n  flex-wrap: wrap;\n}\n\n.kf-line-asked { font-weight: 600; }\n\n.kf-line-listened { color: var(--fg-soft); }\n\n.kf-line-sep { color: var(--fg-faint); }\n\n.kf-line-when {\n  flex-basis: 100%;\n  font-size: 0.8rem;\n  color: var(--info-text);\n}"
  }
}