create-mithaq 0.1.1 → 0.2.1

package/template/apps/asas-platform/src/components/ui/drawer.tsx

@@ -1,216 +0,0 @@
-import * as React from "react"
-import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer"
-import { cn } from "cn"
-
-type DrawerContextProps = {
-  hasSnapPoints: boolean
-  modal: DrawerPrimitive.Root.Props["modal"]
-  showSwipeHandle: boolean
-  swipeDirection: NonNullable<DrawerPrimitive.Root.Props["swipeDirection"]>
-}
-
-const DrawerContext = React.createContext<DrawerContextProps | null>(null)
-
-function useDrawer() {
-  const context = React.useContext(DrawerContext)
-
-  if (!context) {
-    throw new Error("useDrawer must be used within a Drawer.")
-  }
-
-  return context
-}
-
-function Drawer({
-  modal = true,
-  showSwipeHandle = false,
-  snapPoints,
-  swipeDirection = "down",
-  ...props
-}: DrawerPrimitive.Root.Props & {
-  showSwipeHandle?: boolean
-}) {
-  const hasSnapPoints = snapPoints != null && snapPoints.length > 0
-  const contextValue = React.useMemo(
-    () => ({ hasSnapPoints, modal, showSwipeHandle, swipeDirection }),
-    [hasSnapPoints, modal, showSwipeHandle, swipeDirection]
-  )
-
-  return (
-    <DrawerContext.Provider value={contextValue}>
-      <DrawerPrimitive.Root
-        data-slot="drawer"
-        modal={modal}
-        snapPoints={snapPoints}
-        swipeDirection={swipeDirection}
-        {...props}
-      />
-    </DrawerContext.Provider>
-  )
-}
-
-function DrawerTrigger({ ...props }: DrawerPrimitive.Trigger.Props) {
-  return <DrawerPrimitive.Trigger data-slot="drawer-trigger" {...props} />
-}
-
-function DrawerPortal({ ...props }: DrawerPrimitive.Portal.Props) {
-  return <DrawerPrimitive.Portal data-slot="drawer-portal" {...props} />
-}
-
-function DrawerClose({ ...props }: DrawerPrimitive.Close.Props) {
-  return <DrawerPrimitive.Close data-slot="drawer-close" {...props} />
-}
-
-function DrawerOverlay({
-  className,
-  ...props
-}: DrawerPrimitive.Backdrop.Props) {
-  return (
-    <DrawerPrimitive.Backdrop
-      data-slot="drawer-overlay"
-      className={cn(
-        "fixed inset-0 z-50 min-h-dvh bg-black/20 opacity-[max(var(--drawer-overlay-min-opacity,0),calc(1-var(--drawer-swipe-progress)))] transition-opacity duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] select-none data-ending-style:pointer-events-none data-ending-style:opacity-0 data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-snap-points:[--drawer-overlay-min-opacity:0.5] data-starting-style:opacity-0 data-swiping:duration-0 supports-backdrop-filter:backdrop-blur-sm supports-[-webkit-touch-callout:none]:absolute",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function DrawerSwipeHandle({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="drawer-swipe-handle"
-      aria-hidden="true"
-      className={cn(
-        "relative z-10 flex shrink-0 cursor-grab transition-opacity duration-200 group-data-nested-drawer-open/drawer-popup:opacity-0 group-data-nested-drawer-swiping/drawer-popup:opacity-100 group-data-[swipe-axis=x]/drawer-popup:h-full group-data-[swipe-axis=x]/drawer-popup:w-3 group-data-[swipe-axis=x]/drawer-popup:items-center group-data-[swipe-axis=y]/drawer-popup:h-3 group-data-[swipe-axis=y]/drawer-popup:w-full group-data-[swipe-axis=y]/drawer-popup:justify-center group-data-[swipe-direction=down]/drawer-popup:items-end group-data-[swipe-direction=left]/drawer-popup:order-last group-data-[swipe-direction=left]/drawer-popup:justify-start group-data-[swipe-direction=right]/drawer-popup:justify-end group-data-[swipe-direction=up]/drawer-popup:order-last group-data-[swipe-direction=up]/drawer-popup:items-start after:block after:shrink-0 after:rounded-none after:bg-muted group-data-[swipe-axis=x]/drawer-popup:after:h-[100px] group-data-[swipe-axis=x]/drawer-popup:after:w-1.5 group-data-[swipe-axis=y]/drawer-popup:after:h-1.5 group-data-[swipe-axis=y]/drawer-popup:after:w-[100px] active:cursor-grabbing",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function DrawerContent({
-  className,
-  children,
-  ...props
-}: DrawerPrimitive.Popup.Props) {
-  const { hasSnapPoints, modal, showSwipeHandle, swipeDirection } = useDrawer()
-  const swipeAxis =
-    swipeDirection === "down" || swipeDirection === "up" ? "y" : "x"
-
-  return (
-    <DrawerPortal data-slot="drawer-portal">
-      {modal === true && (
-        <DrawerOverlay data-snap-points={hasSnapPoints ? "" : undefined} />
-      )}
-      <DrawerPrimitive.Viewport
-        data-slot="drawer-viewport"
-        data-modal={modal}
-        className="pointer-events-none fixed inset-0 z-50 select-none data-[modal=true]:pointer-events-auto"
-      >
-        <DrawerPrimitive.Popup
-          data-slot="drawer-popup"
-          data-swipe-axis={swipeAxis}
-          data-snap-points={hasSnapPoints ? "" : undefined}
-          className={cn(
-            "group/drawer-popup pointer-events-auto fixed z-50 m-(--drawer-inset,0px) flex h-(--drawer-content-height) max-h-(--drawer-content-max-height,none) min-h-0 w-(--drawer-content-width,auto) transform-[translate3d(var(--translate-x,0px),var(--translate-y,0px),0)_scale(var(--stack-scale))] flex-col bg-popover text-sm text-popover-foreground transition-[transform,height,opacity,filter] duration-450 ease-[cubic-bezier(0.22,1,0.36,1)] will-change-transform outline-none select-none [interpolate-size:allow-keywords] data-[swipe-direction=down]:rounded-none data-[swipe-direction=down]:border-t data-[swipe-direction=left]:rounded-none data-[swipe-direction=left]:border-e data-[swipe-direction=right]:rounded-none data-[swipe-direction=right]:border-s data-[swipe-direction=up]:rounded-none data-[swipe-direction=up]:border-b",
-            "data-nested-drawer-open:overflow-hidden data-nested-drawer-open:brightness-95",
-            "after:pointer-events-none after:absolute after:bg-(--drawer-bleed-background,var(--color-popover)) data-[swipe-axis=x]:after:inset-y-0 data-[swipe-axis=x]:after:w-(--bleed) data-[swipe-axis=y]:after:inset-x-0 data-[swipe-axis=y]:after:h-(--bleed) data-[swipe-direction=down]:after:top-full data-[swipe-direction=left]:after:end-full data-[swipe-direction=right]:after:start-full data-[swipe-direction=up]:after:bottom-full",
-            "[--drawer-content-height:var(--drawer-height,auto)] data-[swipe-axis=x]:[--drawer-content-width:75%] data-[swipe-axis=y]:[--drawer-content-max-height:calc(100dvh-6rem)] data-[swipe-axis=y]:data-snap-points:[--drawer-content-height:100dvh] data-[swipe-axis=x]:sm:[--drawer-content-width:24rem]",
-            "[--bleed:3rem] [--peek:1rem] [--stack-height:var(--drawer-frontmost-height,var(--drawer-height,0px))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:max(0,calc(1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05]",
-            "data-ending-style:transform-(--closed-transform) data-ending-style:opacity-[0.9999] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-nested-drawer-swiping:duration-0 data-ending-style:data-nested-drawer-swiping:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-starting-style:transform-(--closed-transform) data-swiping:duration-0 data-ending-style:data-swiping:duration-[calc(var(--drawer-swipe-strength)*400ms)]",
-            "data-[swipe-axis=y]:inset-x-0 data-[swipe-axis=y]:data-nested-drawer-open:h-(--stack-height)",
-            "data-[swipe-axis=x]:inset-y-0 data-[swipe-axis=x]:flex-row",
-            "data-[swipe-direction=down]:bottom-0 data-[swipe-direction=down]:origin-bottom data-[swipe-direction=down]:[--closed-transform:translate3d(0,calc(100%+var(--drawer-inset,0px)+2px),0)] data-[swipe-direction=down]:[--translate-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height)))]",
-            "data-[swipe-direction=up]:top-0 data-[swipe-direction=up]:origin-top data-[swipe-direction=up]:[--closed-transform:translate3d(0,calc(-100%-var(--drawer-inset,0px)-2px),0)] data-[swipe-direction=up]:[--translate-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height)))]",
-            "data-[swipe-direction=left]:start-0 data-[swipe-direction=left]:origin-start data-[swipe-direction=left]:[--closed-transform:translate3d(calc(-100%-var(--drawer-inset,0px)-2px),0,0)] data-[swipe-direction=left]:[--translate-x:calc(var(--drawer-swipe-movement-x)+var(--stack-peek-offset)+(var(--stack-shrink)*100%))]",
-            "data-[swipe-direction=right]:end-0 data-[swipe-direction=right]:origin-end data-[swipe-direction=right]:[--closed-transform:translate3d(calc(100%+var(--drawer-inset,0px)+2px),0,0)] data-[swipe-direction=right]:[--translate-x:calc(var(--drawer-swipe-movement-x)-var(--stack-peek-offset)-(var(--stack-shrink)*100%))]",
-            className
-          )}
-          {...props}
-        >
-          {showSwipeHandle && <DrawerSwipeHandle />}
-          <DrawerPrimitive.Content
-            data-slot="drawer-content"
-            className={cn(
-              "flex min-h-0 flex-1 flex-col overflow-hidden overscroll-contain rounded-[inherit] transition-opacity duration-300 ease-[cubic-bezier(0.45,1.005,0,1.005)] select-text group-data-nested-drawer-open/drawer-popup:opacity-0 group-data-nested-drawer-swiping/drawer-popup:opacity-100 group-data-swiping/drawer-popup:select-none"
-            )}
-          >
-            {children}
-          </DrawerPrimitive.Content>
-        </DrawerPrimitive.Popup>
-      </DrawerPrimitive.Viewport>
-    </DrawerPortal>
-  )
-}
-
-function DrawerHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="drawer-header"
-      className={cn(
-        "flex shrink-0 flex-col gap-1 p-4 pb-0 group-data-[swipe-axis=y]/drawer-popup:text-center md:gap-2 md:text-start",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function DrawerFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="drawer-footer"
-      className={cn("mt-auto flex shrink-0 flex-col gap-2 p-4 pt-0", className)}
-      {...props}
-    />
-  )
-}
-
-function DrawerTitle({ className, ...props }: DrawerPrimitive.Title.Props) {
-  return (
-    <DrawerPrimitive.Title
-      data-slot="drawer-title"
-      className={cn(
-        "text-lg font-semibold tracking-wider text-foreground uppercase",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function DrawerDescription({
-  className,
-  ...props
-}: DrawerPrimitive.Description.Props) {
-  return (
-    <DrawerPrimitive.Description
-      data-slot="drawer-description"
-      className={cn(
-        "mt-0.5 text-sm leading-relaxed text-balance text-muted-foreground",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export {
-  Drawer,
-  DrawerPortal,
-  DrawerOverlay,
-  DrawerSwipeHandle,
-  DrawerTrigger,
-  DrawerClose,
-  DrawerContent,
-  DrawerHeader,
-  DrawerFooter,
-  DrawerTitle,
-  DrawerDescription,
-}

package/template/apps/asas-platform/src/redirect.ts

@@ -1 +0,0 @@
-export { wanted } from '../../asas-tanstack/src/redirect.ts'

package/template/apps/asas-platform/src/routeTree.gen.ts

@@ -1,181 +0,0 @@
-/* eslint-disable */
-
-// @ts-nocheck
-
-// noinspection JSUnusedGlobalSymbols
-
-// This file was automatically generated by TanStack Router.
-// You should NOT make any changes in this file as it will be overwritten.
-// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
-
-import { Route as rootRouteImport } from './routes/__root'
-import { Route as UnauthorizedRouteImport } from './routes/unauthorized'
-import { Route as screensPlatformRouteImport } from './routes/(screens)/platform'
-import { Route as ApiSplatRouteImport } from './routes/api/$'
-import { Route as AuthSignInRouteImport } from './routes/auth.sign-in'
-import { Route as screensPlatformIndexRouteImport } from './routes/(screens)/platform.index'
-import { Route as screensPlatformSplatRouteImport } from './routes/(screens)/platform.$'
-
-const UnauthorizedRoute = UnauthorizedRouteImport.update({
-  id: '/unauthorized',
-  path: '/unauthorized',
-  getParentRoute: () => rootRouteImport,
-} as any)
-const screensPlatformRoute = screensPlatformRouteImport.update({
-  id: '/(screens)/platform',
-  path: '/platform',
-  getParentRoute: () => rootRouteImport,
-} as any)
-const ApiSplatRoute = ApiSplatRouteImport.update({
-  id: '/api/$',
-  path: '/api/$',
-  getParentRoute: () => rootRouteImport,
-} as any)
-const AuthSignInRoute = AuthSignInRouteImport.update({
-  id: '/auth/sign-in',
-  path: '/auth/sign-in',
-  getParentRoute: () => rootRouteImport,
-} as any)
-const screensPlatformIndexRoute = screensPlatformIndexRouteImport.update({
-  id: '/',
-  path: '/',
-  getParentRoute: () => screensPlatformRoute,
-} as any)
-const screensPlatformSplatRoute = screensPlatformSplatRouteImport.update({
-  id: '/$',
-  path: '/$',
-  getParentRoute: () => screensPlatformRoute,
-} as any)
-
-export interface FileRoutesByFullPath {
-  '/unauthorized': typeof UnauthorizedRoute
-  '/platform': typeof screensPlatformRouteWithChildren
-  '/api/$': typeof ApiSplatRoute
-  '/auth/sign-in': typeof AuthSignInRoute
-  '/platform/$': typeof screensPlatformSplatRoute
-  '/platform/': typeof screensPlatformIndexRoute
-}
-export interface FileRoutesByTo {
-  '/unauthorized': typeof UnauthorizedRoute
-  '/api/$': typeof ApiSplatRoute
-  '/auth/sign-in': typeof AuthSignInRoute
-  '/platform/$': typeof screensPlatformSplatRoute
-  '/platform': typeof screensPlatformIndexRoute
-}
-export interface FileRoutesById {
-  __root__: typeof rootRouteImport
-  '/unauthorized': typeof UnauthorizedRoute
-  '/(screens)/platform': typeof screensPlatformRouteWithChildren
-  '/api/$': typeof ApiSplatRoute
-  '/auth/sign-in': typeof AuthSignInRoute
-  '/(screens)/platform/$': typeof screensPlatformSplatRoute
-  '/(screens)/platform/': typeof screensPlatformIndexRoute
-}
-export interface FileRouteTypes {
-  fileRoutesByFullPath: FileRoutesByFullPath
-  fullPaths:
-    | '/unauthorized'
-    | '/platform'
-    | '/api/$'
-    | '/auth/sign-in'
-    | '/platform/$'
-    | '/platform/'
-  fileRoutesByTo: FileRoutesByTo
-  to: '/unauthorized' | '/api/$' | '/auth/sign-in' | '/platform/$' | '/platform'
-  id:
-    | '__root__'
-    | '/unauthorized'
-    | '/(screens)/platform'
-    | '/api/$'
-    | '/auth/sign-in'
-    | '/(screens)/platform/$'
-    | '/(screens)/platform/'
-  fileRoutesById: FileRoutesById
-}
-export interface RootRouteChildren {
-  UnauthorizedRoute: typeof UnauthorizedRoute
-  screensPlatformRoute: typeof screensPlatformRouteWithChildren
-  ApiSplatRoute: typeof ApiSplatRoute
-  AuthSignInRoute: typeof AuthSignInRoute
-}
-
-declare module '@tanstack/react-router' {
-  interface FileRoutesByPath {
-    '/unauthorized': {
-      id: '/unauthorized'
-      path: '/unauthorized'
-      fullPath: '/unauthorized'
-      preLoaderRoute: typeof UnauthorizedRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/(screens)/platform': {
-      id: '/(screens)/platform'
-      path: '/platform'
-      fullPath: '/platform'
-      preLoaderRoute: typeof screensPlatformRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/api/$': {
-      id: '/api/$'
-      path: '/api/$'
-      fullPath: '/api/$'
-      preLoaderRoute: typeof ApiSplatRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/auth/sign-in': {
-      id: '/auth/sign-in'
-      path: '/auth/sign-in'
-      fullPath: '/auth/sign-in'
-      preLoaderRoute: typeof AuthSignInRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/(screens)/platform/': {
-      id: '/(screens)/platform/'
-      path: '/'
-      fullPath: '/platform/'
-      preLoaderRoute: typeof screensPlatformIndexRouteImport
-      parentRoute: typeof screensPlatformRoute
-    }
-    '/(screens)/platform/$': {
-      id: '/(screens)/platform/$'
-      path: '/$'
-      fullPath: '/platform/$'
-      preLoaderRoute: typeof screensPlatformSplatRouteImport
-      parentRoute: typeof screensPlatformRoute
-    }
-  }
-}
-
-interface screensPlatformRouteChildren {
-  screensPlatformSplatRoute: typeof screensPlatformSplatRoute
-  screensPlatformIndexRoute: typeof screensPlatformIndexRoute
-}
-
-const screensPlatformRouteChildren: screensPlatformRouteChildren = {
-  screensPlatformSplatRoute: screensPlatformSplatRoute,
-  screensPlatformIndexRoute: screensPlatformIndexRoute,
-}
-
-const screensPlatformRouteWithChildren = screensPlatformRoute._addFileChildren(
-  screensPlatformRouteChildren,
-)
-
-const rootRouteChildren: RootRouteChildren = {
-  UnauthorizedRoute: UnauthorizedRoute,
-  screensPlatformRoute: screensPlatformRouteWithChildren,
-  ApiSplatRoute: ApiSplatRoute,
-  AuthSignInRoute: AuthSignInRoute,
-}
-export const routeTree = rootRouteImport
-  ._addFileChildren(rootRouteChildren)
-  ._addFileTypes<FileRouteTypes>()
-
-import type { getRouter } from './router.tsx'
-import type { startInstance } from './start.ts'
-declare module '@tanstack/react-start' {
-  interface Register {
-    ssr: true
-    router: Awaited<ReturnType<typeof getRouter>>
-    config: Awaited<ReturnType<typeof startInstance.getOptions>>
-  }
-}

package/template/apps/asas-platform/src/router.tsx

@@ -1,7 +0,0 @@
-import { createRouter } from '@tanstack/react-router'
-import { routeTree } from './routeTree.gen'
-import { flatSearch } from './screen-list.tsx'
-
-// routeTree.gen.ts is committed: a clean checkout has to typecheck before any build.
-// The search stays the URL's own pairs, one string each; a screen's list keeps its `qs` URL there.
-export const getRouter = () => createRouter({ routeTree, scrollRestoration: true, ...flatSearch })

package/template/apps/asas-platform/src/routes/(screens)/platform/files.ts

@@ -1,4 +0,0 @@
-// Written by `mithaq generate screens`. Do not edit.
-/// <reference types="vite/client" />
-// Every file the `platform` screen's references name, each loaded when a page draws it.
-export const files = import.meta.glob(['./src/courses/ui/fee-cell.tsx', './src/enrollments/ui/session-cell.tsx', './src/roles/ui/roles.tsx', './src/ui-dashboard/theme-provider.tsx', './src/ui-platform/home.tsx', './src/ui-platform/organization-actions.tsx', './src/ui-platform/record-page.tsx', './src/ui-platform/role-cells.tsx', './src/ui-platform/user-actions.tsx', './src/ui/app-shell.tsx', './src/ui/rich-text-nodes.tsx', './src/ui/session-labels.tsx', './src/ui/table-page.tsx'], { base: '/node_modules/asas/', exhaustive: true })

package/template/apps/asas-platform/src/routes/api/$.ts

@@ -1,30 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-// Loads the types of the `server` route option; erased at build.
-import type {} from '@tanstack/start-client-core'
-import { asas } from 'asas'
-
-// The platform reads every organization: a read of a kayan asks `tenant: 'all'`, which the runner
-// grants platform staff in this app alone and refuses anyone else. A global is one organization's row
-// and asks for none.
-const reads = new Set(asas.operations.filter((one) => one.effect === 'read' && !one.single).map((one) => `/api/${one.kayan}/${one.name}`))
-
-const acrossTenants = async (request: Request) => {
-  const url = new URL(request.url)
-  if (!reads.has(url.pathname)) return request
-  url.searchParams.set('tenant', 'all')
-  const body = request.method === 'GET' || request.method === 'HEAD' ? undefined : await request.text()
-  return new Request(url, { method: request.method, headers: request.headers, body })
-}
-
-// A write whose `Origin` is not this app's own is refused: the data plug checks no origin and leans on
-// the session cookie's `SameSite=Lax`, which a sibling origin of the same site passes.
-export const Route = createFileRoute('/api/$')({
-  server: {
-    handlers: {
-      ANY: async ({ request }) =>
-        request.method === 'GET' || request.method === 'HEAD' || request.headers.get('origin') === new URL(request.url).origin
-          ? asas.handler(await acrossTenants(request))
-          : new Response('Forbidden', { status: 403 }),
-    },
-  },
-})

package/template/apps/asas-platform/src/server.ts

@@ -1,20 +0,0 @@
-import handler, { createServerEntry } from '@tanstack/react-start/server-entry'
-import { withQuietAbort } from '../../asas-tanstack/src/quiet-abort.ts'
-
-// A refused start (a migration not applied) exits 1 rather than leave a server up that cannot serve.
-const { env } = process
-if (env.NODE_ENV === 'production') {
-  await (await import('asas')).asas.connect().catch((error: unknown) => {
-    console.error(error)
-    process.exit(1)
-  })
-}
-
-// Every request runs as the platform; nothing a request carries decides it, and the tenant app never does.
-// `asas` is imported per request so it is the same module every route reads.
-export default createServerEntry({
-  fetch: async (request: Request) => {
-    const { asPlatform } = await import('asas')
-    return asPlatform(() => handler.fetch(withQuietAbort(request)))
-  },
-})

package/template/apps/asas-tanstack/src/components/mithaq/cells.tsx

@@ -1,112 +0,0 @@
-import { useSyncExternalStore, type ReactNode } from 'react'
-import type { ClientField, ClientKayan } from 'mithaq/admin'
-import { formatDate, listed, noValue, type Translate } from './controls.tsx'
-import { RelationshipCell, type RelationshipTitles } from './relationship-cell.tsx'
-import { UploadCell } from './upload.tsx'
-
-// The server does not know the viewer's zone, so it and the hydrating render draw the day in UTC
-// and the mounted client swaps in the moment; drawing both in a zone would be a hydration mismatch.
-function Moment({ value, locale }: { value: unknown; locale: string }): ReactNode {
-  const mounted = useSyncExternalStore(() => () => {}, () => true, () => false)
-  const text = formatDate({ value, locale, day: !mounted })
-  return text === undefined ? plain(value) : <time dateTime={new Date(value as string).toISOString()} suppressHydrationWarning>{text}</time>
-}
-
-/** What every cell is handed. The locale is the browser's; `t` is here because a cell that renders a word rather than the value is rendering the project's copy. */
-export type CellProps = {
-  kayan: ClientKayan
-  field: ClientField
-  value: unknown
-  t: Translate
-  locale: string
-  /**
-   * The titles of the rows the relationship columns point at, read once per page. Absent on a
-   * server render, where every relationship cell reads as loading; no cell shows the id it holds.
-   */
-  titles?: RelationshipTitles
-}
-
-const plain = (value: unknown) => (value === null || value === undefined ? '' : String(value))
-
-const worded = (field: ClientField, value: unknown, locale: string) => {
-  const held = field.rules.localized === true && value && typeof value === 'object' ? (value as Record<string, unknown>)[locale] : value
-  return field.options?.find((one) => one.value === held)?.label[locale] ?? plain(held)
-}
-
-/** The text a reader sees in a rich text value, a block to a line. Lives here, not beside the editor, so lists read it without loading Lexical. */
-export const richTextPlainText = (node: unknown, depth = 64): string => {
-  // A stored value nested past the bound ends in an ellipsis rather than overflowing the stack.
-  if (depth <= 0) return '…'
-  if (!node || typeof node !== 'object') return ''
-  const held = node as { root?: unknown; type?: unknown; text?: unknown; children?: unknown }
-  if (held.root) return richTextPlainText(held.root, depth - 1)
-  if (held.type === 'linebreak') return '\n'
-  const children: unknown[] = Array.isArray(held.children) ? held.children : []
-  const inner = children.map((child) => richTextPlainText(child, depth - 1)).join(children.some((child) => typeof (child as { text?: unknown } | null)?.text === 'string') ? '' : '\n')
-  return (typeof held.text === 'string' ? held.text : '') + inner
-}
-
-/** The blocks of a rich text value: its root's children, or the value itself where it holds none. */
-export const blocksOf = (value: unknown): unknown[] => {
-  const root = (value as { root?: unknown } | null)?.root ?? value
-  return Array.isArray((root as { children?: unknown } | null)?.children) ? (root as { children: unknown[] }).children : [root]
-}
-
-const lineLength = 120
-
-/** The words of a rich text value's first non-empty block on one line, cut at 120 characters with an ellipsis. */
-export const richTextLine = (value: unknown): string => {
-  const first = blocksOf(value).map((block) => richTextPlainText(block).replace(/\s+/g, ' ').trim()).find(Boolean) ?? ''
-  const characters = Array.from(first)
-  return characters.length > lineLength ? `${characters.slice(0, lineLength).join('').trimEnd()}…` : characters.join('')
-}
-
-/** One cell per shipped kind, keyed by the kind's own name. */
-export const cells: Record<string, (props: CellProps) => ReactNode> = {
-  text: ({ field, value, locale }) => worded(field, value, locale),
-  email: ({ value }) =>
-    value ? (
-      <a href={`mailto:${String(value)}`} className="underline underline-offset-2">
-        {String(value)}
-      </a>
-    ) : (
-      ''
-    ),
-  number: ({ value, locale }) => (typeof value === 'number' ? value.toLocaleString(locale) : plain(value)),
-  integer: (props) => cells.number!(props),
-  // Exact text: a JS double would lose digits.
-  decimal: ({ field, value, locale }) => worded(field, value, locale),
-  // The glyph is aria-hidden, so the sr-only word is what a screen reader gets. The words are keyed per field because `true` means different things on `archived` and `published`.
-  checkbox: ({ kayan, field, value, t }) => (
-    <>
-      <span aria-hidden className="tabular-nums">
-        {value === true ? '✓' : value === false ? '✗' : '—'}
-      </span>
-      <span className="sr-only">
-        {value === true
-          ? (t(`${kayan.name}.${field.name}.true`) ?? t('admin.yes', 'Yes') ?? 'Yes')
-          : (t(`${kayan.name}.${field.name}.false`) ?? t('admin.no', 'No') ?? 'No')}
-      </span>
-    </>
-  ),
-  datetime: ({ value, locale }) => <Moment value={value} locale={locale} />,
-  date: ({ value, locale }) => formatDate({ value, locale, day: true }) ?? plain(value),
-  textArray: ({ field, value, locale }) => (Array.isArray(value) ? listed(value.map((one) => worded(field, one, locale)), locale) : plain(value)),
-  uuid: ({ value }) => <span className="font-mono text-xs">{plain(value)}</span>,
-  relationship: RelationshipCell,
-  upload: UploadCell,
-  // Nothing where the read carried no join: an absent key means the read did not ask, an empty array means no children, and a count of zero would say both.
-  join: ({ value, locale }) => (Array.isArray(value) ? value.length.toLocaleString(locale) : ''),
-  // min-w-48 keeps a phone-width table from squeezing the words to one per line.
-  richText: ({ value }) => {
-    const line = richTextLine(value)
-    return line ? <span dir="auto" className="line-clamp-2 min-w-48 whitespace-normal">{line}</span> : noValue
-  },
-}
-// No prototype, so a kind named `constructor` never resolves to an inherited property.
-Object.setPrototypeOf(cells, null)
-
-/** The cell for a field, first match wins: the list column's named cell, the field's own cell, the kind's cell, then plain text. */
-export const cellFor = (field: ClientField, column?: string): ((props: CellProps) => ReactNode) =>
-  cells[column ?? ''] ?? cells[field.cell] ?? cells[field.kind] ?? cells.text!
-// mithaq-admin b06d8d335d306c07556f8f2b81fba20ba7ded198 95340e7fd65595abe95ca51f11ac4b6f98a69775637a46591d6aa053f6aa5f27