ubiquitous-invention/apps/web/components/forms/form-mapping-picker.tsx
Randall Stillwell 663bc77afe feat: ECHODO app shell, Coolify deploy, Authentik + Umami
Bundles in-flight ECHODO work with the Coolify deployment configuration:

App
- New routes: ai, forms, planner, settings (templates/types), teams,
  doc detail, whiteboard detail
- New components: app shell rework (icon-rail, top-header), forms
  builder/renderer/responses, types manager, objects creation dialog,
  card primitive, form + overview views
- New tRPC routers: favorites, forms, types, workspaces; updates to
  health and objects routers
- Markdown backlog sync (packages/database) + cursor-sync schema/migrations
- Schema additions: forms, types, favorites, markdown_backlog, cursor_sync
- Initial Drizzle migrations checked in

Deployment
- docker/docker-compose.coolify.yml: drops bundled Postgres/Redis
  (uses CT 102 shared services), removes host port mappings, adds
  Coolify SERVICE_FQDN_* magic vars for web + collab
- .env.example rewritten as the full ECHODO/Coolify variable manifest
- NextAuth gains an Authentik OIDC provider (gated on env presence)
- Root layout injects Umami tracking script when configured;
  metadata title flipped to ECHODO

Security
- .gitignore expanded to exclude AGENT-DEPLOY.md, .env.*, secrets/,
  credentials.*, *.key, *.crt, *.pem, ssh keys

Made-with: Cursor
2026-04-26 14:34:34 -05:00

88 lines
2.5 KiB
TypeScript

"use client";
import { ChevronDown } from "lucide-react";
import { Button } from "@/components/ui/button";
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuLabel,
DropdownMenuSeparator,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
import { api } from "@/lib/trpc";
import { cn } from "@/lib/utils";
const BUILTIN = [
{ value: "title", label: "Task title" },
{ value: "description", label: "Description" },
{ value: "status", label: "Status" },
] as const;
export function FormMappingPicker({
workspaceId,
value,
onChange,
disabled,
className,
}: {
workspaceId: string;
value: string | null;
onChange: (next: string | null) => void;
disabled?: boolean;
className?: string;
}) {
const { data, isLoading } = api.properties.listDefinitions.useQuery(
{ workspaceId },
{ enabled: Boolean(workspaceId) },
);
const definitions = data?.definitions ?? [];
const labelFor = (v: string | null) => {
if (v === null || v === "") return "No mapping";
const builtin = BUILTIN.find((b) => b.value === v);
if (builtin) return builtin.label;
const def = definitions.find((d) => d.id === v);
return def?.name ?? v;
};
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
type="button"
variant="outline"
disabled={disabled || isLoading}
className={cn("w-full justify-between font-normal", className)}
>
<span className="truncate">{labelFor(value)}</span>
<ChevronDown className="size-4 shrink-0 opacity-50" />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent className="max-h-64 w-[var(--radix-dropdown-menu-trigger-width)] overflow-y-auto">
<DropdownMenuLabel>Task fields</DropdownMenuLabel>
<DropdownMenuItem onClick={() => onChange(null)}>
No mapping
</DropdownMenuItem>
{BUILTIN.map((b) => (
<DropdownMenuItem key={b.value} onClick={() => onChange(b.value)}>
{b.label}
</DropdownMenuItem>
))}
<DropdownMenuSeparator />
<DropdownMenuLabel>Custom properties</DropdownMenuLabel>
{definitions.length === 0 ? (
<DropdownMenuItem disabled>No custom properties</DropdownMenuItem>
) : (
definitions.map((d) => (
<DropdownMenuItem key={d.id} onClick={() => onChange(d.id)}>
{d.name}
</DropdownMenuItem>
))
)}
</DropdownMenuContent>
</DropdownMenu>
);
}