update the chatbox

src/components/agents/AgentConfigure.jsx

@@ -1,14 +1,12 @@
 import * as React from 'react';
-import { Link } from 'react-router-dom';
 import {
   BookOpen, Boxes, Brain, FileText, Globe, IdCard, Layers, LayoutGrid, MessageSquare, Plus,
-  SlidersHorizontal, Trash2, X, Zap,
+  SlidersHorizontal, Trash2, X,
 } from 'lucide-react';
 import {
   Alert, Button, Field, Input, SegmentedToggle, Select, SelectContent, SelectItem, SelectTrigger,
   SelectValue, Switch, Textarea,
 } from '@/components/ds';
-import { allSkills } from '@/lib/skills/registry';
 import { DOMAIN_SURFACES, surfaceFor } from '@/lib/skills/surfaces';
 import { AGENT_ICONS, KNOWLEDGE_KINDS, REASONING_MODES } from '@/lib/agents/vocabulary';
 import {
@@ -116,9 +114,6 @@ export function AgentConfigure({
     [fields.instructions]
   );
 
-  const registry = React.useMemo(() => allSkills(customSkills), [customSkills]);
-  const skillById = React.useMemo(() => new Map(registry.map((s) => [s.id, s])), [registry]);
-
   const availableSubagents = React.useMemo(
     () => agents.filter((a) => a.id !== fields.id && a.status === 'published'),
     [agents, fields.id]
@@ -181,10 +176,9 @@ export function AgentConfigure({
       id: 'capabilities',
       icon: Boxes,
       label: 'Capabilities',
-      meta: `${fields.pages.length + fields.skills.length + fields.knowledge.length}`,
+      meta: `${fields.pages.length + fields.knowledge.length}`,
       items: [
         { id: 'capabilities-pages', label: 'Pages', meta: fields.pages.length },
-        { id: 'capabilities-skills', label: 'Skills', meta: fields.skills.length },
         { id: 'capabilities-knowledge', label: 'Knowledge', meta: fields.knowledge.length },
       ],
     },
@@ -313,7 +307,7 @@ export function AgentConfigure({
           icon={Boxes}
           title="Capabilities"
           description="What this agent can reach and use when it answers."
-          meta={`${fields.pages.length} page${fields.pages.length === 1 ? '' : 's'} · ${fields.skills.length} skill${fields.skills.length === 1 ? '' : 's'} · ${fields.knowledge.length} knowledge`}
+          meta={`${fields.pages.length} page${fields.pages.length === 1 ? '' : 's'} · ${fields.knowledge.length} knowledge`}
           open={open.capabilities}
           onToggle={() => toggleSection('capabilities')}
         >
@@ -390,80 +384,6 @@ export function AgentConfigure({
               </p>
             </div>
 
-            {/* Skills ── what it can do. */}
-            <div className="py-4">
-              <GroupHead
-                id="capabilities-skills"
-                icon={Zap}
-                title="Skills"
-                count={fields.skills.length}
-                action={(
-                  <Button variant="outline" size="sm" onClick={onOpenSkills}>
-                    <Boxes className="h-3.5 w-3.5" /> Browse catalog
-                  </Button>
-                )}
-              />
-
-              {/* Attaching happens in the Skills workspace, not here. A
-                  checkbox list could say which skills exist; it could not show
-                  what an agent is *made of*, which is the question someone
-                  composing one is actually asking. */}
-              {fields.skills.length > 0 ? (
-                <ul className="divide-y divide-border">
-                  {fields.skills.map((id) => {
-                    const skill = skillById.get(id);
-                    return (
-                      <ItemRow
-                        key={id}
-                        icon={Zap}
-                        title={skill?.name || id}
-                        detail={skill?.description}
-                        warning={skill ? null : 'No skill with this id is registered.'}
-                        removeLabel={`Remove ${skill?.name || id}`}
-                        onRemove={() => set({ skills: fields.skills.filter((x) => x !== id) })}
-                      />
-                    );
-                  })}
-                </ul>
-              ) : (
-                <p className="text-body-sm text-ink-3">
-                  No skills attached. This agent can still answer from the page&apos;s own reader —
-                  or open the{' '}
-                  <button
-                    type="button"
-                    onClick={onOpenSkills}
-                    className={`font-medium text-krow-blue underline-offset-2 hover:underline
-                                focus-visible:outline-none focus-visible:ring-2
-                                focus-visible:ring-krow-blue/40 rounded`}
-                  >
-                    skill catalog
-                  </button>{' '}
-                  to give it one.
-                </p>
-              )}
-
-              <p className="mt-2 text-caption text-ink-4">
-                Attached under{' '}
-                <button
-                  type="button"
-                  onClick={onOpenSkills}
-                  className={`font-medium text-krow-blue underline-offset-2 hover:underline
-                              focus-visible:outline-none focus-visible:ring-2
-                              focus-visible:ring-krow-blue/40 rounded`}
-                >
-                  Skills
-                </button>
-                , where Owliver skills and Board skills both live. Definitions are written in the{' '}
-                <Link
-                  to="/admin/workspace/skills"
-                  className="font-medium text-krow-blue underline-offset-2 hover:underline"
-                >
-                  skill library
-                </Link>
-                .
-              </p>
-            </div>
-
             {/* Knowledge ── what it has been told. */}
             <div className="pt-4">
               <GroupHead