Display branch name alongside title in termui and webui
This change adds the branch name alongside the title in both the terminal UI and the web UI, following up on commit a9b3822fd2cfdc035e7daa8b59496f9838a4b2c6 which added the branch_name parameter to the title tool.
Co-Authored-By: sketch <hello@sketch.dev>
diff --git a/webui/src/types.ts b/webui/src/types.ts
index 25be7f7..6eb32fc 100644
--- a/webui/src/types.ts
+++ b/webui/src/types.ts
@@ -66,6 +66,7 @@
working_dir: string;
initial_commit: string;
title: string;
+ branch_name?: string;
os: string;
outside_hostname?: string;
inside_hostname?: string;
diff --git a/webui/src/web-components/sketch-tool-card.ts b/webui/src/web-components/sketch-tool-card.ts
index fdcebae..fc5d0b8 100644
--- a/webui/src/web-components/sketch-tool-card.ts
+++ b/webui/src/web-components/sketch-tool-card.ts
@@ -563,6 +563,14 @@
.summary-text {
font-style: italic;
}
+ pre {
+ display: inline;
+ font-family: monospace;
+ background: rgb(236, 236, 236);
+ padding: 2px 4px;
+ border-radius: 2px;
+ margin: 0;
+ }
`;
constructor() {
super();
@@ -577,11 +585,14 @@
}
render() {
+ const inputData = JSON.parse(this.toolCall?.input || "{}");
return html`
- <span class="summary-text"
- >I've set the title of this sketch to
- <b>"${JSON.parse(this.toolCall?.input)?.title}"</b></span
- >
+ <span class="summary-text">
+ Setting title to
+ <b>${inputData.title}</b>
+ and branch to
+ <pre>sketch/${inputData.branch_name}</pre>
+ </span>
`;
}
}