@agent-native/core 0.7.2 → 0.7.6

package/dist/styles/agent-native.css

@@ -0,0 +1,111 @@
+/**
+ * Agent-native shared Tailwind v4 stylesheet.
+ *
+ * Templates should import this in their `app/global.css` AFTER `@import "tailwindcss";`:
+ *
+ *   @import "tailwindcss";
+ *   @import "@agent-native/core/styles/agent-native.css";
+ *
+ * It provides:
+ *   - `@source` directives so Tailwind scans @agent-native/core's compiled
+ *     client files for class names (AgentPanel, AssistantChat, onboarding, etc.)
+ *   - `@custom-variant dark` for the `.dark` class-based dark-mode strategy
+ *   - shadcn/ui-compatible `@theme` color tokens that resolve from raw HSL
+ *     CSS variables (--background, --foreground, --muted, …) defined per
+ *     template in `:root`/`.dark` (or `.light`).
+ *   - Accordion keyframes/animations (replaces the v3 tailwindcss-animate
+ *     plugin for the small subset of animations the framework uses).
+ *   - The official typography plugin.
+ *
+ * Templates remain in control of their own colour palette: they only need
+ * to define the raw `--background`, `--foreground`, etc. variables — this
+ * file maps those to Tailwind utilities like `bg-background`, `text-foreground`.
+ */
+
+/* Scan @agent-native/core's compiled client output for Tailwind classes.
+   Path is resolved relative to THIS file. After build, this CSS lives at
+   dist/styles/agent-native.css, so `../client/**` resolves to dist/client/**. */
+@source "../client/**/*.{js,mjs,ts,tsx}";
+@source "../client/**/onboarding/**/*.{js,mjs,ts,tsx}";
+
+/* Class-based dark mode (matches v3 darkMode: ["class"]). */
+@custom-variant dark (&:is(.dark *));
+
+@plugin "@tailwindcss/typography";
+
+@theme {
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+
+  --color-sidebar: hsl(var(--sidebar-background));
+  --color-sidebar-foreground: hsl(var(--sidebar-foreground));
+  --color-sidebar-primary: hsl(var(--sidebar-primary));
+  --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));
+  --color-sidebar-accent: hsl(var(--sidebar-accent));
+  --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
+  --color-sidebar-border: hsl(var(--sidebar-border));
+  --color-sidebar-ring: hsl(var(--sidebar-ring));
+
+  --radius-lg: var(--radius);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-sm: calc(var(--radius) - 4px);
+
+  --animate-accordion-down: accordion-down 0.2s ease-out;
+  --animate-accordion-up: accordion-up 0.2s ease-out;
+
+  @keyframes accordion-down {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--radix-accordion-content-height);
+    }
+  }
+  @keyframes accordion-up {
+    from {
+      height: var(--radix-accordion-content-height);
+    }
+    to {
+      height: 0;
+    }
+  }
+}
+
+/* Border-color compatibility shim:
+   In Tailwind v3, the preflight set the default border colour to
+   `hsl(var(--border))`. v4 drops that — borders default to currentColor.
+   Many of our components/templates use `border` or `border-t/b/l/r` without
+   an explicit colour and rely on the v3 behaviour. Keep that working. */
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: hsl(var(--border));
+  }
+}

package/dist/tailwind.preset.d.ts

@@ -9,6 +9,6 @@ import type { Config } from "tailwindcss";
  *   export default { presets: [preset], content: ["./app/**\/*.{ts,tsx}", coreContentGlob] };
  */
 export declare const coreContentGlob: string;
-declare const preset: Config;
-export default preset;
+declare const _default: Config;
+export default _default;
 //# sourceMappingURL=tailwind.preset.d.ts.map

package/dist/tailwind.preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.preset.d.ts","sourceRoot":"","sources":["../src/tailwind.preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAqB1C;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,QAA2C,CAAC;AAExE,QAAA,MAAM,MAAM,EAAE,MAgFb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"tailwind.preset.d.ts","sourceRoot":"","sources":["../src/tailwind.preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AA2B1C;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,QAA2C,CAAC;wBAiGpC,MAAM;AAA1C,wBAA2C"}

package/dist/tailwind.preset.js

@@ -1,11 +1,17 @@
 /**
- * Agent-native Tailwind preset.
- * Provides the standard HSL variable-based color system, shadcn/ui compatible
- * theme tokens, sidebar colors, border radius, and accordion animations.
+ * @deprecated Legacy Tailwind v3 preset.
  *
- * Usage in tailwind.config.ts:
- *   import preset from "@agent-native/core/tailwind";
- *   export default { presets: [preset], content: ["./client/**\/*.{ts,tsx}"] };
+ * The framework has moved to Tailwind v4. Templates should now use the shared
+ * stylesheet from CSS instead of a `tailwind.config.ts`:
+ *
+ *   // app/global.css
+ *   @import "tailwindcss";
+ *   @import "@agent-native/core/styles/agent-native.css";
+ *
+ * No `tailwind.config.ts` or `postcss.config.js` is needed. The
+ * `@tailwindcss/vite` plugin is auto-injected by `defineConfig()`.
+ *
+ * This export is kept only for third-party templates still on the v3 PostCSS pipeline.
  */
 import { join, dirname } from "path";
 import { fileURLToPath } from "url";
@@ -24,6 +30,9 @@ const thisDir = typeof __dirname !== "undefined"
  *   export default { presets: [preset], content: ["./app/**\/*.{ts,tsx}", coreContentGlob] };
  */
 export const coreContentGlob = join(thisDir, "client", "**/*.{js,mjs}");
+// Cast to `any` for the inner config — Tailwind v4 ships stricter Config types
+// than v3 (e.g. `darkMode: ["class"]` is v3-only). This file exists only to
+// keep third-party v3 setups working until they migrate.
 const preset = {
     darkMode: ["class"],
     content: [coreContentGlob],
@@ -103,7 +112,18 @@ const preset = {
             },
         },
     },
-    plugins: [require("tailwindcss-animate"), require("@tailwindcss/typography")],
+    plugins: [
+        // tailwindcss-animate is v3-only and is no longer a peer dep — guard the require.
+        (() => {
+            try {
+                return require("tailwindcss-animate");
+            }
+            catch {
+                return null;
+            }
+        })(),
+        require("@tailwindcss/typography"),
+    ].filter(Boolean),
 };
 export default preset;
 //# sourceMappingURL=tailwind.preset.js.map

package/dist/tailwind.preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.preset.js","sourceRoot":"","sources":["../src/tailwind.preset.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AAEpC,qEAAqE;AACrE,oDAAoD;AACpD,MAAM,OAAO,GACX,OAAO,SAAS,KAAK,WAAW;IAC9B,CAAC,CAAC,SAAS;IACX,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAE9C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;AAExE,MAAM,MAAM,GAAW;IACrB,QAAQ,EAAE,CAAC,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,eAAe,CAAC;IAC1B,MAAM,EAAE,EAAE;IACV,KAAK,EAAE;QACL,SAAS,EAAE;YACT,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,MAAM;YACf,OAAO,EAAE;gBACP,KAAK,EAAE,QAAQ;aAChB;SACF;QACD,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,MAAM,EAAE,oBAAoB;gBAC5B,KAAK,EAAE,mBAAmB;gBAC1B,IAAI,EAAE,kBAAkB;gBACxB,UAAU,EAAE,wBAAwB;gBACpC,UAAU,EAAE,wBAAwB;gBACpC,OAAO,EAAE;oBACP,OAAO,EAAE,qBAAqB;oBAC9B,UAAU,EAAE,gCAAgC;iBAC7C;gBACD,SAAS,EAAE;oBACT,OAAO,EAAE,uBAAuB;oBAChC,UAAU,EAAE,kCAAkC;iBAC/C;gBACD,WAAW,EAAE;oBACX,OAAO,EAAE,yBAAyB;oBAClC,UAAU,EAAE,oCAAoC;iBACjD;gBACD,KAAK,EAAE;oBACL,OAAO,EAAE,mBAAmB;oBAC5B,UAAU,EAAE,8BAA8B;iBAC3C;gBACD,MAAM,EAAE;oBACN,OAAO,EAAE,oBAAoB;oBAC7B,UAAU,EAAE,+BAA+B;iBAC5C;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,qBAAqB;oBAC9B,UAAU,EAAE,gCAAgC;iBAC7C;gBACD,IAAI,EAAE;oBACJ,OAAO,EAAE,kBAAkB;oBAC3B,UAAU,EAAE,6BAA6B;iBAC1C;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gCAAgC;oBACzC,UAAU,EAAE,gCAAgC;oBAC5C,OAAO,EAAE,6BAA6B;oBACtC,oBAAoB,EAAE,wCAAwC;oBAC9D,MAAM,EAAE,4BAA4B;oBACpC,mBAAmB,EAAE,uCAAuC;oBAC5D,MAAM,EAAE,4BAA4B;oBACpC,IAAI,EAAE,0BAA0B;iBACjC;aACF;YACD,YAAY,EAAE;gBACZ,EAAE,EAAE,eAAe;gBACnB,EAAE,EAAE,2BAA2B;gBAC/B,EAAE,EAAE,2BAA2B;aAChC;YACD,SAAS,EAAE;gBACT,gBAAgB,EAAE;oBAChB,IAAI,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;oBACrB,EAAE,EAAE,EAAE,MAAM,EAAE,uCAAuC,EAAE;iBACxD;gBACD,cAAc,EAAE;oBACd,IAAI,EAAE,EAAE,MAAM,EAAE,uCAAuC,EAAE;oBACzD,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;iBACpB;aACF;YACD,SAAS,EAAE;gBACT,gBAAgB,EAAE,8BAA8B;gBAChD,cAAc,EAAE,4BAA4B;aAC7C;SACF;KACF;IACD,OAAO,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;CAC9E,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"tailwind.preset.js","sourceRoot":"","sources":["../src/tailwind.preset.ts"],"names":[],"mappings":"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"}

package/dist/templates/default/app/global.css

@@ -1,79 +1,76 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
 
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@import "@agent-native/core/styles/agent-native.css";
 
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 220 10% 10%;
-    --card: 0 0% 100%;
-    --card-foreground: 220 10% 10%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 220 10% 10%;
-    --primary: 220 10% 15%;
-    --primary-foreground: 0 0% 100%;
-    --secondary: 220 10% 95%;
-    --secondary-foreground: 220 10% 15%;
-    --muted: 220 10% 95%;
-    --muted-foreground: 220 5% 45%;
-    --accent: 220 10% 95%;
-    --accent-foreground: 220 10% 15%;
-    --destructive: 0 84% 60%;
-    --destructive-foreground: 0 0% 98%;
-    --border: 220 10% 90%;
-    --input: 220 10% 90%;
-    --ring: 220 10% 40%;
-    --radius: 0.5rem;
-    --sidebar-background: 220 10% 97%;
-    --sidebar-foreground: 220 5% 45%;
-    --sidebar-primary: 220 10% 15%;
-    --sidebar-primary-foreground: 0 0% 100%;
-    --sidebar-accent: 220 10% 95%;
-    --sidebar-accent-foreground: 220 10% 15%;
-    --sidebar-border: 220 10% 90%;
-    --sidebar-ring: 220 10% 40%;
-  }
+@source "./**/*.{ts,tsx}";
 
-  .dark {
-    --background: 220 6% 6%;
-    --foreground: 0 0% 90%;
-    --card: 220 5% 6%;
-    --card-foreground: 0 0% 90%;
-    --popover: 220 5% 6%;
-    --popover-foreground: 0 0% 90%;
-    --primary: 0 0% 75%;
-    --primary-foreground: 220 6% 6%;
-    --secondary: 220 4% 12%;
-    --secondary-foreground: 0 0% 90%;
-    --muted: 220 4% 10%;
-    --muted-foreground: 220 4% 60%;
-    --accent: 220 4% 13%;
-    --accent-foreground: 0 0% 90%;
-    --destructive: 0 63% 51%;
-    --destructive-foreground: 0 0% 98%;
-    --border: 220 4% 14%;
-    --input: 220 4% 14%;
-    --ring: 0 0% 60%;
-    --radius: 0.5rem;
-    --sidebar-background: 220 6% 4%;
-    --sidebar-foreground: 220 4% 60%;
-    --sidebar-primary: 0 0% 75%;
-    --sidebar-primary-foreground: 220 6% 6%;
-    --sidebar-accent: 220 4% 10%;
-    --sidebar-accent-foreground: 0 0% 90%;
-    --sidebar-border: 220 4% 10%;
-    --sidebar-ring: 0 0% 60%;
-  }
+:root {
+  --background: 0 0% 100%;
+  --foreground: 220 10% 10%;
+  --card: 0 0% 100%;
+  --card-foreground: 220 10% 10%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 220 10% 10%;
+  --primary: 220 10% 15%;
+  --primary-foreground: 0 0% 100%;
+  --secondary: 220 10% 95%;
+  --secondary-foreground: 220 10% 15%;
+  --muted: 220 10% 95%;
+  --muted-foreground: 220 5% 45%;
+  --accent: 220 10% 95%;
+  --accent-foreground: 220 10% 15%;
+  --destructive: 0 84% 60%;
+  --destructive-foreground: 0 0% 98%;
+  --border: 220 10% 90%;
+  --input: 220 10% 90%;
+  --ring: 220 10% 40%;
+  --radius: 0.5rem;
+  --sidebar-background: 220 10% 97%;
+  --sidebar-foreground: 220 5% 45%;
+  --sidebar-primary: 220 10% 15%;
+  --sidebar-primary-foreground: 0 0% 100%;
+  --sidebar-accent: 220 10% 95%;
+  --sidebar-accent-foreground: 220 10% 15%;
+  --sidebar-border: 220 10% 90%;
+  --sidebar-ring: 220 10% 40%;
+}
+
+.dark {
+  --background: 220 6% 6%;
+  --foreground: 0 0% 90%;
+  --card: 220 5% 6%;
+  --card-foreground: 0 0% 90%;
+  --popover: 220 5% 6%;
+  --popover-foreground: 0 0% 90%;
+  --primary: 0 0% 75%;
+  --primary-foreground: 220 6% 6%;
+  --secondary: 220 4% 12%;
+  --secondary-foreground: 0 0% 90%;
+  --muted: 220 4% 10%;
+  --muted-foreground: 220 4% 60%;
+  --accent: 220 4% 13%;
+  --accent-foreground: 0 0% 90%;
+  --destructive: 0 63% 51%;
+  --destructive-foreground: 0 0% 98%;
+  --border: 220 4% 14%;
+  --input: 220 4% 14%;
+  --ring: 0 0% 60%;
+  --radius: 0.5rem;
+  --sidebar-background: 220 6% 4%;
+  --sidebar-foreground: 220 4% 60%;
+  --sidebar-primary: 0 0% 75%;
+  --sidebar-primary-foreground: 220 6% 6%;
+  --sidebar-accent: 220 4% 10%;
+  --sidebar-accent-foreground: 0 0% 90%;
+  --sidebar-border: 220 4% 10%;
+  --sidebar-ring: 0 0% 60%;
 }
 
 @layer base {
-  * {
-    @apply border-border;
-  }
   body {
-    @apply bg-background text-foreground;
+    background: hsl(var(--background));
+    color: hsl(var(--foreground));
     font-family: "Inter", sans-serif;
     font-feature-settings: "cv02", "cv03", "cv04", "cv11";
   }

package/dist/templates/default/components.json

@@ -4,7 +4,7 @@
   "rsc": false,
   "tsx": true,
   "tailwind": {
-    "config": "tailwind.config.ts",
+    "config": "",
     "css": "app/global.css",
     "baseColor": "slate",
     "cssVariables": true,

package/dist/templates/default/package.json

@@ -21,24 +21,22 @@
   "devDependencies": {
     "@react-router/dev": "^7.13.1",
     "@react-router/fs-routes": "^7.13.1",
+    "@tailwindcss/vite": "^4.1.18",
     "@tanstack/react-query": "^5.84.2",
     "@types/node": "^24.2.1",
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
-    "autoprefixer": "^10.4.21",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.539.0",
     "next-themes": "^0.4.6",
-    "postcss": "^8.5.6",
     "prettier": "^3.6.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router": "^7.13.1",
     "sonner": "^1.7.4",
     "tailwind-merge": "^2.6.0",
-    "tailwindcss": "^3.4.17",
-    "tailwindcss-animate": "^1.0.7",
+    "tailwindcss": "^4.1.18",
     "tsx": "^4.20.3",
     "typescript": "^5.9.2",
     "vite": "^7.1.2"

package/dist/templates/default/vite.config.ts

@@ -3,4 +3,7 @@ import { defineConfig } from "@agent-native/core/vite";
 
 export default defineConfig({
   plugins: [reactRouter()],
+  // shiki only runs in AssistantChat's useEffect — keep it out of the
+  // CF Pages Functions bundle (25 MiB limit).
+  ssrStubs: ["shiki"],
 });

package/dist/templates/workspace-core/package.json

@@ -20,10 +20,7 @@
       "types": "./src/credentials.ts",
       "default": "./src/credentials.ts"
     },
-    "./tailwind": {
-      "types": "./tailwind.preset.ts",
-      "default": "./tailwind.preset.ts"
-    }
+    "./styles/tokens.css": "./styles/tokens.css"
   },
   "dependencies": {
     "@agent-native/core": "^0.6.0"

package/dist/templates/workspace-core/src/index.ts

@@ -7,7 +7,7 @@
  *   - Shared agent actions — see actions/
  *   - Shared agent skills — see skills/
  *   - Enterprise-wide agent instructions — see AGENTS.md
- *   - Shared Tailwind preset — see tailwind.preset.ts
+ *   - Shared Tailwind v4 design tokens — see styles/tokens.css
  *
  * Apps don't import from this root entry directly — they import from
  * the specific sub-path they need:

package/dist/templates/workspace-core/styles/tokens.css

@@ -0,0 +1,22 @@
+/**
+ * Workspace-wide Tailwind v4 design tokens for @{{APP_NAME}}/core-module.
+ *
+ * Every app in the workspace should import this from its own
+ * `app/global.css` so brand updates in one place propagate to all apps:
+ *
+ *   @import "tailwindcss";
+ *   @import "@{{APP_NAME}}/core-module/styles/tokens.css";
+ *
+ * Replace the values below with your real brand palette.
+ */
+
+/* Re-export the framework's standard token mappings (color-background,
+   color-foreground, color-border, …) so apps don't need a second import. */
+@import "@agent-native/core/styles/agent-native.css";
+
+@theme {
+  /* Add enterprise brand colors here. They become utility classes:
+     `bg-brand`, `text-brand-foreground`, etc. */
+  --color-brand: #4f46e5;
+  --color-brand-foreground: #ffffff;
+}

package/dist/templates/workspace-core/tsconfig.json

@@ -5,5 +5,5 @@
     "outDir": "dist",
     "noEmit": true
   },
-  "include": ["src/**/*", "tailwind.preset.ts"]
+  "include": ["src/**/*"]
 }

package/dist/vite/action-types-plugin.d.ts

@@ -10,4 +10,9 @@ import type { Plugin } from "vite";
  * ```
  */
 export declare function actionTypesPlugin(): Plugin;
+/**
+ * Public helper to regenerate the types + registry from a non-Vite context
+ * (e.g. the Nitro deploy build, where Vite plugins don't run).
+ */
+export declare function generateActionRegistryForProject(projectRoot: string): void;
 //# sourceMappingURL=action-types-plugin.d.ts.map

package/dist/vite/action-types-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-types-plugin.d.ts","sourceRoot":"","sources":["../../src/vite/action-types-plugin.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAmFnC;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAgC1C"}
+{"version":3,"file":"action-types-plugin.d.ts","sourceRoot":"","sources":["../../src/vite/action-types-plugin.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAiLnC;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAgC1C;AAED;;;GAGG;AACH,wBAAgB,gCAAgC,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAG1E"}