ageent preview & select in KF editor

2025-10-16 20:39:09 +00:00
parent 078f60ef51
commit 3912523b0a
14 changed files with 223 additions and 111 deletions
@@ -1,16 +1,25 @@
 <style>
-    canvas[data-output="kfeCanvas"]{
-        width: 100%;
-        height: 100%;
-    }
    .kf-editor{
        grid-template-columns: 15% auto 20%;
+        grid-gap:0;
+        height: 100%;
    }
+    .kf-editor > article{
+        height: 100%;
+        margin: 0;
+    }
+    .kf-editor > article, .kf-editor > article header{ border-color: #473; }
+    .kf-editor article.agent-preview header { padding:0; }
+    .kf-editor article.agent-preview canvas{ width:100%; height:100%; } 
+
 </style>
 <div class="kf-editor cols-3">
-    <article eiccard="">
-         <header>Agent show</header>
-        <section>agents selector</section>
+    <article eiccard class="agent-preview">
+         <header><canvas data-output="agentSampleCanvas"></canvas></header>
+        <section>
+            agents selector
+            <select data-output="agentsSelector"></select>
+        </section>
    </article>
    <article eiccard="" data-eicui-id="d9aace9b-9e60-4cfc-ad7c-98b9693d05f3" aria-enabled="true">
        <section>
@@ -25,5 +34,3 @@
 </div>    
    

-
-<!-- <canvas data-output="kfeCanvas"></canvas> -->