feat(appkit): reference agent-app, dev-playground chat UI, docs, and template

CHANGELOG.md

@@ -2,11 +2,25 @@
 
 All notable changes to this project will be documented in this file.
 
-# Changelog
+## Unreleased
 
-# Changelog
+### appkit
 
-# Changelog
+* **appkit:** **Breaking change:** markdown agents must live under `config/agents/<id>/agent.md`. Top-level `config/agents/*.md` is no longer discovered; migrate each file to `<stem>/agent.md`. The reserved folder `config/agents/skills` is ignored until per-agent skills ship.
+* **appkit:** **Deprecation:** `DATABRICKS_AGENT_ENDPOINT` is deprecated in favour of `DATABRICKS_SERVING_ENDPOINT_NAME` — the same env var the `serving` plugin already reads, so a single value now covers both. The legacy var still works for one release with a one-time deprecation log; remove it from your environment once you've set the new name.
+
+## [0.25.1](https://github.com/databricks/appkit/compare/v0.25.0...v0.25.1) (2026-04-27)
+
+### appkit
+
+* **appkit:** check isRetryable before retrying in interceptor ([#276](https://github.com/databricks/appkit/issues/276)) ([1c994a6](https://github.com/databricks/appkit/commit/1c994a6d99f397b56e90f1b53df06a61f02b9e82))
+
+
+## [0.25.0](https://github.com/databricks/appkit/compare/v0.24.0...v0.25.0) (2026-04-23)
+
+### files
+
+* **files:** per-volume in-app policy enforcement ([#197](https://github.com/databricks/appkit/issues/197)) ([f54dca5](https://github.com/databricks/appkit/commit/f54dca5da5af5368c7bcb18745715b54a99d47e9))
 
 ## [0.24.0](https://github.com/databricks/appkit/compare/v0.23.0...v0.24.0) (2026-04-20)
 

apps/dev-playground/client/package.json

@@ -20,6 +20,8 @@
     "@tanstack/router-plugin": "1.133.22",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
+    "html2canvas": "1.4.1",
+    "html2canvas-pro": "2.0.2",
     "lucide-react": "0.546.0",
     "react": "19.2.0",
     "react-dom": "19.2.0",
@@ -30,6 +32,7 @@
   },
   "devDependencies": {
     "@eslint/js": "9.36.0",
+    "@tailwindcss/postcss": "4.1.17",
     "@tanstack/router-cli": "1.133.20",
     "@types/node": "24.6.0",
     "@types/react": "19.2.2",
@@ -43,7 +46,6 @@
     "postcss": "8.5.6",
     "shiki": "3.15.0",
     "tailwindcss": "4.1.17",
-    "@tailwindcss/postcss": "4.1.17",
     "typescript": "5.9.3",
     "typescript-eslint": "8.45.0",
     "vite": "npm:rolldown-vite@7.1.14"

apps/dev-playground/client/src/features/smart-dashboard/components/action-toast.tsx

@@ -0,0 +1,48 @@
+import { CheckCircle2Icon } from "lucide-react";
+import { useEffect, useState } from "react";
+
+interface ActionToastProps {
+  /**
+   * Latest dispatcher-surfaced action summary. Each new value bumps a
+   * render key so the toast re-animates even if the same message arrives
+   * twice (e.g. two identical filter calls in a row).
+   */
+  message: string | null;
+  durationMs?: number;
+}
+
+/**
+ * Non-intrusive bottom-left toast that confirms every agent-driven UI
+ * action. Silent success was the worst failure mode before: an action
+ * silently not-applied looked identical to one that worked but didn't
+ * show its effect.
+ */
+export function ActionToast({ message, durationMs = 2800 }: ActionToastProps) {
+  const [visible, setVisible] = useState<{ key: number; text: string } | null>(
+    null,
+  );
+
+  useEffect(() => {
+    if (!message) return;
+    const key = Date.now();
+    setVisible({ key, text: message });
+    const t = setTimeout(() => {
+      setVisible((v) => (v?.key === key ? null : v));
+    }, durationMs);
+    return () => {
+      clearTimeout(t);
+    };
+  }, [message, durationMs]);
+
+  if (!visible) return null;
+
+  return (
+    <div
+      key={visible.key}
+      className="fixed bottom-20 left-4 z-30 rounded-full bg-card border border-border shadow-lg px-3 py-1.5 flex items-center gap-2 animate-in fade-in slide-in-from-bottom-2 duration-200"
+    >
+      <CheckCircle2Icon className="h-3.5 w-3.5 text-green-500 shrink-0" />
+      <span className="text-xs text-foreground">{visible.text}</span>
+    </div>
+  );
+}