temp

js/packages/quary-extension-bus/src/globalViewState.ts

@@ -1,8 +1,8 @@
 import { SqlLanguage } from './config'
 import { ProjectDag } from '@quary/proto/quary/service/v1/project_dag'
 import {
-    ListAssetsResponse_Asset,
-    ReturnDashboardWithSqlResponse
+  DashboardRenderingItem,
+  ListAssetsResponse_Asset,
 } from '@quary/proto/quary/service/v1/wasm_rust_rpc_calls'
 import { Project } from '@quary/proto/quary/service/v1/project'
 import { TestRunner } from '@quary/proto/quary/service/v1/test_runner'
@@ -12,6 +12,7 @@ import { ProjectFileSource } from '@quary/proto/quary/service/v1/project_file'
 import { ChartFile } from '@quary/proto/quary/service/v1/chart_file'
 import { Table } from '@quary/proto/quary/service/v1/table'
 import { QuaryError } from './result'
+import { Dashboard } from '@quary/proto/quary/service/v1/dashboard'
 
 /**
  * The message type that is sent to the webview when the global state is set.
@@ -109,25 +110,33 @@ export type ChartEditorData = {
   title: string
   chartFile?: ChartFile
   allAssets: string[]
-  results:
-    | {
-        type: 'not loaded'
-      }
-    | {
-        type: 'loading'
-      }
-    | {
-        type: 'error'
-        error: QuaryError
-      }
-    | {
-        type: 'success'
-        queryResult: QueryResult
-      }
+  results: ChartResult
 }
 
+type ChartResult =
+  | {
+      type: 'not loaded'
+    }
+  | {
+      type: 'loading'
+    }
+  | {
+      type: 'error'
+      error: QuaryError
+    }
+  | {
+      type: 'success'
+      queryResult: QueryResult
+    }
+
 export type DashboardEditorData = {
-  dashboardFile: ReturnDashboardWithSqlResponse
+  dashboard: Dashboard
+  items: DashboardEditorDataItem[]
+}
+
+export type DashboardEditorDataItem = {
+    item: DashboardRenderingItem
+    result: ChartResult
 }
 
 export type SqlDocumentationResultsView =

js/packages/quary-extension-ui/src/App.tsx

@@ -16,6 +16,7 @@ import { ErrorView } from '@ui/views/ErrorView'
 import { ExecuteSQLView } from '@ui/views/ExecuteSQL'
 import { ImportSourcesView } from '@ui/views/ImportSourcesView'
 import { ChartEditorView } from '@ui/views/ChartEditorView'
+import { DashboardEditorView } from '@ui/views/DashboardEditorView'
 
 function App() {
   const [view] = useGlobalState()
@@ -111,9 +112,7 @@ function App() {
       return <ChartEditorView data={view.data} />
     }
     case 'dashboardEditor': {
-      return (
-        <div>Dashboard editor {JSON.stringify(view.data.dashboardFile)} </div>
-      )
+      return <DashboardEditorView data={view.data} />
     }
     default:
       return <div>Invalid view type {JSON.stringify(view)}</div>