Add a view for dev

src/graphql/codegen/generated.ts

@@ -143,6 +143,7 @@ export type MutationSchedulerUpdateInput = {
   apiUrl?: InputMaybe<Scalars['String']['input']>;
   lengthMinutes?: InputMaybe<Scalars['Int']['input']>;
   policy?: InputMaybe<Scalars['String']['input']>;
+  timeout?: InputMaybe<Scalars['Float']['input']>;
 };
 
 export type PageInfo = {
@@ -315,6 +316,7 @@ export type QueryScheduleScheduler = {
   lengthMinutes: Scalars['Int']['output'];
   policy: Scalars['String']['output'];
   preview: ScheduleSchedulerPreviewItem;
+  timeout: Scalars['Float']['output'];
 };
 
 export type RunNode = {
@@ -663,6 +665,11 @@ export type CtrlTraceIdsQueryVariables = Exact<{ [key: string]: never; }>;
 
 export type CtrlTraceIdsQuery = { __typename?: 'Query', ctrl: { __typename?: 'QueryCtrl', traceIds: Array<number> } };
 
+export type DevHeadersQueryVariables = Exact<{ [key: string]: never; }>;
+
+
+export type DevHeadersQuery = { __typename?: 'Query', dev: { __typename?: 'QueryDev', headers: string } };
+
 export type RdbRunQueryVariables = Exact<{
   runNo: Scalars['Int']['input'];
 }>;
@@ -1050,6 +1057,17 @@ export const CtrlTraceIdsDocument = gql`
 export function useCtrlTraceIdsQuery(options: Omit<Urql.UseQueryArgs<never, CtrlTraceIdsQueryVariables>, 'query'>) {
   return Urql.useQuery<CtrlTraceIdsQuery, CtrlTraceIdsQueryVariables>({ query: CtrlTraceIdsDocument, ...options });
 };
+export const DevHeadersDocument = gql`
+    query DevHeaders {
+  dev {
+    headers
+  }
+}
+    `;
+
+export function useDevHeadersQuery(options: Omit<Urql.UseQueryArgs<never, DevHeadersQueryVariables>, 'query'>) {
+  return Urql.useQuery<DevHeadersQuery, DevHeadersQueryVariables>({ query: DevHeadersDocument, ...options });
+};
 export const RdbRunDocument = gql`
     query RdbRun($runNo: Int!) {
   rdb {

src/graphql/gql/queries/dev/Headers.gql

@@ -0,0 +1,5 @@
+query DevHeaders {
+  dev {
+    headers
+  }
+}

src/plugins/router.ts

@@ -35,7 +35,12 @@ const routes: RouteRecordRaw[] = [
   {
     path: "/dev",
     name: "dev",
-    component: () => import("@/views/DevView.vue"),
+    component: () => import("@/views/dev/DevView.vue"),
+  },
+  {
+    path: "/dev/headers",
+    name: "dev-headers",
+    component: () => import("@/views/dev/DevHeadersView.vue"),
   },
   {
     path: "/scratch",

src/views/dev/DevHeadersView.vue

@@ -0,0 +1,26 @@
+<template>
+  <div class="g-container">
+    <pre> {{ headers }}</pre>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+
+import { useDevHeadersQuery } from "@/graphql/codegen/generated";
+
+const query = useDevHeadersQuery({ requestPolicy: "network-only", variables: {} });
+const headers = computed(() => JSON.parse(query.data.value?.dev.headers ?? "null"));
+</script>
+
+<style scoped>
+.g-container {
+  display: grid;
+  height: 100%;
+  place-items: center;
+}
+
+.g-container > div {
+  text-align: center;
+}
+</style>