@agent-native/dispatch 0.15.18 → 0.15.20

package/src/components/workspace-template-card.tsx

@@ -181,14 +181,14 @@ export function WorkspaceTemplateCard({
   return (
     <Card
       className={cn(
-        "flex h-full flex-col border-border/60 bg-card/40 shadow-none transition-[background-color,border-color] hover:border-foreground/20 hover:bg-accent/15",
+        "flex h-full flex-col bg-card/40 shadow-none transition-[background-color] hover:bg-accent/15",
         className,
       )}
     >
       <CardHeader className="gap-2 p-4">
         <div className="flex items-start justify-between gap-3">
           <div className="flex min-w-0 items-start gap-2.5">
-            <span className="mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-md border border-border/70 bg-muted/40 text-muted-foreground">
+            <span className="mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-md bg-muted/40 text-muted-foreground">
               <IconFileText size={16} />
             </span>
             <div className="min-w-0">

package/src/routes/pages/$appId.tsx

@@ -149,7 +149,7 @@ export default function WorkspaceAppCatchAllRoute() {
       title={app?.name || t("dispatch.pages.pageNotFound")}
       description={t("dispatch.pages.pageNotFoundDescription")}
     >
-      <div className="max-w-2xl rounded-lg border bg-card p-5">
+      <div className="max-w-2xl rounded-lg bg-card p-5">
         <Button asChild size="sm" variant="ghost" className="-ml-2 mb-4">
           <Link to={appPath("/overview")}>
             <IconArrowLeft size={15} className="mr-1.5" />

package/src/routes/pages/agents.tsx

@@ -102,7 +102,7 @@ function DispatchMcpAccessPanel() {
   }
 
   return (
-    <section className="rounded-2xl border bg-card p-5">
+    <section className="rounded-2xl bg-card p-5">
       <div className="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
         <div className="min-w-0">
           <div className="flex items-center gap-2 text-sm font-medium text-foreground">

package/src/routes/pages/approval.tsx

@@ -86,7 +86,7 @@ export default function ApprovalPreviewRoute() {
   if (!id) {
     return (
       <div className="flex min-h-screen items-center justify-center bg-background p-6">
-        <div className="w-full max-w-md rounded-2xl border bg-card p-6 text-center">
+        <div className="w-full max-w-md rounded-2xl bg-card p-6 text-center">
           <IconAlertCircle
             size={32}
             className="mx-auto mb-3 text-muted-foreground"
@@ -107,7 +107,7 @@ export default function ApprovalPreviewRoute() {
     return (
       <div className="flex min-h-screen items-start justify-center bg-background p-6">
         <div className="w-full max-w-md space-y-4">
-          <div className="rounded-2xl border bg-card p-5">
+          <div className="rounded-2xl bg-card p-5">
             <div className="flex items-start gap-3">
               <Skeleton className="h-9 w-9 shrink-0 rounded-xl" />
               <div className="min-w-0 flex-1 space-y-2">
@@ -158,7 +158,7 @@ export default function ApprovalPreviewRoute() {
   if (!approval) {
     return (
       <div className="flex min-h-screen items-center justify-center bg-background p-6">
-        <div className="w-full max-w-md rounded-2xl border bg-card p-6 text-center">
+        <div className="w-full max-w-md rounded-2xl bg-card p-6 text-center">
           <IconAlertCircle
             size={32}
             className="mx-auto mb-3 text-muted-foreground"
@@ -193,7 +193,7 @@ export default function ApprovalPreviewRoute() {
   return (
     <div className="flex min-h-screen items-start justify-center bg-background p-6">
       <div className="w-full max-w-2xl space-y-4">
-        <div className="rounded-2xl border bg-card p-5">
+        <div className="rounded-2xl bg-card p-5">
           <div className="flex items-start gap-3">
             <div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border bg-muted text-foreground">
               <IconShieldCheck size={17} />

package/src/routes/pages/approvals.tsx

@@ -59,7 +59,7 @@ export default function ApprovalsRoute() {
       description="Review durable dispatch changes before they apply."
     >
       <div className="grid gap-4 xl:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)]">
-        <Collapsible className="rounded-2xl border bg-card">
+        <Collapsible className="rounded-2xl bg-card">
           <CollapsibleTrigger className="group flex w-full cursor-pointer items-center justify-between gap-3 p-5 text-left hover:bg-muted/20">
             <span>
               <span className="block text-lg font-semibold text-foreground">
@@ -133,7 +133,7 @@ export default function ApprovalsRoute() {
           </CollapsibleContent>
         </Collapsible>
 
-        <section className="rounded-2xl border bg-card p-5">
+        <section className="rounded-2xl bg-card p-5">
           <h2 className="text-lg font-semibold text-foreground">
             Pending and recent requests
           </h2>

package/src/routes/pages/apps.$appId.tsx

@@ -47,7 +47,7 @@ export default function WorkspaceAppRoute() {
       title={app?.name || t("dispatch.pages.workspaceAppFallback")}
       description={t("dispatch.pages.workspaceAppDescription")}
     >
-      <div className="max-w-2xl rounded-lg border bg-card p-5">
+      <div className="max-w-2xl rounded-lg bg-card p-5">
         <Button asChild size="sm" variant="ghost" className="-ml-2 mb-4">
           <Link to="/apps">
             <IconArrowLeft size={15} className="mr-1.5" />

package/src/routes/pages/apps.tsx

@@ -301,7 +301,7 @@ function OtherAppsSkeletonGrid() {
   return (
     <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-3">
       {Array.from({ length: 3 }).map((_, index) => (
-        <div key={index} className="rounded-lg border bg-card p-4">
+        <div key={index} className="rounded-lg bg-card p-4">
           <div className="flex items-start gap-3">
             <Skeleton className="size-8 rounded-md" />
             <div className="flex-1 space-y-3">
@@ -326,7 +326,7 @@ function OtherAppCard({ app }: { app: ConnectedAppSummary }) {
       })}
       target="_blank"
       rel="noopener noreferrer"
-      className="group flex min-h-[116px] items-start gap-3 rounded-xl border border-border/60 bg-card/40 p-4 transition-[background-color,border-color] hover:border-foreground/20 hover:bg-accent/15 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      className="group flex min-h-[116px] items-start gap-3 rounded-xl bg-card/40 p-4 transition-[background-color] hover:bg-accent/15 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
     >
       <span className="flex size-8 shrink-0 items-center justify-center rounded-md bg-muted text-xs font-semibold text-muted-foreground">
         {app.name.charAt(0).toUpperCase()}
@@ -356,7 +356,7 @@ function AppsSkeletonGrid() {
   return (
     <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-3">
       {Array.from({ length: 3 }).map((_, index) => (
-        <div key={index} className="rounded-lg border bg-card p-4">
+        <div key={index} className="rounded-lg bg-card p-4">
           <div className="flex items-start justify-between gap-3">
             <div className="min-w-0 flex-1 space-y-3">
               <Skeleton className="h-4 w-32" />

package/src/routes/pages/audit.tsx

@@ -16,7 +16,7 @@ export default function AuditRoute() {
       title="Audit"
       description="Change history for routes, settings, and approvals."
     >
-      <section className="rounded-2xl border bg-card p-5">
+      <section className="rounded-2xl bg-card p-5">
         {query.isError ? (
           <ActionQueryError
             error={query.error}

package/src/routes/pages/automations.tsx

@@ -206,7 +206,7 @@ export default function AutomationsRoute() {
           <CreateAutomationButton />
         </div>
 
-        <div className="divide-y rounded-lg border bg-card">
+        <div className="divide-y rounded-lg bg-card">
           {automationsQuery.isLoading && ordered.length === 0 ? (
             Array.from({ length: 4 }).map((_, index) => (
               <div key={index} className="px-4 py-3">

package/src/routes/pages/destinations.tsx

@@ -119,7 +119,7 @@ export default function DestinationsRoute() {
     >
       <div className="flex flex-col gap-4">
         <TaskQueueHealth />
-        <section className="rounded-2xl border bg-card p-5">
+        <section className="rounded-2xl bg-card p-5">
           <h2 className="text-lg font-semibold text-foreground">
             {t("dispatch.pages.savedDestinations")}
           </h2>
@@ -205,7 +205,7 @@ export default function DestinationsRoute() {
         <Collapsible
           open={addOpen}
           onOpenChange={setAddOpen}
-          className="rounded-2xl border bg-card"
+          className="rounded-2xl bg-card"
         >
           <CollapsibleTrigger className="group flex w-full cursor-pointer items-center justify-between gap-3 p-5 text-left hover:bg-muted/20">
             <span>

package/src/routes/pages/dreams.tsx

@@ -558,7 +558,7 @@ function StatTile({
   icon: typeof IconBrain;
 }) {
   return (
-    <div className="rounded-lg border bg-card px-3 py-2.5">
+    <div className="rounded-lg bg-card px-3 py-2.5">
       <div className="flex items-center justify-between gap-2">
         <div className="min-w-0 flex-1">
           <div className="truncate text-[11px] font-medium uppercase tracking-wide text-muted-foreground">
@@ -867,7 +867,7 @@ function ProposalCard({
   const preview = previewQuery.data;
 
   return (
-    <div className="rounded-lg border bg-card">
+    <div className="rounded-lg bg-card">
       <div className="flex flex-col gap-3 border-b px-4 py-3 md:flex-row md:items-start md:justify-between">
         <div className="min-w-0">
           <div className="flex flex-wrap items-center gap-2">
@@ -1520,7 +1520,7 @@ export default function DreamsRoute() {
         </div>
 
         <div className="grid gap-4 lg:grid-cols-2 xl:grid-cols-[280px_minmax(0,1fr)_380px]">
-          <section className="rounded-lg border bg-card">
+          <section className="rounded-lg bg-card">
             <div className="border-b px-4 py-3">
               <div className="text-sm font-semibold text-foreground">
                 Recent passes
@@ -1596,7 +1596,7 @@ export default function DreamsRoute() {
             </div>
           </section>
 
-          <section className="min-w-0 rounded-lg border bg-card">
+          <section className="min-w-0 rounded-lg bg-card">
             <div className="border-b px-4 py-3">
               <div className="flex flex-wrap items-center justify-between gap-3">
                 <div className="min-w-0">
@@ -1771,7 +1771,7 @@ export default function DreamsRoute() {
             </div>
           </section>
 
-          <section className="rounded-lg border bg-card">
+          <section className="rounded-lg bg-card">
             <div className="border-b px-4 py-3">
               <div>
                 <div className="text-sm font-semibold text-foreground">

package/src/routes/pages/identities.tsx

@@ -31,7 +31,7 @@ export default function IdentitiesRoute() {
         />
       ) : (
         <div className="grid gap-4 xl:grid-cols-2">
-          <section className="rounded-2xl border bg-card p-5">
+          <section className="rounded-2xl bg-card p-5">
             <div className="flex flex-wrap items-center justify-between gap-2">
               <h2 className="text-lg font-semibold text-foreground">
                 Active links
@@ -73,7 +73,7 @@ export default function IdentitiesRoute() {
             </div>
           </section>
 
-          <section className="rounded-2xl border bg-card p-5">
+          <section className="rounded-2xl bg-card p-5">
             <h2 className="text-lg font-semibold text-foreground">
               Link tokens
             </h2>

package/src/routes/pages/integrations.tsx

@@ -247,7 +247,7 @@ function ConnectorCard({
       <button
         type="button"
         onClick={() => setOpen(true)}
-        className="group flex flex-col items-start gap-2 rounded-2xl border bg-card p-5 text-left transition hover:border-foreground/20 hover:bg-card/80 cursor-pointer"
+        className="group flex flex-col items-start gap-2 rounded-2xl bg-card p-5 text-left transition-[background-color] hover:bg-card/80 cursor-pointer"
       >
         <div className="flex w-full items-start justify-between gap-2">
           <div className="flex h-9 w-9 items-center justify-center rounded-xl bg-muted">
@@ -430,7 +430,7 @@ export default function ConnectionsRoute() {
       )}
 
       {apps.length > 0 && (
-        <Collapsible className="mt-6 rounded-2xl border bg-card">
+        <Collapsible className="mt-6 rounded-2xl bg-card">
           <CollapsibleTrigger className="group flex w-full items-center justify-between px-4 py-3 text-sm">
             <span className="flex items-center gap-2 text-muted-foreground">
               <IconPlugConnected size={14} />

package/src/routes/pages/metrics.tsx

@@ -217,7 +217,7 @@ function RangeSelector({
   onChange: (value: number) => void;
 }) {
   return (
-    <div className="flex rounded-md border bg-card p-0.5">
+    <div className="flex rounded-md bg-card p-0.5">
       {RANGES.map((range) => (
         <Button
           key={range}
@@ -246,7 +246,7 @@ function MetricCard({
   icon: ReactNode;
 }) {
   return (
-    <div className="rounded-lg border bg-card p-4">
+    <div className="rounded-lg bg-card p-4">
       <div className="mb-3 flex items-center justify-between gap-3">
         <span className="text-xs font-medium text-muted-foreground">
           {label}
@@ -275,7 +275,7 @@ function Panel({
   action?: ReactNode;
 }) {
   return (
-    <section className="rounded-lg border bg-card">
+    <section className="rounded-lg bg-card">
       <div className="flex items-center justify-between gap-3 border-b px-4 py-3">
         <div className="flex min-w-0 items-center gap-2">
           <span className="text-muted-foreground">{icon}</span>
@@ -295,7 +295,7 @@ function LoadingMetrics() {
     <div className="space-y-4">
       <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-5">
         {Array.from({ length: 5 }).map((_, index) => (
-          <div key={index} className="rounded-lg border bg-card p-4">
+          <div key={index} className="rounded-lg bg-card p-4">
             <Skeleton className="mb-4 h-4 w-24" />
             <Skeleton className="h-7 w-20" />
             <Skeleton className="mt-3 h-3 w-28" />

package/src/routes/pages/thread-debug.tsx

@@ -210,7 +210,7 @@ function ResultCard({
 function MessageBlock({ message }: { message: ThreadMessage }) {
   const tools = toolParts(message);
   return (
-    <div className="rounded-lg border bg-card">
+    <div className="rounded-lg bg-card">
       <div className="flex flex-wrap items-center justify-between gap-2 border-b px-3 py-2">
         <div className="flex min-w-0 items-center gap-2">
           <Badge
@@ -276,7 +276,7 @@ function ThreadDetail({ detail }: { detail: ThreadDebugResponse }) {
   );
 
   return (
-    <div className="rounded-lg border bg-card">
+    <div className="rounded-lg bg-card">
       <div className="border-b px-4 py-3">
         <div className="flex flex-wrap items-start justify-between gap-3">
           <div className="min-w-0">
@@ -326,7 +326,7 @@ function ThreadDetail({ detail }: { detail: ThreadDebugResponse }) {
         <TabsContent value="runs" className="mt-4 space-y-3">
           {detail.runs.length > 0 ? (
             detail.runs.map((run) => (
-              <details key={run.id} className="rounded-lg border bg-card">
+              <details key={run.id} className="rounded-lg bg-card">
                 <summary className="cursor-pointer px-4 py-3">
                   <div className="inline-flex flex-wrap items-center gap-2">
                     <Badge variant="outline">{run.status}</Badge>
@@ -529,7 +529,7 @@ export default function ThreadDebugRoute() {
             onRetry={() => void sourcesQuery.refetch()}
           />
         ) : null}
-        <section className="rounded-lg border bg-card p-4">
+        <section className="rounded-lg bg-card p-4">
           <div className="grid gap-3 lg:grid-cols-[220px_1fr_260px_auto]">
             <Select value={sourceId} onValueChange={setSourceId}>
               <SelectTrigger>
@@ -621,7 +621,7 @@ export default function ThreadDebugRoute() {
         ) : null}
 
         <div className="grid gap-4 xl:grid-cols-[380px_1fr]">
-          <section className="min-h-[520px] rounded-lg border bg-card">
+          <section className="min-h-[520px] rounded-lg bg-card">
             <div className="flex items-center justify-between border-b px-4 py-3">
               <div>
                 <div className="text-sm font-semibold text-foreground">
@@ -681,7 +681,7 @@ export default function ThreadDebugRoute() {
               />
             ) : null}
             {detailLoading ? (
-              <div className="rounded-lg border bg-card p-4">
+              <div className="rounded-lg bg-card p-4">
                 <Skeleton className="h-6 w-72" />
                 <Skeleton className="mt-3 h-4 w-96" />
                 <Skeleton className="mt-6 h-[520px] w-full" />

package/src/routes/pages/vault.tsx

@@ -437,7 +437,7 @@ function VaultAccessSettingsCard({ mode }: { mode: VaultAccessMode }) {
   const allApps = mode !== "manual";
 
   return (
-    <div className="rounded-xl border bg-card px-4 py-3">
+    <div className="rounded-xl bg-card px-4 py-3">
       <div className="flex items-center justify-between gap-4">
         <div className="min-w-0">
           <Label className="text-sm font-medium">
@@ -492,7 +492,7 @@ function SecretRow({
   const allApps = accessMode !== "manual";
 
   return (
-    <div className="rounded-xl border bg-card">
+    <div className="rounded-xl bg-card">
       <button
         type="button"
         className="flex w-full items-center gap-3 px-4 py-3 text-left cursor-pointer"
@@ -827,7 +827,7 @@ export default function VaultRoute() {
             ? Array.from({ length: 3 }).map((_, index) => (
                 <div
                   key={index}
-                  className="rounded-2xl border bg-card px-5 py-4 space-y-2"
+                  className="rounded-2xl bg-card px-5 py-4 space-y-2"
                 >
                   <Skeleton className="h-4 w-1/3" />
                   <Skeleton className="h-3 w-2/3" />

package/src/routes/pages/workspace.tsx

@@ -716,7 +716,7 @@ function ResourceRow({ resource, grants }: { resource: any; grants: any[] }) {
   const activeGrants = grants.filter((g) => g.status === "active");
 
   return (
-    <div className="rounded-lg border bg-card">
+    <div className="rounded-lg bg-card">
       <button
         type="button"
         className="flex w-full items-center gap-3 px-4 py-3 text-left cursor-pointer"
@@ -944,7 +944,7 @@ function GlobalContextSection({ resources }: { resources: any[] }) {
           const exists = !!resource;
           const global = resource?.scope === "all";
           return (
-            <div key={item.path} className="rounded-lg border bg-card p-4">
+            <div key={item.path} className="rounded-lg bg-card p-4">
               <div className="flex items-start justify-between gap-3">
                 <div className="min-w-0">
                   <div className="flex items-center gap-2">
@@ -1056,10 +1056,7 @@ export default function WorkspaceRoute() {
       return (
         <div className="space-y-3">
           {Array.from({ length: 3 }).map((_, index) => (
-            <div
-              key={index}
-              className="rounded-lg border bg-card px-5 py-4 space-y-2"
-            >
+            <div key={index} className="rounded-lg bg-card px-5 py-4 space-y-2">
               <Skeleton className="h-4 w-1/3" />
               <Skeleton className="h-3 w-2/3" />
             </div>