diff --git a/packages/web-ui/src/tools/artifacts/ArtifactPill.ts b/packages/web-ui/src/tools/artifacts/ArtifactPill.ts
index 2e22b2c7..62c44d04 100644
--- a/packages/web-ui/src/tools/artifacts/ArtifactPill.ts
+++ b/packages/web-ui/src/tools/artifacts/ArtifactPill.ts
@@ -6,7 +6,7 @@ export function ArtifactPill(filename: string, artifactsPanel?: ArtifactsPanel):
 	const handleClick = () => {
 		if (!artifactsPanel) return;
 		// openArtifact will show the artifact and call onOpen() to open the panel if needed
-		(artifactsPanel as any).openArtifact(filename);
+		artifactsPanel.openArtifact(filename);
 	};
 
 	return html`
diff --git a/packages/web-ui/src/tools/artifacts/artifacts.ts b/packages/web-ui/src/tools/artifacts/artifacts.ts
index 0b195763..28446e6c 100644
--- a/packages/web-ui/src/tools/artifacts/artifacts.ts
+++ b/packages/web-ui/src/tools/artifacts/artifacts.ts
@@ -167,7 +167,7 @@ export class ArtifactsPanel extends LitElement {
 	}
 
 	// Open panel and focus an artifact tab by filename
-	private openArtifact(filename: string) {
+	public openArtifact(filename: string) {
 		if (this._artifacts.has(filename)) {
 			this.showArtifact(filename);
 			// Ask host to open panel (AgentInterface demo listens to onOpen)