commit 2d4c48f10948cf07634dc743c3af30806f59bdd2
author Philip Zeyliger <philip@bold.dev> Fri May 02 23:35:03 2025 +0000
committer Autoformatter <bot@sketch.dev> Fri May 02 23:37:16 2025 +0000
tree 91372ee95d0a81d6d1a9545fc7e190f708d921af
parent 88a6efc5c37b09fafafdef69466d81540e33d9b5

Remove Charts tab and related Vega components from Sketch

Co-Authored-By: sketch <hello@sketch.dev>

- Removed Charts tab from navigation
- Removed sketch-charts component and vega-embed component
- Removed vega, vega-lite, and vega-embed dependencies from package.json
- Removed all associated code and UI elements

webui/src/web-components/sketch-view-mode-select.ts

diff --git a/webui/src/web-components/sketch-view-mode-select.ts b/webui/src/web-components/sketch-view-mode-select.ts
index 3b94303..abfe551 100644
--- a/webui/src/web-components/sketch-view-mode-select.ts
+++ b/webui/src/web-components/sketch-view-mode-select.ts
@@ -6,7 +6,7 @@
 export class SketchViewModeSelect extends LitElement {
   // Current active mode
   @property()
-  activeMode: "chat" | "diff" | "charts" | "terminal" = "chat";
+  activeMode: "chat" | "diff" | "terminal" = "chat";
   // Header bar: view mode buttons
 
   static styles = css`
@@ -87,7 +87,7 @@
   /**
    * Handle view mode button clicks
    */
-  private _handleViewModeClick(mode: "chat" | "diff" | "charts" | "terminal") {
+  private _handleViewModeClick(mode: "chat" | "diff" | "terminal") {
     // Dispatch a custom event to notify the app shell to change the view
     const event = new CustomEvent("view-mode-select", {
       detail: { mode },
@@ -139,15 +139,7 @@
           <span class="tab-icon">±</span>
           <span>Diff</span>
         </button>
-        <button
-          id="showChartsButton"
-          class="tab-btn ${this.activeMode === "charts" ? "active" : ""}"
-          title="Charts View"
-          @click=${() => this._handleViewModeClick("charts")}
-        >
-          <span class="tab-icon">📈</span>
-          <span>Charts</span>
-        </button>
+
         <button
           id="showTerminalButton"
           class="tab-btn ${this.activeMode === "terminal" ? "active" : ""}"