@caido/sdk-frontend 0.57.1-beta.9 → 0.57.1

package/src/types/index.d.ts

@@ -1,10 +1,10 @@
 export { FooterSlot, type FooterSlotContent } from "./types/footer";
-export type { DialogOptions, DialogComponent } from "./types/window";
+export type { DialogOptions } from "./types/window";
 export type { _AnalyticsSDK } from "./private/analytics";
-export type { MessageViewModeOptions, StreamWsMessageMeta, MessageViewModePropsInternal, MessageViewModeProps, } from "./types/websocket";
+export type { MessageViewModeOptions, StreamWsMessageMeta, } from "./types/websocket";
 export type { CommandContext, CommandContextRequest, CommandContextRequestRow, CommandContextResponse, CommandContextBase, } from "./types/commands";
 export type { MenuItem } from "./types/menu";
-export { type AddCollectionIndicatorOptions, type AddSessionIndicatorOptions, type ReplayTab, type ReplaySession, type ReplayEntry, type ReplayCollection, type SendRequestOptions, ReplaySlot, type ReplaySlotContent, type RequestSource, type CurrentReplaySessionChangeEvent, ReplaySessionKind, type ReplayPageContext, } from "./types/replay";
+export { type ReplayTab, type ReplaySession, type ReplayEntry, type ReplayCollection, type SendRequestOptions, ReplaySlot, type ReplaySlotContent, type RequestSource, type CurrentReplaySessionChangeEvent, } from "./types/replay";
 export type { AutomateSession, AutomateEntry } from "./types/automate";
 export type { SitemapEntry, SitemapRootEntry, ChildState, } from "./types/sitemap";
 export { SearchSlot, type SearchSlotContent } from "./types/search";
@@ -12,9 +12,9 @@ export type { HostedFile } from "./types/files";
 export { FilterSlot, type Filter, type FilterSlotContent, type CurrentFilterChangeEvent, } from "./types/filter";
 export type { HTTPQL, StreamQL, ID, ComponentDefinition, Selection, QueryInput, } from "./types/utils";
 export type { JSONValue, JSONCompatible } from "./types/json";
-export type { SlotContent, ButtonSlotContent, CustomSlotContent, CommandSlotContent, SlotContentPropsInternal, SlotContentProps, } from "./types/slots";
-export type { RequestViewModeOptions, RequestWritableViewModeProps, RequestReadableViewModeProps, RequestReadableViewModePropsInternal, RequestWritableViewModePropsInternal, RequestViewModeProps, RequestFull, RequestDraft, RequestMeta, } from "./types/request";
-export type { ResponseViewModePropsInternal, ResponseViewModeOptions, ResponseViewModeProps, ResponseFull, } from "./types/response";
+export type { SlotContent, ButtonSlotContent, CustomSlotContent, CommandSlotContent, } from "./types/slots";
+export type { RequestViewModeOptions, RequestFull, RequestDraft, RequestMeta, } from "./types/request";
+export type { ResponseViewModeOptions, ResponseFull } from "./types/response";
 export type { CurrentMatchReplaceRuleChangeEvent, MatchReplaceRule, MatchReplaceCollection, MatchReplaceSection, MatchReplaceSectionRequestAll, MatchReplaceSectionRequestBody, MatchReplaceSectionRequestFirstLine, MatchReplaceSectionRequestHeader, MatchReplaceSectionRequestMethod, MatchReplaceSectionRequestPath, MatchReplaceSectionRequestQuery, MatchReplaceSectionRequestSNI, MatchReplaceSectionResponseAll, MatchReplaceSectionResponseBody, MatchReplaceSectionResponseFirstLine, MatchReplaceSectionResponseHeader, MatchReplaceSectionResponseStatusCode, MatchReplaceOperationStatusCode, MatchReplaceOperationStatusCodeUpdate, MatchReplaceOperationQuery, MatchReplaceOperationQueryRaw, MatchReplaceOperationQueryAdd, MatchReplaceOperationQueryRemove, MatchReplaceOperationQueryUpdate, MatchReplaceOperationPath, MatchReplaceOperationPathRaw, MatchReplaceOperationAll, MatchReplaceOperationAllRaw, MatchReplaceOperationMethod, MatchReplaceOperationMethodUpdate, MatchReplaceOperationHeader, MatchReplaceOperationHeaderRaw, MatchReplaceOperationHeaderAdd, MatchReplaceOperationHeaderRemove, MatchReplaceOperationHeaderUpdate, MatchReplaceOperationBody, MatchReplaceOperationBodyRaw, MatchReplaceOperationFirstLine, MatchReplaceOperationFirstLineRaw, MatchReplaceOperationSNI, MatchReplaceOperationSNIRaw, MatchReplaceReplacer, MatchReplaceReplacerTerm, MatchReplaceReplacerWorkflow, MatchReplaceMatcherName, MatchReplaceMatcherRaw, MatchReplaceMatcherRawFull, MatchReplaceMatcherRawRegex, MatchReplaceMatcherRawValue, MatchReplaceSectionResponseWebsocket, MatchReplaceSectionRequestWebsocket, MatchReplaceOperationWebsocket, MatchReplaceOperationWebsocketRaw, } from "./types/matchReplace";
 export { MatchReplaceSlot, type MatchReplaceSlotContent, } from "./types/matchReplace";
 export { ScopeSlot, type CurrentScopeChangeEvent, type Scope, type ScopeSlotContent, } from "./types/scopes";
@@ -22,10 +22,9 @@ export { HTTPHistorySlot, type HTTPHistorySlotContent, } from "./types/httpHisto
 export { SettingsSlot, type SettingsSlotContent, type SettingsPluginSlotContent, } from "./types/settings";
 export type { EnvironmentVariable } from "./types/environment";
 export type { Workflow, WorkflowKind, OnCreatedWorkflowCallback, OnUpdatedWorkflowCallback, OnDeletedWorkflowCallback, } from "./types/workflows";
-export type { ListenerHandle, AddIndicatorOptions, Indicator, ComponentProps, ComponentPropsWithSdk, } from "./types/utils";
+export type { ListenerHandle, AddIndicatorOptions, Indicator, } from "./types/utils";
 export type { AIProvider, AILanguageModelSettings, AIReasoningSettings, AIUpstreamProvider, AIUpstreamProviderId, AIUpstreamProviderStatus, } from "./types/ai";
 export type { SelectedProjectChangeEvent } from "./types/projects";
-export type { CommandPaletteViewProps, CommandPaletteViewPropsInternal, } from "./types/commandPalette";
 export type { CommandPaletteView } from "./sdks/commandPalette";
 export type { LogSDK } from "./sdks/log";
 export type { API } from "./sdks";
@@ -43,6 +42,7 @@ export type { FindingsPageContext } from "./types/findings";
 export type { HTTPHistoryPageContext } from "./types/httpHistory";
 export type { InterceptPageContext } from "./types/intercept";
 export type { ProjectsPageContext } from "./types/projects";
+export type { ReplayPageContext } from "./types/replay";
 export type { ScopePageContext } from "./types/scopes";
 export type { SearchPageContext } from "./types/search";
 export type { SitemapPageContext } from "./types/sitemap";

package/src/types/sdks/automate.d.ts

@@ -1,7 +1,7 @@
 import type { Extension } from "@codemirror/state";
 import type { AutomateEntry, AutomateSession } from "../types/automate";
-import type { RequestReadableViewModeProps, RequestViewModeOptions } from "../types/request";
-import type { ResponseViewModeOptions, ResponseViewModeProps } from "../types/response";
+import type { RequestViewModeOptions } from "../types/request";
+import type { ResponseViewModeOptions } from "../types/response";
 import type { AddIndicatorOptions, ID, Indicator } from "../types/utils";
 /**
  * Utilities to interact with the Automate page.
@@ -17,12 +17,12 @@ export type AutomateSDK = {
      * Add a custom request view mode.
      * @param options The view mode options.
      */
-    addRequestViewMode: (options: RequestViewModeOptions<RequestReadableViewModeProps>) => void;
+    addRequestViewMode: (options: RequestViewModeOptions) => void;
     /**
      * Add a custom response view mode.
      * @param options The view mode options.
      */
-    addResponseViewMode: (options: ResponseViewModeOptions<ResponseViewModeProps>) => void;
+    addResponseViewMode: (options: ResponseViewModeOptions) => void;
     /**
      * Get the list of all automate sessions.
      * @returns The list of all automate sessions.

package/src/types/sdks/commandPalette.d.ts

@@ -1,4 +1,3 @@
-import { type CommandPaletteViewProps } from "../types/commandPalette";
 import { type CommandID } from "../types/commands";
 import { type ComponentDefinition } from "../types/utils";
 /**
@@ -7,7 +6,7 @@ import { type ComponentDefinition } from "../types/utils";
  */
 export type CommandPaletteView = {
     type: "Custom";
-    definition: ComponentDefinition<CommandPaletteViewProps>;
+    definition: ComponentDefinition;
 };
 /**
  * Utilities to interact with the command palette.

package/src/types/sdks/files.d.ts

@@ -1,5 +1,5 @@
+import { type ListenerHandle } from "src/types/utils";
 import { type HostedFile } from "../types/files";
-import { type ListenerHandle } from "../types/utils";
 /**
  * SDK for interacting with the Files page.
  * @category Files

package/src/types/sdks/findings.d.ts

@@ -1,7 +1,7 @@
 import type { Extension } from "@codemirror/state";
 import { type Finding } from "../types/findings";
-import type { RequestReadableViewModeProps, RequestViewModeOptions } from "../types/request";
-import type { ResponseViewModeOptions, ResponseViewModeProps } from "../types/response";
+import type { RequestViewModeOptions } from "../types/request";
+import type { ResponseViewModeOptions } from "../types/response";
 import type { ID } from "../types/utils";
 /**
  * Utilities to interact with findings
@@ -33,10 +33,10 @@ export type FindingsSDK = {
      * Add a custom request view mode.
      * @param options The view mode options.
      */
-    addRequestViewMode: (options: RequestViewModeOptions<RequestReadableViewModeProps>) => void;
+    addRequestViewMode: (options: RequestViewModeOptions) => void;
     /**
      * Add a custom response view mode.
      * @param options The view mode options.
      */
-    addResponseViewMode: (options: ResponseViewModeOptions<ResponseViewModeProps>) => void;
+    addResponseViewMode: (options: ResponseViewModeOptions) => void;
 };

package/src/types/sdks/httpHistory.d.ts

@@ -1,7 +1,7 @@
 import type { Extension } from "@codemirror/state";
 import type { HTTPHistorySlotContent } from "../types/httpHistory";
-import type { RequestReadableViewModeProps, RequestViewModeOptions } from "../types/request";
-import type { ResponseViewModeOptions, ResponseViewModeProps } from "../types/response";
+import type { RequestViewModeOptions } from "../types/request";
+import type { ResponseViewModeOptions } from "../types/response";
 import { type DefineAddToSlotFn } from "../types/slots";
 import type { HTTPQL, ID } from "../types/utils";
 /**
@@ -43,12 +43,12 @@ export type HTTPHistorySDK = {
      * Add a custom request view mode.
      * @param options The view mode options.
      */
-    addRequestViewMode: (options: RequestViewModeOptions<RequestReadableViewModeProps>) => void;
+    addRequestViewMode: (options: RequestViewModeOptions) => void;
     /**
      * Add a custom response view mode.
      * @param options The view mode options.
      */
-    addResponseViewMode: (options: ResponseViewModeOptions<ResponseViewModeProps>) => void;
+    addResponseViewMode: (options: ResponseViewModeOptions) => void;
     /**
      * Scrolls the HTTP History table to a specific entry.
      * @param id The ID of the entry to scroll to.

package/src/types/sdks/index.d.ts

@@ -39,23 +39,6 @@ import type { WorkflowSDK } from "./workflows";
 export type API<T extends BackendEndpoints | BackendSpec = Record<string, never>, E extends BackendEvents = Record<string, never>> = {
     /**
      * Utilities to interact with the GraphQL API.
-     *
-     * Queries and mutations return a promise; subscriptions return an
-     * `AsyncIterable`. On success they resolve with the response data or yield
-     * it. On failure (network error or any GraphQL errors returned by the
-     * server) the promise rejects, or the iterator throws into the `for await`
-     * loop, with the underlying error. Failures can be handled with `try`/
-     * `catch` or `.catch()`.
-     *
-     * @example
-     * ```ts
-     * try {
-     *   const result = await sdk.graphql.automateEntry({ id: "1" });
-     *   // use result
-     * } catch (err) {
-     *   // err.message, err.graphQLErrors, err.networkError
-     * }
-     * ```
      */
     graphql: GraphqlSDK;
     /**

package/src/types/sdks/intercept.d.ts

@@ -1,5 +1,5 @@
-import type { RequestViewModeOptions, RequestWritableViewModeProps } from "../types/request";
-import type { ResponseViewModeOptions, ResponseViewModeProps } from "../types/response";
+import type { RequestViewModeOptions } from "../types/request";
+import type { ResponseViewModeOptions } from "../types/response";
 import type { ID } from "../types/utils";
 /**
  * Utilities to interact with the Intercept page.
@@ -20,10 +20,10 @@ export type InterceptSDK = {
      * Add a custom request view mode.
      * @param options The view mode options.
      */
-    addRequestViewMode: (options: RequestViewModeOptions<RequestWritableViewModeProps>) => void;
+    addRequestViewMode: (options: RequestViewModeOptions) => void;
     /**
      * Add a custom response view mode.
      * @param options The view mode options.
      */
-    addResponseViewMode: (options: ResponseViewModeOptions<ResponseViewModeProps>) => void;
+    addResponseViewMode: (options: ResponseViewModeOptions) => void;
 };

package/src/types/sdks/replay.d.ts

@@ -1,9 +1,9 @@
 import { type Extension } from "@codemirror/state";
-import { type AddCollectionIndicatorOptions, type AddSessionIndicatorOptions, type CurrentReplaySessionChangeEvent, type OpenTabOptions, type ReplayCollection, type ReplayCollectionCreatedEvent, type ReplayEntry, type ReplaySession, type ReplaySessionCreatedEvent, type ReplaySessionKind, type ReplaySlotContent, type ReplayTab, type RequestSource, type SendRequestOptions } from "../types/replay";
-import type { RequestViewModeOptions, RequestWritableViewModeProps } from "../types/request";
-import type { ResponseViewModeOptions, ResponseViewModeProps } from "../types/response";
+import { type CurrentReplaySessionChangeEvent, type OpenTabOptions, type ReplayCollection, type ReplayCollectionCreatedEvent, type ReplayEntry, type ReplaySession, type ReplaySessionCreatedEvent, type ReplaySlotContent, type ReplayTab, type RequestSource, type SendRequestOptions } from "../types/replay";
+import type { RequestViewModeOptions } from "../types/request";
+import type { ResponseViewModeOptions } from "../types/response";
 import { type DefineAddToSlotFn } from "../types/slots";
-import type { ID, Indicator, ListenerHandle } from "../types/utils";
+import type { AddIndicatorOptions, ID, Indicator, ListenerHandle } from "../types/utils";
 /**
  * Utilities to interact with Replay.
  * @category Replay
@@ -27,13 +27,9 @@ export type ReplaySDK = {
     getTabs: () => ReplayTab[];
     /**
      * Get the list of all replay sessions.
-     * @param options The options for getting the sessions.
-     * @param options.collectionId The ID of the collection to get the sessions for.
      * @returns The list of all replay sessions.
      */
-    getSessions: (options?: {
-        collectionId?: ID;
-    }) => ReplaySession[];
+    getSessions: () => ReplaySession[];
     /**
      * Get the currently selected replay session.
      * @returns The currently selected replay session, or undefined if no session is selected.
@@ -48,20 +44,6 @@ export type ReplaySDK = {
      * ```
      */
     getCurrentSession: () => ReplaySession | undefined;
-    /**
-     * Get the entry currently displayed in the active replay session.
-     * @returns The active entry, or undefined if no entry is currently loaded.
-     * @example
-     * ```ts
-     * const currentEntry = sdk.replay.getCurrentEntry();
-     * if (currentEntry) {
-     *   console.log(`Currently viewing entry ${currentEntry.id}`);
-     * } else {
-     *   console.log("No entry is currently displayed");
-     * }
-     * ```
-     */
-    getCurrentEntry: () => ReplayEntry | undefined;
     /**
      * Rename a session.
      * @param id The ID of the session to rename.
@@ -83,22 +65,10 @@ export type ReplaySDK = {
     deleteSessions: (sessionIds: ID[]) => Promise<ID[]>;
     /**
      * Create a session.
-     * @param source The source of the session to create.
-     * @param collectionId The ID of the collection to add the session to.
-     * @example
-     * ```ts
-     * sdk.replay.createSession({
-     *   type: "Raw",
-     *   raw: "GET / HTTP/1.1\r\nHost: example.com\r\n\r\n",
-     *   connectionInfo: {
-     *     host: "example.com",
-     *     port: 443,
-     *     isTLS: true,
-     *   },
-     * });
-     * ```
+     * @param sessionId The ID of the request to add.
+     * @param collectionId The ID of the collection to add the request.
      */
-    createSession: (source: RequestSource, collectionId?: ID, sessionKind?: ReplaySessionKind) => Promise<ReplaySession>;
+    createSession: (source: RequestSource, collectionId?: ID) => Promise<void>;
     /**
      * Get the list of all replay collections.
      * @returns The list of all replay collections.
@@ -159,12 +129,12 @@ export type ReplaySDK = {
      * Add a custom view mode for requests.
      * @param options The view mode options.
      */
-    addRequestViewMode: (options: RequestViewModeOptions<RequestWritableViewModeProps>) => void;
+    addRequestViewMode: (options: RequestViewModeOptions) => void;
     /**
      * Add a custom response view mode.
      * @param options The view mode options.
      */
-    addResponseViewMode: (options: ResponseViewModeOptions<ResponseViewModeProps>) => void;
+    addResponseViewMode: (options: ResponseViewModeOptions) => void;
     /**
      * Send a request to the Replay backend.
      * @param request The request to send.
@@ -265,30 +235,11 @@ export type ReplaySDK = {
      * const indicator = sdk.replay.addSessionIndicator(sessionId, {
      *   icon: "fas fa-exclamation-triangle",
      *   description: "Security warning",
-     *   showTabIcon: true,
-     * });
-     *
-     * // Later, remove the indicator
-     * indicator.remove();
-     *
-     */
-    addSessionIndicator: (sessionId: ID, indicator: AddSessionIndicatorOptions) => Indicator;
-    /**
-     * Add an indicator to a replay collection.
-     * Indicators are displayed next to the collection name in the collections tree.
-     * @param collectionId The ID of the collection to add the indicator to.
-     * @param indicator The indicator configuration.
-     * @returns A handle object with a `remove` method to remove the indicator.
-     * @example
-     *
-     * const indicator = sdk.replay.addCollectionIndicator(collectionId, {
-     *   icon: "fas fa-folder-open",
-     *   description: "Has unresolved findings",
      * });
      *
      * // Later, remove the indicator
      * indicator.remove();
      *
      */
-    addCollectionIndicator: (collectionId: ID, indicator: AddCollectionIndicatorOptions) => Indicator;
+    addSessionIndicator: (sessionId: ID, indicator: AddIndicatorOptions) => Indicator;
 };

package/src/types/sdks/search.d.ts

@@ -1,6 +1,6 @@
 import type { Extension } from "@codemirror/state";
-import type { RequestReadableViewModeProps, RequestViewModeOptions } from "../types/request";
-import type { ResponseViewModeOptions, ResponseViewModeProps } from "../types/response";
+import type { RequestViewModeOptions } from "../types/request";
+import type { ResponseViewModeOptions } from "../types/response";
 import type { SearchSlot, SearchSlotContent } from "../types/search";
 import type { HTTPQL, ID } from "../types/utils";
 /**
@@ -37,12 +37,12 @@ export type SearchSDK = {
      * Add a custom request view mode.
      * @param options The view mode options.
      */
-    addRequestViewMode: (options: RequestViewModeOptions<RequestReadableViewModeProps>) => void;
+    addRequestViewMode: (options: RequestViewModeOptions) => void;
     /**
      * Add a custom response view mode.
      * @param options The view mode options.
      */
-    addResponseViewMode: (options: ResponseViewModeOptions<ResponseViewModeProps>) => void;
+    addResponseViewMode: (options: ResponseViewModeOptions) => void;
     /**
      * Scrolls the Search table to a specific request.
      * @param id The ID of the request to scroll to.

package/src/types/sdks/sitemap.d.ts

@@ -1,6 +1,6 @@
 import type { Extension } from "@codemirror/state";
-import type { RequestReadableViewModeProps, RequestViewModeOptions } from "../types/request";
-import type { ResponseViewModeOptions, ResponseViewModeProps } from "../types/response";
+import type { RequestViewModeOptions } from "../types/request";
+import type { ResponseViewModeOptions } from "../types/response";
 import type { SitemapEntry, SitemapEntryChildStateUpdateEvent, SitemapRootEntry } from "../types/sitemap";
 import type { AddIndicatorOptions, ID, Indicator, ListenerHandle } from "../types/utils";
 /**
@@ -53,12 +53,12 @@ export type SitemapSDK = {
      * Add a custom request view mode.
      * @param options The view mode options.
      */
-    addRequestViewMode: (options: RequestViewModeOptions<RequestReadableViewModeProps>) => void;
+    addRequestViewMode: (options: RequestViewModeOptions) => void;
     /**
      * Add a custom response view mode.
      * @param options The view mode options.
      */
-    addResponseViewMode: (options: ResponseViewModeOptions<ResponseViewModeProps>) => void;
+    addResponseViewMode: (options: ResponseViewModeOptions) => void;
     /**
      * Add an indicator to a sitemap session.
      * Indicators are displayed next to the entry name in the collections tree.

package/src/types/sdks/websocket.d.ts

@@ -1,4 +1,4 @@
-import type { MessageViewModeOptions, MessageViewModeProps } from "../types/websocket";
+import type { MessageViewModeOptions } from "../types/websocket";
 /**
  * Utilities to interact with websockets
  * @category Websockets
@@ -8,5 +8,5 @@ export type WebsocketSDK = {
      * Add a custom message view mode.
      * @param options The view mode options.
      */
-    addMessageViewMode: (options: MessageViewModeOptions<MessageViewModeProps>) => void;
+    addMessageViewMode: (options: MessageViewModeOptions) => void;
 };

package/src/types/sdks/window.d.ts

@@ -1,6 +1,6 @@
 import type { Editor } from "../types/editor";
-import type { ListenerHandle } from "../types/utils";
-import { type Dialog, type DialogComponent, type DialogOptions, type GlobalContext } from "../types/window";
+import type { ComponentDefinition, ListenerHandle } from "../types/utils";
+import { type Dialog, type DialogOptions, type GlobalContext } from "../types/window";
 /**
  * Utilities to interact with the active page.
  * @category Window
@@ -34,7 +34,7 @@ export type WindowSDK = {
      * @param options.closable Whether the close icon is hidden . Defaults to false
      * @returns A dialog object that can be used to close the dialog.
      */
-    showDialog: (component: DialogComponent, options?: DialogOptions) => Dialog;
+    showDialog: (component: ComponentDefinition, options?: DialogOptions) => Dialog;
     /**
      * Get the current global context.
      * @returns The current global context.

package/src/types/types/filter.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonSlotContent, type CommandSlotContent, type CustomSlotContent, type SlotContentProps, type SlotContentPropsGroup } from "./slots";
+import { type ButtonSlotContent, type CommandSlotContent, type CustomSlotContent } from "./slots";
 import { type HTTPQL, type ID, type Selection } from "./utils";
 /**
  * Represents a filter.
@@ -42,8 +42,9 @@ export type FilterSlot = (typeof FilterSlot)[keyof typeof FilterSlot];
  * Content that can be added to filter slots.
  * @category Filter
  */
-export type FilterSlotContent<TProps extends SlotContentPropsGroup = SlotContentProps> = {
-    [K in FilterSlot]: ButtonSlotContent | CustomSlotContent<TProps> | CommandSlotContent;
+export type FilterSlotContent = {
+    [FilterSlot.UpdateHeader]: ButtonSlotContent | CustomSlotContent | CommandSlotContent;
+    [FilterSlot.CreateHeader]: ButtonSlotContent | CustomSlotContent | CommandSlotContent;
 };
 /**
  * Event fired when the current filter changes.

package/src/types/types/footer.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonSlotContent, type CommandSlotContent, type CustomSlotContent, type SlotContentProps, type SlotContentPropsGroup } from "./slots";
+import { type ButtonSlotContent, type CommandSlotContent, type CustomSlotContent } from "./slots";
 /**
  * The slots in the Footer UI.
  * @category Footer
@@ -12,6 +12,7 @@ export type FooterSlot = (typeof FooterSlot)[keyof typeof FooterSlot];
  * Content that can be added to footer slots.
  * @category Footer
  */
-export type FooterSlotContent<TProps extends SlotContentPropsGroup = SlotContentProps> = {
-    [K in FooterSlot]: ButtonSlotContent | CustomSlotContent<TProps> | CommandSlotContent;
+export type FooterSlotContent = {
+    [FooterSlot.FooterSlotPrimary]: ButtonSlotContent | CustomSlotContent | CommandSlotContent;
+    [FooterSlot.FooterSlotSecondary]: ButtonSlotContent | CustomSlotContent | CommandSlotContent;
 };

package/src/types/types/httpHistory.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonSlotContent, type CommandSlotContent, type CustomSlotContent, type SlotContentProps, type SlotContentPropsGroup } from "./slots";
+import { type ButtonSlotContent, type CommandSlotContent, type CustomSlotContent } from "./slots";
 import { type ID, type Selection } from "./utils";
 /**
  * The slots in the HTTP History UI.
@@ -11,12 +11,8 @@ export declare const HTTPHistorySlot: {
     readonly ToolbarPrimary: "toolbar-primary";
 };
 export type HTTPHistorySlot = (typeof HTTPHistorySlot)[keyof typeof HTTPHistorySlot];
-/**
- * Content that can be added to HTTP history slots.
- * @category HTTP History
- */
-export type HTTPHistorySlotContent<TProps extends SlotContentPropsGroup = SlotContentProps> = {
-    [K in HTTPHistorySlot]: ButtonSlotContent | CustomSlotContent<TProps> | CommandSlotContent;
+export type HTTPHistorySlotContent = {
+    [HTTPHistorySlot.ToolbarPrimary]: ButtonSlotContent | CustomSlotContent | CommandSlotContent;
 };
 /**
  * HTTP history page context.

package/src/types/types/matchReplace.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonSlotContent, type CommandSlotContent, type CustomSlotContent, type SlotContentProps, type SlotContentPropsGroup } from "./slots";
+import { type ButtonSlotContent, type CommandSlotContent, type CustomSlotContent } from "./slots";
 import { type HTTPQL, type ID, type Selection } from "./utils";
 /**
  * A rule in Match and Replace.
@@ -448,8 +448,9 @@ export type MatchReplaceSlot = (typeof MatchReplaceSlot)[keyof typeof MatchRepla
  * Content that can be added to match and replace slots.
  * @category Match and Replace
  */
-export type MatchReplaceSlotContent<TProps extends SlotContentPropsGroup = SlotContentProps> = {
-    [K in MatchReplaceSlot]: ButtonSlotContent | CustomSlotContent<TProps> | CommandSlotContent;
+export type MatchReplaceSlotContent = {
+    [MatchReplaceSlot.UpdateHeader]: ButtonSlotContent | CustomSlotContent | CommandSlotContent;
+    [MatchReplaceSlot.CreateHeader]: ButtonSlotContent | CustomSlotContent | CommandSlotContent;
 };
 /**
  * Event fired when the current match and replace rule changes.

package/src/types/types/replay.d.ts

@@ -1,5 +1,5 @@
-import { type ButtonSlotContent, type CommandSlotContent, type CustomSlotContent, type SlotContentProps, type SlotContentPropsGroup } from "./slots";
-import { type AddIndicatorOptions, type ID, type Selection } from "./utils";
+import { type ButtonSlotContent, type CommandSlotContent, type CustomSlotContent } from "./slots";
+import { type ID, type Selection } from "./utils";
 /**
  * The connection information to use for the request.
  * @category Replay
@@ -42,12 +42,10 @@ export declare const ReplaySlot: {
     readonly Topbar: "topbar";
 };
 export type ReplaySlot = (typeof ReplaySlot)[keyof typeof ReplaySlot];
-/**
- * Content that can be added to replay slots.
- * @category Replay
- */
-export type ReplaySlotContent<TProps extends SlotContentPropsGroup = SlotContentProps> = {
-    [K in ReplaySlot]: ButtonSlotContent | CustomSlotContent<TProps> | CommandSlotContent;
+export type ReplaySlotContent = {
+    [ReplaySlot.SessionToolbarPrimary]: ButtonSlotContent | CustomSlotContent | CommandSlotContent;
+    [ReplaySlot.SessionToolbarSecondary]: ButtonSlotContent | CustomSlotContent | CommandSlotContent;
+    [ReplaySlot.Topbar]: ButtonSlotContent | CustomSlotContent | CommandSlotContent;
 };
 /**
  * Options for opening a tab.
@@ -208,35 +206,6 @@ export type ReplayPageContext = {
     kind: "Replay";
     selection: Selection<ReplaySessionId>;
 };
-/**
- * Options for adding an indicator to a replay session.
- * @category Replay
- */
-export type AddSessionIndicatorOptions = AddIndicatorOptions & {
-    /**
-     * Includes the indicator icon on the session's replay tab.
-     * @default false
-     */
-    showTabIcon?: boolean;
-};
-/**
- * Options for adding an indicator to a replay collection.
- * @category Replay
- */
-export type AddCollectionIndicatorOptions = AddIndicatorOptions;
-/**
- * The kind of a replay session.
- * @category Replay
- */
-export declare const ReplaySessionKind: {
-    readonly Http: "HTTP";
-    readonly Ws: "WS";
-};
-/**
- * The kind of a replay session.
- * @category Replay
- */
-export type ReplaySessionKind = (typeof ReplaySessionKind)[keyof typeof ReplaySessionKind];
 /**
  * A unique replay session identifier.
  * @category Replay

package/src/types/types/request.d.ts

@@ -1,5 +1,3 @@
-import { type EditorView } from "@codemirror/view";
-import { type API } from "../sdks";
 import { type As, type ComponentDefinition, type ID, type Prettify } from "./utils";
 /**
  * A draft request that has not yet been saved to the database.
@@ -40,47 +38,11 @@ export type RequestFull = Prettify<As<"RequestFull"> & {
     streamId: ID | undefined;
     raw: string;
 }>;
-/**
- * The internal props for the request read-only view mode.
- * @category Request
- */
-export type RequestReadableViewModePropsInternal = {
-    request: RequestFull;
-    view: EditorView;
-};
-/**
- * The internal props for the request writable view mode.
- * @category Request
- */
-export type RequestWritableViewModePropsInternal = {
-    request: RequestFull | undefined;
-    draft: RequestDraft;
-    view: EditorView;
-};
-/**
- * The props for the request writable view mode.
- * @category Request
- */
-export type RequestWritableViewModeProps = RequestWritableViewModePropsInternal & {
-    sdk: API;
-};
-/**
- * The props for the request read-only view mode.
- * @category Request
- */
-export type RequestReadableViewModeProps = RequestReadableViewModePropsInternal & {
-    sdk: API;
-};
-/**
- * The props group for the request view mode.
- * @category Request
- */
-export type RequestViewModeProps = RequestReadableViewModeProps | RequestWritableViewModeProps | RequestReadableViewModePropsInternal | RequestWritableViewModePropsInternal;
 /**
  * Options for defining a custom request view mode.
  * @category Request
  */
-export type RequestViewModeOptions<TProps extends RequestViewModeProps> = {
+export type RequestViewModeOptions = {
     /**
      * The label of the view mode.
      */
@@ -88,7 +50,7 @@ export type RequestViewModeOptions<TProps extends RequestViewModeProps> = {
     /**
      * The component to render when the view mode is selected.
      */
-    view: ComponentDefinition<TProps>;
+    view: ComponentDefinition;
     /**
      * A function that determines if the view mode should be shown for a given request.
      */

package/src/types/types/response.d.ts

@@ -1,5 +1,3 @@
-import { type EditorView } from "@codemirror/view";
-import { type API } from "../sdks";
 import type { RequestFull, RequestMeta } from "./request";
 import type { As, ComponentDefinition, ID, Prettify } from "./utils";
 /**
@@ -14,26 +12,11 @@ export type ResponseFull = Prettify<As<"ResponseFull"> & {
     length: number;
     createdAt: Date;
 }>;
-/**
- * The internal props for the response view mode.
- * @category Response
- */
-export type ResponseViewModePropsInternal = {
-    response: ResponseFull;
-    view: EditorView;
-};
-/**
- * The props for the response view mode.
- * @category Response
- */
-export type ResponseViewModeProps = ResponseViewModePropsInternal & {
-    sdk: API;
-};
 /**
  * Options for defining a custom response view mode.
  * @category Response
  */
-export type ResponseViewModeOptions<TProps extends ResponseViewModeProps | ResponseViewModePropsInternal> = {
+export type ResponseViewModeOptions = {
     /**
      * The label of the view mode.
      */
@@ -41,7 +24,7 @@ export type ResponseViewModeOptions<TProps extends ResponseViewModeProps | Respo
     /**
      * The component to render when the view mode is selected.
      */
-    view: ComponentDefinition<TProps>;
+    view: ComponentDefinition;
     /**
      * A function that determines if the view mode should be shown for a given response.
      */