show internal events in side panel:

src/App/AST.css

@@ -53,6 +53,16 @@ details > summary:hover {
   display: inline-block;
 }
 
+.internalEvent {
+  border: 1px black solid;
+  border-radius: 6px;
+  margin-left: 4px;
+  padding-left: 2px;
+  padding-right: 2px;
+  background-color: rgb(255, 218, 252);
+  display: inline-block;
+}
+
 .inputEvent {
   border: 1px black solid;
   border-radius: 6px;

src/App/App.tsx

@@ -13,7 +13,7 @@ import Stack from "@mui/material/Stack";
 import Box from "@mui/material/Box";
 import { TopPanel } from "./TopPanel";
 import { RTHistory } from "./RTHistory";
-import { ShowAST, ShowInputEvents, ShowOutputEvents } from "./ShowAST";
+import { ShowAST, ShowInputEvents, ShowInternalEvents, ShowOutputEvents } from "./ShowAST";
 import { TraceableError } from "../statecharts/parser";
 import { getKeyHandler } from "./shortcut_handler";
 import { BottomPanel } from "./BottomPanel";
@@ -258,6 +258,10 @@ export function App() {
               <summary>input events</summary>
               <ShowInputEvents inputEvents={ast.inputEvents} onRaise={onRaise} disabled={rtIdx===undefined}/>
             </PersistentDetails>
+            <PersistentDetails localStorageKey="showInternalEvents" initiallyOpen={true}>
+              <summary>internal events</summary>
+              <ShowInternalEvents internalEvents={ast.internalEvents}/>
+            </PersistentDetails>
             <PersistentDetails localStorageKey="showOutputEvents" initiallyOpen={true}>
               <summary>output events</summary>
               <ShowOutputEvents outputEvents={ast.outputEvents}/>

src/App/BottomPanel.tsx

@@ -4,7 +4,6 @@ import { TraceableError } from "../statecharts/parser";
 import "./BottomPanel.css";
 
 import head from "../head.svg" ;
-import { usePersistentState } from "@/util/persistent_state";
 import { PersistentDetails } from "./PersistentDetails";
 import { DigitalWatch } from "@/Plant/DigitalWatch/DigitalWatch";
 

src/App/ShowAST.tsx

@@ -106,6 +106,13 @@ export function ShowInputEvents({inputEvents, onRaise, disabled}: {inputEvents:
   )
 }
 
+export function ShowInternalEvents(props: {internalEvents: EventTrigger[]}) {
+  return [...props.internalEvents].map(({event, paramName}) => {
+      return <><div className="internalEvent">{event}{paramName===undefined?<></>:<>({paramName})</>}</div> </>;
+    });
+}
+
+
 export function ShowOutputEvents(props: {outputEvents: Set<string>}) {
   return [...props.outputEvents].map(eventName => {
       return <><div className="outputEvent">{eventName}</div> </>;