chore: add files app template generation (#192)

Add standalone `appkit-files` template and include the files plugin
in the `appkit-all-in-one` template for app scaffolding.

Signed-off-by: Pawel Kosiec <pawel.kosiec@databricks.com>

Author: pkosiec

docs/static/appkit-ui/styles.gen.css

@@ -3584,6 +3584,11 @@
       --tw-exit-opacity: 0;
     }
   }
+  .data-\[state\=inactive\]\:invisible {
+    &[data-state="inactive"] {
+      visibility: hidden;
+    }
+  }
   .data-\[state\=on\]\:bg-accent {
     &[data-state="on"] {
       background-color: var(--accent);
@@ -4831,6 +4836,16 @@
       border-bottom-left-radius: var(--radius-md);
     }
   }
+  .\[\&\>\*\]\:col-start-1 {
+    &>* {
+      grid-column-start: 1;
+    }
+  }
+  .\[\&\>\*\]\:row-start-1 {
+    &>* {
+      grid-row-start: 1;
+    }
+  }
   .\[\&\>\*\]\:w-full {
     &>* {
       width: 100%;

tools/generate-app-templates.ts

@@ -52,22 +52,24 @@ interface AppTemplate {
 
 const FEATURE_DEPENDENCIES: Record<string, string> = {
   analytics: "SQL warehouse",
+  files: "Volume",
   genie: "Genie Space",
   lakebase: "Database",
 };
 
 const APP_TEMPLATES: AppTemplate[] = [
   {
     name: "appkit-all-in-one",
-    features: ["analytics", "genie", "lakebase"],
+    features: ["analytics", "files", "genie", "lakebase"],
     set: {
       "analytics.sql-warehouse.id": "placeholder",
+      "files.files.path": "placeholder",
       "genie.genie-space.id": "placeholder",
       "lakebase.postgres.branch": "placeholder",
       "lakebase.postgres.database": "placeholder",
     },
     description:
-      "Full-stack Node.js app with SQL analytics dashboards, Genie AI conversations, and Lakebase Autoscaling (Postgres) CRUD",
+      "Full-stack Node.js app with SQL analytics dashboards, file browser, Genie AI conversations, and Lakebase Autoscaling (Postgres) CRUD",
   },
   {
     name: "appkit-analytics",
@@ -86,6 +88,14 @@ const APP_TEMPLATES: AppTemplate[] = [
     description:
       "Node.js app with AI/BI Genie for natural language data queries",
   },
+  {
+    name: "appkit-files",
+    features: ["files"],
+    set: {
+      "files.files.path": "placeholder",
+    },
+    description: "Node.js app with file browser for Databricks Volumes",
+  },
   {
     name: "appkit-lakebase",
     features: ["lakebase"],