temp [ci skip]

Author: benfdking

examples/sushi/models/latest_order.sql

@@ -12,3 +12,4 @@ MODEL (
 SELECT id, customer_id, start_ts, end_ts, event_date
 FROM sushi.orders
 ORDER BY event_date DESC LIMIT 1
+

examples/sushi/models/top_waiters.sql

@@ -24,6 +24,7 @@ WHERE
     SELECT
       MAX(event_date)
     FROM sushi.waiter_revenue_by_day
-   BY
+  )
+ORDER BY
   revenue DESC
 LIMIT 10

vscode/react/src/App.css

@@ -1,3 +1,10 @@
+@import 'tailwindcss';
+@config "../tailwind.config.cjs";
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 .App {
   text-align: center;
 }
@@ -37,12 +44,6 @@
   }
 }
 
-@import 'tailwindcss';
-@config "../tailwind.config.cjs";
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
 
 @layer components {
   .scrollbar--horizontal::-webkit-scrollbar {

vscode/react/src/pages/lineage.tsx

@@ -24,7 +24,10 @@ export function LineagePage() {
             // Implement your focus change logic here
             break
           default:
-            console.error('Unhandled message type in lineage page:', payload.key)
+            console.error(
+              'Unhandled message type in lineage page:',
+              payload.key,
+            )
         }
       }
     }
@@ -58,11 +61,11 @@ function Lineage() {
   if (isLoadingModels || models === undefined) {
     return <div>Loading models...</div>
   }
-  console.log("models", models)
+  console.log('models', models)
   if (!Array.isArray(models)) {
     return <div>Error: Models data is not in the expected format</div>
   }
-  console.log("models", models)
+  console.log('models', models)
   const modelsRecord = models.reduce(
     (acc, model) => {
       acc[model.name] = model
@@ -117,17 +120,23 @@ export function LineageComponentFromWeb({
         handleError={handleError}
         models={models}
         showControls={false}
-      > <UpdateLineageFocus>
+      >
+        {' '}
+        <UpdateLineageFocus>
           <ModelLineage model={sqlmModel} />
         </UpdateLineageFocus>
       </LineageFlowProvider>
     </div>
   )
 }
 
-export function UpdateLineageFocus({ children }: { children: React.ReactNode }) {
+export function UpdateLineageFocus({
+  children,
+}: {
+  children: React.ReactNode
+}) {
   const lineageFlow = useLineageFlow()
-  
+
   React.useEffect(() => {
     const handleMessage = (event: MessageEvent) => {
       console.log('handleMessage in lineage page', event)
@@ -144,10 +153,13 @@ export function UpdateLineageFocus({ children }: { children: React.ReactNode })
             }, 1000)
             console.log('set main node', lineageFlow.mainNode)
             // Implement your focus change logic here
-            // TODO NEED TO PASS THE FQN of the model not the path 
+            // TODO NEED TO PASS THE FQN of the model not the path
             break
           default:
-            console.error('Unhandled message type in lineage page:', payload.key)
+            console.error(
+              'Unhandled message type in lineage page:',
+              payload.key,
+            )
         }
       }
     }