chrome-devtools-frontend 1.0.1571573 → 1.0.1572937

package/front_end/models/ai_assistance/agents/PerformanceAgent.ts

@@ -10,10 +10,8 @@ import * as Root from '../../../core/root/root.js';
 import * as SDK from '../../../core/sdk/sdk.js';
 import * as Tracing from '../../../services/tracing/tracing.js';
 import * as Annotations from '../../annotations/annotations.js';
-import * as Logs from '../../logs/logs.js';
 import * as SourceMapScopes from '../../source_map_scopes/source_map_scopes.js';
 import * as Trace from '../../trace/trace.js';
-import {ArtifactsManager} from '../ArtifactsManager.js';
 import {
   PerformanceInsightFormatter,
 } from '../data_formatters/PerformanceInsightFormatter.js';
@@ -69,77 +67,6 @@ const greenDevAdditionalAnnotationsGuidelines = `
 - The annotationMessage should be descriptive and relevant to why the element or network request is being highlighted.
 `;
 
-const getGreenDevAdditionalWidgetGuidelines = (): string => {
-  // GreenDev is experimenting with multiple ways to display widget:
-  // if widgetsFromFunctionCalls is true, then we use function calls to add widgets
-  // otherwise we use ai-insight tags
-  const widgetsFromFunctionCalls = true;
-
-  if (widgetsFromFunctionCalls) {
-    return `
-- CRITICAL: You have access to a function for adding rich, interactive widgets to your response: \`addWidget\`.
-  You MUST use this function whenever you refer to a corresponding entity.
-
-- **\`addWidget({widget: {type: 'insight', insightType: '...'}})\`**:
-  - **When to use**: Call this function every time you mention a specific performance insight (e.g., LCP, INP, CLS culprits).
-  - **Purpose**: It embeds an interactive widget that provides a detailed breakdown and visualization of the insight.
-  - **Example**: If you are explaining the causes of a poor LCP score, you MUST also call \`addWidget({widget: {type: 'insight', insightType: 'LCPBreakdown'}})\`.
-
-- **\`addWidget({widget: {type: 'network-request', eventKey: '...'}})\`**:
-  - **When to use**: Call this function whenever you discuss a specific network request.
-  - **Purpose**: It adds a widget displaying the full details of the network request, such as its timing, headers, and priority.
-  - **Critical**: The eventKey should be the trace event key (only the number, no letters prefix or -) of that script's network request.
-  - **Example**: If you identify a render-blocking script, you MUST also call \`addWidget({widget: {type: 'network-request', eventKey: '...'}})\`.
-
-- **\`addWidget({widget: {type: 'flamechart', start: ..., end: ...}})\`**:
-  - **When to use**: Call this function to highlight a specific time range within the trace, especially when discussing long tasks, specific events, or periods of high activity.
-    - **Purpose**: It embeds a focused flame chart visualization for the given time range (in microseconds).
-    - **Example**: If you find a long task that is blocking the main thread, you MUST also call \`addWidget({widget: {type: 'flamechart', start: 123456, end: 789012}})\`.
-
-- **General Rules**:
-  - You MUST call this function as soon as you identify the entity you are discussing.
-  - Do NOT add more than one widget for the same insight, network request, or time range to avoid redundancy.
-  - If you have already shown a widget for any specific insight, network request, or time range, do not show it again.
-`;
-  }
-
-  return `
-- **Visualizing Insights**: When discussing the breakdown of specific metrics or a performance problem,
-you must render the appropriate Insight Overview component. Use these tags on a new line within your response:
-  - For LCP breakdown: <ai-insight value="LCPBreakdown">
-  - For INP breakdown: <ai-insight value="INPBreakdown">
-  - For CLS culprits: <ai-insight value="CLSCulprits">
-  - For third parties: <ai-insight value="ThirdParties">
-  - For document latency: <ai-insight value="DocumentLatency">
-  - For DOM size: <ai-insight value="DOMSize">
-  - For duplicate JavaScript: <ai-insight value="DuplicatedJavaScript">
-  - For font display: <ai-insight value="FontDisplay">
-  - For forced reflow: <ai-insight value="ForcedReflow">
-  - For image delivery: <ai-insight value="ImageDelivery">
-  - For LCP discovery: <ai-insight value="LCPDiscovery">
-  - For legacy JavaScript: <ai-insight value="LegacyJavaScript">
-  - For network dependency tree: <ai-insight value="NetworkDependencyTree">
-  - For render blocking: <ai-insight value="RenderBlocking">
-  - For slow CSS selector: <ai-insight value="SlowCSSSelector">
-  - For viewport: <ai-insight value="Viewport">
-  - For modern HTTP: <ai-insight value="ModernHTTP">
-  - For cache: <ai-insight value="Cache">
-- Do not place the <ai-insight> tag inside markdown code blocks (backticks). Output the tag directly as raw text.
-- **Visualizing Network Request Details**: When discussing a specific network request, represent its details in a structured widget for improved readability and focus.
-  - Use this tag on a new line within your response, replacing \`EVENT_KEY\` (only the number, no letters prefix or -) with the actual trace event key:
-    - For network event details: <network-request-widget value="EVENT_KEY">
-- **Visualizing Flamechart**: When discussing an interesting part of the trace, represent its details in a structured widget for improved readability and focus.
-  - Use this tag on a new line within your response, replacing "MIN_MICROSECONDS" and "MAX_MICROSECONDS" with the actual start and end times in microseconds:
-    - For a flame chart of a specific time range: <flame-chart-widget start="MIN_MICROSECONDS" end="MAX_MICROSECONDS">
-    - CRITICAL: MIN_MICROSECONDS and MAX_MICROSECONDS must be within the flamechart bounds and in microseconds.
-  - When you mention a specific performance event like LCP, INP, or a long task, you MUST also include a flamechart widget focused on the exact time range of that event.
-    - This provides essential visual context to your explanation.
-- CRITICAL: Avoid Redundancy - When using insight or network request widgets, do not repeat details in the text response.
-  - For example, for LCP, the phases like Time to First Byte will be part of the insight widget, so you must not state them in the text. This applies to other insights and network request timings.
-- Do not display any of the same widgets more than once. For example, if you have already displayed a network request widget for a specific event, do not display it again in the same response.
-`;
-};
-
 /**
  * Preamble clocks in at ~1341 tokens.
  *   The prose is around 4.5 chars per token.
@@ -148,7 +75,6 @@ you must render the appropriate Insight Overview component. Use these tags on a
  * Check token length in https://aistudio.google.com/
  */
 const buildPreamble = (): string => {
-  const greenDevEnabled = Boolean(Root.Runtime.hostConfig.devToolsGreenDevUi?.enabled);
   const annotationsEnabled = Annotations.AnnotationRepository.annotationsEnabled();
   return `You are an assistant, expert in web performance and highly skilled with Chrome DevTools.
 
@@ -203,7 +129,6 @@ Note: if the user asks a specific question about the trace (such as "What is my
 - Be direct and to the point. Avoid unnecessary introductory phrases or filler content. Focus on delivering actionable advice efficiently.
 
 ${annotationsEnabled ? greenDevAdditionalAnnotationsGuidelines : ''}
-${greenDevEnabled ? getGreenDevAdditionalWidgetGuidelines() : ''}
 
 ## Strict Constraints
 
@@ -1248,111 +1173,6 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
         },
       });
     }
-
-    if (Root.Runtime.hostConfig.devToolsGreenDevUi?.enabled) {
-      this.declareFunction<
-          {
-            type: 'insight' | 'network-request' | 'flamechart',
-            insightType?: Trace.Insights.Types.InsightKeys,
-            eventKey?: number,
-            start?: number,
-            end?: number,
-          },
-          object|{error: string}>('addWidget', {
-        description:
-            'Adds an insight widget to the response. When mentioning an insight, call this function to also display an appropriate widget. Use this as much as possible to provide a better user experience.',
-        parameters: {
-          type: Host.AidaClient.ParametersTypes.OBJECT,
-          description: '',
-          nullable: false,
-          properties: {
-            type: {
-              type: Host.AidaClient.ParametersTypes.STRING,
-              description: 'The type of the widget to add. Possible values: insight, network-request, flamechart',
-              nullable: false,
-            },
-            insightType: {
-              type: Host.AidaClient.ParametersTypes.STRING,
-              description: 'The type of the insight widget. Include for insight widgets.',
-              nullable: true,
-            },
-            eventKey: {
-              type: Host.AidaClient.ParametersTypes.STRING,
-              description: 'The event key for the network request widget. Include for network request widgets.',
-              nullable: true,
-            },
-            start: {
-              type: Host.AidaClient.ParametersTypes.INTEGER,
-              description: 'The start time for the flame chart widget. Include for flame chart widgets.',
-              nullable: true,
-            },
-            end: {
-              type: Host.AidaClient.ParametersTypes.INTEGER,
-              description: 'The end time for the flame chart widget. Include for flame chart widgets.',
-              nullable: true,
-            },
-          },
-          required: ['type']
-        },
-        handler: async params => {
-          switch (params.type) {
-            case 'insight':
-              if (!params.insightType) {
-                return {error: 'Missing insightType for insight widget'};
-              }
-              ArtifactsManager.instance().addArtifact({type: 'insight', insightType: params.insightType});
-              return {result: {success: true}};
-            case 'network-request': {
-              if (!params.eventKey) {
-                return {error: 'Missing eventKey for network-request widget'};
-              }
-              const rawTraceEvent =
-                  Trace.Helpers.SyntheticEvents.SyntheticEventsManager.getActiveManager().getRawTraceEvents().at(
-                      Number(params.eventKey));
-              // Get the trace event object if it is available.
-              // If the trace is uploaded, we need to use the synthetic event.
-              if (rawTraceEvent && Trace.Types.Events.isSyntheticNetworkRequest(rawTraceEvent)) {
-                const rawTraceEventId = rawTraceEvent?.args?.data?.requestId;
-                const rawTraceEventUrl = rawTraceEvent?.args?.data?.url;
-                const networkRequest = rawTraceEvent ? Logs.NetworkLog.NetworkLog.instance()
-                                                           .requestsForId(rawTraceEventId)
-                                                           .find(r => r.url() === rawTraceEventUrl) :
-                                                       null;
-                if (networkRequest) {
-                  ArtifactsManager.instance().addArtifact({type: 'network-request', request: networkRequest});
-                  return {result: {success: true}};
-                }
-              }
-
-              const syntheticRequest = Trace.Helpers.SyntheticEvents.SyntheticEventsManager.getActiveManager()
-                                           .syntheticEventForRawEventIndex(Number(params.eventKey));
-
-              if (syntheticRequest && Trace.Types.Events.isSyntheticNetworkRequest(syntheticRequest)) {
-                ArtifactsManager.instance().addArtifact({
-                  type: 'network-request',
-                  request: syntheticRequest,
-                });
-                return {result: {success: true}};
-              }
-
-              return {result: {error: 'Could not find network request'}};
-            }
-            case 'flamechart':
-              if (params.start === undefined || params.end === undefined) {
-                return {error: 'Missing start or end for flamechart widget'};
-              }
-              ArtifactsManager.instance().addArtifact({
-                type: 'flamechart',
-                start: Trace.Types.Timing.Micro(params.start),
-                end: Trace.Types.Timing.Micro(params.end),
-              });
-              return {result: {success: true}};
-            default:
-              return {error: 'Invalid widget type'};
-          }
-        },
-      });
-    }
   }
 
   async addElementAnnotation(elementId: string, annotationMessage: string):

package/front_end/models/ai_assistance/ai_assistance.ts

@@ -13,7 +13,6 @@ import * as StylingAgent from './agents/StylingAgent.js';
 import * as AiConversation from './AiConversation.js';
 import * as AiHistoryStorage from './AiHistoryStorage.js';
 import * as AiUtils from './AiUtils.js';
-import * as ArtifactsManager from './ArtifactsManager.js';
 import * as BuiltInAi from './BuiltInAi.js';
 import * as ChangeManager from './ChangeManager.js';
 import * as ConversationHandler from './ConversationHandler.js';
@@ -39,7 +38,6 @@ export {
   AiHistoryStorage,
   AIQueries,
   AiUtils,
-  ArtifactsManager,
   BuiltInAi,
   ChangeManager,
   ConversationHandler,

package/front_end/models/breakpoints/BreakpointManager.ts

@@ -91,7 +91,7 @@ export class BreakpointManager extends Common.ObjectWrapper.ObjectWrapper<EventT
   }
 
   modelAdded(debuggerModel: SDK.DebuggerModel.DebuggerModel): void {
-    if (Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.INSTRUMENTATION_BREAKPOINTS)) {
+    if (Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.INSTRUMENTATION_BREAKPOINTS)) {
       debuggerModel.setSynchronizeBreakpointsCallback(this.restoreBreakpointsForScript.bind(this));
     }
   }
@@ -128,7 +128,7 @@ export class BreakpointManager extends Common.ObjectWrapper.ObjectWrapper<EventT
   // This method explicitly awaits the source map (if necessary) and the uiSourceCodes
   // required to set all breakpoints that are related to this script.
   async restoreBreakpointsForScript(script: SDK.Script.Script): Promise<void> {
-    if (!Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.INSTRUMENTATION_BREAKPOINTS)) {
+    if (!Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.INSTRUMENTATION_BREAKPOINTS)) {
       return;
     }
     if (!script.sourceURL) {
@@ -1006,7 +1006,7 @@ export class ModelBreakpoint {
           };
         }));
         newState = positions.slice(0);  // Create a copy
-      } else if (!Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.INSTRUMENTATION_BREAKPOINTS)) {
+      } else if (!Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.INSTRUMENTATION_BREAKPOINTS)) {
         // Use this fallback if we do not have instrumentation breakpoints enabled yet. This currently makes
         // sure that v8 knows about the breakpoint and is able to restore it whenever the script is parsed.
         const lastResolvedState = this.#breakpoint.getLastResolvedState();

package/front_end/models/issues_manager/ContrastCheckTrigger.ts

@@ -45,7 +45,7 @@ export class ContrastCheckTrigger {
   }
 
   #checkContrast(resourceTreeModel: SDK.ResourceTreeModel.ResourceTreeModel): void {
-    if (!Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.CONTRAST_ISSUES)) {
+    if (!Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.CONTRAST_ISSUES)) {
       return;
     }
     void resourceTreeModel.target().auditsAgent().invoke_checkContrast({});
@@ -60,7 +60,7 @@ export class ContrastCheckTrigger {
 
   async #frameAdded(event: Common.EventTarget.EventTargetEvent<SDK.ResourceTreeModel.ResourceTreeFrame>):
       Promise<void> {
-    if (!Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.CONTRAST_ISSUES)) {
+    if (!Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.CONTRAST_ISSUES)) {
       return;
     }
     const frame = event.data;

package/front_end/models/source_map_scopes/NamesResolver.ts

@@ -371,7 +371,7 @@ export const resolveScopeChain =
     return scopeChain;
   }
 
-  scopeChain = Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.USE_SOURCE_MAP_SCOPES) ?
+  scopeChain = Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.USE_SOURCE_MAP_SCOPES) ?
       callFrame.script.sourceMap()?.resolveScopeChain(callFrame) :
       null;
   if (scopeChain) {

package/front_end/models/trace/EventsSerializer.ts

@@ -19,11 +19,15 @@ export class EventsSerializer {
       return `${Types.File.EventKeyType.LEGACY_TIMELINE_FRAME}-${event.index}`;
     }
 
+    if (Types.Events.isJSSample(event)) {
+      return null;
+    }
+
     const rawEvents = Helpers.SyntheticEvents.SyntheticEventsManager.getActiveManager().getRawTraceEvents();
     const isSynthetic = Types.Events.isSyntheticBased(event);
     const index = rawEvents.indexOf(isSynthetic ? event.rawSourceEvent : event);
     if (index === -1) {
-      throw new Error(`Unknown trace event: ${event.name}`);
+      return null;
     }
 
     const key: Types.File.SyntheticEventKey|Types.File.RawEventKey = Types.Events.isSyntheticBased(event) ?

package/front_end/models/trace/types/TraceEvents.ts

@@ -1832,6 +1832,10 @@ export interface SyntheticJSSample extends Event {
   ph: Phase.INSTANT;
 }
 
+export function isJSSample(event: Event): event is SyntheticJSSample {
+  return event.name === Name.JS_SAMPLE;
+}
+
 export function isSyntheticInteraction(event: Event): event is SyntheticInteractionPair {
   return Boolean(
       'interactionId' in event && event.args?.data && 'beginEvent' in event.args.data && 'endEvent' in event.args.data);

package/front_end/panels/accessibility/AXBreadcrumbsPane.ts

@@ -77,7 +77,7 @@ export class AXBreadcrumbsPane extends AccessibilitySubPane {
     const previewToggle = new Feedback.PreviewToggle.PreviewToggle();
     previewToggle.setAttribute('jslog', `${VisualLogging.toggle('full-accessibility-tree')}`);
     const name = i18nString(UIStrings.fullTreeExperimentName);
-    const experiment = Root.Runtime.ExperimentName.FULL_ACCESSIBILITY_TREE;
+    const experiment = Root.ExperimentNames.ExperimentName.FULL_ACCESSIBILITY_TREE;
     const onChangeCallback: (checked: boolean) => void = checked => {
       Host.userMetrics.experimentChanged(experiment, checked);
       UI.InspectorView.InspectorView.instance().displayReloadRequiredWarning(i18nString(UIStrings.reloadRequired));

package/front_end/panels/accessibility/AccessibilitySidebarView.ts

@@ -95,7 +95,7 @@ export class AccessibilitySidebarView extends UI.Widget.VBox {
     if (!accessibilityModel) {
       return;
     }
-    if (!Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.FULL_ACCESSIBILITY_TREE)) {
+    if (!Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.FULL_ACCESSIBILITY_TREE)) {
       accessibilityModel.clear();
     }
     await accessibilityModel.requestPartialAXTree(node);

package/front_end/panels/ai_assistance/AiAssistancePanel.ts

@@ -27,7 +27,6 @@ import * as NetworkPanel from '../network/network.js';
 import * as TimelinePanel from '../timeline/timeline.js';
 
 import aiAssistancePanelStyles from './aiAssistancePanel.css.js';
-import {ArtifactsViewer} from './components/ArtifactsViewer.js';
 import {
   type AnswerPart,
   ChatMessageEntity,
@@ -273,7 +272,7 @@ function getMarkdownRenderer(conversation?: AiAssistanceModel.AiConversation.AiC
     if (!context.external) {
       const focus = context.getItem();
       return new PerformanceAgentMarkdownRenderer(
-          focus.parsedTrace.data.Meta.mainFrameId, focus.lookupEvent.bind(focus), focus.parsedTrace);
+          focus.parsedTrace.data.Meta.mainFrameId, focus.lookupEvent.bind(focus));
     }
   } else if (conversation?.type === AiAssistanceModel.AiHistoryStorage.ConversationType.PERFORMANCE) {
     // Handle historical conversations (can't linkify anything).
@@ -290,8 +289,6 @@ interface ToolbarViewInput {
   onExportConversationClick: () => void;
   onHelpClick: () => void;
   onSettingsClick: () => void;
-  onArtifactsSidebarToggle: () => void;
-  artifactsSidebarVisible: boolean;
   isLoading: boolean;
   showChatActions: boolean;
   showActiveConversationActions: boolean;
@@ -384,13 +381,6 @@ function toolbarView(input: ToolbarViewInput): Lit.LitTemplate {
           .jslogContext=${'freestyler.settings'}
           .variant=${Buttons.Button.Variant.TOOLBAR}
           @click=${input.onSettingsClick}></devtools-button>
-        <!-- If the green experiment is enabled, render the artifacts sidebar toggle button -->
-        ${GreenDev.Prototypes.instance().isEnabled('artifactViewer') ? html`<devtools-button
-          title=${i18nString(UIStrings.settings)}
-          aria-label=${i18nString(UIStrings.settings)}
-          .iconName=${input.artifactsSidebarVisible ? 'left-panel-open' : 'left-panel-close'}
-          .variant=${Buttons.Button.Variant.TOOLBAR}
-          @click=${input.onArtifactsSidebarToggle}></devtools-button>` : Lit.nothing}
       </devtools-toolbar>
     </div>
   `;
@@ -428,40 +418,13 @@ function defaultView(input: ViewInput, output: PanelViewOutput, target: HTMLElem
     }
   }
 
-  const panelWithToolbar = html`
-    ${toolbarView(input)}
-    <div class="ai-assistance-view-container">${renderState()}</div>`;
-
-  // If the green experiment is enabled, render the chat view inside
-  // a split view to also have an artifacts viewer sidebar.
-  if(GreenDev.Prototypes.instance().isEnabled('artifactViewer')) {
-    Lit.render(
-      html`
-        <devtools-split-view
-          direction="column"
-          sidebar-visibility=${input.artifactsSidebarVisible ? 'visible' : 'hidden'}
-          sidebar-position="second"
-          sidebar-initial-size="520"
-          style="width: 100%;">
-          <div slot="main" class="assistance-view-wrapper-with-sidebar">
-            ${panelWithToolbar}
-          </div>
-          <div slot="sidebar">
-            <div class="artifacts-toolbar-container" role="toolbar">
-              <div>Artifacts Viewer</div>
-            </div>
-            <devtools-widget
-              class="fill-panel"
-              .widgetConfig=${UI.Widget.widgetConfig(ArtifactsViewer)}
-            ></devtools-widget>
-          </div>
-        </devtools-split-view>
-      `,
-      target
-    );
-  } else {
-    Lit.render(panelWithToolbar, target);
-  }
+  Lit.render(
+    html`
+      ${toolbarView(input)}
+      <div class="ai-assistance-view-container">${renderState()}</div>
+    `,
+    target
+  );
   // clang-format on
 }
 
@@ -516,7 +479,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
   #selectedElement: AiAssistanceModel.StylingAgent.NodeContext|null = null;
   #selectedPerformanceTrace: AiAssistanceModel.PerformanceAgent.PerformanceTraceContext|null = null;
   #selectedRequest: AiAssistanceModel.NetworkAgent.RequestContext|null = null;
-  #isArtifactsSidebarOpen = false;
   // Messages displayed in the `ChatView` component.
   #messages: Message[] = [];
 
@@ -555,10 +517,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
     }
     AiAssistanceModel.AiHistoryStorage.AiHistoryStorage.instance().addEventListener(
         AiAssistanceModel.AiHistoryStorage.Events.HISTORY_DELETED, this.#onHistoryDeleted, this);
-    if (GreenDev.Prototypes.instance().isEnabled('artifactViewer')) {
-      AiAssistanceModel.ArtifactsManager.ArtifactsManager.instance().addEventListener(
-          AiAssistanceModel.ArtifactsManager.ArtifactAddedEvent.eventName, this.#onArtifactAdded.bind(this));
-    }
   }
 
   async #getPanelViewInput(): Promise<PanelViewInput> {
@@ -601,7 +559,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
           uploadImageInputEnabled: isAiAssistanceMultimodalUploadInputEnabled() &&
               this.#conversation.type === AiAssistanceModel.AiHistoryStorage.ConversationType.STYLING,
           markdownRenderer,
-          isArtifactsSidebarOpen: this.#isArtifactsSidebarOpen,
           onTextSubmit: async (
               text: string, imageInput?: Host.AidaClient.Part,
               multimodalInputType?: AiAssistanceModel.AiAgent.MultimodalInputType) => {
@@ -803,13 +760,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
     }
   }
 
-  #onArtifactAdded(): void {
-    if (AiAssistanceModel.ArtifactsManager.ArtifactsManager.instance().artifacts.length > 0) {
-      this.#isArtifactsSidebarOpen = true;
-      this.requestUpdate();
-    }
-  }
-
   override willHide(): void {
     super.willHide();
     this.#aiAssistanceEnabledSetting?.removeChangeListener(this.requestUpdate, this);
@@ -941,11 +891,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
       onSettingsClick: () => {
         void UI.ViewManager.ViewManager.instance().showView('chrome-ai');
       },
-      onArtifactsSidebarToggle: () => {
-        this.#isArtifactsSidebarOpen = !this.#isArtifactsSidebarOpen;
-        this.requestUpdate();
-      },
-      artifactsSidebarVisible: this.#isArtifactsSidebarOpen,
     };
   }
 

package/front_end/panels/ai_assistance/aiAssistancePanel.css

@@ -13,22 +13,6 @@
   justify-content: space-between;
 }
 
-.artifacts-toolbar-container {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  height: 27px;
-  padding: 5px;
-  border-bottom: 1px solid var(--sys-color-divider);
-}
-
-.assistance-view-wrapper-with-sidebar {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow: hidden;
-}
-
 .ai-assistance-view-container {
   display: flex;
   flex-direction: column;

package/front_end/panels/ai_assistance/ai_assistance.ts

@@ -6,7 +6,6 @@ export * from './AiAssistancePanel.js';
 export * from './components/ChatView.js';
 export * as ChatInput from './components/ChatInput.js';
 export * from './components/MarkdownRendererWithCodeBlock.js';
-export * from './components/PerformanceAgentFlameChart.js';
 export * from './SelectWorkspaceDialog.js';
 export * as ChatMessage from './components/ChatMessage.js';
 export * as ExploreWidget from './components/ExploreWidget.js';