diff --git a/docker-compose-test.yml b/docker-compose-test.yml
index 56f8e78df7..2dcf4d6c2a 100644
--- a/docker-compose-test.yml
+++ b/docker-compose-test.yml
@@ -9,6 +9,7 @@ services:
     depends_on: ['postgres']
     environment:
       HASURA_GRAPHQL_ADMIN_SECRET: '${HASURA_GRAPHQL_ADMIN_SECRET}'
+      HASURA_GRAPHQL_JWT_SECRET: '${HASURA_GRAPHQL_JWT_SECRET}'
       LOG_FILE: console
       LOG_LEVEL: debug
       MERLIN_GRAPHQL_URL: http://hasura:8080/v1/graphql
diff --git a/e2e-tests/data/aerie-action-demo.js b/e2e-tests/data/aerie-action-demo.js
index 67d96ae09c..05ba4c3e41 100644
--- a/e2e-tests/data/aerie-action-demo.js
+++ b/e2e-tests/data/aerie-action-demo.js
@@ -1,68 +1,318 @@
 'use strict';
 
-// Define schemas for your action's settings and parameters
 const parameterDefinitions = {
-  boolean: { type: "boolean" },
-  delay: { type:"int" },
-  duration: { type: "duration" },
-  file: { type: "file" },
-  fileList: { type: "fileList" },
-  real: { type: "real" },
-  repository: { type: "string" },
-  series: { items:{ type: "string" }, type: "series",  },
-  string: { type: "string" },
-  sequence: { type: "sequence" },
-  sequenceList: { type: "sequenceList" },
-  variant: { type: "variant", variants: [{key: "foo", label: "Foo"}, {key: "bar", label: "Bar"}] },
+  logCount: {
+    type: 'int',
+    description: 'Number of log lines to generate (0 for none)',
+    defaultValue: 10,
+  },
+  mode: {
+    type: 'variant',
+    description: 'What the action should do',
+    variants: [
+      { key: 'fetch', label: 'Fetch URL' },
+      { key: 'adaptation', label: 'Translate File using Adaptation' },
+      { key: 'files', label: 'List & Read Files' },
+      { key: 'write', label: 'Write a File' },
+      { key: 'error', label: 'Throw an Error' },
+      { key: 'slow', label: 'Slow (5s delay)' },
+    ],
+  },
+  outputFile: {
+    type: 'string',
+    description: 'Filename to write (used in "write" mode)',
+    defaultValue: 'action_output.txt',
+  },
+  outputContent: {
+    type: 'string',
+    description: 'Content to write to the file (used in "write" mode)',
+    defaultValue: 'Hello from aerie-action-demo!',
+  },
+  secret: {
+    type: 'secret',
+    description: 'A secret value (e.g. API token) — sent securely, never stored in run history',
+  },
+  sequence: {
+    type: 'sequence',
+    description: 'A sequence file parameter (for testing file pickers)',
+    primary: true,
+  },
 };
+
 const settingDefinitions = {
-  externalUrl: { type: "string" },
-  retries: { type: "int" }
+  externalUrl: {
+    type: 'string',
+    description: 'Base URL for fetch mode',
+    defaultValue: 'https://api.github.com',
+  },
+  secretSetting: {
+    type: 'secret',
+    description: 'A secret value (e.g. API token) — sent securely, never stored in run history',
+  },
+  files: {
+    type: 'fileList',
+    description: 'A list of files to process',
+  },
+  verbose: {
+    type: 'string',
+    description: 'Enable extra-verbose logging',
+    defaultValue: "false",
+  },
 };
+
 async function main(actionParameters, actionSettings, actionsAPI) {
-    await new Promise((resolve) => {
-      setTimeout(() => {
-          resolve();
-      }, actionParameters.delay ?? 0);
-    })
-
-    const url = `${actionSettings.externalUrl}/${actionParameters.repository}`;
-    const startTime = performance.now();
-    // Make a request to an external URL using fetch
-    const result = await fetch(url, {
-        method: "get",
-        headers: {
-            "Content-Type": "application/json",
-        },
+  const { logCount = 10, mode = 'fetch', outputFile, outputContent, secret, sequence } = actionParameters;
+  const { externalUrl = 'https://api.github.com', verbose = false } = actionSettings;
+  const startTime = performance.now();
+
+  // Generate requested log output
+  emitLogs(logCount, verbose);
+
+  console.log(`Action started — mode: ${mode}`);
+  console.log(`Secret provided: ${secret ? 'yes (' + secret.length + ' chars)' : 'no'}`);
+  console.log(`Parameters: ${JSON.stringify({ ...actionParameters, secret: secret ? '***' : undefined })}`);
+
+  let result;
+  switch (mode) {
+    case 'fetch':
+      result = await runFetchMode(externalUrl, verbose);
+      break;
+    case 'files':
+      result = await runFilesMode(actionsAPI, sequence, verbose);
+      break;
+    case 'adaptation':
+      result = await runAdaptationMode(actionsAPI, sequence);
+      break;
+    case 'write':
+      result = await runWriteMode(actionsAPI, outputFile, outputContent, verbose);
+      break;
+    case 'error':
+      result = runErrorMode();
+      break;
+    case 'slow':
+      result = await runSlowMode(verbose);
+      break;
+    default:
+      result = { status: 'FAILED', data: { error: `Unknown mode: ${mode}` } };
+  }
+
+  const elapsed = (performance.now() - startTime).toFixed(1);
+  console.log(`Action completed in ${elapsed}ms with status: ${result.status}`);
+
+  return result;
+}
+
+function emitLogs(count, verbose) {
+  if (count <= 0) return;
+
+  const messages = [
+    'Initializing action runtime...',
+    'Loading workspace configuration...',
+    'Validating parameter schemas...',
+    'Resolving file dependencies...',
+    'Checking network connectivity...',
+    'Authenticating with external service...',
+    'Preparing execution context...',
+    'Allocating resources...',
+    'Starting main execution loop...',
+    'Processing batch 1 of N...',
+    'Intermediate checkpoint reached.',
+    'Cache hit for resource lookup.',
+    'Cache miss — fetching from remote.',
+    'Retrying transient operation (attempt 2/3)...',
+    'Rate limit approaching — throttling requests.',
+    'Partial result received, continuing...',
+    'Unexpected response format — attempting fallback parse.',
+    'File handle released.',
+    'Connection pool drained to 1 active.',
+    'Garbage collection triggered.',
+    'Serializing intermediate results...',
+    'Compressing output payload...',
+    'Flushing write buffer...',
+    'Waiting for async callbacks...',
+    'Finalizing transaction log...',
+  ];
+
+  for (let i = 0; i < count; i++) {
+    const msg = messages[i % messages.length];
+    if (verbose) {
+      const ts = new Date().toISOString();
+      console.log(`[${ts}] [line ${i + 1}/${count}] ${msg}`);
+    } else {
+      console.log(msg);
+    }
+  }
+}
+
+async function runFetchMode(externalUrl, verbose) {
+  const url = `${externalUrl}/repos/NASA-AMMOS/plandev`;
+  console.log(`Fetching: ${url}`);
+
+  try {
+    const response = await fetch(url, {
+      method: 'GET',
+      headers: { 'Content-Type': 'application/json' },
     });
-    console.log(`request took ${performance.now() - startTime}ms`);
-    // try parsing result as either json or text
-    let resultData;
+
+    if (verbose) {
+      console.log(`Response status: ${response.status} ${response.statusText}`);
+    }
+
+    let data;
     try {
-        resultData = await result.clone().json();
+      data = await response.clone().json();
+    } catch {
+      data = await response.clone().text();
+    }
+
+    if (!response.ok) {
+      console.warn(`Non-OK response: ${response.status}`);
+      return { status: 'FAILED', data };
+    }
+
+    // Return a curated subset so results aren't enormous
+    const summary = {
+      description: data.description,
+      forks: data.forks_count,
+      language: data.language,
+      name: data.full_name,
+      open_issues: data.open_issues_count,
+      stars: data.stargazers_count,
+      updated_at: data.updated_at,
+      url: data.html_url,
+    };
+
+    return { status: 'SUCCESS', data: summary };
+  } catch (err) {
+    console.error(`Fetch failed: ${err.message}`);
+    return { status: 'FAILED', data: { error: err.message } };
+  }
+}
+
+async function runFilesMode(actionsAPI, sequence, verbose) {
+  console.log('Listing workspace files...');
+  try {
+    // For now treat files as a JSON string that needs parsing. This should be fixed in the API to return an array directly.
+    const filesString = await actionsAPI.listFiles('.');
+    const files = JSON.parse(filesString);
+    console.log(`Found ${files.length} files`);
+
+    if (verbose) {
+      files.forEach((f, i) => console.log(`  [${i}] ${f}`));
     }
-    catch {
-        resultData = await result.clone().text();
+
+    let sequenceContent = null;
+    if (sequence) {
+      console.log(`Reading sequence file: ${sequence}`);
+      try {
+        sequenceContent = await actionsAPI.readFile(sequence);
+        console.log(`Sequence file read successfully (${sequenceContent.length} chars)`);
+      } catch (err) {
+        console.warn(`Could not read sequence file: ${err.message}`);
+      }
     }
-    try  {
-      // read/write files using the actions helpers
-      const files = await actionsAPI.listSequences();
-      const myFile = await actionsAPI.readSequence("my_file");
-      const writeResult = await actionsAPI.writeSequence("new_file", "new contents");
-      console.log(`writeResult: ${JSON.stringify(writeResult)}`);
-      console.log('sequence files:', JSON.stringify(files));
-      console.log(`myFile: ${JSON.stringify(myFile)}`);
-    } catch (error) {
-      console.log(error)
+
+    return {
+      status: 'SUCCESS',
+      data: {
+        fileCount: files.length,
+        files: files.slice(0, 20),
+        sequenceContent: sequenceContent ? sequenceContent.substring(0, 500) : null,
+        sequenceFile: sequence || null,
+      },
+    };
+  } catch (err) {
+    console.error(`File listing failed: ${err.message}`);
+    return { status: 'FAILED', data: { error: err.message } };
+  }
+}
+
+async function runWriteMode(actionsAPI, filename, content, verbose) {
+  const name = filename || 'action_output.txt';
+  const body = content || 'Written by aerie-action-demo';
+
+  console.log(`Writing file: ${name}`);
+  if (verbose) {
+    console.log(`Content length: ${body.length} chars`);
+  }
+
+  try {
+    const result = await actionsAPI.writeFile(name, body);
+    console.log('File written successfully');
+    return {
+      status: 'SUCCESS',
+      data: { filename: name, contentLength: body.length, writeResult: result },
+    };
+  } catch (err) {
+    console.error(`Write failed: ${err.message}`);
+    return { status: 'FAILED', data: { error: err.message } };
+  }
+}
+
+
+async function runAdaptationMode(actionsAPI, sequence) {
+  console.log('Loading adaptation');
+
+  try {
+    const adaptation = await actionsAPI.loadAdaptation();
+    console.log('Adaptation loaded');
+
+    if (!sequence) {
+      throw new Error('No sequence file provided for adaptation mode');
     }
+
+    console.log(`Reading sequence file: ${sequence}`);
+    const sequenceContent = await actionsAPI.readFile(sequence);
+    console.log(`Sequence file read successfully (${sequenceContent.length} chars)`);
+    const translated = adaptation.outputs[0].toOutputFormat(
+      sequenceContent,
+      { commandDictionary: null, channelDictionary: null, parameterDictionaries: [], librarySequences: [] },
+      'my-sequence'
+    );
+    console.log(`Sequence translated successfully (${translated.length} chars)`);
+
     return {
-        status: "SUCCESS",
-        data: resultData,
+      status: 'SUCCESS',
+      data: { translated: JSON.parse(translated) },
     };
+  } catch (err) {
+    console.error(`Translate sequence with adaptation failed: ${err.message}`);
+    return { status: 'FAILED', data: { error: err.message } };
+  }
+}
+
+function runErrorMode() {
+  console.log('Error mode selected — about to throw');
+  console.warn('This is intentional for testing error display');
+  throw new Error(
+    'Intentional error from aerie-action-demo (error mode).\n' +
+    'This tests the error display in the action run detail view.\n' +
+    'Stack trace should appear below.'
+  );
+}
+
+async function runSlowMode(verbose) {
+  const totalMs = 5000;
+  const steps = 5;
+  const stepMs = totalMs / steps;
+
+  console.log(`Slow mode: running ${steps} steps over ${totalMs}ms`);
+
+  for (let i = 1; i <= steps; i++) {
+    await new Promise(resolve => setTimeout(resolve, stepMs));
+    const pct = Math.round((i / steps) * 100);
+    console.log(`Step ${i}/${steps} complete (${pct}%)`);
+    if (verbose) {
+      console.log(`  Elapsed: ${i * stepMs}ms`);
+    }
+  }
+
+  return {
+    status: 'SUCCESS',
+    data: { message: 'Slow operation completed', durationMs: totalMs, steps },
+  };
 }
 
 exports.main = main;
 exports.parameterDefinitions = parameterDefinitions;
 exports.settingDefinitions = settingDefinitions;
-
-
diff --git a/e2e-tests/fixtures/Action.ts b/e2e-tests/fixtures/Action.ts
index 6658228afa..a850e402a5 100644
--- a/e2e-tests/fixtures/Action.ts
+++ b/e2e-tests/fixtures/Action.ts
@@ -3,17 +3,12 @@ import { adjectives, animals, colors, uniqueNamesGenerator } from 'unique-names-
 import { setFileInputByFilepath } from '../utilities/helpers';
 
 export class Action {
-  actionDefinitionButton: Locator;
   actionDescription: string = uniqueNamesGenerator({ dictionaries: [adjectives, colors, animals] });
-  actionFormDescription: Locator;
-  actionFormName: Locator;
-  actionFormPath: Locator;
   actionName: string = uniqueNamesGenerator({ dictionaries: [adjectives, colors, animals] });
   actionPath: string = 'e2e-tests/data/aerie-action-demo.js';
+  actionsSidebarTab: Locator;
   createActionButton: Locator;
   createModal: Locator;
-  createModalDeleteButton: Locator;
-  runModal: Locator;
 
   constructor(
     public page: Page,
@@ -22,14 +17,30 @@ export class Action {
     this.updatePage(page);
   }
 
+  async archiveAction(): Promise<void> {
+    // Navigate to Configure tab and click Archive Action
+    await this.page.getByRole('tab', { name: 'Configure' }).click();
+    await this.page.getByRole('button', { name: 'Archive Action' }).click();
+    // Confirm the archive modal
+    const confirmModal = this.page.locator('#modal-container');
+    await expect(confirmModal).toBeVisible();
+    await confirmModal.getByRole('button', { name: 'Archive' }).click();
+    // Verify the Archived badge appears in the detail view header
+    await expect(this.page.getByText('Archived', { exact: true })).toBeVisible();
+    // Verify Run Action button is disabled
+    await expect(this.page.getByRole('button', { name: 'Run Action' })).toBeDisabled();
+  }
+
   async configureAction(): Promise<void> {
     await this.page.getByRole('tab', { name: 'Configure' }).click();
-    // Provide the github api url to the action found in `actionPath` so that it can
-    // successfully query the api
-    await this.page
-      .locator(".configure .parameter-base-string:has-text('externalUrl') input")
-      .fill('https://api.github.com/');
-    await this.page.getByRole('button', { name: 'Save' }).click();
+    // Fill in the externalUrl setting and blur to trigger change event
+    const externalUrlInput = this.page.locator(".parameter-base-string:has-text('externalUrl') input");
+    await externalUrlInput.fill('https://api.github.com/');
+    await externalUrlInput.dispatchEvent('change');
+    // Wait for Save button to become enabled (isDirty must be true)
+    const saveButton = this.page.getByRole('button', { name: 'Save' });
+    await expect(saveButton).toBeEnabled({ timeout: 5000 });
+    await saveButton.click();
     await this.waitForToast('Action Updated Successfully');
   }
 
@@ -38,46 +49,75 @@ export class Action {
     await this.createActionButton.click();
     await expect(this.createModal).toBeVisible();
     await expect(createButton).toBeDisabled();
-    await this.actionFormName.fill(this.actionName);
-    await this.actionFormDescription.fill(this.actionDescription);
-    await this.actionFormPath.waitFor({ state: 'attached' });
-    await setFileInputByFilepath(this.page, this.actionFormPath, this.actionPath, createButton);
+    await this.page.getByLabel('name').fill(this.actionName);
+    await this.page.getByLabel('description').fill(this.actionDescription);
+    const fileInput = this.page.locator('input[name="file"]');
+    await fileInput.waitFor({ state: 'attached' });
+    await setFileInputByFilepath(this.page, fileInput, this.actionPath, createButton);
     await expect(createButton).toBeEnabled();
     await createButton.click();
     await this.waitForToast('Action Created Successfully');
-    await this.page.getByRole('button', { name: this.actionName });
-    await expect(this.actionDefinitionButton).toBeVisible();
+    // Verify action appears in sidebar
+    await expect(this.page.getByRole('button', { name: this.actionName })).toBeVisible();
     return this.actionName;
   }
 
   async inspectAction(): Promise<void> {
-    await expect(this.actionDefinitionButton).toBeVisible();
-    await this.actionDefinitionButton.click();
-    await expect(
-      this.page.locator(`.action-definition-runs-container:has-text("${this.actionDescription}")`),
-    ).toBeVisible();
+    // Click action in sidebar to open detail view
+    await this.page.getByRole('button', { name: this.actionName }).click();
+    // Verify action detail view shows name and description
+    await expect(this.page.getByRole('heading', { name: this.actionName })).toBeVisible();
+    await expect(this.page.getByText(this.actionDescription)).toBeVisible();
+    // Verify tabs are present
+    await expect(this.page.getByRole('tab', { name: /Runs/ })).toBeVisible();
+    await expect(this.page.getByRole('tab', { name: 'Configure' })).toBeVisible();
+    await expect(this.page.getByRole('tab', { name: 'Code' })).toBeVisible();
   }
 
   async runAction(): Promise<void> {
-    await this.actionDefinitionButton.getByRole('button', { name: 'Run' }).click();
-    await expect(this.runModal).toBeVisible();
-    // Provide the aerie repository path to the action found in `actionPath` so that it can
-    // successfully query the api
-    await this.runModal.locator(".parameter-base-string:has-text('repository') input").fill('repos/NASA-AMMOS/plandev');
-    await this.runModal.getByRole('button', { name: 'Run' }).click();
-    await this.page.waitForURL(`/workspaces/${this.workspaceId}/actions/runs/**`);
-    await this.page.getByLabel('Complete');
+    // Click "Run Action" button in the detail view header
+    await this.page.getByRole('button', { name: 'Run Action' }).click();
+    // Wait for the run modal to appear
+    const runModal = this.page.locator('#modal-container');
+    await expect(runModal).toBeVisible();
+    // Click the Run button in the modal footer
+    await runModal.getByRole('button', { exact: true, name: 'Run' }).click();
+    // Verify we navigated to the run detail view
+    await expect(this.page.getByRole('heading', { name: /Run #\d+/ })).toBeVisible({ timeout: 15000 });
+    // Wait for a terminal status (Complete or Failed) in the main content area
+    const mainContent = this.page.getByRole('main');
+    await expect(mainContent.getByLabel('Complete').or(mainContent.getByLabel('Failed'))).toBeVisible({
+      timeout: 30000,
+    });
+  }
+
+  async selectActionInSidebar(): Promise<void> {
+    // Click the action in the sidebar list (scoped to complementary to avoid matching other elements)
+    await this.page.getByRole('complementary').getByRole('button', { name: this.actionName }).click();
+    await expect(this.page.getByRole('heading', { name: this.actionName })).toBeVisible();
+  }
+
+  async switchToActionsTab(): Promise<void> {
+    await this.actionsSidebarTab.click();
+    await expect(this.page.getByText('Workspace Actions')).toBeVisible();
+  }
+
+  async unarchiveAction(): Promise<void> {
+    // Navigate to Configure tab and click Unarchive Action
+    await this.page.getByRole('tab', { name: 'Configure' }).click();
+    await this.page.getByRole('button', { name: 'Unarchive Action' }).click();
+    // Confirm the unarchive modal
+    const confirmModal = this.page.locator('#modal-container');
+    await expect(confirmModal).toBeVisible();
+    await confirmModal.getByRole('button', { name: 'Unarchive' }).click();
+    // Verify Run Action button is enabled again
+    await expect(this.page.getByRole('button', { name: 'Run Action' })).toBeEnabled();
   }
 
   updatePage(page: Page) {
-    this.actionDefinitionButton = page.getByRole('button', { name: this.actionName });
-    this.actionFormDescription = page.getByLabel('description');
-    this.actionFormPath = page.locator('input[name="file"]');
-    this.actionFormName = page.getByLabel('name');
+    this.actionsSidebarTab = page.getByLabel('Actions', { exact: true });
     this.createActionButton = page.getByRole('button', { name: 'New Action' });
-    this.createModal = page.locator(`.modal:has-text("New Action")`);
-    this.createModalDeleteButton = this.createModal.getByRole('button', { name: 'Delete' });
-    this.runModal = page.locator(`.modal:has-text("Run Action")`);
+    this.createModal = page.locator('.modal:has-text("New Action")');
     this.page = page;
   }
 
diff --git a/e2e-tests/tests/actions.test.ts b/e2e-tests/tests/actions.test.ts
index 76be459d67..2121e05aa7 100644
--- a/e2e-tests/tests/actions.test.ts
+++ b/e2e-tests/tests/actions.test.ts
@@ -46,14 +46,8 @@ test.afterAll(async () => {
 });
 
 test.describe.serial('Actions', () => {
-  test('Navigate to workspace actions from sidebar', async () => {
-    const newPagePromise = setup.context.waitForEvent('page');
-    await setup.page.getByRole('complementary').getByRole('button', { name: 'Actions' }).click();
-    const newTab = await newPagePromise;
-    await newTab.waitForLoadState();
-    await newTab.getByText('Loading...').first().waitFor({ state: 'hidden' });
-    await newTab.waitForURL(`/workspaces/${workspaceId}/actions`);
-    await action.updatePage(newTab);
+  test('Navigate to workspace actions tab', async () => {
+    await action.switchToActionsTab();
   });
 
   test('Create an action', async () => {
@@ -71,4 +65,14 @@ test.describe.serial('Actions', () => {
   test('Run an action', async () => {
     await action.runAction();
   });
+
+  test('Archive an action prevents running', async () => {
+    // Go back to the action detail view by clicking action name in sidebar
+    await action.selectActionInSidebar();
+    await action.archiveAction();
+  });
+
+  test('Unarchive an action allows running again', async () => {
+    await action.unarchiveAction();
+  });
 });
diff --git a/src/components/console/views/ConsoleLog.svelte b/src/components/console/views/ConsoleLog.svelte
index 91be20c4d2..9e7320a4c3 100644
--- a/src/components/console/views/ConsoleLog.svelte
+++ b/src/components/console/views/ConsoleLog.svelte
@@ -3,12 +3,9 @@
 <script lang="ts">
   import { cn } from '@nasa-jpl/stellar-svelte';
   import { ChevronDown, ChevronRight } from 'lucide-svelte';
-  import { createEventDispatcher, onMount } from 'svelte';
-  import { selectActivity } from '../../../stores/activities';
-  import { workspaceId } from '../../../stores/workspaces';
+  import { onMount } from 'svelte';
   import type { BaseError, LogMessage } from '../../../types/errors';
-  import { openActionRun } from '../../../utilities/actions';
-  import { ErrorTypes, getActivityIdsFromError, isLogMessage } from '../../../utilities/errors';
+  import { isLogMessage } from '../../../utilities/errors';
 
   import { safeStringify } from '../../../utilities/text';
   import { formatMS } from '../../../utilities/time';
@@ -16,12 +13,9 @@
   export let log: BaseError;
   export let showLevel: boolean = true;
   export let showTimestamp: boolean = true;
+  export let showLongTimestamp: boolean = true;
   export let showType: boolean = true;
 
-  const dispatch = createEventDispatcher<{
-    gotoLine: { column: number; line: number };
-  }>();
-
   let expandable: boolean = false;
   let leftContents: HTMLDivElement;
   let open: boolean = false;
@@ -69,21 +63,6 @@
       return timestamp; // Return original if any error occurs
     }
   }
-
-  function handleActivityClick(event: MouseEvent, activityId: number) {
-    event.stopPropagation();
-    selectActivity(activityId, null);
-  }
-
-  function handleActionRunClick(event: MouseEvent, actionRunId: number) {
-    event.stopPropagation();
-    openActionRun($workspaceId, actionRunId, true);
-  }
-
-  function handleGotoLine(event: MouseEvent, line: number, column: number) {
-    event.stopPropagation();
-    dispatch('gotoLine', { column, line });
-  }
 </script>
 
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
@@ -111,7 +90,7 @@
         expandable ? 'cursor-pointer hover:bg-neutral-200/50' : '',
       )}
     >
-      <div class="flex items-start gap-2">
+      <div class="flex w-full items-start gap-2">
         <div class="flex flex-shrink-0 items-center gap-0.5" bind:this={leftContents}>
           {#if expandable}
             {#if open}
@@ -149,81 +128,25 @@
             {/if}
           </div>
         </div>
-        {#if log.message}
-          {@const activityIds = getActivityIdsFromError(log)}
-          <div class="flex min-w-0 items-baseline gap-1 overflow-hidden break-all">
-            {#if log.type === ErrorTypes.WORKSPACE_LINT_ERROR && typeof log.data?.line === 'number' && log.data?.filePath}
-              {@const location = `${log.data.filePath}:${log.data.line}:${log.data.column ?? 0}`}
-              {@const messagePrefix = `${location} - `}
-              {@const messageBody = log.message.startsWith(messagePrefix)
-                ? log.message.slice(messagePrefix.length)
-                : log.message}
-              <button
-                class="mr-1 cursor-pointer text-left text-amber-700 underline decoration-amber-400/50 underline-offset-2 hover:text-amber-900 hover:decoration-amber-600"
-                on:click={e => handleGotoLine(e, log.data?.line, log.data?.column ?? 0)}
-              >
-                {location}
-              </button>
-              {messageBody}
-            {:else if log.type === ErrorTypes.WORKSPACE_ACTION_RUN && log.data?.actionRunId && log.data?.actionName}
-              <button
-                class="inline-flex cursor-pointer items-center gap-0.5 text-violet-700 underline decoration-violet-400/50 underline-offset-2 hover:text-violet-900 hover:decoration-violet-600"
-                on:click={e => handleActionRunClick(e, log.data?.actionRunId)}
-              >
-                {log.data.actionName}•
-                <span class="">Run #{log.data.actionRunId}</span>
-              </button>
-              {#if log.data.status === 'failed'}
-                <span class="ml-0.5"> failed</span>
-              {:else}
-                <span class="ml-0.5 text-muted-foreground"> {log.data.status}</span>
-              {/if}
-            {:else if activityIds.length === 1 && log.message}
-              {@const activityId = activityIds[0]}
-              {@const activityMatch = log.message.match(/^(.*?)(Activity Directive \d+)(.*)$/)}
-              {#if activityMatch}
-                {activityMatch[1]}
-                <button
-                  class="cursor-pointer text-blue-700 underline decoration-blue-400/50 underline-offset-2 hover:text-blue-900 hover:decoration-blue-600"
-                  on:click={e => handleActivityClick(e, activityId)}
-                >
-                  {activityMatch[2]}
-                </button>
-                {activityMatch[3]}
-              {:else}
-                {log.message}
-                <button
-                  class="cursor-pointer text-blue-700 underline decoration-blue-400/50 underline-offset-2 hover:text-blue-900 hover:decoration-blue-600"
-                  on:click={e => handleActivityClick(e, activityId)}
-                >
-                  Activity {activityId}
-                </button>
-              {/if}
-            {:else if activityIds.length > 1 && log.message}
-              {log.message}
-              {#each activityIds as activityId, i}
-                {#if i > 0}<span class="text-muted-foreground">,</span>{/if}
-                <button
-                  class="cursor-pointer text-blue-700 underline decoration-blue-400/50 underline-offset-2 hover:text-blue-900 hover:decoration-blue-600"
-                  on:click={e => handleActivityClick(e, activityId)}
-                >
-                  Activity {activityId}
-                </button>
-              {/each}
-            {:else}
-              {log.message}
-            {/if}
-            {#if isLogMessage(log) && typeof log.duration === 'number'}
-              <div class="whitespace-nowrap italic text-muted-foreground">({formatMS(log.duration)})</div>
-            {/if}
-          </div>
-        {/if}
+        <div class="flex min-w-0 items-baseline gap-1 overflow-hidden break-all">
+          {#if !log.message.trim() && log.data && !(expandable && open)}
+            <pre class="m-0 w-full overflow-hidden text-ellipsis break-words"><slot name="message" {log}
+                >{safeStringify(log.data)}</slot
+              ></pre>
+          {:else}
+            <pre class="m-0 whitespace-pre-wrap break-words"><slot name="message" {log}>{log.message ?? ''}</slot></pre>
+          {/if}
+
+          {#if isLogMessage(log) && typeof log.duration === 'number'}
+            <div class="whitespace-nowrap italic text-muted-foreground">({formatMS(log.duration)})</div>
+          {/if}
+        </div>
       </div>
     </div>
   </summary>
   {#if expandable && open}
     <div class="bg-neutral-200/50 px-4 py-2" style={`padding-left: ${expansionPadding}px`}>
-      {#if log.timestamp}
+      {#if log.timestamp && showLongTimestamp}
         <div class="mb-3 flex min-w-0 items-baseline gap-1 overflow-hidden break-all">
           Timestamp: {formatLogLongTimestamp(log.timestamp)}
         </div>
diff --git a/src/components/console/views/ConsoleLogs.svelte b/src/components/console/views/ConsoleLogs.svelte
index 25ec45ba80..1efd4c75f8 100644
--- a/src/components/console/views/ConsoleLogs.svelte
+++ b/src/components/console/views/ConsoleLogs.svelte
@@ -2,7 +2,7 @@
 
 <script lang="ts">
   import { Tabs } from '@nasa-jpl/stellar-svelte';
-  import { createEventDispatcher, getContext } from 'svelte';
+  import { getContext } from 'svelte';
   import type { BaseError, LogLevel, LogMessage } from '../../../types/errors';
   import { ConsoleContextKey, type ConsoleContext } from '../Console.svelte';
   import EmptyState from '../EmptyState.svelte';
@@ -18,10 +18,6 @@
   export let showType: boolean = true;
   export let value: string = '';
 
-  const dispatch = createEventDispatcher<{
-    gotoLine: { column: number; line: number };
-  }>();
-
   const consoleContext = getContext<ConsoleContext>(ConsoleContextKey);
   const filterStore = consoleContext?.filter;
   const selectedTabStore = consoleContext?.selectedTab;
@@ -116,7 +112,15 @@
           <div class="mb-1 ml-4 italic text-muted-foreground">{logs.length - filteredLogs.length} hidden</div>
         {/if}
         {#each filteredLogs as log}
-          <ConsoleLog {showLevel} {showTimestamp} {showType} {log} on:gotoLine={e => dispatch('gotoLine', e.detail)} />
+          {#if $$slots.message}
+            <ConsoleLog {showLevel} {showTimestamp} {showType} {log}>
+              <svelte:fragment slot="message" let:log={slotLog}>
+                <slot name="message" log={slotLog} />
+              </svelte:fragment>
+            </ConsoleLog>
+          {:else}
+            <ConsoleLog {showLevel} {showTimestamp} {showType} {log} />
+          {/if}
         {/each}
       </div>
     </div>
diff --git a/src/components/console/views/PlanLogMessage.svelte b/src/components/console/views/PlanLogMessage.svelte
new file mode 100644
index 0000000000..95b99843c5
--- /dev/null
+++ b/src/components/console/views/PlanLogMessage.svelte
@@ -0,0 +1,54 @@
+<svelte:options immutable={true} />
+
+<script lang="ts">
+  import { selectActivity } from '../../../stores/activities';
+  import type { BaseError } from '../../../types/errors';
+  import { getActivityIdsFromError } from '../../../utilities/errors';
+
+  export let log: BaseError;
+
+  let activityIds: number[] = [];
+
+  $: activityIds = getActivityIdsFromError(log);
+
+  function handleActivityClick(event: MouseEvent, activityId: number) {
+    event.stopPropagation();
+    selectActivity(activityId, null);
+  }
+</script>
+
+{#if activityIds.length === 1 && log.message}
+  {@const activityId = activityIds[0]}
+  {@const activityMatch = log.message.match(/^(.*?)(Activity Directive \d+)(.*)$/)}
+  {#if activityMatch}
+    {activityMatch[1]}
+    <button
+      class="cursor-pointer text-blue-700 underline decoration-blue-400/50 underline-offset-2 hover:text-blue-900 hover:decoration-blue-600"
+      on:click={e => handleActivityClick(e, activityId)}
+    >
+      {activityMatch[2]}
+    </button>
+    {activityMatch[3]}
+  {:else}
+    {log.message}
+    <button
+      class="cursor-pointer text-blue-700 underline decoration-blue-400/50 underline-offset-2 hover:text-blue-900 hover:decoration-blue-600"
+      on:click={e => handleActivityClick(e, activityId)}
+    >
+      Activity {activityId}
+    </button>
+  {/if}
+{:else if activityIds.length > 1 && log.message}
+  {log.message}
+  {#each activityIds as activityId, i}
+    {#if i > 0}<span class="text-muted-foreground">,</span>{/if}
+    <button
+      class="cursor-pointer text-blue-700 underline decoration-blue-400/50 underline-offset-2 hover:text-blue-900 hover:decoration-blue-600"
+      on:click={e => handleActivityClick(e, activityId)}
+    >
+      Activity {activityId}
+    </button>
+  {/each}
+{:else}
+  {log.message ?? ''}
+{/if}
diff --git a/src/components/console/views/WorkspaceLogMessage.svelte b/src/components/console/views/WorkspaceLogMessage.svelte
new file mode 100644
index 0000000000..ec49d19651
--- /dev/null
+++ b/src/components/console/views/WorkspaceLogMessage.svelte
@@ -0,0 +1,52 @@
+<svelte:options immutable={true} />
+
+<script lang="ts">
+  import { createEventDispatcher } from 'svelte';
+  import type { BaseError } from '../../../types/errors';
+  import { ErrorTypes } from '../../../utilities/errors';
+
+  export let log: BaseError;
+
+  const dispatch = createEventDispatcher<{
+    gotoLine: { column: number; line: number };
+    viewRun: { runId: number };
+  }>();
+
+  function handleActionRunClick(event: MouseEvent, actionRunId: number) {
+    event.stopPropagation();
+    dispatch('viewRun', { runId: actionRunId });
+  }
+
+  function handleGotoLine(event: MouseEvent, line: number, column: number) {
+    event.stopPropagation();
+    dispatch('gotoLine', { column, line });
+  }
+</script>
+
+{#if log.type === ErrorTypes.WORKSPACE_LINT_ERROR && typeof log.data?.line === 'number' && log.data?.filePath}
+  {@const location = `${log.data.filePath}:${log.data.line}:${log.data.column ?? 0}`}
+  {@const messagePrefix = `${location} - `}
+  {@const messageBody = log.message?.startsWith(messagePrefix) ? log.message.slice(messagePrefix.length) : log.message}
+  <button
+    class="mr-1 cursor-pointer text-left text-amber-700 underline decoration-amber-400/50 underline-offset-2 hover:text-amber-900 hover:decoration-amber-600"
+    on:click={e => handleGotoLine(e, log.data?.line, log.data?.column ?? 0)}
+  >
+    {location}
+  </button>
+  {messageBody}
+{:else if log.type === ErrorTypes.WORKSPACE_ACTION_RUN && log.data?.actionRunId && log.data?.actionName}
+  <button
+    class="inline-flex cursor-pointer items-center gap-0.5 text-violet-700 underline decoration-violet-400/50 underline-offset-2 hover:text-violet-900 hover:decoration-violet-600"
+    on:click={e => handleActionRunClick(e, log.data?.actionRunId)}
+  >
+    {log.data.actionName}•
+    <span>Run #{log.data.actionRunId}</span>
+  </button>
+  {#if log.data.status === 'failed'}
+    <span class="ml-0.5"> failed</span>
+  {:else}
+    <span class="ml-0.5 text-muted-foreground"> {log.data.status}</span>
+  {/if}
+{:else}
+  {log.message ?? ''}
+{/if}
diff --git a/src/components/modals/RunActionModal.svelte b/src/components/modals/RunActionModal.svelte
index a854460d88..09c3037eb2 100644
--- a/src/components/modals/RunActionModal.svelte
+++ b/src/components/modals/RunActionModal.svelte
@@ -1,13 +1,21 @@
 <svelte:options immutable={true} />
 
 <script lang="ts">
+  import { Alert } from '@nasa-jpl/stellar-svelte';
+  import { TriangleAlert } from 'lucide-svelte';
   import { createEventDispatcher } from 'svelte';
   import type { ActionDefinition, ActionParametersMap } from '../../types/actions';
   import type { User } from '../../types/app';
   import type { ArgumentsMap, FormParameter } from '../../types/parameter';
   import type { Workspace } from '../../types/workspace';
   import type { WorkspaceTreeNodeWithFullPath } from '../../types/workspace-tree-view';
-  import { getUserSequenceValueSchemaOptions, valueSchemaRecordToParametersMap } from '../../utilities/actions';
+  import {
+    getDefaultsFromSchema,
+    getLatestRunnableVersion,
+    getRunnableVersions,
+    getUserSequenceValueSchemaOptions,
+    valueSchemaRecordToParametersMap,
+  } from '../../utilities/actions';
   import effects from '../../utilities/effects';
   import { getArguments, getFormParameters } from '../../utilities/parameters';
   import Parameters from '../parameters/Parameters.svelte';
@@ -17,27 +25,93 @@
   import ModalHeader from './ModalHeader.svelte';
 
   export let actionDefinition: ActionDefinition;
+  export let initialRevision: number | undefined = undefined;
+  export let initialSettings: ArgumentsMap | undefined = undefined;
+  export let isRerun: boolean = false;
   export let parameters: ArgumentsMap | undefined;
   export let user: User | null;
   export let workspace: Workspace;
   export let workspaceFiles: WorkspaceTreeNodeWithFullPath[] = [];
 
+  const dispatch = createEventDispatcher<{
+    close: void;
+    complete: { actionRunId: number | null };
+  }>();
+
+  const latestRunnable = getLatestRunnableVersion(actionDefinition.versions);
+  const initialVersionArchived =
+    initialRevision !== undefined &&
+    actionDefinition.versions.find(v => v.revision === initialRevision)?.archived === true;
+
   let argumentsMap: ArgumentsMap = {};
   let isLoadingWorkspace: boolean = false;
   let running: boolean = false;
   let parametersMap: ActionParametersMap = {};
+  let selectedRevision: string =
+    initialRevision !== undefined && !initialVersionArchived && initialRevision !== latestRunnable?.revision
+      ? String(initialRevision)
+      : 'latest';
+  let settingsArgumentsMap: ArgumentsMap = {};
+  let settingsParametersMap: ActionParametersMap = {};
 
-  const dispatch = createEventDispatcher<{
-    close: void;
-    complete: { actionRunId: number | null };
-  }>();
+  $: latestVersion = getLatestRunnableVersion(actionDefinition.versions);
+  $: runnableVersions = getRunnableVersions(actionDefinition.versions);
+  $: selectedVersion =
+    selectedRevision === 'latest'
+      ? latestVersion
+      : (runnableVersions.find(v => v.revision === Number(selectedRevision)) ?? latestVersion);
+  $: isLatestSelected = selectedRevision === 'latest';
+  $: effectiveSelectedRevision = selectedRevision === 'latest' ? latestVersion?.revision : Number(selectedRevision);
+  $: versionMismatch = isRerun && initialRevision !== undefined && effectiveSelectedRevision !== initialRevision;
 
   $: if (parameters !== undefined) {
     argumentsMap = parameters;
   }
 
   $: {
-    parametersMap = valueSchemaRecordToParametersMap(actionDefinition.parameter_schema);
+    const paramSchema = selectedVersion?.parameter_schema ?? {};
+    parametersMap = valueSchemaRecordToParametersMap(paramSchema);
+  }
+
+  // Build settings form for non-latest versions, or for reruns on latest
+  $: showSettings = !isLatestSelected || (isRerun && isLatestSelected);
+
+  $: {
+    if (showSettings && selectedVersion) {
+      settingsParametersMap = valueSchemaRecordToParametersMap(selectedVersion.settings_schema);
+
+      if (isRerun) {
+        // Re-run: pre-fill with the original run's settings, falling back to live settings
+        settingsArgumentsMap = { ...(initialSettings ?? actionDefinition.settings) };
+      } else {
+        // Fresh run on old version: attempt to pull live settings where schemas match exactly
+        const latestSettingsSchema = latestVersion?.settings_schema ?? {};
+        const versionSettingsSchema = selectedVersion.settings_schema;
+        const liveSettings = actionDefinition.settings;
+        const merged: ArgumentsMap = {};
+
+        for (const [key, versionSchema] of Object.entries(versionSettingsSchema)) {
+          const latestSchema = latestSettingsSchema[key];
+          if (latestSchema && JSON.stringify(latestSchema) === JSON.stringify(versionSchema) && key in liveSettings) {
+            merged[key] = liveSettings[key];
+          } else {
+            const defaults = getDefaultsFromSchema({ [key]: versionSchema });
+            if (key in defaults) {
+              merged[key] = defaults[key];
+            }
+          }
+        }
+        settingsArgumentsMap = merged;
+      }
+    } else {
+      settingsParametersMap = {};
+      settingsArgumentsMap = {};
+    }
+  }
+
+  function onVersionChange(event: Event) {
+    const target = event.target as HTMLSelectElement;
+    selectedRevision = target.value;
   }
 
   async function run() {
@@ -54,14 +128,18 @@
       }
     }
 
+    // Use stored settings for fresh latest runs, user-provided settings for non-latest or reruns
+    const settings = isLatestSelected && !isRerun ? actionDefinition.settings : settingsArgumentsMap;
+    const revision = isLatestSelected ? undefined : selectedVersion?.revision;
+
     const actionRunId = await effects.createActionRun(
       workspace,
       actionDefinition.id,
-      // Only send non-secret arguments to the db.
       parametersMap,
       argumentsMap,
-      actionDefinition.settings,
+      settings,
       user,
+      revision,
     );
 
     running = false;
@@ -89,36 +167,105 @@
       argumentsMap = getArguments(argumentsMap, formParameter);
     }
   }
-</script>
 
-<Modal height="max-content" width={500} on:close closeOnEscape={false} closeOnOutsideClick={false}>
-  <ModalHeader on:close>Run Action</ModalHeader>
+  function onResetFormParameter(event: CustomEvent<FormParameter>) {
+    const { detail: formParameter } = event;
+    const { [formParameter.name]: _, ...rest } = argumentsMap;
+    argumentsMap = rest;
+  }
+
+  function onChangeSettingsParameters(event: CustomEvent<FormParameter>) {
+    const { detail: formParameter } = event;
+    settingsArgumentsMap = getArguments(settingsArgumentsMap, formParameter);
+  }
+</script>
 
+<Modal height="max-content" width={550} on:close closeOnEscape={false} closeOnOutsideClick={false}>
+  <ModalHeader on:close>{isRerun ? `Re-run: ${actionDefinition.name}` : actionDefinition.name}</ModalHeader>
   <ModalContent style="max-height: 50vh;overflow: auto">
-    <div class="st-typography-label pb-2">Input parameters to run <b>{actionDefinition.name}</b></div>
-    <Parameters
-      formParameters={getFormParameters(
-        parametersMap,
-        argumentsMap,
-        [],
-        undefined,
-        undefined,
-        getUserSequenceValueSchemaOptions(workspaceFiles, actionDefinition.workspace_id),
-        'sequence',
-        false,
-        false,
-      )}
-      parameterType="action"
-      hideRightAdornments
-      hideInfo={false}
-      disabled={isLoadingWorkspace}
-      on:change={onChangeFormParameters}
-    />
+    {#if versionMismatch}
+      <Alert.Root variant="destructive" class="mb-3">
+        <TriangleAlert class="h-4 w-4" />
+        <Alert.Title>Warning</Alert.Title>
+        <Alert.Description>
+          {#if initialVersionArchived}
+            Version {initialRevision} from the original run has been archived. This re-run will use version {effectiveSelectedRevision}.
+          {:else}
+            The selected version (v{effectiveSelectedRevision}) differs from the original run's version (v{initialRevision}).
+          {/if}
+        </Alert.Description>
+      </Alert.Root>
+    {/if}
+    {#if showSettings && Object.keys(settingsParametersMap).length > 0}
+      <div class="pb-4">
+        <div class="pb-2 font-medium text-muted-foreground">
+          Input settings for this action run using {actionDefinition.name} version {selectedVersion?.revision}
+        </div>
+        <Parameters
+          formParameters={getFormParameters(
+            settingsParametersMap,
+            settingsArgumentsMap,
+            [],
+            undefined,
+            getDefaultsFromSchema(selectedVersion?.settings_schema ?? {}),
+            getUserSequenceValueSchemaOptions(workspaceFiles, actionDefinition.workspace_id),
+            'sequence',
+            false,
+            false,
+          )}
+          parameterType="action"
+          hideRightAdornments
+          hideInfo={false}
+          on:change={onChangeSettingsParameters}
+        />
+      </div>
+    {/if}
+
+    {#if !selectedVersion}
+      <Alert.Root variant="destructive" class="mb-3">
+        <TriangleAlert class="h-4 w-4" />
+        <Alert.Title>No runnable versions</Alert.Title>
+        <Alert.Description>
+          All versions of this action have been archived. Unarchive a version before running.
+        </Alert.Description>
+      </Alert.Root>
+    {:else}
+      {#if Object.keys(parametersMap).length === 0}
+        <i class="flex text-muted-foreground">No parameters defined for this action</i>
+      {:else}
+        <div class="pb-2 font-medium text-muted-foreground">Input parameters for this action run</div>
+      {/if}
+      <Parameters
+        formParameters={getFormParameters(
+          parametersMap,
+          argumentsMap,
+          [],
+          undefined,
+          getDefaultsFromSchema(selectedVersion?.parameter_schema ?? {}),
+          getUserSequenceValueSchemaOptions(workspaceFiles, actionDefinition.workspace_id),
+          'sequence',
+          false,
+          false,
+        )}
+        parameterType="action"
+        disabled={isLoadingWorkspace}
+        on:change={onChangeFormParameters}
+        on:reset={onResetFormParameter}
+      />
+    {/if}
   </ModalContent>
 
   <ModalFooter>
+    <select class="st-select mr-auto" value={selectedRevision} on:change={onVersionChange}>
+      {#if latestVersion}
+        <option value="latest">v{latestVersion.revision} (latest)</option>
+      {/if}
+      {#each runnableVersions.filter(v => v !== latestVersion) as version (version.revision)}
+        <option value={version.revision.toString()}>v{version.revision}{version.archived ? ' (archived)' : ''}</option>
+      {/each}
+    </select>
     <button class="st-button secondary" on:click={() => dispatch('close')}> Cancel </button>
-    <button class="st-button" disabled={running} on:click={run}>
+    <button class="st-button" disabled={running || !selectedVersion} on:click={run}>
       {running ? 'Running...' : 'Run'}
     </button>
   </ModalFooter>
diff --git a/src/components/parameters/ParameterInfo.svelte b/src/components/parameters/ParameterInfo.svelte
index 26a0e875f6..f8bd5928d1 100644
--- a/src/components/parameters/ParameterInfo.svelte
+++ b/src/components/parameters/ParameterInfo.svelte
@@ -4,11 +4,12 @@
   import { Popover } from '@nasa-jpl/stellar-svelte';
   import { Info } from 'lucide-svelte';
   import { createEventDispatcher } from 'svelte';
-  import type { FormParameter, ValueSource } from '../../types/parameter';
+  import type { FormParameter, ParameterType, ValueSource } from '../../types/parameter';
   import ValueSourceBadge from './ValueSourceBadge.svelte';
 
   export let formParameter: FormParameter;
   export let disabled: boolean = false;
+  export let parameterType: ParameterType = 'activity';
 
   const dispatch = createEventDispatcher<{
     reset: FormParameter;
@@ -101,7 +102,7 @@
             {#if source !== 'none'}
               <div>Source</div>
               <div>
-                <ValueSourceBadge {disabled} isCompact={false} {source} on:reset={onReset} />
+                <ValueSourceBadge {disabled} isCompact={false} {source} {parameterType} on:reset={onReset} />
               </div>
             {/if}
             {#if externalEvent}
diff --git a/src/components/parameters/Parameters.svelte b/src/components/parameters/Parameters.svelte
index 243b867704..7fed6b7dab 100644
--- a/src/components/parameters/Parameters.svelte
+++ b/src/components/parameters/Parameters.svelte
@@ -65,7 +65,7 @@
         {/if}
         <div class="right-actions">
           {#if !hideInfo}
-            <ParameterInfo {disabled} {formParameter} on:reset />
+            <ParameterInfo {disabled} {formParameter} {parameterType} on:reset />
           {/if}
           <slot name="right-action" parameter={formParameter} />
         </div>
diff --git a/src/components/parameters/ValueSourceBadge.svelte b/src/components/parameters/ValueSourceBadge.svelte
index 87ac8c66f8..f4deaab05d 100644
--- a/src/components/parameters/ValueSourceBadge.svelte
+++ b/src/components/parameters/ValueSourceBadge.svelte
@@ -36,7 +36,9 @@
   $: if (browser) {
     const presetText = parameterType === 'activity' ? 'Activity Preset' : 'Simulation Template';
     const defaultText =
-      parameterType === 'goal' ? 'Default' : parameterType === 'constraint' ? 'Default' : 'Mission Model';
+      parameterType === 'goal' || parameterType === 'constraint' || parameterType === 'action'
+        ? 'Default'
+        : 'Mission Model';
     showButton = false;
     switch (source) {
       case 'user on model':
diff --git a/src/components/sequencing/actions/ActionDetailView.svelte b/src/components/sequencing/actions/ActionDetailView.svelte
new file mode 100644
index 0000000000..04c2a8d8bc
--- /dev/null
+++ b/src/components/sequencing/actions/ActionDetailView.svelte
@@ -0,0 +1,805 @@
+<svelte:options immutable={true} />
+
+<script lang="ts">
+  import { Badge, Button, Input as InputStellar, Popover, Tabs } from '@nasa-jpl/stellar-svelte';
+  import type { ColDef, ICellRendererParams, ValueFormatterParams } from 'ag-grid-community';
+  import { ChevronDown, TriangleAlert } from 'lucide-svelte';
+  import { createEventDispatcher, onDestroy } from 'svelte';
+  import { actionDefinitionsByWorkspace, actionRunsByWorkspace } from '../../../stores/actions';
+  import { workspaceId } from '../../../stores/workspaces';
+  import type { ActionDefinition, ActionDefinitionVersion, ActionRunSlim } from '../../../types/actions';
+  import type { User } from '../../../types/app';
+  import type { ArgumentsMap, FormParameter } from '../../../types/parameter';
+  import type { Workspace } from '../../../types/workspace';
+  import type { WorkspaceTreeNodeWithFullPath } from '../../../types/workspace-tree-view';
+  import {
+    getDefaultsFromSchema,
+    getLatestRunnableVersion,
+    getStatusForActionRun,
+    getUserSequenceValueSchemaOptions,
+    openActionRun,
+    truncateRunParameters,
+    valueSchemaRecordToParametersMap,
+  } from '../../../utilities/actions';
+  import effects from '../../../utilities/effects';
+  import { isMetaOrCtrlPressed } from '../../../utilities/keyboardEvents';
+  import { showConfirmModal } from '../../../utilities/modal';
+  import { getArguments, getFormParameters } from '../../../utilities/parameters';
+  import { permissionHandler } from '../../../utilities/permissionHandler';
+  import { featurePermissions } from '../../../utilities/permissions';
+  import { formatMS } from '../../../utilities/time';
+  import Input from '../../form/Input.svelte';
+  import Parameters from '../../parameters/Parameters.svelte';
+  import SingleActionDataGrid from '../../ui/DataGrid/SingleActionDataGrid.svelte';
+  import MonacoEditor from '../../ui/MonacoEditor.svelte';
+  import StatusBadge from '../../ui/StatusBadge.svelte';
+
+  export let actionDefinitionId: number;
+  export let user: User | null;
+  export let workspace: Workspace | null | undefined = null;
+  export let workspaceFiles: WorkspaceTreeNodeWithFullPath[] = [];
+
+  const dispatch = createEventDispatcher<{
+    close: void;
+    dirty: boolean;
+    runAction: ActionDefinition;
+    viewRun: { runId: number };
+  }>();
+
+  let actionDefinition: ActionDefinition | null = null;
+  let activeTab: string = 'runs';
+  let actionRuns: ActionRunSlim[] = [];
+  let filterExpression: string = '';
+  let argumentsMap: ArgumentsMap = {};
+  let code: string = '';
+  let codeAbortController: AbortController | null = null;
+  let description: string = '';
+  let displayedVersions: ActionDefinitionVersion[] = [];
+  let hasUpdatePermission: boolean = false;
+  let isDirty: boolean = false;
+  let isLoadingCode: boolean = false;
+  let lastSyncedActionId: number | null = null;
+  let latestNonArchivedVersion: ActionDefinitionVersion | null = null;
+  let name: string = '';
+  let runsColumnDefs: ColDef<ActionRunSlim>[] = [];
+  let saveButtonDisabled: boolean = true;
+  let saving: boolean = false;
+  let selectedRunId: number | null = null;
+  let selectedVersionRevision: number | null = null;
+  let selectedVersion: ActionDefinitionVersion | null = null;
+  let showArchivedVersions: boolean = false;
+  let versionPopoverOpen: boolean = false;
+  let uploadFileInput: HTMLInputElement;
+
+  $: {
+    const defs = $actionDefinitionsByWorkspace[$workspaceId] || {};
+    actionDefinition = defs[actionDefinitionId] ?? null;
+  }
+
+  $: if (actionDefinition) {
+    // Reset form values when switching to a different action definition
+    if (lastSyncedActionId !== actionDefinition.id) {
+      lastSyncedActionId = actionDefinition.id;
+      description = actionDefinition.description;
+      name = actionDefinition.name;
+      argumentsMap = actionDefinition.settings;
+      isDirty = false;
+      selectedVersionRevision = null;
+    }
+  }
+
+  $: displayedVersions = showArchivedVersions
+    ? (actionDefinition?.versions ?? [])
+    : (actionDefinition?.versions ?? []).filter(v => !v.archived);
+
+  $: selectedVersion =
+    actionDefinition?.versions.find(v => v.revision === selectedVersionRevision) ?? displayedVersions[0] ?? null;
+
+  $: if (selectedVersion) {
+    loadCode(selectedVersion.action_file_id);
+  } else {
+    code = '';
+  }
+
+  $: latestNonArchivedVersion = getLatestRunnableVersion(actionDefinition?.versions ?? []);
+
+  $: actionRuns = ($actionRunsByWorkspace[$workspaceId] || []).filter(
+    run => run.action_definition_id === actionDefinitionId,
+  );
+
+  $: saveButtonDisabled = !name || saving;
+
+  $: hasUpdatePermission = actionDefinition
+    ? featurePermissions.actionDefinition.canUpdate(user, actionDefinition)
+    : false;
+
+  onDestroy(() => {
+    if (codeAbortController) {
+      codeAbortController.abort();
+    }
+  });
+
+  async function loadCode(fileId: number | undefined) {
+    if (codeAbortController) {
+      codeAbortController.abort();
+    }
+    if (fileId === undefined) {
+      code = '';
+      isLoadingCode = false;
+      return;
+    }
+    codeAbortController = new AbortController();
+    isLoadingCode = true;
+    code = '';
+    const { aborted, file } = await effects.getFile(fileId, user, codeAbortController.signal);
+    if (!aborted && typeof file === 'string') {
+      code = file;
+    }
+    isLoadingCode = false;
+  }
+
+  async function uploadNewVersion() {
+    if (!actionDefinition || !uploadFileInput?.files?.[0]) {
+      return;
+    }
+    const file = uploadFileInput.files[0];
+    const success = await effects.createActionDefinitionVersion(file, actionDefinition.id, user);
+    uploadFileInput.value = '';
+    if (success) {
+      selectedVersionRevision = null;
+    }
+  }
+
+  function checkDirty() {
+    isDirty =
+      actionDefinition !== null &&
+      (name !== actionDefinition.name ||
+        description !== actionDefinition.description ||
+        JSON.stringify(argumentsMap) !== JSON.stringify(actionDefinition.settings));
+    dispatch('dirty', isDirty);
+  }
+
+  async function save() {
+    if (!actionDefinition || saveButtonDisabled) {
+      return;
+    }
+    saving = true;
+    await effects.updateActionDefinition(actionDefinition.id, { description, name, settings: argumentsMap }, user);
+    saving = false;
+    isDirty = false;
+    dispatch('dirty', false);
+  }
+
+  async function toggleArchive() {
+    if (!actionDefinition) {
+      return;
+    }
+    const action = actionDefinition.archived ? 'unarchive' : 'archive';
+    const { confirm } = await showConfirmModal(
+      actionDefinition.archived ? 'Unarchive' : 'Archive',
+      `Are you sure you want to ${action} "${actionDefinition.name}"?${action === 'archive' ? ' This operation can only be undone by an admin.' : ''}`,
+      `${actionDefinition.archived ? 'Unarchive' : 'Archive'} action`,
+      true,
+    );
+    if (!confirm) {
+      return;
+    }
+    await effects.updateActionDefinition(
+      actionDefinition.id,
+      { archived: !actionDefinition.archived, description: actionDefinition.description, name: actionDefinition.name },
+      user,
+    );
+  }
+
+  async function toggleVersionArchive(
+    actionDefinition: ActionDefinition | null,
+    version: ActionDefinition['versions'][0],
+    user: User | null,
+  ) {
+    if (!actionDefinition) {
+      return;
+    }
+
+    const action = version.archived ? 'unarchive' : 'archive';
+    const { confirm } = await showConfirmModal(
+      version.archived ? 'Unarchive Version' : 'Archive Version',
+      `Are you sure you want to ${action} version ${version.revision} of "${actionDefinition.name}"?${action === 'archive' ? ' This operation can only be undone by an admin.' : ''}`,
+      `${version.archived ? 'Unarchive' : 'Archive'} Version`,
+      true,
+    );
+    if (!confirm) {
+      return;
+    }
+    await effects.updateActionDefinitionVersion(
+      actionDefinition.id,
+      version.revision,
+      { archived: !version.archived },
+      user,
+    );
+  }
+
+  function onChangeFormParameters(event: CustomEvent<FormParameter>) {
+    const { detail: formParameter } = event;
+    if (formParameter.schema.type === 'options-single') {
+      const files = workspaceFiles.find(sequence => sequence.fullPath === formParameter.value);
+      formParameter.value = files?.fullPath ?? null;
+      argumentsMap = getArguments(argumentsMap, formParameter);
+    } else if (formParameter.schema.type === 'options-multiple') {
+      const values: string[] = formParameter.value;
+      const fileNames: string[] = [];
+      values.forEach(value => {
+        const seq = workspaceFiles.find(sequence => sequence.fullPath === value);
+        if (seq !== undefined && seq.fullPath !== undefined) {
+          fileNames.push(seq.fullPath);
+        }
+      });
+      formParameter.value = fileNames;
+      argumentsMap = getArguments(argumentsMap, formParameter);
+    } else {
+      argumentsMap = getArguments(argumentsMap, formParameter);
+    }
+    checkDirty();
+  }
+
+  function onResetSettingsParameter(event: CustomEvent<FormParameter>) {
+    const { detail: formParameter } = event;
+    const { [formParameter.name]: _, ...rest } = argumentsMap;
+    argumentsMap = rest;
+    checkDirty();
+  }
+
+  function resetAllSettings() {
+    argumentsMap = {};
+    checkDirty();
+  }
+
+  function onRunClick() {
+    if (actionDefinition) {
+      dispatch('runAction', actionDefinition);
+    }
+  }
+
+  function onRowClicked(event: CustomEvent<{ data: ActionRunSlim; event?: Event | null }>) {
+    const { data, event: originalEvent } = event.detail;
+    if (data) {
+      if (originalEvent && isMetaOrCtrlPressed(originalEvent as MouseEvent)) {
+        openActionRun($workspaceId, data.id, true);
+      } else {
+        dispatch('viewRun', { runId: data.id });
+      }
+    }
+  }
+
+  async function onCancelRun(run: ActionRunSlim) {
+    await effects.cancelActionRun(run.id, user);
+  }
+
+  // Column definitions for runs DataGrid
+  function statusCellRenderer(params: ICellRendererParams<ActionRunSlim>) {
+    const div = document.createElement('div');
+    div.style.display = 'flex';
+    div.style.alignItems = 'center';
+    div.style.height = '100%';
+    if (params.data) {
+      const status = getStatusForActionRun(params.data);
+      new StatusBadge({ props: { status }, target: div });
+    }
+    return div;
+  }
+
+  function paramsCellRenderer(params: ICellRendererParams<ActionRunSlim>) {
+    if (!params.data || !actionDefinition) {
+      return '';
+    }
+    return truncateRunParameters(params.data.parameters, actionDefinition.versions[0]?.parameter_schema);
+  }
+
+  function cancelCellRenderer(params: ICellRendererParams<ActionRunSlim>) {
+    if (
+      !params.data ||
+      params.data.canceled ||
+      (params.data.status !== 'pending' && params.data.status !== 'incomplete')
+    ) {
+      return '';
+    }
+    const div = document.createElement('div');
+    div.style.display = 'flex';
+    div.style.alignItems = 'center';
+    div.style.justifyContent = 'center';
+    div.style.height = '100%';
+    const btn = document.createElement('button');
+    btn.className = 'flex items-center justify-center rounded p-0.5 hover:bg-accent';
+    btn.title = 'Cancel Action Run';
+    btn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg>`;
+    btn.addEventListener('click', e => {
+      e.stopPropagation();
+      if (params.data) {
+        onCancelRun(params.data);
+      }
+    });
+    div.appendChild(btn);
+    return div;
+  }
+
+  $: runsColumnDefs = [
+    {
+      field: 'id',
+      filter: 'number',
+      headerName: 'ID',
+      sort: 'desc',
+      sortable: true,
+      suppressAutoSize: true,
+      suppressSizeToFit: true,
+      width: 80,
+    },
+    {
+      field: 'action_definition_revision',
+      headerName: 'Version',
+      sortable: true,
+      suppressAutoSize: true,
+      suppressSizeToFit: true,
+      valueFormatter: (params: ValueFormatterParams<ActionRunSlim>) =>
+        params.data ? params.data.action_definition_revision : '',
+      width: 80,
+    },
+    {
+      cellRenderer: statusCellRenderer,
+      field: 'status',
+      headerName: 'Status',
+      sortable: true,
+      suppressAutoSize: true,
+      suppressSizeToFit: true,
+      width: 90,
+    },
+    {
+      field: 'requested_by',
+      filter: 'text',
+      headerName: 'Requested By',
+      sortable: true,
+      suppressAutoSize: true,
+      suppressSizeToFit: true,
+      width: 140,
+    },
+    {
+      field: 'requested_at',
+      headerName: 'Requested At',
+      sortable: true,
+      suppressAutoSize: true,
+      suppressSizeToFit: true,
+      valueFormatter: (params: ValueFormatterParams<ActionRunSlim>) =>
+        params.data ? new Date(params.data.requested_at).toLocaleString() : '',
+      width: 170,
+    },
+    {
+      field: 'duration',
+      headerName: 'Duration',
+      sortable: true,
+      suppressAutoSize: true,
+      suppressSizeToFit: true,
+      valueFormatter: (params: ValueFormatterParams<ActionRunSlim>) =>
+        params.data ? formatMS(params.data.duration) : '',
+      width: 100,
+    },
+    {
+      cellRenderer: paramsCellRenderer,
+      field: 'parameters',
+      filter: 'text',
+      headerName: 'Parameters',
+      minWidth: 120,
+      resizable: true,
+      sortable: false,
+      valueGetter: (params: { data: ActionRunSlim }) => {
+        if (!params.data || !actionDefinition) {
+          return '';
+        }
+        return truncateRunParameters(params.data.parameters, actionDefinition.versions[0]?.parameter_schema);
+      },
+    },
+    {
+      cellRenderer: cancelCellRenderer,
+      headerName: '',
+      resizable: false,
+      sortable: false,
+      suppressAutoSize: true,
+      suppressSizeToFit: true,
+      width: 40,
+    },
+  ] as ColDef<ActionRunSlim>[];
+</script>
+
+{#if actionDefinition}
+  <div class="flex h-full flex-col overflow-hidden">
+    <!-- Header -->
+    <div class="flex items-center justify-between gap-4 border-b border-border px-4 py-3">
+      <div class="flex min-w-0 flex-1 flex-col gap-0.5 overflow-hidden">
+        <div class="flex items-center gap-2">
+          <h2 class="truncate text-lg font-bold">{actionDefinition.name}</h2>
+          {#if actionDefinition.archived}
+            <Badge variant="destructive">Archived</Badge>
+          {/if}
+        </div>
+        {#if actionDefinition.description}
+          <p class="truncate text-sm text-muted-foreground">{actionDefinition.description}</p>
+        {/if}
+      </div>
+      <div class="flex shrink-0 items-center gap-2">
+        <div
+          use:permissionHandler={{
+            hasPermission: workspace != null && featurePermissions.actionRun.canCreate(user, workspace),
+            permissionError: 'You do not have permission to run an action',
+          }}
+        >
+          <Button on:click={onRunClick} disabled={actionDefinition.archived || !latestNonArchivedVersion}
+            >Run Action</Button
+          >
+        </div>
+        <input bind:this={uploadFileInput} accept=".js" class="hidden" on:change={uploadNewVersion} type="file" />
+        <div
+          use:permissionHandler={{
+            hasPermission: hasUpdatePermission,
+            permissionError: 'You do not have permission to upload a new version',
+          }}
+        >
+          <Button variant="outline" on:click={() => uploadFileInput?.click()} disabled={actionDefinition.archived}>
+            Upload New Version
+          </Button>
+        </div>
+        <Button on:click={() => dispatch('close')} variant="outline">Close</Button>
+      </div>
+    </div>
+
+    <!-- Tabbed content -->
+    <div class="flex-1 overflow-hidden">
+      <Tabs.Root bind:value={activeTab} class="flex h-full flex-col">
+        <Tabs.List
+          class="flex h-[36px] shrink-0 items-center justify-between rounded-none border-b border-border bg-secondary/50 py-0"
+        >
+          <div class="flex items-center py-0.5">
+            <Tabs.Trigger
+              value="runs"
+              class="tab-trigger mx-0.5 h-6 border bg-transparent px-1.5 hover:text-neutral-800 data-[state=active]:border data-[state=inactive]:border-transparent data-[state=active]:shadow-none"
+            >
+              <div class="flex h-2 items-center gap-1 text-xs data-[state=active]:text-neutral-800">
+                Runs ({actionRuns.length})
+              </div>
+            </Tabs.Trigger>
+            <Tabs.Trigger
+              value="configure"
+              class="tab-trigger mx-0.5 h-6 border bg-transparent px-1.5 hover:text-neutral-800 data-[state=active]:border data-[state=inactive]:border-transparent data-[state=active]:shadow-none"
+            >
+              <div class="flex h-2 items-center gap-1 text-xs data-[state=active]:text-neutral-800">Configure</div>
+            </Tabs.Trigger>
+            <Tabs.Trigger
+              value="code"
+              class="tab-trigger mx-0.5 h-6 border bg-transparent px-1.5 hover:text-neutral-800 data-[state=active]:border data-[state=inactive]:border-transparent data-[state=active]:shadow-none"
+            >
+              <div class="flex h-2 items-center gap-1 text-xs data-[state=active]:text-neutral-800">Code</div>
+            </Tabs.Trigger>
+          </div>
+          {#if activeTab === 'runs'}
+            <div class="flex items-center gap-2 pr-2">
+              <InputStellar
+                autocomplete="off"
+                class="w-48"
+                sizeVariant="xs"
+                placeholder="Filter runs..."
+                bind:value={filterExpression}
+              />
+            </div>
+          {:else if activeTab === 'configure'}
+            <div class="flex items-center gap-2 pr-2">
+              <div
+                use:permissionHandler={{
+                  hasPermission: hasUpdatePermission,
+                  permissionError: 'You do not have permission to update an action',
+                }}
+              >
+                <Button class="h-6 text-xs" disabled={saveButtonDisabled || !isDirty} on:click={save}>
+                  {saving ? 'Saving...' : 'Save'}
+                </Button>
+              </div>
+              <div
+                use:permissionHandler={{
+                  hasPermission: hasUpdatePermission,
+                  permissionError: 'You do not have permission to archive an action',
+                }}
+              >
+                <Button variant="outline" class="h-6 text-xs text-foreground" on:click={toggleArchive}>
+                  {actionDefinition.archived ? 'Unarchive Action' : 'Archive Action'}
+                </Button>
+              </div>
+            </div>
+          {:else if activeTab === 'code'}
+            <div class="flex items-center gap-2 pr-2">
+              <Popover.Root bind:open={versionPopoverOpen}>
+                <Popover.Trigger asChild let:builder>
+                  <button
+                    use:builder.action
+                    {...builder}
+                    aria-label="Select version"
+                    class="flex h-6 items-center gap-1 rounded border border-border bg-white px-2 text-xs hover:bg-accent"
+                  >
+                    {#if selectedVersion}
+                      v{selectedVersion.revision}{selectedVersion === displayedVersions[0] && !selectedVersion.archived
+                        ? ' (latest)'
+                        : ''}{selectedVersion.archived ? ' (archived)' : ''}
+                    {:else}
+                      Select version
+                    {/if}
+                    <ChevronDown size={12} />
+                  </button>
+                </Popover.Trigger>
+                <Popover.Content
+                  align="start"
+                  avoidCollisions
+                  fitViewport
+                  class="max-h-64 w-auto min-w-[180px] overflow-y-auto p-1"
+                >
+                  {#if displayedVersions.length === 0}
+                    <div class="flex items-center gap-1 px-2 py-1.5 text-xs font-medium text-red-500">
+                      <TriangleAlert size={14} /> No unarchived versions available
+                    </div>
+                  {/if}
+                  {#each displayedVersions as version, i}
+                    <button
+                      class="flex w-full cursor-pointer rounded-sm px-2 py-1.5 text-left text-xs hover:bg-accent {version.revision ===
+                      selectedVersion?.revision
+                        ? 'bg-accent'
+                        : ''}"
+                      on:click={() => {
+                        selectedVersionRevision = version.revision;
+                        versionPopoverOpen = false;
+                      }}
+                    >
+                      v{version.revision}{i === 0 && !version.archived ? ' (latest)' : ''}{version.archived
+                        ? ' (archived)'
+                        : ''}
+                    </button>
+                  {/each}
+                  <hr class="my-1 border-border" />
+                  <label class="flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-xs hover:bg-accent">
+                    <input
+                      type="checkbox"
+                      checked={showArchivedVersions}
+                      on:change={() => {
+                        showArchivedVersions = !showArchivedVersions;
+                      }}
+                      class="h-3.5 w-3.5"
+                    />
+                    Show archived versions
+                  </label>
+                </Popover.Content>
+              </Popover.Root>
+              {#if selectedVersion}
+                <span class="text-xs text-muted-foreground">
+                  Author:
+                  {selectedVersion.author ?? 'Unknown'} • Created: {new Date(
+                    selectedVersion.created_at,
+                  ).toLocaleDateString()}
+                </span>
+              {/if}
+
+              {#if selectedVersion && (selectedVersion.archived || actionDefinition.versions.filter(v => !v.archived && v !== selectedVersion).length > 0)}
+                <Button
+                  variant="outline"
+                  class="h-6 text-xs text-foreground"
+                  disabled={!hasUpdatePermission}
+                  on:click={() => toggleVersionArchive(actionDefinition, selectedVersion, user)}
+                >
+                  {selectedVersion.archived ? 'Unarchive Version' : 'Archive Version'}
+                </Button>
+              {/if}
+            </div>
+          {/if}
+        </Tabs.List>
+
+        <!-- Runs tab -->
+        <Tabs.Content value="runs" class="mt-0 flex-1 overflow-hidden">
+          <div class="h-full p-2">
+            {#if actionRuns.length === 0}
+              <div class="flex h-full items-center justify-center text-xs text-muted-foreground">
+                No runs for this action yet
+              </div>
+            {:else}
+              <SingleActionDataGrid
+                columnDefs={runsColumnDefs}
+                {filterExpression}
+                items={actionRuns}
+                itemDisplayText="Action Run"
+                {user}
+                selectedItemId={selectedRunId}
+                hasDeletePermission={false}
+                hasEdit={false}
+                on:rowClicked={onRowClicked}
+              />
+            {/if}
+          </div>
+        </Tabs.Content>
+
+        <!-- Configure tab -->
+        <Tabs.Content value="configure" class="mt-0 flex-1 overflow-y-auto">
+          <div class="mx-auto flex max-w-2xl flex-col gap-4 p-6">
+            <div class="flex flex-col gap-3 rounded border border-border p-4">
+              <h3 class="text-sm font-medium">Action Metadata</h3>
+              <div class="flex flex-wrap gap-x-6 gap-y-1 text-xs text-muted-foreground">
+                {#if actionDefinition.owner}
+                  <span>Owner: <span class="text-foreground">{actionDefinition.owner}</span></span>
+                {/if}
+                <span>
+                  Updated: <span class="text-foreground"
+                    >{new Date(actionDefinition.updated_at).toLocaleDateString()}</span
+                  >
+                </span>
+                {#if latestNonArchivedVersion}
+                  <span>
+                    Latest Version: <span class="text-foreground">v{latestNonArchivedVersion.revision}</span>
+                  </span>
+                {/if}
+              </div>
+              <Input layout="inline">
+                <label for="action-name">Name</label>
+                <input
+                  bind:value={name}
+                  autocomplete="off"
+                  class="st-input w-100"
+                  id="action-name"
+                  on:input={checkDirty}
+                  required
+                  type="text"
+                  placeholder="Enter a name"
+                  use:permissionHandler={{
+                    hasPermission: hasUpdatePermission,
+                    permissionError: 'You do not have permission to update an action',
+                  }}
+                />
+              </Input>
+
+              <Input layout="inline">
+                <label for="action-description">Description</label>
+                <textarea
+                  bind:value={description}
+                  autocomplete="off"
+                  class="st-input w-100"
+                  id="action-description"
+                  on:input={checkDirty}
+                  required
+                  placeholder="Enter a description"
+                  use:permissionHandler={{
+                    hasPermission: hasUpdatePermission,
+                    permissionError: 'You do not have permission to update an action',
+                  }}
+                />
+              </Input>
+            </div>
+
+            <div class="flex flex-col gap-3 rounded border border-border p-4">
+              <div class="flex items-center justify-between">
+                <div>
+                  <h3 class="text-sm font-medium">Action Settings</h3>
+                  <p class="mt-1 text-xs text-muted-foreground">
+                    Persistent settings provided to every run of this action
+                  </p>
+                </div>
+                {#if Object.keys(argumentsMap).length > 0}
+                  <Button
+                    variant="outline"
+                    class="shrink-0 text-xs"
+                    disabled={!hasUpdatePermission}
+                    on:click={resetAllSettings}
+                  >
+                    Reset All
+                  </Button>
+                {/if}
+              </div>
+              {#if Object.keys(actionDefinition.versions[0]?.settings_schema ?? {}).length < 1}
+                <p class="text-xs italic text-muted-foreground">No settings defined</p>
+              {:else}
+                <Parameters
+                  formParameters={getFormParameters(
+                    valueSchemaRecordToParametersMap(actionDefinition.versions[0]?.settings_schema ?? {}),
+                    argumentsMap,
+                    [],
+                    undefined,
+                    getDefaultsFromSchema(actionDefinition.versions[0]?.settings_schema ?? {}),
+                    getUserSequenceValueSchemaOptions(workspaceFiles, $workspaceId),
+                    'sequence',
+                    undefined,
+                    false,
+                  )}
+                  parameterType="action"
+                  hideInfo={false}
+                  on:change={onChangeFormParameters}
+                  on:reset={onResetSettingsParameter}
+                  use={[
+                    [
+                      permissionHandler,
+                      {
+                        hasPermission: hasUpdatePermission,
+                        permissionError: 'You do not have permission to update an action',
+                      },
+                    ],
+                  ]}
+                />
+              {/if}
+            </div>
+
+            <!-- Versions section -->
+            <div class="flex flex-col gap-3 rounded border border-border p-4">
+              <div class="flex items-center justify-between">
+                <h3 class="text-sm font-medium">Versions</h3>
+                <label class="flex items-center gap-1.5 text-xs text-muted-foreground">
+                  <input type="checkbox" bind:checked={showArchivedVersions} class="h-3.5 w-3.5" />
+                  Show archived
+                </label>
+              </div>
+              {#if displayedVersions.length === 0}
+                <p class="text-xs italic text-muted-foreground">No versions</p>
+              {:else}
+                <div class="divide-y divide-border rounded border border-border">
+                  {#each displayedVersions as version, i (version.revision)}
+                    <div
+                      class="flex items-center justify-between px-3 py-2 text-xs {version.archived ? 'opacity-50' : ''}"
+                    >
+                      <div class="flex flex-wrap items-center gap-x-4 gap-y-1">
+                        <span class="font-medium">
+                          v{version.revision}
+                          {#if i === 0 && !version.archived}
+                            <span class="text-muted-foreground">(latest)</span>
+                          {/if}
+                        </span>
+                        <span class="text-muted-foreground">
+                          Author: <span class="text-foreground">{version.author ?? 'Unknown'}</span>
+                        </span>
+                        <span class="text-muted-foreground">
+                          Created: <span class="text-foreground"
+                            >{new Date(version.created_at).toLocaleDateString()}</span
+                          >
+                        </span>
+                        {#if version.archived}
+                          <Badge variant="destructive">Archived</Badge>
+                        {/if}
+                      </div>
+                      {#if version.archived || actionDefinition.versions.filter(v => !v.archived && v !== version).length > 0}
+                        <div
+                          use:permissionHandler={{
+                            hasPermission: hasUpdatePermission,
+                            permissionError: 'You do not have permission to archive a version',
+                          }}
+                        >
+                          <Button
+                            variant="outline"
+                            class="h-6 shrink-0 text-xs"
+                            disabled={!hasUpdatePermission}
+                            on:click={() => toggleVersionArchive(actionDefinition, version, user)}
+                          >
+                            {version.archived ? 'Unarchive Version' : 'Archive Version'}
+                          </Button>
+                        </div>
+                      {/if}
+                    </div>
+                  {/each}
+                </div>
+              {/if}
+            </div>
+          </div>
+        </Tabs.Content>
+
+        <!-- Code tab -->
+        <Tabs.Content value="code" class="mt-0 flex-1 overflow-hidden">
+          <MonacoEditor
+            automaticLayout={true}
+            language="javascript"
+            lineNumbers="on"
+            minimap={{ enabled: false }}
+            readOnly={true}
+            scrollBeyondLastLine={false}
+            tabSize={2}
+            value={isLoadingCode ? 'Loading...' : code}
+          />
+        </Tabs.Content>
+      </Tabs.Root>
+    </div>
+  </div>
+{:else}
+  <div class="flex h-full items-center justify-center text-sm text-muted-foreground">Action not found</div>
+{/if}
diff --git a/src/components/sequencing/actions/ActionRun.svelte b/src/components/sequencing/actions/ActionRun.svelte
deleted file mode 100644
index 5c5023d8ed..0000000000
--- a/src/components/sequencing/actions/ActionRun.svelte
+++ /dev/null
@@ -1,179 +0,0 @@
-<svelte:options immutable={true} />
-
-<script lang="ts">
-  import { actionDefinitionsByWorkspace } from '../../../stores/actions';
-  import { gqlSubscribable } from '../../../stores/subscribable';
-  import type { ActionRun } from '../../../types/actions';
-  import type { User } from '../../../types/app';
-  import type { FormParameter } from '../../../types/parameter';
-  import type { ValueSchemaOption } from '../../../types/schema';
-  import {
-    getActionDefinitionForRun,
-    getUserSequenceValueSchemaOptions,
-    valueSchemaRecordToParametersMap,
-  } from '../../../utilities/actions';
-  import effects from '../../../utilities/effects';
-  import gql from '../../../utilities/gql';
-  import { getFormParameters } from '../../../utilities/parameters';
-  import Parameters from '../../parameters/Parameters.svelte';
-  import ActionRunCard from './ActionRunCard.svelte';
-
-  export let initialActionRun: ActionRun | null = null;
-  export let user: User | null;
-  export let workspaceId: number | null = null;
-
-  let actionSettings: FormParameter[] = [];
-  let actionParameters: FormParameter[] = [];
-  let sequenceOptions: ValueSchemaOption[] = [];
-
-  $: if (workspaceId != null) {
-    getWorkspaceFileOptions(workspaceId);
-  }
-
-  $: updateActionSettingsAndParameters(); //update on any change
-
-  $: if (sequenceOptions.length) {
-    //if the user sequences change, we need to update
-    updateActionSettingsAndParameters();
-  }
-
-  const actionRun = gqlSubscribable<ActionRun | null>(
-    gql.SUB_ACTION_RUN,
-    { actionRunId: initialActionRun?.id },
-    initialActionRun,
-  );
-
-  async function getWorkspaceFileOptions(idOfWorkspace: number): Promise<void> {
-    const workspaceFileList = await effects.getWorkspaceFilesList(idOfWorkspace, user);
-    sequenceOptions = getUserSequenceValueSchemaOptions(workspaceFileList, workspaceId);
-  }
-
-  async function onCancelAction(id: number) {
-    await effects.cancelActionRun(id, user);
-  }
-
-  function updateActionSettingsAndParameters() {
-    if (initialActionRun !== null) {
-      actionSettings = getFormParameters(
-        valueSchemaRecordToParametersMap(initialActionRun.action_definition.settings_schema),
-        initialActionRun.settings,
-        [],
-        undefined,
-        undefined,
-        sequenceOptions,
-        'sequence',
-        undefined,
-        false,
-        false,
-      );
-
-      actionParameters = getFormParameters(
-        valueSchemaRecordToParametersMap(initialActionRun.action_definition.parameter_schema),
-        initialActionRun.parameters,
-        [],
-        undefined,
-        undefined,
-        sequenceOptions,
-        'sequence',
-        undefined,
-        false,
-        false,
-      );
-    }
-  }
-</script>
-
-<div class="action-run-container">
-  <div class="action-run">
-    {#if !$actionRun}
-      <div class="st-typography-medium">No action run found</div>
-    {/if}
-    {#if $actionRun}
-      <ActionRunCard
-        actionRun={$actionRun}
-        actionDefinition={getActionDefinitionForRun($actionRun, $actionDefinitionsByWorkspace, workspaceId)}
-        on:cancelAction={e => onCancelAction(e.detail.id)}
-        interactable={false}
-      />
-      <div>
-        <div class="st-typography-medium action-run-label">Results</div>
-        {#if $actionRun.results?.data}
-          <div class="logs">
-            <pre>{JSON.stringify($actionRun.results?.data, undefined, 2)}</pre>
-          </div>
-        {:else}
-          <div class="logs empty">No data</div>
-        {/if}
-        <div class="st-typography-medium action-run-label">Errors</div>
-        {#if $actionRun.error}
-          <div class="logs">
-            <pre>Message: {JSON.stringify($actionRun.error.message, undefined, 2)}</pre>
-            <pre>Stack: {JSON.stringify($actionRun.error.stack, undefined, 2)}</pre>
-          </div>
-        {:else}
-          <div class="logs empty">No errors</div>
-        {/if}
-        <div class="st-typography-medium action-run-label">String Logs</div>
-        {#if $actionRun.logs}
-          <pre class="logs">{$actionRun.logs}</pre>
-        {:else}
-          <div class="logs empty">No logs</div>
-        {/if}
-        <div class="st-typography-medium action-run-label">Action Settings</div>
-        <div class="action-run-parameters">
-          <Parameters
-            formParameters={actionSettings}
-            parameterType="action"
-            hideRightAdornments
-            hideInfo={false}
-            disabled
-          />
-          <div class="st-typography-medium action-run-label">Action Parameters</div>
-          <Parameters
-            formParameters={actionParameters}
-            parameterType="action"
-            hideRightAdornments
-            hideInfo={false}
-            disabled
-          />
-        </div>
-      </div>
-    {/if}
-  </div>
-</div>
-
-<style>
-  .action-run-container {
-    overflow-x: hidden;
-  }
-
-  .action-run {
-    padding: 24px;
-  }
-
-  .logs {
-    background: var(--st-gray-10);
-    border-radius: 4px;
-    font-family: 'JetBrains mono';
-    max-height: 400px;
-    overflow: auto;
-    padding: 16px;
-  }
-
-  .logs pre {
-    font-family: 'JetBrains mono';
-    margin: 0;
-  }
-
-  .logs.empty {
-    opacity: 0.5;
-  }
-
-  .action-run-label {
-    padding: 16px 0px 8px 0px;
-  }
-
-  .action-run-parameters {
-    max-width: 500px;
-  }
-</style>
diff --git a/src/components/sequencing/actions/ActionRunCard.svelte b/src/components/sequencing/actions/ActionRunCard.svelte
deleted file mode 100644
index 21c3dc92c9..0000000000
--- a/src/components/sequencing/actions/ActionRunCard.svelte
+++ /dev/null
@@ -1,119 +0,0 @@
-<svelte:options immutable={true} />
-
-<script lang="ts">
-  import { Ban, SquarePlay, Timer } from 'lucide-svelte';
-  import { createEventDispatcher } from 'svelte';
-  import { Status } from '../../../enums/status';
-  import type { ActionDefinition, ActionRunSlim } from '../../../types/actions';
-  import { formatMS } from '../../../utilities/time';
-  import { tooltip } from '../../../utilities/tooltip';
-  import StatusBadge from '../../ui/StatusBadge.svelte';
-
-  export let actionRun: ActionRunSlim;
-  export let actionDefinition: ActionDefinition | null;
-  export let interactable: boolean = true;
-
-  const dispatch = createEventDispatcher<{
-    cancelAction: { id: number };
-    showActionRun: { id: number };
-  }>();
-
-  function getStatusForActionRun(actionRun: ActionRunSlim): Status {
-    if (actionRun.canceled === true) {
-      return Status.Canceled;
-    }
-
-    if (actionRun.error?.message || actionRun.results?.status === 'FAILED') {
-      return Status.Failed;
-    }
-
-    switch (actionRun.status) {
-      case 'success':
-        return Status.Complete;
-      case 'pending':
-        return Status.Pending;
-      case 'incomplete':
-        return Status.Incomplete;
-      case 'failed':
-        return Status.Failed;
-      default:
-        return Status.Unchecked;
-    }
-  }
-</script>
-
-<div class="action-run-wrapper w-100 relative">
-  <div
-    class="action-run st-typography-medium st-button tertiary w-100"
-    class:non-interactable={!interactable}
-    role="button"
-    tabindex="-1"
-    on:keydown
-    on:click|stopPropagation={() => dispatch('showActionRun', { id: actionRun.id })}
-  >
-    <div class="action-run-cell">
-      <StatusBadge status={getStatusForActionRun(actionRun)} />
-      {actionDefinition?.name ?? 'Loading...'}
-    </div>
-    <div>@{actionRun.requested_by}</div>
-    <div class="action-run-cell">
-      <SquarePlay size={16} />{new Date(actionRun.requested_at).toLocaleString()}
-    </div>
-    <div class="action-run-cell">
-      <Timer size={16} />{formatMS(actionRun.duration)}
-    </div>
-
-    {#if actionRun.status === 'pending' || actionRun.status === 'incomplete'}
-      <button
-        type="button"
-        class="cancel-button st-button st-icon tertiary icon"
-        on:click|stopPropagation={() => dispatch('cancelAction', { id: actionRun.id })}
-        use:tooltip={{ content: 'Cancel Action Run', placement: 'top' }}
-      >
-        <Ban size={16} />
-      </button>
-    {/if}
-  </div>
-</div>
-
-<style>
-  .action-run {
-    align-items: center;
-    border: 1px solid var(--st-gray-20);
-    border-radius: 4px;
-    column-gap: 8px;
-    display: grid;
-    gap: 24px;
-    grid-template-columns: 1fr 0.2fr 160px 80px 25px;
-    height: auto;
-    padding: 8px;
-    text-align: left;
-    white-space: nowrap;
-    width: 100%;
-  }
-
-  .non-interactable {
-    cursor: default;
-  }
-
-  .action-run.non-interactable:hover {
-    background: unset;
-  }
-
-  .action-run-cell {
-    align-items: center;
-    display: flex;
-    gap: 8px;
-  }
-
-  .action-run-wrapper {
-    position: relative;
-  }
-
-  .cancel-button {
-    cursor: pointer;
-    display: flex;
-    height: 16px;
-    justify-self: center;
-  }
-</style>
diff --git a/src/components/sequencing/actions/ActionRunDetailView.svelte b/src/components/sequencing/actions/ActionRunDetailView.svelte
new file mode 100644
index 0000000000..26d91fa3c4
--- /dev/null
+++ b/src/components/sequencing/actions/ActionRunDetailView.svelte
@@ -0,0 +1,370 @@
+<svelte:options immutable={true} />
+
+<script lang="ts">
+  import { Button, Tabs } from '@nasa-jpl/stellar-svelte';
+  import { capitalize } from 'lodash-es';
+  import { ArrowLeft, Ban, RefreshCw } from 'lucide-svelte';
+  import { createEventDispatcher } from 'svelte';
+  import { writable } from 'svelte/store';
+  import { Status } from '../../../enums/status';
+  import { actionDefinitionsByWorkspace } from '../../../stores/actions';
+  import { gqlSubscribable } from '../../../stores/subscribable';
+  import { workspaceId } from '../../../stores/workspaces';
+  import type { ActionDefinition, ActionDefinitionVersion, ActionRun } from '../../../types/actions';
+  import type { User } from '../../../types/app';
+  import type { LogMessage } from '../../../types/errors';
+  import type { ArgumentsMap, FormParameter } from '../../../types/parameter';
+  import {
+    getActionDefinitionForRun,
+    getDefaultsFromSchema,
+    getLatestRunnableVersion,
+    getStatusForActionRun,
+    valueSchemaRecordToParametersMap,
+  } from '../../../utilities/actions';
+  import effects from '../../../utilities/effects';
+  import { ErrorTypes } from '../../../utilities/errors';
+  import gql from '../../../utilities/gql';
+  import { getFormParameters } from '../../../utilities/parameters';
+  import { permissionHandler } from '../../../utilities/permissionHandler';
+  import { formatMS } from '../../../utilities/time';
+  import { tooltip } from '../../../utilities/tooltip';
+  import ConsoleLog from '../../console/views/ConsoleLog.svelte';
+  import Parameters from '../../parameters/Parameters.svelte';
+  import StatusBadge from '../../ui/StatusBadge.svelte';
+
+  const dispatch = createEventDispatcher<{
+    back: void;
+    rerun: { actionDefinitionId: number; parameters: ArgumentsMap; revision: number; settings: ArgumentsMap };
+    viewAction: { actionId: number };
+  }>();
+
+  export let actionRunId: number;
+  export let hasRunPermission: boolean;
+  export let user: User | null;
+
+  const actionRunIdStore = writable(actionRunId);
+  const actionRunSubscription = gqlSubscribable<ActionRun | null>(
+    gql.SUB_ACTION_RUN,
+    { actionRunId: actionRunIdStore },
+    null,
+  );
+
+  let actionSettings: FormParameter[] = [];
+  let actionParameters: FormParameter[] = [];
+  let actionRun: ActionRun | null = null;
+  let actionDefinition: ActionDefinition | null = null;
+  let latestVersion: ActionDefinitionVersion | null = null;
+  let isLatestVersion: boolean = false;
+  let status: Status | null = null;
+
+  $: actionRunIdStore.set(actionRunId);
+  $: actionRun = $actionRunSubscription;
+
+  $: if (actionRun) {
+    updateActionSettingsAndParameters(actionRun);
+  }
+
+  $: actionDefinition = actionRun
+    ? getActionDefinitionForRun(actionRun, $actionDefinitionsByWorkspace, $workspaceId)
+    : null;
+
+  $: latestVersion = getLatestRunnableVersion(actionRun?.action_definition.versions ?? []);
+  $: isLatestVersion = latestVersion != null && actionRun?.action_definition_revision === latestVersion.revision;
+  $: status = actionRun ? getStatusForActionRun(actionRun) : null;
+
+  function updateActionSettingsAndParameters(run: ActionRun) {
+    const version =
+      run.action_definition.versions.find(v => v.revision === run.action_definition_revision) ??
+      run.action_definition.versions[0];
+
+    actionSettings = getFormParameters(
+      valueSchemaRecordToParametersMap(version?.settings_schema ?? {}),
+      run.settings,
+      [],
+      undefined,
+      getDefaultsFromSchema(version?.settings_schema ?? {}),
+      undefined,
+      'sequence',
+      false,
+      false,
+    );
+
+    actionParameters = getFormParameters(
+      valueSchemaRecordToParametersMap(version?.parameter_schema ?? {}),
+      run.parameters,
+      [],
+      undefined,
+      getDefaultsFromSchema(version?.parameter_schema ?? {}),
+      undefined,
+      'sequence',
+      false,
+      false,
+    );
+  }
+
+  function parseLogLines(logString: string): LogMessage[] {
+    // Action server formats logs as: TIMESTAMP [LEVEL] message
+    // Continuation lines (multi-line errors/stack traces) appear as: [LEVEL] text (indented, no timestamp)
+    const serverLogPattern = /^(\S+)\s+\[(INFO|WARN|ERROR|DEBUG)]\s(.*)$/;
+    const continuationLevelPattern = /^\s*\[(INFO|WARN|ERROR|DEBUG)]\s(.*)$/;
+    const results: LogMessage[] = [];
+
+    for (const line of logString.split('\n')) {
+      if (!line.trim()) {
+        continue;
+      }
+
+      const mainMatch = line.match(serverLogPattern);
+      if (mainMatch) {
+        const [, timestamp, rawLevel, message] = mainMatch;
+        results.push({
+          level: rawLevel.toLowerCase() as LogMessage['level'],
+          message,
+          timestamp,
+          type: ErrorTypes.LOG,
+        });
+        continue;
+      }
+
+      // Continuation line — strip [LEVEL] prefix and merge into previous entry's trace
+      const contMatch = line.match(continuationLevelPattern);
+      const cleanLine = contMatch ? contMatch[2] : line;
+
+      if (results.length > 0) {
+        const prev = results[results.length - 1];
+        prev.trace = prev.trace ? `${prev.trace}\n${cleanLine}` : cleanLine;
+      } else {
+        results.push({
+          level: 'info',
+          message: cleanLine,
+          timestamp: '',
+          type: ErrorTypes.LOG,
+        });
+      }
+    }
+
+    // Post-process: when a message ends with '{' and trace contains the rest of
+    // a JSON object, reassemble and parse it into `data` for clean rendering.
+    for (const entry of results) {
+      if (entry.message.endsWith('{') && entry.trace) {
+        const jsonCandidate = '{\n' + entry.trace;
+        try {
+          const parsed = JSON.parse(jsonCandidate);
+          entry.message = entry.message.slice(0, -1).trimEnd();
+          entry.data = parsed;
+          entry.trace = undefined;
+        } catch {
+          // Not valid JSON, leave as-is
+        }
+      }
+    }
+
+    return results;
+  }
+
+  async function onCancelRun() {
+    if (actionRun && (actionRun.status === 'pending' || actionRun.status === 'incomplete')) {
+      await effects.cancelActionRun(actionRun.id, user);
+    }
+  }
+
+  function onRerun() {
+    if (actionRun && actionDefinition) {
+      dispatch('rerun', {
+        actionDefinitionId: actionRun.action_definition_id,
+        parameters: actionRun.parameters,
+        revision: actionRun.action_definition_revision,
+        settings: actionRun.settings,
+      });
+    }
+  }
+
+  function onBack() {
+    dispatch('back');
+  }
+</script>
+
+{#if actionRun}
+  <div class="flex h-full flex-col overflow-hidden">
+    <!-- Header -->
+    <div class="flex items-center justify-between gap-4 border-b border-border px-4 py-3">
+      <div class="flex min-w-0 flex-1 items-center gap-3">
+        <button
+          class="shrink-0 rounded p-1 hover:bg-accent"
+          on:click={onBack}
+          use:tooltip={{ content: 'Back', placement: 'bottom' }}
+        >
+          <ArrowLeft size={16} />
+        </button>
+        <div class="flex min-w-0 items-center gap-2">
+          {#if actionDefinition}
+            <button
+              class="truncate text-lg text-muted-foreground hover:underline"
+              on:click={() => dispatch('viewAction', { actionId: actionRun.action_definition_id })}
+            >
+              {actionDefinition.name}
+            </button>
+            <span class="shrink-0 text-sm text-muted-foreground">/</span>
+          {/if}
+          <span class="flex shrink-0 items-center justify-center"><StatusBadge {status} /></span>
+          <h2 class="shrink-0 text-lg font-bold">Run #{actionRun.id}</h2>
+        </div>
+      </div>
+      <div class="flex items-center gap-2">
+        {#if actionDefinition && !actionDefinition.archived}
+          <div
+            use:permissionHandler={{
+              hasPermission: hasRunPermission,
+              permissionError: 'You do not have permission to run an action',
+            }}
+          >
+            <Button variant="outline" on:click={onRerun}>
+              <RefreshCw size={12} class="mr-1" />
+              Re-run
+            </Button>
+          </div>
+        {/if}
+        {#if status === Status['Pending'] || status === Status['Incomplete']}
+          <div
+            use:permissionHandler={{
+              hasPermission: hasRunPermission,
+              permissionError: 'You do not have permission to run an action',
+            }}
+          >
+            <Button variant="outline" on:click={onCancelRun}>
+              <Ban size={12} class="mr-1" />
+              Cancel
+            </Button>
+          </div>
+        {/if}
+      </div>
+    </div>
+
+    <!-- Metadata bar -->
+    <div class="flex flex-wrap gap-x-6 gap-y-1 border-b border-border px-4 py-2 text-xs text-muted-foreground">
+      {#if actionRun.requested_by}
+        <span>Requested by: <span class="text-foreground">{actionRun.requested_by}</span></span>
+      {/if}
+      <span>Requested at: <span class="text-foreground">{new Date(actionRun.requested_at).toLocaleString()}</span></span
+      >
+      {#if actionRun.duration != null}
+        <span>Duration: <span class="text-foreground">{formatMS(actionRun.duration)}</span></span>
+      {/if}
+      <span>
+        Status: <span class="text-foreground">{capitalize(status ?? 'unknown')}</span>
+      </span>
+      <span>
+        Version: <span class="text-foreground">
+          {actionRun.action_definition_revision}{isLatestVersion ? ' (latest)' : ''}
+        </span>
+      </span>
+    </div>
+
+    <!-- Tabbed content -->
+    <div class="flex-1 overflow-hidden">
+      <Tabs.Root value="output" class="flex h-full flex-col">
+        <Tabs.List
+          class="flex h-[36px] shrink-0 items-center justify-start rounded-none border-b border-border bg-secondary/50 py-0"
+        >
+          <div class="flex items-center py-0.5">
+            <Tabs.Trigger
+              value="output"
+              class="tab-trigger mx-0.5 h-6 border bg-transparent px-0.5 hover:text-neutral-800 data-[state=active]:border data-[state=inactive]:border-transparent data-[state=active]:shadow-none lg:px-1.5"
+            >
+              <div class="flex h-2 items-center gap-1 text-xs data-[state=active]:text-neutral-800">Output</div>
+            </Tabs.Trigger>
+            <Tabs.Trigger
+              value="parameters"
+              class="tab-trigger mx-0.5 h-6 border bg-transparent px-0.5 hover:text-neutral-800 data-[state=active]:border data-[state=inactive]:border-transparent data-[state=active]:shadow-none lg:px-1.5"
+            >
+              <div class="flex h-2 items-center gap-1 text-xs data-[state=active]:text-neutral-800">Parameters</div>
+            </Tabs.Trigger>
+          </div>
+        </Tabs.List>
+
+        <!-- Output tab (errors, results, logs) -->
+        <Tabs.Content value="output" class="mt-0 flex-1 overflow-y-auto">
+          <div class="mx-auto flex max-w-5xl flex-col gap-4 p-6">
+            {#if actionRun.error?.message}
+              {@const errorLog = {
+                level: 'error',
+                message: actionRun.error.message,
+                timestamp: actionRun.requested_at,
+                trace: actionRun.error.stack,
+                type: ErrorTypes.CAUGHT_ERROR,
+              }}
+              <div class="flex flex-col gap-3 rounded border border-destructive/30 bg-destructive/5 p-4">
+                <h3 class="text-sm font-medium text-destructive">Error</h3>
+                <div class="overflow-auto rounded bg-muted py-2 font-mono text-xs">
+                  <ConsoleLog log={errorLog} showType={false} showLongTimestamp={false} />
+                </div>
+              </div>
+            {/if}
+            <div class="flex flex-col gap-3 rounded border border-border p-4">
+              <h3 class="text-sm font-medium">Results</h3>
+              {#if actionRun.results?.data}
+                <pre
+                  class="max-h-[600px] overflow-auto whitespace-pre-wrap rounded bg-muted p-3 font-mono text-xs">{JSON.stringify(
+                    actionRun.results.data,
+                    undefined,
+                    2,
+                  )}</pre>
+              {:else}
+                <p class="text-xs italic text-muted-foreground">No results data</p>
+              {/if}
+            </div>
+            <div class="flex flex-col gap-3 rounded border border-border p-4">
+              <h3 class="text-sm font-medium">Logs</h3>
+              {#if actionRun.logs}
+                {@const logMessages = parseLogLines(actionRun.logs)}
+                <div class="max-h-[600px] overflow-auto rounded bg-muted py-2 font-mono text-xs">
+                  {#each logMessages as log}
+                    <ConsoleLog {log} showType={false} showLongTimestamp={false} />
+                  {/each}
+                </div>
+              {:else}
+                <p class="text-xs italic text-muted-foreground">No logs</p>
+              {/if}
+            </div>
+          </div>
+        </Tabs.Content>
+
+        <!-- Parameters tab -->
+        <Tabs.Content value="parameters" class="mt-0 flex-1 overflow-y-auto">
+          <div class="mx-auto flex max-w-2xl flex-col gap-4 p-6">
+            <div class="flex flex-col gap-3 rounded border border-border p-4">
+              <h3 class="text-sm font-medium">Action Parameters</h3>
+              {#if actionParameters.length > 0}
+                <Parameters
+                  formParameters={actionParameters}
+                  parameterType="action"
+                  hideRightAdornments
+                  hideInfo={false}
+                  disabled
+                />
+              {:else}
+                <p class="text-xs italic text-muted-foreground">No parameters</p>
+              {/if}
+            </div>
+            <div class="flex flex-col gap-3 rounded border border-border p-4">
+              <h3 class="text-sm font-medium">Action Settings</h3>
+              {#if actionSettings.length > 0}
+                <Parameters
+                  formParameters={actionSettings}
+                  parameterType="action"
+                  hideRightAdornments
+                  hideInfo={false}
+                  disabled
+                />
+              {:else}
+                <p class="text-xs italic text-muted-foreground">No settings</p>
+              {/if}
+            </div>
+          </div>
+        </Tabs.Content>
+      </Tabs.Root>
+    </div>
+  </div>
+{:else}
+  <div class="flex h-full items-center justify-center text-xs text-muted-foreground">Loading action run...</div>
+{/if}
diff --git a/src/components/sequencing/actions/ActionRunsListView.svelte b/src/components/sequencing/actions/ActionRunsListView.svelte
new file mode 100644
index 0000000000..63e7c7fd21
--- /dev/null
+++ b/src/components/sequencing/actions/ActionRunsListView.svelte
@@ -0,0 +1,239 @@
+<svelte:options immutable={true} />
+
+<script lang="ts">
+  import { Input as InputStellar } from '@nasa-jpl/stellar-svelte';
+  import type { ColDef, ICellRendererParams, ValueFormatterParams } from 'ag-grid-community';
+  import { createEventDispatcher } from 'svelte';
+  import { actionDefinitionsByWorkspace, actionRuns, actionRunsByWorkspace } from '../../../stores/actions';
+  import { workspaceId } from '../../../stores/workspaces';
+  import type { ActionRunSlim } from '../../../types/actions';
+  import type { User } from '../../../types/app';
+  import {
+    getActionDefinitionForRun,
+    getStatusForActionRun,
+    openActionRun,
+    truncateRunParameters,
+  } from '../../../utilities/actions';
+  import effects from '../../../utilities/effects';
+  import { isMetaOrCtrlPressed } from '../../../utilities/keyboardEvents';
+  import { formatMS } from '../../../utilities/time';
+  import AsyncContentState from '../../ui/AsyncContentState.svelte';
+  import SingleActionDataGrid from '../../ui/DataGrid/SingleActionDataGrid.svelte';
+  import SectionTitle from '../../ui/SectionTitle.svelte';
+  import StatusBadge from '../../ui/StatusBadge.svelte';
+
+  const actionRunsError = actionRuns.error;
+  const actionRunsLoading = actionRuns.loading;
+
+  export let user: User | null;
+
+  const dispatch = createEventDispatcher<{
+    viewRun: { runId: number };
+  }>();
+
+  const columnDefs = [
+    {
+      field: 'id',
+      filter: 'number',
+      headerName: 'ID',
+      sort: 'desc',
+      sortable: true,
+      suppressAutoSize: true,
+      suppressSizeToFit: true,
+      width: 80,
+    },
+    {
+      filter: 'text',
+      headerName: 'Action',
+      sortable: true,
+      valueGetter: actionNameValueGetter,
+      width: 140,
+    },
+    {
+      field: 'action_definition_revision',
+      headerName: 'Version',
+      sortable: true,
+      suppressAutoSize: true,
+      suppressSizeToFit: true,
+      valueFormatter: (params: ValueFormatterParams<ActionRunSlim>) =>
+        params.data ? params.data.action_definition_revision : '',
+      width: 80,
+    },
+    {
+      cellRenderer: statusCellRenderer,
+      field: 'status',
+      filter: 'text',
+      headerName: 'Status',
+      sortable: true,
+      suppressAutoSize: true,
+      suppressSizeToFit: true,
+      width: 100,
+    },
+    {
+      field: 'requested_by',
+      filter: 'text',
+      headerName: 'Requested By',
+      sortable: true,
+      suppressAutoSize: true,
+      suppressSizeToFit: true,
+      width: 140,
+    },
+    {
+      field: 'requested_at',
+      headerName: 'Requested At',
+      sortable: true,
+      suppressAutoSize: true,
+      suppressSizeToFit: true,
+      valueFormatter: (params: ValueFormatterParams<ActionRunSlim>) =>
+        params.data ? new Date(params.data.requested_at).toLocaleString() : '',
+      width: 170,
+    },
+    {
+      field: 'duration',
+      headerName: 'Duration',
+      sortable: true,
+      suppressAutoSize: true,
+      suppressSizeToFit: true,
+      valueFormatter: (params: ValueFormatterParams<ActionRunSlim>) =>
+        params.data ? formatMS(params.data.duration) : '',
+      width: 100,
+    },
+    {
+      cellRenderer: paramsCellRenderer,
+      field: 'parameters',
+      filter: 'text',
+      headerName: 'Parameters',
+      minWidth: 120,
+      resizable: true,
+      sortable: false,
+      valueGetter: (params: { data: ActionRunSlim }) => {
+        if (!params.data) {
+          return '';
+        }
+        const def = getActionDefinitionForRun(params.data, $actionDefinitionsByWorkspace, $workspaceId);
+        return truncateRunParameters(params.data.parameters, def?.versions[0]?.parameter_schema);
+      },
+    },
+    {
+      cellRenderer: cancelCellRenderer,
+      headerName: '',
+      resizable: false,
+      sortable: false,
+      suppressAutoSize: true,
+      suppressSizeToFit: true,
+      width: 40,
+    },
+  ] as ColDef<ActionRunSlim>[];
+
+  let filterExpression: string = '';
+  let selectedRunId: number | null = null;
+  let workspaceActionRuns: ActionRunSlim[] = [];
+
+  $: workspaceActionRuns = $actionRunsByWorkspace[$workspaceId] || [];
+
+  function statusCellRenderer(params: ICellRendererParams<ActionRunSlim>) {
+    const div = document.createElement('div');
+    div.style.display = 'flex';
+    div.style.alignItems = 'center';
+    div.style.height = '100%';
+    if (params.data) {
+      const status = getStatusForActionRun(params.data);
+      new StatusBadge({ props: { status }, target: div });
+    }
+    return div;
+  }
+
+  function actionNameValueGetter(params: { data: ActionRunSlim }) {
+    if (!params.data) {
+      return '';
+    }
+    const def = getActionDefinitionForRun(params.data, $actionDefinitionsByWorkspace, $workspaceId);
+    return def?.name ?? 'Deleted Action';
+  }
+
+  function paramsCellRenderer(params: ICellRendererParams<ActionRunSlim>) {
+    if (!params.data) {
+      return '';
+    }
+    const def = getActionDefinitionForRun(params.data, $actionDefinitionsByWorkspace, $workspaceId);
+    return truncateRunParameters(params.data.parameters, def?.versions[0]?.parameter_schema);
+  }
+
+  function cancelCellRenderer(params: ICellRendererParams<ActionRunSlim>) {
+    if (
+      !params.data ||
+      params.data.canceled ||
+      (params.data.status !== 'pending' && params.data.status !== 'incomplete')
+    ) {
+      return '';
+    }
+    const div = document.createElement('div');
+    div.style.display = 'flex';
+    div.style.alignItems = 'center';
+    div.style.justifyContent = 'center';
+    div.style.height = '100%';
+    const btn = document.createElement('button');
+    btn.className = 'flex items-center justify-center rounded p-0.5 hover:bg-accent';
+    btn.title = 'Cancel Action Run';
+    btn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg>`;
+    btn.addEventListener('click', e => {
+      e.stopPropagation();
+      if (params.data) {
+        effects.cancelActionRun(params.data.id, user);
+      }
+    });
+    div.appendChild(btn);
+    return div;
+  }
+
+  function onRowClicked(event: CustomEvent<{ data: ActionRunSlim; event?: Event | null }>) {
+    const { data, event: originalEvent } = event.detail;
+    if (data) {
+      if (originalEvent && isMetaOrCtrlPressed(originalEvent as MouseEvent)) {
+        openActionRun($workspaceId, data.id, true);
+      } else {
+        dispatch('viewRun', { runId: data.id });
+      }
+    }
+  }
+</script>
+
+<div class="flex h-full flex-col overflow-hidden">
+  <!-- Header -->
+  <div class="flex items-center gap-2 border-b border-border px-4 py-3">
+    <SectionTitle>All Action Runs</SectionTitle>
+    <div class="w-48">
+      <InputStellar
+        autocomplete="off"
+        class="w-full"
+        sizeVariant="xs"
+        placeholder="Filter runs..."
+        bind:value={filterExpression}
+      />
+    </div>
+  </div>
+
+  <!-- DataGrid -->
+  <div class="flex-1 overflow-hidden p-2">
+    <AsyncContentState
+      loading={$actionRunsLoading}
+      error={$actionRunsError || null}
+      errorMessage="Failed to load action runs"
+      showRetry
+      on:retry={() => actionRuns.restartSocket()}
+    >
+      <SingleActionDataGrid
+        {columnDefs}
+        {filterExpression}
+        items={workspaceActionRuns}
+        itemDisplayText="Action Run"
+        {user}
+        selectedItemId={selectedRunId}
+        noRowsOverlayText="No Action Runs Found"
+        hasDeletePermission={false}
+        hasEdit={false}
+        on:rowClicked={onRowClicked}
+      />
+    </AsyncContentState>
+  </div>
+</div>
diff --git a/src/components/sequencing/actions/ActionSidebarList.svelte b/src/components/sequencing/actions/ActionSidebarList.svelte
new file mode 100644
index 0000000000..7e3c715a0e
--- /dev/null
+++ b/src/components/sequencing/actions/ActionSidebarList.svelte
@@ -0,0 +1,192 @@
+<svelte:options immutable={true} />
+
+<script lang="ts">
+  import { Button, Input as InputStellar, Popover } from '@nasa-jpl/stellar-svelte';
+  import { ListChecks, ListFilter, Play, Search } from 'lucide-svelte';
+  import { createEventDispatcher } from 'svelte';
+  import { Status } from '../../../enums/status';
+  import { actionDefinitions, actionRunsByWorkspace } from '../../../stores/actions';
+  import { workspaceId } from '../../../stores/workspaces';
+  import type { ActionDefinition } from '../../../types/actions';
+  import type { User } from '../../../types/app';
+  import type { Workspace } from '../../../types/workspace';
+  import { getStatusForActionRun } from '../../../utilities/actions';
+  import { showActionCreationModal } from '../../../utilities/modal';
+  import { permissionHandler } from '../../../utilities/permissionHandler';
+  import { featurePermissions } from '../../../utilities/permissions';
+  import { getTimeAgo } from '../../../utilities/time';
+  import { tooltip } from '../../../utilities/tooltip';
+  import AsyncContentState from '../../ui/AsyncContentState.svelte';
+  import SectionTitle from '../../ui/SectionTitle.svelte';
+  import * as Sidebar from '../../ui/Sidebar/index.js';
+  import StatusBadge from '../../ui/StatusBadge.svelte';
+
+  const actionDefinitionsError = actionDefinitions.error;
+  const actionDefinitionsLoading = actionDefinitions.loading;
+
+  export let actions: ActionDefinition[] = [];
+  export let isAllRunsSelected: boolean = false;
+  export let selectedActionId: number | null = null;
+  export let user: User | null;
+  export let workspace: Workspace | null | undefined = null;
+
+  const dispatch = createEventDispatcher<{
+    runAction: ActionDefinition;
+    selectAction: { id: number };
+    selectAllRuns: void;
+  }>();
+
+  let filterText: string = '';
+  let filteredActions: ActionDefinition[] = [];
+  let showArchived: boolean = false;
+
+  $: filteredActions = actions
+    .filter(action => {
+      if (!showArchived && action.archived) {
+        return false;
+      }
+      if (!filterText) {
+        return true;
+      }
+      return action.name.toLowerCase().includes(filterText.toLowerCase());
+    })
+    .sort((a, b) => a.name.localeCompare(b.name));
+
+  $: hasCreatePermission = featurePermissions.actionDefinition.canCreate(user);
+
+  async function onNewActionClick() {
+    if (workspace) {
+      showActionCreationModal(user, workspace.id);
+    }
+  }
+</script>
+
+<div class="grid h-full grid-rows-[min-content_auto]">
+  <Sidebar.Header className="p-0">
+    <div class="flex h-[48px] items-center justify-between gap-1 border-b border-border bg-background p-[6px]">
+      <SectionTitle>Workspace Actions</SectionTitle>
+      <div
+        use:permissionHandler={{
+          hasPermission: hasCreatePermission,
+          permissionError: 'You do not have permission to create a new action',
+        }}
+      >
+        <Button variant="outline" disabled={!hasCreatePermission} on:click={onNewActionClick}>New Action</Button>
+      </div>
+    </div>
+  </Sidebar.Header>
+  <Sidebar.Content className="h-full">
+    <Sidebar.Group className="p-0 h-full">
+      <Sidebar.GroupContent className="h-full">
+        <Sidebar.Menu className="h-full">
+          <div class="flex h-full flex-col gap-0 overflow-hidden">
+            <div class="flex items-center gap-2 px-2 py-2">
+              <Search class="shrink-0" size={16} />
+              <InputStellar
+                autocomplete="off"
+                class="w-full"
+                sizeVariant="xs"
+                placeholder="Filter actions..."
+                bind:value={filterText}
+              />
+              <Popover.Root>
+                <Popover.Trigger asChild let:builder>
+                  <Button builders={[builder]} variant="ghost" class="h-6 w-6 shrink-0 p-0" aria-label="Filter actions">
+                    <ListFilter size={14} class={showArchived ? 'text-primary' : ''} />
+                  </Button>
+                </Popover.Trigger>
+                <Popover.Content align="end" class="w-auto p-2">
+                  <div class="flex cursor-pointer select-none items-center gap-2 text-xs text-foreground">
+                    <input id="show-archived" type="checkbox" bind:checked={showArchived} class="h-3.5 w-3.5" />
+                    <label for="show-archived">Show archived actions</label>
+                  </div>
+                </Popover.Content>
+              </Popover.Root>
+            </div>
+
+            <div class="border-t border-border" />
+
+            <div class="min-h-0 flex-1 overflow-auto bg-background">
+              <div class="border-b border-border">
+                <Button
+                  variant="ghost"
+                  class="flex h-min w-full items-center justify-start gap-2 rounded-none border-l-2 px-2 py-4 text-left text-xs hover:bg-accent {isAllRunsSelected
+                    ? 'border-l-primary bg-accent'
+                    : 'border-l-transparent'}"
+                  on:click={() => dispatch('selectAllRuns')}
+                >
+                  <ListChecks size={14} class="shrink-0 text-muted-foreground" />
+                  <span class="truncate font-medium">All Action Runs</span>
+                </Button>
+              </div>
+              <AsyncContentState
+                class="mx-2 my-2 w-[calc(100%-16px)]"
+                loading={$actionDefinitionsLoading}
+                error={$actionDefinitionsError || null}
+                errorMessage="Failed to load actions"
+                showRetry
+                empty={filteredActions.length === 0}
+                emptyMessage={filterText ? 'No matching actions' : 'No actions'}
+                on:retry={() => actionDefinitions.restartSocket()}
+              >
+                {#each filteredActions as action (action.id)}
+                  {@const actionRuns = ($actionRunsByWorkspace[$workspaceId] || []).filter(
+                    r => r.action_definition_id === action.id,
+                  )}
+                  {@const latestRun = [...actionRuns].sort((a, b) => b.id - a.id)[0]}
+                  {@const latestStatus = latestRun ? getStatusForActionRun(latestRun) : null}
+                  <div class="group/action relative border-b border-border {action.archived ? 'opacity-50' : ''}">
+                    <Button
+                      variant="ghost"
+                      class="flex h-min w-full items-center gap-2 rounded-none border-l-2 px-2 text-left text-xs hover:bg-accent {selectedActionId ===
+                      action.id
+                        ? 'border-primary bg-accent'
+                        : 'border-transparent'}"
+                      on:click={() => dispatch('selectAction', { id: action.id })}
+                    >
+                      <div class="shrink-0">
+                        <StatusBadge status={latestStatus ?? Status.Pending} />
+                      </div>
+                      <div class="flex min-w-0 flex-1 flex-col gap-0.5">
+                        <span class="truncate font-medium">
+                          {action.name}
+                          {#if action.archived}
+                            <span class="text-muted-foreground">(archived)</span>
+                          {/if}
+                        </span>
+                        <span class="truncate text-muted-foreground">
+                          {latestRun ? `Last run ${getTimeAgo(new Date(latestRun.requested_at))}` : 'No runs yet'}
+                        </span>
+                      </div>
+                    </Button>
+                    {#if !action.archived}
+                      <div
+                        class="absolute right-3 top-1/2 hidden -translate-y-1/2 group-hover/action:block"
+                        use:tooltip={{ content: `Run ${action.name}`, placement: 'right' }}
+                        use:permissionHandler={{
+                          hasPermission: workspace != null && featurePermissions.actionRun.canCreate(user, workspace),
+                          permissionError: 'You do not have permission to run an action',
+                        }}
+                      >
+                        <Button
+                          variant="ghost"
+                          class="rounded p-1"
+                          on:click={e => {
+                            e.stopPropagation();
+                            dispatch('runAction', action);
+                          }}
+                        >
+                          <Play size={14} />
+                        </Button>
+                      </div>
+                    {/if}
+                  </div>
+                {/each}
+              </AsyncContentState>
+            </div>
+          </div>
+        </Sidebar.Menu>
+      </Sidebar.GroupContent>
+    </Sidebar.Group>
+  </Sidebar.Content>
+</div>
diff --git a/src/components/sequencing/actions/Actions.svelte b/src/components/sequencing/actions/Actions.svelte
deleted file mode 100644
index 4e499ff9d4..0000000000
--- a/src/components/sequencing/actions/Actions.svelte
+++ /dev/null
@@ -1,588 +0,0 @@
-<svelte:options immutable={true} />
-
-<script lang="ts">
-  import { goto } from '$app/navigation';
-  import { base } from '$app/paths';
-  import { onMount } from 'svelte';
-  import {
-    actionDefinitions,
-    actionDefinitionsByWorkspace,
-    actionRuns,
-    actionRunsByWorkspace,
-    actionsColumns,
-  } from '../../../stores/actions';
-  import type { ActionDefinition, ActionRunSlim } from '../../../types/actions';
-  import type { User } from '../../../types/app';
-  import type { ArgumentsMap, FormParameter } from '../../../types/parameter';
-  import type { Workspace } from '../../../types/workspace';
-  import type { WorkspaceTreeNodeWithFullPath } from '../../../types/workspace-tree-view';
-  import {
-    getActionDefinitionForRun,
-    getUserSequenceValueSchemaOptions,
-    valueSchemaRecordToParametersMap,
-  } from '../../../utilities/actions';
-  import effects from '../../../utilities/effects';
-  import { showActionCreationModal } from '../../../utilities/modal';
-  import { getArguments, getFormParameters } from '../../../utilities/parameters';
-  import { permissionHandler } from '../../../utilities/permissionHandler';
-  import { featurePermissions } from '../../../utilities/permissions';
-  import { getActionsUrl } from '../../../utilities/routes';
-  import Input from '../../form/Input.svelte';
-  import Parameters from '../../parameters/Parameters.svelte';
-  import AsyncContentState from '../../ui/AsyncContentState.svelte';
-  import CssGrid from '../../ui/CssGrid.svelte';
-  import CssGridGutter from '../../ui/CssGridGutter.svelte';
-  import MonacoEditor from '../../ui/MonacoEditor.svelte';
-  import Panel from '../../ui/Panel.svelte';
-  import SectionTitle from '../../ui/SectionTitle.svelte';
-  import Tab from '../../ui/Tabs/Tab.svelte';
-  import TabPanel from '../../ui/Tabs/TabPanel.svelte';
-  import Tabs from '../../ui/Tabs/Tabs.svelte';
-  import ActionRunCard from './ActionRunCard.svelte';
-
-  const actionDefinitionsError = actionDefinitions.error;
-  const actionDefinitionsLoading = actionDefinitions.loading;
-  const actionRunsError = actionRuns.error;
-  const actionRunsLoading = actionRuns.loading;
-
-  export let user: User | null;
-  export let workspace: Workspace | null;
-
-  let actionDefinitionsFilterText: string = '';
-  let actionRunsFilterText: string = '';
-  let hasRunActionPermission: boolean = false;
-  let isLoadingWorkspace: boolean = false;
-  let selectedActionDefinitionId: number | null = null;
-  let selectedActionDefinition: ActionDefinition | null = null;
-  let workspaceId: number | null = null;
-  let workspaceActionDefinitions: ActionDefinition[] = [];
-  let workspaceActionRuns: ActionRunSlim[] = [];
-  let saveButtonDisabled: boolean = true;
-  let description: string = '';
-  let name: string = '';
-  let code: string = '';
-  let codeAbortController: AbortController;
-  let argumentsMap: ArgumentsMap = {};
-  let saving: boolean = false;
-  let workspaceFiles: WorkspaceTreeNodeWithFullPath[] = [];
-
-  $: if (typeof workspaceId === 'number') {
-    workspaceActionDefinitions = Object.values($actionDefinitionsByWorkspace[workspaceId] || {});
-    workspaceActionRuns = $actionRunsByWorkspace[workspaceId] || [];
-    getWorkspaceFiles(workspaceId);
-  }
-
-  $: if (workspace) {
-    hasRunActionPermission = featurePermissions.actionRun.canCreate(user, workspace);
-  }
-
-  $: selectedActionRuns = workspaceActionRuns.filter(actionRun => {
-    return actionRun.action_definition_id === selectedActionDefinition?.id;
-  });
-
-  $: filteredActionRuns = (selectedActionDefinition ? selectedActionRuns : workspaceActionRuns).filter(actionRun => {
-    const definition = getActionDefinitionForRun(actionRun, $actionDefinitionsByWorkspace, workspaceId);
-    if (definition && definition.name.indexOf(actionRunsFilterText) > -1) {
-      return true;
-    }
-    if (actionRun.requested_by && actionRun.requested_by.indexOf(actionRunsFilterText) > -1) {
-      return true;
-    }
-    return false;
-  });
-
-  $: filteredActionDefinitions = workspaceActionDefinitions.filter(actionDefinition => {
-    return actionDefinition.name.indexOf(actionDefinitionsFilterText) > -1;
-  });
-
-  $: if (typeof selectedActionDefinitionId === 'number') {
-    selectedActionDefinition =
-      workspaceActionDefinitions.find(actionDefinition => actionDefinition.id === selectedActionDefinitionId) || null;
-  } else {
-    selectedActionDefinition = null;
-  }
-
-  $: if (selectedActionDefinition) {
-    name = selectedActionDefinition.name;
-    description = selectedActionDefinition.description;
-    argumentsMap = selectedActionDefinition.settings;
-    getCode(selectedActionDefinition.action_file_id, user);
-  } else {
-    name = '';
-    description = '';
-    argumentsMap = {};
-  }
-
-  $: saveButtonDisabled = !name;
-
-  onMount(() => {
-    if (workspace) {
-      workspaceId = workspace.id;
-    }
-  });
-
-  async function getWorkspaceFiles(idOfWorkspace: number) {
-    isLoadingWorkspace = true;
-
-    workspaceFiles = await effects.getWorkspaceFilesList(idOfWorkspace, user);
-
-    isLoadingWorkspace = false;
-  }
-
-  async function getCode(fileId: number, user: User | null) {
-    if (selectedActionDefinition) {
-      if (codeAbortController) {
-        codeAbortController.abort();
-      }
-      codeAbortController = new AbortController();
-      code = '';
-      const { aborted, file } = await effects.getFile(fileId, user, codeAbortController.signal);
-      if (!aborted && typeof file === 'string') {
-        code = file;
-      }
-    } else {
-      code = '';
-    }
-  }
-
-  async function onNewActionClick() {
-    if (typeof workspaceId !== 'number') {
-      return;
-    }
-
-    showActionCreationModal(user, workspaceId);
-  }
-
-  function onActionRunClick(id: number) {
-    goto(getActionsUrl(base, workspaceId, id));
-  }
-
-  async function onCancelAction(id: number) {
-    await effects.cancelActionRun(id, user);
-  }
-
-  async function runAction(action: ActionDefinition) {
-    if (workspace) {
-      const actionRunId = await effects.runAction(action, workspace, workspaceFiles, user);
-      if (typeof actionRunId === 'number') {
-        goto(getActionsUrl(base, workspaceId, actionRunId));
-      }
-    }
-  }
-
-  function onChangeFormParameters(event: CustomEvent<FormParameter>) {
-    const { detail: formParameter } = event;
-    if (formParameter.schema.type === 'options-single') {
-      const files = workspaceFiles.find(sequence => sequence.fullPath === formParameter.value);
-      formParameter.value = files?.fullPath ?? null;
-      argumentsMap = getArguments(argumentsMap, formParameter);
-    } else if (formParameter.schema.type === 'options-multiple') {
-      const values: string[] = formParameter.value;
-      const fileNames: string[] = [];
-      values.forEach(value => {
-        const seq = workspaceFiles.find(sequence => sequence.fullPath === value);
-        if (seq !== undefined && seq.fullPath !== undefined) {
-          fileNames.push(seq.fullPath);
-        }
-      });
-      formParameter.value = fileNames;
-      argumentsMap = getArguments(argumentsMap, formParameter);
-    } else {
-      argumentsMap = getArguments(argumentsMap, formParameter);
-    }
-  }
-
-  async function save(actionDefinition: ActionDefinition) {
-    if (!saveButtonDisabled) {
-      saving = true;
-      const actionDefinitionUpdate = {
-        description,
-        name,
-        settings: argumentsMap,
-      };
-      await effects.updateActionDefinition(actionDefinition.id, actionDefinitionUpdate, user);
-      saving = false;
-    }
-  }
-</script>
-
-<CssGrid bind:columns={$actionsColumns} class="grid">
-  <Panel>
-    <svelte:fragment slot="header">
-      <SectionTitle>Actions</SectionTitle>
-
-      <Input>
-        <input bind:value={actionDefinitionsFilterText} class="st-input w-100" placeholder="Filter actions" />
-      </Input>
-
-      <div>
-        <button
-          class="st-button secondary ellipsis"
-          use:permissionHandler={{
-            hasPermission: featurePermissions.actionDefinition.canCreate(user),
-            permissionError: 'You do not have permission to create a new action',
-          }}
-          disabled={workspace === undefined}
-          on:click|stopPropagation={onNewActionClick}
-        >
-          New Action
-        </button>
-      </div>
-    </svelte:fragment>
-
-    <svelte:fragment slot="body">
-      <div class="actions">
-        <AsyncContentState
-          loading={$actionDefinitionsLoading}
-          error={$actionDefinitionsError || null}
-          errorMessage="Failed to load actions"
-          showRetry
-          empty={!filteredActionDefinitions.length}
-          emptyMessage="No actions"
-          on:retry={() => actionDefinitions.restartSocket()}
-        >
-          {#each filteredActionDefinitions as actionDefinition}
-            <button
-              class="action st-button tertiary"
-              on:click={() => {
-                if (selectedActionDefinitionId === actionDefinition.id) {
-                  selectedActionDefinitionId = null;
-                } else {
-                  selectedActionDefinitionId = actionDefinition.id;
-                }
-              }}
-              class:selected={selectedActionDefinitionId === actionDefinition.id}
-            >
-              <div class="st-typography-medium" style:flex={1}>{actionDefinition.name}</div>
-              <button
-                class="st-button secondary"
-                on:click|stopPropagation={() => runAction(actionDefinition)}
-                use:permissionHandler={{
-                  hasPermission: hasRunActionPermission,
-                  permissionError: 'You do not have permission to run an action',
-                }}
-              >
-                Run
-              </button>
-            </button>
-          {/each}
-        </AsyncContentState>
-      </div>
-    </svelte:fragment>
-  </Panel>
-
-  <CssGridGutter track={1} type="column" />
-
-  <Panel padBody={false}>
-    <svelte:fragment slot="header">
-      <SectionTitle>Action Runs</SectionTitle>
-
-      <Input>
-        <input bind:value={actionRunsFilterText} class="st-input action-runs-input" placeholder="Filter action runs" />
-      </Input>
-    </svelte:fragment>
-
-    <b>Action Runs</b>
-
-    <svelte:fragment slot="body">
-      <AsyncContentState
-        class="p-2 py-2"
-        loading={$actionRunsLoading}
-        error={$actionRunsError || null}
-        errorMessage="Failed to load action runs"
-        showRetry
-        on:retry={() => actionRuns.restartSocket()}
-      >
-        {#if selectedActionDefinition}
-          <div class="action-definition-runs-container">
-            <div class="action-definition-runs">
-              <div class="action-definition-runs-info">
-                <div class="st-typography-bold">{selectedActionDefinition.name}</div>
-                <div class="st-typography-body">{selectedActionDefinition.description}</div>
-              </div>
-              <div>
-                <button
-                  class="st-button primary"
-                  use:permissionHandler={{
-                    hasPermission: hasRunActionPermission,
-                    permissionError: 'You do not have permission to run an action',
-                  }}
-                  on:click|stopPropagation={() => {
-                    if (selectedActionDefinition) {
-                      runAction(selectedActionDefinition);
-                    }
-                  }}
-                >
-                  Run
-                </button>
-                <button class="st-button secondary" on:click={() => (selectedActionDefinition = null)}> Close </button>
-              </div>
-            </div>
-            <div class="action-definition-runs-tabs-wrapper">
-              <Tabs class="action-definition-runs-tabs">
-                <svelte:fragment slot="tab-list">
-                  <Tab class="action-definition-runs-tab">Runs ({filteredActionRuns.length})</Tab>
-                  <Tab class="action-definition-runs-tab">Configure</Tab>
-                  <Tab class="action-definition-runs-tab">Code</Tab>
-                </svelte:fragment>
-                <TabPanel>
-                  <div class="action-runs pt-2">
-                    {#if filteredActionRuns.length < 1}
-                      <div class="st-typography-label p-2">No action runs</div>
-                    {:else}
-                      {#each filteredActionRuns as actionRun}
-                        <ActionRunCard
-                          {actionRun}
-                          actionDefinition={getActionDefinitionForRun(
-                            actionRun,
-                            $actionDefinitionsByWorkspace,
-                            workspaceId,
-                          )}
-                          on:cancelAction={e => onCancelAction(e.detail.id)}
-                          on:showActionRun={e => onActionRunClick(e.detail.id)}
-                        />
-                      {/each}
-                    {/if}
-                  </div>
-                </TabPanel>
-                <TabPanel>
-                  <div class="configure">
-                    <div class="st-typography-bold">Action Metadata</div>
-                    <div class="configure-metadata">
-                      <Input layout="inline">
-                        <label for="name">Name</label>
-                        <input
-                          bind:value={name}
-                          autocomplete="off"
-                          class="st-input w-100"
-                          id="name"
-                          required
-                          type="text"
-                          placeholder="Enter a name"
-                          use:permissionHandler={{
-                            hasPermission: featurePermissions.actionDefinition.canUpdate(
-                              user,
-                              selectedActionDefinition,
-                            ),
-                            permissionError: 'You do not have permission to update an action',
-                          }}
-                        />
-                      </Input>
-
-                      <Input layout="inline">
-                        <label for="description">Description</label>
-                        <textarea
-                          bind:value={description}
-                          autocomplete="off"
-                          class="st-input w-100"
-                          id="description"
-                          required
-                          placeholder="Enter a description"
-                          use:permissionHandler={{
-                            hasPermission: featurePermissions.actionDefinition.canUpdate(
-                              user,
-                              selectedActionDefinition,
-                            ),
-                            permissionError: 'You do not have permission to update an action',
-                          }}
-                        />
-                      </Input>
-                    </div>
-
-                    <div class="st-typography-bold">Action Settings</div>
-                    <div class="st-typography-label">Persistent settings provided to every run of this action</div>
-                    {#if Object.keys(selectedActionDefinition.settings_schema).length < 1}
-                      <div class="st-typography-body pt-2"><i>No settings found</i></div>
-                    {/if}
-                    <Parameters
-                      formParameters={getFormParameters(
-                        valueSchemaRecordToParametersMap(selectedActionDefinition.settings_schema),
-                        argumentsMap,
-                        [],
-                        undefined,
-                        undefined,
-                        getUserSequenceValueSchemaOptions(workspaceFiles, workspaceId),
-                        'sequence',
-                        undefined,
-                        false,
-                        false,
-                      )}
-                      parameterType="action"
-                      hideInfo={false}
-                      hideRightAdornments
-                      disabled={isLoadingWorkspace}
-                      on:change={onChangeFormParameters}
-                      use={[
-                        [
-                          permissionHandler,
-                          {
-                            hasPermission: featurePermissions.actionDefinition.canUpdate(
-                              user,
-                              selectedActionDefinition,
-                            ),
-                            permissionError: 'You do not have permission to update an action',
-                          },
-                        ],
-                      ]}
-                    />
-                    <button
-                      class="st-button secondary w-100 mt-4"
-                      disabled={saveButtonDisabled || saving}
-                      use:permissionHandler={{
-                        hasPermission: featurePermissions.actionDefinition.canUpdate(user, selectedActionDefinition),
-                        permissionError: 'You do not have permission to update an action',
-                      }}
-                      on:click={() => {
-                        if (selectedActionDefinition) {
-                          save(selectedActionDefinition);
-                        }
-                      }}
-                    >
-                      Save
-                    </button>
-                  </div>
-                </TabPanel>
-                <TabPanel>
-                  <div class="code">
-                    <MonacoEditor
-                      automaticLayout={true}
-                      language="javascript"
-                      lineNumbers="on"
-                      minimap={{ enabled: false }}
-                      readOnly={true}
-                      scrollBeyondLastLine={false}
-                      tabSize={2}
-                      value={code || 'Loading...'}
-                    />
-                  </div>
-                </TabPanel>
-              </Tabs>
-            </div>
-          </div>
-        {:else}
-          <div class="action-runs">
-            {#if $actionRuns.length && filteredActionRuns.length < 1}
-              <div class="st-typography-label p-2">No action runs</div>
-            {:else}
-              {#each filteredActionRuns as actionRun}
-                <ActionRunCard
-                  {actionRun}
-                  actionDefinition={getActionDefinitionForRun(actionRun, $actionDefinitionsByWorkspace, workspaceId)}
-                  on:cancelAction={() => onCancelAction(actionRun.id)}
-                  on:showActionRun={e => onActionRunClick(e.detail.id)}
-                />
-              {/each}
-            {/if}
-          </div>
-        {/if}
-      </AsyncContentState>
-    </svelte:fragment>
-  </Panel>
-</CssGrid>
-
-<style>
-  .actions,
-  .action-runs {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-  }
-
-  .action-runs {
-    padding: 8px;
-  }
-
-  .action-runs-input {
-    width: 200px;
-  }
-
-  .action {
-    border-radius: 4px;
-    display: flex;
-    height: 40px;
-    padding: 8px;
-    text-align: left;
-  }
-
-  .action .st-button {
-    opacity: 0;
-  }
-
-  .action.selected {
-    background: var(--st-gray-10);
-  }
-
-  .action.selected .st-button,
-  .action:hover .st-button,
-  .action:focus-within .st-button {
-    opacity: 1;
-  }
-
-  .action.selected :global(.st-button.permission-disabled),
-  .action:hover :global(.st-button.permission-disabled),
-  .action:focus-within :global(.st-button.permission-disabled) {
-    opacity: 0.5;
-  }
-
-  .action-definition-runs-container {
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    overflow: hidden;
-  }
-
-  .action-definition-runs {
-    display: flex;
-    gap: 4px;
-    justify-content: space-between;
-    padding: 16px;
-  }
-
-  .action-definition-runs-info {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-  }
-
-  .action-definition-runs-tabs-wrapper {
-    flex: 1;
-    overflow: auto;
-  }
-
-  :global(.action-definition-runs-tabs .tab-list) {
-    background-color: white;
-    border-bottom: 1px solid var(--st-gray-20);
-  }
-
-  :global(button.action-definition-runs-tab) {
-    background-color: white;
-  }
-
-  :global(button.action-definition-runs-tab:hover) {
-    background-color: white;
-    color: black;
-  }
-
-  :global(button.action-definition-runs-tab.selected) {
-    background-color: white;
-    border-bottom: 1px solid black;
-  }
-
-  .configure {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    max-width: 500px;
-    padding-left: 16px;
-    padding-top: 24px;
-  }
-
-  .configure-metadata {
-    display: flex;
-    flex-direction: column;
-  }
-
-  .code {
-    height: 100%;
-  }
-</style>
diff --git a/src/components/ui/DataGrid/DataGrid.svelte b/src/components/ui/DataGrid/DataGrid.svelte
index e78421369e..32bb1644e4 100644
--- a/src/components/ui/DataGrid/DataGrid.svelte
+++ b/src/components/ui/DataGrid/DataGrid.svelte
@@ -435,6 +435,7 @@ This has been seen to result in unintended and often glitchy behavior, which oft
         const isSelected = node.isSelected();
         dispatch('rowClicked', {
           data,
+          event,
           isSelected,
         } as DataGridRowSelection<RowData>);
 
diff --git a/src/components/workspace/WorkspaceFileBrowser/WorkspaceFileBrowser.svelte b/src/components/workspace/WorkspaceFileBrowser/WorkspaceFileBrowser.svelte
index cdcb679720..d825f09c4d 100644
--- a/src/components/workspace/WorkspaceFileBrowser/WorkspaceFileBrowser.svelte
+++ b/src/components/workspace/WorkspaceFileBrowser/WorkspaceFileBrowser.svelte
@@ -493,7 +493,7 @@
     onNavigateToRoot={handleNavigateToRoot}
     onNavigateToSegment={navigateToBreadcrumb}
   />
-  <div class="flex items-center gap-2 border-b border-[color:var(--st-gray-20,#e0e0e0)] p-2">
+  <div class="flex items-center gap-2 border-b border-border p-2">
     <Search size={14} />
     <Input
       type="text"
diff --git a/src/components/workspace/WorkspaceSidebar.svelte b/src/components/workspace/WorkspaceSidebar.svelte
index 3151c4efbf..f169b34e67 100644
--- a/src/components/workspace/WorkspaceSidebar.svelte
+++ b/src/components/workspace/WorkspaceSidebar.svelte
@@ -17,6 +17,7 @@
   import { tooltip } from '../../utilities/tooltip';
   import Input from '../form/Input.svelte';
   import Loading from '../Loading.svelte';
+  import ActionSidebarList from '../sequencing/actions/ActionSidebarList.svelte';
   import SectionTitle from '../ui/SectionTitle.svelte';
   import * as Sidebar from '../ui/Sidebar/index.js';
   import WorkspaceCollaboratorInput from '../ui/Tags/WorkspaceCollaboratorInput.svelte';
@@ -24,7 +25,6 @@
   import WorkspaceTabHeader from './WorkspaceTabHeader.svelte';
 
   const dispatch = createEventDispatcher<{
-    actionsClick: void;
     addCollaborator: WorkspaceCollaborator[];
     copyFileLocation: string;
     copyFullPath: string;
@@ -34,12 +34,18 @@
     newFolder: string;
     refreshWorkspace: void;
     runAction: WorkspaceNodeRunActionEvent;
+    runActionFromSidebar: ActionDefinition;
     saveFile: void;
+    selectAction: { id: number };
+    selectAllRuns: void;
+    sidebarTabChange: string;
     updateWorkspaceMetadata: Partial<WorkspaceMetadata>;
   }>();
 
   export let actions: ActionDefinition[] = [];
+  export let isAllRunsSelected: boolean = false;
   export let isWorkspaceLoading: boolean = false;
+  export let selectedActionId: number | null = null;
   export let selectedFilePath: string | null = null;
   export let user: User | null;
   export let users: UserId[] = [];
@@ -54,8 +60,7 @@
   const permissionError = 'You do not have permission to edit this workspace';
 
   export let panelOpen: boolean = true;
-
-  let activeTab: string = 'files';
+  export let activeTab: string = 'files';
   let didWorkspaceUpdate: boolean = false;
   let lastRefreshTime: Date = new Date();
   let currentBreadcrumbPath: string = ''; // Navigation state - current folder being viewed as root
@@ -65,9 +70,10 @@
       // Clicking active tab toggles the panel
       panelOpen = !panelOpen;
     } else {
-      // Switching tabs or opening closed panel
-      activeTab = tab;
+      // Dispatch the request to the parent — parent controls activeTab via binding
+      // and will update it after any dirty-check modals are resolved.
       panelOpen = true;
+      dispatch('sidebarTabChange', tab);
     }
   }
 
@@ -87,10 +93,6 @@
     }
   }
 
-  function onActionsClick() {
-    dispatch('actionsClick');
-  }
-
   function onNewFolder() {
     dispatch('newFolder', currentBreadcrumbPath);
   }
@@ -136,6 +138,10 @@
   function onRefreshWorkspace() {
     dispatch('refreshWorkspace');
   }
+
+  function onRunActionFromSidebar(event: CustomEvent<ActionDefinition>) {
+    dispatch('runActionFromSidebar', event.detail);
+  }
 </script>
 
 <Sidebar.Root className="h-full inset-x-0 border-none flex">
@@ -150,22 +156,14 @@
         >
           <Files size={16} />
         </Sidebar.MenuButton>
-        <Tooltip.Root>
-          <Tooltip.Trigger asChild let:builder>
-            <Button
-              class="h-[48px] w-full rounded-none ring-inset hover:bg-[var(--sidebar-accent)]"
-              builders={[builder]}
-              variant="ghost"
-              aria-label="Actions"
-              on:click={onActionsClick}
-            >
-              <Clapperboard size={16} />
-            </Button>
-          </Tooltip.Trigger>
-          <Tooltip.Content sideOffset={8}>
-            <div>Actions</div>
-          </Tooltip.Content>
-        </Tooltip.Root>
+        <Sidebar.MenuButton
+          className="flex h-[48px] w-full items-center justify-center rounded-none shadow-none hover:bg-transparent"
+          isActive={activeTab === 'actions' && panelOpen}
+          tooltipContent="Actions"
+          on:click={e => handleTabClick('actions', e.detail.wasActive)}
+        >
+          <Clapperboard size={16} />
+        </Sidebar.MenuButton>
         <Sidebar.MenuButton
           className="flex h-[48px] w-full items-center justify-center rounded-none shadow-none hover:bg-transparent"
           isActive={activeTab === 'settings' && panelOpen}
@@ -249,6 +247,17 @@
               </Sidebar.Group>
             </Sidebar.Content>
           </div>
+        {:else if activeTab === 'actions'}
+          <ActionSidebarList
+            {actions}
+            {isAllRunsSelected}
+            {selectedActionId}
+            {user}
+            {workspace}
+            on:selectAction
+            on:selectAllRuns
+            on:runAction={onRunActionFromSidebar}
+          />
         {:else if activeTab === 'settings'}
           <div class="grid h-full grid-rows-[min-content_auto]">
             <Sidebar.Header className="p-0">
diff --git a/src/enums/gql.ts b/src/enums/gql.ts
index 8dc5a5e7a1..1961ab4770 100644
--- a/src/enums/gql.ts
+++ b/src/enums/gql.ts
@@ -118,6 +118,7 @@ export enum Queries {
   GET_SEQUENCE_SEQ_JSON = 'getSequenceSeqJson',
   GET_USER_SEQUENCE_SEQ_JSON = 'getUserSequenceSeqJson',
   INSERT_ACTION_DEFINITION = 'insert_action_definition_one',
+  INSERT_ACTION_DEFINITION_VERSION = 'insert_action_definition_version_one',
   INSERT_ACTION_RUN = 'insert_action_run_one',
   INSERT_ACTIVITY_DIRECTIVE = 'insert_activity_directive_one',
   INSERT_ACTIVITY_DIRECTIVES = 'insert_activity_directive',
@@ -220,6 +221,7 @@ export enum Queries {
   TAGS = 'tags',
   TOPIC = 'topic',
   UPDATE_ACTION_DEFINITION = 'update_action_definition_by_pk',
+  UPDATE_ACTION_DEFINITION_VERSION = 'update_action_definition_version_by_pk',
   UPDATE_ACTION_RUN = 'update_action_run_by_pk',
   UPDATE_ACTIVITY_DIRECTIVE = 'update_activity_directive_by_pk',
   UPDATE_ACTIVITY_DIRECTIVES = 'update_activity_directive_many',
diff --git a/src/enums/searchParameters.ts b/src/enums/searchParameters.ts
index b0fd846e4d..a26c04abeb 100644
--- a/src/enums/searchParameters.ts
+++ b/src/enums/searchParameters.ts
@@ -1,4 +1,6 @@
 export enum SearchParameters {
+  ACTION_ID = 'actionId',
+  ACTION_RUN_ID = 'actionRunId',
   ACTIVITY_ID = 'activityId',
   CONSTRAINT_ID = 'constraintId',
   MODEL_ID = 'modelId',
@@ -9,6 +11,7 @@ export enum SearchParameters {
   SPAN_ID = 'spanId',
   SPEC_ID = 'specId',
   VIEW_ID = 'viewId',
+  SIDEBAR_TAB = 'sidebarTab',
   START_TIME = 'startTime',
   END_TIME = 'endTime',
   REVISION = 'revision',
diff --git a/src/enums/workspace.ts b/src/enums/workspace.ts
index 4afed47059..ba2544e74c 100644
--- a/src/enums/workspace.ts
+++ b/src/enums/workspace.ts
@@ -1,3 +1,10 @@
+export enum WorkspaceContentMode {
+  ActionDetail = 'ACTION_DETAIL',
+  ActionRunDetail = 'ACTION_RUN_DETAIL',
+  ActionRunsList = 'ACTION_RUNS_LIST',
+  File = 'FILE',
+}
+
 export enum WorkspaceContentType {
   Binary = 'BINARY',
   Directory = 'DIRECTORY',
diff --git a/src/routes/plans/[id]/+page.svelte b/src/routes/plans/[id]/+page.svelte
index ad7a31354d..cee9d6c885 100644
--- a/src/routes/plans/[id]/+page.svelte
+++ b/src/routes/plans/[id]/+page.svelte
@@ -25,6 +25,7 @@
   import ConsoleTab from '../../../components/console/ConsoleTab.svelte';
   import ConsoleActivityErrors from '../../../components/console/views/ActivityErrors.svelte';
   import ConsoleLogs from '../../../components/console/views/ConsoleLogs.svelte';
+  import PlanLogMessage from '../../../components/console/views/PlanLogMessage.svelte';
   import ActivityStatusMenu from '../../../components/menus/ActivityStatusMenu.svelte';
   import ExtensionMenu from '../../../components/menus/ExtensionMenu.svelte';
   import PlanMenu from '../../../components/menus/PlanMenu.svelte';
@@ -1083,16 +1084,26 @@
             </div>
           </svelte:fragment>
 
-          <ConsoleLogs value="all" showTimestamp={false} showLevel={false} logs={$allProblems} />
-          <ConsoleLogs value="scheduling" showTimestamp={false} logs={$schedulingErrors} />
-          <ConsoleLogs value="simulation" showTimestamp={false} logs={$simulationDatasetErrors} />
-          <ConsoleLogs value="constraints" showTimestamp={false} logs={$constraintRunErrors} />
+          <ConsoleLogs value="all" showTimestamp={false} showLevel={false} logs={$allProblems}>
+            <PlanLogMessage slot="message" let:log {log} />
+          </ConsoleLogs>
+          <ConsoleLogs value="scheduling" showTimestamp={false} logs={$schedulingErrors}>
+            <PlanLogMessage slot="message" let:log {log} />
+          </ConsoleLogs>
+          <ConsoleLogs value="simulation" showTimestamp={false} logs={$simulationDatasetErrors}>
+            <PlanLogMessage slot="message" let:log {log} />
+          </ConsoleLogs>
+          <ConsoleLogs value="constraints" showTimestamp={false} logs={$constraintRunErrors}>
+            <PlanLogMessage slot="message" let:log {log} />
+          </ConsoleLogs>
           <ConsoleActivityErrors
             activityValidationErrorTotalRollup={activityErrorCounts}
             activityValidationErrorRollups={$activityErrorRollups}
             on:selectionChanged={onActivityValidationSelected}
           />
-          <ConsoleLogs value="model" showTimestamp={false} showType={false} logs={$modelErrors} />
+          <ConsoleLogs value="model" showTimestamp={false} showType={false} logs={$modelErrors}>
+            <PlanLogMessage slot="message" let:log {log} />
+          </ConsoleLogs>
           <ConsoleLogs
             value="logs"
             logs={$allLogs}
diff --git a/src/routes/workspaces/[workspaceId]/+page.svelte b/src/routes/workspaces/[workspaceId]/+page.svelte
index 31def50173..ae405c026a 100644
--- a/src/routes/workspaces/[workspaceId]/+page.svelte
+++ b/src/routes/workspaces/[workspaceId]/+page.svelte
@@ -22,6 +22,10 @@
   import Console from '../../../components/console/Console.svelte';
   import ConsoleTab from '../../../components/console/ConsoleTab.svelte';
   import ConsoleLogs from '../../../components/console/views/ConsoleLogs.svelte';
+  import WorkspaceLogMessage from '../../../components/console/views/WorkspaceLogMessage.svelte';
+  import ActionDetailView from '../../../components/sequencing/actions/ActionDetailView.svelte';
+  import ActionRunDetailView from '../../../components/sequencing/actions/ActionRunDetailView.svelte';
+  import ActionRunsListView from '../../../components/sequencing/actions/ActionRunsListView.svelte';
   import SequenceEditor from '../../../components/sequencing/SequenceEditor.svelte';
   import CssGrid from '../../../components/ui/CssGrid.svelte';
   import CssGridGutter from '../../../components/ui/CssGridGutter.svelte';
@@ -29,7 +33,7 @@
   import TextEditor from '../../../components/ui/TextEditor.svelte';
   import WorkspaceSidebar from '../../../components/workspace/WorkspaceSidebar.svelte';
   import { SearchParameters } from '../../../enums/searchParameters';
-  import { WorkspaceContentType } from '../../../enums/workspace';
+  import { WorkspaceContentMode, WorkspaceContentType } from '../../../enums/workspace';
   import { actionDefinitionsByWorkspace } from '../../../stores/actions';
   import {
     activeDocument,
@@ -65,7 +69,17 @@
     workspaceAdaptationMessages,
     workspaceLintErrors,
   } from '../../../stores/workspaceErrors';
-  import { parcel, parcels, workspace, workspaceColumns, workspaceId, workspaces } from '../../../stores/workspaces';
+  import {
+    parcel,
+    parcels,
+    selectedActionDefinitionId,
+    selectedActionRunId,
+    workspace,
+    workspaceColumns,
+    workspaceContentMode,
+    workspaceId,
+    workspaces,
+  } from '../../../stores/workspaces';
   import type { ActionDefinition } from '../../../types/actions';
   import type { UserStore } from '../../../types/app';
   import type { LintDiagnostic, LogLevel } from '../../../types/errors';
@@ -89,15 +103,14 @@
     WorkspaceTreeNode,
     WorkspaceTreeNodeWithFullPath,
   } from '../../../types/workspace-tree-view';
-  import { openActionRun } from '../../../utilities/actions';
   import { setClipboardContent } from '../../../utilities/clipboard';
   import effects from '../../../utilities/effects';
   import { ErrorTypes } from '../../../utilities/errors';
   import { downloadBlob, filterEmpty } from '../../../utilities/generic';
   import { isSaveEvent } from '../../../utilities/keyboardEvents';
-  import { showConfirmModal } from '../../../utilities/modal';
+  import { showConfirmModal, showRunActionResultsModal } from '../../../utilities/modal';
   import { featurePermissions } from '../../../utilities/permissions';
-  import { getActionsUrl, getWorkspacesUrl } from '../../../utilities/routes';
+  import { getWorkspacesUrl } from '../../../utilities/routes';
   import * as adaptationUtils from '../../../utilities/sequence-editor/adaptation-utils';
   import { pluralize } from '../../../utilities/text';
   import { showFailureToast } from '../../../utilities/toast';
@@ -154,6 +167,36 @@
   let workspaceTree: WorkspaceTreeNode | null = null;
   let workspaceTreeMap: WorkspaceTreeMap = {};
   let workspaceFileList: WorkspaceTreeNodeWithFullPath[] = [];
+  let actionDetailIsDirty: boolean = false;
+  // Initialize sidebar tab and content mode from URL params before first render to avoid flash
+  const initialActionRunIdParam = $page.url.searchParams.get(SearchParameters.ACTION_RUN_ID);
+  const initialActionIdParam = $page.url.searchParams.get(SearchParameters.ACTION_ID);
+  const initialSidebarTab = $page.url.searchParams.get(SearchParameters.SIDEBAR_TAB);
+
+  let sidebarActiveTab: string =
+    initialActionRunIdParam || initialActionIdParam || initialSidebarTab === 'actions' ? 'actions' : 'files';
+
+  if (initialActionRunIdParam) {
+    const runId = parseInt(initialActionRunIdParam, 10);
+    if (!isNaN(runId)) {
+      $selectedActionRunId = runId;
+      $workspaceContentMode = WorkspaceContentMode.ActionRunDetail;
+      if (initialActionIdParam) {
+        const actionId = parseInt(initialActionIdParam, 10);
+        if (!isNaN(actionId)) {
+          $selectedActionDefinitionId = actionId;
+        }
+      }
+    }
+  } else if (initialActionIdParam) {
+    const actionId = parseInt(initialActionIdParam, 10);
+    if (!isNaN(actionId)) {
+      $selectedActionDefinitionId = actionId;
+      $workspaceContentMode = WorkspaceContentMode.ActionDetail;
+    }
+  } else if (initialSidebarTab === 'actions') {
+    $workspaceContentMode = WorkspaceContentMode.ActionRunsList;
+  }
 
   // Ensure columns are consistent with sidebar state on mount.
   // The workspaceColumns store persists across navigations, but sidebarPanelOpen resets to true.
@@ -323,6 +366,25 @@
       selectedFilePath = $activeDocumentPath;
       return;
     }
+    // If we're in a non-file mode, guard against dirty action detail before switching
+    if ($workspaceContentMode !== WorkspaceContentMode.File && actionDetailIsDirty) {
+      const { confirm } = await showConfirmModal(
+        'Navigate Away',
+        'There are unsaved action changes. Are you sure you want to navigate away?',
+        'Navigate Away',
+        true,
+        'Keep Editing',
+      );
+      if (!confirm) {
+        selectedFilePath = $activeDocumentPath;
+        return;
+      }
+      actionDetailIsDirty = false;
+    }
+    // Switch back to file mode
+    $workspaceContentMode = WorkspaceContentMode.File;
+    $selectedActionDefinitionId = null;
+
     const didNavigate = await confirmAndNavigate(nextPath);
     if (!didNavigate) {
       // user decided not to navigate away due to unsaved changes, set selected UI back to active file
@@ -786,8 +848,158 @@
     }
   }
 
-  function onActionsClicked() {
-    window.open(getActionsUrl(base, $workspaceId), '_blank');
+  async function switchToContentMode(
+    mode: WorkspaceContentMode,
+    options?: { actionId?: number | null; runId?: number | null },
+  ) {
+    // Guard against switching away from dirty file
+    if ($workspaceContentMode === WorkspaceContentMode.File && $activeDocumentIsDirty) {
+      const { confirm } = await showConfirmModal(
+        'Navigate Away',
+        'There are unsaved changes. Are you sure you want to navigate away from the current file?',
+        'Navigate Away',
+        true,
+        'Keep Editing',
+      );
+      if (!confirm) {
+        return;
+      }
+      // Revert content to last-saved state and mark clean
+      activeDocument.updateContent($activeDocument.originalContent);
+      activeDocument.markClean();
+    }
+
+    // Silently reset dirty action detail state on navigate away
+    if ($workspaceContentMode === WorkspaceContentMode.ActionDetail && actionDetailIsDirty) {
+      actionDetailIsDirty = false;
+    }
+
+    $workspaceContentMode = mode;
+    if (options?.actionId !== undefined) {
+      $selectedActionDefinitionId = options.actionId ?? null;
+    } else if (mode === WorkspaceContentMode.ActionRunsList) {
+      $selectedActionDefinitionId = null;
+    }
+    if (options?.runId !== undefined) {
+      $selectedActionRunId = options.runId ?? null;
+    }
+
+    // Sync sidebar tab with content mode
+    if (mode === WorkspaceContentMode.File) {
+      sidebarActiveTab = 'files';
+    } else {
+      sidebarActiveTab = 'actions';
+    }
+
+    // Update URL to reflect current content mode for deep linking
+    updateContentModeUrl(mode, options);
+  }
+
+  function updateContentModeUrl(
+    mode: WorkspaceContentMode,
+    options?: { actionId?: number | null; runId?: number | null },
+  ) {
+    const baseUrl = getWorkspacesUrl(base, $workspaceId);
+    const params = new URLSearchParams();
+
+    if (mode === WorkspaceContentMode.ActionRunDetail && options?.runId != null) {
+      params.set(SearchParameters.ACTION_RUN_ID, String(options.runId));
+      if ($selectedActionDefinitionId != null) {
+        params.set(SearchParameters.ACTION_ID, String($selectedActionDefinitionId));
+      }
+    } else if (mode === WorkspaceContentMode.ActionDetail && $selectedActionDefinitionId != null) {
+      params.set(SearchParameters.ACTION_ID, String($selectedActionDefinitionId));
+    } else if (mode === WorkspaceContentMode.ActionRunsList) {
+      params.set(SearchParameters.SIDEBAR_TAB, 'actions');
+    }
+
+    const query = params.toString();
+    replaceState(query ? `${baseUrl}?${query}` : baseUrl, {});
+  }
+
+  function onSelectAction(event: CustomEvent<{ id: number }>) {
+    switchToContentMode(WorkspaceContentMode.ActionDetail, { actionId: event.detail.id });
+  }
+
+  function onSelectAllRuns() {
+    switchToContentMode(WorkspaceContentMode.ActionRunsList);
+  }
+
+  function onSidebarTabChange(event: CustomEvent<string>) {
+    if (event.detail === 'actions') {
+      switchToContentMode(WorkspaceContentMode.ActionRunsList);
+    } else if (event.detail === 'settings') {
+      sidebarActiveTab = 'settings'; // settings doesn't have a content mode, so just update the active tab
+    } else {
+      switchToContentMode(WorkspaceContentMode.File);
+    }
+  }
+
+  function onActionDetailDirty(event: CustomEvent<boolean>) {
+    actionDetailIsDirty = event.detail;
+  }
+
+  function onViewActionRun(event: CustomEvent<{ runId: number }>) {
+    switchToContentMode(WorkspaceContentMode.ActionRunDetail, { runId: event.detail.runId });
+  }
+
+  function onActionRunBack() {
+    // Navigate back to the previous action view
+    if ($selectedActionDefinitionId !== null) {
+      switchToContentMode(WorkspaceContentMode.ActionDetail, { actionId: $selectedActionDefinitionId });
+    } else {
+      switchToContentMode(WorkspaceContentMode.ActionRunsList);
+    }
+  }
+
+  function handleActionRunResult(runId: number | null) {
+    if (runId !== null) {
+      userInitiatedActionRunIds.update(ids => new Set(ids).add(runId));
+      switchToContentMode(WorkspaceContentMode.ActionRunDetail, { runId });
+    }
+  }
+
+  async function handleActionRunResultFromEditor(runId: number | null) {
+    if (runId === null) {
+      return;
+    }
+    userInitiatedActionRunIds.update(ids => new Set(ids).add(runId));
+    const { confirm } = await showRunActionResultsModal(runId);
+    if (confirm) {
+      switchToContentMode(WorkspaceContentMode.ActionRunDetail, { runId });
+    }
+  }
+
+  async function onRerunAction(
+    event: CustomEvent<{
+      actionDefinitionId: number;
+      parameters: ArgumentsMap;
+      revision: number;
+      settings: ArgumentsMap;
+    }>,
+  ) {
+    const { actionDefinitionId, parameters, revision, settings } = event.detail;
+    const defs = $actionDefinitionsByWorkspace[$workspaceId] || {};
+    const actionDef = defs[actionDefinitionId];
+    if (actionDef && $workspace) {
+      handleActionRunResult(
+        await effects.runAction(actionDef, $workspace, workspaceFileList, $user, parameters, revision, true, settings),
+      );
+    }
+  }
+
+  async function onRunActionFromSidebar(event: CustomEvent<ActionDefinition>) {
+    const action = event.detail;
+    if ($workspace) {
+      handleActionRunResult(await effects.runAction(action, $workspace, workspaceFileList, $user));
+    }
+  }
+
+  async function onRunActionFromDetailView(event: CustomEvent<ActionDefinition>) {
+    const action = event.detail;
+    if ($workspace) {
+      handleActionRunResult(await effects.runAction(action, $workspace, workspaceFileList, $user));
+    }
   }
 
   async function onRunActionOnActiveFile(event: CustomEvent<{ action: ActionDefinition; parameter: string }>) {
@@ -803,9 +1015,10 @@
     }
 
     let parameters: ArgumentsMap = {};
+    const latestParamSchema = action.versions[0]?.parameter_schema ?? {};
     // the event will tell us which of the action's parameter is the primary, to be pre-filled with the file's path
-    if (primaryParameter in action.parameter_schema) {
-      const paramDefinition = action.parameter_schema[primaryParameter];
+    if (primaryParameter in latestParamSchema) {
+      const paramDefinition = latestParamSchema[primaryParameter];
       const paramValue =
         paramDefinition.type === 'fileList' || paramDefinition.type === 'sequenceList'
           ? [$activeDocumentPath]
@@ -817,14 +1030,9 @@
     }
 
     if ($workspace) {
-      const actionRunId = await effects.runAction(action, $workspace, workspaceFileList, $user, parameters);
-      if (actionRunId !== null) {
-        userInitiatedActionRunIds.update(ids => new Set(ids).add(actionRunId));
-        const goToRun = await effects.confirmOpenActionRunResults(actionRunId);
-        if (goToRun === true) {
-          openActionRun($workspaceId, actionRunId, true);
-        }
-      }
+      handleActionRunResultFromEditor(
+        await effects.runAction(action, $workspace, workspaceFileList, $user, parameters),
+      );
     }
   }
 
@@ -846,9 +1054,10 @@
     const { action, parameter: primaryParameter } = actionParameterPair;
 
     let parameters: ArgumentsMap = {};
+    const latestParamSchema = action.versions[0]?.parameter_schema ?? {};
     // the event will tell us which of the action's parameter is the primary, to be pre-filled with the file's path
-    if (primaryParameter in action.parameter_schema) {
-      const paramDefinition = action.parameter_schema[primaryParameter];
+    if (primaryParameter in latestParamSchema) {
+      const paramDefinition = latestParamSchema[primaryParameter];
       const paramValue =
         paramDefinition.type === 'fileList' || paramDefinition.type === 'sequenceList'
           ? treeNodePaths
@@ -860,14 +1069,9 @@
     }
 
     if ($workspace) {
-      const actionRunId = await effects.runAction(action, $workspace, workspaceFileList, $user, parameters);
-      if (actionRunId !== null) {
-        userInitiatedActionRunIds.update(ids => new Set(ids).add(actionRunId));
-        const goToRun = await effects.confirmOpenActionRunResults(actionRunId);
-        if (goToRun === true) {
-          openActionRun($workspaceId, actionRunId, true);
-        }
-      }
+      handleActionRunResultFromEditor(
+        await effects.runAction(action, $workspace, workspaceFileList, $user, parameters),
+      );
     }
   }
 
@@ -973,6 +1177,9 @@
     resetSequenceAdaptation();
     activeDocument.reset();
     resetWorkspaceErrorStores();
+    $workspaceContentMode = WorkspaceContentMode.File;
+    $selectedActionDefinitionId = null;
+    $selectedActionRunId = null;
 
     if (refreshInterval !== null) {
       clearInterval(refreshInterval);
@@ -999,7 +1206,10 @@
         <WorkspaceSidebar
           bind:selectedFilePath
           bind:panelOpen={sidebarPanelOpen}
+          bind:activeTab={sidebarActiveTab}
           actions={allActionsForWorkspace}
+          isAllRunsSelected={$workspaceContentMode === WorkspaceContentMode.ActionRunsList}
+          selectedActionId={$selectedActionDefinitionId}
           {workspaceTree}
           {isWorkspaceLoading}
           {hasEditWorkspacePermission}
@@ -1010,7 +1220,6 @@
           usersLoading={$initialUsersLoading}
           workspace={$workspace}
           workspaces={$workspaces}
-          on:actionsClick={onActionsClicked}
           on:addCollaborator={onAddCollaborator}
           on:deleteCollaborator={onDeleteCollaborator}
           on:download={onDownloadNodes}
@@ -1026,111 +1235,140 @@
           on:refreshWorkspace={refreshWorkspaceContents}
           on:updateWorkspaceMetadata={onUpdateWorkspaceMetadata}
           on:runAction={onRunActionOnFileSelection}
+          on:runActionFromSidebar={onRunActionFromSidebar}
+          on:selectAction={onSelectAction}
+          on:selectAllRuns={onSelectAllRuns}
+          on:sidebarTabChange={onSidebarTabChange}
           on:openInNewTab={onOpenInNewTab}
         />
       </Sidebar.Provider>
       {#if sidebarPanelOpen}
         <CssGridGutter track={1} type="column" />
       {/if}
-      <Sidebar.Inset className="min-h-0">
-        {@const isTextOrEmpty = $activeDocumentPath === null || isTextFile(workspaceTreeMap[$activeDocumentPath]?.type)}
-        {@const isSequenceFile =
-          $activeDocumentPath === null ||
-          ($activeDocument.type !== null && $activeDocument.type === WorkspaceContentType.Sequence)}
-        <div class="relative grid h-full grid-cols-1 grid-rows-1">
-          {#if showLoadingSpinner && isTextOrEmpty}
-            <div class="pointer-events-none absolute inset-0 z-10 flex items-center justify-center bg-background/50">
-              <LoaderCircle size={32} class="animate-spin text-muted-foreground" />
-            </div>
-          {/if}
-          {#if isTextOrEmpty && isSequenceFile}
-            <div class="flex h-full">
-              <SequenceEditor
-                bind:this={sequenceEditorRef}
-                {phoenixContext}
-                availableActions={availableActionsForActiveFile}
-                includeActions={hasRunActionPermission}
-                isLoading={$activeDocumentIsLoading}
-                {preserveAdaptationLog}
-                previewOnly={!hasEditFilePermission}
-                sequenceAdaptation={$sequenceAdaptation}
-                sequenceDefinition={$activeDocument.originalContent}
-                sequenceName={$activeDocument.fileName ?? ''}
-                sequenceFilePath={$activeDocumentPath ?? ''}
-                sequenceOutput={selectedSequenceOutput}
-                shouldListenForKeyboardSave={false}
-                showCommandFormBuilder
-                userSequenceEditorColumns={$userSequenceEditorColumns}
-                userSequenceEditorColumnsWithFormBuilder={$userSequenceEditorColumnsWithFormBuilder}
-                on:adaptationError={onAdaptationError}
-                on:lintChange={onLintChange}
-                on:runAction={onRunActionOnActiveFile}
-                on:save={onSaveWorkspaceFile}
-                on:downloadInput={onDownloadInput}
-                on:downloadOutput={onDownloadOutput}
-                on:sequenceInputUpdate={onWorkspaceInputFileUpdated}
-                on:sequenceOutputUpdate={onWorkspaceOutputFileUpdated}
-              />
-            </div>
-          {:else if isTextOrEmpty}
-            <div class="flex h-full">
-              <TextEditor
-                availableActions={availableActionsForActiveFile}
-                includeActions={true}
-                isJSON={$activeDocument.type === WorkspaceContentType.Json}
-                isLoading={$activeDocumentIsLoading}
-                previewOnly={!hasEditFilePermission}
-                shouldListenForKeyboardSave={false}
-                textFileName={$activeDocument.fileName ?? ''}
-                textFilePath={$activeDocumentPath ?? ''}
-                textFileContent={$activeDocument.originalContent}
-                on:lintChange={onLintChange}
-                on:runAction={onRunActionOnActiveFile}
-                on:save={onSaveWorkspaceFile}
-                on:download={onDownloadInput}
-                on:textContentUpdated={onWorkspaceInputFileUpdated}
-              />
-            </div>
-          {:else if $activeDocument.type === WorkspaceContentType.Directory && $activeDocumentPath}
-            {@const folderNode = workspaceTreeMap[$activeDocumentPath]}
-            {@const folderFiles =
-              (folderNode?.contents || []).filter(node => node.type !== WorkspaceContentType.Directory) ?? []}
-            {@const folderSubfolders =
-              (folderNode?.contents || []).filter(node => node.type === WorkspaceContentType.Directory) ?? []}
-            <div class="flex w-full flex-col items-center justify-center gap-8 pt-6">
-              <Folder size={70} class="text-muted-foreground" />
-              <p class="st-typography-body max-w-prose text-center text-sm text-muted-foreground">
-                The selected folder
-                <code class="font-bold">
-                  {$activeDocumentPath}
-                </code>
-                {#if folderFiles.length === 0 && folderSubfolders.length === 0}
-                  is empty.
-                {:else}
-                  contains{folderFiles.length ? ` ${folderFiles.length} file${pluralize(folderFiles.length)}` : ''}
-                  {`${folderFiles.length && folderSubfolders.length ? ' and' : ''}`}
-                  {folderSubfolders.length
-                    ? ` ${folderSubfolders.length} subfolder${pluralize(folderSubfolders.length)}`
-                    : ''}.
-                {/if}
-              </p>
-            </div>
-          {:else if !isTextOrEmpty}
-            <div class="flex w-full flex-col items-center justify-center gap-8 pt-6">
-              <TriangleAlert size={70} class="text-muted-foreground" />
-              <p class="st-typography-body max-w-prose text-center text-sm text-muted-foreground">
-                The selected file
-                <code class="font-bold">
-                  {$activeDocumentPath}
-                </code>
-                is not displayed in the editor because it is either binary or an unsupported extension.
-              </p>
-              <div>
-                <Button variant="secondary" on:click={() => onDownloadFile($activeDocumentPath)}>Download</Button>
+      <Sidebar.Inset className="min-h-0 min-w-0 overflow-hidden">
+        {#if $workspaceContentMode === WorkspaceContentMode.ActionDetail && $selectedActionDefinitionId !== null}
+          <ActionDetailView
+            actionDefinitionId={$selectedActionDefinitionId}
+            user={$user}
+            workspace={$workspace}
+            workspaceFiles={workspaceFileList}
+            on:close={() => switchToContentMode(WorkspaceContentMode.ActionRunsList)}
+            on:dirty={onActionDetailDirty}
+            on:runAction={onRunActionFromDetailView}
+            on:viewRun={onViewActionRun}
+          />
+        {:else if $workspaceContentMode === WorkspaceContentMode.ActionRunDetail && $selectedActionRunId !== null}
+          <ActionRunDetailView
+            actionRunId={$selectedActionRunId}
+            user={$user}
+            hasRunPermission={$workspace != null && featurePermissions.actionRun.canCreate($user, $workspace)}
+            on:back={onActionRunBack}
+            on:rerun={onRerunAction}
+            on:viewAction={e => switchToContentMode(WorkspaceContentMode.ActionDetail, { actionId: e.detail.actionId })}
+          />
+        {:else if $workspaceContentMode === WorkspaceContentMode.ActionRunsList}
+          <ActionRunsListView user={$user} on:viewRun={onViewActionRun} />
+        {:else}
+          {@const isTextOrEmpty =
+            $activeDocumentPath === null || isTextFile(workspaceTreeMap[$activeDocumentPath]?.type)}
+          {@const isSequenceFile =
+            $activeDocumentPath === null ||
+            ($activeDocument.type !== null && $activeDocument.type === WorkspaceContentType.Sequence)}
+          <div class="relative grid h-full grid-cols-1 grid-rows-1">
+            {#if showLoadingSpinner && isTextOrEmpty}
+              <div class="pointer-events-none absolute inset-0 z-10 flex items-center justify-center bg-background/50">
+                <LoaderCircle size={32} class="animate-spin text-muted-foreground" />
               </div>
-            </div>
-          {/if}
-        </div>
+            {/if}
+            {#if isTextOrEmpty && isSequenceFile}
+              <div class="flex h-full">
+                <SequenceEditor
+                  bind:this={sequenceEditorRef}
+                  {phoenixContext}
+                  availableActions={availableActionsForActiveFile}
+                  includeActions={hasRunActionPermission}
+                  isLoading={$activeDocumentIsLoading}
+                  {preserveAdaptationLog}
+                  previewOnly={!hasEditFilePermission}
+                  sequenceAdaptation={$sequenceAdaptation}
+                  sequenceDefinition={$activeDocument.originalContent}
+                  sequenceName={$activeDocument.fileName ?? undefined}
+                  sequenceFilePath={$activeDocumentPath ?? ''}
+                  sequenceOutput={selectedSequenceOutput}
+                  shouldListenForKeyboardSave={false}
+                  showCommandFormBuilder
+                  userSequenceEditorColumns={$userSequenceEditorColumns}
+                  userSequenceEditorColumnsWithFormBuilder={$userSequenceEditorColumnsWithFormBuilder}
+                  on:adaptationError={onAdaptationError}
+                  on:lintChange={onLintChange}
+                  on:runAction={onRunActionOnActiveFile}
+                  on:save={onSaveWorkspaceFile}
+                  on:downloadInput={onDownloadInput}
+                  on:downloadOutput={onDownloadOutput}
+                  on:sequenceInputUpdate={onWorkspaceInputFileUpdated}
+                  on:sequenceOutputUpdate={onWorkspaceOutputFileUpdated}
+                />
+              </div>
+            {:else if isTextOrEmpty}
+              <div class="flex h-full">
+                <TextEditor
+                  availableActions={availableActionsForActiveFile}
+                  includeActions={true}
+                  isJSON={$activeDocument.type === WorkspaceContentType.Json}
+                  isLoading={$activeDocumentIsLoading}
+                  previewOnly={!hasEditFilePermission}
+                  shouldListenForKeyboardSave={false}
+                  textFileName={$activeDocument.fileName ?? undefined}
+                  textFilePath={$activeDocumentPath ?? ''}
+                  textFileContent={$activeDocument.originalContent}
+                  on:lintChange={onLintChange}
+                  on:runAction={onRunActionOnActiveFile}
+                  on:save={onSaveWorkspaceFile}
+                  on:download={onDownloadInput}
+                  on:textContentUpdated={onWorkspaceInputFileUpdated}
+                />
+              </div>
+            {:else if $activeDocument.type === WorkspaceContentType.Directory && $activeDocumentPath}
+              {@const folderNode = workspaceTreeMap[$activeDocumentPath]}
+              {@const folderFiles =
+                (folderNode?.contents || []).filter(node => node.type !== WorkspaceContentType.Directory) ?? []}
+              {@const folderSubfolders =
+                (folderNode?.contents || []).filter(node => node.type === WorkspaceContentType.Directory) ?? []}
+              <div class="flex w-full flex-col items-center justify-center gap-8 pt-6">
+                <Folder size={70} class="text-muted-foreground" />
+                <p class="st-typography-body max-w-prose text-center text-sm text-muted-foreground">
+                  The selected folder
+                  <code class="font-bold">
+                    {$activeDocumentPath}
+                  </code>
+                  {#if folderFiles.length === 0 && folderSubfolders.length === 0}
+                    is empty.
+                  {:else}
+                    contains{folderFiles.length ? ` ${folderFiles.length} file${pluralize(folderFiles.length)}` : ''}
+                    {`${folderFiles.length && folderSubfolders.length ? ' and' : ''}`}
+                    {folderSubfolders.length
+                      ? ` ${folderSubfolders.length} subfolder${pluralize(folderSubfolders.length)}`
+                      : ''}.
+                  {/if}
+                </p>
+              </div>
+            {:else if !isTextOrEmpty}
+              <div class="flex w-full flex-col items-center justify-center gap-8 pt-6">
+                <TriangleAlert size={70} class="text-muted-foreground" />
+                <p class="st-typography-body max-w-prose text-center text-sm text-muted-foreground">
+                  The selected file
+                  <code class="font-bold">
+                    {$activeDocumentPath}
+                  </code>
+                  is not displayed in the editor because it is either binary or an unsupported extension.
+                </p>
+                <div>
+                  <Button variant="secondary" on:click={() => onDownloadFile($activeDocumentPath)}>Download</Button>
+                </div>
+              </div>
+            {/if}
+          </div>
+        {/if}
       </Sidebar.Inset>
     </CssGrid>
   </Resizable.Pane>
@@ -1227,7 +1465,9 @@
           logs={$workspaceActionRunMessages}
           autoScroll
           emptyStateMessage="No action runs"
-        />
+        >
+          <WorkspaceLogMessage slot="message" let:log {log} on:viewRun={onViewActionRun} />
+        </ConsoleLogs>
         <ConsoleLogs
           value="adaptation"
           showTimestamp
@@ -1244,8 +1484,9 @@
           logs={$workspaceLintErrors}
           {logLevels}
           emptyStateMessage="No linting errors"
-          on:gotoLine={onGotoLine}
-        />
+        >
+          <WorkspaceLogMessage slot="message" let:log {log} on:gotoLine={onGotoLine} />
+        </ConsoleLogs>
         <ConsoleLogs
           value="logs"
           logs={$allLogs}
diff --git a/src/routes/workspaces/[workspaceId]/actions/+layout.ts b/src/routes/workspaces/[workspaceId]/actions/+layout.ts
deleted file mode 100644
index 445477efaf..0000000000
--- a/src/routes/workspaces/[workspaceId]/actions/+layout.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import effects from '../../../../utilities/effects';
-import type { LayoutLoad } from './$types';
-
-export const load: LayoutLoad = async ({ parent, params }) => {
-  const { user } = await parent();
-
-  const { workspaceId } = params;
-
-  const initialWorkspace = await effects.getWorkspace(parseInt(workspaceId), user);
-
-  return {
-    initialWorkspace,
-  };
-};
diff --git a/src/routes/workspaces/[workspaceId]/actions/+layout@.svelte b/src/routes/workspaces/[workspaceId]/actions/+layout@.svelte
deleted file mode 100644
index 887f9ba78f..0000000000
--- a/src/routes/workspaces/[workspaceId]/actions/+layout@.svelte
+++ /dev/null
@@ -1,54 +0,0 @@
-<svelte:options immutable={true} />
-
-<script lang="ts">
-  import { base } from '$app/paths';
-  import ChevronRightIcon from '@nasa-jpl/stellar/icons/chevron_right.svg?component';
-  import Nav from '../../../../components/app/Nav.svelte';
-  import CssGrid from '../../../../components/ui/CssGrid.svelte';
-  import type { Workspace } from '../../../../types/workspace';
-  import { getWorkspacesUrl } from '../../../../utilities/routes';
-  import type { LayoutData } from './$types';
-
-  export let data: LayoutData;
-
-  let workspace: Workspace | null = data.initialWorkspace;
-</script>
-
-<CssGrid rows="var(--nav-header-height) calc(100vh - var(--nav-header-height))">
-  <Nav>
-    <div class="workspace-title" slot="title">
-      <a class="app-icon link flex flex-nowrap" href={getWorkspacesUrl(base)}> Sequence Workspaces </a>
-      {#if workspace}
-        <span class="icon-wrapper">
-          <ChevronRightIcon />
-        </span>
-        <a class="link flex flex-nowrap" href={getWorkspacesUrl(base, workspace.id)}>
-          {workspace.name}
-        </a>
-        <span class="icon-wrapper">
-          <ChevronRightIcon />
-        </span>
-        Actions
-      {/if}
-    </div>
-  </Nav>
-
-  <slot />
-</CssGrid>
-
-<style>
-  .workspace-title {
-    align-items: center;
-    display: flex;
-    gap: 6px;
-  }
-
-  .icon-wrapper {
-    display: flex;
-    gap: 2px;
-  }
-
-  .icon-wrapper :global(svg) {
-    opacity: 0.5;
-  }
-</style>
diff --git a/src/routes/workspaces/[workspaceId]/actions/+page.svelte b/src/routes/workspaces/[workspaceId]/actions/+page.svelte
deleted file mode 100644
index 8627af1415..0000000000
--- a/src/routes/workspaces/[workspaceId]/actions/+page.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<svelte:options immutable={true} />
-
-<script lang="ts">
-  import PageTitle from '../../../../components/app/PageTitle.svelte';
-  import Actions from '../../../../components/sequencing/actions/Actions.svelte';
-  import { getUserStore } from '../../../../stores/user';
-  import type { PageData } from './$types';
-
-  const user = getUserStore();
-
-  export let data: PageData;
-
-  const { initialWorkspace } = data;
-</script>
-
-<PageTitle title="Workspace: {initialWorkspace?.name} - Actions" />
-
-<Actions user={$user} workspace={initialWorkspace} />
diff --git a/src/routes/workspaces/[workspaceId]/actions/+page.ts b/src/routes/workspaces/[workspaceId]/actions/+page.ts
deleted file mode 100644
index 8d544d24f3..0000000000
--- a/src/routes/workspaces/[workspaceId]/actions/+page.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ parent }) => {
-  // Get data from parent layout which includes initialWorkspace and user
-  return await parent();
-};
diff --git a/src/routes/workspaces/[workspaceId]/actions/runs/[runId]/+layout.ts b/src/routes/workspaces/[workspaceId]/actions/runs/[runId]/+layout.ts
deleted file mode 100644
index 3660edb7ba..0000000000
--- a/src/routes/workspaces/[workspaceId]/actions/runs/[runId]/+layout.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import effects from '../../../../../../utilities/effects';
-import type { LayoutLoad } from './$types';
-
-export const load: LayoutLoad = async ({ parent, params }) => {
-  const { user } = await parent();
-  const { runId, workspaceId } = params;
-  const actionRunId = parseFloat(runId);
-
-  const initialWorkspace = await effects.getWorkspace(parseInt(workspaceId), user);
-
-  if (!Number.isNaN(actionRunId)) {
-    const initialActionRun = await effects.getActionRun(actionRunId, user);
-
-    return {
-      initialActionRun,
-      initialWorkspace,
-    };
-  }
-
-  return {
-    initialActionRun: null,
-    initialWorkspace,
-  };
-};
diff --git a/src/routes/workspaces/[workspaceId]/actions/runs/[runId]/+layout@.svelte b/src/routes/workspaces/[workspaceId]/actions/runs/[runId]/+layout@.svelte
deleted file mode 100644
index c02c1c5e62..0000000000
--- a/src/routes/workspaces/[workspaceId]/actions/runs/[runId]/+layout@.svelte
+++ /dev/null
@@ -1,60 +0,0 @@
-<svelte:options immutable={true} />
-
-<script lang="ts">
-  import { base } from '$app/paths';
-  import ChevronRightIcon from '@nasa-jpl/stellar/icons/chevron_right.svg?component';
-  import Nav from '../../../../../../components/app/Nav.svelte';
-  import CssGrid from '../../../../../../components/ui/CssGrid.svelte';
-  import type { ActionRun } from '../../../../../../types/actions';
-  import type { Workspace } from '../../../../../../types/workspace';
-  import { getActionsUrl, getWorkspacesUrl } from '../../../../../../utilities/routes';
-  import type { LayoutData } from './$types';
-
-  export let data: LayoutData;
-
-  let workspace: Workspace | null = data.initialWorkspace;
-  let actionRun: ActionRun | null = data.initialActionRun;
-</script>
-
-<CssGrid rows="var(--nav-header-height) calc(100vh - var(--nav-header-height))">
-  <Nav>
-    <div class="workspace-title" slot="title">
-      <a class="app-icon link flex flex-nowrap" href={getWorkspacesUrl(base)}> Sequence Workspaces </a>
-      {#if workspace}
-        <span class="icon-wrapper">
-          <ChevronRightIcon />
-        </span>
-        <a class="link flex flex-nowrap" href={getWorkspacesUrl(base, workspace.id)}>
-          {workspace.name}
-        </a>
-        <span class="icon-wrapper">
-          <ChevronRightIcon />
-        </span>
-        <a class="link flex flex-nowrap" href={getActionsUrl(base, workspace.id)}> Actions </a>
-        <span class="icon-wrapper">
-          <ChevronRightIcon />
-        </span>
-        Run - {actionRun?.id}
-      {/if}
-    </div>
-  </Nav>
-
-  <slot />
-</CssGrid>
-
-<style>
-  .workspace-title {
-    align-items: center;
-    display: flex;
-    gap: 6px;
-  }
-
-  .icon-wrapper {
-    display: flex;
-    gap: 2px;
-  }
-
-  .icon-wrapper :global(svg) {
-    opacity: 0.5;
-  }
-</style>
diff --git a/src/routes/workspaces/[workspaceId]/actions/runs/[runId]/+page.svelte b/src/routes/workspaces/[workspaceId]/actions/runs/[runId]/+page.svelte
deleted file mode 100644
index 8f5a4c89c6..0000000000
--- a/src/routes/workspaces/[workspaceId]/actions/runs/[runId]/+page.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<svelte:options immutable={true} />
-
-<script lang="ts">
-  import PageTitle from '../../../../../../components/app/PageTitle.svelte';
-  import ActionRun from '../../../../../../components/sequencing/actions/ActionRun.svelte';
-  import { getUserStore } from '../../../../../../stores/user';
-  import type { PageData } from './$types';
-
-  export let data: PageData;
-
-  const user = getUserStore();
-</script>
-
-<PageTitle title="Workspace: {data.initialWorkspace?.name} - Actions - Run {data.initialActionRun?.id}" />
-
-<ActionRun user={$user} initialActionRun={data.initialActionRun} workspaceId={data.initialWorkspace?.id ?? null} />
diff --git a/src/routes/workspaces/[workspaceId]/actions/runs/[runId]/+page.ts b/src/routes/workspaces/[workspaceId]/actions/runs/[runId]/+page.ts
deleted file mode 100644
index 8d544d24f3..0000000000
--- a/src/routes/workspaces/[workspaceId]/actions/runs/[runId]/+page.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ parent }) => {
-  // Get data from parent layout which includes initialWorkspace and user
-  return await parent();
-};
diff --git a/src/stores/workspaces.ts b/src/stores/workspaces.ts
index 6259836719..b42a259c76 100644
--- a/src/stores/workspaces.ts
+++ b/src/stores/workspaces.ts
@@ -1,12 +1,19 @@
 import { derived, writable, type Readable, type Writable } from 'svelte/store';
+import { WorkspaceContentMode } from '../enums/workspace';
 import type { Parcel } from '../types/sequencing';
 import type { Workspace } from '../types/workspace';
 import gql from '../utilities/gql';
 import { gqlSubscribable } from './subscribable';
 
 /* Writable */
+export const selectedActionDefinitionId: Writable<number | null> = writable(null);
+
+export const selectedActionRunId: Writable<number | null> = writable(null);
+
 export const workspaceColumns: Writable<string> = writable('1fr 3px 3fr');
 
+export const workspaceContentMode: Writable<WorkspaceContentMode> = writable(WorkspaceContentMode.File);
+
 export const workspaceId: Writable<number> = writable(-1);
 
 /* Subscriptions. */
diff --git a/src/types/actions.ts b/src/types/actions.ts
index a4cab56142..b1d22eb969 100644
--- a/src/types/actions.ts
+++ b/src/types/actions.ts
@@ -4,24 +4,35 @@ import type { ArgumentsMap, ParameterName } from './parameter';
 export type ActionParameter = { order: number; schema: ActionValueSchema; unit?: string };
 export type ActionParametersMap = Record<ParameterName, ActionParameter>;
 
-export type ActionDefinition = {
+export type ActionDefinitionVersion = {
+  action_definition_id: number;
   action_file_id: number;
+  archived: boolean;
+  author: string | null;
+  created_at: string;
+  parameter_schema: Record<string, ActionValueSchema>;
+  revision: number;
+  settings_schema: Record<string, ActionValueSchema>;
+};
+
+export type ActionDefinition = {
+  archived: boolean;
   created_at: string;
   description: string;
   id: number;
   name: string;
   owner: string | null;
-  parameter_schema: Record<string, ActionValueSchema>;
   settings: ArgumentsMap;
-  settings_schema: Record<string, ActionValueSchema>;
   updated_at: string;
   updated_by: string | null;
+  versions: ActionDefinitionVersion[];
   workspace_id: number;
 };
 
 export type ActionRun = {
   action_definition: ActionDefinition;
   action_definition_id: number;
+  action_definition_revision: number;
   canceled: boolean;
   duration: number | null;
   error: {
@@ -48,4 +59,7 @@ export type ActionRunSlim = Omit<ActionRun, 'action_definition'> & {
   };
 };
 
-export type ActionDefinitionSetInput = Pick<ActionDefinition, 'name' | 'description'>;
+export type ActionDefinitionSetInput = Pick<ActionDefinition, 'name' | 'description'> & {
+  archived?: boolean;
+  settings?: ArgumentsMap;
+};
diff --git a/src/types/data-grid.ts b/src/types/data-grid.ts
index f83e445552..78f79077e8 100644
--- a/src/types/data-grid.ts
+++ b/src/types/data-grid.ts
@@ -4,6 +4,7 @@ export type DataGridColumnDef<TRowData = any> = ColDef<TRowData>;
 
 export interface DataGridRowSelection<TRowData> {
   data: TRowData;
+  event?: Event | null;
   isSelected: boolean;
 }
 export interface DataGridRowDoubleClick<TRowData> {
diff --git a/src/utilities/actions.test.ts b/src/utilities/actions.test.ts
index aeb96b25c0..c177675cab 100644
--- a/src/utilities/actions.test.ts
+++ b/src/utilities/actions.test.ts
@@ -1,10 +1,51 @@
-import { expect, test } from 'vitest';
-import type { ActionDefinition, ActionRunSlim } from '../types/actions';
+import type { ActionValueSchema } from '@nasa-jpl/aerie-actions';
+import { describe, expect, test } from 'vitest';
+import { Status } from '../enums/status';
+import type { ActionDefinition, ActionDefinitionVersion, ActionRunSlim } from '../types/actions';
 import type { ParametersMap } from '../types/parameter';
-import { getActionDefinitionForRun, valueSchemaRecordToParametersMap } from './actions';
+import {
+  getActionDefinitionForRun,
+  getDefaultsFromSchema,
+  getLatestRunnableVersion,
+  getRunnableVersions,
+  getStatusForActionRun,
+  truncateRunParameters,
+  valueSchemaRecordToParametersMap,
+} from './actions';
+
+function createVersion(overrides: Partial<ActionDefinitionVersion> = {}): ActionDefinitionVersion {
+  return {
+    action_definition_id: 1,
+    action_file_id: 1,
+    archived: false,
+    author: null,
+    created_at: '',
+    parameter_schema: {},
+    revision: 0,
+    settings_schema: {},
+    ...overrides,
+  };
+}
+
+function createActionDefinition(overrides: Partial<ActionDefinition> = {}): ActionDefinition {
+  return {
+    archived: false,
+    created_at: '',
+    description: '',
+    id: 1,
+    name: '',
+    owner: '',
+    settings: {},
+    updated_at: '',
+    updated_by: '',
+    versions: [createVersion()],
+    workspace_id: 1,
+    ...overrides,
+  };
+}
 
 test('valueSchemaRecordToParametersMap', () => {
-  const schema: ActionDefinition['settings_schema'] = {
+  const schema: Record<string, ActionValueSchema> = {
     a: { type: 'boolean' },
     b: { type: 'int' },
   };
@@ -21,6 +62,7 @@ test('getActionDefinitionForRun', () => {
       workspace_id: 1,
     },
     action_definition_id: 1,
+    action_definition_revision: 0,
     canceled: false,
     duration: 1,
     error: null,
@@ -33,20 +75,7 @@ test('getActionDefinitionForRun', () => {
     settings: {},
     status: 'pending',
   };
-  const actionDefinition: ActionDefinition = {
-    action_file_id: 1,
-    created_at: '',
-    description: '',
-    id: 1,
-    name: '',
-    owner: '',
-    parameter_schema: {},
-    settings: {},
-    settings_schema: {},
-    updated_at: '',
-    updated_by: '',
-    workspace_id: 1,
-  };
+  const actionDefinition = createActionDefinition();
   const actionDefinitionsByWorkspace: Record<number, Record<number, ActionDefinition>> = {
     1: {
       1: actionDefinition,
@@ -59,3 +88,166 @@ test('getActionDefinitionForRun', () => {
   };
   expect(getActionDefinitionForRun(actionRun, actionDefinitionsByWorkspace, 1)).to.deep.eq(actionDefinition);
 });
+
+describe('getRunnableVersions', () => {
+  test('returns all non-archived versions', () => {
+    const versions = [createVersion({ revision: 1 }), createVersion({ revision: 2 }), createVersion({ revision: 3 })];
+    expect(getRunnableVersions(versions)).toHaveLength(3);
+  });
+
+  test('filters out archived versions', () => {
+    const versions = [
+      createVersion({ archived: true, revision: 1 }),
+      createVersion({ revision: 2 }),
+      createVersion({ archived: true, revision: 3 }),
+    ];
+    const result = getRunnableVersions(versions);
+    expect(result).toHaveLength(1);
+    expect(result[0].revision).toBe(2);
+  });
+
+  test('returns empty array when all versions are archived', () => {
+    const versions = [createVersion({ archived: true, revision: 1 }), createVersion({ archived: true, revision: 2 })];
+    expect(getRunnableVersions(versions)).toHaveLength(0);
+  });
+
+  test('returns empty array for empty input', () => {
+    expect(getRunnableVersions([])).toHaveLength(0);
+  });
+});
+
+describe('getLatestRunnableVersion', () => {
+  test('returns first non-archived version', () => {
+    const versions = [createVersion({ revision: 3 }), createVersion({ revision: 2 }), createVersion({ revision: 1 })];
+    expect(getLatestRunnableVersion(versions)?.revision).toBe(3);
+  });
+
+  test('skips archived versions to find first non-archived', () => {
+    const versions = [
+      createVersion({ archived: true, revision: 3 }),
+      createVersion({ revision: 2 }),
+      createVersion({ revision: 1 }),
+    ];
+    expect(getLatestRunnableVersion(versions)?.revision).toBe(2);
+  });
+
+  test('returns null when all versions are archived', () => {
+    const versions = [createVersion({ archived: true, revision: 1 })];
+    expect(getLatestRunnableVersion(versions)).toBeNull();
+  });
+
+  test('returns null for empty array', () => {
+    expect(getLatestRunnableVersion([])).toBeNull();
+  });
+});
+
+describe('getDefaultsFromSchema', () => {
+  test('extracts default values from schema entries', () => {
+    const schema: Record<string, ActionValueSchema> = {
+      count: { defaultValue: 10, type: 'int' },
+      name: { defaultValue: 'hello', type: 'string' },
+    };
+    expect(getDefaultsFromSchema(schema)).toEqual({ count: 10, name: 'hello' });
+  });
+
+  test('skips entries without defaultValue', () => {
+    const schema: Record<string, ActionValueSchema> = {
+      optional: { type: 'string' },
+      required: { defaultValue: 'yes', type: 'string' },
+    };
+    expect(getDefaultsFromSchema(schema)).toEqual({ required: 'yes' });
+  });
+
+  test('returns empty object for empty schema', () => {
+    expect(getDefaultsFromSchema({})).toEqual({});
+  });
+});
+
+describe('getStatusForActionRun', () => {
+  function createRun(overrides: Partial<ActionRunSlim> = {}): ActionRunSlim {
+    return {
+      action_definition: { workspace_id: 1 },
+      action_definition_id: 1,
+      action_definition_revision: 0,
+      canceled: false,
+      duration: null,
+      error: null,
+      id: 1,
+      logs: null,
+      parameters: {},
+      requested_at: '',
+      requested_by: '',
+      results: null,
+      settings: {},
+      status: 'pending',
+      ...overrides,
+    };
+  }
+
+  test('returns Canceled when run is canceled', () => {
+    expect(getStatusForActionRun(createRun({ canceled: true }))).toBe(Status.Canceled);
+  });
+
+  test('returns Failed when error message exists', () => {
+    expect(getStatusForActionRun(createRun({ error: { message: 'oops', stack: undefined } }))).toBe(Status.Failed);
+  });
+
+  test('returns Failed when results status is FAILED', () => {
+    expect(getStatusForActionRun(createRun({ results: { data: null, status: 'FAILED' } }))).toBe(Status.Failed);
+  });
+
+  test('returns Complete for success status', () => {
+    expect(getStatusForActionRun(createRun({ status: 'success' }))).toBe(Status.Complete);
+  });
+
+  test('returns Pending for pending status', () => {
+    expect(getStatusForActionRun(createRun({ status: 'pending' }))).toBe(Status.Pending);
+  });
+
+  test('returns Incomplete for incomplete status', () => {
+    expect(getStatusForActionRun(createRun({ status: 'incomplete' }))).toBe(Status.Incomplete);
+  });
+
+  test('returns Failed for failed status', () => {
+    expect(getStatusForActionRun(createRun({ status: 'failed' }))).toBe(Status.Failed);
+  });
+});
+
+describe('truncateRunParameters', () => {
+  test('returns empty string with no parameters', () => {
+    expect(truncateRunParameters({}, {})).toBe('');
+  });
+
+  test('formats a single parameter', () => {
+    const params = { name: 'test' };
+    const schema: Record<string, ActionValueSchema> = { name: { type: 'string' } };
+    expect(truncateRunParameters(params, schema)).toBe("name: 'test'");
+  });
+
+  test('formats multiple parameters', () => {
+    const params = { count: 5, name: 'test' };
+    const schema: Record<string, ActionValueSchema> = {
+      count: { type: 'int' },
+      name: { type: 'string' },
+    };
+    expect(truncateRunParameters(params, schema)).toBe("count: 5, name: 'test'");
+  });
+
+  test('truncates when exceeding maxLength', () => {
+    const params = { longKey: 'a very long value that should cause truncation' };
+    const schema: Record<string, ActionValueSchema> = { longKey: { type: 'string' } };
+    const result = truncateRunParameters(params, schema, 20);
+    expect(result.length).toBeLessThanOrEqual(20);
+    expect(result).toContain('...');
+  });
+
+  test('prioritizes primary parameters', () => {
+    const params = { other: 'second', primary: 'first' };
+    const schema: Record<string, ActionValueSchema> = {
+      other: { type: 'string' },
+      primary: { primary: true, type: 'string' } as ActionValueSchema,
+    };
+    const result = truncateRunParameters(params, schema);
+    expect(result).toMatch(/^primary:/);
+  });
+});
diff --git a/src/utilities/actions.ts b/src/utilities/actions.ts
index d9cadfbf47..56c6248e3b 100644
--- a/src/utilities/actions.ts
+++ b/src/utilities/actions.ts
@@ -7,11 +7,28 @@ import type {
   ActionValueSchemaSequence,
   ActionValueSchemaSequenceList,
 } from '@nasa-jpl/aerie-actions';
-import type { ActionDefinition, ActionParametersMap, ActionRunSlim } from '../types/actions';
+import { Status } from '../enums/status';
+import type { ActionDefinition, ActionDefinitionVersion, ActionParametersMap, ActionRunSlim } from '../types/actions';
+import type { ArgumentsMap } from '../types/parameter';
 import type { ValueSchema, ValueSchemaOption } from '../types/schema';
 import type { WorkspaceTreeNodeWithFullPath } from '../types/workspace-tree-view';
+import { isMetaOrCtrlPressed } from './keyboardEvents';
 import { getActionsUrl } from './routes';
 
+/**
+ * Returns the latest non-archived version, or null if all versions are archived.
+ */
+export function getLatestRunnableVersion(versions: ActionDefinitionVersion[]): ActionDefinitionVersion | null {
+  return versions.find(v => !v.archived) ?? null;
+}
+
+/**
+ * Returns non-archived versions.
+ */
+export function getRunnableVersions(versions: ActionDefinitionVersion[]): ActionDefinitionVersion[] {
+  return versions.filter(v => !v.archived);
+}
+
 /**
  * Typeguard for determining if a schema is an action sequence/sequenceList schema
  */
@@ -31,7 +48,7 @@ export function isActionValueSchemaFile(
  * Transforms a value schema record to a parameters map
  */
 export function valueSchemaRecordToParametersMap(
-  valueSchemaRecord: ActionDefinition['parameter_schema'],
+  valueSchemaRecord: Record<string, ActionValueSchema>,
 ): ActionParametersMap {
   return Object.entries(valueSchemaRecord).reduce((acc: ActionParametersMap, [key, valueSchema], i) => {
     acc[key] = { order: i, schema: valueSchema };
@@ -39,6 +56,18 @@ export function valueSchemaRecordToParametersMap(
   }, {});
 }
 
+/**
+ * Extracts defaultValue from each entry in a value schema record into an ArgumentsMap.
+ */
+export function getDefaultsFromSchema(schemaRecord: Record<string, ActionValueSchema>): ArgumentsMap {
+  return Object.entries(schemaRecord).reduce((acc: ArgumentsMap, [key, schema]) => {
+    if ('defaultValue' in schema && schema.defaultValue !== undefined) {
+      acc[key] = schema.defaultValue;
+    }
+    return acc;
+  }, {});
+}
+
 export function getUserSequenceValueSchemaOptions(
   workspaceFiles: WorkspaceTreeNodeWithFullPath[],
   workspaceId: number | null,
@@ -71,21 +100,99 @@ export function getActionDefinitionForRun(
   return null;
 }
 
-export function getActionParametersOfType(action: ActionDefinition, parameterType: string): string[] {
-  const parametersOfType: string[] = [];
-  for (const [key, value] of Object.entries(action.parameter_schema)) {
-    if (parameterType === value.type) {
-      parametersOfType.push(key);
-    }
+export function getLatestVersion(action: ActionDefinition): ActionDefinitionVersion | null {
+  return action.versions[0] ?? null;
+}
+
+/**
+ * Maps an ActionRunSlim's status fields to the UI Status enum.
+ */
+export function getStatusForActionRun(actionRun: ActionRunSlim): Status {
+  if (actionRun.canceled === true) {
+    return Status.Canceled;
   }
-  return parametersOfType;
+
+  if (actionRun.error?.message || actionRun.results?.status === 'FAILED') {
+    return Status.Failed;
+  }
+
+  switch (actionRun.status) {
+    case 'success':
+      return Status.Complete;
+    case 'pending':
+      return Status.Pending;
+    case 'incomplete':
+      return Status.Incomplete;
+    case 'failed':
+      return Status.Failed;
+    default:
+      return Status.Unchecked;
+  }
+}
+
+export function getActionRunDeepLink(workspaceId: number, runId: number, actionId?: number | null): string {
+  return getActionsUrl(base, workspaceId, runId, actionId);
 }
 
-export function openActionRun(workspaceId: number, id: number, newTab?: boolean) {
-  const actionRunUrl = getActionsUrl(base, workspaceId, id);
-  if (newTab === true) {
-    window.open(actionRunUrl, '_blank');
+export function openActionRun(workspaceId: number, runId: number, eventOrNewTab?: MouseEvent | boolean) {
+  const url = getActionRunDeepLink(workspaceId, runId);
+  const newTab =
+    typeof eventOrNewTab === 'boolean' ? eventOrNewTab : eventOrNewTab != null && isMetaOrCtrlPressed(eventOrNewTab);
+  if (newTab) {
+    window.open(url, '_blank');
   } else {
-    goto(actionRunUrl);
+    goto(url);
+  }
+}
+
+/**
+ * Formats action run parameters as a truncated summary string.
+ * Prioritizes parameters with `primary: true`, then by `order`.
+ */
+export function truncateRunParameters(
+  parameters: ArgumentsMap,
+  parameterSchema: Record<string, ActionValueSchema> | undefined,
+  maxLength: number = 60,
+): string {
+  if (!parameters || !parameterSchema) {
+    return '';
   }
+
+  const entries = Object.entries(parameters);
+  if (entries.length === 0) {
+    return '';
+  }
+
+  // Sort: primary params first, then by schema order (or alphabetically as fallback)
+  const sorted = entries.sort(([keyA], [keyB]) => {
+    const schemaA = parameterSchema[keyA];
+    const schemaB = parameterSchema[keyB];
+    const primaryA = schemaA && 'primary' in schemaA && schemaA.primary ? 0 : 1;
+    const primaryB = schemaB && 'primary' in schemaB && schemaB.primary ? 0 : 1;
+    if (primaryA !== primaryB) {
+      return primaryA - primaryB;
+    }
+    return keyA.localeCompare(keyB);
+  });
+
+  let result = '';
+  for (const [key, value] of sorted) {
+    const formatted = typeof value === 'string' ? `'${value}'` : JSON.stringify(value);
+    const pair = `${key}: ${formatted}`;
+    if (result.length === 0) {
+      result = pair;
+    } else {
+      const next = `${result}, ${pair}`;
+      if (next.length > maxLength) {
+        break;
+      }
+      result = next;
+    }
+  }
+
+  if (result.length > maxLength) {
+    result = result.substring(0, maxLength - 3) + '...';
+  }
+
+  return result;
 }
diff --git a/src/utilities/effects.ts b/src/utilities/effects.ts
index 9da6889035..44d6bbb256 100644
--- a/src/utilities/effects.ts
+++ b/src/utilities/effects.ts
@@ -289,7 +289,6 @@ import {
   showRenameWorkspaceItemModal,
   showRestorePlanSnapshotModal,
   showRunActionModal,
-  showRunActionResultsModal,
   showTimeRangeModal,
   showUpdatePlanMissionModelModal,
   showUploadViewModal,
@@ -888,15 +887,6 @@ const effects = {
     }
   },
 
-  async confirmOpenActionRunResults(actionRunId: number): Promise<boolean | null> {
-    try {
-      const { confirm } = await showRunActionResultsModal(actionRunId);
-      return confirm;
-    } catch (e) {
-      return null;
-    }
-  },
-
   async createActionDefinition(
     file: File,
     name: string,
@@ -913,9 +903,9 @@ const effects = {
 
       if (actionFileId !== null) {
         const actionDefinitionInsertInput = {
-          action_file_id: actionFileId,
           description,
           name,
+          versions: { data: [{ action_file_id: actionFileId }] },
           workspace_id: workspaceId,
         };
         const data = await reqHasura<ActionDefinition>(
@@ -941,6 +931,40 @@ const effects = {
     }
   },
 
+  async createActionDefinitionVersion(file: File, actionDefinitionId: number, user: User | null): Promise<boolean> {
+    try {
+      if (!queryPermissions.CREATE_ACTION_DEFINITION(user)) {
+        throwPermissionError('create action definition version');
+      }
+
+      const actionFileId = await effects.uploadFile(file, user);
+
+      if (actionFileId !== null) {
+        const data = await reqHasura<{ action_definition_id: number; revision: number }>(
+          gql.CREATE_ACTION_DEFINITION_VERSION,
+          { version: { action_definition_id: actionDefinitionId, action_file_id: actionFileId } },
+          user,
+        );
+        const { insert_action_definition_version_one } = data;
+        if (insert_action_definition_version_one) {
+          logMessage(
+            `Created version v${insert_action_definition_version_one.revision} for action ID=${actionDefinitionId}.`,
+          );
+          showSuccessToast('New Version Uploaded');
+          return true;
+        } else {
+          throw new Error('Version Upload Failed');
+        }
+      } else {
+        throw new Error('Version Upload Failed');
+      }
+    } catch (e) {
+      catchError('Version Upload Failed', e as Error);
+      showFailureToast('Version Upload Failed');
+      return false;
+    }
+  },
+
   async createActionRun(
     workspace: Workspace,
     actionDefinitionId: number,
@@ -948,6 +972,7 @@ const effects = {
     parameterValues: ArgumentsMap,
     settings: any,
     user: User | null,
+    revision?: number,
   ): Promise<number | null> {
     try {
       const secretParameters: ActionParametersMap = {};
@@ -966,7 +991,7 @@ const effects = {
         throwPermissionError('create action run');
       }
 
-      const actionRunInsertInput = {
+      const actionRunInsertInput: Record<string, unknown> = {
         action_definition_id: actionDefinitionId,
         // we are now sending secrets on every run, to provide JWT token to actions
         // todo: future refactor - use hasura actions to run aerie actions & avoid need for secrets call
@@ -974,6 +999,9 @@ const effects = {
         parameters: nonSecretParameters,
         settings,
       };
+      if (revision !== undefined) {
+        actionRunInsertInput.action_definition_revision = revision;
+      }
       // send initial hasura request to insert the action run in the DB
       const response = await reqHasura<{ id: number }>(gql.CREATE_ACTION_RUN, { actionRunInsertInput }, user);
       const { insert_action_run_one: actionRunResult } = response;
@@ -7033,6 +7061,9 @@ const effects = {
     workspaceSequences: WorkspaceTreeNodeWithFullPath[],
     user: User | null,
     parameters?: ArgumentsMap,
+    revision?: number,
+    isRerun?: boolean,
+    settings?: ArgumentsMap,
   ): Promise<number | null> {
     try {
       const { confirm, value } = await showRunActionModal(
@@ -7041,6 +7072,9 @@ const effects = {
         workspace,
         workspaceSequences,
         parameters,
+        revision,
+        isRerun,
+        settings,
       );
       if (confirm && value) {
         const { id } = value;
@@ -7378,6 +7412,30 @@ const effects = {
     }
   },
 
+  async updateActionDefinitionVersion(
+    actionDefinitionId: number,
+    revision: number,
+    setInput: { archived: boolean },
+    user: User | null,
+  ): Promise<void> {
+    try {
+      const { update_action_definition_version_by_pk } = await reqHasura(
+        gql.UPDATE_ACTION_DEFINITION_VERSION,
+        { actionDefinitionId, revision, set: setInput },
+        user,
+      );
+
+      if (update_action_definition_version_by_pk != null) {
+        showSuccessToast(setInput.archived ? 'Version Archived' : 'Version Unarchived');
+      } else {
+        throw Error('Unable to update action definition version');
+      }
+    } catch (e) {
+      catchError('Version Update Failed', e as Error);
+      showFailureToast('Version Update Failed');
+    }
+  },
+
   async updateActivityDirective(
     plan: Plan,
     id: ActivityDirectiveId,
diff --git a/src/utilities/gql.ts b/src/utilities/gql.ts
index 1cb9fc81a3..ee7eb51c61 100644
--- a/src/utilities/gql.ts
+++ b/src/utilities/gql.ts
@@ -115,6 +115,18 @@ const gql = {
     mutation CreateActionDefinition($actionDefinitionInsertInput: action_definition_insert_input!) {
       ${Queries.INSERT_ACTION_DEFINITION}(object: $actionDefinitionInsertInput) {
         id
+        versions {
+          revision
+        }
+      }
+    }
+  `,
+
+  CREATE_ACTION_DEFINITION_VERSION: `#graphql
+    mutation CreateActionDefinitionVersion($version: action_definition_version_insert_input!) {
+      ${Queries.INSERT_ACTION_DEFINITION_VERSION}(object: $version) {
+        action_definition_id
+        revision
       }
     }
   `,
@@ -2056,17 +2068,25 @@ const gql = {
   SUB_ACTION_DEFINITIONS: `#graphql
     subscription SubActionDefinitions {
       ${Queries.ACTION_DEFINITIONS}(order_by: { id: desc }) {
-        action_file_id
+        archived
         created_at
         description
         id
         name
         owner
-        parameter_schema
-        settings_schema
         settings
         updated_at
         updated_by
+        versions(order_by: { revision: desc }) {
+          action_definition_id
+          action_file_id
+          archived
+          author
+          created_at
+          parameter_schema
+          revision
+          settings_schema
+        }
         workspace_id
       }
     }
@@ -2077,19 +2097,28 @@ const gql = {
       actionRun: ${Queries.ACTION_RUN}(id: $actionRunId) {
         action_definition_id
         action_definition {
-          action_file_id
+          archived
           created_at
           description
           id
           name
           owner
-          parameter_schema
-          settings_schema
           settings
           updated_at
           updated_by
+          versions(order_by: { revision: desc }) {
+            action_definition_id
+            action_file_id
+            archived
+            author
+            created_at
+            parameter_schema
+            revision
+            settings_schema
+          }
           workspace_id
         }
+        action_definition_revision
         canceled
         duration
         error
@@ -2112,6 +2141,7 @@ const gql = {
         action_definition {
           workspace_id
         }
+        action_definition_revision
         canceled
         duration
         error
@@ -3658,6 +3688,22 @@ const gql = {
     }
   `,
 
+  UPDATE_ACTION_DEFINITION_VERSION: `#graphql
+    mutation UpdateActionDefinitionVersion(
+      $actionDefinitionId: Int!,
+      $revision: Int!,
+      $set: action_definition_version_set_input!
+    ) {
+      ${Queries.UPDATE_ACTION_DEFINITION_VERSION}(
+        pk_columns: { action_definition_id: $actionDefinitionId, revision: $revision },
+        _set: $set
+      ) {
+        action_definition_id
+        revision
+      }
+    }
+  `,
+
   UPDATE_ACTIVITY_DIRECTIVE: `#graphql
     mutation UpdateActivityDirective($id: Int!, $plan_id: Int!, $activityDirectiveSetInput: activity_directive_set_input!) {
       ${Queries.UPDATE_ACTIVITY_DIRECTIVE}(
diff --git a/src/utilities/modal.ts b/src/utilities/modal.ts
index 9d4bf767e9..fce4316a7a 100644
--- a/src/utilities/modal.ts
+++ b/src/utilities/modal.ts
@@ -1330,6 +1330,9 @@ export async function showRunActionModal(
   workspace: Workspace,
   workspaceFiles: WorkspaceTreeNodeWithFullPath[],
   parameters: ArgumentsMap | undefined,
+  initialRevision?: number,
+  isRerun?: boolean,
+  initialSettings?: ArgumentsMap,
 ): Promise<ModalElementValue<{ id: number | null }>> {
   return new Promise(resolve => {
     if (browser) {
@@ -1337,7 +1340,16 @@ export async function showRunActionModal(
 
       if (target) {
         const runActionModal = new RunActionModal({
-          props: { actionDefinition, parameters, user, workspace, workspaceFiles },
+          props: {
+            actionDefinition,
+            initialRevision,
+            initialSettings,
+            isRerun: isRerun ?? false,
+            parameters,
+            user,
+            workspace,
+            workspaceFiles,
+          },
           target,
         });
         target.resolve = resolve;
diff --git a/src/utilities/permissions.ts b/src/utilities/permissions.ts
index 5082ee1bec..e4f74ae735 100644
--- a/src/utilities/permissions.ts
+++ b/src/utilities/permissions.ts
@@ -391,6 +391,10 @@ const queryPermissions: Record<GQLKeys, (user: User | null, ...args: any[]) => b
     const queries = [Queries.INSERT_ACTION_DEFINITION];
     return isUserAdmin(user) && getPermission(queries, user);
   },
+  CREATE_ACTION_DEFINITION_VERSION: (user: User | null): boolean => {
+    const queries = [Queries.INSERT_ACTION_DEFINITION_VERSION];
+    return isUserAdmin(user) && getPermission(queries, user);
+  },
   CREATE_ACTION_RUN: (user: User | null, workspace: Workspace): boolean => {
     const queries = [Queries.INSERT_ACTION_RUN];
     return (
@@ -1066,6 +1070,9 @@ const queryPermissions: Record<GQLKeys, (user: User | null, ...args: any[]) => b
   UPDATE_ACTION_DEFINITION: (user: User | null): boolean => {
     return isUserAdmin(user) && getPermission([Queries.UPDATE_ACTION_DEFINITION], user);
   },
+  UPDATE_ACTION_DEFINITION_VERSION: (user: User | null): boolean => {
+    return isUserAdmin(user) && getPermission([Queries.UPDATE_ACTION_DEFINITION_VERSION], user);
+  },
   UPDATE_ACTIVITY_DIRECTIVE: (user: User | null, plan: PlanWithOwners): boolean => {
     return (
       isUserAdmin(user) ||
diff --git a/src/utilities/routes.test.ts b/src/utilities/routes.test.ts
index 41049c4bde..8d15311bff 100644
--- a/src/utilities/routes.test.ts
+++ b/src/utilities/routes.test.ts
@@ -79,11 +79,11 @@ describe('Routes utility functions', () => {
   });
 
   describe('getActionsUrl', () => {
-    test('Should generate actions URL without actionRunId', () => {
+    test('Should generate actions URL with sidebarTab param', () => {
       const base = 'http://localhost:3000';
       const workspaceId = 123;
       const result = getActionsUrl(base, workspaceId);
-      expect(result).toBe('http://localhost:3000/workspaces/123/actions');
+      expect(result).toBe('http://localhost:3000/workspaces/123?sidebarTab=actions');
     });
 
     test('Should generate actions URL with actionRunId', () => {
@@ -91,14 +91,23 @@ describe('Routes utility functions', () => {
       const workspaceId = 123;
       const actionRunId = 456;
       const result = getActionsUrl(base, workspaceId, actionRunId);
-      expect(result).toBe('http://localhost:3000/workspaces/123/actions/runs/456');
+      expect(result).toBe('http://localhost:3000/workspaces/123?sidebarTab=actions&actionRunId=456');
+    });
+
+    test('Should generate actions URL with actionRunId and actionId', () => {
+      const base = 'http://localhost:3000';
+      const workspaceId = 123;
+      const actionRunId = 456;
+      const actionId = 789;
+      const result = getActionsUrl(base, workspaceId, actionRunId, actionId);
+      expect(result).toBe('http://localhost:3000/workspaces/123?sidebarTab=actions&actionRunId=456&actionId=789');
     });
 
     test('Should handle null workspaceId', () => {
       const base = 'http://localhost:3000';
       const workspaceId = null;
       const result = getActionsUrl(base, workspaceId);
-      expect(result).toBe('http://localhost:3000/workspaces/actions');
+      expect(result).toBe('http://localhost:3000/workspaces?sidebarTab=actions');
     });
 
     test('Should handle null actionRunId', () => {
@@ -106,14 +115,14 @@ describe('Routes utility functions', () => {
       const workspaceId = 123;
       const actionRunId = null;
       const result = getActionsUrl(base, workspaceId, actionRunId);
-      expect(result).toBe('http://localhost:3000/workspaces/123/actions');
+      expect(result).toBe('http://localhost:3000/workspaces/123?sidebarTab=actions');
     });
 
     test('Should handle zero workspaceId', () => {
       const base = 'http://localhost:3000';
       const workspaceId = 0;
       const result = getActionsUrl(base, workspaceId);
-      expect(result).toBe('http://localhost:3000/workspaces/0/actions');
+      expect(result).toBe('http://localhost:3000/workspaces/0?sidebarTab=actions');
     });
 
     test('Should handle zero actionRunId', () => {
@@ -121,7 +130,7 @@ describe('Routes utility functions', () => {
       const workspaceId = 123;
       const actionRunId = 0;
       const result = getActionsUrl(base, workspaceId, actionRunId);
-      expect(result).toBe('http://localhost:3000/workspaces/123/actions/runs/0');
+      expect(result).toBe('http://localhost:3000/workspaces/123?sidebarTab=actions&actionRunId=0');
     });
 
     test('Should handle both workspaceId and actionRunId as null', () => {
@@ -129,28 +138,23 @@ describe('Routes utility functions', () => {
       const workspaceId = null;
       const actionRunId = null;
       const result = getActionsUrl(base, workspaceId, actionRunId);
-      expect(result).toBe('http://localhost:3000/workspaces/actions');
+      expect(result).toBe('http://localhost:3000/workspaces?sidebarTab=actions');
     });
 
     test('Should handle empty base URL', () => {
       const base = '';
       const workspaceId = 123;
       const result = getActionsUrl(base, workspaceId);
-      expect(result).toBe('/workspaces/123/actions');
+      expect(result).toBe('/workspaces/123?sidebarTab=actions');
     });
 
-    test('Should build correct URL using getWorkspacesUrl internally', () => {
+    test('Should handle actionId without actionRunId', () => {
       const base = 'http://localhost:3000';
       const workspaceId = 123;
-      const actionRunId = 456;
-
-      // This should be equivalent to calling getWorkspacesUrl + '/actions/runs/456'
-      const workspaceUrl = getWorkspacesUrl(base, workspaceId);
-      const expectedUrl = `${workspaceUrl}/actions/runs/456`;
-      const actualUrl = getActionsUrl(base, workspaceId, actionRunId);
-
-      expect(actualUrl).toBe(expectedUrl);
-      expect(actualUrl).toBe('http://localhost:3000/workspaces/123/actions/runs/456');
+      const actionRunId = null;
+      const actionId = 789;
+      const result = getActionsUrl(base, workspaceId, actionRunId, actionId);
+      expect(result).toBe('http://localhost:3000/workspaces/123?sidebarTab=actions&actionId=789');
     });
   });
 });
diff --git a/src/utilities/routes.ts b/src/utilities/routes.ts
index ae8b15076a..62e19021e8 100644
--- a/src/utilities/routes.ts
+++ b/src/utilities/routes.ts
@@ -14,6 +14,20 @@ export function getWorkspacesUrl(base: string, workspaceId?: number | null, sequ
   return `${base}/${Routes.Workspaces}${workspaceId != null ? `/${workspaceId}${sequenceId != null ? `?${params}` : ''}` : ''}`;
 }
 
-export function getActionsUrl(base: string, workspaceId?: number | null, actionRunId?: number | null) {
-  return `${getWorkspacesUrl(base, workspaceId)}/${Routes.Actions}${actionRunId != null ? `/runs/${actionRunId}` : ''}`;
+export function getActionsUrl(
+  base: string,
+  workspaceId?: number | null,
+  actionRunId?: number | null,
+  actionId?: number | null,
+) {
+  const baseUrl = getWorkspacesUrl(base, workspaceId);
+  const params = new URLSearchParams();
+  params.set(SearchParameters.SIDEBAR_TAB, 'actions');
+  if (actionRunId != null) {
+    params.set(SearchParameters.ACTION_RUN_ID, String(actionRunId));
+  }
+  if (actionId != null) {
+    params.set(SearchParameters.ACTION_ID, String(actionId));
+  }
+  return `${baseUrl}?${params.toString()}`;
 }
diff --git a/src/utilities/workspaces.test.ts b/src/utilities/workspaces.test.ts
index e5314c04bf..e71329f9f6 100644
--- a/src/utilities/workspaces.test.ts
+++ b/src/utilities/workspaces.test.ts
@@ -1018,17 +1018,27 @@ describe('Workspace utility function tests', () => {
       id: number,
       paramSchema: Record<string, { pattern?: string; primary?: boolean; type: string }>,
     ): ActionDefinition => ({
-      action_file_id: 1,
+      archived: false,
       created_at: '2024-01-01',
       description: 'Test action',
       id,
       name: `Action ${id}`,
       owner: null,
-      parameter_schema: paramSchema as ActionDefinition['parameter_schema'],
       settings: {},
-      settings_schema: {},
       updated_at: '2024-01-01',
       updated_by: null,
+      versions: [
+        {
+          action_definition_id: id,
+          action_file_id: 1,
+          archived: false,
+          author: null,
+          created_at: '2024-01-01',
+          parameter_schema: paramSchema as Record<string, any>,
+          revision: 0,
+          settings_schema: {},
+        },
+      ],
       workspace_id: 1,
     });
 
@@ -1146,6 +1156,28 @@ describe('Workspace utility function tests', () => {
 
       expect(result).toHaveLength(1);
     });
+
+    test('Should exclude archived actions', () => {
+      const actions = [
+        { ...createMockAction(1, { input: { type: 'file' } }), archived: true },
+        createMockAction(2, { input: { type: 'file' } }),
+      ];
+      const nodes: WorkspaceTreeNode[] = [{ name: 'file.txt', type: WorkspaceContentType.Text }];
+
+      const result = getAvailableActionsForNodes(actions, nodes);
+
+      expect(result).toHaveLength(1);
+      expect(result[0].action.id).toBe(2);
+    });
+
+    test('Should return empty when all actions are archived', () => {
+      const actions = [{ ...createMockAction(1, { input: { type: 'file' } }), archived: true }];
+      const nodes: WorkspaceTreeNode[] = [{ name: 'file.txt', type: WorkspaceContentType.Text }];
+
+      const result = getAvailableActionsForNodes(actions, nodes);
+
+      expect(result).toEqual([]);
+    });
   });
 
   describe('removeRedundantNodes', () => {
diff --git a/src/utilities/workspaces.ts b/src/utilities/workspaces.ts
index 40f2ac2bc1..7577f3e143 100644
--- a/src/utilities/workspaces.ts
+++ b/src/utilities/workspaces.ts
@@ -275,8 +275,16 @@ export function getAvailableActionsForNodes(
   const availableActions: ActionParameterPair[] = [];
 
   for (const action of actions) {
+    if (action.archived) {
+      continue;
+    }
+    const latestVersion = action.versions[0];
+    if (!latestVersion) {
+      continue;
+    }
+
     // params where the user has set a "primary: true" flag to be used as primary input for files/sequences
-    const userPrimaryParams = Object.entries(action.parameter_schema)
+    const userPrimaryParams = Object.entries(latestVersion.parameter_schema)
       // @ts-expect-error only some types in the schema tagged union have `primary` :-/
       .filter(([_k, schema]) => schema.primary === true);
 
@@ -293,7 +301,7 @@ export function getAvailableActionsForNodes(
       // no user-specified primary, pick the best one if possible
       const allowedParams = allowedParamTypes
         .map(allowedType => {
-          return Object.entries(action.parameter_schema).find(([_k, schema]) => {
+          return Object.entries(latestVersion.parameter_schema).find(([_k, schema]) => {
             return schema.type === allowedType && nodesMatchParamSchema(nonDirectoryNodes, schema);
           });
         })