robodev 0.25.0 → 0.27.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "robodev",
-  "version": "0.25.0",
+  "version": "0.27.0",
   "description": "CLI for Robodev Starbase — create, auth, link, and deploy hosted apps",
   "type": "module",
   "license": "MIT",

package/src/collect-files.test.ts

@@ -19,6 +19,9 @@ test("collectFiles includes hosted sources and skips denied paths", async () =>
     await writeFile(join(root, "api/invoices/[id].ts"), "export {}");
     await mkdir(join(root, "jobs"), { recursive: true });
     await writeFile(join(root, "jobs/x.ts"), "export {}");
+    await mkdir(join(root, "hooks"), { recursive: true });
+    await writeFile(join(root, "hooks/auth.ts"), "export {}");
+    await writeFile(join(root, "hooks/lib.ts"), "export {}");
     await writeFile(join(root, "package.json"), "{}");
     await mkdir(join(root, "node_modules"), { recursive: true });
     await writeFile(join(root, "node_modules/x.js"), "nope");
@@ -36,6 +39,8 @@ test("collectFiles includes hosted sources and skips denied paths", async () =>
     assert.ok(paths.has("api/x.ts"));
     assert.ok(paths.has("api/invoices/[id].ts"));
     assert.ok(paths.has("jobs/x.ts"));
+    assert.ok(paths.has("hooks/auth.ts"));
+    assert.ok(paths.has("hooks/lib.ts"));
     assert.ok(paths.has("package.json"));
     assert.ok(!paths.has("node_modules/x.js"));
     assert.ok(!paths.has("dist/x.js"));

package/src/collect-files.ts

@@ -100,6 +100,7 @@ function isAllowed(path: string): boolean {
   if (path === "database.ts") return true;
   if (path.startsWith("api/")) return path.endsWith(".ts");
   if (path.startsWith("jobs/")) return path.endsWith(".ts");
+  if (path.startsWith("hooks/")) return path.endsWith(".ts");
   if (path === "index.html") return true;
   if (path.startsWith("src/")) return SRC_EXTENSIONS.has(extname(path));
   if (path.startsWith("public/")) return PUBLIC_EXTENSIONS.has(extname(path));

package/src/emit-starter.test.ts

@@ -71,6 +71,7 @@ test("collectFiles for auth-chat starter is Tiny APIs without apps/fe", async ()
   assert.ok(paths.has("api/invite.ts"));
   assert.ok(paths.has("api/health.ts"));
   assert.ok(paths.has("api/me.ts"));
+  assert.ok(paths.has("hooks/auth.ts"));
   assert.ok(!paths.has("index.html"));
   assert.ok(!paths.has("src/main.tsx"));
   assert.ok([...paths].every((path) => !path.startsWith("apps/")));

package/templates/auth-chat/.rulesync/rules/project-overview.md

@@ -11,13 +11,13 @@ cursor:
 
 # Space starter AI rules
 
-This project is a Vite React frontend in `apps/fe` plus a Robodev backend at the **repository root** (`database.ts` + `api/**/*.ts` using `@robodev-ai/sdk`). There is no Expo / mobile app in this starter. End-user auth is reserved on the project host at `/api/user/*`. There is no in-browser fake backend.
+This project is a Vite React frontend in `apps/fe` plus a Robodev backend at the **repository root** (`database.ts` + `api/**/*.ts` + `hooks/auth.ts` using `@robodev-ai/sdk`). There is no Expo / mobile app in this starter. End-user auth is reserved on the project host at `/api/user/*`. There is no in-browser fake backend.
 
 `robodev deploy` from this root uploads schema and APIs. It does not host the Povio SPA. Run the UI with bun in `apps/fe`.
 
 Shared AI rules and skills are authored in `.rulesync/`. Generated files for Codex, Claude Code, and Cursor are local outputs and should be regenerated with `bun rules:gen`.
 
-The demo is a shared chat room plus an authenticated invite-email form. Signed-in users read and post on `GET/POST /api/messages`. Invites go through `POST /api/invite` (`auth: "required"`); posting a chat message does not send email. Do not add `api/user/**`.
+The demo is a shared chat room plus an authenticated invite-email form. Signed-in users read and post on `GET/POST /api/messages`. Invites go through `POST /api/invite` (`auth: "required"`), which persists an `invites` row then sends email. `hooks/auth.ts` claims matching pending invites on `user.created`. Posting a chat message does not send email. Do not add `api/user/**`. Do not add a User table — store `userId` as text matching `ctx.user.id`.
 
 When an app has multiple user roles with distinct UI or business workflows, use the conditional role-based app structure rule. Do not apply role splitting to simple single-role apps or small permission differences.
 

package/templates/auth-chat/.rulesync/rules/robodev-auth.md

@@ -10,6 +10,7 @@ cursor:
     [
       "database.ts",
       "api/**/*.ts",
+      "hooks/**/*.ts",
       "apps/fe/src/components/features/auth/**/*.{ts,tsx}",
       "apps/fe/src/clients/**/*.ts",
     ]

package/templates/auth-chat/api/invite.ts

@@ -1,4 +1,5 @@
-/** POST /api/invite — signed-in users send a chat invite email. */
+/** POST /api/invite — signed-in users persist an invite, then send email. */
+import { invites } from "../database";
 import { defineApi, z } from "@robodev-ai/sdk";
 
 function headerValue(
@@ -28,16 +29,25 @@ export const post = defineApi({
   auth: "required",
   body: z.object({ to: z.string().email() }),
   response: z.object({ id: z.string(), status: z.literal("sent") }),
-  handler: async ({ email, body, user, env, headers }) => {
+  handler: async ({ db, email, body, user, env, headers }) => {
+    const inviteEmail = body.to.toLowerCase();
+    const [row] = await db
+      .insert(invites)
+      .values({
+        email: inviteEmail,
+        invitedByUserId: user!.id,
+      })
+      .returning();
     const url = resolveProjectUrl(env, headers);
     const who = user?.name?.trim() || user?.email || "Someone";
     const project = url ? ` Project URL: ${url}` : "";
-    return email.send({
-      to: body.to,
+    const sent = await email.send({
+      to: inviteEmail,
       subject: "You're invited to the chat",
       text:
         `${who} invited you to a shared chat on Robodev. ` +
         `Open the App URL and sign in to join.${project}`,
     });
+    return { id: row?.id ?? sent.id, status: "sent" as const };
   },
 });

package/templates/auth-chat/database.ts

@@ -1,6 +1,7 @@
 /**
  * Shared chat room. `robodev_auth.users` is platform-owned — store only a
- * snapshot of the author on each message.
+ * snapshot of the author on each message. Invite `userId` columns are text
+ * matching Auth `ctx.user.id`.
  */
 import { defineDatabase, pgTable, text, timestamp, uuid } from "@robodev-ai/sdk";
 
@@ -13,7 +14,16 @@ export const messages = pgTable("messages", {
   createdAt: timestamp("createdAt", { withTimezone: true }).defaultNow(),
 });
 
+export const invites = pgTable("invites", {
+  id: uuid("id").primaryKey().defaultRandom(),
+  email: text("email").notNull(),
+  invitedByUserId: text("invitedByUserId").notNull(),
+  createdAt: timestamp("createdAt", { withTimezone: true }).defaultNow(),
+  claimedAt: timestamp("claimedAt", { withTimezone: true }),
+  claimedByUserId: text("claimedByUserId"),
+});
+
 export default defineDatabase({
   name: "chat",
-  tables: { messages },
+  tables: { messages, invites },
 });

package/templates/auth-chat/hooks/auth.ts

@@ -0,0 +1,17 @@
+import { and, defineAuthHook, eq, isNull } from "@robodev-ai/sdk";
+import { invites } from "../database";
+
+export default defineAuthHook({
+  onUserCreated: async ({ db, event }) => {
+    const email = event.user?.email.toLowerCase();
+    const userId = event.user?.id;
+    if (!email || !userId) return;
+    await db
+      .update(invites)
+      .set({
+        claimedAt: new Date(),
+        claimedByUserId: userId,
+      })
+      .where(and(eq(invites.email, email), isNull(invites.claimedAt)));
+  },
+});

package/templates/auth-chat/package.json

@@ -8,10 +8,10 @@
     "rules:gen": "rulesync generate"
   },
   "dependencies": {
-    "@robodev-ai/sdk": "^0.6.0"
+    "@robodev-ai/sdk": "^0.7.0"
   },
   "devDependencies": {
-    "robodev": "^0.25.0",
+    "robodev": "^0.27.0",
     "rulesync": "^8.18.0",
     "typescript": "^5.9.2"
   }

package/templates/backend/package.json

@@ -7,10 +7,10 @@
     "deploy": "robodev deploy"
   },
   "dependencies": {
-    "@robodev-ai/sdk": "^0.6.0"
+    "@robodev-ai/sdk": "^0.7.0"
   },
   "devDependencies": {
-    "robodev": "^0.25.0",
+    "robodev": "^0.27.0",
     "typescript": "^5.9.2"
   }
 }

package/templates/empty/package.json

@@ -7,10 +7,10 @@
     "deploy": "robodev deploy"
   },
   "dependencies": {
-    "@robodev-ai/sdk": "^0.6.0"
+    "@robodev-ai/sdk": "^0.7.0"
   },
   "devDependencies": {
-    "robodev": "^0.25.0",
+    "robodev": "^0.27.0",
     "typescript": "^5.9.2"
   }
 }

package/templates/marketplace/README.md

@@ -1,8 +1,8 @@
 # {{NAME}}
 
-Starter from `robodev create --starter marketplace`: Tiny C2C marketplace schema (`categories`, `listings`, `cart_items`, `orders`, `watches`, `reviews`, `media`), file-based APIs in `api/`, and a Povio UI in `apps/fe`.
+Starter from `robodev create --starter marketplace`: Marketplace C2C marketplace schema (`categories`, `listings`, `cart_items`, `orders`, `watches`, `reviews`, `media`), file-based APIs in `api/`, and a Povio UI in `apps/fe`.
 
-After a CLI create or deploy with `.robodev` `frontend` set (the default for this starter), the project host serves the built Tiny SPA at `GET /`. APIs and Swagger still win over static files.
+After a CLI create or deploy with `.robodev` `frontend` set (the default for this starter), the project host serves the built Marketplace SPA at `GET /`. APIs and Swagger still win over static files.
 
 Local Starbase occupies FE **:3000** and BE **:4000**. Point the CLI at it, then run starter Vite on **3001** so it does not steal the dashboard port:
 
@@ -27,7 +27,7 @@ npx robodev deploy
 
 `robodev create` / `robodev link` write `VITE_API_URL`, `VITE_PUBLIC_API_URL`, and `APP_PUBLIC_API_URL` in `.env`, rewrite `.config/local.spa.yml` so the FE talks to the project host, and (when `apps/fe/package.json` exists) add a `frontend` block to `.robodev`. `robodev deploy` then runs the local Vite build and uploads the static output.
 
-Dashboard create deploys schema + APIs only. The Tiny FE tree is copied by `robodev create`; a later CLI deploy hosts the SPA.
+Dashboard create deploys schema + APIs only. The Marketplace FE tree is copied by `robodev create`; a later CLI deploy hosts the SPA.
 
 Auth stays reserved at `/api/user/*`. Do not add `api/user/**`.
 

package/templates/marketplace/apps/fe/src/assets/locales/en/translation.json

@@ -54,8 +54,8 @@
   "auth": {
     "wrapper": {
       "title": "Administration portal",
-      "description": "Tiny",
-      "watermark": "© {{year}} Tiny • Developed and maintained by Povio"
+      "description": "Marketplace",
+      "watermark": "© {{year}} Marketplace • Developed and maintained by Povio"
     },
     "shared": {
       "errors": {
@@ -143,7 +143,7 @@
   },
   "layout": {
     "header": {
-      "logo": "Tiny",
+      "logo": "Marketplace",
       "openMenu": "Open menu",
       "closeMenu": "Close menu",
       "nav": {
@@ -151,7 +151,8 @@
         "sell": "Sell",
         "watchlist": "Watchlist",
         "orders": "Orders",
-        "cart": "Cart"
+        "cart": "Cart",
+        "cartCount": "Cart ({{count}})"
       },
       "profile": "Profile",
       "logout": "Logout"
@@ -166,7 +167,8 @@
     "search": "Search",
     "searchPlaceholder": "Search listings",
     "allCategories": "All categories",
-    "empty": "No listings match your search."
+    "empty": "No listings match your search.",
+    "clearFilters": "Clear filters"
   },
   "listing": {
     "notFound": "Listing not found.",
@@ -190,6 +192,8 @@
     "images": "Images",
     "description": "Description",
     "price": "Price",
+    "aboutThisItem": "About this item",
+    "noDescription": "No description.",
     "reviews": "Reviews",
     "noReviews": "No reviews yet."
   },
@@ -202,6 +206,7 @@
     "create": "New listing",
     "empty": "You have no listings yet.",
     "soldOut": "Sold out",
+    "active": "Active",
     "inactive": "Inactive",
     "edit": "Edit",
     "deactivate": "Deactivate",

package/templates/marketplace/apps/fe/src/assets/locales/sl/translation.json

@@ -54,8 +54,8 @@
   "auth": {
     "wrapper": {
       "title": "Administrativni portal",
-      "description": "Tiny",
-      "watermark": "© {{year}} Tiny • Razvija in vzdržuje Povio"
+      "description": "Marketplace",
+      "watermark": "© {{year}} Marketplace • Razvija in vzdržuje Povio"
     },
     "shared": {
       "errors": {
@@ -143,7 +143,7 @@
   },
   "layout": {
     "header": {
-      "logo": "Tiny",
+      "logo": "Marketplace",
       "openMenu": "Odpri meni",
       "closeMenu": "Zapri meni",
       "nav": {
@@ -151,7 +151,8 @@
         "sell": "Prodaj",
         "watchlist": "Seznam spremljanja",
         "orders": "Naročila",
-        "cart": "Košarica"
+        "cart": "Košarica",
+        "cartCount": "Košarica ({{count}})"
       },
       "profile": "Profil",
       "logout": "Odjava"
@@ -166,7 +167,8 @@
     "search": "Iskanje",
     "searchPlaceholder": "Išči oglase",
     "allCategories": "Vse kategorije",
-    "empty": "Noben oglas ne ustreza iskanju."
+    "empty": "Noben oglas ne ustreza iskanju.",
+    "clearFilters": "Počisti filtre"
   },
   "listing": {
     "notFound": "Oglas ni bil najden.",
@@ -190,6 +192,8 @@
     "images": "Slike",
     "description": "Opis",
     "price": "Cena",
+    "aboutThisItem": "O izdelku",
+    "noDescription": "Ni opisa.",
     "reviews": "Ocene",
     "noReviews": "Ocene še ni."
   },
@@ -202,6 +206,7 @@
     "create": "Nov oglas",
     "empty": "Nimate še oglasov.",
     "soldOut": "Razprodano",
+    "active": "Aktivno",
     "inactive": "Neaktivno",
     "edit": "Uredi",
     "deactivate": "Deaktiviraj",

package/templates/marketplace/apps/fe/src/components/features/marketplace/BrowsePage.tsx

@@ -21,6 +21,7 @@ export function BrowsePage() {
     categoryId,
   });
   const listings = data?.items ?? [];
+  const hasFilters = Boolean(search.trim() || categoryId);
 
   return (
     <div className="flex flex-col gap-6">
@@ -61,13 +62,39 @@ export function BrowsePage() {
       {isLoading ? (
         <LoadingState />
       ) : listings.length === 0 ? (
-        <Typography size="body-3" className="text-text-default-2">
-          {t(($) => $.browse.empty)}
-        </Typography>
+        <div className="flex flex-col items-start gap-3">
+          <Typography
+            size="body-3"
+            className="text-text-default-2"
+          >
+            {t(($) => $.browse.empty)}
+          </Typography>
+          {hasFilters ? (
+            <Button
+              size="xs"
+              onPress={() => {
+                setSearch("");
+                setCategoryId(undefined);
+              }}
+            >
+              {t(($) => $.browse.clearFilters)}
+            </Button>
+          ) : (
+            <Button
+              size="xs"
+              link={{ to: "/my-listings" }}
+            >
+              {t(($) => $.sell.title)}
+            </Button>
+          )}
+        </div>
       ) : (
         <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
           {listings.map((listing) => (
-            <ListingCard key={listing.id} listing={listing} />
+            <ListingCard
+              key={listing.id}
+              listing={listing}
+            />
           ))}
         </div>
       )}

package/templates/marketplace/apps/fe/src/components/features/marketplace/CartPage.tsx

@@ -1,3 +1,4 @@
+import { Link } from "@povio/ui";
 import { Button, TextInput, Typography, useToast } from "@povio/ui/tanstack";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
@@ -5,6 +6,7 @@ import { useTranslation } from "react-i18next";
 import { LoadingState } from "@/components/shared/layout/LoadingState";
 import { PageHeader } from "@/components/shared/page/PageHeader";
 import { CartQueries } from "@/openapi/cart/cart.queries";
+import { getFallbackImageUrl } from "@/utils/image-fallback";
 import { formatCents } from "@/utils/listing-form";
 
 export function CartPage() {
@@ -15,6 +17,7 @@ export function CartPage() {
   const updateItem = CartQueries.useUpdate();
   const removeItem = CartQueries.useDeleteApiCartById();
   const items = data ?? [];
+  const subtotalCents = items.reduce((sum, item) => sum + item.listing.priceCents * item.quantity, 0);
 
   const onQty = async (id: string, quantity: number) => {
     try {
@@ -40,7 +43,10 @@ export function CartPage() {
         title={t(($) => $.cart.title)}
         actions={
           items.length > 0 ? (
-            <Button size="xs" link={{ to: "/checkout" }}>
+            <Button
+              size="xs"
+              link={{ to: "/checkout" }}
+            >
               {t(($) => $.cart.checkout)}
             </Button>
           ) : null
@@ -50,37 +56,83 @@ export function CartPage() {
       {isLoading ? (
         <LoadingState />
       ) : items.length === 0 ? (
-        <Typography size="body-3" className="text-text-default-2">
-          {t(($) => $.cart.empty)}
-        </Typography>
+        <div className="flex flex-col items-start gap-3">
+          <Typography
+            size="body-3"
+            className="text-text-default-2"
+          >
+            {t(($) => $.cart.empty)}
+          </Typography>
+          <Button
+            size="xs"
+            link={{ to: "/" }}
+          >
+            {t(($) => $.layout.header.nav.browse)}
+          </Button>
+        </div>
       ) : (
         <div className="flex flex-col gap-4">
-          {items.map((item) => (
-            <div
-              key={item.id}
-              className="flex flex-col gap-2 border-elevation-outline-default-1 border-b pb-4"
-            >
-              <Typography size="title-5">{item.listing.title}</Typography>
-              <Typography size="body-3">{formatCents(item.listing.priceCents)}</Typography>
-              <div className="flex flex-wrap items-end gap-2">
-                <TextInput
-                  variant="filled"
-                  size="extra-small"
-                  value={String(item.quantity)}
-                  onChange={(value) => void onQty(item.id, Number(value) || 1)}
-                  label={t(($) => $.cart.quantity)}
-                />
-                <Button
-                  size="xs"
-                  variant="outlined"
-                  color="secondary"
-                  onPress={() => void onRemove(item.id)}
+          {items.map((item) => {
+            const imageSrc = item.listing.images[0]?.url ?? getFallbackImageUrl({ width: 80, height: 80 });
+
+            return (
+              <div
+                key={item.id}
+                className="flex items-start gap-4 border-elevation-outline-default-1 border-b pb-4"
+              >
+                <Link
+                  to="/listings/$id"
+                  params={{ id: item.listing.id }}
+                  className="shrink-0 overflow-hidden rounded-m border border-elevation-outline-default-1 no-underline!"
+                >
+                  <img
+                    src={imageSrc}
+                    alt=""
+                    className="h-16 w-16 object-cover"
+                  />
+                </Link>
+                <div className="flex min-w-0 flex-1 flex-col gap-2">
+                  <Link
+                    to="/listings/$id"
+                    params={{ id: item.listing.id }}
+                    className="min-w-0 no-underline!"
+                  >
+                    <Typography size="title-5">{item.listing.title}</Typography>
+                  </Link>
+                  <div className="flex flex-wrap items-end gap-2">
+                    <TextInput
+                      variant="filled"
+                      size="extra-small"
+                      value={String(item.quantity)}
+                      onChange={(value) => void onQty(item.id, Number(value) || 1)}
+                      label={t(($) => $.cart.quantity)}
+                    />
+                    <Button
+                      size="xs"
+                      variant="outlined"
+                      color="secondary"
+                      onPress={() => void onRemove(item.id)}
+                    >
+                      {t(($) => $.cart.remove)}
+                    </Button>
+                  </div>
+                </div>
+                <Typography
+                  size="title-5"
+                  variant="prominent-1"
+                  className="shrink-0"
                 >
-                  {t(($) => $.cart.remove)}
-                </Button>
+                  {formatCents(item.listing.priceCents)}
+                </Typography>
               </div>
-            </div>
-          ))}
+            );
+          })}
+          <Typography
+            size="title-5"
+            variant="prominent-1"
+          >
+            {t(($) => $.cart.subtotal)}: {formatCents(subtotalCents)}
+          </Typography>
         </div>
       )}
     </div>

package/templates/marketplace/apps/fe/src/components/features/marketplace/ListingCard.tsx

@@ -1,4 +1,4 @@
-import { Link, Typography } from "@povio/ui";
+import { Link, Tag, Typography } from "@povio/ui";
 import { useTranslation } from "react-i18next";
 
 import type { ListingModels } from "@/openapi/listing/listing.models";
@@ -20,7 +20,11 @@ export function ListingCard({ listing }: ListingCardProps) {
       className="relative overflow-hidden rounded-m border border-elevation-outline-default-1 bg-elevation-fill-default-1 no-underline! shadow-sm transition-all hover:border-elevation-outline-default-2 hover:bg-elevation-fill-default-2"
     >
       <div className="aspect-video w-full bg-elevation-fill-default-2">
-        <img src={imageSrc} alt="" className="h-full w-full object-cover" />
+        <img
+          src={imageSrc}
+          alt=""
+          className="h-full w-full object-cover"
+        />
       </div>
       <div className="flex flex-col gap-2 p-4">
         <Typography
@@ -31,19 +35,22 @@ export function ListingCard({ listing }: ListingCardProps) {
         >
           {listing.title}
         </Typography>
-        <Typography size="body-3" className="text-text-default-1">
+        <Typography
+          size="title-5"
+          variant="prominent-1"
+          className="text-text-default-1"
+        >
           {formatCents(listing.priceCents)}
         </Typography>
         {listing.quantity <= 0 ? (
-          <Typography size="label-3" className="text-text-default-2">
+          <Typography
+            size="label-3"
+            className="text-text-default-2"
+          >
             {t(($) => $.sell.soldOut)}
           </Typography>
         ) : null}
-        {listing.category ? (
-          <Typography size="label-3" className="text-text-default-2">
-            {listing.category.name}
-          </Typography>
-        ) : null}
+        {listing.category ? <Tag color="secondary">{listing.category.name}</Tag> : null}
       </div>
     </Link>
   );

package/templates/marketplace/apps/fe/src/components/features/marketplace/ListingDetailsPage.tsx

@@ -65,7 +65,7 @@ export function ListingDetailsPage({ listing }: ListingDetailsPageProps) {
         title={listing.title}
       />
 
-      <div className="grid grid-cols-1 items-start gap-6 lg:grid-cols-[minmax(0,1.4fr)_minmax(16rem,22rem)]">
+      <div className="grid grid-cols-1 items-start gap-6 md:grid-cols-[minmax(0,1.4fr)_minmax(16rem,22rem)]">
         <ListingGallery images={listing.images} />
 
         <Card className="flex flex-col gap-4">
@@ -90,7 +90,9 @@ export function ListingDetailsPage({ listing }: ListingDetailsPageProps) {
                 color="secondary"
                 label={listing.watchedByMe ? t(($) => $.listing.unwatch) : t(($) => $.listing.watch)}
                 disableTooltip
-                icon={listing.watchedByMe ? <Heart className="fill-current" /> : Heart}
+                icon={
+                  listing.watchedByMe ? <Heart className="fill-current text-interactive-contained-error-idle" /> : Heart
+                }
                 onPress={() => void onToggleWatch()}
               />
             )}
@@ -134,15 +136,6 @@ export function ListingDetailsPage({ listing }: ListingDetailsPageProps) {
               : t(($) => $.listing.noRating)}
           </Typography>
 
-          {listing.description ? (
-            <Typography
-              size="body-3"
-              className="whitespace-pre-wrap text-text-default-2"
-            >
-              {listing.description}
-            </Typography>
-          ) : null}
-
           {isOwn ? <Typography size="body-3">{t(($) => $.listing.ownListing)}</Typography> : null}
 
           {canBuy ? (
@@ -166,6 +159,30 @@ export function ListingDetailsPage({ listing }: ListingDetailsPageProps) {
         </Card>
       </div>
 
+      <div className="flex flex-col gap-3">
+        <Typography
+          size="title-5"
+          variant="prominent-1"
+        >
+          {t(($) => $.listing.aboutThisItem)}
+        </Typography>
+        {listing.description ? (
+          <Typography
+            size="body-3"
+            className="whitespace-pre-wrap text-text-default-2"
+          >
+            {listing.description}
+          </Typography>
+        ) : (
+          <Typography
+            size="body-3"
+            className="text-text-default-2"
+          >
+            {t(($) => $.listing.noDescription)}
+          </Typography>
+        )}
+      </div>
+
       <div className="flex flex-col gap-3">
         <Typography
           size="title-5"

package/templates/marketplace/apps/fe/src/components/features/marketplace/MyListingsPage.tsx

@@ -1,4 +1,4 @@
-import { Drawer, Typography } from "@povio/ui";
+import { Drawer, Link, Tag, Typography } from "@povio/ui";
 import { Button, useToast } from "@povio/ui/tanstack";
 import { useQueryClient } from "@tanstack/react-query";
 import { useNavigate } from "@tanstack/react-router";
@@ -9,9 +9,9 @@ import { useTranslation } from "react-i18next";
 import { LoadingState } from "@/components/shared/layout/LoadingState";
 import { PageHeader } from "@/components/shared/page/PageHeader";
 import { ListingQueries } from "@/openapi/listing/listing.queries";
+import { getFallbackImageUrl } from "@/utils/image-fallback";
 import { formatCents } from "@/utils/listing-form";
 
-import { ListingCard } from "./ListingCard";
 import { ListingForm } from "./ListingForm";
 
 interface MyListingsPageProps {
@@ -86,50 +86,88 @@ export function MyListingsPage({ openCreate = false }: MyListingsPageProps) {
       {isLoading ? (
         <LoadingState />
       ) : listings.length === 0 ? (
-        <Typography
-          size="body-3"
-          className="text-text-default-2"
-        >
-          {t(($) => $.sell.empty)}
-        </Typography>
+        <div className="flex flex-col items-start gap-3">
+          <Typography
+            size="body-3"
+            className="text-text-default-2"
+          >
+            {t(($) => $.sell.empty)}
+          </Typography>
+          <Button
+            size="xs"
+            icon={Plus}
+            onPress={() => setIsCreateOpen(true)}
+          >
+            {t(($) => $.sell.create)}
+          </Button>
+        </div>
       ) : (
         <div className="flex flex-col gap-4">
-          {listings.map((listing) => (
-            <div
-              key={listing.id}
-              className="flex flex-col gap-2"
-            >
-              <ListingCard listing={listing} />
-              <div className="flex flex-wrap items-center gap-2">
+          {listings.map((listing) => {
+            const imageSrc = listing.images[0]?.url ?? getFallbackImageUrl({ width: 80, height: 80 });
+            const isActive = listing.status === "active";
+
+            return (
+              <div
+                key={listing.id}
+                className="flex flex-col gap-3 border-elevation-outline-default-1 border-b pb-4 sm:flex-row sm:items-center"
+              >
+                <Link
+                  to="/listings/$id"
+                  params={{ id: listing.id }}
+                  className="flex min-w-0 flex-1 items-center gap-3 no-underline!"
+                >
+                  <img
+                    src={imageSrc}
+                    alt=""
+                    className="h-16 w-16 shrink-0 rounded-m border border-elevation-outline-default-1 object-cover"
+                  />
+                  <Typography
+                    size="title-5"
+                    variant="prominent-1"
+                    className="min-w-0 text-text-default-1"
+                  >
+                    {listing.title}
+                  </Typography>
+                </Link>
                 <Typography
-                  size="label-3"
-                  className="text-text-default-2"
+                  size="body-3"
+                  className="text-text-default-1"
                 >
                   {formatCents(listing.priceCents)}
-                  {listing.quantity <= 0 ? ` · ${t(($) => $.sell.soldOut)}` : ""}
-                  {listing.status === "inactive" ? ` · ${t(($) => $.sell.inactive)}` : ""}
                 </Typography>
-                <Button
-                  size="xs"
-                  variant="outlined"
-                  color="secondary"
-                  link={{ to: "/sell/$id", params: { id: listing.id } }}
+                <Typography
+                  size="body-3"
+                  className="text-text-default-2"
                 >
-                  {t(($) => $.sell.edit)}
-                </Button>
-                {listing.status === "active" ? (
+                  {listing.quantity}
+                </Typography>
+                <Tag color={isActive ? "success" : "secondary"}>
+                  {isActive ? t(($) => $.sell.active) : t(($) => $.sell.inactive)}
+                </Tag>
+                <div className="flex flex-wrap items-center gap-2">
                   <Button
                     size="xs"
                     variant="outlined"
                     color="secondary"
-                    onPress={() => void onDeactivate(listing.id)}
+                    link={{ to: "/sell/$id", params: { id: listing.id } }}
                   >
-                    {t(($) => $.sell.deactivate)}
+                    {t(($) => $.sell.edit)}
                   </Button>
-                ) : null}
+                  {isActive ? (
+                    <Button
+                      size="xs"
+                      variant="outlined"
+                      color="secondary"
+                      onPress={() => void onDeactivate(listing.id)}
+                    >
+                      {t(($) => $.sell.deactivate)}
+                    </Button>
+                  ) : null}
+                </div>
               </div>
-            </div>
-          ))}
+            );
+          })}
         </div>
       )}
     </div>

package/templates/marketplace/apps/fe/src/components/features/marketplace/WatchlistPage.tsx

@@ -31,13 +31,27 @@ export function WatchlistPage() {
       {isLoading ? (
         <LoadingState />
       ) : items.length === 0 ? (
-        <Typography size="body-3" className="text-text-default-2">
-          {t(($) => $.watchlist.empty)}
-        </Typography>
+        <div className="flex flex-col items-start gap-3">
+          <Typography
+            size="body-3"
+            className="text-text-default-2"
+          >
+            {t(($) => $.watchlist.empty)}
+          </Typography>
+          <Button
+            size="xs"
+            link={{ to: "/" }}
+          >
+            {t(($) => $.layout.header.nav.browse)}
+          </Button>
+        </div>
       ) : (
         <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3">
           {items.map((item) => (
-            <div key={item.id} className="flex flex-col gap-2">
+            <div
+              key={item.id}
+              className="flex flex-col gap-2"
+            >
               <ListingCard listing={item.listing} />
               <Button
                 size="xs"

package/templates/marketplace/apps/fe/src/components/layout/app-header/AppHeader.tsx

@@ -7,6 +7,7 @@ import { useTranslation } from "react-i18next";
 
 import { BrandLogo } from "@/components/shared/branding/BrandLogo";
 import { useAuth } from "@/hooks/useAuth";
+import { CartQueries } from "@/openapi/cart/cart.queries";
 
 import { MobileNavigation } from "./MobileNavigation";
 import { NavLink } from "./NavLink";
@@ -16,6 +17,10 @@ export function AppHeader() {
   const navigate = useNavigate();
   const { isAuthenticated, user, logout } = useAuth();
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
+  const { data: cartItems } = CartQueries.useGetAll();
+  const cartCount = cartItems?.length ?? 0;
+  const cartLabel =
+    cartCount > 0 ? t(($) => $.layout.header.nav.cartCount, { count: cartCount }) : t(($) => $.layout.header.nav.cart);
 
   const menuItems = [
     { label: t(($) => $.layout.header.profile), id: "profile" },
@@ -53,7 +58,7 @@ export function AppHeader() {
           <NavLink to="/my-listings">{t(($) => $.layout.header.nav.sell)}</NavLink>
           <NavLink to="/watchlist">{t(($) => $.layout.header.nav.watchlist)}</NavLink>
           <NavLink to="/orders">{t(($) => $.layout.header.nav.orders)}</NavLink>
-          <NavLink to="/cart">{t(($) => $.layout.header.nav.cart)}</NavLink>
+          <NavLink to="/cart">{cartLabel}</NavLink>
         </nav>
       </div>
 

package/templates/marketplace/apps/fe/src/components/layout/app-header/MobileNavigation.tsx

@@ -5,6 +5,7 @@ import type { Key } from "react";
 import { useTranslation } from "react-i18next";
 
 import { useAuth } from "@/hooks/useAuth";
+import { CartQueries } from "@/openapi/cart/cart.queries";
 
 import { NavLink } from "./NavLink";
 
@@ -12,6 +13,10 @@ export function MobileNavigation() {
   const { t } = useTranslation();
   const navigate = useNavigate();
   const { isAuthenticated, user, logout } = useAuth();
+  const { data: cartItems } = CartQueries.useGetAll();
+  const cartCount = cartItems?.length ?? 0;
+  const cartLabel =
+    cartCount > 0 ? t(($) => $.layout.header.nav.cartCount, { count: cartCount }) : t(($) => $.layout.header.nav.cart);
   const accountLabel = user?.name || user?.email || t(($) => $.layout.header.profile);
 
   const handleMenuAction = (key: Key) => {
@@ -29,7 +34,7 @@ export function MobileNavigation() {
         <NavLink to="/my-listings">{t(($) => $.layout.header.nav.sell)}</NavLink>
         <NavLink to="/watchlist">{t(($) => $.layout.header.nav.watchlist)}</NavLink>
         <NavLink to="/orders">{t(($) => $.layout.header.nav.orders)}</NavLink>
-        <NavLink to="/cart">{t(($) => $.layout.header.nav.cart)}</NavLink>
+        <NavLink to="/cart">{cartLabel}</NavLink>
       </nav>
 
       {isAuthenticated ? (

package/templates/marketplace/apps/fe/src/components/shared/branding/BrandLogo.tsx

@@ -1,13 +1,16 @@
 import clsx from "clsx";
 import type { HTMLAttributes } from "react";
+import { useTranslation } from "react-i18next";
 
 export function BrandLogo({ className, ...props }: HTMLAttributes<HTMLSpanElement>) {
+  const { t } = useTranslation();
+
   return (
     <span
       className={clsx("inline-flex h-[34px] items-center font-semibold text-xl tracking-tight", className)}
       {...props}
     >
-      Tiny
+      {t(($) => $.appName)}
     </span>
   );
 }

package/templates/marketplace/openapi.json

@@ -1,7 +1,7 @@
 {
   "info": {
     "title": "Marketplace API",
-    "description": "OpenAPI spec for the Tiny marketplace backend and reserved /api/user auth.",
+    "description": "OpenAPI spec for the Marketplace backend and reserved /api/user auth.",
     "version": "1.0.0"
   },
   "servers": [

package/templates/marketplace/package.json

@@ -8,10 +8,10 @@
     "rules:gen": "rulesync generate"
   },
   "dependencies": {
-    "@robodev-ai/sdk": "^0.6.0"
+    "@robodev-ai/sdk": "^0.7.0"
   },
   "devDependencies": {
-    "robodev": "^0.25.0",
+    "robodev": "^0.27.0",
     "rulesync": "^8.18.0",
     "typescript": "^5.9.2"
   }

package/templates/space/package.json

@@ -8,10 +8,10 @@
     "rules:gen": "rulesync generate"
   },
   "dependencies": {
-    "@robodev-ai/sdk": "^0.6.0"
+    "@robodev-ai/sdk": "^0.7.0"
   },
   "devDependencies": {
-    "robodev": "^0.25.0",
+    "robodev": "^0.27.0",
     "rulesync": "^8.18.0",
     "typescript": "^5.9.2"
   }