cognova 0.2.13 → 0.2.14

package/.output/server/chunks/build/{_id_-DN00UDdO.mjs → _id_-CwBeklIM.mjs}

@@ -1,22 +1,36 @@
 import { _ as _sfc_main$1$1, a as _sfc_main$4 } from './DashboardNavbar-Cpq8yKA0.mjs';
-import { Q as useRoute, A as useRouter, i as useToast, R as createError, g as _sfc_main$d, _ as _sfc_main$8 } from './server.mjs';
-import { _ as _sfc_main$3 } from './Badge-C1RKkIgG.mjs';
-import { _ as _sfc_main$6 } from './Skeleton-DZqsQzFi.mjs';
+import { z as useRoute, Q as useRouter, i as useToast, S as createError, g as _sfc_main$d, _ as _sfc_main$8 } from './server.mjs';
+import { _ as _sfc_main$6 } from './Badge-C1RKkIgG.mjs';
+import { _ as _sfc_main$7 } from './Skeleton-DZqsQzFi.mjs';
 import { _ as _sfc_main$5 } from './Switch-GWdksmY6.mjs';
-import { _ as _sfc_main$7 } from './DashboardToolbar-66a616OO.mjs';
-import { _ as _sfc_main$9 } from './FieldGroup-KzsWn_XG.mjs';
-import { _ as _sfc_main$2 } from './Card-G40WAFiH.mjs';
-import { u as useAgents, _ as __nuxt_component_4, a as __nuxt_component_5, b as __nuxt_component_11 } from './useAgents-DHEXiFSc.mjs';
-import { _ as _sfc_main$a } from './Slideover-DJNgcnZ2.mjs';
-import { _ as _sfc_main$b } from './Modal-Z_SoWhh-.mjs';
-import { defineComponent, computed, withAsyncContext, ref, watch, mergeProps, withCtx, unref, createVNode, createBlock, createCommentVNode, openBlock, toDisplayString, createTextVNode, Fragment, renderList, isRef, mergeModels, useModel, useSSRContext } from 'vue';
+import { _ as _sfc_main$9 } from './DashboardToolbar-66a616OO.mjs';
+import { _ as _sfc_main$a } from './FieldGroup-KzsWn_XG.mjs';
+import { _ as _sfc_main$e } from './Card-G40WAFiH.mjs';
+import { defineComponent, computed, withAsyncContext, ref, watch, mergeProps, withCtx, unref, createBlock, createCommentVNode, openBlock, createVNode, Fragment, createTextVNode, toDisplayString, renderList, isRef, mergeModels, useModel, useSSRContext } from 'vue';
 import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderList } from 'vue/server-renderer';
+import { aA as formatSchedule, ag as formatRelativeTime, aB as getStatusColor, aC as formatDateTime, av as formatDuration } from '../nitro/nitro.mjs';
+import { u as useAgents, _ as __nuxt_component_4, a as __nuxt_component_5, b as __nuxt_component_9$1 } from './useAgents-nmbkB9-_.mjs';
+import { _ as _sfc_main$b } from './Slideover-DJNgcnZ2.mjs';
+import { _ as _sfc_main$c } from './Modal-Z_SoWhh-.mjs';
 import { u as useNotificationBus } from './useNotificationBus-BG5JNQf1.mjs';
 import { u as useFetch } from './fetch-BB7Qzkwe.mjs';
 import './DashboardSidebarToggle-Chnqv04k.mjs';
 import '@vueuse/core';
 import './cookie-C_iulBi6.mjs';
-import '../nitro/nitro.mjs';
+import './ssr-Bqnw2a-w.mjs';
+import 'reka-ui';
+import 'vue-router';
+import 'tailwindcss/colors';
+import '@iconify/vue';
+import 'tailwind-variants';
+import '@iconify/utils/lib/css/icon';
+import 'perfect-debounce';
+import '../routes/renderer.mjs';
+import 'vue-bundle-renderer/runtime';
+import 'unhead/server';
+import 'devalue';
+import 'unhead/plugins';
+import 'unhead/utils';
 import '@anthropic-ai/claude-agent-sdk';
 import 'module';
 import 'path';
@@ -55,24 +69,10 @@ import 'util';
 import 'node:url';
 import '@iconify/utils';
 import 'consola';
-import './ssr-Bqnw2a-w.mjs';
-import 'reka-ui';
-import 'vue-router';
-import 'tailwindcss/colors';
-import '@iconify/vue';
-import 'tailwind-variants';
-import '@iconify/utils/lib/css/icon';
-import 'perfect-debounce';
-import '../routes/renderer.mjs';
-import 'vue-bundle-renderer/runtime';
-import 'unhead/server';
-import 'devalue';
-import 'unhead/plugins';
-import 'unhead/utils';
 import './FormField-Caux_FCv.mjs';
 import './Input-CV2hlBHo.mjs';
 import './Select-BB1oLrCD.mjs';
-import './EditorToolbar-DIfb5arC.mjs';
+import './EditorToolbar-B9OwSI5e.mjs';
 import '@tiptap/core';
 import '@tiptap/extension-horizontal-rule';
 import '@tiptap/extension-image';
@@ -88,6 +88,241 @@ import './Kbd-Daq7k0fm.mjs';
 import './Tooltip-TRyl6dje.mjs';
 import '@vue/shared';
 
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "AgentInfoCard",
+  __ssrInlineRender: true,
+  props: {
+    agent: {}
+  },
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UCard = _sfc_main$e;
+      const _component_UIcon = _sfc_main$d;
+      _push(ssrRenderComponent(_component_UCard, _attrs, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-3"${_scopeId}>`);
+            if (__props.agent.description) {
+              _push2(`<div${_scopeId}><p class="text-sm text-muted uppercase mb-1"${_scopeId}> Description </p><p${_scopeId}>${ssrInterpolate(__props.agent.description)}</p></div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`<div class="flex flex-wrap gap-6"${_scopeId}><div${_scopeId}><p class="text-sm text-muted uppercase mb-1"${_scopeId}> Schedule </p><p class="flex items-center gap-2"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UIcon, { name: "i-lucide-clock" }, null, _parent2, _scopeId));
+            _push2(` ${ssrInterpolate(unref(formatSchedule)(__props.agent.schedule))} <span class="text-sm text-muted"${_scopeId}>(${ssrInterpolate(__props.agent.schedule)})</span></p></div>`);
+            if (__props.agent.maxBudgetUsd) {
+              _push2(`<div${_scopeId}><p class="text-sm text-muted uppercase mb-1"${_scopeId}> Budget Limit </p><p class="flex items-center gap-2"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, { name: "i-lucide-dollar-sign" }, null, _parent2, _scopeId));
+              _push2(` $${ssrInterpolate(__props.agent.maxBudgetUsd)} per run </p></div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            if (__props.agent.lastRunAt) {
+              _push2(`<div${_scopeId}><p class="text-sm text-muted uppercase mb-1"${_scopeId}> Last Run </p><p class="flex items-center gap-2"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, { name: "i-lucide-activity" }, null, _parent2, _scopeId));
+              _push2(` ${ssrInterpolate(unref(formatRelativeTime)(__props.agent.lastRunAt))}</p></div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-3" }, [
+                __props.agent.description ? (openBlock(), createBlock("div", { key: 0 }, [
+                  createVNode("p", { class: "text-sm text-muted uppercase mb-1" }, " Description "),
+                  createVNode("p", null, toDisplayString(__props.agent.description), 1)
+                ])) : createCommentVNode("", true),
+                createVNode("div", { class: "flex flex-wrap gap-6" }, [
+                  createVNode("div", null, [
+                    createVNode("p", { class: "text-sm text-muted uppercase mb-1" }, " Schedule "),
+                    createVNode("p", { class: "flex items-center gap-2" }, [
+                      createVNode(_component_UIcon, { name: "i-lucide-clock" }),
+                      createTextVNode(" " + toDisplayString(unref(formatSchedule)(__props.agent.schedule)) + " ", 1),
+                      createVNode("span", { class: "text-sm text-muted" }, "(" + toDisplayString(__props.agent.schedule) + ")", 1)
+                    ])
+                  ]),
+                  __props.agent.maxBudgetUsd ? (openBlock(), createBlock("div", { key: 0 }, [
+                    createVNode("p", { class: "text-sm text-muted uppercase mb-1" }, " Budget Limit "),
+                    createVNode("p", { class: "flex items-center gap-2" }, [
+                      createVNode(_component_UIcon, { name: "i-lucide-dollar-sign" }),
+                      createTextVNode(" $" + toDisplayString(__props.agent.maxBudgetUsd) + " per run ", 1)
+                    ])
+                  ])) : createCommentVNode("", true),
+                  __props.agent.lastRunAt ? (openBlock(), createBlock("div", { key: 1 }, [
+                    createVNode("p", { class: "text-sm text-muted uppercase mb-1" }, " Last Run "),
+                    createVNode("p", { class: "flex items-center gap-2" }, [
+                      createVNode(_component_UIcon, { name: "i-lucide-activity" }),
+                      createTextVNode(" " + toDisplayString(unref(formatRelativeTime)(__props.agent.lastRunAt)), 1)
+                    ])
+                  ])) : createCommentVNode("", true)
+                ])
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/agents/AgentInfoCard.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const __nuxt_component_9 = Object.assign(_sfc_main$3, { __name: "AgentsAgentInfoCard" });
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "AgentRunHistory",
+  __ssrInlineRender: true,
+  props: {
+    runs: {},
+    loading: { type: Boolean }
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function truncateOutput(output, maxLength = 100) {
+      if (!output) return "-";
+      if (output.length <= maxLength) return output;
+      return output.substring(0, maxLength) + "...";
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UIcon = _sfc_main$d;
+      const _component_UCard = _sfc_main$e;
+      const _component_UBadge = _sfc_main$6;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "space-y-4" }, _attrs))}><h2 class="text-lg font-semibold"> Run History </h2>`);
+      if (__props.loading) {
+        _push(`<div class="flex items-center justify-center h-32">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: "i-lucide-loader-2",
+          class: "w-6 h-6 animate-spin text-neutral-400"
+        }, null, _parent));
+        _push(`</div>`);
+      } else if (__props.runs.length === 0) {
+        _push(`<div class="flex flex-col items-center justify-center h-32 text-neutral-500">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: "i-lucide-history",
+          class: "w-8 h-8 mb-2"
+        }, null, _parent));
+        _push(`<p>No runs yet</p></div>`);
+      } else {
+        _push(`<div class="space-y-2"><!--[-->`);
+        ssrRenderList(__props.runs, (run) => {
+          _push(ssrRenderComponent(_component_UCard, {
+            key: run.id,
+            class: "cursor-pointer transition-all hover:ring-2 hover:ring-primary/50",
+            onClick: ($event) => emit("select", run)
+          }, {
+            default: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                _push2(`<div class="flex items-start justify-between gap-4"${_scopeId}><div class="flex-1 min-w-0"${_scopeId}><div class="flex items-center gap-2 mb-1"${_scopeId}>`);
+                if (run.status === "running") {
+                  _push2(ssrRenderComponent(_component_UBadge, {
+                    color: "info",
+                    variant: "subtle",
+                    size: "sm"
+                  }, {
+                    default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                      if (_push3) {
+                        _push3(ssrRenderComponent(_component_UIcon, {
+                          name: "i-lucide-loader-2",
+                          class: "w-3 h-3 animate-spin mr-1"
+                        }, null, _parent3, _scopeId2));
+                        _push3(` Running `);
+                      } else {
+                        return [
+                          createVNode(_component_UIcon, {
+                            name: "i-lucide-loader-2",
+                            class: "w-3 h-3 animate-spin mr-1"
+                          }),
+                          createTextVNode(" Running ")
+                        ];
+                      }
+                    }),
+                    _: 2
+                  }, _parent2, _scopeId));
+                } else {
+                  _push2(ssrRenderComponent(_component_UBadge, {
+                    color: unref(getStatusColor)(run.status),
+                    size: "sm"
+                  }, {
+                    default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                      if (_push3) {
+                        _push3(`${ssrInterpolate(run.status)}`);
+                      } else {
+                        return [
+                          createTextVNode(toDisplayString(run.status), 1)
+                        ];
+                      }
+                    }),
+                    _: 2
+                  }, _parent2, _scopeId));
+                }
+                _push2(`<span class="text-sm text-muted"${_scopeId}>${ssrInterpolate(unref(formatDateTime)(run.startedAt))}</span></div><p class="text-sm text-muted truncate"${_scopeId}>${ssrInterpolate(run.error ? truncateOutput(run.error) : truncateOutput(run.output))}</p></div><div class="text-right text-sm text-muted shrink-0"${_scopeId}><p${_scopeId}>${ssrInterpolate(unref(formatDuration)(run.durationMs))}</p>`);
+                if (run.costUsd) {
+                  _push2(`<p${_scopeId}> $${ssrInterpolate(run.costUsd.toFixed(4))}</p>`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</div></div>`);
+              } else {
+                return [
+                  createVNode("div", { class: "flex items-start justify-between gap-4" }, [
+                    createVNode("div", { class: "flex-1 min-w-0" }, [
+                      createVNode("div", { class: "flex items-center gap-2 mb-1" }, [
+                        run.status === "running" ? (openBlock(), createBlock(_component_UBadge, {
+                          key: 0,
+                          color: "info",
+                          variant: "subtle",
+                          size: "sm"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UIcon, {
+                              name: "i-lucide-loader-2",
+                              class: "w-3 h-3 animate-spin mr-1"
+                            }),
+                            createTextVNode(" Running ")
+                          ]),
+                          _: 1
+                        })) : (openBlock(), createBlock(_component_UBadge, {
+                          key: 1,
+                          color: unref(getStatusColor)(run.status),
+                          size: "sm"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(run.status), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["color"])),
+                        createVNode("span", { class: "text-sm text-muted" }, toDisplayString(unref(formatDateTime)(run.startedAt)), 1)
+                      ]),
+                      createVNode("p", { class: "text-sm text-muted truncate" }, toDisplayString(run.error ? truncateOutput(run.error) : truncateOutput(run.output)), 1)
+                    ]),
+                    createVNode("div", { class: "text-right text-sm text-muted shrink-0" }, [
+                      createVNode("p", null, toDisplayString(unref(formatDuration)(run.durationMs)), 1),
+                      run.costUsd ? (openBlock(), createBlock("p", { key: 0 }, " $" + toDisplayString(run.costUsd.toFixed(4)), 1)) : createCommentVNode("", true)
+                    ])
+                  ])
+                ];
+              }
+            }),
+            _: 2
+          }, _parent));
+        });
+        _push(`<!--]--></div>`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/agents/AgentRunHistory.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const __nuxt_component_12 = Object.assign(_sfc_main$2, { __name: "AgentsAgentRunHistory" });
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "AgentRunModal",
   __ssrInlineRender: true,
@@ -100,36 +335,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   emits: ["update:open"],
   setup(__props) {
     const open = useModel(__props, "open");
-    function formatDuration(ms) {
-      if (!ms) return "-";
-      if (ms < 1e3) return `${ms}ms`;
-      if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
-      return `${(ms / 6e4).toFixed(1)}m`;
-    }
-    function formatDateTime(date) {
-      if (!date) return "-";
-      const d = new Date(date);
-      return d.toLocaleString();
-    }
-    function getStatusColor(status) {
-      switch (status) {
-        case "success":
-          return "success";
-        case "error":
-          return "error";
-        case "budget_exceeded":
-          return "warning";
-        case "running":
-          return "info";
-        case "cancelled":
-          return "neutral";
-        default:
-          return "neutral";
-      }
-    }
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_UModal = _sfc_main$b;
-      const _component_UBadge = _sfc_main$3;
+      const _component_UModal = _sfc_main$c;
+      const _component_UBadge = _sfc_main$6;
       const _component_UIcon = _sfc_main$d;
       const _component_UButton = _sfc_main$8;
       _push(ssrRenderComponent(_component_UModal, mergeProps({
@@ -143,7 +351,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             if (__props.run) {
               _push2(`<div class="p-4 space-y-4"${_scopeId}><div class="flex flex-wrap items-center gap-4"${_scopeId}>`);
               _push2(ssrRenderComponent(_component_UBadge, {
-                color: getStatusColor(__props.run.status),
+                color: unref(getStatusColor)(__props.run.status),
                 size: "lg"
               }, {
                 default: withCtx((_2, _push3, _parent3, _scopeId2) => {
@@ -157,13 +365,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 }),
                 _: 1
               }, _parent2, _scopeId));
-              _push2(`<span class="text-sm text-muted"${_scopeId}> Started: ${ssrInterpolate(formatDateTime(__props.run.startedAt))}</span>`);
+              _push2(`<span class="text-sm text-muted"${_scopeId}> Started: ${ssrInterpolate(unref(formatDateTime)(__props.run.startedAt))}</span>`);
               if (__props.run.completedAt) {
-                _push2(`<span class="text-sm text-muted"${_scopeId}> Completed: ${ssrInterpolate(formatDateTime(__props.run.completedAt))}</span>`);
+                _push2(`<span class="text-sm text-muted"${_scopeId}> Completed: ${ssrInterpolate(unref(formatDateTime)(__props.run.completedAt))}</span>`);
               } else {
                 _push2(`<!---->`);
               }
-              _push2(`</div><div class="grid grid-cols-2 sm:grid-cols-4 gap-4 p-4 rounded-lg bg-muted/5"${_scopeId}><div${_scopeId}><p class="text-xs text-muted uppercase"${_scopeId}> Duration </p><p class="font-medium"${_scopeId}>${ssrInterpolate(formatDuration(__props.run.durationMs))}</p></div><div${_scopeId}><p class="text-xs text-muted uppercase"${_scopeId}> Cost </p><p class="font-medium"${_scopeId}>${ssrInterpolate(__props.run.costUsd ? `$${__props.run.costUsd.toFixed(4)}` : "-")}</p></div><div${_scopeId}><p class="text-xs text-muted uppercase"${_scopeId}> Input Tokens </p><p class="font-medium"${_scopeId}>${ssrInterpolate(__props.run.inputTokens?.toLocaleString() || "-")}</p></div><div${_scopeId}><p class="text-xs text-muted uppercase"${_scopeId}> Output Tokens </p><p class="font-medium"${_scopeId}>${ssrInterpolate(__props.run.outputTokens?.toLocaleString() || "-")}</p></div></div>`);
+              _push2(`</div><div class="grid grid-cols-2 sm:grid-cols-4 gap-4 p-4 rounded-lg bg-muted/5"${_scopeId}><div${_scopeId}><p class="text-xs text-muted uppercase"${_scopeId}> Duration </p><p class="font-medium"${_scopeId}>${ssrInterpolate(unref(formatDuration)(__props.run.durationMs))}</p></div><div${_scopeId}><p class="text-xs text-muted uppercase"${_scopeId}> Cost </p><p class="font-medium"${_scopeId}>${ssrInterpolate(__props.run.costUsd ? `$${__props.run.costUsd.toFixed(4)}` : "-")}</p></div><div${_scopeId}><p class="text-xs text-muted uppercase"${_scopeId}> Input Tokens </p><p class="font-medium"${_scopeId}>${ssrInterpolate(__props.run.inputTokens?.toLocaleString() || "-")}</p></div><div${_scopeId}><p class="text-xs text-muted uppercase"${_scopeId}> Output Tokens </p><p class="font-medium"${_scopeId}>${ssrInterpolate(__props.run.outputTokens?.toLocaleString() || "-")}</p></div></div>`);
               if (__props.run.error) {
                 _push2(`<div class="p-4 rounded-lg bg-error-500/10 border border-error-500/20"${_scopeId}><p class="text-sm font-medium text-error-500 mb-2"${_scopeId}> Error </p><pre class="text-sm text-error-400 whitespace-pre-wrap font-mono overflow-x-auto"${_scopeId}>${ssrInterpolate(__props.run.error)}</pre></div>`);
               } else {
@@ -196,7 +404,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               }, [
                 createVNode("div", { class: "flex flex-wrap items-center gap-4" }, [
                   createVNode(_component_UBadge, {
-                    color: getStatusColor(__props.run.status),
+                    color: unref(getStatusColor)(__props.run.status),
                     size: "lg"
                   }, {
                     default: withCtx(() => [
@@ -204,16 +412,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }, 8, ["color"]),
-                  createVNode("span", { class: "text-sm text-muted" }, " Started: " + toDisplayString(formatDateTime(__props.run.startedAt)), 1),
+                  createVNode("span", { class: "text-sm text-muted" }, " Started: " + toDisplayString(unref(formatDateTime)(__props.run.startedAt)), 1),
                   __props.run.completedAt ? (openBlock(), createBlock("span", {
                     key: 0,
                     class: "text-sm text-muted"
-                  }, " Completed: " + toDisplayString(formatDateTime(__props.run.completedAt)), 1)) : createCommentVNode("", true)
+                  }, " Completed: " + toDisplayString(unref(formatDateTime)(__props.run.completedAt)), 1)) : createCommentVNode("", true)
                 ]),
                 createVNode("div", { class: "grid grid-cols-2 sm:grid-cols-4 gap-4 p-4 rounded-lg bg-muted/5" }, [
                   createVNode("div", null, [
                     createVNode("p", { class: "text-xs text-muted uppercase" }, " Duration "),
-                    createVNode("p", { class: "font-medium" }, toDisplayString(formatDuration(__props.run.durationMs)), 1)
+                    createVNode("p", { class: "font-medium" }, toDisplayString(unref(formatDuration)(__props.run.durationMs)), 1)
                   ]),
                   createVNode("div", null, [
                     createVNode("p", { class: "text-xs text-muted uppercase" }, " Cost "),
@@ -306,7 +514,7 @@ _sfc_main$1.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/agents/AgentRunModal.vue");
   return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
 };
-const __nuxt_component_15 = Object.assign(_sfc_main$1, { __name: "AgentsAgentRunModal" });
+const __nuxt_component_16 = Object.assign(_sfc_main$1, { __name: "AgentsAgentRunModal" });
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "[id]",
   __ssrInlineRender: true,
@@ -350,64 +558,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const showDeleteConfirm = ref(false);
     const selectedRun = ref(null);
     const showRunModal = ref(false);
-    function formatSchedule(schedule) {
-      const parts = schedule.split(" ");
-      if (parts.length !== 5) return schedule;
-      const min = parts[0];
-      const hour = parts[1];
-      const dayOfMonth = parts[2];
-      const month = parts[3];
-      const dayOfWeek = parts[4];
-      if (min === "0" && hour === "*" && dayOfMonth === "*" && month === "*" && dayOfWeek === "*")
-        return "Every hour";
-      if (min === "*/5" && hour === "*" && dayOfMonth === "*" && month === "*" && dayOfWeek === "*")
-        return "Every 5 minutes";
-      if (dayOfMonth === "*" && month === "*" && dayOfWeek === "*" && hour !== "*")
-        return `Daily at ${hour}:${min.padStart(2, "0")}`;
-      if (dayOfWeek === "0" && dayOfMonth === "*" && month === "*")
-        return `Weekly on Sunday at ${hour}:${min.padStart(2, "0")}`;
-      return schedule;
-    }
-    function formatRelativeTime(date) {
-      if (!date) return "Never";
-      const d = new Date(date);
-      const now = /* @__PURE__ */ new Date();
-      const diff = now.getTime() - d.getTime();
-      const minutes = Math.floor(diff / 6e4);
-      const hours = Math.floor(diff / 36e5);
-      const days = Math.floor(diff / 864e5);
-      if (minutes < 1) return "Just now";
-      if (minutes < 60) return `${minutes}m ago`;
-      if (hours < 24) return `${hours}h ago`;
-      return `${days}d ago`;
-    }
-    function formatDuration(ms) {
-      if (!ms) return "-";
-      if (ms < 1e3) return `${ms}ms`;
-      if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
-      return `${(ms / 6e4).toFixed(1)}m`;
-    }
-    function formatDateTime(date) {
-      if (!date) return "-";
-      const d = new Date(date);
-      return d.toLocaleString();
-    }
-    function getStatusColor(status) {
-      switch (status) {
-        case "success":
-          return "success";
-        case "error":
-          return "error";
-        case "budget_exceeded":
-          return "warning";
-        case "running":
-          return "info";
-        case "cancelled":
-          return "neutral";
-        default:
-          return "neutral";
-      }
-    }
     async function loadStats() {
       statsLoading.value = true;
       try {
@@ -517,11 +667,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       selectedRun.value = run;
       showRunModal.value = true;
     }
-    function truncateOutput(output, maxLength = 100) {
-      if (!output) return "-";
-      if (output.length <= maxLength) return output;
-      return output.substring(0, maxLength) + "...";
-    }
     watch(period, () => {
       loadStats();
       loadRuns();
@@ -530,19 +675,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_UDashboardPanel = _sfc_main$1$1;
       const _component_UDashboardNavbar = _sfc_main$4;
       const _component_UButton = _sfc_main$8;
-      const _component_UBadge = _sfc_main$3;
+      const _component_UBadge = _sfc_main$6;
       const _component_UIcon = _sfc_main$d;
-      const _component_USkeleton = _sfc_main$6;
+      const _component_USkeleton = _sfc_main$7;
       const _component_USwitch = _sfc_main$5;
-      const _component_UDashboardToolbar = _sfc_main$7;
-      const _component_UFieldGroup = _sfc_main$9;
-      const _component_UCard = _sfc_main$2;
+      const _component_UDashboardToolbar = _sfc_main$9;
+      const _component_UFieldGroup = _sfc_main$a;
+      const _component_AgentsAgentInfoCard = __nuxt_component_9;
       const _component_AgentsAgentStatsCards = __nuxt_component_4;
       const _component_AgentsAgentActivityChart = __nuxt_component_5;
-      const _component_USlideover = _sfc_main$a;
-      const _component_AgentsAgentForm = __nuxt_component_11;
-      const _component_UModal = _sfc_main$b;
-      const _component_AgentsAgentRunModal = __nuxt_component_15;
+      const _component_AgentsAgentRunHistory = __nuxt_component_12;
+      const _component_USlideover = _sfc_main$b;
+      const _component_AgentsAgentForm = __nuxt_component_9$1;
+      const _component_UModal = _sfc_main$c;
+      const _component_AgentsAgentRunModal = __nuxt_component_16;
       _push(`<div${ssrRenderAttrs(mergeProps({ class: "contents" }, _attrs))}>`);
       _push(ssrRenderComponent(_component_UDashboardPanel, {
         id: "agent-detail",
@@ -916,70 +1062,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _push2(`</div>`);
             } else if (unref(agent)) {
               _push2(`<div class="p-4 space-y-6"${_scopeId}>`);
-              _push2(ssrRenderComponent(_component_UCard, null, {
-                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                  if (_push3) {
-                    _push3(`<div class="space-y-3"${_scopeId2}>`);
-                    if (unref(agent).description) {
-                      _push3(`<div${_scopeId2}><p class="text-sm text-muted uppercase mb-1"${_scopeId2}> Description </p><p${_scopeId2}>${ssrInterpolate(unref(agent).description)}</p></div>`);
-                    } else {
-                      _push3(`<!---->`);
-                    }
-                    _push3(`<div class="flex flex-wrap gap-6"${_scopeId2}><div${_scopeId2}><p class="text-sm text-muted uppercase mb-1"${_scopeId2}> Schedule </p><p class="flex items-center gap-2"${_scopeId2}>`);
-                    _push3(ssrRenderComponent(_component_UIcon, { name: "i-lucide-clock" }, null, _parent3, _scopeId2));
-                    _push3(` ${ssrInterpolate(formatSchedule(unref(agent).schedule))} <span class="text-sm text-muted"${_scopeId2}>(${ssrInterpolate(unref(agent).schedule)})</span></p></div>`);
-                    if (unref(agent).maxBudgetUsd) {
-                      _push3(`<div${_scopeId2}><p class="text-sm text-muted uppercase mb-1"${_scopeId2}> Budget Limit </p><p class="flex items-center gap-2"${_scopeId2}>`);
-                      _push3(ssrRenderComponent(_component_UIcon, { name: "i-lucide-dollar-sign" }, null, _parent3, _scopeId2));
-                      _push3(` $${ssrInterpolate(unref(agent).maxBudgetUsd)} per run </p></div>`);
-                    } else {
-                      _push3(`<!---->`);
-                    }
-                    if (unref(agent).lastRunAt) {
-                      _push3(`<div${_scopeId2}><p class="text-sm text-muted uppercase mb-1"${_scopeId2}> Last Run </p><p class="flex items-center gap-2"${_scopeId2}>`);
-                      _push3(ssrRenderComponent(_component_UIcon, { name: "i-lucide-activity" }, null, _parent3, _scopeId2));
-                      _push3(` ${ssrInterpolate(formatRelativeTime(unref(agent).lastRunAt))}</p></div>`);
-                    } else {
-                      _push3(`<!---->`);
-                    }
-                    _push3(`</div></div>`);
-                  } else {
-                    return [
-                      createVNode("div", { class: "space-y-3" }, [
-                        unref(agent).description ? (openBlock(), createBlock("div", { key: 0 }, [
-                          createVNode("p", { class: "text-sm text-muted uppercase mb-1" }, " Description "),
-                          createVNode("p", null, toDisplayString(unref(agent).description), 1)
-                        ])) : createCommentVNode("", true),
-                        createVNode("div", { class: "flex flex-wrap gap-6" }, [
-                          createVNode("div", null, [
-                            createVNode("p", { class: "text-sm text-muted uppercase mb-1" }, " Schedule "),
-                            createVNode("p", { class: "flex items-center gap-2" }, [
-                              createVNode(_component_UIcon, { name: "i-lucide-clock" }),
-                              createTextVNode(" " + toDisplayString(formatSchedule(unref(agent).schedule)) + " ", 1),
-                              createVNode("span", { class: "text-sm text-muted" }, "(" + toDisplayString(unref(agent).schedule) + ")", 1)
-                            ])
-                          ]),
-                          unref(agent).maxBudgetUsd ? (openBlock(), createBlock("div", { key: 0 }, [
-                            createVNode("p", { class: "text-sm text-muted uppercase mb-1" }, " Budget Limit "),
-                            createVNode("p", { class: "flex items-center gap-2" }, [
-                              createVNode(_component_UIcon, { name: "i-lucide-dollar-sign" }),
-                              createTextVNode(" $" + toDisplayString(unref(agent).maxBudgetUsd) + " per run ", 1)
-                            ])
-                          ])) : createCommentVNode("", true),
-                          unref(agent).lastRunAt ? (openBlock(), createBlock("div", { key: 1 }, [
-                            createVNode("p", { class: "text-sm text-muted uppercase mb-1" }, " Last Run "),
-                            createVNode("p", { class: "flex items-center gap-2" }, [
-                              createVNode(_component_UIcon, { name: "i-lucide-activity" }),
-                              createTextVNode(" " + toDisplayString(formatRelativeTime(unref(agent).lastRunAt)), 1)
-                            ])
-                          ])) : createCommentVNode("", true)
-                        ])
-                      ])
-                    ];
-                  }
-                }),
-                _: 1
-              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_component_AgentsAgentInfoCard, { agent: unref(agent) }, null, _parent2, _scopeId));
               _push2(ssrRenderComponent(_component_AgentsAgentStatsCards, {
                 stats: unref(stats),
                 loading: unref(statsLoading),
@@ -993,128 +1076,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               } else {
                 _push2(`<!---->`);
               }
-              _push2(`<div class="space-y-4"${_scopeId}><h2 class="text-lg font-semibold"${_scopeId}> Run History </h2>`);
-              if (unref(runsLoading)) {
-                _push2(`<div class="flex items-center justify-center h-32"${_scopeId}>`);
-                _push2(ssrRenderComponent(_component_UIcon, {
-                  name: "i-lucide-loader-2",
-                  class: "w-6 h-6 animate-spin text-neutral-400"
-                }, null, _parent2, _scopeId));
-                _push2(`</div>`);
-              } else if (unref(runs).length === 0) {
-                _push2(`<div class="flex flex-col items-center justify-center h-32 text-neutral-500"${_scopeId}>`);
-                _push2(ssrRenderComponent(_component_UIcon, {
-                  name: "i-lucide-history",
-                  class: "w-8 h-8 mb-2"
-                }, null, _parent2, _scopeId));
-                _push2(`<p${_scopeId}>No runs yet</p></div>`);
-              } else {
-                _push2(`<div class="space-y-2"${_scopeId}><!--[-->`);
-                ssrRenderList(unref(runs), (run) => {
-                  _push2(ssrRenderComponent(_component_UCard, {
-                    key: run.id,
-                    class: "cursor-pointer transition-all hover:ring-2 hover:ring-primary/50",
-                    onClick: ($event) => openRunModal(run)
-                  }, {
-                    default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                      if (_push3) {
-                        _push3(`<div class="flex items-start justify-between gap-4"${_scopeId2}><div class="flex-1 min-w-0"${_scopeId2}><div class="flex items-center gap-2 mb-1"${_scopeId2}>`);
-                        if (run.status === "running") {
-                          _push3(ssrRenderComponent(_component_UBadge, {
-                            color: "info",
-                            variant: "subtle",
-                            size: "sm"
-                          }, {
-                            default: withCtx((_3, _push4, _parent4, _scopeId3) => {
-                              if (_push4) {
-                                _push4(ssrRenderComponent(_component_UIcon, {
-                                  name: "i-lucide-loader-2",
-                                  class: "w-3 h-3 animate-spin mr-1"
-                                }, null, _parent4, _scopeId3));
-                                _push4(` Running `);
-                              } else {
-                                return [
-                                  createVNode(_component_UIcon, {
-                                    name: "i-lucide-loader-2",
-                                    class: "w-3 h-3 animate-spin mr-1"
-                                  }),
-                                  createTextVNode(" Running ")
-                                ];
-                              }
-                            }),
-                            _: 2
-                          }, _parent3, _scopeId2));
-                        } else {
-                          _push3(ssrRenderComponent(_component_UBadge, {
-                            color: getStatusColor(run.status),
-                            size: "sm"
-                          }, {
-                            default: withCtx((_3, _push4, _parent4, _scopeId3) => {
-                              if (_push4) {
-                                _push4(`${ssrInterpolate(run.status)}`);
-                              } else {
-                                return [
-                                  createTextVNode(toDisplayString(run.status), 1)
-                                ];
-                              }
-                            }),
-                            _: 2
-                          }, _parent3, _scopeId2));
-                        }
-                        _push3(`<span class="text-sm text-muted"${_scopeId2}>${ssrInterpolate(formatDateTime(run.startedAt))}</span></div><p class="text-sm text-muted truncate"${_scopeId2}>${ssrInterpolate(run.error ? truncateOutput(run.error) : truncateOutput(run.output))}</p></div><div class="text-right text-sm text-muted shrink-0"${_scopeId2}><p${_scopeId2}>${ssrInterpolate(formatDuration(run.durationMs))}</p>`);
-                        if (run.costUsd) {
-                          _push3(`<p${_scopeId2}> $${ssrInterpolate(run.costUsd.toFixed(4))}</p>`);
-                        } else {
-                          _push3(`<!---->`);
-                        }
-                        _push3(`</div></div>`);
-                      } else {
-                        return [
-                          createVNode("div", { class: "flex items-start justify-between gap-4" }, [
-                            createVNode("div", { class: "flex-1 min-w-0" }, [
-                              createVNode("div", { class: "flex items-center gap-2 mb-1" }, [
-                                run.status === "running" ? (openBlock(), createBlock(_component_UBadge, {
-                                  key: 0,
-                                  color: "info",
-                                  variant: "subtle",
-                                  size: "sm"
-                                }, {
-                                  default: withCtx(() => [
-                                    createVNode(_component_UIcon, {
-                                      name: "i-lucide-loader-2",
-                                      class: "w-3 h-3 animate-spin mr-1"
-                                    }),
-                                    createTextVNode(" Running ")
-                                  ]),
-                                  _: 1
-                                })) : (openBlock(), createBlock(_component_UBadge, {
-                                  key: 1,
-                                  color: getStatusColor(run.status),
-                                  size: "sm"
-                                }, {
-                                  default: withCtx(() => [
-                                    createTextVNode(toDisplayString(run.status), 1)
-                                  ]),
-                                  _: 2
-                                }, 1032, ["color"])),
-                                createVNode("span", { class: "text-sm text-muted" }, toDisplayString(formatDateTime(run.startedAt)), 1)
-                              ]),
-                              createVNode("p", { class: "text-sm text-muted truncate" }, toDisplayString(run.error ? truncateOutput(run.error) : truncateOutput(run.output)), 1)
-                            ]),
-                            createVNode("div", { class: "text-right text-sm text-muted shrink-0" }, [
-                              createVNode("p", null, toDisplayString(formatDuration(run.durationMs)), 1),
-                              run.costUsd ? (openBlock(), createBlock("p", { key: 0 }, " $" + toDisplayString(run.costUsd.toFixed(4)), 1)) : createCommentVNode("", true)
-                            ])
-                          ])
-                        ];
-                      }
-                    }),
-                    _: 2
-                  }, _parent2, _scopeId));
-                });
-                _push2(`<!--]--></div>`);
-              }
-              _push2(`</div></div>`);
+              _push2(ssrRenderComponent(_component_AgentsAgentRunHistory, {
+                runs: unref(runs),
+                loading: unref(runsLoading),
+                onSelect: openRunModal
+              }, null, _parent2, _scopeId));
+              _push2(`</div>`);
             } else {
               _push2(`<!---->`);
             }
@@ -1132,41 +1099,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: 1,
                 class: "p-4 space-y-6"
               }, [
-                createVNode(_component_UCard, null, {
-                  default: withCtx(() => [
-                    createVNode("div", { class: "space-y-3" }, [
-                      unref(agent).description ? (openBlock(), createBlock("div", { key: 0 }, [
-                        createVNode("p", { class: "text-sm text-muted uppercase mb-1" }, " Description "),
-                        createVNode("p", null, toDisplayString(unref(agent).description), 1)
-                      ])) : createCommentVNode("", true),
-                      createVNode("div", { class: "flex flex-wrap gap-6" }, [
-                        createVNode("div", null, [
-                          createVNode("p", { class: "text-sm text-muted uppercase mb-1" }, " Schedule "),
-                          createVNode("p", { class: "flex items-center gap-2" }, [
-                            createVNode(_component_UIcon, { name: "i-lucide-clock" }),
-                            createTextVNode(" " + toDisplayString(formatSchedule(unref(agent).schedule)) + " ", 1),
-                            createVNode("span", { class: "text-sm text-muted" }, "(" + toDisplayString(unref(agent).schedule) + ")", 1)
-                          ])
-                        ]),
-                        unref(agent).maxBudgetUsd ? (openBlock(), createBlock("div", { key: 0 }, [
-                          createVNode("p", { class: "text-sm text-muted uppercase mb-1" }, " Budget Limit "),
-                          createVNode("p", { class: "flex items-center gap-2" }, [
-                            createVNode(_component_UIcon, { name: "i-lucide-dollar-sign" }),
-                            createTextVNode(" $" + toDisplayString(unref(agent).maxBudgetUsd) + " per run ", 1)
-                          ])
-                        ])) : createCommentVNode("", true),
-                        unref(agent).lastRunAt ? (openBlock(), createBlock("div", { key: 1 }, [
-                          createVNode("p", { class: "text-sm text-muted uppercase mb-1" }, " Last Run "),
-                          createVNode("p", { class: "flex items-center gap-2" }, [
-                            createVNode(_component_UIcon, { name: "i-lucide-activity" }),
-                            createTextVNode(" " + toDisplayString(formatRelativeTime(unref(agent).lastRunAt)), 1)
-                          ])
-                        ])) : createCommentVNode("", true)
-                      ])
-                    ])
-                  ]),
-                  _: 1
-                }),
+                createVNode(_component_AgentsAgentInfoCard, { agent: unref(agent) }, null, 8, ["agent"]),
                 createVNode(_component_AgentsAgentStatsCards, {
                   stats: unref(stats),
                   loading: unref(statsLoading),
@@ -1177,78 +1110,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   data: unref(stats).dailyRuns,
                   title: "Run Activity"
                 }, null, 8, ["data"])) : createCommentVNode("", true),
-                createVNode("div", { class: "space-y-4" }, [
-                  createVNode("h2", { class: "text-lg font-semibold" }, " Run History "),
-                  unref(runsLoading) ? (openBlock(), createBlock("div", {
-                    key: 0,
-                    class: "flex items-center justify-center h-32"
-                  }, [
-                    createVNode(_component_UIcon, {
-                      name: "i-lucide-loader-2",
-                      class: "w-6 h-6 animate-spin text-neutral-400"
-                    })
-                  ])) : unref(runs).length === 0 ? (openBlock(), createBlock("div", {
-                    key: 1,
-                    class: "flex flex-col items-center justify-center h-32 text-neutral-500"
-                  }, [
-                    createVNode(_component_UIcon, {
-                      name: "i-lucide-history",
-                      class: "w-8 h-8 mb-2"
-                    }),
-                    createVNode("p", null, "No runs yet")
-                  ])) : (openBlock(), createBlock("div", {
-                    key: 2,
-                    class: "space-y-2"
-                  }, [
-                    (openBlock(true), createBlock(Fragment, null, renderList(unref(runs), (run) => {
-                      return openBlock(), createBlock(_component_UCard, {
-                        key: run.id,
-                        class: "cursor-pointer transition-all hover:ring-2 hover:ring-primary/50",
-                        onClick: ($event) => openRunModal(run)
-                      }, {
-                        default: withCtx(() => [
-                          createVNode("div", { class: "flex items-start justify-between gap-4" }, [
-                            createVNode("div", { class: "flex-1 min-w-0" }, [
-                              createVNode("div", { class: "flex items-center gap-2 mb-1" }, [
-                                run.status === "running" ? (openBlock(), createBlock(_component_UBadge, {
-                                  key: 0,
-                                  color: "info",
-                                  variant: "subtle",
-                                  size: "sm"
-                                }, {
-                                  default: withCtx(() => [
-                                    createVNode(_component_UIcon, {
-                                      name: "i-lucide-loader-2",
-                                      class: "w-3 h-3 animate-spin mr-1"
-                                    }),
-                                    createTextVNode(" Running ")
-                                  ]),
-                                  _: 1
-                                })) : (openBlock(), createBlock(_component_UBadge, {
-                                  key: 1,
-                                  color: getStatusColor(run.status),
-                                  size: "sm"
-                                }, {
-                                  default: withCtx(() => [
-                                    createTextVNode(toDisplayString(run.status), 1)
-                                  ]),
-                                  _: 2
-                                }, 1032, ["color"])),
-                                createVNode("span", { class: "text-sm text-muted" }, toDisplayString(formatDateTime(run.startedAt)), 1)
-                              ]),
-                              createVNode("p", { class: "text-sm text-muted truncate" }, toDisplayString(run.error ? truncateOutput(run.error) : truncateOutput(run.output)), 1)
-                            ]),
-                            createVNode("div", { class: "text-right text-sm text-muted shrink-0" }, [
-                              createVNode("p", null, toDisplayString(formatDuration(run.durationMs)), 1),
-                              run.costUsd ? (openBlock(), createBlock("p", { key: 0 }, " $" + toDisplayString(run.costUsd.toFixed(4)), 1)) : createCommentVNode("", true)
-                            ])
-                          ])
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"]);
-                    }), 128))
-                  ]))
-                ])
+                createVNode(_component_AgentsAgentRunHistory, {
+                  runs: unref(runs),
+                  loading: unref(runsLoading),
+                  onSelect: openRunModal
+                }, null, 8, ["runs", "loading"])
               ])) : createCommentVNode("", true)
             ];
           }
@@ -1398,4 +1264,4 @@ _sfc_main.setup = (props, ctx) => {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=_id_-DN00UDdO.mjs.map
+//# sourceMappingURL=_id_-CwBeklIM.mjs.map