@agent-native/dispatch 0.5.1 → 0.6.1

package/src/routes/pages/overview.tsx

@@ -131,6 +131,60 @@ function AppCardSkeleton() {
   );
 }
 
+interface RecentAuditEvent {
+  id: string;
+  summary: string;
+  actor: string;
+  createdAt: string;
+}
+
+function RecentActivityList({
+  isLoading,
+  events,
+}: {
+  isLoading: boolean;
+  events: RecentAuditEvent[];
+}) {
+  if (isLoading && events.length === 0) {
+    return (
+      <div className="mt-4 space-y-3">
+        {Array.from({ length: 3 }).map((_, index) => (
+          <div
+            key={index}
+            className="rounded-xl border bg-muted/30 px-4 py-3 space-y-2"
+          >
+            <Skeleton className="h-4 w-3/5" />
+            <Skeleton className="h-3 w-2/5" />
+          </div>
+        ))}
+      </div>
+    );
+  }
+  if (events.length === 0) {
+    return (
+      <div className="mt-4 space-y-3">
+        <div className="rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground">
+          No activity yet.
+        </div>
+      </div>
+    );
+  }
+  return (
+    <div className="mt-4 space-y-3">
+      {events.map((event) => (
+        <div key={event.id} className="rounded-xl border bg-muted/30 px-4 py-3">
+          <div className="text-sm font-medium text-foreground">
+            {event.summary}
+          </div>
+          <div className="mt-1 text-xs text-muted-foreground">
+            {event.actor} · {new Date(event.createdAt).toLocaleString()}
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+}
+
 function WorkspaceAppsSection({
   apps,
   isLoading,
@@ -625,33 +679,11 @@ export default function OverviewRoute() {
                 <h2 className="text-lg font-semibold text-foreground">
                   Recent activity
                 </h2>
-                {isLoading && (
-                  <span className="text-xs text-muted-foreground">
-                    Loading...
-                  </span>
-                )}
-              </div>
-              <div className="mt-4 space-y-3">
-                {(data?.recentAudit || []).map((event) => (
-                  <div
-                    key={event.id}
-                    className="rounded-xl border bg-muted/30 px-4 py-3"
-                  >
-                    <div className="text-sm font-medium text-foreground">
-                      {event.summary}
-                    </div>
-                    <div className="mt-1 text-xs text-muted-foreground">
-                      {event.actor} ·{" "}
-                      {new Date(event.createdAt).toLocaleString()}
-                    </div>
-                  </div>
-                ))}
-                {!isLoading && (data?.recentAudit?.length || 0) === 0 && (
-                  <div className="rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground">
-                    No activity yet.
-                  </div>
-                )}
               </div>
+              <RecentActivityList
+                isLoading={isLoading}
+                events={data?.recentAudit ?? []}
+              />
             </section>
 
             <section className="rounded-2xl border bg-card p-5">

package/src/routes/pages/vault.tsx

@@ -46,6 +46,7 @@ import {
 } from "@/components/ui/select";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Textarea } from "@/components/ui/textarea";
+import { Skeleton } from "@/components/ui/skeleton";
 
 const PROVIDERS = [
   "google",
@@ -549,22 +550,34 @@ export default function VaultRoute() {
           <div className="flex items-center justify-between">
             <div className="flex items-center gap-2 text-sm text-muted-foreground">
               <IconKey size={16} />
-              <span>
-                {secretsLoading
-                  ? "Loading..."
-                  : `${secrets?.length || 0} secret${(secrets?.length || 0) !== 1 ? "s" : ""}`}
-              </span>
+              {secretsLoading ? (
+                <Skeleton className="h-4 w-20" />
+              ) : (
+                <span>
+                  {`${secrets?.length || 0} secret${(secrets?.length || 0) !== 1 ? "s" : ""}`}
+                </span>
+              )}
             </div>
             <AddSecretDialog />
           </div>
 
-          {(secrets || []).map((secret: any) => (
-            <SecretRow
-              key={secret.id}
-              secret={secret}
-              grants={grantsBySecret[secret.id] || []}
-            />
-          ))}
+          {secretsLoading && (secrets ?? []).length === 0
+            ? Array.from({ length: 3 }).map((_, index) => (
+                <div
+                  key={index}
+                  className="rounded-2xl border bg-card px-5 py-4 space-y-2"
+                >
+                  <Skeleton className="h-4 w-1/3" />
+                  <Skeleton className="h-3 w-2/3" />
+                </div>
+              ))
+            : (secrets || []).map((secret: any) => (
+                <SecretRow
+                  key={secret.id}
+                  secret={secret}
+                  grants={grantsBySecret[secret.id] || []}
+                />
+              ))}
 
           {!secretsLoading && (secrets?.length || 0) === 0 && (
             <div className="rounded-2xl border border-dashed px-6 py-12 text-center">

package/src/routes/pages/workspace.tsx

@@ -47,6 +47,7 @@ import {
 } from "@/components/ui/select";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Textarea } from "@/components/ui/textarea";
+import { Skeleton } from "@/components/ui/skeleton";
 
 export function meta() {
   return [{ title: "Workspace Resources — Dispatch" }];
@@ -528,6 +529,21 @@ export default function WorkspaceRoute() {
     items: any[];
     emptyText: string;
   }) {
+    if (isLoading && (resources ?? []).length === 0) {
+      return (
+        <div className="space-y-3">
+          {Array.from({ length: 3 }).map((_, index) => (
+            <div
+              key={index}
+              className="rounded-2xl border bg-card px-5 py-4 space-y-2"
+            >
+              <Skeleton className="h-4 w-1/3" />
+              <Skeleton className="h-3 w-2/3" />
+            </div>
+          ))}
+        </div>
+      );
+    }
     if (items.length === 0) {
       return (
         <div className="rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground">
@@ -555,9 +571,11 @@ export default function WorkspaceRoute() {
     >
       <div className="flex items-center justify-between">
         <div className="text-sm text-muted-foreground">
-          {isLoading
-            ? "Loading..."
-            : `${resources?.length || 0} resource${(resources?.length || 0) !== 1 ? "s" : ""}`}
+          {isLoading ? (
+            <Skeleton className="h-4 w-24" />
+          ) : (
+            `${resources?.length || 0} resource${(resources?.length || 0) !== 1 ? "s" : ""}`
+          )}
         </div>
         <div className="flex gap-2">
           <Button

package/src/server/plugins/integrations.ts

@@ -23,7 +23,7 @@ When a user asks for something:
 - Exception: if the downstream agent reports a missing model/provider credential, do not name exact env vars, Vault keys, tokens, or secrets. Say the target app needs an LLM connection and recommend connecting Builder/managed LLM for that app; keep bring-your-own provider keys as a secondary option only if the user asks.
 - If the user asks to create, build, make, scaffold, or generate an "agent" from Dispatch chat or by tagging @agent-native in Slack, email, or Telegram, first classify the ask. If it is a simple Dispatch-native behavior like a reminder, digest, monitor, routing rule, saved instruction, or recurring workflow, create or update the recurring job/resource/destination in Dispatch. If it is a robust unique product or teammate that needs its own UI, data model, actions, integrations, or domain workflow, treat it as a new workspace app and call start-workspace-app-creation.
 - If a new-app prompt asks for access to Mail, Calendar, Analytics, or similar first-party app data/agents, keep using the existing hosted/connected app and A2A path. Do not ask Builder to scaffold those apps as children of the new app unless the user explicitly asks for a customized fork/copy.
-- If the user explicitly asks for a new app or workspace app, call start-workspace-app-creation with their prompt. Do not satisfy a new-app request by adding a route, page, component, or file inside apps/starter or another existing app unless the user explicitly asks to modify that existing app. If the request is too vague to classify, ask one concise follow-up. If the action returns mode "builder", reply with the Builder branch URL; Builder is responsible for creating the separate workspace app under apps/<app-id>, mounting it at /<app-id>, ensuring apps/<app-id>/package.json exists so Dispatch discovers it, using relative /<app-id> links instead of hardcoded localhost/dev ports, and preserving APP_BASE_PATH/VITE_APP_BASE_PATH via appBasePath() in the React Router client entry. There is no separate workspace app registry to edit. If it returns mode "local-agent", tell the user it is ready for the local code agent and include the returned app path/prompt summary. If it returns mode "coming-soon" or "builder-unavailable", explain the missing Builder setup and ask them to connect/configure Builder.
+- If the user explicitly asks for a new app or workspace app, call start-workspace-app-creation with their prompt. Do not satisfy a new-app request by adding a route, page, component, or file inside apps/starter or another existing app unless the user explicitly asks to modify that existing app. If the request is too vague to classify, ask one concise follow-up. If the action returns mode "builder", reply with the Builder branch URL; Builder is responsible for creating the separate workspace app under apps/<app-id>, mounting it at /<app-id>, ensuring apps/<app-id>/package.json exists so Dispatch discovers it, using relative /<app-id> links instead of hardcoded localhost/dev ports, and preserving APP_BASE_PATH/VITE_APP_BASE_PATH via appBasePath() in the React Router client entry. The new app lives at the workspace root /<app-id>, NOT under /dispatch/<app-id>, /apps/<app-id>, or any other Dispatch tab — when telling the user where to find it, link to /<app-id> only. There is no separate workspace app registry to edit. If it returns mode "local-agent", tell the user it is ready for the local code agent and include the returned app path/prompt summary. If it returns mode "coming-soon" or "builder-unavailable", explain the missing Builder setup and ask them to connect/configure Builder.
 - For digests, reminders, or saved behavior, prefer recurring jobs, resources, or destinations over chat replies.
 - Keep responses concise and operational — messaging platforms have character limits.
 - Use markdown sparingly (bold and lists are fine, avoid complex formatting).