claudetool: remove knowledge base, focus on about sketch
We should have a more general kb.
Meanwhile, this is important and standalone.
Make it all clearer and sharper.
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;
}
}