@intelligo-dev/cli 1.0.0-beta.1

package/templates/app-scaffold/sonner.tsx.tpl

@@ -0,0 +1,50 @@
+"use client";
+
+/**
+ * Toast host (shadcn's sonner wrapper) — mounted once by
+ * `app/[locale]/layout.tsx`. Registry items call `toast(...)` from the
+ * `sonner` package and rely on this being mounted; without it their
+ * toasts silently never render.
+ *
+ * This is the stock shadcn `sonner` component; `pnpm dlx shadcn add
+ * sonner` would produce the same file at the same path.
+ */
+
+import {
+  CircleCheckIcon,
+  InfoIcon,
+  Loader2Icon,
+  OctagonXIcon,
+  TriangleAlertIcon,
+} from "lucide-react";
+import { useTheme } from "next-themes";
+import { Toaster as Sonner, type ToasterProps } from "sonner";
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme();
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      icons={{
+        success: <CircleCheckIcon className="size-4" />,
+        info: <InfoIcon className="size-4" />,
+        warning: <TriangleAlertIcon className="size-4" />,
+        error: <OctagonXIcon className="size-4" />,
+        loading: <Loader2Icon className="size-4 animate-spin" />,
+      }}
+      style={
+        {
+          "--normal-bg": "var(--popover)",
+          "--normal-text": "var(--popover-foreground)",
+          "--normal-border": "var(--border)",
+          "--border-radius": "var(--radius)",
+        } as React.CSSProperties
+      }
+      {...props}
+    />
+  );
+};
+
+export { Toaster };

package/templates/app-scaffold/theme-provider.tsx.tpl

@@ -0,0 +1,28 @@
+"use client";
+
+/**
+ * Theme provider — mounted by `app/[locale]/layout.tsx` so any theme
+ * switcher (e.g. the app-shell item's user menu) actually works.
+ *
+ * The same file ships with the `app-shell` registry item at the same
+ * path; installing app-shell simply overwrites this copy with an
+ * identical one. Defaults: class-attribute strategy (Tailwind's `.dark`
+ * tokens), system preference honored, no transition flash on switch.
+ */
+
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+import type { ThemeProviderProps } from "next-themes";
+
+export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
+  return (
+    <NextThemesProvider
+      attribute="class"
+      defaultTheme="system"
+      enableSystem
+      disableTransitionOnChange
+      {...props}
+    >
+      {children}
+    </NextThemesProvider>
+  );
+}

package/templates/app-scaffold/tsconfig.json.tpl

@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "jsx": "preserve",
+    "noEmit": true,
+    "plugins": [{ "name": "next" }],
+    "paths": { "@/*": ["./*"] }
+  },
+  "include": ["**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules", ".next"]
+}

package/templates/billing-page/billing-page.tsx.tpl

@@ -0,0 +1,72 @@
+/**
+ * Billing page — generated by `intelligo add billing-page`.
+ *
+ * Yours from here. It reads the plan catalogue your composition root
+ * registered rather than a list baked into the framework, so changing
+ * your prices is a change to your own `lib/plans.ts` (ADR-0006).
+ */
+
+import { requireWorkspace } from "@intelligo-dev/auth";
+import { getWorkspaceBilling } from "@intelligo-dev/billing";
+import { getPlanConfigs } from "@intelligo-dev/billing/plans";
+import { CreditBalance } from "@intelligo-dev/ui";
+
+import { PRODUCT_SLUG } from "@/lib/intelligo";
+
+/**
+ * Your currency, in one place. @intelligo-dev/ui takes a formatter rather
+ * than assuming one, because a framework package deciding that money
+ * is written "5,000₮" is wrong everywhere but here.
+ */
+const formatAmount = (amount: number) => `${amount.toLocaleString()}₮`;
+
+export const dynamic = "force-dynamic";
+
+export default async function BillingPage() {
+  const { workspace } = await requireWorkspace();
+
+  const [billing, plans] = await Promise.all([
+    getWorkspaceBilling(workspace.id),
+    Promise.resolve(getPlanConfigs(PRODUCT_SLUG)),
+  ]);
+
+  const currentSlug = billing.plan?.slug ?? "free";
+
+  return (
+    <main style={{ fontFamily: "system-ui", padding: "2rem" }}>
+      <h1>Billing</h1>
+
+      <p>
+        Current plan: <strong>{billing.plan?.name ?? "Free"}</strong>
+      </p>
+
+      <CreditBalance
+        remainingMnt={billing.creditBalance.balanceMnt ?? 0}
+        formatAmount={formatAmount}
+      />
+
+      <section>
+        <h2>Plans</h2>
+        {Object.values(plans).map((plan) => (
+          <article key={plan.slug} style={{ marginBottom: "1.5rem" }}>
+            <h3>
+              {plan.name}
+              {plan.slug === currentSlug ? " (current)" : ""}
+            </h3>
+            <p>{plan.description}</p>
+            <p>
+              {plan.priceOneTime === 0
+                ? "Free"
+                : formatAmount(plan.priceOneTime)}
+            </p>
+            <ul>
+              {plan.features.map((f) => (
+                <li key={f}>{f}</li>
+              ))}
+            </ul>
+          </article>
+        ))}
+      </section>
+    </main>
+  );
+}

package/templates/manifest.json

@@ -0,0 +1,116 @@
+{
+  "usage-page": {
+    "templateVersion": "1.0.0",
+    "description": "A usage page listing executions and cost for the current workspace",
+    "files": [
+      {
+        "template": "usage-page/usage-page.tsx.tpl",
+        "target": "app/usage/page.tsx"
+      }
+    ],
+    "deprecated": "Superseded by the `usage` registry item \u2014 install it with the shadcn CLI from the Intelligo registry instead; it ships a full page, components and thin actions as consumer-owned source."
+  },
+  "app-scaffold": {
+    "templateVersion": "1.4.0",
+    "description": "A new application: composition root, plans, an assistant route, config, next-intl i18n plumbing, and a registry-consuming shadcn/Tailwind setup",
+    "files": [
+      {
+        "template": "app-scaffold/package.json.tpl",
+        "target": "package.json"
+      },
+      {
+        "template": "app-scaffold/next.config.mjs.tpl",
+        "target": "next.config.mjs"
+      },
+      {
+        "template": "app-scaffold/tsconfig.json.tpl",
+        "target": "tsconfig.json"
+      },
+      {
+        "template": "app-scaffold/env.example.tpl",
+        "target": ".env.example"
+      },
+      {
+        "template": "app-scaffold/intelligo.ts.tpl",
+        "target": "lib/intelligo.ts"
+      },
+      {
+        "template": "app-scaffold/plans.ts.tpl",
+        "target": "lib/plans.ts"
+      },
+      {
+        "template": "app-scaffold/assistant-route.ts.tpl",
+        "target": "app/api/assistant/route.ts"
+      },
+      {
+        "template": "app-scaffold/components.json.tpl",
+        "target": "components.json"
+      },
+      {
+        "template": "app-scaffold/postcss.config.mjs.tpl",
+        "target": "postcss.config.mjs"
+      },
+      {
+        "template": "app-scaffold/globals.css.tpl",
+        "target": "app/globals.css"
+      },
+      {
+        "template": "app-scaffold/lib-utils.ts.tpl",
+        "target": "lib/utils.ts"
+      },
+      {
+        "template": "app-scaffold/layout.tsx.tpl",
+        "target": "app/[locale]/layout.tsx"
+      },
+      {
+        "template": "app-scaffold/theme-provider.tsx.tpl",
+        "target": "components/shell/theme-provider.tsx"
+      },
+      {
+        "template": "app-scaffold/sonner.tsx.tpl",
+        "target": "components/ui/sonner.tsx"
+      },
+      {
+        "template": "app-scaffold/i18n-routing.ts.tpl",
+        "target": "i18n/routing.ts"
+      },
+      {
+        "template": "app-scaffold/i18n-navigation.ts.tpl",
+        "target": "i18n/navigation.ts"
+      },
+      {
+        "template": "app-scaffold/i18n-request.ts.tpl",
+        "target": "i18n/request.ts"
+      },
+      {
+        "template": "app-scaffold/middleware.ts.tpl",
+        "target": "middleware.ts"
+      },
+      {
+        "template": "app-scaffold/messages-en-app.json.tpl",
+        "target": "messages/en/app.json"
+      }
+    ]
+  },
+  "billing-page": {
+    "templateVersion": "1.0.0",
+    "description": "A billing page reading your registered plan catalogue",
+    "files": [
+      {
+        "template": "billing-page/billing-page.tsx.tpl",
+        "target": "app/billing/page.tsx"
+      }
+    ],
+    "deprecated": "Superseded by the `pricing` and `billing-settings` registry items \u2014 install them with the shadcn CLI from the Intelligo registry instead."
+  },
+  "admin-page": {
+    "templateVersion": "1.0.0",
+    "description": "Mount the Intelligo operational console at /admin",
+    "files": [
+      {
+        "template": "admin-page/admin-page.tsx.tpl",
+        "target": "app/admin/page.tsx"
+      }
+    ]
+  }
+}

package/templates/usage-page/usage-page.tsx.tpl

@@ -0,0 +1,60 @@
+/**
+ * Usage page — generated by `intelligo add usage-page`.
+ *
+ * This file is YOURS. Intelligo will not overwrite it: once you edit
+ * it, `intelligo upgrade --check` reports the upstream change as a
+ * diff and leaves your version alone (ADR-0002).
+ *
+ * It reads through @intelligo-dev/executions' query API rather than the
+ * database directly, so it keeps working across schema changes.
+ */
+
+import { requireWorkspace } from "@intelligo-dev/auth";
+import { listExecutions, summarizeExecutions } from "@intelligo-dev/executions";
+
+export default async function UsagePage() {
+  const { workspace } = await requireWorkspace();
+
+  const now = new Date();
+  const monthStart = new Date(now.getFullYear(), now.getMonth(), 1);
+
+  const [summary, recent] = await Promise.all([
+    summarizeExecutions(workspace.id, { from: monthStart, to: now }),
+    listExecutions({ workspaceId: workspace.id, limit: 20 }),
+  ]);
+
+  return (
+    <main style={{ fontFamily: "system-ui", padding: "2rem" }}>
+      <h1>Usage</h1>
+
+      <p>
+        {summary.totals.count} executions this month ·{" "}
+        {summary.totals.totalTokens.toLocaleString()} tokens ·{" "}
+        {summary.totals.chargedMnt.toLocaleString()}₮
+      </p>
+
+      <table cellPadding={8}>
+        <thead>
+          <tr>
+            <th align="left">Capability</th>
+            <th align="left">Status</th>
+            <th align="right">Tokens</th>
+            <th align="right">Charged</th>
+            <th align="left">Started</th>
+          </tr>
+        </thead>
+        <tbody>
+          {recent.map((e) => (
+            <tr key={e.id}>
+              <td>{e.capability}</td>
+              <td>{e.status}</td>
+              <td align="right">{e.totalTokens ?? 0}</td>
+              <td align="right">{e.chargedMnt ?? 0}₮</td>
+              <td>{e.startedAt.toISOString()}</td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </main>
+  );
+}