diff --git a/webui/src/web-components/sketch-tool-calls.ts b/webui/src/web-components/sketch-tool-calls.ts
index 99b0f21..a5afa50 100644
--- a/webui/src/web-components/sketch-tool-calls.ts
+++ b/webui/src/web-components/sketch-tool-calls.ts
@@ -4,7 +4,7 @@
 import { ToolCall } from "../types";
 import "./sketch-tool-card";
 import "./sketch-tool-card-take-screenshot";
-import "./sketch-tool-card-knowledge-base";
+import "./sketch-tool-card-about-sketch";
 
 @customElement("sketch-tool-calls")
 export class SketchToolCalls extends LitElement {
@@ -128,11 +128,11 @@
           .open=${open}
           .toolCall=${toolCall}
         ></sketch-tool-card-take-screenshot>`;
-      case "knowledge_base":
-        return html`<sketch-tool-card-knowledge-base
+      case "about_sketch":
+        return html`<sketch-tool-card-about-sketch
           .open=${open}
           .toolCall=${toolCall}
-        ></sketch-tool-card-knowledge-base>`;
+        ></sketch-tool-card-about-sketch>`;
     }
     return html`<sketch-tool-card-generic
       .open=${open}
diff --git a/webui/src/web-components/sketch-tool-card-knowledge-base.ts b/webui/src/web-components/sketch-tool-card-about-sketch.ts
similarity index 75%
rename from webui/src/web-components/sketch-tool-card-knowledge-base.ts
rename to webui/src/web-components/sketch-tool-card-about-sketch.ts
index ab0e723..b480568 100644
--- a/webui/src/web-components/sketch-tool-card-knowledge-base.ts
+++ b/webui/src/web-components/sketch-tool-card-about-sketch.ts
@@ -18,8 +18,8 @@
   }
 }
 
-@customElement("sketch-tool-card-knowledge-base")
-export class SketchToolCardKnowledgeBase extends LitElement {
+@customElement("sketch-tool-card-about-sketch")
+export class SketchToolCardAboutSketch extends LitElement {
   @property() toolCall: ToolCall;
   @property() open: boolean;
 
@@ -27,7 +27,7 @@
     .summary-text {
       font-style: italic;
     }
-    .knowledge-content {
+    .about-sketch-content {
       background: rgb(246, 248, 250);
       border-radius: 6px;
       padding: 12px;
@@ -36,7 +36,7 @@
       overflow-y: auto;
       border: 1px solid #e1e4e8;
     }
-    .topic-label {
+    .sketch-label {
       font-weight: bold;
       color: #24292e;
     }
@@ -46,21 +46,19 @@
   `;
 
   render() {
-    const inputData = JSON.parse(this.toolCall?.input || "{}");
-    const topic = inputData.topic || "unknown";
     const resultText = this.toolCall?.result_message?.tool_result || "";
 
     return html`
       <sketch-tool-card .open=${this.open} .toolCall=${this.toolCall}>
         <span slot="summary" class="summary-text">
-          <span class="icon">📚</span> Knowledge: ${topic}
+          <span class="icon">📚</span> About Sketch
         </span>
         <div slot="input">
-          <div><span class="topic-label">Topic:</span> ${topic}</div>
+          <div><span class="sketch-label"></span></div>
         </div>
         ${this.toolCall?.result_message?.tool_result
           ? html`<div slot="result">
-              <div class="knowledge-content">
+              <div class="about-sketch-content">
                 ${unsafeHTML(renderMarkdown(resultText))}
               </div>
             </div>`
@@ -72,6 +70,6 @@
 
 declare global {
   interface HTMLElementTagNameMap {
-    "sketch-tool-card-knowledge-base": SketchToolCardKnowledgeBase;
+    "sketch-tool-card-about-sketch": SketchToolCardAboutSketch;
   }
 }