feat(ui): mağazalar sayfası, ürün kataloğu ve ürün tipi detayında ürünler

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/app/(app)/magazalar/page.tsx

@@ -0,0 +1,25 @@
+import type { Metadata } from "next";
+import { notFound } from "next/navigation";
+import { PageHeader } from "@/components/page-header";
+import { StoresView } from "@/features/stores/components/stores-view";
+import { listStores } from "@/features/stores/service";
+import { tr } from "@/i18n/tr";
+import { requireActiveHousehold } from "@/lib/dal";
+
+export const metadata: Metadata = { title: tr.stores.title };
+
+/** /magazalar — marketler, online platformlar ve pazarlar; uzaklık, taşıma ve zahmet skoru. */
+export default async function StoresPage() {
+  const { user, household } = await requireActiveHousehold("viewer");
+  const data = await listStores(user.id, household.id);
+  if (!data) notFound();
+  return (
+    <>
+      <PageHeader title={tr.stores.title} description={tr.stores.description} />
+      {!data.canWrite ? (
+        <p className="text-sm text-muted-foreground">{tr.stores.readOnly}</p>
+      ) : null}
+      <StoresView stores={data.stores} canWrite={data.canWrite} />
+    </>
+  );
+}

src/app/(app)/stok/[id]/page.tsx

@@ -1,5 +1,7 @@
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
+import { ProductsSection } from "@/features/products/components/products-section";
+import { listProducts, listProductTypeOptions } from "@/features/products/service";
 import { ProductDetailView } from "@/features/stock/components/product-detail-view";
 import { getProductType, getStockOptions } from "@/features/stock/service";
 import { tr } from "@/i18n/tr";
@@ -11,10 +13,25 @@ export const metadata: Metadata = { title: tr.stock.detail.movements };
 export default async function ProductTypePage({ params }: PageProps<"/stok/[id]">) {
   const { user, household } = await requireActiveHousehold("viewer");
   const { id } = await params;
-  const [data, options] = await Promise.all([
+  const [data, options, products, types] = await Promise.all([
     getProductType(user.id, household.id, id),
     getStockOptions(user.id, household.id),
+    listProducts(user.id, household.id, { productTypeId: id, includeArchived: true }),
+    listProductTypeOptions(user.id, household.id),
   ]);
-  if (!data || !options) notFound();
-  return <ProductDetailView data={data} categories={options.categories} />;
+  if (!data || !options || !products || !types) notFound();
+  return (
+    <ProductDetailView
+      data={data}
+      categories={options.categories}
+      products={
+        <ProductsSection
+          productTypeId={data.id}
+          products={products.products}
+          types={types}
+          canWrite={products.canWrite}
+        />
+      }
+    />
+  );
 }

src/app/(app)/stok/urunler/page.tsx

@@ -0,0 +1,19 @@
+import type { Metadata } from "next";
+import { notFound } from "next/navigation";
+import { ProductsCatalog } from "@/features/products/components/products-catalog";
+import { listProducts, listProductTypeOptions } from "@/features/products/service";
+import { tr } from "@/i18n/tr";
+import { requireActiveHousehold } from "@/lib/dal";
+
+export const metadata: Metadata = { title: tr.products.title };
+
+/** /stok/urunler — ürün kataloğu (marka/paket), ürün tipine göre gruplu. */
+export default async function ProductsPage() {
+  const { user, household } = await requireActiveHousehold("viewer");
+  const [data, types] = await Promise.all([
+    listProducts(user.id, household.id, { includeArchived: true }),
+    listProductTypeOptions(user.id, household.id),
+  ]);
+  if (!data || !types) notFound();
+  return <ProductsCatalog products={data.products} types={types} canWrite={data.canWrite} />;
+}