;; ── Pipeline example component ──────────────────────────────────
(defcomp
  ()
  (div
    (~tw :tokens "space-y-4")
    (form
      :sx-post "/sx/(applications.(hyperscript.(api.compile)))"
      :sx-target "#hs-playground-result"
      :sx-swap "innerHTML"
      (div
        (label
          (~tw :tokens "block text-sm font-medium text-gray-700 mb-1")
          "Hyperscript source")
        (textarea
          :name "source"
          (~tw
            :tokens "w-full h-24 font-mono text-sm p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-violet-500 focus:border-transparent")
          "on click add .active to me"))
      (div
        (~tw :tokens "mt-2")
        (button
          :type "submit"
          (~tw
            :tokens "px-4 py-2 bg-violet-600 text-white rounded-lg hover:bg-violet-700 text-sm font-medium")
          "Compile")))
    (div
      :id "hs-playground-result"
      (~hyperscript/compile-result :source "on click add .active to me"))))
