{
  "name": "library-browser-search-filter",
  "kind": "block",
  "primary": "div",
  "page": "/apps/genui/app/a2ui-editor/a2ui-editor.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "data-import-panel": "patterns"
  },
  "html": "<div\n            data-import-panel=\"patterns\">\n            <div data-pattern-filter>\n              <input-ui id=\"pattern-search\" placeholder=\"Search chunks…\" prefix=\"magnifying-glass\"></input-ui>\n              <select-ui id=\"pattern-domain\" placeholder=\"All domains\"></select-ui>\n            </div>\n            <div id=\"pattern-list\" data-pattern-list role=\"listbox\"></div>\n            <div data-import-footer>\n              <span data-pattern-status style=\"font-size: var(--a-ui-sm); color: var(--a-fg-muted); flex: 1\">Loading…</span>\n              <button-ui data-import-cancel text=\"Cancel\" variant=\"ghost\"></button-ui>\n            </div>\n          </div>",
  "source": "apps/genui/app/a2ui-editor/a2ui-editor.contents.html",
  "metadata": {
    "domain": "data",
    "description": "Library browser with search and filter — a panel pairing a search input with a domain / category dropdown above a scrollable listbox of results and a status line + Cancel in the footer. The filterable 'browse the catalog / template gallery / asset library' picker body.",
    "keywords": [
      "library",
      "browser",
      "search",
      "filter",
      "catalog",
      "gallery",
      "templates",
      "assets",
      "picker",
      "domain",
      "category",
      "dropdown",
      "listbox",
      "results",
      "status",
      "footer",
      "browse",
      "find",
      "filter",
      "search",
      "input",
      "filterable",
      "list",
      "pattern",
      "library",
      "asset",
      "browser",
      "chunk",
      "browser"
    ]
  },
  "captured_at": "2026-06-10T16:56:21.616Z",
  "template": [
    {
      "id": "pattern-search",
      "component": "Input",
      "placeholder": "Search chunks…",
      "prefix": "magnifying-glass"
    },
    {
      "id": "pattern-domain",
      "component": "ChoicePicker",
      "placeholder": "All domains"
    },
    {
      "id": "column",
      "component": "Column",
      "data-pattern-filter": "",
      "children": [
        "pattern-search",
        "pattern-domain"
      ]
    },
    {
      "id": "pattern-list",
      "component": "Column",
      "data-pattern-list": ""
    },
    {
      "id": "text",
      "component": "Text",
      "variant": "body",
      "textContent": "Loading…",
      "data-pattern-status": ""
    },
    {
      "id": "button",
      "component": "Button",
      "text": "Cancel",
      "variant": "ghost",
      "data-import-cancel": ""
    },
    {
      "id": "column-2",
      "component": "Column",
      "data-import-footer": "",
      "children": [
        "text",
        "button"
      ]
    },
    {
      "id": "root",
      "component": "Column",
      "data-import-panel": "patterns",
      "children": [
        "column",
        "pattern-list",
        "column-2"
      ]
    }
  ]
}