stagent 0.1.10 → 0.1.12

package/src/app/playbook/[slug]/page.tsx

@@ -0,0 +1,76 @@
+import { notFound } from "next/navigation";
+import { getDocBySlug, getManifest } from "@/lib/docs/reader";
+import { getAdoptionMap } from "@/lib/docs/adoption";
+import { PlaybookDetailView } from "@/components/playbook/playbook-detail-view";
+
+export const dynamic = "force-dynamic";
+
+interface PlaybookDetailProps {
+  params: Promise<{ slug: string }>;
+}
+
+export async function generateMetadata({ params }: PlaybookDetailProps) {
+  const { slug } = await params;
+  const doc = getDocBySlug(slug);
+  return {
+    title: doc
+      ? `${(doc.frontmatter.title as string) || slug} | Playbook | Stagent`
+      : "Not Found | Playbook",
+  };
+}
+
+export default async function PlaybookDetailPage({
+  params,
+}: PlaybookDetailProps) {
+  const { slug } = await params;
+  const [doc, manifest, adoptionMap] = await Promise.all([
+    getDocBySlug(slug),
+    getManifest(),
+    getAdoptionMap(),
+  ]);
+
+  if (!doc) notFound();
+
+  // Find related sections from manifest
+  const allSections = [...manifest.sections, ...manifest.journeys];
+  const currentSection = allSections.find((s) => s.slug === slug);
+
+  // Find related docs by shared tags
+  const currentTags = new Set(
+    (currentSection && "tags" in currentSection
+      ? (currentSection as { tags: string[] }).tags
+      : (doc.frontmatter.tags as string[]) || []
+    ).map((t) => t.toLowerCase())
+  );
+
+  const relatedSections = manifest.sections
+    .filter(
+      (s) =>
+        s.slug !== slug &&
+        s.tags.some((t) => currentTags.has(t.toLowerCase()))
+    )
+    .slice(0, 4);
+
+  const adoption = Object.fromEntries(adoptionMap);
+
+  // Collect all known doc slugs so markdown links resolve correctly
+  const allSlugs = [
+    ...manifest.sections.map((s) => s.slug),
+    ...manifest.journeys.map((j) => j.slug),
+    "getting-started",
+    "index",
+  ];
+
+  return (
+    <div className="gradient-twilight min-h-[100dvh] p-4 sm:p-6">
+      <div className="surface-page rounded-[28px] border border-border/60 p-6 shadow-[0_18px_48px_oklch(0.12_0.02_260_/_0.08)]">
+        <PlaybookDetailView
+          doc={doc}
+          relatedSections={relatedSections}
+          adoption={adoption}
+          allSlugs={allSlugs}
+        />
+      </div>
+    </div>
+  );
+}

package/src/app/playbook/page.tsx

@@ -0,0 +1,54 @@
+import { getManifest, getDocsLastGenerated } from "@/lib/docs/reader";
+import { getUsageStage } from "@/lib/docs/usage-stage";
+import { getAdoptionMap } from "@/lib/docs/adoption";
+import { getJourneyCompletions } from "@/lib/docs/journey-tracker";
+import { getSetting, setSetting } from "@/lib/settings/helpers";
+import { PlaybookHomepage } from "@/components/playbook/playbook-homepage";
+
+export const dynamic = "force-dynamic";
+
+export const metadata = {
+  title: "Playbook | Stagent",
+};
+
+export default async function PlaybookPage() {
+  const [manifest, stage, adoptionMap, lastGenerated, lastVisit] =
+    await Promise.all([
+      getManifest(),
+      getUsageStage(),
+      getAdoptionMap(),
+      getDocsLastGenerated(),
+      getSetting("lastPlaybookVisit"),
+    ]);
+
+  const journeyCompletions = getJourneyCompletions(
+    manifest.journeys,
+    adoptionMap
+  );
+
+  // Update last visit timestamp
+  await setSetting("lastPlaybookVisit", new Date().toISOString());
+
+  // Serialize maps for client component
+  const adoption = Object.fromEntries(adoptionMap);
+  const completions = Object.fromEntries(journeyCompletions);
+
+  const hasUpdates =
+    lastGenerated != null &&
+    lastVisit != null &&
+    new Date(lastGenerated) > new Date(lastVisit);
+
+  return (
+    <div className="gradient-twilight min-h-[100dvh] p-4 sm:p-6">
+      <div className="surface-page rounded-[28px] border border-border/60 p-6 shadow-[0_18px_48px_oklch(0.12_0.02_260_/_0.08)]">
+        <PlaybookHomepage
+          manifest={manifest}
+          stage={stage}
+          adoption={adoption}
+          journeyCompletions={completions}
+          hasUpdates={hasUpdates}
+        />
+      </div>
+    </div>
+  );
+}

package/src/app/profiles/page.tsx

@@ -1,13 +1,16 @@
 import { listProfiles, isBuiltin } from "@/lib/agents/profiles/registry";
+import { sortProfilesByName } from "@/lib/agents/profiles/sort";
 import { ProfileBrowser } from "@/components/profiles/profile-browser";
 
 export const dynamic = "force-dynamic";
 
 export default async function ProfilesPage() {
-  const profiles = listProfiles().map((p) => ({
-    ...p,
-    isBuiltin: isBuiltin(p.id),
-  }));
+  const profiles = sortProfilesByName(
+    listProfiles().map((p) => ({
+      ...p,
+      isBuiltin: isBuiltin(p.id),
+    }))
+  );
 
   return (
     <div className="gradient-ocean-mist min-h-[100dvh] p-4 sm:p-6">

package/src/app/settings/page.tsx

@@ -1,6 +1,6 @@
 import { AuthConfigSection } from "@/components/settings/auth-config-section";
 import { OpenAIRuntimeSection } from "@/components/settings/openai-runtime-section";
-import { PermissionsSection } from "@/components/settings/permissions-section";
+import { PermissionsSections } from "@/components/settings/permissions-sections";
 import { DataManagementSection } from "@/components/settings/data-management-section";
 import { BudgetGuardrailsSection } from "@/components/settings/budget-guardrails-section";
 
@@ -19,7 +19,7 @@ export default function SettingsPage() {
         <AuthConfigSection />
         <OpenAIRuntimeSection />
         <BudgetGuardrailsSection />
-        <PermissionsSection />
+        <PermissionsSections />
         <DataManagementSection />
       </div>
     </div>

package/src/app/tasks/page.tsx

@@ -0,0 +1,5 @@
+import { redirect } from "next/navigation";
+
+export default function TasksIndexPage() {
+  redirect("/dashboard");
+}