share route itens

apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments._index/columns.tsx

@@ -42,8 +42,7 @@ import {
 import { Progress } from '@repo/ui/components/ui/progress'
 import { Spinner } from '@repo/ui/components/ui/spinner'
 import { cn, initials } from '@repo/ui/lib/utils'
-
+import { labels, statuses } from '@repo/ui/routes/enrollments/data'
-import { labels, statuses } from './data'
 
 // This type is used to define the shape of our data.
 // You can use a Zod schema here if you want.
@@ -61,14 +60,6 @@ export type Enrollment = {
   created_at: string
 }
 
-const formatted = new Intl.DateTimeFormat('pt-BR', {
-  day: '2-digit',
-  month: '2-digit',
-  year: 'numeric',
-  hour: '2-digit',
-  minute: '2-digit'
-})
-
 export const columns: ColumnDef<Enrollment>[] = [
   {
     id: 'select',

apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments._index/route.tsx

@@ -3,7 +3,7 @@ import type { Route } from './+types/route'
 import { CalendarIcon, PlusCircleIcon, PlusIcon } from 'lucide-react'
 import { MeiliSearchFilterBuilder } from 'meilisearch-helper'
 import { Suspense, useState } from 'react'
-import { Await, Link, Outlet, useParams, useSearchParams } from 'react-router'
+import { Await, Link, useParams, useSearchParams } from 'react-router'
 
 import { DataTable, DataTableViewOptions } from '@repo/ui/components/data-table'
 import { FacetedFilter } from '@repo/ui/components/faceted-filter'
@@ -12,12 +12,11 @@ import { SearchForm } from '@repo/ui/components/search-form'
 import { Skeleton } from '@repo/ui/components/skeleton'
 import { Button } from '@repo/ui/components/ui/button'
 import { ExportMenu } from '@repo/ui/components/export-menu'
-
 import { Kbd } from '@repo/ui/components/ui/kbd'
 import { createSearch } from '@repo/util/meili'
 
+import { headers, sortings, statuses } from '@repo/ui/routes/enrollments/data'
 import { columns, type Enrollment } from './columns'
-import { headers, sortings, statuses } from './data'
 
 export function meta({}: Route.MetaArgs) {
   return [{ title: 'Matrículas' }]
@@ -45,8 +44,7 @@ export async function loader({ params, context, request }: Route.LoaderArgs) {
     builder = builder.where(field, 'between', [from_, to])
   }
 
-  return {
+  const enrollments = createSearch({
-    data: createSearch({
     index: 'betaeducacao-prod-enrollments',
     filter: builder.build(),
     sort: [sort],
@@ -55,6 +53,9 @@ export async function loader({ params, context, request }: Route.LoaderArgs) {
     hitsPerPage,
     env: context.cloudflare.env
   })
+
+  return {
+    data: enrollments
   }
 }
 
@@ -211,8 +212,6 @@ export default function Route({ loaderData: { data } }) {
           </DataTable>
         )}
       </Await>
-
-      <Outlet />
     </Suspense>
   )
 }

apps/admin.saladeaula.digital/app/routes/_.$orgid.orders._index/route.tsx

@@ -8,7 +8,7 @@ import { DataTable } from '@repo/ui/components/data-table'
 import { Skeleton } from '@repo/ui/components/skeleton'
 import { createSearch } from '@repo/util/meili'
 
-import { columns, type Order } from './columns'
+import { columns, type Order } from '@repo/ui/routes/orders/columns'
 
 export function meta({}: Route.MetaArgs) {
   return [{ title: 'Histórico de compras' }]

apps/admin.saladeaula.digital/app/routes/_.$orgid.users._index/columns.tsx

@@ -1,6 +1,5 @@
 'use client'
 
-import { formatCPF } from '@brazilian-utils/brazilian-utils'
 import { type ColumnDef } from '@tanstack/react-table'
 import { useToggle } from 'ahooks'
 import {

apps/admin.saladeaula.digital/app/routes/_.$orgid/route.tsx

@@ -73,7 +73,7 @@ export default function Route({ loaderData }: Route.ComponentProps) {
             className="bg-background/15 backdrop-blur-sm
                        px-4 py-2 lg:py-4 sticky top-0 z-5"
           >
-            <div className="container mx-auto flex items-center">
+            <div className="container mx-auto flex items-center max-w-7xl">
               <SidebarTrigger className="md:hidden" />
               <ThemedImage className="max-md:hidden" />
 
@@ -85,7 +85,7 @@ export default function Route({ loaderData }: Route.ComponentProps) {
           </header>
 
           <div className="p-4">
-            <div className="container mx-auto relative">
+            <div className="container mx-auto relative max-w-7xl">
               <Outlet />
               <Toaster
                 position="top-center"

apps/admin.saladeaula.digital/worker-configuration.d.ts

@@ -1,6 +1,6 @@
 /* eslint-disable */
 // Generated by Wrangler by running `wrangler types` (hash: 1aadef19c576560a2c23acd0e7ab9b2e)
-// Runtime types generated with workerd@1.20251113.0 2025-04-04 
+// Runtime types generated with workerd@1.20251118.0 2025-04-04 
 declare namespace Cloudflare {
 	interface GlobalProps {
 		mainModule: typeof import("./workers/app");
@@ -460,7 +460,7 @@ interface StructuredSerializeOptions {
     transfer?: any[];
 }
 declare abstract class Navigator {
-    sendBeacon(url: string, body?: (ReadableStream | string | (ArrayBuffer | ArrayBufferView) | Blob | FormData | URLSearchParams | URLSearchParams)): boolean;
+    sendBeacon(url: string, body?: BodyInit): boolean;
     readonly userAgent: string;
     readonly hardwareConcurrency: number;
 }
@@ -6750,20 +6750,8 @@ declare abstract class Ai<AiModelList extends AiModelListType = AiModels> {
     } ? ReadableStream : AiModelList[Name]["postProcessedOutputs"]>;
     models(params?: AiModelsSearchParams): Promise<AiModelsSearchObject[]>;
     toMarkdown(): ToMarkdownService;
-    toMarkdown(files: {
+    toMarkdown(files: MarkdownDocument[], options?: ConversionRequestOptions): Promise<ConversionResponse[]>;
-        name: string;
+    toMarkdown(files: MarkdownDocument, options?: ConversionRequestOptions): Promise<ConversionResponse>;
-        blob: Blob;
-    }[], options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse[]>;
-    toMarkdown(files: {
-        name: string;
-        blob: Blob;
-    }, options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse>;
 }
 type GatewayRetries = {
     maxAttempts?: 1 | 2 | 3 | 4 | 5;
@@ -8415,21 +8403,22 @@ declare namespace CloudflareWorkersModule {
         protected ctx: ExecutionContext<Props>;
         protected env: Env;
         constructor(ctx: ExecutionContext, env: Env);
+        email?(message: ForwardableEmailMessage): void | Promise<void>;
         fetch?(request: Request): Response | Promise<Response>;
+        queue?(batch: MessageBatch<unknown>): void | Promise<void>;
+        scheduled?(controller: ScheduledController): void | Promise<void>;
         tail?(events: TraceItem[]): void | Promise<void>;
         tailStream?(event: TailStream.TailEvent<TailStream.Onset>): TailStream.TailEventHandlerType | Promise<TailStream.TailEventHandlerType>;
-        trace?(traces: TraceItem[]): void | Promise<void>;
-        scheduled?(controller: ScheduledController): void | Promise<void>;
-        queue?(batch: MessageBatch<unknown>): void | Promise<void>;
         test?(controller: TestController): void | Promise<void>;
+        trace?(traces: TraceItem[]): void | Promise<void>;
     }
     export abstract class DurableObject<Env = Cloudflare.Env, Props = {}> implements Rpc.DurableObjectBranded {
         [Rpc.__DURABLE_OBJECT_BRAND]: never;
         protected ctx: DurableObjectState<Props>;
         protected env: Env;
         constructor(ctx: DurableObjectState, env: Env);
-        fetch?(request: Request): Response | Promise<Response>;
         alarm?(alarmInfo?: AlarmInvocationInfo): void | Promise<void>;
+        fetch?(request: Request): Response | Promise<Response>;
         webSocketMessage?(ws: WebSocket, message: string | ArrayBuffer): void | Promise<void>;
         webSocketClose?(ws: WebSocket, code: number, reason: string, wasClean: boolean): void | Promise<void>;
         webSocketError?(ws: WebSocket, error: unknown): void | Promise<void>;
@@ -8492,36 +8481,56 @@ declare module "cloudflare:sockets" {
     function _connect(address: string | SocketAddress, options?: SocketOptions): Socket;
     export { _connect as connect };
 }
+type MarkdownDocument = {
+    name: string;
+    blob: Blob;
+};
 type ConversionResponse = {
     name: string;
     mimeType: string;
-} & ({
+    format: 'markdown';
-    format: "markdown";
     tokens: number;
     data: string;
 } | {
-    format: "error";
+    name: string;
+    mimeType: string;
+    format: 'error';
     error: string;
-});
+};
+type ImageConversionOptions = {
+    descriptionLanguage?: 'en' | 'es' | 'fr' | 'it' | 'pt' | 'de';
+};
+type EmbeddedImageConversionOptions = ImageConversionOptions & {
+    convert?: boolean;
+    maxConvertedImages?: number;
+};
+type ConversionOptions = {
+    html?: {
+        images?: EmbeddedImageConversionOptions & {
+            convertOGImage?: boolean;
+        };
+    };
+    docx?: {
+        images?: EmbeddedImageConversionOptions;
+    };
+    image?: ImageConversionOptions;
+    pdf?: {
+        images?: EmbeddedImageConversionOptions;
+        metadata?: boolean;
+    };
+};
+type ConversionRequestOptions = {
+    gateway?: GatewayOptions;
+    extraHeaders?: object;
+    conversionOptions?: ConversionOptions;
+};
 type SupportedFileFormat = {
     mimeType: string;
     extension: string;
 };
 declare abstract class ToMarkdownService {
-    transform(files: {
+    transform(files: MarkdownDocument[], options?: ConversionRequestOptions): Promise<ConversionResponse[]>;
-        name: string;
+    transform(files: MarkdownDocument, options?: ConversionRequestOptions): Promise<ConversionResponse>;
-        blob: Blob;
-    }[], options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse[]>;
-    transform(files: {
-        name: string;
-        blob: Blob;
-    }, options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse>;
     supported(): Promise<SupportedFileFormat[]>;
 }
 declare namespace TailStream {

apps/id.saladeaula.digital/worker-configuration.d.ts

@@ -1,6 +1,6 @@
 /* eslint-disable */
 // Generated by Wrangler by running `wrangler types` (hash: 20d12d2cb42a565d117b277533ca85a9)
-// Runtime types generated with workerd@1.20251113.0 2025-04-04 
+// Runtime types generated with workerd@1.20251118.0 2025-04-04 
 declare namespace Cloudflare {
 	interface GlobalProps {
 		mainModule: typeof import("./workers/app");
@@ -452,7 +452,7 @@ interface StructuredSerializeOptions {
     transfer?: any[];
 }
 declare abstract class Navigator {
-    sendBeacon(url: string, body?: (ReadableStream | string | (ArrayBuffer | ArrayBufferView) | Blob | FormData | URLSearchParams | URLSearchParams)): boolean;
+    sendBeacon(url: string, body?: BodyInit): boolean;
     readonly userAgent: string;
     readonly hardwareConcurrency: number;
 }
@@ -6742,20 +6742,8 @@ declare abstract class Ai<AiModelList extends AiModelListType = AiModels> {
     } ? ReadableStream : AiModelList[Name]["postProcessedOutputs"]>;
     models(params?: AiModelsSearchParams): Promise<AiModelsSearchObject[]>;
     toMarkdown(): ToMarkdownService;
-    toMarkdown(files: {
+    toMarkdown(files: MarkdownDocument[], options?: ConversionRequestOptions): Promise<ConversionResponse[]>;
-        name: string;
+    toMarkdown(files: MarkdownDocument, options?: ConversionRequestOptions): Promise<ConversionResponse>;
-        blob: Blob;
-    }[], options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse[]>;
-    toMarkdown(files: {
-        name: string;
-        blob: Blob;
-    }, options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse>;
 }
 type GatewayRetries = {
     maxAttempts?: 1 | 2 | 3 | 4 | 5;
@@ -8407,21 +8395,22 @@ declare namespace CloudflareWorkersModule {
         protected ctx: ExecutionContext<Props>;
         protected env: Env;
         constructor(ctx: ExecutionContext, env: Env);
+        email?(message: ForwardableEmailMessage): void | Promise<void>;
         fetch?(request: Request): Response | Promise<Response>;
+        queue?(batch: MessageBatch<unknown>): void | Promise<void>;
+        scheduled?(controller: ScheduledController): void | Promise<void>;
         tail?(events: TraceItem[]): void | Promise<void>;
         tailStream?(event: TailStream.TailEvent<TailStream.Onset>): TailStream.TailEventHandlerType | Promise<TailStream.TailEventHandlerType>;
-        trace?(traces: TraceItem[]): void | Promise<void>;
-        scheduled?(controller: ScheduledController): void | Promise<void>;
-        queue?(batch: MessageBatch<unknown>): void | Promise<void>;
         test?(controller: TestController): void | Promise<void>;
+        trace?(traces: TraceItem[]): void | Promise<void>;
     }
     export abstract class DurableObject<Env = Cloudflare.Env, Props = {}> implements Rpc.DurableObjectBranded {
         [Rpc.__DURABLE_OBJECT_BRAND]: never;
         protected ctx: DurableObjectState<Props>;
         protected env: Env;
         constructor(ctx: DurableObjectState, env: Env);
-        fetch?(request: Request): Response | Promise<Response>;
         alarm?(alarmInfo?: AlarmInvocationInfo): void | Promise<void>;
+        fetch?(request: Request): Response | Promise<Response>;
         webSocketMessage?(ws: WebSocket, message: string | ArrayBuffer): void | Promise<void>;
         webSocketClose?(ws: WebSocket, code: number, reason: string, wasClean: boolean): void | Promise<void>;
         webSocketError?(ws: WebSocket, error: unknown): void | Promise<void>;
@@ -8484,36 +8473,56 @@ declare module "cloudflare:sockets" {
     function _connect(address: string | SocketAddress, options?: SocketOptions): Socket;
     export { _connect as connect };
 }
+type MarkdownDocument = {
+    name: string;
+    blob: Blob;
+};
 type ConversionResponse = {
     name: string;
     mimeType: string;
-} & ({
+    format: 'markdown';
-    format: "markdown";
     tokens: number;
     data: string;
 } | {
-    format: "error";
+    name: string;
+    mimeType: string;
+    format: 'error';
     error: string;
-});
+};
+type ImageConversionOptions = {
+    descriptionLanguage?: 'en' | 'es' | 'fr' | 'it' | 'pt' | 'de';
+};
+type EmbeddedImageConversionOptions = ImageConversionOptions & {
+    convert?: boolean;
+    maxConvertedImages?: number;
+};
+type ConversionOptions = {
+    html?: {
+        images?: EmbeddedImageConversionOptions & {
+            convertOGImage?: boolean;
+        };
+    };
+    docx?: {
+        images?: EmbeddedImageConversionOptions;
+    };
+    image?: ImageConversionOptions;
+    pdf?: {
+        images?: EmbeddedImageConversionOptions;
+        metadata?: boolean;
+    };
+};
+type ConversionRequestOptions = {
+    gateway?: GatewayOptions;
+    extraHeaders?: object;
+    conversionOptions?: ConversionOptions;
+};
 type SupportedFileFormat = {
     mimeType: string;
     extension: string;
 };
 declare abstract class ToMarkdownService {
-    transform(files: {
+    transform(files: MarkdownDocument[], options?: ConversionRequestOptions): Promise<ConversionResponse[]>;
-        name: string;
+    transform(files: MarkdownDocument, options?: ConversionRequestOptions): Promise<ConversionResponse>;
-        blob: Blob;
-    }[], options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse[]>;
-    transform(files: {
-        name: string;
-        blob: Blob;
-    }, options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse>;
     supported(): Promise<SupportedFileFormat[]>;
 }
 declare namespace TailStream {

apps/insights.saladeaula.digital/app/routes/_app.enrollments._index/columns.tsx

@@ -24,8 +24,7 @@ import {
 import { Progress } from '@repo/ui/components/ui/progress'
 import { Spinner } from '@repo/ui/components/ui/spinner'
 import { cn, initials } from '@repo/ui/lib/utils'
-
+import { labels, statuses } from '@repo/ui/routes/enrollments/data'
-import { labels, statuses } from './data'
 
 // This type is used to define the shape of our data.
 // You can use a Zod schema here if you want.

apps/insights.saladeaula.digital/app/routes/_app.enrollments._index/data.tsx

@@ -1,69 +0,0 @@
-import {
-  CircleCheckIcon,
-  CircleIcon,
-  CircleOffIcon,
-  CircleXIcon,
-  TimerIcon,
-  type LucideIcon
-} from 'lucide-react'
-
-export const statuses: Record<
-  string,
-  { icon: LucideIcon; color?: string; label: string }
-> = {
-  PENDING: {
-    icon: CircleIcon,
-    label: 'Não iniciado'
-  },
-  IN_PROGRESS: {
-    icon: TimerIcon,
-    color: 'text-blue-400 [&_svg]:text-blue-500',
-    label: 'Em andamento'
-  },
-  COMPLETED: {
-    icon: CircleCheckIcon,
-    color: 'text-green-400 [&_svg]:text-background [&_svg]:fill-green-500',
-    label: 'Concluído'
-  },
-  FAILED: {
-    icon: CircleXIcon,
-    color: 'text-red-400 [&_svg]:text-red-500',
-    label: 'Reprovado'
-  },
-  CANCELED: {
-    icon: CircleOffIcon,
-    color: 'text-orange-400 [&_svg]:text-orange-500',
-    label: 'Cancelado'
-  }
-}
-
-export const labels: Record<string, string> = {
-  PENDING: 'Não iniciado',
-  IN_PROGRESS: 'Em andamento',
-  COMPLETED: 'Concluído',
-  FAILED: 'Reprovado',
-  CANCELED: 'Cancelado'
-}
-
-export const sortings: Record<string, string> = {
-  created_at: 'Cadastrado em',
-  started_at: 'Iniciado em',
-  completed_at: 'Concluído em',
-  failed_at: 'Reprovado em',
-  canceled_at: 'Cancelado em'
-}
-
-export const headers = {
-  id: 'ID',
-  'user.name': 'Nome',
-  'user.email': 'Email',
-  'user.cpf': 'CPF',
-  'course.name': 'Curso',
-  status: 'Status',
-  progress: 'Progresso',
-  created_at: 'Cadastrado em',
-  started_at: 'Iniciado em',
-  completed_at: 'Concluído em',
-  failed_at: 'Reprovado em',
-  canceled_at: 'Cancelado em'
-}

apps/insights.saladeaula.digital/app/routes/_app.enrollments._index/route.tsx

@@ -31,8 +31,8 @@ import {
 import { Kbd } from '@repo/ui/components/ui/kbd'
 import { createSearch } from '@repo/util/meili'
 
+import { headers, sortings, statuses } from '@repo/ui/routes/enrollments/data'
 import { columns, type Enrollment } from './columns'
-import { headers, sortings, statuses } from './data'
 
 export function meta({}: Route.MetaArgs) {
   return [{ title: 'Matrículas' }]

apps/insights.saladeaula.digital/app/routes/_app.payments._index/columns.tsx

@@ -1,5 +1,7 @@
 'use client'
 
+import { columns as columns_, type Order } from '@repo/ui/routes/orders/columns'
+
 import { formatCNPJ, formatCPF } from '@brazilian-utils/brazilian-utils'
 import { type ColumnDef } from '@tanstack/react-table'
 
@@ -7,23 +9,7 @@ import { Abbr } from '@repo/ui/components/abbr'
 import { Avatar, AvatarFallback } from '@repo/ui/components/ui/avatar'
 import { initials } from '@repo/ui/lib/utils'
 
-// This type is used to define the shape of our data.
+export type { Order }
-// You can use a Zod schema here if you want.
-export type Order = {
-  id: string
-  total: number
-  status: 'pending' | 'processing' | 'success' | 'failed'
-  payment_method: 'PIX' | 'CREDIT_CARD' | 'MANUAL' | 'failed'
-  name: string
-}
-
-const formatted = new Intl.DateTimeFormat('pt-BR', {
-  day: '2-digit',
-  month: '2-digit',
-  year: 'numeric',
-  hour: '2-digit',
-  minute: '2-digit'
-})
 
 export const columns: ColumnDef<Order>[] = [
   {
@@ -65,54 +51,5 @@ export const columns: ColumnDef<Order>[] = [
       return <></>
     }
   },
-  {
+  ...columns_
-    accessorKey: 'payment_method',
-    header: 'Forma de pag.'
-  },
-  {
-    accessorKey: 'status',
-    header: 'Status'
-  },
-  {
-    accessorKey: 'total',
-    header: 'Valor total',
-    cell: ({ row }) => {
-      const amount = parseFloat(row.getValue('total'))
-      const formatted = new Intl.NumberFormat('pt-BR', {
-        style: 'currency',
-        currency: 'BRL'
-      }).format(amount)
-
-      return <div className="font-medium">{formatted}</div>
-    }
-  },
-  {
-    header: 'Comprado em',
-    cell: ({ row }) => {
-      const createdAt = new Date(row.original.create_date)
-      return formatted.format(createdAt)
-    }
-  },
-  {
-    header: 'Vencimento em',
-    cell: ({ row }) => {
-      try {
-        const dueDate = new Date(row.original.due_date)
-        return formatted.format(dueDate)
-      } catch {
-        return 'N/A'
-      }
-    }
-  },
-  {
-    header: 'Pago em',
-    cell: ({ row }) => {
-      if (row.original.payment_date) {
-        const createdAt = new Date(row.original.payment_date)
-        return formatted.format(createdAt)
-      }
-
-      return <></>
-    }
-  }
 ]

apps/insights.saladeaula.digital/app/routes/_app.payments._index/route.tsx

@@ -1,4 +1,4 @@
-import type { Route } from './+types'
+import type { Route } from './+types/route'
 
 import { Suspense } from 'react'
 import { Await } from 'react-router'
@@ -16,12 +16,13 @@ export function meta({}: Route.MetaArgs) {
 export async function loader({ context, request }: Route.LoaderArgs) {
   const { searchParams } = new URL(request.url)
   const page = Number(searchParams.get('p')) + 1
+  const sort = searchParams.get('sort') || 'create_date:desc'
   const hitsPerPage = Number(searchParams.get('perPage')) || 25
 
   return {
     data: createSearch({
       index: 'betaeducacao-prod-orders',
-      sort: ['create_date:desc'],
+      sort: [sort],
       page,
       hitsPerPage,
       env: context.cloudflare.env

apps/insights.saladeaula.digital/app/routes/_app/route.tsx

@@ -40,7 +40,7 @@ export default function Route({ loaderData }: Route.ComponentProps) {
                      px-4 py-2 lg:py-4 sticky top-0 z-5
                      md:rounded-t-2xl"
         >
-          <div className="container mx-auto flex items-center">
+          <div className="container mx-auto flex items-center max-w-7xl">
             <SidebarTrigger className="md:hidden" />
             <ThemedImage className="max-md:hidden flex gap-1">
               <span className="text-muted-foreground text-xs">Insights</span>
@@ -54,7 +54,7 @@ export default function Route({ loaderData }: Route.ComponentProps) {
         </header>
 
         <div className="p-4">
-          <div className="container mx-auto relative">
+          <div className="container mx-auto relative max-w-7xl">
             <Outlet />
             <Toaster
               position="top-center"

apps/saladeaula.digital/app/components/container.tsx

@@ -8,7 +8,9 @@ type ContainerProps = {
 export function Container({ children, className }: ContainerProps) {
   return (
     <main className="p-4">
-      <div className={cn('container mx-auto', className)}>{children}</div>
+      <div className={cn('container mx-auto max-w-7xl', className)}>
+        {children}
+      </div>
     </main>
   )
 }

apps/saladeaula.digital/app/components/scorm12-player.tsx

@@ -1,71 +0,0 @@
-'use client'
-
-import { useEffect, useRef, useState } from 'react'
-import { Scorm12API } from 'scorm-again/scorm12'
-import { settings, type ScormPlayerProps } from './scorm-player'
-
-// https://scorm.com/scorm-explained/technical-scorm/run-time/run-time-reference/#section-2
-export function Scorm12Player({
-  scormState,
-  scormContentPath,
-  className,
-  onCommit,
-  setValue
-}: ScormPlayerProps) {
-  const [iframeLoaded, setIframeLoaded] = useState(false)
-  const scormApiRef = useRef<Scorm12API | null>(null)
-
-  useEffect(() => {
-    const scormApi = new Scorm12API(settings)
-    scormApi.loadFromFlattenedJSON(scormState)
-
-    scormApi.on('LMSCommit', function () {
-      onCommit?.(scormApi.renderCommitCMI(true))
-    })
-
-    scormApi.on('LMSSetValue.*', function (element: any, value: any) {
-      setValue?.(element, value)
-    })
-
-    scormApiRef.current = scormApi
-    window.API = scormApi
-    setIframeLoaded(true)
-
-    return () => {
-      scormApiRef.current = null
-    }
-  }, [])
-
-  useEffect(() => {
-    if (!scormApiRef.current) {
-      return
-    }
-
-    const scormApi = scormApiRef.current
-    let unloaded = false
-
-    function unload() {
-      if (unloaded || scormApi.isTerminated()) {
-        return false
-      }
-
-      scormApi.LMSSetValue('cmi.core.exit', 'suspend')
-      scormApi.LMSCommit()
-      scormApi.LMSFinish()
-
-      unloaded = true
-    }
-
-    window.addEventListener('beforeunload', unload)
-    window.addEventListener('unload', unload)
-
-    return () => {
-      window.removeEventListener('beforeunload', unload)
-      window.removeEventListener('unload', unload)
-    }
-  }, [])
-
-  if (iframeLoaded) {
-    return <iframe src={`/proxy/${scormContentPath}`} className={className} />
-  }
-}

apps/saladeaula.digital/app/components/scorm2004-player.tsx

@@ -1,70 +0,0 @@
-'use client'
-
-import { useEffect, useRef, useState } from 'react'
-import { Scorm2004API } from 'scorm-again/scorm2004'
-import { settings, type ScormPlayerProps } from './scorm-player'
-
-export function Scorm2004Player({
-  scormState,
-  scormContentPath,
-  className,
-  onCommit,
-  setValue
-}: ScormPlayerProps) {
-  const [iframeLoaded, setIframeLoaded] = useState(false)
-  const scormApiRef = useRef<Scorm2004API | null>(null)
-
-  useEffect(() => {
-    const scormApi = new Scorm2004API(settings)
-    scormApi.loadFromFlattenedJSON(scormState)
-
-    scormApi.on('LMSCommit', function () {
-      onCommit?.(scormApi.renderCommitCMI(true))
-    })
-
-    scormApi.on('LMSSetValue.*', function (element: any, value: any) {
-      setValue?.(element, value)
-    })
-
-    scormApiRef.current = scormApi
-    window.API_1484_11 = scormApi
-    setIframeLoaded(true)
-
-    return () => {
-      scormApiRef.current = null
-    }
-  }, [])
-
-  useEffect(() => {
-    if (!scormApiRef.current) {
-      return
-    }
-
-    const scormApi = scormApiRef.current
-    let unloaded = false
-
-    function unload() {
-      if (unloaded || scormApi.isTerminated()) {
-        return false
-      }
-
-      scormApi.SetValue('cmi.exit', 'suspend')
-      scormApi.Commit()
-      scormApi.Terminate()
-
-      unloaded = true
-    }
-
-    window.addEventListener('beforeunload', unload)
-    window.addEventListener('unload', unload)
-
-    return () => {
-      window.removeEventListener('beforeunload', unload)
-      window.removeEventListener('unload', unload)
-    }
-  }, [])
-
-  if (iframeLoaded) {
-    return <iframe src={`/proxy/${scormContentPath}`} className={className} />
-  }
-}

apps/saladeaula.digital/app/routes/index.tsx

@@ -22,12 +22,8 @@ import { MeiliSearchFilterBuilder } from 'meilisearch-helper'
 import { Suspense, useMemo } from 'react'
 import { Await, NavLink, useSearchParams } from 'react-router'
 
-import placeholder from '@/assets/placeholder.webp'
-import { Container } from '@/components/container'
-
 import type { User } from '@repo/auth/auth'
 import { userContext } from '@repo/auth/context'
-
 import { FacetedFilter } from '@repo/ui/components/faceted-filter'
 import { SearchForm } from '@repo/ui/components/search-form'
 import { Skeleton } from '@repo/ui/components/skeleton'
@@ -42,6 +38,9 @@ import { Kbd } from '@repo/ui/components/ui/kbd'
 import { Progress } from '@repo/ui/components/ui/progress'
 import { createSearch } from '@repo/util/meili'
 
+import placeholder from '@/assets/placeholder.webp'
+import { Container } from '@/components/container'
+
 type Course = {
   name: string
   scormset?: string
@@ -58,7 +57,7 @@ export function meta({}: Route.MetaArgs) {
   return [{ title: 'Meus cursos' }]
 }
 
-export const loader = async ({ request, context }: Route.ActionArgs) => {
+export async function loader({ request, context }: Route.ActionArgs) {
   const user = context.get(userContext) as User
   const { searchParams } = new URL(request.url)
   const status = searchParams.getAll('status') || []
@@ -89,18 +88,18 @@ export default function Component({
 
   return (
     <Container className="space-y-4">
+      <Suspense fallback={<Skeleton />}>
         <div className="space-y-0.5 mb-8">
           <h1 className="text-2xl font-bold tracking-tight">Meus cursos</h1>
           <p className="text-muted-foreground">
             Aqui você encontra todos os cursos em que está matriculado,
-          organizados em um só lugar. Acompanhe seu progresso e continue de onde
+            organizados em um só lugar. Acompanhe seu progresso e continue de
-          parou.
+            onde parou.
           </p>
         </div>
 
-      <Suspense fallback={<Skeleton />}>
         <div className="flex gap-2.5">
-          <div className="w-full xl:w-93">
+          <div className="w-full xl:w-1/3">
             <SearchForm
               defaultValue={term || ''}
               placeholder={
@@ -142,13 +141,9 @@ export default function Component({
           />
         </div>
 
-        <div className="grid lg:grid-cols-4 gap-5">
         <Await resolve={data}>
-            {({ hits = [] }) => {
+          {({ hits = [] }) => <List term={term} hits={hits as Enrollment[]} />}
-              return <List term={term} hits={hits as Enrollment[]} />
-            }}
         </Await>
-        </div>
       </Suspense>
     </Container>
   )
@@ -173,7 +168,7 @@ function List({ term, hits = [] }: { term: string; hits: Enrollment[] }) {
 
   if (hits_.length === 0) {
     return (
-      <Empty>
+      <Empty className="border border-dashed">
         <EmptyHeader>
           <EmptyMedia variant="icon">
             <BanIcon />
@@ -187,9 +182,13 @@ function List({ term, hits = [] }: { term: string; hits: Enrollment[] }) {
     )
   }
 
-  return hits_.map((props: Enrollment, idx) => {
+  return (
+    <div className="grid lg:grid-cols-4 gap-5">
+      {hits_.map((props: Enrollment, idx) => {
         return <Enrollment key={idx} {...props} />
-  })
+      })}
+    </div>
+  )
 }
 
 function Enrollment({ id, course, progress }: Enrollment) {

apps/saladeaula.digital/app/routes/layout.tsx

@@ -55,7 +55,7 @@ export default function Component({ loaderData }: Route.ComponentProps) {
         className="bg-background/15 backdrop-blur-sm
                    px-4 py-2 lg:py-4 sticky top-0 z-5"
       >
-        <div className="container mx-auto flex items-center">
+        <div className="container mx-auto flex items-center max-w-7xl">
           {/* Desktop Menu */}
           <div className="hidden lg:flex items-center gap-8">
             <Link to="/">

apps/saladeaula.digital/app/routes/orders/route.tsx

@@ -25,7 +25,7 @@ export function meta({}: Route.MetaArgs) {
   return [{ title: 'Histórico de compras' }]
 }
 
-export const loader = async ({ request, context }: Route.ActionArgs) => {
+export async function loader({ request, context }: Route.ActionArgs) {
   const user = context.get(userContext) as User
   const { searchParams } = new URL(request.url)
   const status = searchParams.getAll('status') || []
@@ -55,8 +55,8 @@ export const loader = async ({ request, context }: Route.ActionArgs) => {
 
 export default function Component({ loaderData: { data } }) {
   return (
-    <Suspense fallback={<Skeleton />}>
     <Container className="space-y-2.5">
+      <Suspense fallback={<Skeleton />}>
         <Breadcrumb>
           <BreadcrumbList>
             <BreadcrumbItem>
@@ -95,7 +95,7 @@ export default function Component({ loaderData: { data } }) {
             )
           }}
         </Await>
-      </Container>
       </Suspense>
+    </Container>
   )
 }

apps/saladeaula.digital/worker-configuration.d.ts

@@ -1,6 +1,6 @@
 /* eslint-disable */
 // Generated by Wrangler by running `wrangler types` (hash: 46c0a3878ceeb71c97bee6d456de6815)
-// Runtime types generated with workerd@1.20251113.0 2025-04-04 nodejs_compat
+// Runtime types generated with workerd@1.20251118.0 2025-04-04 nodejs_compat
 declare namespace Cloudflare {
 	interface GlobalProps {
 		mainModule: typeof import("./workers/app");
@@ -469,7 +469,7 @@ interface StructuredSerializeOptions {
     transfer?: any[];
 }
 declare abstract class Navigator {
-    sendBeacon(url: string, body?: (ReadableStream | string | (ArrayBuffer | ArrayBufferView) | Blob | FormData | URLSearchParams | URLSearchParams)): boolean;
+    sendBeacon(url: string, body?: BodyInit): boolean;
     readonly userAgent: string;
     readonly hardwareConcurrency: number;
 }
@@ -6759,20 +6759,8 @@ declare abstract class Ai<AiModelList extends AiModelListType = AiModels> {
     } ? ReadableStream : AiModelList[Name]["postProcessedOutputs"]>;
     models(params?: AiModelsSearchParams): Promise<AiModelsSearchObject[]>;
     toMarkdown(): ToMarkdownService;
-    toMarkdown(files: {
+    toMarkdown(files: MarkdownDocument[], options?: ConversionRequestOptions): Promise<ConversionResponse[]>;
-        name: string;
+    toMarkdown(files: MarkdownDocument, options?: ConversionRequestOptions): Promise<ConversionResponse>;
-        blob: Blob;
-    }[], options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse[]>;
-    toMarkdown(files: {
-        name: string;
-        blob: Blob;
-    }, options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse>;
 }
 type GatewayRetries = {
     maxAttempts?: 1 | 2 | 3 | 4 | 5;
@@ -8424,21 +8412,22 @@ declare namespace CloudflareWorkersModule {
         protected ctx: ExecutionContext<Props>;
         protected env: Env;
         constructor(ctx: ExecutionContext, env: Env);
+        email?(message: ForwardableEmailMessage): void | Promise<void>;
         fetch?(request: Request): Response | Promise<Response>;
+        queue?(batch: MessageBatch<unknown>): void | Promise<void>;
+        scheduled?(controller: ScheduledController): void | Promise<void>;
         tail?(events: TraceItem[]): void | Promise<void>;
         tailStream?(event: TailStream.TailEvent<TailStream.Onset>): TailStream.TailEventHandlerType | Promise<TailStream.TailEventHandlerType>;
-        trace?(traces: TraceItem[]): void | Promise<void>;
-        scheduled?(controller: ScheduledController): void | Promise<void>;
-        queue?(batch: MessageBatch<unknown>): void | Promise<void>;
         test?(controller: TestController): void | Promise<void>;
+        trace?(traces: TraceItem[]): void | Promise<void>;
     }
     export abstract class DurableObject<Env = Cloudflare.Env, Props = {}> implements Rpc.DurableObjectBranded {
         [Rpc.__DURABLE_OBJECT_BRAND]: never;
         protected ctx: DurableObjectState<Props>;
         protected env: Env;
         constructor(ctx: DurableObjectState, env: Env);
-        fetch?(request: Request): Response | Promise<Response>;
         alarm?(alarmInfo?: AlarmInvocationInfo): void | Promise<void>;
+        fetch?(request: Request): Response | Promise<Response>;
         webSocketMessage?(ws: WebSocket, message: string | ArrayBuffer): void | Promise<void>;
         webSocketClose?(ws: WebSocket, code: number, reason: string, wasClean: boolean): void | Promise<void>;
         webSocketError?(ws: WebSocket, error: unknown): void | Promise<void>;
@@ -8501,36 +8490,56 @@ declare module "cloudflare:sockets" {
     function _connect(address: string | SocketAddress, options?: SocketOptions): Socket;
     export { _connect as connect };
 }
+type MarkdownDocument = {
+    name: string;
+    blob: Blob;
+};
 type ConversionResponse = {
     name: string;
     mimeType: string;
-} & ({
+    format: 'markdown';
-    format: "markdown";
     tokens: number;
     data: string;
 } | {
-    format: "error";
+    name: string;
+    mimeType: string;
+    format: 'error';
     error: string;
-});
+};
+type ImageConversionOptions = {
+    descriptionLanguage?: 'en' | 'es' | 'fr' | 'it' | 'pt' | 'de';
+};
+type EmbeddedImageConversionOptions = ImageConversionOptions & {
+    convert?: boolean;
+    maxConvertedImages?: number;
+};
+type ConversionOptions = {
+    html?: {
+        images?: EmbeddedImageConversionOptions & {
+            convertOGImage?: boolean;
+        };
+    };
+    docx?: {
+        images?: EmbeddedImageConversionOptions;
+    };
+    image?: ImageConversionOptions;
+    pdf?: {
+        images?: EmbeddedImageConversionOptions;
+        metadata?: boolean;
+    };
+};
+type ConversionRequestOptions = {
+    gateway?: GatewayOptions;
+    extraHeaders?: object;
+    conversionOptions?: ConversionOptions;
+};
 type SupportedFileFormat = {
     mimeType: string;
     extension: string;
 };
 declare abstract class ToMarkdownService {
-    transform(files: {
+    transform(files: MarkdownDocument[], options?: ConversionRequestOptions): Promise<ConversionResponse[]>;
-        name: string;
+    transform(files: MarkdownDocument, options?: ConversionRequestOptions): Promise<ConversionResponse>;
-        blob: Blob;
-    }[], options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse[]>;
-    transform(files: {
-        name: string;
-        blob: Blob;
-    }, options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse>;
     supported(): Promise<SupportedFileFormat[]>;
 }
 declare namespace TailStream {

apps/studio.saladeaula.digital/app/lib/meili.ts

@@ -1,34 +0,0 @@
-import { Meilisearch, type SearchResponse } from 'meilisearch'
-
-const MAX_HITS_PER_PAGE = 100
-
-export async function createSearch({
-  query,
-  filter = undefined,
-  index,
-  page,
-  hitsPerPage,
-  sort,
-  env
-}: {
-  query?: string
-  filter?: string
-  index: string
-  page?: number
-  hitsPerPage: number
-  sort: string[]
-  env: Env
-}): Promise<SearchResponse> {
-  const host = env.MEILI_HOST
-  const apiKey = env.MEILI_API_KEY
-  const client = new Meilisearch({ host, apiKey })
-  const index_ = client.index(index)
-
-  return index_.search(query, {
-    sort,
-    filter,
-    page,
-    hitsPerPage:
-      hitsPerPage > MAX_HITS_PER_PAGE ? MAX_HITS_PER_PAGE : hitsPerPage
-  })
-}

apps/studio.saladeaula.digital/app/lib/request.ts

@@ -1,49 +0,0 @@
-import type { User } from '@repo/auth/auth'
-import { requestIdContext, userContext } from '@repo/auth/context'
-
-import type { LoaderFunctionArgs } from 'react-router'
-
-export enum HttpMethod {
-  GET = 'GET',
-  POST = 'POST',
-  PUT = 'PUT',
-  PATCH = 'PATCH',
-  DELETE = 'DELETE'
-}
-
-type RequestArgs = {
-  url: string
-  method?: HttpMethod
-  headers?: HeadersInit
-  body?: BodyInit | null
-  request: LoaderFunctionArgs['request']
-  context: LoaderFunctionArgs['context']
-}
-
-export function request({
-  url,
-  method = HttpMethod.GET,
-  body = null,
-  headers: _headers = {},
-  request: { signal },
-  context
-}: RequestArgs): Promise<Response> {
-  const requestId = context.get(requestIdContext) as string
-  const user = context.get(userContext) as User
-  const url_ = new URL(url, context.cloudflare.env.API_URL)
-  const headers = new Headers({
-    Authorization: `Bearer ${user.accessToken}`
-  })
-
-  if (_headers instanceof Headers) {
-    _headers.forEach((value, key) => headers.set(key, value))
-  } else {
-    Object.entries(_headers).forEach(([key, value]) => headers.set(key, value))
-  }
-
-  console.log(
-    `[${new Date().toISOString()}] [${requestId}] ${method} ${url_.toString()}`
-  )
-
-  return fetch(url_.toString(), { method, headers, body, signal })
-}

apps/studio.saladeaula.digital/app/routes/edit.tsx

@@ -8,8 +8,7 @@ import { Await, useAsyncValue, useFetcher } from 'react-router'
 import { toast } from 'sonner'
 import { z } from 'zod'
 
-import { HttpMethod, request as req } from '@/lib/request'
+import { request as req, HttpMethod } from '@repo/util/request'
-
 import { Skeleton } from '@repo/ui/components/skeleton'
 import {
   Breadcrumb,
@@ -134,6 +133,7 @@ export async function action({ params, request, context }: Route.ActionArgs) {
 
 export default function Component({ loaderData: { data } }) {
   return (
+    <Suspense fallback={<Skeleton />}>
       <div className="space-y-4">
         <Breadcrumb>
           <BreadcrumbList>
@@ -147,14 +147,13 @@ export default function Component({ loaderData: { data } }) {
           </BreadcrumbList>
         </Breadcrumb>
 
-      <Suspense fallback={<Skeleton />}>
         <div className="lg:max-w-2xl mx-auto">
           <Await resolve={data}>
             <Editing />
           </Await>
         </div>
-      </Suspense>
       </div>
+    </Suspense>
   )
 }
 

apps/studio.saladeaula.digital/app/routes/index.tsx

@@ -5,10 +5,7 @@ import { AwardIcon, BanIcon, FileBadgeIcon, LaptopIcon } from 'lucide-react'
 import { Suspense, useMemo } from 'react'
 import { Await, NavLink, useSearchParams } from 'react-router'
 
-import placeholder from '@/assets/placeholder.webp'
+import { createSearch } from '@repo/util/meili'
-
-import { createSearch } from '@/lib/meili'
-
 import { SearchForm } from '@repo/ui/components/search-form'
 import { Skeleton } from '@repo/ui/components/skeleton'
 import {
@@ -31,19 +28,24 @@ import {
   TooltipContent,
   TooltipTrigger
 } from '@repo/ui/components/ui/tooltip'
+
 import type { Course } from './edit'
+import placeholder from '@/assets/placeholder.webp'
 
 export function meta({}: Route.MetaArgs) {
   return [{ title: 'Gerenciar seus cursos' }]
 }
 
 export const loader = async ({ context }: Route.ActionArgs) => {
-  return {
+  const courses = createSearch({
-    data: createSearch({
     index: 'saladeaula_courses',
     sort: ['created_at:desc'],
+    hitsPerPage: 100,
     env: context.cloudflare.env
   })
+
+  return {
+    data: courses
   }
 }
 
@@ -52,6 +54,7 @@ export default function Component({ loaderData: { data } }) {
   const term = searchParams.get('term') as string
 
   return (
+    <Suspense fallback={<Skeleton />}>
       <div className="space-y-4">
         <div className="space-y-0.5 mb-8">
           <h1 className="text-2xl font-bold tracking-tight">Cursos</h1>
@@ -60,12 +63,11 @@ export default function Component({ loaderData: { data } }) {
           </p>
         </div>
 
-      <Suspense fallback={<Skeleton />}>
+        <div className="w-full xl:w-1/3">
-        <div className="w-full xl:w-92">
           <SearchForm
             placeholder={
               <>
-                Pressione <Kbd>/</Kbd> para filtrar...
+                Digite <Kbd>/</Kbd> para pesquisar
               </>
             }
             defaultValue={term}
@@ -75,15 +77,11 @@ export default function Component({ loaderData: { data } }) {
           />
         </div>
 
-        <div className="grid lg:grid-cols-4 gap-5">
         <Await resolve={data}>
-            {({ hits = [] }) => {
+          {({ hits = [] }) => <List term={term} hits={hits} />}
-              return <List term={term} hits={hits} />
-            }}
         </Await>
       </div>
     </Suspense>
-    </div>
   )
 }
 
@@ -106,7 +104,7 @@ function List({ term, hits = [] }: { term: string; hits: Course[] }) {
 
   if (hits_.length === 0) {
     return (
-      <Empty>
+      <Empty className="border border-dashed">
         <EmptyHeader>
           <EmptyMedia variant="icon">
             <BanIcon />
@@ -120,9 +118,13 @@ function List({ term, hits = [] }: { term: string; hits: Course[] }) {
     )
   }
 
-  return hits_.map((props: Course, idx) => {
+  return (
+    <div className="grid lg:grid-cols-4 gap-5">
+      {hits_.map((props: Course, idx) => {
         return <Course key={idx} {...props} />
-  })
+      })}
+    </div>
+  )
 }
 
 function Course({ id, name, access_period, cert, draft }: Course) {

apps/studio.saladeaula.digital/app/routes/layout.tsx

@@ -23,7 +23,7 @@ export default function Component({ loaderData }: Route.ComponentProps) {
         className="bg-background/15 backdrop-blur-sm
                    px-4 py-2 lg:py-4 sticky top-0 z-5"
       >
-        <div className="container mx-auto flex items-center">
+        <div className="container mx-auto flex items-center max-w-7xl">
           <Link to="/">
             <ThemedImage className="flex gap-1">
               <span className="text-muted-foreground text-xs">Estúdio</span>
@@ -38,7 +38,7 @@ export default function Component({ loaderData }: Route.ComponentProps) {
       </header>
 
       <main className="p-4">
-        <div className="container mx-auto">
+        <div className="container mx-auto max-w-7xl">
           <Outlet />
         </div>
       </main>

apps/studio.saladeaula.digital/worker-configuration.d.ts

@@ -1,6 +1,6 @@
 /* eslint-disable */
 // Generated by Wrangler by running `wrangler types` (hash: 94bfdc7e16675b26364c038a94ff21b3)
-// Runtime types generated with workerd@1.20251113.0 2025-04-04 
+// Runtime types generated with workerd@1.20251118.0 2025-04-04 
 declare namespace Cloudflare {
 	interface GlobalProps {
 		mainModule: typeof import("./workers/app");
@@ -460,7 +460,7 @@ interface StructuredSerializeOptions {
     transfer?: any[];
 }
 declare abstract class Navigator {
-    sendBeacon(url: string, body?: (ReadableStream | string | (ArrayBuffer | ArrayBufferView) | Blob | FormData | URLSearchParams | URLSearchParams)): boolean;
+    sendBeacon(url: string, body?: BodyInit): boolean;
     readonly userAgent: string;
     readonly hardwareConcurrency: number;
 }
@@ -6750,20 +6750,8 @@ declare abstract class Ai<AiModelList extends AiModelListType = AiModels> {
     } ? ReadableStream : AiModelList[Name]["postProcessedOutputs"]>;
     models(params?: AiModelsSearchParams): Promise<AiModelsSearchObject[]>;
     toMarkdown(): ToMarkdownService;
-    toMarkdown(files: {
+    toMarkdown(files: MarkdownDocument[], options?: ConversionRequestOptions): Promise<ConversionResponse[]>;
-        name: string;
+    toMarkdown(files: MarkdownDocument, options?: ConversionRequestOptions): Promise<ConversionResponse>;
-        blob: Blob;
-    }[], options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse[]>;
-    toMarkdown(files: {
-        name: string;
-        blob: Blob;
-    }, options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse>;
 }
 type GatewayRetries = {
     maxAttempts?: 1 | 2 | 3 | 4 | 5;
@@ -8415,21 +8403,22 @@ declare namespace CloudflareWorkersModule {
         protected ctx: ExecutionContext<Props>;
         protected env: Env;
         constructor(ctx: ExecutionContext, env: Env);
+        email?(message: ForwardableEmailMessage): void | Promise<void>;
         fetch?(request: Request): Response | Promise<Response>;
+        queue?(batch: MessageBatch<unknown>): void | Promise<void>;
+        scheduled?(controller: ScheduledController): void | Promise<void>;
         tail?(events: TraceItem[]): void | Promise<void>;
         tailStream?(event: TailStream.TailEvent<TailStream.Onset>): TailStream.TailEventHandlerType | Promise<TailStream.TailEventHandlerType>;
-        trace?(traces: TraceItem[]): void | Promise<void>;
-        scheduled?(controller: ScheduledController): void | Promise<void>;
-        queue?(batch: MessageBatch<unknown>): void | Promise<void>;
         test?(controller: TestController): void | Promise<void>;
+        trace?(traces: TraceItem[]): void | Promise<void>;
     }
     export abstract class DurableObject<Env = Cloudflare.Env, Props = {}> implements Rpc.DurableObjectBranded {
         [Rpc.__DURABLE_OBJECT_BRAND]: never;
         protected ctx: DurableObjectState<Props>;
         protected env: Env;
         constructor(ctx: DurableObjectState, env: Env);
-        fetch?(request: Request): Response | Promise<Response>;
         alarm?(alarmInfo?: AlarmInvocationInfo): void | Promise<void>;
+        fetch?(request: Request): Response | Promise<Response>;
         webSocketMessage?(ws: WebSocket, message: string | ArrayBuffer): void | Promise<void>;
         webSocketClose?(ws: WebSocket, code: number, reason: string, wasClean: boolean): void | Promise<void>;
         webSocketError?(ws: WebSocket, error: unknown): void | Promise<void>;
@@ -8492,36 +8481,56 @@ declare module "cloudflare:sockets" {
     function _connect(address: string | SocketAddress, options?: SocketOptions): Socket;
     export { _connect as connect };
 }
+type MarkdownDocument = {
+    name: string;
+    blob: Blob;
+};
 type ConversionResponse = {
     name: string;
     mimeType: string;
-} & ({
+    format: 'markdown';
-    format: "markdown";
     tokens: number;
     data: string;
 } | {
-    format: "error";
+    name: string;
+    mimeType: string;
+    format: 'error';
     error: string;
-});
+};
+type ImageConversionOptions = {
+    descriptionLanguage?: 'en' | 'es' | 'fr' | 'it' | 'pt' | 'de';
+};
+type EmbeddedImageConversionOptions = ImageConversionOptions & {
+    convert?: boolean;
+    maxConvertedImages?: number;
+};
+type ConversionOptions = {
+    html?: {
+        images?: EmbeddedImageConversionOptions & {
+            convertOGImage?: boolean;
+        };
+    };
+    docx?: {
+        images?: EmbeddedImageConversionOptions;
+    };
+    image?: ImageConversionOptions;
+    pdf?: {
+        images?: EmbeddedImageConversionOptions;
+        metadata?: boolean;
+    };
+};
+type ConversionRequestOptions = {
+    gateway?: GatewayOptions;
+    extraHeaders?: object;
+    conversionOptions?: ConversionOptions;
+};
 type SupportedFileFormat = {
     mimeType: string;
     extension: string;
 };
 declare abstract class ToMarkdownService {
-    transform(files: {
+    transform(files: MarkdownDocument[], options?: ConversionRequestOptions): Promise<ConversionResponse[]>;
-        name: string;
+    transform(files: MarkdownDocument, options?: ConversionRequestOptions): Promise<ConversionResponse>;
-        blob: Blob;
-    }[], options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse[]>;
-    transform(files: {
-        name: string;
-        blob: Blob;
-    }, options?: {
-        gateway?: GatewayOptions;
-        extraHeaders?: object;
-    }): Promise<ConversionResponse>;
     supported(): Promise<SupportedFileFormat[]>;
 }
 declare namespace TailStream {

package-lock.json

@@ -727,9 +727,9 @@
       }
     },
     "node_modules/@cloudflare/unenv-preset": {
-      "version": "2.7.10",
+      "version": "2.7.11",
-      "resolved": "https://registry.npmjs.org/@cloudflare/unenv-preset/-/unenv-preset-2.7.10.tgz",
+      "resolved": "https://registry.npmjs.org/@cloudflare/unenv-preset/-/unenv-preset-2.7.11.tgz",
-      "integrity": "sha512-mvsNAiJSduC/9yxv1ZpCxwgAXgcuoDvkl8yaHjxoLpFxXy2ugc6TZK20EKgv4yO0vZhAEKwqJm+eGOzf8Oc45w==",
+      "integrity": "sha512-se23f1D4PxKrMKOq+Stz+Yn7AJ9ITHcEecXo2Yjb+UgbUDCEBch1FXQC6hx6uT5fNA3kmX3mfzeZiUmpK1W9IQ==",
       "devOptional": true,
       "license": "MIT OR Apache-2.0",
       "peerDependencies": {
@@ -743,31 +743,31 @@
       }
     },
     "node_modules/@cloudflare/vite-plugin": {
-      "version": "1.15.0",
+      "version": "1.15.2",
-      "resolved": "https://registry.npmjs.org/@cloudflare/vite-plugin/-/vite-plugin-1.15.0.tgz",
+      "resolved": "https://registry.npmjs.org/@cloudflare/vite-plugin/-/vite-plugin-1.15.2.tgz",
-      "integrity": "sha512-ACDLNKr0II1bAoGU/1Rva9HIn3y7clmiMzW84m9xh+twrSzDwNyh5nKAoQm3PhlfJ4LU/AUEeaPFi2jitaE8hQ==",
+      "integrity": "sha512-SPMxsesbABOjzcAa4IzW+yM+fTIjx3GG1doh229Pg16FjSEZJhknyRpcld4gnaZioK3JKwG9FWdKsUhbplKY8w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@cloudflare/unenv-preset": "2.7.10",
+        "@cloudflare/unenv-preset": "2.7.11",
         "@remix-run/node-fetch-server": "^0.8.0",
         "get-port": "^7.1.0",
-        "miniflare": "4.20251113.0",
+        "miniflare": "4.20251118.1",
         "picocolors": "^1.1.1",
         "tinyglobby": "^0.2.12",
         "unenv": "2.0.0-rc.24",
-        "wrangler": "4.49.0",
+        "wrangler": "4.50.0",
         "ws": "8.18.0"
       },
       "peerDependencies": {
         "vite": "^6.1.0 || ^7.0.0",
-        "wrangler": "^4.49.0"
+        "wrangler": "^4.50.0"
       }
     },
     "node_modules/@cloudflare/workerd-darwin-64": {
-      "version": "1.20251113.0",
+      "version": "1.20251118.0",
-      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-darwin-64/-/workerd-darwin-64-1.20251113.0.tgz",
+      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-darwin-64/-/workerd-darwin-64-1.20251118.0.tgz",
-      "integrity": "sha512-GBlun9onB69rDMZIJ9TdvQ9d3KS5L2FXwlzJ9+AjrbHqYnIif8eH5wyLPIR5wfkXNyrEFiWtEYses+aUQZQLWQ==",
+      "integrity": "sha512-UmWmYEYS/LkK/4HFKN6xf3Hk8cw70PviR+ftr3hUvs9HYZS92IseZEp16pkL6ZBETrPRpZC7OrzoYF7ky6kHsg==",
       "cpu": [
         "x64"
       ],
@@ -782,9 +782,9 @@
       }
     },
     "node_modules/@cloudflare/workerd-darwin-arm64": {
-      "version": "1.20251113.0",
+      "version": "1.20251118.0",
-      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-darwin-arm64/-/workerd-darwin-arm64-1.20251113.0.tgz",
+      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-darwin-arm64/-/workerd-darwin-arm64-1.20251118.0.tgz",
-      "integrity": "sha512-CFakh0Plmkwe8BHuc3iQ0rSIMttvJ3XpWYPjhWUL6KxA2zL6FvYUiWG0hpaEW60KPqgFMisBoPzH0kzyzSKMhg==",
+      "integrity": "sha512-RockU7Qzf4rxNfY1lx3j4rvwutNLjTIX7rr2hogbQ4mzLo8Ea40/oZTzXVxl+on75joLBrt0YpenGW8o/r44QA==",
       "cpu": [
         "arm64"
       ],
@@ -799,9 +799,9 @@
       }
     },
     "node_modules/@cloudflare/workerd-linux-64": {
-      "version": "1.20251113.0",
+      "version": "1.20251118.0",
-      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-linux-64/-/workerd-linux-64-1.20251113.0.tgz",
+      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-linux-64/-/workerd-linux-64-1.20251118.0.tgz",
-      "integrity": "sha512-6JqK+Csie47656Kr+48GHl8v1zK940ruOczY4Da67xvsUAsFkUEOQkes4rW5i3I3XjNbcnyf96l0gnI6lzTKlQ==",
+      "integrity": "sha512-aT97GnOAbJDuuOG0zPVhgRk0xFtB1dzBMrxMZ09eubDLoU4djH4BuORaqvxNRMmHgKfa4T6drthckT0NjUvBdw==",
       "cpu": [
         "x64"
       ],
@@ -816,9 +816,9 @@
       }
     },
     "node_modules/@cloudflare/workerd-linux-arm64": {
-      "version": "1.20251113.0",
+      "version": "1.20251118.0",
-      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-linux-arm64/-/workerd-linux-arm64-1.20251113.0.tgz",
+      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-linux-arm64/-/workerd-linux-arm64-1.20251118.0.tgz",
-      "integrity": "sha512-Ye9I2AeXZ2IPcWOYD9xIrjcFrnH0UkS/ijvgI81mJCr8w7dMd4ONb+BK5oXUJtBW8IEAV3yRU7Mz7DBLaXe/AQ==",
+      "integrity": "sha512-bXZPJcwlq00MPOXqP7DMWjr+goYj0+Fqyw6zgEC2M3FR1+SWla4yjghnZ4IdpN+H1t7VbUrsi5np2LzMUFs0NA==",
       "cpu": [
         "arm64"
       ],
@@ -833,9 +833,9 @@
       }
     },
     "node_modules/@cloudflare/workerd-windows-64": {
-      "version": "1.20251113.0",
+      "version": "1.20251118.0",
-      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-windows-64/-/workerd-windows-64-1.20251113.0.tgz",
+      "resolved": "https://registry.npmjs.org/@cloudflare/workerd-windows-64/-/workerd-windows-64-1.20251118.0.tgz",
-      "integrity": "sha512-H2sq6H2sMhjt/72S3ZAsZV+GC3chRJkwwGq7AGVjIehR66e/z5KKhxOX8u29iqtShyERvFUVHyfCzRBKfmJwfw==",
+      "integrity": "sha512-2LV99AHSlpr8WcCb/BYbU2QsYkXLUL1izN6YKWkN9Eibv80JKX0RtgmD3dfmajE5sNvClavxZejgzVvHD9N9Ag==",
       "cpu": [
         "x64"
       ],
@@ -4033,9 +4033,9 @@
       "license": "MIT"
     },
     "node_modules/@types/lodash": {
-      "version": "4.17.20",
+      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.20.tgz",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==",
+      "integrity": "sha512-FOvQ0YPD5NOfPgMzJihoT+Za5pdkDJWcbpuj1DjaKZIr/gxodQjY/uWEFlTNqW2ugXHUiL8lRQgw63dzKHZdeQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -4074,9 +4074,9 @@
       }
     },
     "node_modules/@types/react": {
-      "version": "19.2.6",
+      "version": "19.2.7",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.6.tgz",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.7.tgz",
-      "integrity": "sha512-p/jUvulfgU7oKtj6Xpk8cA2Y1xKTtICGpJYeJXz2YVO2UcvjQgeRMLDGfDeqeRW2Ta+0QNFwcc8X3GH8SxZz6w==",
+      "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==",
       "devOptional": true,
       "license": "MIT",
       "dependencies": {
@@ -4236,9 +4236,9 @@
       }
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.8.29",
+      "version": "2.8.31",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.29.tgz",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.31.tgz",
-      "integrity": "sha512-sXdt2elaVnhpDNRDz+1BDx1JQoJRuNk7oVlAlbGiFkLikHCAQiccexF/9e91zVi6RCgqspl04aP+6Cnl9zRLrA==",
+      "integrity": "sha512-a28v2eWrrRWPpJSzxc+mKwm0ZtVx/G8SepdQZDArnXYU/XS+IF6mp8aB/4E+hH1tyGCoDo3KlUCdlSxGDsRkAw==",
       "license": "Apache-2.0",
       "bin": {
         "baseline-browser-mapping": "dist/cli.js"
@@ -4303,9 +4303,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001756",
+      "version": "1.0.30001757",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001756.tgz",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001757.tgz",
-      "integrity": "sha512-4HnCNKbMLkLdhJz3TToeVWHSnfJvPaq6vu/eRP0Ahub/07n484XHhBF5AJoSGHdVrS8tKFauUQz8Bp9P7LVx7A==",
+      "integrity": "sha512-r0nnL/I28Zi/yjk1el6ilj27tKcdjLsNqAOZr0yVjWPrSQyHgKI2INaEWw21bAQSv2LXRt1XuCS/GomNpWOxsQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -4549,9 +4549,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.256",
+      "version": "1.5.259",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.256.tgz",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.259.tgz",
-      "integrity": "sha512-uqYq1IQhpXXLX+HgiXdyOZml7spy4xfy42yPxcCCRjswp0fYM2X+JwCON07lqnpLEGVCj739B7Yr+FngmHBMEQ==",
+      "integrity": "sha512-I+oLXgpEJzD6Cwuwt1gYjxsDmu/S/Kd41mmLA3O+/uH2pFRO/DvOjUyGozL8j3KeLV6WyZ7ssPwELMsXCcsJAQ==",
       "license": "ISC"
     },
     "node_modules/emoji-regex": {
@@ -5346,9 +5346,9 @@
       }
     },
     "node_modules/miniflare": {
-      "version": "4.20251113.0",
+      "version": "4.20251118.1",
-      "resolved": "https://registry.npmjs.org/miniflare/-/miniflare-4.20251113.0.tgz",
+      "resolved": "https://registry.npmjs.org/miniflare/-/miniflare-4.20251118.1.tgz",
-      "integrity": "sha512-uaNiBJu8JQY27pcM7Q/E+hLggClmJCQji9uOOBdlZV+aJ7rk7tFnyIvjpLxYJRpryrMjm3aKNeMvE8ham01DtA==",
+      "integrity": "sha512-uLSAE/DvOm392fiaig4LOaatxLjM7xzIniFRG5Y3yF9IduOYLLK/pkCPQNCgKQH3ou0YJRHnTN+09LPfqYNTQQ==",
       "devOptional": true,
       "license": "MIT",
       "dependencies": {
@@ -5360,7 +5360,7 @@
         "sharp": "^0.33.5",
         "stoppable": "1.1.0",
         "undici": "7.14.0",
-        "workerd": "1.20251113.0",
+        "workerd": "1.20251118.0",
         "ws": "8.18.0",
         "youch": "4.1.0-beta.10",
         "zod": "3.22.3"
@@ -5689,9 +5689,9 @@
       }
     },
     "node_modules/react-day-picker": {
-      "version": "9.11.1",
+      "version": "9.11.2",
-      "resolved": "https://registry.npmjs.org/react-day-picker/-/react-day-picker-9.11.1.tgz",
+      "resolved": "https://registry.npmjs.org/react-day-picker/-/react-day-picker-9.11.2.tgz",
-      "integrity": "sha512-l3ub6o8NlchqIjPKrRFUCkTUEq6KwemQlfv3XZzzwpUeGwmDJ+0u0Upmt38hJyd7D/vn2dQoOoLV/qAp0o3uUw==",
+      "integrity": "sha512-TD/xMUGg2oiKX8jUR21MST5pj+7Y36097YtnDHQFlIcZOu3mbLLw2B2JqEByEGrR3HHveWYnKlyls6WqJgohAg==",
       "license": "MIT",
       "dependencies": {
         "@date-fns/tz": "^1.4.1",
@@ -6706,9 +6706,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "7.2.2",
+      "version": "7.2.4",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-7.2.2.tgz",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.2.4.tgz",
-      "integrity": "sha512-BxAKBWmIbrDgrokdGZH1IgkIk/5mMHDreLDmCJ0qpyJaAteP8NvMhkwr/ZCQNqNH97bw/dANTE9PDzqwJghfMQ==",
+      "integrity": "sha512-NL8jTlbo0Tn4dUEXEsUg8KeyG/Lkmc4Fnzb8JXN/Ykm9G4HNImjtABMJgkQoVjOBN/j2WAwDTRytdqJbZsah7w==",
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.25.0",
@@ -6843,9 +6843,9 @@
       }
     },
     "node_modules/workerd": {
-      "version": "1.20251113.0",
+      "version": "1.20251118.0",
-      "resolved": "https://registry.npmjs.org/workerd/-/workerd-1.20251113.0.tgz",
+      "resolved": "https://registry.npmjs.org/workerd/-/workerd-1.20251118.0.tgz",
-      "integrity": "sha512-XLQKbzzn6DndOosyCviYc0ExQVKPem5KAqvsgY+yrsJXvQnKXojIG8rtI0JQgKflHD6sHwjjg17P+q4lPvaLGQ==",
+      "integrity": "sha512-Om5ns0Lyx/LKtYI04IV0bjIrkBgoFNg0p6urzr2asekJlfP18RqFzyqMFZKf0i9Gnjtz/JfAS/Ol6tjCe5JJsQ==",
       "devOptional": true,
       "hasInstallScript": true,
       "license": "Apache-2.0",
@@ -6856,28 +6856,28 @@
         "node": ">=16"
       },
       "optionalDependencies": {
-        "@cloudflare/workerd-darwin-64": "1.20251113.0",
+        "@cloudflare/workerd-darwin-64": "1.20251118.0",
-        "@cloudflare/workerd-darwin-arm64": "1.20251113.0",
+        "@cloudflare/workerd-darwin-arm64": "1.20251118.0",
-        "@cloudflare/workerd-linux-64": "1.20251113.0",
+        "@cloudflare/workerd-linux-64": "1.20251118.0",
-        "@cloudflare/workerd-linux-arm64": "1.20251113.0",
+        "@cloudflare/workerd-linux-arm64": "1.20251118.0",
-        "@cloudflare/workerd-windows-64": "1.20251113.0"
+        "@cloudflare/workerd-windows-64": "1.20251118.0"
       }
     },
     "node_modules/wrangler": {
-      "version": "4.49.0",
+      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/wrangler/-/wrangler-4.49.0.tgz",
+      "resolved": "https://registry.npmjs.org/wrangler/-/wrangler-4.50.0.tgz",
-      "integrity": "sha512-AptJADXtZwDiYS5b0G3kYNYnW4fsoInMBxw++eCs5wot1h0Q6B7HXNaoizD11rLGkU03Tpsh49hYqYyT5qkIvg==",
+      "integrity": "sha512-+nuZuHZxDdKmAyXOSrHlciGshCoAPiy5dM+t6mEohWm7HpXvTHmWQGUf/na9jjWlWJHCJYOWzkA1P5HBJqrIEA==",
       "devOptional": true,
       "license": "MIT OR Apache-2.0",
       "dependencies": {
         "@cloudflare/kv-asset-handler": "0.4.0",
-        "@cloudflare/unenv-preset": "2.7.10",
+        "@cloudflare/unenv-preset": "2.7.11",
         "blake3-wasm": "2.1.5",
         "esbuild": "0.25.4",
-        "miniflare": "4.20251113.0",
+        "miniflare": "4.20251118.1",
         "path-to-regexp": "6.3.0",
         "unenv": "2.0.0-rc.24",
-        "workerd": "1.20251113.0"
+        "workerd": "1.20251118.0"
       },
       "bin": {
         "wrangler": "bin/wrangler.js",
@@ -6890,7 +6890,7 @@
         "fsevents": "~2.3.2"
       },
       "peerDependencies": {
-        "@cloudflare/workers-types": "^4.20251113.0"
+        "@cloudflare/workers-types": "^4.20251118.0"
       },
       "peerDependenciesMeta": {
         "@cloudflare/workers-types": {
@@ -7521,9 +7521,9 @@
       }
     },
     "node_modules/zod": {
-      "version": "4.1.12",
+      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-4.1.12.tgz",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.1.13.tgz",
-      "integrity": "sha512-JInaHOamG8pt5+Ey8kGmdcAcg3OL9reK8ltczgHTAwNhMys/6ThXHityHxVV2p3fkw/c+MAvBHFVYHFZDmjMCQ==",
+      "integrity": "sha512-AvvthqfqrAhNH9dnfmrfKzX5upOdjUVJYFqNSlkmGf64gRaTzlPwz99IHYnVs28qYAybvAlBV+H7pn0saFY4Ig==",
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"

packages/ui/package.json

@@ -5,6 +5,7 @@
   "exports": {
     "./globals.css": "./src/globals.css",
     "./lib/*": "./src/lib/*.ts",
+    "./routes/*": "./src/routes/*.tsx",
     "./hooks/*": [
       "./src/hooks/*.ts",
       "./src/hooks/*.tsx"

packages/ui/src/routes/orders/columns.tsx

@@ -6,25 +6,49 @@ import {
   DataTableColumnHeader
 } from '@repo/ui/components/data-table'
 import { type ColumnDef } from '@tanstack/react-table'
+import { HelpCircleIcon } from 'lucide-react'
+
+import { cn } from '@repo/ui/lib/utils'
+import { Badge } from '@repo/ui/components/ui/badge'
+
+import { labels, methods, statuses } from './data'
 
 // This type is used to define the shape of our data.
 // You can use a Zod schema here if you want.
 export type Order = {
   id: string
   total: number
-  status: 'pending' | 'processing' | 'success' | 'failed'
+  status: 'PENDING' | 'PAID' | 'DECLINED' | 'EXPIRED' | 'REFUNDED' | 'CANCELED'
-  payment_method: 'PIX' | 'CREDIT_CARD' | 'MANUAL' | 'failed'
+  payment_method: 'PIX' | 'CREDIT_CARD' | 'MANUAL' | 'BANK_SLIP'
   name: string
 }
 
 export const columns: ColumnDef<Order>[] = [
   {
     accessorKey: 'payment_method',
-    header: 'Forma de pag.'
+    header: 'Forma de pag.',
+    cell: ({ row }) => {
+      const s = row.getValue('payment_method') as string
+      const paymentMethod = methods[s] ?? s
+
+      return <>{paymentMethod}</>
+    }
   },
   {
     accessorKey: 'status',
-    header: 'Status'
+    header: 'Status',
+    cell: ({ row }) => {
+      const s = row.getValue('status') as string
+      const status = labels[s] ?? s
+      const { icon: Icon, color } = statuses?.[s] ?? { icon: HelpCircleIcon }
+
+      return (
+        <Badge variant="outline" className={cn(color, ' px-1.5')}>
+          <Icon className={cn('stroke-2', color)} />
+          {status}
+        </Badge>
+      )
+    }
   },
   {
     accessorKey: 'total',

packages/ui/src/routes/orders/data.tsx

@@ -0,0 +1,61 @@
+import {
+  CheckCircleIcon,
+  ClockAlertIcon,
+  RotateCcwIcon,
+  CircleXIcon,
+  ClockIcon,
+  BanIcon,
+  type LucideIcon
+} from 'lucide-react'
+
+export const statuses: Record<
+  string,
+  { icon: LucideIcon; color?: string; label: string }
+> = {
+  PENDING: {
+    icon: ClockIcon,
+    label: 'Pendente',
+    color: 'text-blue-400 [&_svg]:text-blue-500'
+  },
+  PAID: {
+    icon: CheckCircleIcon,
+    color: 'text-green-400 [&_svg]:text-green-500',
+    label: 'Pago'
+  },
+  REFUNDED: {
+    icon: RotateCcwIcon,
+    color: 'text-orange-400 [&_svg]:text-orange-500',
+    label: 'Estornado'
+  },
+  EXPIRED: {
+    icon: ClockAlertIcon,
+    color: 'text-orange-400 [&_svg]:text-orange-500',
+    label: 'Expirado'
+  },
+  CANCELED: {
+    icon: CircleXIcon,
+    color: 'text-red-400 [&_svg]:text-red-500',
+    label: 'Cancelado'
+  },
+  DECLINED: {
+    icon: BanIcon,
+    color: 'text-red-400 [&_svg]:text-red-500',
+    label: 'Negado'
+  }
+}
+
+export const labels: Record<string, string> = {
+  PENDING: 'Pendente',
+  PAID: 'Pago',
+  DECLINED: 'Negado',
+  EXPIRED: 'Expirado',
+  REFUNDED: 'Estornado',
+  CANCELED: 'Cancelado'
+}
+
+export const methods: Record<string, string> = {
+  BANK_SLIP: 'Boleto bancário',
+  MANUAL: 'Depósito bancário',
+  CREDIT_CARD: 'Cartão de crédito',
+  PIX: 'Pix'
+}