Show in scripts btn

Author: krystian-panek-vmltech

ui.frontend/src/App.css

@@ -9,4 +9,4 @@ input[type='search'] {
 
 .coral3-Shell-header {
   z-index: 1;
-}
+}

ui.frontend/src/components/ScriptExecutor.tsx

@@ -52,7 +52,7 @@ const ScriptExecutor = () => {
     fetchExecutions();
     const intervalId = setInterval(fetchExecutions, appState.value.spaSettings.appStateInterval);
     return () => clearInterval(intervalId);
-  }, [appState.value.spaSettings.appStateInterval]);
+  }, []);
 
   console.log('executions', executions);
 

ui.frontend/src/pages/ConsolePage.tsx

@@ -3,13 +3,13 @@ import { ToastQueue } from '@react-spectrum/toast';
 import FileCode from '@spectrum-icons/workflow/FileCode';
 import Print from '@spectrum-icons/workflow/Print';
 import { useEffect, useState } from 'react';
+import CodeEditor from '../components/CodeEditor.tsx';
 import CodeExecuteButton from '../components/CodeExecuteButton';
 import CompilationStatus from '../components/CompilationStatus';
 import ConsoleHelpButton from '../components/ConsoleHelpButton';
 import ExecutionAbortButton from '../components/ExecutionAbortButton';
 import ExecutionCopyOutputButton from '../components/ExecutionCopyOutputButton';
 import ExecutionProgressBar from '../components/ExecutionProgressBar';
-import CodeEditor from '../components/CodeEditor.tsx';
 import KeyboardShortcutsButton from '../components/KeyboardShortcutsButton';
 import { appState } from '../hooks/app';
 import { useCompilation } from '../hooks/code';

ui.frontend/src/pages/ExecutionView.tsx

@@ -9,18 +9,18 @@ import History from '@spectrum-icons/workflow/History';
 import InfoOutline from '@spectrum-icons/workflow/InfoOutline';
 import Print from '@spectrum-icons/workflow/Print';
 import { useState } from 'react';
-import { useParams } from 'react-router-dom';
+import { useNavigate, useParams } from 'react-router-dom';
+import CodeEditor from '../components/CodeEditor.tsx';
 import ExecutableIdValue from '../components/ExecutableIdValue';
 import ExecutionAbortButton from '../components/ExecutionAbortButton';
 import ExecutionCopyOutputButton from '../components/ExecutionCopyOutputButton';
 import ExecutionProgressBar from '../components/ExecutionProgressBar';
 import ExecutionStatusBadge from '../components/ExecutionStatusBadge';
-import CodeEditor from '../components/CodeEditor.tsx';
 import { appState } from '../hooks/app.ts';
 import { useExecutionPolling } from '../hooks/execution';
 import { useFormatter } from '../hooks/formatter';
 import { useNavigationTab } from '../hooks/navigation';
-import { isExecutionPending } from '../utils/api.types';
+import { isExecutableScript, isExecutionPending } from '../utils/api.types';
 import { Objects } from '../utils/objects';
 import { ToastTimeoutQuick } from '../utils/spectrum.ts';
 
@@ -30,6 +30,7 @@ const ExecutionView = () => {
   const [autoscrollOutput, setAutoscrollOutput] = useState<boolean>(true);
   const { execution, setExecution, loading } = useExecutionPolling(executionId, appState.value.spaSettings.executionPollInterval);
   const [selectedTab, handleTabChange] = useNavigationTab('details');
+  const navigate = useNavigate();
 
   if (loading) {
     return (
@@ -150,6 +151,12 @@ const ExecutionView = () => {
                   <ButtonGroup>
                     <ExecutionAbortButton execution={execution} onComplete={setExecution} />
                     <ExecutionCopyOutputButton output={executionOutput} />
+                    {isExecutableScript(execution.executable.id) && (
+                      <Button variant="secondary" style="fill" onPress={() => navigate(`/scripts/view/${encodeURIComponent(execution?.executable.id)}`)}>
+                        <FileCode />
+                        <Text>Show in scripts</Text>
+                      </Button>
+                    )}
                   </ButtonGroup>
                   <Switch isSelected={autoscrollOutput} isDisabled={!isExecutionPending(execution.status)} marginStart={20} onChange={() => setAutoscrollOutput((prev) => !prev)}>
                     <Text>Autoscroll</Text>

ui.frontend/src/pages/ScriptView.tsx

@@ -7,8 +7,8 @@ import FileCode from '@spectrum-icons/workflow/FileCode';
 import History from '@spectrum-icons/workflow/History';
 import { useEffect, useState } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
-import CodeExecuteButton from '../components/CodeExecuteButton';
 import CodeEditor from '../components/CodeEditor';
+import CodeExecuteButton from '../components/CodeExecuteButton';
 import { NavigationSearchParams, useNavigationTab } from '../hooks/navigation';
 import { toastRequest } from '../utils/api';
 import { ArgumentValues, Description, ExecutionQueryParams, QueueOutput, Script, ScriptOutput, ScriptType } from '../utils/api.types';
@@ -137,7 +137,7 @@ const ScriptView = () => {
                     {script.type !== ScriptType.EXTENSION && script.type !== ScriptType.MOCK && (
                       <Button
                         variant="secondary"
-                        style="outline"
+                        style="fill"
                         onPress={() =>
                           navigate(
                             Urls.compose('/history', {