Refactor artifacts renderer and add Console component

- Extract ArtifactsToolRenderer from ArtifactsPanel into standalone renderer
- Fix ChatPanel to register ArtifactsToolRenderer instead of panel
- Implement command-specific rendering logic (create/update/rewrite/get/logs/delete)
- Create reusable Console component with copy button and autoscroll toggle
- Replace custom console implementation with ExpandableSection and Console
- Fix Lit reactivity for HtmlArtifact logs using spread operator
- Add Lucide icons (FileCode2, ChevronsDown, Lock) for UI consistency
- Follow skill.ts patterns with renderHeader and state handling
- Add i18n strings for all artifact actions and console features

packages/web-ui/src/tools/index.ts

@@ -11,25 +11,19 @@ registerToolRenderer("bash", new BashRenderer());
 const defaultRenderer = new DefaultRenderer();
 
 /**
- * Render tool call parameters
+ * Render tool - unified function that handles params, result, and streaming state
  */
-export function renderToolParams(toolName: string, params: any, isStreaming?: boolean): TemplateResult {
+export function renderTool(
+	toolName: string,
+	params: any | undefined,
+	result: ToolResultMessage | undefined,
+	isStreaming?: boolean,
+): TemplateResult {
 	const renderer = getToolRenderer(toolName);
 	if (renderer) {
-		return renderer.renderParams(params, isStreaming);
+		return renderer.render(params, result, isStreaming);
 	}
-	return defaultRenderer.renderParams(params, isStreaming);
-}
-
-/**
- * Render tool result
- */
-export function renderToolResult(toolName: string, params: any, result: ToolResultMessage): TemplateResult {
-	const renderer = getToolRenderer(toolName);
-	if (renderer) {
-		return renderer.renderResult(params, result);
-	}
-	return defaultRenderer.renderResult(params, result);
+	return defaultRenderer.render(params, result, isStreaming);
 }
 
 export { registerToolRenderer, getToolRenderer };