webui: remove sketch-network-status component
Remove legacy sketch-network-status component that was emptied in
previous commits. The component has been superseded by sketch-call-status
which handles all connection status functionality.
Files removed:
- sketch-network-status.ts: Component with empty render (display: none)
- sketch-network-status.test.ts: Test file for invisible component
- sketch-network-status.demo.ts: Demo file for non-functional component
Updated references:
- sketch-app-shell-base.ts: Remove import and component usage
- status-indicators.demo.ts: Remove unused import
- demo-framework/demo-runner.ts: Remove from component list
- index-generated.html: Regenerated without network status demo
Connection status functionality is now fully handled by sketch-call-status
component which properly displays IDLE/WORKING/DISCONNECTED states with
visual indicators and animations. This removal eliminates dead code and
reduces the LitElement migration scope to just sketch-monaco-view.ts.
Co-Authored-By: sketch <hello@sketch.dev>
Change-ID: s2b8f6e849aabb45fk
diff --git a/webui/src/web-components/demo/demo-framework/demo-runner.ts b/webui/src/web-components/demo/demo-framework/demo-runner.ts
index f3dd28a..0ac84e8 100644
--- a/webui/src/web-components/demo/demo-framework/demo-runner.ts
+++ b/webui/src/web-components/demo/demo-framework/demo-runner.ts
@@ -104,7 +104,6 @@
"mobile-chat",
"sketch-diff2-view",
"sketch-monaco-view",
- "sketch-network-status",
"sketch-timeline-viewport",
"sketch-tool-card",
"status-indicators",
diff --git a/webui/src/web-components/demo/index-generated.html b/webui/src/web-components/demo/index-generated.html
index ee9b4a1..027872f 100644
--- a/webui/src/web-components/demo/index-generated.html
+++ b/webui/src/web-components/demo/index-generated.html
@@ -83,7 +83,7 @@
<div class="stats">
<strong>Auto-generated index</strong><br />
- Found 19 demo components • Last updated: 7/20/2025, 10:21:08 PM
+ Found 18 demo components • Last updated: 7/21/2025, 3:04:10 AM
</div>
<p>
@@ -150,12 +150,6 @@
</a>
</li>
<li>
- <a href="demo.html#sketch-network-status">
- <strong>Sketch Network Status Demo</strong> - Status indicators
- showing different connection and activity states
- </a>
- </li>
- <li>
<a href="demo.html#sketch-timeline-viewport">
<strong>Sketch Timeline Viewport Demo</strong> - Timeline viewport
rendering with memory leak protection and event-driven approach
diff --git a/webui/src/web-components/demo/status-indicators.demo.ts b/webui/src/web-components/demo/status-indicators.demo.ts
index 2b4ef11..d0cd438 100644
--- a/webui/src/web-components/demo/status-indicators.demo.ts
+++ b/webui/src/web-components/demo/status-indicators.demo.ts
@@ -6,7 +6,7 @@
title: "Status Indicators Demo",
description:
"Status indicators showing connected, working, and disconnected states without the green connection dot",
- imports: ["../sketch-call-status.ts", "../sketch-network-status.ts"],
+ imports: ["../sketch-call-status.ts"],
customStyles: `
.demo-container {
diff --git a/webui/src/web-components/sketch-app-shell-base.ts b/webui/src/web-components/sketch-app-shell-base.ts
index 4b88f89..0b5e043 100644
--- a/webui/src/web-components/sketch-app-shell-base.ts
+++ b/webui/src/web-components/sketch-app-shell-base.ts
@@ -14,7 +14,6 @@
import { SketchDiff2View } from "./sketch-diff2-view";
import { DefaultGitDataService } from "./git-data-service";
import "./sketch-monaco-view";
-import "./sketch-network-status";
import "./sketch-call-status";
import "./sketch-push-button";
import "./sketch-terminal";
@@ -1023,11 +1022,6 @@
})()}
.isDisconnected=${this.connectionStatus === "disconnected"}
></sketch-call-status>
-
- <sketch-network-status
- connection=${this.connectionStatus}
- error=${this.connectionErrorMessage}
- ></sketch-network-status>
</div>
</div>
`;