@sanity/runtime-cli 12.3.0 → 12.4.0

package/dist/commands/blueprints/init.js

@@ -1,7 +1,8 @@
-import { Args, Command, Flags } from '@oclif/core';
+import { Args, Flags } from '@oclif/core';
+import { baseFlags, RuntimeCommand, unhide } from '../../baseCommands.js';
 import { blueprintInitCore } from '../../cores/blueprints/init.js';
 import { validTokenOrErrorMessage } from '../../utils/validated-token.js';
-export default class InitCommand extends Command {
+export default class InitCommand extends RuntimeCommand {
     static description = 'Initialize a new Blueprint Stack deployment';
     static examples = [
         '<%= config.bin %> <%= command.id %>',
@@ -48,13 +49,9 @@ export default class InitCommand extends Command {
             aliases: ['name'],
             exclusive: ['stack-id'],
         }),
-        verbose: Flags.boolean({
-            description: 'Verbose output',
-            default: false,
-        }),
+        verbose: unhide(baseFlags.verbose),
     };
     async run() {
-        const { args, flags } = await this.parse(InitCommand);
         const result = await validTokenOrErrorMessage();
         if (!result.ok)
             this.error(result.error.message);
@@ -62,8 +59,8 @@ export default class InitCommand extends Command {
             bin: this.config.bin,
             log: (message) => this.log(message),
             token: result.value,
-            args,
-            flags,
+            args: this.args,
+            flags: this.flags,
         });
         if (!success)
             this.error(error);

package/dist/commands/blueprints/logs.d.ts

@@ -1,5 +1,5 @@
-import { DeployedBlueprintCommand } from '../../baseCommands.js';
-export default class LogsCommand extends DeployedBlueprintCommand<typeof LogsCommand> {
+import { DeployedStackCommand } from '../../baseCommands.js';
+export default class LogsCommand extends DeployedStackCommand<typeof LogsCommand> {
     static description: string;
     static examples: string[];
     static flags: {

package/dist/commands/blueprints/logs.js

@@ -1,7 +1,7 @@
 import { Flags } from '@oclif/core';
-import { DeployedBlueprintCommand } from '../../baseCommands.js';
+import { DeployedStackCommand } from '../../baseCommands.js';
 import { blueprintLogsCore } from '../../cores/blueprints/logs.js';
-export default class LogsCommand extends DeployedBlueprintCommand {
+export default class LogsCommand extends DeployedStackCommand {
     static description = 'Display logs for a Blueprint Stack deployment';
     static examples = [
         '<%= config.bin %> <%= command.id %>',

package/dist/commands/blueprints/plan.d.ts

@@ -1,5 +1,5 @@
-import { BlueprintCommand } from '../../baseCommands.js';
-export default class PlanCommand extends BlueprintCommand<typeof PlanCommand> {
+import { LocalBlueprintCommand } from '../../baseCommands.js';
+export default class PlanCommand extends LocalBlueprintCommand<typeof PlanCommand> {
     static description: string;
     static examples: string[];
     run(): Promise<void>;

package/dist/commands/blueprints/plan.js

@@ -1,6 +1,6 @@
-import { BlueprintCommand } from '../../baseCommands.js';
+import { LocalBlueprintCommand } from '../../baseCommands.js';
 import { blueprintPlanCore } from '../../cores/blueprints/plan.js';
-export default class PlanCommand extends BlueprintCommand {
+export default class PlanCommand extends LocalBlueprintCommand {
     static description = 'Enumerate resources to be deployed - will not modify any resources';
     static examples = ['<%= config.bin %> <%= command.id %>'];
     async run() {

package/dist/commands/blueprints/stacks.d.ts

@@ -1,5 +1,5 @@
-import { BlueprintCommand } from '../../baseCommands.js';
-export default class StacksCommand extends BlueprintCommand<typeof StacksCommand> {
+import { LocalBlueprintCommand } from '../../baseCommands.js';
+export default class StacksCommand extends LocalBlueprintCommand<typeof StacksCommand> {
     static description: string;
     static examples: string[];
     static flags: {

package/dist/commands/blueprints/stacks.js

@@ -1,7 +1,7 @@
 import { Flags } from '@oclif/core';
-import { BlueprintCommand } from '../../baseCommands.js';
+import { LocalBlueprintCommand } from '../../baseCommands.js';
 import { blueprintStacksCore } from '../../cores/blueprints/stacks.js';
-export default class StacksCommand extends BlueprintCommand {
+export default class StacksCommand extends LocalBlueprintCommand {
     static description = 'List all Blueprint Stacks';
     static examples = [
         '<%= config.bin %> <%= command.id %>',

package/dist/commands/functions/add.d.ts

@@ -1,5 +1,5 @@
-import { BlueprintCommand } from '../../baseCommands.js';
-export default class AddCommand extends BlueprintCommand<typeof AddCommand> {
+import { LocalBlueprintCommand } from '../../baseCommands.js';
+export default class AddCommand extends LocalBlueprintCommand<typeof AddCommand> {
     static description: string;
     static examples: string[];
     static flags: {

package/dist/commands/functions/add.js

@@ -1,7 +1,7 @@
 import { Flags } from '@oclif/core';
-import { BlueprintCommand } from '../../baseCommands.js';
+import { LocalBlueprintCommand } from '../../baseCommands.js';
 import { functionAddCore } from '../../cores/functions/index.js';
-export default class AddCommand extends BlueprintCommand {
+export default class AddCommand extends LocalBlueprintCommand {
     static description = 'Add a Function to your Blueprint';
     static examples = [
         '<%= config.bin %> <%= command.id %>',

package/dist/commands/functions/dev.d.ts

@@ -1,5 +1,5 @@
-import { BlueprintCommand } from '../../baseCommands.js';
-export default class DevCommand extends BlueprintCommand<typeof DevCommand> {
+import { LocalBlueprintCommand } from '../../baseCommands.js';
+export default class DevCommand extends LocalBlueprintCommand<typeof DevCommand> {
     static description: string;
     static examples: string[];
     static flags: {

package/dist/commands/functions/dev.js

@@ -1,7 +1,7 @@
 import { Flags } from '@oclif/core';
-import { BlueprintCommand } from '../../baseCommands.js';
+import { LocalBlueprintCommand } from '../../baseCommands.js';
 import { functionDevCore } from '../../cores/functions/dev.js';
-export default class DevCommand extends BlueprintCommand {
+export default class DevCommand extends LocalBlueprintCommand {
     static description = 'Start the Sanity Function emulator';
     static examples = ['<%= config.bin %> <%= command.id %> --host 127.0.0.1 --port 8974'];
     static flags = {

package/dist/commands/functions/env/add.d.ts

@@ -1,5 +1,5 @@
-import { DeployedBlueprintCommand } from '../../../baseCommands.js';
-export default class EnvAddCommand extends DeployedBlueprintCommand<typeof EnvAddCommand> {
+import { DeployedStackCommand } from '../../../baseCommands.js';
+export default class EnvAddCommand extends DeployedStackCommand<typeof EnvAddCommand> {
     static args: {
         name: import("@oclif/core/interfaces").Arg<string, Record<string, unknown>>;
         key: import("@oclif/core/interfaces").Arg<string, Record<string, unknown>>;

package/dist/commands/functions/env/add.js

@@ -1,7 +1,7 @@
 import { Args } from '@oclif/core';
-import { DeployedBlueprintCommand } from '../../../baseCommands.js';
+import { DeployedStackCommand } from '../../../baseCommands.js';
 import { functionEnvAddCore } from '../../../cores/functions/env/add.js';
-export default class EnvAddCommand extends DeployedBlueprintCommand {
+export default class EnvAddCommand extends DeployedStackCommand {
     static args = {
         name: Args.string({ description: 'The name of the Sanity Function', required: true }),
         key: Args.string({ description: 'The name of the environment variable', required: true }),

package/dist/commands/functions/env/list.d.ts

@@ -1,5 +1,5 @@
-import { DeployedBlueprintCommand } from '../../../baseCommands.js';
-export default class EnvListCommand extends DeployedBlueprintCommand<typeof EnvListCommand> {
+import { DeployedStackCommand } from '../../../baseCommands.js';
+export default class EnvListCommand extends DeployedStackCommand<typeof EnvListCommand> {
     static args: {
         name: import("@oclif/core/interfaces").Arg<string, Record<string, unknown>>;
     };

package/dist/commands/functions/env/list.js

@@ -1,7 +1,7 @@
 import { Args } from '@oclif/core';
-import { DeployedBlueprintCommand } from '../../../baseCommands.js';
+import { DeployedStackCommand } from '../../../baseCommands.js';
 import { functionEnvListCore } from '../../../cores/functions/env/list.js';
-export default class EnvListCommand extends DeployedBlueprintCommand {
+export default class EnvListCommand extends DeployedStackCommand {
     static args = {
         name: Args.string({ description: 'The name of the Sanity Function', required: true }),
     };

package/dist/commands/functions/env/remove.d.ts

@@ -1,5 +1,5 @@
-import { DeployedBlueprintCommand } from '../../../baseCommands.js';
-export default class EnvRemoveCommand extends DeployedBlueprintCommand<typeof EnvRemoveCommand> {
+import { DeployedStackCommand } from '../../../baseCommands.js';
+export default class EnvRemoveCommand extends DeployedStackCommand<typeof EnvRemoveCommand> {
     static args: {
         name: import("@oclif/core/interfaces").Arg<string, Record<string, unknown>>;
         key: import("@oclif/core/interfaces").Arg<string, Record<string, unknown>>;

package/dist/commands/functions/env/remove.js

@@ -1,7 +1,7 @@
 import { Args } from '@oclif/core';
-import { DeployedBlueprintCommand } from '../../../baseCommands.js';
+import { DeployedStackCommand } from '../../../baseCommands.js';
 import { functionEnvRemoveCore } from '../../../cores/functions/env/remove.js';
-export default class EnvRemoveCommand extends DeployedBlueprintCommand {
+export default class EnvRemoveCommand extends DeployedStackCommand {
     static args = {
         name: Args.string({ description: 'The name of the Sanity Function', required: true }),
         key: Args.string({ description: 'The name of the environment variable', required: true }),

package/dist/commands/functions/logs.d.ts

@@ -1,7 +1,7 @@
-import { DeployedBlueprintCommand } from '../../baseCommands.js';
-export default class LogsCommand extends DeployedBlueprintCommand<typeof LogsCommand> {
+import { DeployedStackCommand } from '../../baseCommands.js';
+export default class LogsCommand extends DeployedStackCommand<typeof LogsCommand> {
     static args: {
-        name: import("@oclif/core/interfaces").Arg<string, Record<string, unknown>>;
+        name: import("@oclif/core/interfaces").Arg<string | undefined, Record<string, unknown>>;
     };
     static description: string;
     static examples: string[];

package/dist/commands/functions/logs.js

@@ -1,9 +1,9 @@
 import { Args, Flags } from '@oclif/core';
-import { DeployedBlueprintCommand } from '../../baseCommands.js';
+import { DeployedStackCommand } from '../../baseCommands.js';
 import { functionLogsCore } from '../../cores/functions/logs.js';
-export default class LogsCommand extends DeployedBlueprintCommand {
+export default class LogsCommand extends DeployedStackCommand {
     static args = {
-        name: Args.string({ description: 'The name of the Sanity Function', required: true }),
+        name: Args.string({ description: 'The name of the Sanity Function', required: false }),
     };
     static description = 'Retrieve or delete logs for a Sanity Function';
     static examples = [
@@ -48,10 +48,12 @@ export default class LogsCommand extends DeployedBlueprintCommand {
         }),
     };
     async run() {
+        const { name } = this.args;
         const { success, error } = await functionLogsCore({
             bin: this.config.bin,
             log: (msg) => this.log(msg),
-            args: this.args,
+            error: (msg, options) => this.error(msg, options),
+            args: { name },
             flags: this.flags,
             auth: this.auth,
             blueprint: this.blueprint,
@@ -60,6 +62,7 @@ export default class LogsCommand extends DeployedBlueprintCommand {
             scopeId: this.scopeId,
             token: this.sanityToken,
             stackId: this.stackId,
+            helpText: LogsCommand.getHelpText(this.config.bin, 'functions logs'),
         });
         if (!success)
             this.error(error);

package/dist/commands/functions/test.d.ts

@@ -1,7 +1,7 @@
-import { BlueprintCommand } from '../../baseCommands.js';
-export default class TestCommand extends BlueprintCommand<typeof TestCommand> {
+import { LocalBlueprintCommand } from '../../baseCommands.js';
+export default class TestCommand extends LocalBlueprintCommand<typeof TestCommand> {
     static args: {
-        name: import("@oclif/core/interfaces").Arg<string, Record<string, unknown>>;
+        name: import("@oclif/core/interfaces").Arg<string | undefined, Record<string, unknown>>;
     };
     static description: string;
     static examples: string[];

package/dist/commands/functions/test.js

@@ -1,9 +1,9 @@
 import { Args, Flags } from '@oclif/core';
-import { BlueprintCommand } from '../../baseCommands.js';
+import { LocalBlueprintCommand } from '../../baseCommands.js';
 import { functionTestCore } from '../../cores/functions/test.js';
-export default class TestCommand extends BlueprintCommand {
+export default class TestCommand extends LocalBlueprintCommand {
     static args = {
-        name: Args.string({ description: 'The name of the Sanity Function', required: true }),
+        name: Args.string({ description: 'The name of the Sanity Function', required: false }),
     };
     static description = 'Invoke a local Sanity Function';
     static examples = [
@@ -151,6 +151,7 @@ export default class TestCommand extends BlueprintCommand {
         }),
     };
     async run() {
+        const { name } = this.args;
         if (this.flags.event === 'update') {
             const hasDataPair = this.flags['data-before'] && this.flags['data-after'];
             const hasFilePair = this.flags['file-before'] && this.flags['file-after'];
@@ -165,9 +166,11 @@ export default class TestCommand extends BlueprintCommand {
         const { success, error } = await functionTestCore({
             bin: this.config.bin,
             log: (msg) => this.log(msg),
-            args: this.args,
+            error: (msg, options) => this.error(msg, options),
+            args: { ...this.args, name },
             flags: this.flags,
             blueprint: this.blueprint,
+            helpText: TestCommand.getHelpText(this.config.bin, 'functions test'),
         });
         if (!success)
             this.error(error);

package/dist/cores/blueprints/config.d.ts

@@ -1,8 +1,5 @@
-import type { ReadBlueprintResult } from '../../actions/blueprints/blueprint.js';
-import type { CoreConfig, CoreResult } from '../index.js';
-export interface BlueprintConfigOptions extends CoreConfig {
-    token: string;
-    blueprint: ReadBlueprintResult;
+import type { BlueprintConfig, CoreResult } from '../index.js';
+export interface BlueprintConfigOptions extends BlueprintConfig {
     flags: {
         edit?: boolean;
         'project-id'?: string;

package/dist/cores/blueprints/deploy.js

@@ -63,7 +63,6 @@ export async function blueprintDeployCore(options) {
                         ? `Failed uploading function collection ${resource.name} (${resource.functions?.length || 0} functions), deploy has stopped`
                         : `Failed uploading ${resource.name} asset, deploy has stopped`;
                     fnSpinner.fail(errorMsg);
-                    log(`   Error: ${result.error}`);
                     return { success: false, error: result.error || 'Failed to process function resource' };
                 }
             }

package/dist/cores/blueprints/destroy.d.ts

@@ -1,8 +1,5 @@
-import type { ReadBlueprintResult } from '../../actions/blueprints/blueprint.js';
-import type { CoreConfig, CoreResult } from '../index.js';
-export interface BlueprintDestroyOptions extends CoreConfig {
-    token: string;
-    blueprint: ReadBlueprintResult;
+import type { BlueprintConfig, CoreResult } from '../index.js';
+export interface BlueprintDestroyOptions extends BlueprintConfig {
     flags: {
         force?: boolean;
         'project-id'?: string;

package/dist/cores/blueprints/doctor.js

@@ -181,21 +181,31 @@ export async function blueprintDoctorCore(options) {
     }
     else if (fix) {
         if (p) {
-            return { success: false, error: `${errorMessage}. --fix cannot be used with --path` };
+            return {
+                success: false,
+                error: `${errorMessage}. --fix cannot be used with --path`,
+                data: { diagnostics },
+            };
         }
         if (!tokenOrError) {
-            return { success: false, error: `${errorMessage}. Unable to fix: Missing authentication token` };
+            return {
+                success: false,
+                error: `${errorMessage}. Unable to fix: Missing authentication token`,
+                data: { diagnostics },
+            };
         }
         if (tokenOrError?.ok === false) {
             return {
                 success: false,
                 error: `${errorMessage}. Unable to fix: ${tokenOrError.error.message}`,
+                data: { diagnostics },
             };
         }
         if (!blueprint) {
             return {
                 success: false,
                 error: `${errorMessage}. Unable to fix: Blueprint is missing or invalid`,
+                data: { diagnostics },
             };
         }
         return blueprintConfigCore({

package/dist/cores/blueprints/info.js

@@ -3,7 +3,7 @@ import { formatDeployedResourceTree, formatStackInfo, } from '../../utils/displa
 import { niceId } from '../../utils/display/presenters.js';
 export async function blueprintInfoCore(options) {
     const { log, auth, stackId, flags, deployedStack } = options;
-    const { id: flagStackId, verbose: _verbose = false } = flags;
+    const { id: flagStackId, verbose = false } = flags;
     try {
         const targetStackId = flagStackId || stackId;
         let stack = deployedStack;
@@ -20,7 +20,7 @@ export async function blueprintInfoCore(options) {
         }
         log(formatStackInfo(stack, true));
         if (stack.resources)
-            log(formatDeployedResourceTree(stack.resources));
+            log(formatDeployedResourceTree(stack.resources, verbose));
         return { success: true };
     }
     catch (error) {

package/dist/cores/blueprints/stacks.d.ts

@@ -1,8 +1,5 @@
-import type { ReadBlueprintResult } from '../../actions/blueprints/blueprint.js';
-import type { CoreConfig, CoreResult } from '../index.js';
-export interface BlueprintStacksOptions extends CoreConfig {
-    token: string;
-    blueprint: ReadBlueprintResult;
+import type { BlueprintConfig, CoreResult } from '../index.js';
+export interface BlueprintStacksOptions extends BlueprintConfig {
     flags: {
         'project-id'?: string;
         'organization-id'?: string;

package/dist/cores/functions/logs.d.ts

@@ -1,7 +1,7 @@
 import type { CoreResult, DeployedBlueprintConfig } from '../index.js';
 export interface FunctionLogsOptions extends DeployedBlueprintConfig {
     args: {
-        name: string;
+        name: string | undefined;
     };
     flags: {
         limit: number;
@@ -11,5 +11,7 @@ export interface FunctionLogsOptions extends DeployedBlueprintConfig {
         force?: boolean;
         watch?: boolean;
     };
+    error: (message: string, options: object) => void;
+    helpText: string;
 }
 export declare function functionLogsCore(options: FunctionLogsOptions): Promise<CoreResult>;

package/dist/cores/functions/logs.js

@@ -4,11 +4,20 @@ import ora from 'ora';
 import { deleteLogs as deleteLogsAction, logs as getLogsAction, streamLogs as streamLogsAction, } from '../../actions/functions/logs.js';
 import { formatTitle } from '../../utils/display/blueprints-formatting.js';
 import { niceId } from '../../utils/display/presenters.js';
-import { findFunctionInStack } from '../../utils/find-function.js';
+import { findFunctionInStack, getFunctionNames } from '../../utils/find-function.js';
 export async function functionLogsCore(options) {
-    const { args, flags, log, auth, deployedStack } = options;
+    const { args, flags, log, error, auth, deployedStack, blueprint, helpText } = options;
     const { name } = args;
     const { delete: shouldDelete, watch: shouldWatch, force, limit, json, utc } = flags;
+    if (!name) {
+        const functionNames = getFunctionNames(blueprint.parsedBlueprint.resources);
+        const validNames = functionNames.length > 0
+            ? `Valid names are: ${functionNames.join(', ')}`
+            : 'No functions are defined in the blueprint.';
+        error(`Missing required argument: name\n${validNames}\n`, { exit: false });
+        log(helpText);
+        return { success: true };
+    }
     const { externalId } = findFunctionInStack(deployedStack, name); // throws if not found
     if (shouldDelete)
         return deleteLogs({ name, externalId, auth, force, log });

package/dist/cores/functions/test.d.ts

@@ -3,7 +3,7 @@ import type { CoreConfig, CoreResult } from '../index.js';
 export interface FunctionTestOptions extends CoreConfig {
     blueprint: ReadBlueprintResult;
     args: {
-        name: string;
+        name: string | undefined;
     };
     flags: {
         data?: string;
@@ -24,5 +24,7 @@ export interface FunctionTestOptions extends CoreConfig {
         'document-id-after'?: string;
         'media-library-id'?: string;
     };
+    error: (message: string, options: object) => void;
+    helpText: string;
 }
 export declare function functionTestCore(options: FunctionTestOptions): Promise<CoreResult>;

package/dist/cores/functions/test.js

@@ -6,16 +6,25 @@ import { testAction } from '../../actions/functions/test.js';
 import config from '../../config.js';
 import { SANITY_FUNCTION_DOCUMENT, SANITY_FUNCTION_MEDIA_LIBRARY_ASSET } from '../../constants.js';
 import buildPayload from '../../utils/build-payload.js';
-import { findFunctionInBlueprint } from '../../utils/find-function.js';
+import { findFunctionInBlueprint, getFunctionNames } from '../../utils/find-function.js';
 import { fetchAsset, fetchDocument } from '../../utils/functions/fetch-document.js';
 import { parseJsonObject } from '../../utils/parse-json-object.js';
 import { isEventType, isGroqContextOptions, } from '../../utils/types.js';
 export async function functionTestCore(options) {
-    const { blueprint, log, args, flags } = options;
+    const { blueprint, log, error, args, flags, helpText } = options;
     const { name: fnName } = args;
     const { data, event, file, timeout, api, dataset, 'document-id': documentId, 'with-user-token': withUserToken, 'data-before': dataBefore, 'data-after': dataAfter, 'file-before': fileBefore, 'file-after': fileAfter, 'document-id-before': documentIdBefore, 'document-id-after': documentIdAfter, 'media-library-id': mediaLibraryId, } = flags;
     const { parsedBlueprint } = blueprint;
     const { 'project-id': projectId = blueprint?.projectId, 'organization-id': organizationId = blueprint?.organizationId, } = flags;
+    if (!fnName) {
+        const functionNames = getFunctionNames(blueprint.parsedBlueprint.resources);
+        const validNames = functionNames.length > 0
+            ? `Valid names are: ${functionNames.join(', ')}`
+            : 'No functions are defined in the blueprint.';
+        error(`Missing required argument: name\n${validNames}\n`, { exit: false });
+        log(helpText);
+        return { success: true };
+    }
     let eventType;
     if (!event) {
         eventType = 'create';

package/dist/server/static/components/app.css

@@ -747,9 +747,6 @@ body {
 header {
   grid-area: header;
 }
-filters-component {
-  grid-area: filters;
-}
 nav {
   grid-area: left-sidebar;
 }
@@ -763,36 +760,6 @@ footer {
   grid-area: footer;
 }
 
-/* Add styles for filters-component form */
-/* Default (Mobile) Styles */
-filters-component form {
-  display: block; /* Stack direct children */
-  padding: var(--m-space-3); /* Consistent padding */
-  border-bottom: 1px solid var(--card-border-color);
-}
-
-filters-component form > * {
-  /* Target direct children: dropdowns, fieldset */
-  display: block; /* Ensure they are block level */
-  width: 100%; /* Make them take full width */
-  margin-bottom: var(--m-space-3); /* Add space below each item when stacked */
-}
-
-filters-component form > *:last-child {
-  margin-bottom: 0; /* Remove margin from the last stacked item */
-}
-
-filters-component form label {
-  display: block; /* Ensure label stacks above input if needed */
-  margin-bottom: var(--m-space-1); /* Small space between label and input */
-}
-
-filters-component form input {
-  width: 100%; /* Make input fill its container */
-  box-sizing: border-box; /* Include padding/border in width calculation */
-}
-/* End of Mobile Styles */
-
 /* Apply grid styles to main#main-content */
 #main-content {
   display: grid;
@@ -808,26 +775,6 @@ filters-component form input {
   min-height: 0; /* Important for nested overflow/height */
 }
 
-payload-panel {
-  grid-area: payload;
-  max-height: 100%; /* Fit within allocated grid row space */
-  overflow: hidden; /* Let internal elements scroll */
-  min-height: 0; /* Allow shrinking */
-}
-
-response-panel {
-  grid-area: response;
-  max-height: 100%;
-  overflow: hidden;
-  min-height: 0;
-}
-
-/* Target console-panel for grid area and height constraints */
-console-panel {
-  grid-area: console;
-  overflow: hidden; /* The inner div handles scrolling */
-}
-
 @media (max-width: 40rem) {
   /* Mobile layout: stack elements vertically */
   #main-content {
@@ -843,20 +790,6 @@ console-panel {
     overflow-y: auto; /* Allow scrolling for the whole main area */
   }
 
-  /* Reset max-heights on mobile if they cause layout issues */
-  payload-panel,
-  response-panel,
-  console-panel {
-    max-height: none;
-    min-height: 200px; /* Give some minimum space on mobile */
-    overflow: auto; /* Allow individual scrolling if content is large */
-  }
-
-  /* Ensure console has reasonable height on mobile */
-  console-panel {
-    max-height: 400px; /* Allow more console height on mobile maybe */
-  }
-
   .block-lg {
     display: block !important;
   }
@@ -878,27 +811,6 @@ console-panel {
   .border-top-none-l {
     border-top: 0;
   }
-
-  /* Revert filters-component form to horizontal layout on larger screens */
-  filters-component form {
-    display: flex;
-    flex-direction: row;
-    align-items: flex-end; /* Align form elements along their bottom edge */
-    gap: var(--m-space-3); /* Space between elements */
-    padding-left: var(--m-space-3);
-    padding-bottom: var(--m-space-3);
-  }
-
-  filters-component form > * {
-    width: auto; /* Allow elements to size based on content/flex rules */
-    margin-bottom: 0; /* Remove stacking margin */
-  }
-
-  /* Optional: Give API version input a specific width or allow growth */
-  filters-component form fieldset {
-    min-width: 150px; /* Example minimum width */
-    /* flex-grow: 1; */ /* Uncomment to allow it to fill space */
-  }
 }
 
 header {
@@ -1088,34 +1000,6 @@ time {
   font-family: var(--font-family-mono);
 }
 
-response-panel,
-payload-panel {
-  max-height: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-toggle-switch {
-  display: inline-block;
-  cursor: pointer;
-}
-
-toggle-switch::part(track) {
-  padding: 0.125em;
-  border-radius: 1em;
-  background-color: hsl(0, 0%, 67%);
-}
-
-toggle-switch::part(slider) {
-  border-radius: 1em;
-  background-color: hsl(0, 0%, 100%);
-  box-shadow: 0.0625em 0.0625em 0.125em hsla(0, 0%, 0%, 0.25);
-}
-
-toggle-switch[checked]::part(track) {
-  background-color: var(--color-interactive-primary-active-bg);
-}
-
 /* Default sidebar */
 #sidebar {
   transition: