@fluid-app/portal-sdk 0.1.340 → 0.1.341

package/dist/ContactsScreen-CU5_SYVK.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactsScreen-CU5_SYVK.mjs","names":["formatDueDate"],"sources":["../../../contacts/ui/src/screens/ContactCreateScreen.tsx","../../../contacts/ui/src/portal/hooks/groups/use-groups.ts","../../../contacts/ui/src/portal/components/contacts/rep-layout/utils.ts","../../../contacts/ui/src/portal/components/contacts/rep-layout/ContactsSidebarRow.tsx","../../../contacts/ui/src/portal/components/contacts/rep-layout/ContactsSidebar.tsx","../../../contacts/ui/src/shared/components/contacts/contactDetailsForm.tsx","../../../contacts/ui/src/shared/hooks/useContactDetail.ts","../../../contacts/ui/src/shared/hooks/useUpdateContactMutation.ts","../../../contacts/ui/src/shared/hooks/useDeleteContactMutation.ts","../../../contacts/ui/src/shared/schemas/contactFormSchema.ts","../../../contacts/ui/src/shared/hooks/useContactDetailPage.ts","../../../contacts/ui/src/portal/hooks/contacts/use-contact-tasks.ts","../../../contacts/ui/src/portal/hooks/notes/use-contact-notes.ts","../../../contacts/ui/src/shared/components/contacts/statusBadge.tsx","../../../contacts/ui/src/portal/components/contacts/rep-layout/ContactDetailHero.tsx","../../../contacts/ui/src/portal/components/contacts/rep-layout/ContactInfoRow.tsx","../../../contacts/ui/src/portal/hooks/contacts/use-toggle-task-completion.ts","../../../contacts/ui/src/portal/hooks/contacts/use-delete-contact-task.ts","../../../contacts/ui/src/portal/hooks/contacts/use-update-contact-task.ts","../../../contacts/ui/src/portal/utils/format-date.ts","../../../contacts/ui/src/portal/components/editor/note-task-editor.tsx","../../../contacts/ui/src/portal/components/editor/note-task-modal.tsx","../../../contacts/ui/src/portal/components/tasks/task-list.tsx","../../../contacts/ui/src/portal/components/tasks/inline-task-composer.tsx","../../../contacts/ui/src/portal/hooks/notes/use-delete-contact-note.ts","../../../contacts/ui/src/portal/hooks/notes/use-update-contact-note.ts","../../../contacts/ui/src/portal/hooks/notes/use-create-contact-note.ts","../../../contacts/ui/src/portal/components/notes/inline-note-composer.tsx","../../../contacts/ui/src/portal/components/notes/notes-list.tsx","../../../contacts/ui/src/portal/components/contacts/rep-layout/ContactDetailTabs.tsx","../../../contacts/ui/src/portal/components/contacts/rep-layout/ContactDetailPane.tsx","../../../contacts/ui/src/portal/components/contacts/rep-layout/ContactsEmptyState.tsx","../../../contacts/ui/src/portal/components/contacts/rep-layout/RepContactsLayout.tsx","../../../contacts/ui/src/shared/hooks/useCreateContactMutation.ts","../src/screens/ContactsScreen.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { type ReactNode } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  Button,\n} from \"@fluid-app/ui-primitives\";\nimport {\n  ScreenHeaderActions,\n  ScreenHeaderBreadcrumbs,\n} from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\n\nexport interface ContactCreateScreenProps {\n  onNavigateToList: () => void;\n  onSubmit: () => void;\n  isPending: boolean;\n  children: ReactNode;\n}\n\nexport function ContactCreateScreen({\n  onNavigateToList,\n  onSubmit,\n  isPending,\n  children,\n}: ContactCreateScreenProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n\n  return (\n    <>\n      <ScreenHeaderActions>\n        <Button\n          variant=\"outline\"\n          onClick={onNavigateToList}\n          disabled={isPending}\n        >\n          {t(\"cancel\")}\n        </Button>\n        <Button onClick={onSubmit} disabled={isPending}>\n          {isPending ? t(\"adding\") : t(\"add_contact\")}\n        </Button>\n      </ScreenHeaderActions>\n      <ScreenHeaderBreadcrumbs>\n        <Breadcrumb>\n          <BreadcrumbList className=\"text-lg\">\n            <BreadcrumbItem>\n              <BreadcrumbLink\n                href=\"#\"\n                onClick={(e) => {\n                  e.preventDefault();\n                  onNavigateToList();\n                }}\n              >\n                {t(\"breadcrumb\")}\n              </BreadcrumbLink>\n            </BreadcrumbItem>\n            <BreadcrumbSeparator />\n            <BreadcrumbItem>\n              <BreadcrumbPage className=\"font-semibold\">\n                {t(\"breadcrumb_new\")}\n              </BreadcrumbPage>\n            </BreadcrumbItem>\n          </BreadcrumbList>\n        </Breadcrumb>\n      </ScreenHeaderBreadcrumbs>\n      {children}\n    </>\n  );\n}\n","\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useGroupsApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useGroups() {\n  const api = useGroupsApi();\n\n  return useQuery({\n    queryKey: contactsKeys.groups(),\n    queryFn: () => api!.listGroups(),\n    enabled: !!api,\n    select: (data) => data.groups,\n  });\n}\n","import type { Contact } from \"@fluid-app/contacts-core/types\";\n\nexport function getDisplayName(contact: Contact): string {\n  if (contact.full_name && contact.full_name.trim().length > 0) {\n    return contact.full_name;\n  }\n  const parts = [contact.first_name, contact.last_name].filter(Boolean);\n  if (parts.length > 0) return parts.join(\" \");\n  if (contact.email) return contact.email;\n  return \"Contact\";\n}\n\nexport function getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n  const first = parts[0]?.[0] ?? \"\";\n  const last = parts.length > 1 ? (parts[parts.length - 1]?.[0] ?? \"\") : \"\";\n  return (first + last).toUpperCase() || \"?\";\n}\n\n/** Lowercase relative label derived from `contact.updated_at`.\n *  Returns null if the timestamp is missing or unparseable. Lowercase on\n *  purpose so callers can compose phrases like \"Last updated 3 days ago\"\n *  without an awkward \"Last updated Today\". */\nexport function getRelativeUpdated(contact: Contact): string | null {\n  const updated =\n    typeof contact.updated_at === \"string\" ? contact.updated_at : null;\n  if (!updated) return null;\n  const date = new Date(updated);\n  if (Number.isNaN(date.getTime())) return null;\n\n  const diffMs = Date.now() - date.getTime();\n  const day = 1000 * 60 * 60 * 24;\n  const diffDays = Math.floor(diffMs / day);\n\n  if (diffDays <= 0) return \"today\";\n  if (diffDays === 1) return \"yesterday\";\n  if (diffDays < 7) return `${diffDays} days ago`;\n  if (diffDays < 30) {\n    const weeks = Math.floor(diffDays / 7);\n    return weeks === 1 ? \"1 week ago\" : `${weeks} weeks ago`;\n  }\n  if (diffDays < 365) {\n    const months = Math.floor(diffDays / 30);\n    return months === 1 ? \"1 month ago\" : `${months} months ago`;\n  }\n  const years = Math.floor(diffDays / 365);\n  return years === 1 ? \"1 year ago\" : `${years} years ago`;\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { ChevronRight } from \"lucide-react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport type { Contact } from \"@fluid-app/contacts-core/types\";\nimport { getDisplayName, getInitials } from \"./utils\";\n\nexport interface ContactsSidebarRowProps {\n  contact: Contact;\n  isSelected: boolean;\n  onSelect: (id: string) => void;\n}\n\nexport function ContactsSidebarRow({\n  contact,\n  isSelected,\n  onSelect,\n}: ContactsSidebarRowProps): React.JSX.Element {\n  const name = getDisplayName(contact);\n  const id = String(contact.id);\n  const secondary = contact.email ?? contact.status?.trim() ?? null;\n\n  return (\n    <button\n      type=\"button\"\n      onClick={() => onSelect(id)}\n      aria-current={isSelected ? \"true\" : undefined}\n      className={cn(\n        \"group flex w-full items-center gap-3.5 rounded-xl px-3 py-3 text-left transition-colors\",\n        isSelected ? \"bg-muted\" : \"hover:bg-muted/60\",\n      )}\n    >\n      <div\n        className={cn(\n          \"text-muted-foreground relative flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-xl text-base font-semibold transition-colors\",\n          isSelected ? \"bg-background\" : \"bg-muted\",\n        )}\n      >\n        {contact.avatar_url ? (\n          <img\n            alt={name}\n            src={contact.avatar_url}\n            className=\"size-12 object-cover\"\n          />\n        ) : (\n          <span aria-hidden=\"true\">{getInitials(name)}</span>\n        )}\n      </div>\n\n      <div className=\"min-w-0 flex-1\">\n        <span className=\"text-foreground block truncate text-sm font-semibold tracking-tight\">\n          {name}\n        </span>\n        {secondary && (\n          <span className=\"text-muted-foreground mt-0.5 block truncate text-sm\">\n            {secondary}\n          </span>\n        )}\n      </div>\n\n      <ChevronRight\n        className={cn(\n          \"size-4 shrink-0 transition-all\",\n          isSelected\n            ? \"text-foreground\"\n            : \"text-muted-foreground/60 opacity-0 group-hover:translate-x-0.5 group-hover:opacity-100\",\n        )}\n        aria-hidden=\"true\"\n      />\n    </button>\n  );\n}\n","\"use client\";\n\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Plus, Search } from \"lucide-react\";\nimport { cn, Input } from \"@fluid-app/ui-primitives\";\nimport { useInfiniteContacts } from \"@fluid-app/contacts-core/hooks/use-infinite-contacts\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport type { Contact } from \"@fluid-app/contacts-core/types\";\nimport { useGroups } from \"../../../hooks/groups/use-groups\";\nimport { ContactsSidebarRow } from \"./ContactsSidebarRow\";\n\nexport interface ContactsSidebarProps {\n  selectedContactId: string | null;\n  onSelect: (id: string) => void;\n  onAdd: () => void;\n}\n\nconst DEBOUNCE_MS = 200;\n\ntype FilterValue =\n  | { kind: \"all\" }\n  | { kind: \"status\"; status: \"lead\" | \"customer\" }\n  | { kind: \"group\"; tag: string };\n\ninterface BuiltInFilter {\n  id: string;\n  label: string;\n  value: FilterValue;\n}\n\nfunction useBuiltInFilters(): BuiltInFilter[] {\n  const { t } = useContactsTranslation();\n  return useMemo(\n    () => [\n      { id: \"all\", label: t(\"filter_all\"), value: { kind: \"all\" } as const },\n      {\n        id: \"status:lead\",\n        label: t(\"filter_leads\"),\n        value: { kind: \"status\" as const, status: \"lead\" as const },\n      },\n      {\n        id: \"status:customer\",\n        label: t(\"filter_customers\"),\n        value: { kind: \"status\" as const, status: \"customer\" as const },\n      },\n    ],\n    [t],\n  );\n}\n\nfunction filterId(value: FilterValue): string {\n  if (value.kind === \"all\") return \"all\";\n  if (value.kind === \"status\") return `status:${value.status}`;\n  return `group:${value.tag}`;\n}\n\nexport function ContactsSidebar({\n  selectedContactId,\n  onSelect,\n  onAdd,\n}: ContactsSidebarProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const builtInFilters = useBuiltInFilters();\n  const [searchInput, setSearchInput] = useState(\"\");\n  const [debouncedSearch, setDebouncedSearch] = useState(\"\");\n  const [filter, setFilter] = useState<FilterValue>({ kind: \"all\" });\n\n  useEffect(() => {\n    const handle = window.setTimeout(() => {\n      setDebouncedSearch(searchInput.trim());\n    }, DEBOUNCE_MS);\n    return () => window.clearTimeout(handle);\n  }, [searchInput]);\n\n  const { data: groups = [] } = useGroups();\n\n  const queryParams = useMemo(\n    () => ({\n      search_query: debouncedSearch || undefined,\n      tags: filter.kind === \"group\" ? [filter.tag] : undefined,\n      sort_by: \"full_name\",\n      sort_direction: \"asc\",\n      per_page: 50,\n    }),\n    [debouncedSearch, filter],\n  );\n\n  const {\n    data,\n    isLoading,\n    isFetchingNextPage,\n    hasNextPage,\n    fetchNextPage,\n    isError,\n  } = useInfiniteContacts(queryParams);\n\n  const contacts: Contact[] = useMemo(\n    () => data?.pages.flatMap((page) => page.contacts ?? []) ?? [],\n    [data],\n  );\n\n  const visibleContacts = useMemo(() => {\n    if (filter.kind === \"status\") {\n      return contacts.filter((c) => c.status === filter.status);\n    }\n    return contacts;\n  }, [contacts, filter]);\n\n  const sentinelRef = useRef<HTMLDivElement>(null);\n\n  // Auto-select the first contact on initial load so the right pane shows\n  // detail instead of the empty state. Desktop only — on mobile the layout\n  // hides the sidebar when a contact is selected, so auto-selecting would\n  // drop the rep straight into a detail view with no list visible. Ref\n  // guards re-fires so explicit deselects (back button, post-delete, filter\n  // changes) don't get clobbered.\n  const hasAutoSelectedRef = useRef(false);\n  useEffect(() => {\n    if (hasAutoSelectedRef.current) return;\n    if (selectedContactId) {\n      hasAutoSelectedRef.current = true;\n      return;\n    }\n    if (isLoading || visibleContacts.length === 0) return;\n    const isDesktop =\n      typeof window === \"undefined\" ||\n      window.matchMedia(\"(min-width: 768px)\").matches;\n    if (!isDesktop) {\n      hasAutoSelectedRef.current = true;\n      return;\n    }\n    const first = visibleContacts[0];\n    if (first) {\n      hasAutoSelectedRef.current = true;\n      onSelect(String(first.id));\n    }\n  }, [selectedContactId, isLoading, visibleContacts, onSelect]);\n\n  useEffect(() => {\n    const sentinel = sentinelRef.current;\n    if (!sentinel || !hasNextPage) return;\n\n    const observer = new IntersectionObserver((entries) => {\n      const entry = entries[0];\n      if (entry?.isIntersecting && !isFetchingNextPage) {\n        fetchNextPage();\n      }\n    });\n\n    observer.observe(sentinel);\n    return () => observer.disconnect();\n  }, [hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n  const activeFilterId = filterId(filter);\n\n  return (\n    <>\n      <div className=\"border-border/50 border-b px-6 py-3\">\n        <div className=\"flex items-center gap-3\">\n          <div className=\"bg-muted focus-within:ring-foreground/20 flex min-w-0 flex-1 items-center gap-2 rounded-lg px-3 py-1.5 transition focus-within:ring-2\">\n            <Search\n              className=\"text-muted-foreground size-3.5 shrink-0\"\n              aria-hidden=\"true\"\n            />\n            <Input\n              value={searchInput}\n              onChange={(e) => setSearchInput(e.target.value)}\n              placeholder={t(\"search_placeholder\")}\n              type=\"search\"\n              className=\"placeholder:text-muted-foreground/80 h-auto flex-1 border-0 bg-transparent p-0 text-xs font-medium shadow-none focus-visible:ring-0\"\n              aria-label={t(\"search_placeholder\")}\n            />\n          </div>\n          <button\n            type=\"button\"\n            onClick={onAdd}\n            className=\"bg-primary text-primary-foreground hover:bg-primary/90 inline-flex shrink-0 items-center gap-1.5 rounded-lg px-3 py-1.5 text-xs font-semibold transition-colors\"\n          >\n            <Plus className=\"size-3.5\" aria-hidden=\"true\" />\n            {t(\"add\")}\n          </button>\n        </div>\n      </div>\n\n      <FilterPills\n        activeId={activeFilterId}\n        builtInFilters={builtInFilters}\n        groups={groups.map((g) => g.name)}\n        onChange={setFilter}\n      />\n\n      <div className=\"flex-1 overflow-y-auto px-3 pb-8\">\n        {isError ? (\n          <div className=\"text-muted-foreground px-4 py-8 text-center text-sm\">\n            {t(\"error_loading_list\")}\n          </div>\n        ) : isLoading ? (\n          <SidebarSkeleton />\n        ) : visibleContacts.length === 0 ? (\n          // Status filters apply client-side, so an empty visible list with\n          // more pages still pending means matching contacts may be on later\n          // pages. Keep the sentinel mounted so the IntersectionObserver can\n          // continue paging until we either find matches or exhaust the data.\n          <div className=\"space-y-2\">\n            {hasNextPage || isFetchingNextPage ? (\n              <div className=\"text-muted-foreground px-4 py-8 text-center text-sm\">\n                {t(\"searching\")}\n              </div>\n            ) : (\n              <div className=\"text-muted-foreground px-4 py-8 text-center text-sm\">\n                {debouncedSearch\n                  ? t(\"no_contacts_search\", { term: debouncedSearch })\n                  : filter.kind === \"all\"\n                    ? t(\"no_contacts_yet\")\n                    : t(\"no_contacts_filter\")}\n              </div>\n            )}\n            {hasNextPage && (\n              <div ref={sentinelRef} aria-hidden=\"true\" className=\"h-4\" />\n            )}\n          </div>\n        ) : (\n          <div className=\"space-y-1\">\n            {visibleContacts.map((contact) => (\n              <ContactsSidebarRow\n                key={contact.id}\n                contact={contact}\n                isSelected={String(contact.id) === selectedContactId}\n                onSelect={onSelect}\n              />\n            ))}\n            <div ref={sentinelRef} aria-hidden=\"true\" className=\"h-4\" />\n            {isFetchingNextPage && (\n              <div className=\"text-muted-foreground py-3 text-center text-xs\">\n                {t(\"loading_more\")}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </>\n  );\n}\n\ninterface FilterPillsProps {\n  activeId: string;\n  builtInFilters: BuiltInFilter[];\n  groups: string[];\n  onChange: (filter: FilterValue) => void;\n}\n\nfunction FilterPills({\n  activeId,\n  builtInFilters,\n  groups,\n  onChange,\n}: FilterPillsProps) {\n  const allFilters = useMemo<BuiltInFilter[]>(\n    () => [\n      ...builtInFilters,\n      ...groups.map((tag) => ({\n        id: `group:${tag}`,\n        label: tag,\n        value: { kind: \"group\" as const, tag },\n      })),\n    ],\n    [builtInFilters, groups],\n  );\n\n  return (\n    <div className=\"overflow-x-auto pt-4 pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n      <div className=\"flex gap-1.5 px-6\">\n        {allFilters.map(({ id, label, value }) => {\n          const isActive = id === activeId;\n          return (\n            <button\n              key={id}\n              type=\"button\"\n              onClick={() => onChange(value)}\n              aria-pressed={isActive}\n              className={cn(\n                \"shrink-0 rounded-full px-4 py-1.5 text-sm font-semibold capitalize transition-colors\",\n                isActive\n                  ? \"bg-primary text-primary-foreground\"\n                  : \"border-border/50 bg-muted text-foreground hover:bg-muted/70 border\",\n              )}\n            >\n              {label}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nfunction SidebarSkeleton() {\n  return (\n    <div className=\"space-y-1.5 px-1\">\n      {[0, 1, 2, 3, 4].map((i) => (\n        <div\n          key={i}\n          className=\"flex items-center gap-3 rounded-xl px-3 py-3\"\n          aria-hidden=\"true\"\n        >\n          <div className=\"bg-muted size-12 shrink-0 animate-pulse rounded-xl\" />\n          <div className=\"flex-1 space-y-2\">\n            <div className=\"bg-muted h-3.5 w-3/5 animate-pulse rounded\" />\n            <div className=\"bg-muted h-3 w-4/5 animate-pulse rounded\" />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n","\"use client\";\n\nimport React, { useMemo } from \"react\";\nimport { useFormContext, useWatch } from \"react-hook-form\";\nimport type { EditContactFormData } from \"../../schemas/contactFormSchema\";\nimport {\n  cn,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@fluid-app/ui-primitives\";\nimport { Combobox } from \"@fluid-app/ui-components/components/Combobox\";\n\nconst DEFAULT_COUNTRIES: { name: string; value: string }[] = [];\n\nconst statusOptions = [\n  { name: \"New\", value: \"new\" },\n  { name: \"Active\", value: \"active\" },\n  { name: \"Inactive\", value: \"inactive\" },\n  { name: \"Cold\", value: \"cold\" },\n  { name: \"Lead\", value: \"lead\" },\n  { name: \"Customer\", value: \"customer\" },\n];\n\ntype AvatarPickerRenderProps = {\n  value: string | null;\n  onChange: (url: string | null) => void;\n};\n\ntype ContactDetailsFormProps = {\n  className?: string;\n  countries?: { name: string; value: string }[];\n  renderAvatarPicker?: (props: AvatarPickerRenderProps) => React.ReactNode;\n};\n\nexport const ContactDetailsForm: React.FC<ContactDetailsFormProps> = ({\n  className,\n  countries = DEFAULT_COUNTRIES,\n  renderAvatarPicker,\n}) => {\n  const { control, watch, setValue } = useFormContext<EditContactFormData>();\n  const currentStatus = useWatch({ control, name: \"status\" });\n  const avatarUrl: string | null =\n    (watch(\"avatar_url\") as string | null | undefined) ?? null;\n\n  const effectiveStatusOptions = useMemo(() => {\n    if (\n      currentStatus &&\n      typeof currentStatus === \"string\" &&\n      !statusOptions.some((o) => o.value === currentStatus)\n    ) {\n      return [\n        {\n          name:\n            currentStatus.charAt(0).toUpperCase() +\n            currentStatus.slice(1).replace(/_/g, \" \"),\n          value: currentStatus,\n        },\n        ...statusOptions,\n      ];\n    }\n    return statusOptions;\n  }, [currentStatus]);\n\n  const firstInitial =\n    (watch(\"first_name\") as string | null | undefined)?.[0] ?? \"\";\n  const lastInitial =\n    (watch(\"last_name\") as string | null | undefined)?.[0] ?? \"\";\n  const initials =\n    [firstInitial, lastInitial].filter(Boolean).join(\"\").toUpperCase() || \"?\";\n\n  return (\n    <div className={cn(\"space-y-6\", className)}>\n      {renderAvatarPicker && (\n        <div className=\"flex flex-col items-center gap-3\">\n          <div className=\"border-border bg-background relative h-20 w-20 shrink-0 overflow-hidden rounded-full border-2\">\n            {avatarUrl ? (\n              <img\n                src={avatarUrl}\n                alt=\"\"\n                className=\"h-full w-full object-cover\"\n              />\n            ) : (\n              <div className=\"text-muted-foreground flex h-full w-full items-center justify-center text-lg font-semibold\">\n                {initials}\n              </div>\n            )}\n          </div>\n          {renderAvatarPicker({\n            value: avatarUrl,\n            onChange: (url) =>\n              setValue(\"avatar_url\", url ?? \"\", { shouldDirty: true }),\n          })}\n        </div>\n      )}\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <FormField\n          control={control}\n          name=\"first_name\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                First Name\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter first name\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"last_name\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                Last Name\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter last name\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"email\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                Email\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter email address\"\n                  type=\"email\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"phone\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                Phone\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter phone number\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"status\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                Status\n              </FormLabel>\n              <Select value={field.value ?? \"\"} onValueChange={field.onChange}>\n                <FormControl>\n                  <SelectTrigger className=\"w-full\">\n                    <SelectValue placeholder=\"Select status\" />\n                  </SelectTrigger>\n                </FormControl>\n                <SelectContent position=\"popper\" sideOffset={4}>\n                  {effectiveStatusOptions.map((opt) => (\n                    <SelectItem key={opt.value} value={opt.value}>\n                      {opt.name}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"address\"\n          render={({ field }) => (\n            <FormItem className=\"lg:col-span-2\">\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                Full Address\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter street address\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"city\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                City\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter city\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"state\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                State/Province\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter state or province\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"postal_code\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                Postal Code\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter postal code\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"country_code\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                Country\n              </FormLabel>\n              <FormControl>\n                <Combobox\n                  options={countries.map((c) => ({\n                    label: c.name,\n                    value: c.value,\n                  }))}\n                  value={field.value ?? \"\"}\n                  onValueChange={field.onChange}\n                  placeholder=\"Select country\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n      </div>\n    </div>\n  );\n};\n","\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useContactDetail(\n  contactId: string,\n  queryKeyPrefix = \"contacts\",\n) {\n  const api = useContactsCrud();\n\n  return useQuery({\n    queryKey: CONTACTS_QUERY_KEYS.detail(queryKeyPrefix, contactId),\n    queryFn: () => api.getContact(contactId),\n    enabled: !!contactId,\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"@fluid-app/contacts-core/query-keys\";\n\ntype UpdateInput = {\n  id: string;\n  data: Record<string, unknown>;\n};\n\nexport function useUpdateContactMutation(\n  contactId: string,\n  queryKeyPrefix = \"contacts\",\n  options?: {\n    onSuccess?: () => void;\n    onError?: (error: unknown) => void;\n  },\n) {\n  const queryClient = useQueryClient();\n  const api = useContactsCrud();\n\n  return useMutation({\n    mutationFn: ({ id, data }: UpdateInput) => api.updateContact(id, data),\n    onSuccess: () => {\n      fluidToast({ title: \"Contact updated successfully\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: CONTACTS_QUERY_KEYS.all(queryKeyPrefix),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to save contact\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n      options?.onError?.(error);\n    },\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useDeleteContactMutation(\n  queryKeyPrefix = \"contacts\",\n  options?: {\n    onSuccess?: () => void;\n    onError?: (error: unknown) => void;\n  },\n) {\n  const queryClient = useQueryClient();\n  const api = useContactsCrud();\n\n  return useMutation({\n    mutationFn: (contactId: string) => api.deleteContact(contactId),\n    onSuccess: () => {\n      fluidToast({ title: \"Contact deleted successfully\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: CONTACTS_QUERY_KEYS.all(queryKeyPrefix),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to delete contact\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n      options?.onError?.(error);\n    },\n  });\n}\n","import { z } from \"zod\";\n\n/**\n * Form schema for creating a contact.\n * Matches CompanyContactCreate / ContactCreate from the OpenAPI spec.\n *\n * @see CompanyContactCreate in company_contacts.d.ts\n * @see ContactCreate in users_contacts.d.ts\n */\nexport const createContactFormSchema = z.object({\n  first_name: z.string().min(1, { message: \"First name is required\" }),\n  last_name: z.string().min(1, { message: \"Last name is required\" }),\n  status: z.string().nullable().optional(),\n  email: z.string().email().or(z.literal(\"\")).nullable().optional(),\n  phone: z.string().nullable().optional(),\n  address: z.string().nullable().optional(),\n  city: z.string().nullable().optional(),\n  state: z.string().nullable().optional(),\n  postal_code: z.string().nullable().optional(),\n  country_code: z.coerce.string().nullable().optional(),\n  language_code: z.coerce.string().nullable().optional(),\n  affiliate: z.record(z.string(), z.unknown()).nullable().optional(),\n  metadata: z.record(z.string(), z.unknown()).optional(),\n});\n\nexport type CreateContactFormData = z.infer<typeof createContactFormSchema>;\n\n/**\n * Form schema for editing a contact.\n * Same fields as create plus id. Uses .passthrough() so extra fields\n * from the Contact read model (full_name, avatar_url, etc.) don't\n * cause validation failures.\n *\n * @see CompanyContactUpdate in company_contacts.d.ts\n */\nexport const editContactFormSchema = createContactFormSchema.passthrough();\n\nexport type EditContactFormData = z.infer<typeof editContactFormSchema>;\n","\"use client\";\n\nimport { useMemo, useCallback } from \"react\";\nimport { useZodForm, fluidToast } from \"@fluid-app/ui-primitives\";\nimport type { UseFormReturn } from \"react-hook-form\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useContactDetail } from \"./useContactDetail\";\nimport { useUpdateContactMutation } from \"./useUpdateContactMutation\";\nimport { useDeleteContactMutation } from \"./useDeleteContactMutation\";\nimport {\n  createContactFormSchema,\n  editContactFormSchema,\n  type EditContactFormData,\n} from \"../schemas/contactFormSchema\";\nimport type { Contact } from \"@fluid-app/contacts-core/types\";\n\nconst mutableKeys = Object.keys(\n  createContactFormSchema.shape,\n) as (keyof EditContactFormData)[];\n\nexport function useContactDetailPage(\n  contactId: string,\n  options?: {\n    queryKeyPrefix?: string;\n    getCountries?: () => Promise<{ id: number; name: string; iso?: string }[]>;\n    onDeleteSuccess?: () => void;\n    onSaveSuccess?: () => void;\n  },\n): {\n  contact: Contact | undefined;\n  isLoading: boolean;\n  methods: UseFormReturn<EditContactFormData>;\n  countryOptions: { name: string; value: string }[];\n  isDirty: boolean;\n  isSubmitting: boolean;\n  isDeleting: boolean;\n  onSave: () => void;\n  onDelete: () => void;\n} {\n  const queryKeyPrefix = options?.queryKeyPrefix ?? \"contacts\";\n\n  const { data, isLoading } = useContactDetail(contactId, queryKeyPrefix);\n\n  const { data: countries } = useQuery({\n    queryKey: [\"countries\"],\n    queryFn: options?.getCountries ?? (() => Promise.resolve([])),\n    enabled: !!options?.getCountries,\n  });\n\n  const countryOptions = useMemo(\n    () =>\n      [\n        ...(countries?.map((c) => ({\n          name: c.name,\n          value: c.iso ?? c.id.toString(),\n        })) ?? []),\n      ].sort((a, b) => a.name.localeCompare(b.name)),\n    [countries],\n  );\n\n  const contact = data?.contact;\n\n  // Map nested country object to the ISO code the form select expects\n  const formValues = useMemo(() => {\n    if (!contact) return undefined;\n    return {\n      ...contact,\n      country_code:\n        contact.country?.iso ?? contact.country_id?.toString() ?? null,\n    } as unknown as EditContactFormData;\n  }, [contact]);\n\n  const methods = useZodForm<EditContactFormData>(editContactFormSchema, {\n    values: formValues,\n    mode: \"onBlur\",\n  });\n\n  const updateMutation = useUpdateContactMutation(contactId, queryKeyPrefix, {\n    onSuccess: () => {\n      methods.reset(methods.getValues());\n      options?.onSaveSuccess?.();\n    },\n  });\n\n  const deleteMutation = useDeleteContactMutation(queryKeyPrefix, {\n    onSuccess: () => {\n      options?.onDeleteSuccess?.();\n    },\n  });\n\n  const onSave = useCallback(() => {\n    methods.handleSubmit(\n      (formData) => {\n        const payload: Record<string, unknown> = {};\n        for (const key of mutableKeys) {\n          if (key in formData) {\n            payload[key] = formData[key];\n          }\n        }\n\n        updateMutation.mutate({\n          id: contactId,\n          data: payload,\n        });\n      },\n      (errors) => {\n        const errorMessages = Object.entries(errors)\n          .map(([field, err]) => {\n            const msg =\n              typeof err?.message === \"string\" ? err.message : \"invalid\";\n            return `${field.replace(/_/g, \" \")}: ${msg}`;\n          })\n          .join(\", \");\n        fluidToast({\n          title: \"Please fix the form errors before saving\",\n          description: errorMessages || undefined,\n          type: \"error\",\n        });\n      },\n    )();\n  }, [methods, updateMutation, contactId]);\n\n  const onDelete = useCallback(() => {\n    deleteMutation.mutate(contactId);\n  }, [deleteMutation, contactId]);\n\n  return {\n    contact,\n    isLoading,\n    methods,\n    countryOptions,\n    isDirty: methods.formState.isDirty,\n    isSubmitting: updateMutation.isPending,\n    isDeleting: deleteMutation.isPending,\n    onSave,\n    onDelete,\n  };\n}\n","\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { ContactTask } from \"@fluid-app/contacts-core/types\";\n\nexport type { ContactTask };\n\nexport const CONTACT_TASKS_QUERY_KEY = (contactId: string) =>\n  contactsKeys.tasks(contactId);\n\nexport function useContactTasks(contactId: string) {\n  const api = useTasksApi();\n\n  return useQuery({\n    queryKey: contactsKeys.tasks(contactId),\n    queryFn: () => api.listTasks(contactId),\n    enabled: !!contactId,\n    select: (data) => data.tasks,\n  });\n}\n","\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useNotesApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { ContactNote } from \"@fluid-app/contacts-core/types\";\n\nexport type { ContactNote };\n\nexport const CONTACT_NOTES_QUERY_KEY = (contactId: string) =>\n  contactsKeys.notes(contactId);\n\nexport function useContactNotes(contactId: string) {\n  const api = useNotesApi();\n\n  return useQuery({\n    queryKey: contactsKeys.notes(contactId),\n    queryFn: () => api.listNotes(contactId),\n    enabled: !!contactId,\n    select: (data) => data.notes,\n  });\n}\n","import React from \"react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\n\nconst statusStyles: Record<string, string> = {\n  // Contact statuses\n  new: \"border-[var(--status-new-border)] bg-[var(--status-new)] text-[var(--status-new-foreground)]\",\n  active:\n    \"border-[var(--status-active-border)] bg-[var(--status-active)] text-[var(--status-active-foreground)]\",\n  inactive: \"border-border bg-muted text-muted-foreground\",\n  lead: \"border-[var(--status-lead-border)] bg-[var(--status-lead)] text-[var(--status-lead-foreground)]\",\n  customer:\n    \"border-[var(--status-customer-border)] bg-[var(--status-customer)] text-[var(--status-customer-foreground)]\",\n  // Semantic categories (orders, subscriptions, etc.)\n  success:\n    \"border-[var(--badge-success-border)] bg-[var(--badge-success)] text-[var(--badge-success-foreground)]\",\n  warning:\n    \"border-[var(--badge-warning-border)] bg-[var(--badge-warning)] text-[var(--badge-warning-foreground)]\",\n  danger:\n    \"border-[var(--badge-danger-border)] bg-[var(--badge-danger)] text-[var(--badge-danger-foreground)]\",\n  info: \"border-[var(--badge-info-border)] bg-[var(--badge-info)] text-[var(--badge-info-foreground)]\",\n  neutral: \"border-border bg-muted text-muted-foreground\",\n  notice:\n    \"border-[var(--badge-notice-border)] bg-[var(--badge-notice)] text-[var(--badge-notice-foreground)]\",\n  accent:\n    \"border-[var(--badge-accent-border)] bg-[var(--badge-accent)] text-[var(--badge-accent-foreground)]\",\n};\n\nconst defaultStyle = \"border-border bg-muted text-muted-foreground\";\n\nexport type StatusBadgeVariant = keyof typeof statusStyles;\n\nexport function getStatusStyle(status: string): string {\n  return statusStyles[status] ?? defaultStyle;\n}\n\nexport function StatusBadge({\n  status,\n  label,\n  className,\n}: {\n  status: string;\n  label?: string;\n  className?: string;\n}): React.JSX.Element {\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold capitalize\",\n        getStatusStyle(status),\n        className,\n      )}\n    >\n      {label ?? status}\n    </span>\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { ListTodo, StickyNote } from \"lucide-react\";\nimport type { Contact } from \"@fluid-app/contacts-core/types\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport { StatusBadge } from \"../../../../shared/components/contacts/statusBadge\";\nimport { getDisplayName, getInitials, getRelativeUpdated } from \"./utils\";\n\nexport interface ContactDetailHeroProps {\n  contact: Contact;\n  tasksCount: number;\n  notesCount: number;\n}\n\nexport function ContactDetailHero({\n  contact,\n  tasksCount,\n  notesCount,\n}: ContactDetailHeroProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const name = getDisplayName(contact);\n  const status = contact.status?.trim();\n  const lastUpdated = getRelativeUpdated(contact);\n\n  return (\n    <div className=\"flex flex-col gap-6 md:flex-row md:items-center md:justify-between md:gap-8\">\n      <div className=\"flex flex-col items-start gap-4 md:flex-row md:items-center md:gap-5\">\n        <div className=\"bg-muted relative flex size-20 shrink-0 items-center justify-center overflow-hidden rounded-2xl md:size-24\">\n          {contact.avatar_url ? (\n            <img\n              alt={name}\n              src={contact.avatar_url}\n              className=\"size-full object-cover\"\n            />\n          ) : (\n            <span\n              aria-hidden=\"true\"\n              className=\"text-muted-foreground text-2xl font-bold tracking-tight md:text-3xl\"\n            >\n              {getInitials(name)}\n            </span>\n          )}\n        </div>\n\n        <div className=\"min-w-0 flex-1\">\n          <h2 className=\"text-foreground text-2xl leading-tight font-bold tracking-tight md:text-3xl\">\n            {name}\n          </h2>\n          <div className=\"mt-2.5 flex flex-wrap items-center gap-2\">\n            {status && <StatusBadge status={status} />}\n            {status && lastUpdated && (\n              <span\n                aria-hidden=\"true\"\n                className=\"text-muted-foreground/40 text-sm\"\n              >\n                ·\n              </span>\n            )}\n            {lastUpdated && (\n              <span className=\"text-muted-foreground text-sm\">\n                {t(\"last_updated\", { date: lastUpdated })}\n              </span>\n            )}\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex shrink-0 items-center gap-6 md:gap-8\">\n        <Stat label={t(\"tab_tasks\")} value={tasksCount} icon={ListTodo} />\n        <div className=\"bg-border h-10 w-px\" aria-hidden=\"true\" />\n        <Stat label={t(\"tab_notes\")} value={notesCount} icon={StickyNote} />\n      </div>\n    </div>\n  );\n}\n\ninterface StatProps {\n  label: string;\n  value: number;\n  icon: React.ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n}\n\nfunction Stat({ label, value, icon: Icon }: StatProps) {\n  return (\n    <div className=\"flex flex-col items-start gap-1\">\n      <div className=\"text-muted-foreground flex items-center gap-1.5\">\n        <Icon className=\"size-3.5\" aria-hidden={true} />\n        <span className=\"text-xs font-medium\">{label}</span>\n      </div>\n      <span className=\"text-foreground text-2xl font-bold tracking-tight tabular-nums\">\n        {value}\n      </span>\n    </div>\n  );\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport { Check, Copy, Mail, MapPin, Phone, Plus } from \"lucide-react\";\nimport type { Contact } from \"@fluid-app/contacts-core/types\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\n\nexport interface ContactInfoRowProps {\n  contact: Contact;\n  /** Click handler invoked when an empty-state row is activated. */\n  onEditEmpty?: () => void;\n}\n\nfunction buildAddressLine(contact: Contact): string | null {\n  const parts = [\n    contact.address,\n    contact.city,\n    contact.state,\n    contact.postal_code,\n  ].filter((part): part is string => Boolean(part?.trim()));\n  if (parts.length === 0) return null;\n  return parts.join(\", \");\n}\n\nexport function ContactInfoRow({\n  contact,\n  onEditEmpty,\n}: ContactInfoRowProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const address = buildAddressLine(contact);\n\n  return (\n    <div className=\"border-border/50 divide-border/50 mt-6 divide-y overflow-hidden rounded-2xl border\">\n      <InfoRow\n        icon={Mail}\n        label={t(\"label_email\")}\n        value={contact.email}\n        href={contact.email ? `mailto:${contact.email}` : undefined}\n        onEditEmpty={onEditEmpty}\n      />\n      <InfoRow\n        icon={Phone}\n        label={t(\"label_phone\")}\n        value={contact.phone}\n        href={contact.phone ? `tel:${contact.phone}` : undefined}\n        onEditEmpty={onEditEmpty}\n      />\n      <InfoRow\n        icon={MapPin}\n        label={t(\"label_address\")}\n        value={address}\n        href={\n          address\n            ? `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(address)}`\n            : undefined\n        }\n        external={true}\n        onEditEmpty={onEditEmpty}\n      />\n    </div>\n  );\n}\n\ninterface InfoRowProps {\n  icon: React.ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n  label: string;\n  value: string | null | undefined;\n  href: string | undefined;\n  external?: boolean;\n  onEditEmpty?: () => void;\n}\n\nfunction InfoRow({\n  icon: Icon,\n  label,\n  value,\n  href,\n  external = false,\n  onEditEmpty,\n}: InfoRowProps) {\n  const { t } = useContactsTranslation();\n  const trimmed = value?.trim();\n  const isEmpty = !trimmed;\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = () => {\n    if (!trimmed) return;\n    if (typeof navigator === \"undefined\" || !navigator.clipboard) return;\n    navigator.clipboard\n      .writeText(trimmed)\n      .then(() => {\n        setCopied(true);\n        window.setTimeout(() => setCopied(false), 1500);\n      })\n      .catch(() => {\n        // clipboard write can fail in insecure contexts; silently noop\n      });\n  };\n\n  if (isEmpty) {\n    const addText = t(\"add_field\", { field: label });\n    if (!onEditEmpty) {\n      return (\n        <div className=\"flex items-center gap-3 px-4 py-2.5 md:px-5\">\n          <div className=\"border-border/50 text-muted-foreground/50 flex size-9 shrink-0 items-center justify-center rounded-full border-2 border-dashed\">\n            <Icon className=\"size-4\" aria-hidden={true} />\n          </div>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"text-muted-foreground text-xs font-medium\">\n              {label}\n            </div>\n            <div className=\"text-muted-foreground/70 truncate text-sm italic\">\n              {addText}\n            </div>\n          </div>\n          <Plus\n            className=\"text-muted-foreground/40 size-4 shrink-0\"\n            aria-hidden={true}\n          />\n        </div>\n      );\n    }\n    return (\n      <button\n        type=\"button\"\n        onClick={onEditEmpty}\n        aria-label={addText}\n        className=\"hover:bg-muted/60 group flex w-full items-center gap-3 px-4 py-2.5 text-left transition-colors md:px-5\"\n      >\n        <div className=\"border-border/50 text-muted-foreground/50 group-hover:border-foreground/30 group-hover:text-muted-foreground flex size-9 shrink-0 items-center justify-center rounded-full border-2 border-dashed transition-colors\">\n          <Icon className=\"size-4\" aria-hidden={true} />\n        </div>\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"text-muted-foreground text-xs font-medium\">\n            {label}\n          </div>\n          <div className=\"text-muted-foreground/70 group-hover:text-muted-foreground truncate text-sm italic transition-colors\">\n            {addText}\n          </div>\n        </div>\n        <Plus\n          className=\"text-muted-foreground/40 group-hover:text-foreground size-4 shrink-0 transition-colors\"\n          aria-hidden={true}\n        />\n      </button>\n    );\n  }\n\n  return (\n    <div className=\"hover:bg-muted/60 group flex items-center transition-colors\">\n      <a\n        href={href}\n        {...(external ? { target: \"_blank\", rel: \"noopener noreferrer\" } : {})}\n        className=\"flex min-w-0 flex-1 items-center gap-3 px-4 py-2.5 md:px-5\"\n      >\n        <div className=\"bg-muted text-muted-foreground group-hover:bg-muted/70 group-hover:text-foreground flex size-9 shrink-0 items-center justify-center rounded-full transition-colors\">\n          <Icon className=\"size-4\" aria-hidden={true} />\n        </div>\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"text-muted-foreground text-xs font-medium\">\n            {label}\n          </div>\n          <div className=\"text-foreground truncate text-sm font-semibold\">\n            {trimmed}\n          </div>\n        </div>\n      </a>\n      <button\n        type=\"button\"\n        onClick={handleCopy}\n        aria-label={\n          copied\n            ? t(\"copied_field\", { field: label })\n            : t(\"copy_field\", { field: label })\n        }\n        className=\"text-muted-foreground hover:bg-muted hover:text-foreground mr-3 flex size-8 shrink-0 items-center justify-center rounded-md transition-colors\"\n      >\n        {copied ? (\n          <Check className=\"text-primary size-3.5\" aria-hidden={true} />\n        ) : (\n          <Copy className=\"size-3.5\" aria-hidden={true} />\n        )}\n      </button>\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useToggleTaskCompletion(contactId: string) {\n  const queryClient = useQueryClient();\n  const api = useTasksApi();\n\n  return useMutation({\n    mutationFn: ({\n      taskId,\n      isCompleted,\n    }: {\n      taskId: number;\n      isCompleted: boolean;\n    }) =>\n      api.updateTask(taskId, contactId, {\n        completed_at: isCompleted ? null : new Date().toISOString(),\n      }),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.tasks(contactId),\n      });\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to update task\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useDeleteContactTask(\n  contactId: string,\n  options?: { onSuccess?: () => void },\n) {\n  const queryClient = useQueryClient();\n  const api = useTasksApi();\n\n  return useMutation({\n    mutationFn: (taskId: number) => api.deleteTask(taskId, contactId),\n    onSuccess: () => {\n      fluidToast({ title: \"Task deleted\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.tasks(contactId),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to delete task\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { UpdateTaskInput } from \"@fluid-app/contacts-core/types\";\n\nexport type { UpdateTaskInput };\n\nexport function useUpdateContactTask(\n  contactId: string,\n  options?: { onSuccess?: () => void },\n) {\n  const queryClient = useQueryClient();\n  const api = useTasksApi();\n\n  return useMutation({\n    mutationFn: ({\n      taskId,\n      input,\n    }: {\n      taskId: number;\n      input: UpdateTaskInput;\n    }) => api.updateTask(taskId, contactId, input),\n    onSuccess: () => {\n      fluidToast({ title: \"Task updated\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.tasks(contactId),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to update task\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n    },\n  });\n}\n","export function formatDateForDisplay(dateStr: string): string {\n  const date = new Date(dateStr);\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"short\",\n    day: \"numeric\",\n    year: \"numeric\",\n  });\n}\n","\"use client\";\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { useEditor, EditorContent } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Heading from \"@tiptap/extension-heading\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport TextAlign from \"@tiptap/extension-text-align\";\nimport Underline from \"@tiptap/extension-underline\";\nimport {\n  AlignLeft,\n  AlignCenter,\n  AlignRight,\n  AlignJustify,\n  List,\n  ListOrdered,\n  Calendar,\n  X,\n} from \"lucide-react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport { formatDateForDisplay } from \"../../utils/format-date\";\n\nexport interface NoteTaskEditorProps {\n  titlePlaceholder?: string;\n  bodyPlaceholder?: string;\n  onChange?: (content: {\n    title: string;\n    body: string;\n    dueDate?: string;\n  }) => void;\n  className?: string;\n  /** Pre-populate the title (for edit mode) */\n  initialTitle?: string;\n  /** Pre-populate the body (for edit mode) */\n  initialBody?: string;\n  /** Show due date picker */\n  showDueDate?: boolean;\n  /** Pre-populate the due date (ISO string, for edit mode) */\n  initialDueDate?: string;\n  /** When false, the editor is body-only (no H1 title). Default true. */\n  showTitle?: boolean;\n  /** Override for the editor content area min-height class */\n  editorClassName?: string;\n}\n\nfunction extractTitleAndBody(editor: ReturnType<typeof useEditor>): {\n  title: string;\n  body: string;\n} {\n  if (!editor) return { title: \"\", body: \"\" };\n\n  const doc = editor.state.doc;\n  let title = \"\";\n  const bodyParts: string[] = [];\n\n  doc.forEach((node) => {\n    if (node.type.name === \"heading\" && !title) {\n      title = node.textContent.trim();\n    } else {\n      const text = node.textContent.trim();\n      if (text) bodyParts.push(text);\n    }\n  });\n\n  return { title, body: bodyParts.join(\"\\n\") };\n}\n\nfunction extractBodyOnly(editor: ReturnType<typeof useEditor>): string {\n  if (!editor) return \"\";\n  const parts: string[] = [];\n  editor.state.doc.forEach((node) => {\n    const text = node.textContent.trim();\n    if (text) parts.push(text);\n  });\n  return parts.join(\"\\n\");\n}\n\nexport function NoteTaskEditor({\n  titlePlaceholder = \"New Note\",\n  bodyPlaceholder = \"Start writing...\",\n  onChange,\n  className,\n  initialTitle,\n  initialBody,\n  showDueDate = false,\n  initialDueDate,\n  showTitle = true,\n  editorClassName,\n}: NoteTaskEditorProps): React.JSX.Element {\n  const [dueDate, setDueDate] = useState<string | undefined>(initialDueDate);\n  const dueDateRef = useRef(initialDueDate);\n  const dateInputRef = useRef<HTMLInputElement>(null);\n\n  // Keep ref in sync with state so onUpdate always reads the latest value\n  useEffect(() => {\n    dueDateRef.current = dueDate;\n  }, [dueDate]);\n\n  const initialContent = showTitle\n    ? initialTitle || initialBody\n      ? `<h1>${initialTitle ?? \"\"}</h1>${initialBody ?? \"\"}`\n      : undefined\n    : initialBody || undefined;\n\n  const extensions = [\n    StarterKit.configure({\n      heading: showTitle ? false : { levels: [] as const },\n      bulletList: {\n        keepMarks: true,\n        keepAttributes: false,\n      },\n      orderedList: {\n        keepMarks: true,\n        keepAttributes: false,\n      },\n    }),\n    ...(showTitle ? [Heading.configure({ levels: [1] })] : []),\n    Placeholder.configure({\n      placeholder: ({ node }) => {\n        if (node.type.name === \"heading\") {\n          return titlePlaceholder;\n        }\n        return bodyPlaceholder;\n      },\n    }),\n    TextAlign.configure({\n      types: showTitle ? [\"heading\", \"paragraph\"] : [\"paragraph\"],\n      alignments: [\"left\", \"center\", \"right\", \"justify\"],\n    }),\n    Underline,\n  ];\n\n  const defaultContent = showTitle\n    ? {\n        type: \"doc\" as const,\n        content: [{ type: \"heading\" as const, attrs: { level: 1 } }],\n      }\n    : undefined;\n\n  const editor = useEditor({\n    extensions,\n    content: initialContent ?? defaultContent,\n    onUpdate: ({ editor }) => {\n      if (showTitle) {\n        const { title, body } = extractTitleAndBody(editor);\n        onChange?.({ title, body, dueDate: dueDateRef.current });\n      } else {\n        const body = extractBodyOnly(editor);\n        onChange?.({ title: \"\", body, dueDate: dueDateRef.current });\n      }\n    },\n  });\n\n  const fireOnChange = () => {\n    if (!editor || !onChange) return;\n    if (showTitle) {\n      const { title, body } = extractTitleAndBody(editor);\n      onChange({ title, body, dueDate });\n    } else {\n      const body = extractBodyOnly(editor);\n      onChange({ title: \"\", body, dueDate });\n    }\n  };\n\n  // Fire onChange once on mount so the parent's ref is populated with the\n  // initial values before the user makes any edits.\n  useEffect(() => {\n    fireOnChange();\n    // We only want this to run once after the editor is first created.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  // Notify parent when due date changes\n  useEffect(() => {\n    fireOnChange();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dueDate]);\n\n  const buttonBase =\n    \"flex h-7 w-7 items-center justify-center rounded text-xs transition-colors\";\n  const buttonActive = \"bg-muted text-primary\";\n  const buttonInactive = \"text-muted-foreground hover:bg-muted/50\";\n\n  const toolbarSeparator = <div className=\"bg-border mx-1 h-5 w-px\" />;\n\n  return (\n    <div\n      className={cn(\n        \"border-border/50 flex flex-col overflow-hidden rounded-lg border\",\n        className,\n      )}\n    >\n      {/* Toolbar */}\n      <div className=\"border-border/50 bg-muted/50 flex items-center gap-0.5 border-b px-2 py-1.5\">\n        {/* Bold */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().toggleBold().run()}\n          disabled={!editor?.can().chain().focus().toggleBold().run()}\n          className={cn(\n            buttonBase,\n            \"font-bold\",\n            editor?.isActive(\"bold\") ? buttonActive : buttonInactive,\n          )}\n          title=\"Bold\"\n        >\n          B\n        </button>\n\n        {/* Italic */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().toggleItalic().run()}\n          disabled={!editor?.can().chain().focus().toggleItalic().run()}\n          className={cn(\n            buttonBase,\n            \"italic\",\n            editor?.isActive(\"italic\") ? buttonActive : buttonInactive,\n          )}\n          title=\"Italic\"\n        >\n          I\n        </button>\n\n        {/* Underline */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().toggleUnderline().run()}\n          disabled={!editor?.can().chain().focus().toggleUnderline().run()}\n          className={cn(\n            buttonBase,\n            \"underline\",\n            editor?.isActive(\"underline\") ? buttonActive : buttonInactive,\n          )}\n          title=\"Underline\"\n        >\n          U\n        </button>\n\n        {toolbarSeparator}\n\n        {/* Align left */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().setTextAlign(\"left\").run()}\n          className={cn(\n            buttonBase,\n            editor?.isActive({ textAlign: \"left\" })\n              ? buttonActive\n              : buttonInactive,\n          )}\n          title=\"Align left\"\n        >\n          <AlignLeft className=\"h-3.5 w-3.5\" />\n        </button>\n\n        {/* Align center */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().setTextAlign(\"center\").run()}\n          className={cn(\n            buttonBase,\n            editor?.isActive({ textAlign: \"center\" })\n              ? buttonActive\n              : buttonInactive,\n          )}\n          title=\"Align center\"\n        >\n          <AlignCenter className=\"h-3.5 w-3.5\" />\n        </button>\n\n        {/* Align right */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().setTextAlign(\"right\").run()}\n          className={cn(\n            buttonBase,\n            editor?.isActive({ textAlign: \"right\" })\n              ? buttonActive\n              : buttonInactive,\n          )}\n          title=\"Align right\"\n        >\n          <AlignRight className=\"h-3.5 w-3.5\" />\n        </button>\n\n        {/* Align justify */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().setTextAlign(\"justify\").run()}\n          className={cn(\n            buttonBase,\n            editor?.isActive({ textAlign: \"justify\" })\n              ? buttonActive\n              : buttonInactive,\n          )}\n          title=\"Justify\"\n        >\n          <AlignJustify className=\"h-3.5 w-3.5\" />\n        </button>\n\n        {toolbarSeparator}\n\n        {/* Bullet list */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().toggleBulletList().run()}\n          className={cn(\n            buttonBase,\n            editor?.isActive(\"bulletList\") ? buttonActive : buttonInactive,\n          )}\n          title=\"Bullet list\"\n        >\n          <List className=\"h-3.5 w-3.5\" />\n        </button>\n\n        {/* Ordered list */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().toggleOrderedList().run()}\n          className={cn(\n            buttonBase,\n            editor?.isActive(\"orderedList\") ? buttonActive : buttonInactive,\n          )}\n          title=\"Ordered list\"\n        >\n          <ListOrdered className=\"h-3.5 w-3.5\" />\n        </button>\n\n        {showDueDate && (\n          <>\n            {toolbarSeparator}\n            {/* Due date */}\n            {dueDate ? (\n              <div className=\"bg-primary/10 flex items-center gap-1 rounded px-2 py-1\">\n                <Calendar className=\"text-primary h-3.5 w-3.5\" />\n                <span className=\"text-primary text-xs font-medium\">\n                  {formatDateForDisplay(dueDate)}\n                </span>\n                <button\n                  type=\"button\"\n                  onClick={() => setDueDate(undefined)}\n                  className=\"text-primary/60 hover:text-primary ml-1\"\n                  title=\"Remove due date\"\n                >\n                  <X className=\"h-3 w-3\" />\n                </button>\n              </div>\n            ) : (\n              <>\n                <button\n                  type=\"button\"\n                  onClick={() => dateInputRef.current?.showPicker()}\n                  className=\"text-muted-foreground hover:bg-muted hover:text-foreground flex h-7 cursor-pointer items-center gap-1 rounded px-2 text-xs font-medium transition-colors\"\n                >\n                  <Calendar className=\"h-3.5 w-3.5\" />\n                  <span>Due date</span>\n                </button>\n                <input\n                  ref={dateInputRef}\n                  type=\"date\"\n                  className=\"invisible absolute h-0 w-0\"\n                  onChange={(e) => {\n                    if (e.target.value) {\n                      // Convert YYYY-MM-DD to ISO datetime at local midnight\n                      const localDate = new Date(e.target.value + \"T00:00:00\");\n                      setDueDate(localDate.toISOString());\n                    }\n                  }}\n                />\n              </>\n            )}\n          </>\n        )}\n      </div>\n\n      {/* Editor area */}\n      <EditorContent\n        editor={editor}\n        className={editorClassName ?? \"min-h-[60vh] flex-1 overflow-y-auto p-4\"}\n      />\n\n      <style>{`\n        .ProseMirror {\n          outline: none;\n        }\n\n        .ProseMirror h1 {\n          font-size: 1.5rem;\n          font-weight: 600;\n          line-height: 1.3;\n          margin-bottom: 0.5rem;\n        }\n\n        .ProseMirror h1.is-empty::before,\n        .ProseMirror p.is-empty::before {\n          color: var(--color-muted-foreground);\n          content: attr(data-placeholder);\n          float: left;\n          height: 0;\n          pointer-events: none;\n        }\n\n        .ProseMirror ul {\n          list-style-type: disc;\n          padding-left: 1.5rem;\n          margin: 0.5rem 0;\n        }\n\n        .ProseMirror ol {\n          list-style-type: decimal;\n          padding-left: 1.5rem;\n          margin: 0.5rem 0;\n        }\n\n        .ProseMirror li {\n          margin: 0.25rem 0;\n          display: list-item;\n        }\n\n        .ProseMirror li > p {\n          margin: 0;\n        }\n      `}</style>\n    </div>\n  );\n}\n","\"use client\";\n\nimport React, { useRef, useState } from \"react\";\nimport { Calendar, X } from \"lucide-react\";\nimport {\n  Button,\n  Input,\n  Sheet,\n  SheetContent,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n} from \"@fluid-app/ui-primitives\";\nimport { NoteTaskEditor } from \"./note-task-editor\";\nimport { formatDateForDisplay } from \"../../utils/format-date\";\n\nexport interface NoteTaskModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  mode: \"create\" | \"edit\";\n  type: \"note\" | \"task\";\n  initialTitle?: string;\n  initialBody?: string;\n  initialDueDate?: string;\n  showDueDate?: boolean;\n  onSave: (data: { title: string; body: string; dueDate?: string }) => void;\n  isPending?: boolean;\n  isCompleted?: boolean;\n  onToggleComplete?: () => void;\n  isTogglePending?: boolean;\n}\n\nexport function NoteTaskModal({\n  open,\n  onOpenChange,\n  mode,\n  type,\n  initialTitle = \"\",\n  initialBody = \"\",\n  initialDueDate,\n  showDueDate = false,\n  onSave,\n  isPending = false,\n  isCompleted,\n  onToggleComplete,\n  isTogglePending = false,\n}: NoteTaskModalProps): React.JSX.Element {\n  const [title, setTitle] = useState(initialTitle);\n  const [body, setBody] = useState(initialBody);\n  const dateInputRef = useRef<HTMLInputElement>(null);\n  const [dueDate, setDueDate] = useState<string | undefined>(initialDueDate);\n\n  const typeLabel = type === \"note\" ? \"Note\" : \"Task\";\n  const sheetTitle = mode === \"edit\" ? `Edit ${typeLabel}` : `New ${typeLabel}`;\n\n  const requiresBody = type === \"note\";\n  const canSave =\n    !!title.trim() && (!requiresBody || !!body.trim()) && !isPending;\n\n  const handleSave = () => {\n    if (!canSave) return;\n    onSave({\n      title: title.trim(),\n      body,\n      dueDate,\n    });\n  };\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent className=\"flex w-full flex-col sm:max-w-lg\">\n        <SheetHeader>\n          <SheetTitle>{sheetTitle}</SheetTitle>\n        </SheetHeader>\n\n        <div className=\"flex min-h-0 flex-1 flex-col gap-3\">\n          <Input\n            placeholder={`${typeLabel} title`}\n            value={title}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n              setTitle(e.target.value)\n            }\n            autoFocus\n          />\n\n          <NoteTaskEditor\n            showTitle={false}\n            bodyPlaceholder=\"Start writing...\"\n            initialBody={initialBody}\n            editorClassName=\"min-h-[200px] flex-1 overflow-y-auto p-4\"\n            onChange={(content) => {\n              setBody(content.body);\n            }}\n          />\n\n          {showDueDate && (\n            <div className=\"flex items-center gap-2\">\n              {dueDate ? (\n                <div className=\"bg-primary/10 inline-flex items-center gap-1.5 rounded-md px-2.5 py-1.5\">\n                  <Calendar className=\"text-primary h-3.5 w-3.5\" />\n                  <span className=\"text-primary text-sm font-medium\">\n                    Due {formatDateForDisplay(dueDate)}\n                  </span>\n                  <button\n                    type=\"button\"\n                    onClick={() => setDueDate(undefined)}\n                    className=\"text-primary/60 hover:text-primary ml-1\"\n                    title=\"Remove due date\"\n                  >\n                    <X className=\"h-3 w-3\" />\n                  </button>\n                </div>\n              ) : (\n                <div className=\"relative\">\n                  <button\n                    type=\"button\"\n                    onClick={() => dateInputRef.current?.showPicker()}\n                    className=\"text-muted-foreground hover:text-foreground hover:bg-muted inline-flex cursor-pointer items-center gap-1.5 rounded-md px-2.5 py-1.5 text-sm font-medium transition-colors\"\n                  >\n                    <Calendar className=\"h-3.5 w-3.5\" />\n                    <span>Add due date</span>\n                  </button>\n                  <input\n                    ref={dateInputRef}\n                    type=\"date\"\n                    className=\"invisible absolute h-0 w-0\"\n                    onChange={(e) => {\n                      if (e.target.value) {\n                        const localDate = new Date(\n                          e.target.value + \"T00:00:00\",\n                        );\n                        setDueDate(localDate.toISOString());\n                      }\n                    }}\n                  />\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        <SheetFooter className=\"flex-row justify-end gap-2 border-t pt-4\">\n          {mode === \"edit\" && onToggleComplete && (\n            <Button\n              variant=\"outline\"\n              onClick={onToggleComplete}\n              disabled={isTogglePending}\n              className=\"mr-auto\"\n            >\n              {isCompleted ? \"Mark Incomplete\" : \"Mark Complete\"}\n            </Button>\n          )}\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={handleSave} disabled={!canSave}>\n            {isPending ? \"Saving...\" : \"Save\"}\n          </Button>\n        </SheetFooter>\n      </SheetContent>\n    </Sheet>\n  );\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport { Calendar, CircleCheck, EllipsisVertical } from \"lucide-react\";\nimport {\n  cn,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@fluid-app/ui-primitives\";\nimport { parseTaskBody } from \"@fluid-app/contacts-core/parse-task-body\";\nimport { startOfLocalDay } from \"@fluid-app/contacts-core/iso-date\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport type { ContactTask } from \"../../hooks/contacts/use-contact-tasks\";\nimport { useToggleTaskCompletion } from \"../../hooks/contacts/use-toggle-task-completion\";\nimport { useDeleteContactTask } from \"../../hooks/contacts/use-delete-contact-task\";\nimport { useUpdateContactTask } from \"../../hooks/contacts/use-update-contact-task\";\nimport { NoteTaskModal } from \"../editor/note-task-modal\";\n\n// ---------------------------------------------------------------------------\n// Date helpers\n// ---------------------------------------------------------------------------\n\nfunction formatDueDate(dateStr: string): string {\n  const date = new Date(dateStr);\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"short\",\n    day: \"numeric\",\n    year: \"numeric\",\n  });\n}\n\ntype ContactsT = ReturnType<typeof useContactsTranslation>[\"t\"];\n\nfunction formatRelativeTime(dateStr: string, t: ContactsT): string {\n  const date = new Date(dateStr);\n  const now = new Date();\n  const diffMs = now.getTime() - date.getTime();\n  const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n\n  if (diffDays === 0) {\n    return date.toLocaleTimeString(\"en-US\", {\n      hour: \"numeric\",\n      minute: \"2-digit\",\n    });\n  }\n  if (diffDays === 1) return t(\"task_yesterday\");\n  return diffDays === 1\n    ? t(\"task_days_ago_one\")\n    : t(\"task_days_ago_other\", { count: diffDays });\n}\n\ntype DueClassification = {\n  label: string;\n  tone: \"overdue\" | \"today\" | \"tomorrow\" | \"future\" | \"done\";\n};\n\nfunction classifyDue(\n  dueAt: string,\n  isCompleted: boolean,\n  t: ContactsT,\n): DueClassification {\n  if (isCompleted) {\n    return {\n      label: t(\"task_due\", { date: formatDueDate(dueAt) }),\n      tone: \"done\",\n    };\n  }\n  const due = startOfLocalDay(dueAt);\n  const today = startOfLocalDay(new Date());\n  const tomorrow = new Date(today);\n  tomorrow.setDate(today.getDate() + 1);\n\n  const dueTime = due.getTime();\n  if (dueTime < today.getTime()) {\n    return {\n      label: t(\"task_overdue_due\", { date: formatDueDate(dueAt) }),\n      tone: \"overdue\",\n    };\n  }\n  if (dueTime === today.getTime())\n    return { label: t(\"quick_today\"), tone: \"today\" };\n  if (dueTime === tomorrow.getTime())\n    return { label: t(\"quick_tomorrow\"), tone: \"tomorrow\" };\n  return { label: formatDueDate(dueAt), tone: \"future\" };\n}\n\nconst DUE_TONE_CLASS: Record<DueClassification[\"tone\"], string> = {\n  overdue: \"bg-destructive/10 text-destructive\",\n  today: \"bg-primary/10 text-primary\",\n  tomorrow: \"bg-primary/10 text-primary\",\n  future: \"bg-muted text-muted-foreground\",\n  done: \"bg-muted text-muted-foreground\",\n};\n\n// ---------------------------------------------------------------------------\n// Task card\n// ---------------------------------------------------------------------------\n\ninterface TaskCardProps {\n  task: ContactTask;\n  toggleCompletion: ReturnType<typeof useToggleTaskCompletion>;\n  onEdit: (task: ContactTask) => void;\n  onDeleteClick: (task: ContactTask) => void;\n}\n\nfunction TaskCard({\n  task,\n  toggleCompletion,\n  onEdit,\n  onDeleteClick,\n}: TaskCardProps) {\n  const { t } = useContactsTranslation();\n  const isCompleted = !!task.completed_at;\n\n  const { title, body: bodyText } = parseTaskBody(task.body ?? \"\");\n\n  const timestamp = task.created_at\n    ? formatRelativeTime(task.created_at, t)\n    : \"\";\n  const due = task.due_at ? classifyDue(task.due_at, isCompleted, t) : null;\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={() => onEdit(task)}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          onEdit(task);\n        }\n      }}\n      className=\"group border-border/50 hover:border-foreground/20 hover:bg-muted/40 relative cursor-pointer rounded-xl border p-4 transition-all hover:shadow-sm\"\n    >\n      <div className=\"flex items-start gap-3\">\n        {/* Checkbox */}\n        <button\n          type=\"button\"\n          onClick={(e) => {\n            e.stopPropagation();\n            toggleCompletion.mutate({\n              taskId: task.id,\n              isCompleted: isCompleted,\n            });\n          }}\n          disabled={toggleCompletion.isPending}\n          className=\"mt-0.5 shrink-0 transition-transform hover:scale-110 disabled:cursor-not-allowed disabled:opacity-50\"\n          aria-label={isCompleted ? t(\"mark_as_open\") : t(\"mark_as_completed\")}\n        >\n          {isCompleted ? (\n            <CircleCheck className=\"text-primary size-5\" aria-hidden=\"true\" />\n          ) : (\n            <div className=\"border-muted-foreground/40 group-hover:border-primary size-5 rounded-full border-2 transition-colors\" />\n          )}\n        </button>\n\n        {/* Content */}\n        <div className=\"min-w-0 flex-1\">\n          <h4\n            className={cn(\n              \"text-foreground line-clamp-2 text-sm leading-snug font-semibold\",\n              isCompleted && \"text-muted-foreground line-through\",\n            )}\n          >\n            {title}\n          </h4>\n\n          {/* Body text */}\n          {bodyText && (\n            <p\n              className={cn(\n                \"text-muted-foreground mt-1 line-clamp-2 text-xs leading-relaxed\",\n                isCompleted && \"line-through\",\n              )}\n            >\n              {bodyText}\n            </p>\n          )}\n\n          {/* Meta row */}\n          {(due || timestamp) && (\n            <div className=\"mt-2.5 flex flex-wrap items-center gap-1.5\">\n              {due && (\n                <span\n                  className={cn(\n                    \"inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium\",\n                    DUE_TONE_CLASS[due.tone],\n                  )}\n                >\n                  <Calendar className=\"size-3\" aria-hidden=\"true\" />\n                  {due.label}\n                </span>\n              )}\n              {timestamp && (\n                <span className=\"text-muted-foreground/60 text-xs\">\n                  {timestamp}\n                </span>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Hover-revealed menu */}\n      <div className=\"absolute top-3 right-3 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100\">\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <Button\n              variant=\"ghost\"\n              size=\"icon-xs\"\n              onClick={(e) => e.stopPropagation()}\n              aria-label={t(\"task_actions\")}\n            >\n              <EllipsisVertical className=\"size-4\" />\n            </Button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"end\">\n            <DropdownMenuItem\n              className=\"text-destructive\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onDeleteClick(task);\n              }}\n            >\n              {t(\"delete\")}\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\nexport interface TaskListProps {\n  tasks: ContactTask[];\n  isLoading?: boolean;\n  contactId: string;\n  /**\n   * Retained for backwards compatibility — currently has no effect since the\n   * inline composer always renders above the list. Will be removed once all\n   * consumers stop passing it.\n   */\n  hideHeader?: boolean;\n}\n\nexport function TaskList({\n  tasks,\n  isLoading,\n  contactId,\n}: TaskListProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const [taskToDelete, setTaskToDelete] = useState<ContactTask | null>(null);\n  const [editingTask, setEditingTask] = useState<ContactTask | null>(null);\n\n  const toggleCompletion = useToggleTaskCompletion(contactId);\n  const deleteTask = useDeleteContactTask(contactId, {\n    onSuccess: () => setTaskToDelete(null),\n  });\n  const updateTask = useUpdateContactTask(contactId, {\n    onSuccess: () => setEditingTask(null),\n  });\n\n  const handleSave = (data: {\n    title: string;\n    body: string;\n    dueDate?: string;\n  }) => {\n    if (!editingTask) return;\n    const taskBody = data.body ? `${data.title}\\n\\n${data.body}` : data.title;\n    updateTask.mutate({\n      taskId: editingTask.id,\n      input: { body: taskBody, due_at: data.dueDate ?? null },\n    });\n  };\n\n  const editingParsed = editingTask\n    ? parseTaskBody(editingTask.body ?? \"\")\n    : null;\n\n  const handleModalOpenChange = (open: boolean) => {\n    if (!open) setEditingTask(null);\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"flex flex-col gap-3\">\n        {[1, 2, 3].map((i) => (\n          <div\n            key={i}\n            className=\"border-border/50 bg-muted/50 h-32 animate-pulse rounded-xl border\"\n          />\n        ))}\n      </div>\n    );\n  }\n\n  if (tasks.length === 0) return <></>;\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3\">\n        {tasks.map((task) => (\n          <TaskCard\n            key={task.id}\n            task={task}\n            toggleCompletion={toggleCompletion}\n            onEdit={setEditingTask}\n            onDeleteClick={setTaskToDelete}\n          />\n        ))}\n      </div>\n\n      {/* Edit modal — create flow lives in InlineTaskComposer */}\n      <NoteTaskModal\n        key={editingTask?.id ?? \"edit\"}\n        open={editingTask !== null}\n        onOpenChange={handleModalOpenChange}\n        mode=\"edit\"\n        type=\"task\"\n        initialTitle={editingParsed?.title ?? \"\"}\n        initialBody={editingParsed?.body ?? \"\"}\n        initialDueDate={editingTask?.due_at ?? undefined}\n        showDueDate\n        onSave={handleSave}\n        isPending={updateTask.isPending}\n        isCompleted={editingTask ? !!editingTask.completed_at : undefined}\n        onToggleComplete={\n          editingTask\n            ? () =>\n                toggleCompletion.mutate(\n                  {\n                    taskId: editingTask.id,\n                    isCompleted: !!editingTask.completed_at,\n                  },\n                  { onSuccess: () => setEditingTask(null) },\n                )\n            : undefined\n        }\n        isTogglePending={toggleCompletion.isPending}\n      />\n\n      {/* Delete confirmation modal */}\n      <AlertDialog\n        open={taskToDelete !== null}\n        onOpenChange={(open) => {\n          if (!open) setTaskToDelete(null);\n        }}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>{t(\"delete_task_title\")}</AlertDialogTitle>\n            <AlertDialogDescription>\n              {t(\"delete_task_confirm\")}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>{t(\"cancel\")}</AlertDialogCancel>\n            <AlertDialogAction\n              variant=\"destructive\"\n              onClick={() => {\n                if (taskToDelete) {\n                  deleteTask.mutate(taskToDelete.id);\n                }\n              }}\n            >\n              {t(\"delete\")}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </div>\n  );\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport { Plus } from \"lucide-react\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport { TaskComposerForm } from \"./task-composer-form\";\n\nexport interface InlineTaskComposerProps {\n  contactId: string;\n}\n\nexport function InlineTaskComposer({\n  contactId,\n}: InlineTaskComposerProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const [isOpen, setIsOpen] = useState(false);\n\n  if (!isOpen) {\n    return (\n      <button\n        type=\"button\"\n        onClick={() => setIsOpen(true)}\n        className=\"border-border/50 text-muted-foreground hover:border-foreground/30 hover:bg-muted/40 hover:text-foreground flex w-full items-center gap-3 rounded-xl border border-dashed px-5 py-4 text-sm font-medium transition-colors\"\n      >\n        <Plus className=\"size-4\" aria-hidden=\"true\" />\n        {t(\"new_task\")}\n      </button>\n    );\n  }\n\n  const close = () => setIsOpen(false);\n  return (\n    <TaskComposerForm contactId={contactId} onClose={close} onDone={close} />\n  );\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useNotesApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useDeleteContactNote(\n  contactId: string,\n  options?: { onSuccess?: () => void },\n) {\n  const queryClient = useQueryClient();\n  const api = useNotesApi();\n\n  return useMutation({\n    mutationFn: (noteId: number) => api.deleteNote(noteId, contactId),\n    onSuccess: () => {\n      fluidToast({ title: \"Note deleted\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.notes(contactId),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to delete note\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useNotesApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { UpdateNoteInput } from \"@fluid-app/contacts-core/types\";\n\nexport type { UpdateNoteInput };\n\nexport function useUpdateContactNote(\n  contactId: string,\n  options?: { onSuccess?: () => void },\n) {\n  const queryClient = useQueryClient();\n  const api = useNotesApi();\n\n  return useMutation({\n    mutationFn: ({\n      noteId,\n      input,\n    }: {\n      noteId: number;\n      input: UpdateNoteInput;\n    }) => api.updateNote(noteId, contactId, input),\n    onSuccess: () => {\n      fluidToast({ title: \"Note updated\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.notes(contactId),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to update note\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useNotesApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { CreateNoteInput } from \"@fluid-app/contacts-core/types\";\n\nexport type { CreateNoteInput };\n\nexport function useCreateContactNote(\n  contactId: string,\n  options?: { onSuccess?: () => void },\n) {\n  const queryClient = useQueryClient();\n  const api = useNotesApi();\n\n  return useMutation({\n    mutationFn: (input: CreateNoteInput) => api.createNote(contactId, input),\n    onSuccess: () => {\n      fluidToast({ title: \"Note created\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.notes(contactId),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to create note\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport { useCreateContactNote } from \"../../hooks/notes/use-create-contact-note\";\n\nexport interface InlineNoteComposerProps {\n  contactId: string;\n}\n\nfunction detectMacPlatform(): boolean {\n  if (typeof navigator === \"undefined\") return false;\n  // Prefer userAgentData.platform when available (modern Chromium); fall back\n  // to userAgent string. navigator.platform is deprecated.\n  const uaData = (\n    navigator as Navigator & {\n      userAgentData?: { platform?: string };\n    }\n  ).userAgentData;\n  const platform = uaData?.platform ?? navigator.userAgent ?? \"\";\n  return /Mac|iPhone|iPad/i.test(platform);\n}\n\nexport function InlineNoteComposer({\n  contactId,\n}: InlineNoteComposerProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const [body, setBody] = useState(\"\");\n  const [isFocused, setIsFocused] = useState(false);\n  const [isMac, setIsMac] = useState(false);\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n\n  // Detect platform on mount only — avoids SSR hydration mismatch from reading\n  // navigator at module load.\n  useEffect(() => {\n    setIsMac(detectMacPlatform());\n  }, []);\n\n  const createNote = useCreateContactNote(contactId, {\n    onSuccess: () => {\n      setBody(\"\");\n      textareaRef.current?.blur();\n    },\n  });\n\n  const submit = () => {\n    const trimmed = body.trim();\n    if (!trimmed || createNote.isPending) return;\n    const firstLine = trimmed.split(\"\\n\")[0]?.slice(0, 120) ?? \"Note\";\n    createNote.mutate({ title: firstLine, body: trimmed });\n  };\n\n  const canSubmit = body.trim().length > 0 && !createNote.isPending;\n\n  return (\n    <div\n      className={cn(\n        \"border-border/50 focus-within:border-foreground/30 rounded-2xl border p-4 transition-colors\",\n        isFocused && \"border-foreground/30\",\n      )}\n    >\n      <textarea\n        ref={textareaRef}\n        value={body}\n        onChange={(e) => setBody(e.target.value)}\n        onFocus={() => setIsFocused(true)}\n        onBlur={() => setIsFocused(false)}\n        onKeyDown={(e) => {\n          if ((e.metaKey || e.ctrlKey) && e.key === \"Enter\") {\n            e.preventDefault();\n            submit();\n          }\n        }}\n        placeholder={t(\"note_placeholder\")}\n        aria-label={t(\"note_body_aria\")}\n        rows={3}\n        className=\"placeholder:text-muted-foreground text-foreground min-h-[80px] w-full resize-none border-0 bg-transparent text-sm leading-relaxed outline-none\"\n      />\n      <div className=\"mt-3 flex items-center justify-between gap-3\">\n        <span className=\"text-muted-foreground text-xs\">\n          {isMac ? t(\"tip_save_shortcut_mac\") : t(\"tip_save_shortcut_other\")}\n        </span>\n        <button\n          type=\"button\"\n          onClick={submit}\n          disabled={!canSubmit}\n          className=\"bg-primary text-primary-foreground hover:bg-primary/90 disabled:bg-muted disabled:text-muted-foreground inline-flex shrink-0 items-center gap-1.5 rounded-full px-4 py-1.5 text-xs font-semibold transition-colors disabled:cursor-not-allowed\"\n        >\n          {createNote.isPending ? t(\"adding\") : t(\"add_note\")}\n        </button>\n      </div>\n    </div>\n  );\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport { Calendar, Paperclip, EllipsisVertical } from \"lucide-react\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  Button,\n  cn,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@fluid-app/ui-primitives\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport type { ContactNote } from \"../../hooks/notes/use-contact-notes\";\nimport { useDeleteContactNote } from \"../../hooks/notes/use-delete-contact-note\";\nimport { useUpdateContactNote } from \"../../hooks/notes/use-update-contact-note\";\nimport { NoteTaskModal } from \"../editor/note-task-modal\";\nimport { InlineNoteComposer } from \"./inline-note-composer\";\n\n// ---------------------------------------------------------------------------\n// Date helpers\n// ---------------------------------------------------------------------------\n\nfunction formatDueDate(dateStr: string): string {\n  const date = new Date(dateStr);\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"short\",\n    day: \"numeric\",\n    year: \"numeric\",\n  });\n}\n\ntype ContactsT = ReturnType<typeof useContactsTranslation>[\"t\"];\n\nfunction formatRelativeNote(dateStr: string, t: ContactsT): string {\n  const date = new Date(dateStr);\n  const now = new Date();\n  const diffMs = now.getTime() - date.getTime();\n  const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n\n  if (diffDays === 0) {\n    return date.toLocaleTimeString(\"en-US\", {\n      hour: \"numeric\",\n      minute: \"2-digit\",\n    });\n  }\n  if (diffDays === 1) return t(\"task_yesterday\");\n  if (diffDays < 7) return t(\"task_days_ago_other\", { count: diffDays });\n  return formatDueDate(dateStr);\n}\n\n// ---------------------------------------------------------------------------\n// Note card\n// ---------------------------------------------------------------------------\n\nfunction NoteCard({\n  note,\n  onEdit,\n  onDelete,\n}: {\n  note: ContactNote;\n  onEdit: (note: ContactNote) => void;\n  onDelete: (note: ContactNote) => void;\n}) {\n  const { t } = useContactsTranslation();\n  const assetCount = note.assets?.length ?? 0;\n  const showTitle =\n    !!note.title?.trim() && note.title.trim() !== note.body?.trim();\n  const dueDateValue = note.due_at ?? note.due_date ?? null;\n  const createdLabel = note.created_at\n    ? formatRelativeNote(note.created_at, t)\n    : null;\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={() => onEdit(note)}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          onEdit(note);\n        }\n      }}\n      className=\"group border-border/50 hover:border-foreground/20 hover:bg-muted/40 relative cursor-pointer rounded-xl border p-4 transition-all hover:shadow-sm\"\n    >\n      {showTitle && (\n        <h4 className=\"text-foreground line-clamp-1 text-sm font-semibold\">\n          {note.title}\n        </h4>\n      )}\n\n      <p\n        className={cn(\n          \"text-foreground line-clamp-4 text-sm leading-relaxed whitespace-pre-wrap\",\n          showTitle && \"text-muted-foreground mt-1\",\n        )}\n      >\n        {note.body}\n      </p>\n\n      {(createdLabel || dueDateValue || assetCount > 0) && (\n        <div className=\"mt-2.5 flex flex-wrap items-center gap-3\">\n          {createdLabel && (\n            <span className=\"text-muted-foreground/70 text-xs\">\n              {createdLabel}\n            </span>\n          )}\n          {dueDateValue && (\n            <span className=\"bg-primary/10 text-primary inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium\">\n              <Calendar className=\"size-3\" aria-hidden=\"true\" />\n              {t(\"task_due\", { date: formatDueDate(dueDateValue) })}\n            </span>\n          )}\n          {assetCount > 0 && (\n            <span className=\"text-muted-foreground inline-flex items-center gap-1 text-xs\">\n              <Paperclip className=\"size-3\" aria-hidden=\"true\" />\n              {assetCount === 1\n                ? t(\"attachment_one\")\n                : t(\"attachment_other\", { count: assetCount })}\n            </span>\n          )}\n        </div>\n      )}\n\n      <div className=\"absolute top-3 right-3 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100\">\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <Button\n              variant=\"ghost\"\n              size=\"icon-xs\"\n              onClick={(e) => e.stopPropagation()}\n              aria-label={t(\"note_actions\")}\n            >\n              <EllipsisVertical className=\"size-4\" />\n            </Button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"end\">\n            <DropdownMenuItem\n              className=\"text-destructive\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onDelete(note);\n              }}\n            >\n              {t(\"delete\")}\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\nexport interface NotesListProps {\n  notes: ContactNote[];\n  isLoading?: boolean;\n  contactId: string;\n}\n\nexport function NotesList({\n  notes,\n  isLoading,\n  contactId,\n}: NotesListProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const [noteToDelete, setNoteToDelete] = useState<ContactNote | null>(null);\n  const [editingNote, setEditingNote] = useState<ContactNote | null>(null);\n\n  const deleteNote = useDeleteContactNote(contactId, {\n    onSuccess: () => setNoteToDelete(null),\n  });\n  const updateNote = useUpdateContactNote(contactId, {\n    onSuccess: () => setEditingNote(null),\n  });\n\n  const handleEditSave = (data: { title: string; body: string }) => {\n    if (!editingNote) return;\n    updateNote.mutate({\n      noteId: editingNote.id,\n      input: { title: data.title, body: data.body },\n    });\n  };\n\n  return (\n    <div className=\"space-y-4\">\n      <InlineNoteComposer contactId={contactId} />\n\n      {isLoading ? (\n        <div className=\"flex flex-col gap-3\">\n          {[1, 2, 3].map((i) => (\n            <div\n              key={i}\n              className=\"border-border/50 bg-muted/50 h-20 animate-pulse rounded-xl border\"\n            />\n          ))}\n        </div>\n      ) : notes.length === 0 ? null : (\n        <div className=\"flex flex-col gap-3\">\n          {notes.map((note) => (\n            <NoteCard\n              key={note.id}\n              note={note}\n              onEdit={setEditingNote}\n              onDelete={setNoteToDelete}\n            />\n          ))}\n        </div>\n      )}\n\n      {/* Edit modal — create flow now lives in InlineNoteComposer */}\n      <NoteTaskModal\n        key={editingNote?.id ?? \"edit\"}\n        open={editingNote !== null}\n        onOpenChange={(open) => {\n          if (!open) setEditingNote(null);\n        }}\n        mode=\"edit\"\n        type=\"note\"\n        initialTitle={editingNote?.title ?? \"\"}\n        initialBody={editingNote?.body ?? \"\"}\n        onSave={handleEditSave}\n        isPending={updateNote.isPending}\n      />\n\n      {/* Delete confirmation */}\n      <AlertDialog\n        open={!!noteToDelete}\n        onOpenChange={(open) => {\n          if (!open) setNoteToDelete(null);\n        }}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>{t(\"delete_note_title\")}</AlertDialogTitle>\n            <AlertDialogDescription>\n              {t(\"delete_note_irreversible\")}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>{t(\"cancel\")}</AlertDialogCancel>\n            <AlertDialogAction\n              variant=\"destructive\"\n              onClick={() => {\n                if (noteToDelete) {\n                  deleteNote.mutate(noteToDelete.id);\n                }\n              }}\n            >\n              {t(\"delete\")}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </div>\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport { TaskList } from \"../../tasks/task-list\";\nimport { InlineTaskComposer } from \"../../tasks/inline-task-composer\";\nimport { NotesList } from \"../../notes/notes-list\";\nimport type { ContactTask } from \"../../../hooks/contacts/use-contact-tasks\";\nimport type { ContactNote } from \"../../../hooks/notes/use-contact-notes\";\n\nconst VISIBLE_TABS = [\"Tasks\", \"Notes\"] as const;\nexport type TabType = (typeof VISIBLE_TABS)[number];\n\nexport interface ContactDetailTabsProps {\n  contactId: string;\n  tasks: ContactTask[];\n  isLoadingTasks: boolean;\n  notes: ContactNote[];\n  isLoadingNotes: boolean;\n  activeTab: TabType;\n  onTabChange: (tab: TabType) => void;\n}\n\nexport function ContactDetailTabs({\n  contactId,\n  tasks,\n  isLoadingTasks,\n  notes,\n  isLoadingNotes,\n  activeTab,\n  onTabChange,\n}: ContactDetailTabsProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const tabLabels: Record<TabType, string> = {\n    Tasks: t(\"tab_tasks\"),\n    Notes: t(\"tab_notes\"),\n  };\n  return (\n    <div className=\"mt-8\">\n      <div className=\"border-border/50 flex items-center gap-1 border-b\">\n        {VISIBLE_TABS.map((tab) => {\n          const count = tab === \"Tasks\" ? tasks.length : notes.length;\n          const isActive = activeTab === tab;\n          return (\n            <button\n              key={tab}\n              type=\"button\"\n              onClick={() => onTabChange(tab)}\n              className={cn(\n                \"relative flex items-center gap-1.5 px-3 py-2.5 text-sm font-semibold transition-colors\",\n                isActive\n                  ? \"text-foreground\"\n                  : \"text-muted-foreground hover:text-foreground\",\n              )}\n            >\n              {tabLabels[tab]}\n              <span\n                className={cn(\n                  \"rounded-full px-1.5 text-xs leading-5 font-bold\",\n                  isActive\n                    ? \"bg-primary text-primary-foreground\"\n                    : \"bg-muted text-muted-foreground\",\n                )}\n              >\n                {count}\n              </span>\n              {isActive && (\n                <span\n                  className=\"bg-primary absolute inset-x-0 -bottom-px h-0.5\"\n                  aria-hidden=\"true\"\n                />\n              )}\n            </button>\n          );\n        })}\n      </div>\n\n      <div className=\"pt-6\">\n        {activeTab === \"Tasks\" && (\n          <div className=\"space-y-4\">\n            <InlineTaskComposer contactId={contactId} />\n            <TaskList\n              tasks={tasks}\n              isLoading={isLoadingTasks}\n              contactId={contactId}\n              hideHeader\n            />\n          </div>\n        )}\n\n        {activeTab === \"Notes\" && (\n          <NotesList\n            notes={notes}\n            isLoading={isLoadingNotes}\n            contactId={contactId}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n","\"use client\";\n\nimport React, { useCallback, useState } from \"react\";\nimport { FormProvider } from \"react-hook-form\";\nimport {\n  ChevronLeft,\n  Mail,\n  MoreHorizontal,\n  Pencil,\n  Phone,\n  Trash2,\n} from \"lucide-react\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  Button,\n  cn,\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  Spinner,\n} from \"@fluid-app/ui-primitives\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport { ContactDetailsForm } from \"../../../../shared/components/contacts/contactDetailsForm\";\nimport { useContactDetailPage } from \"../../../../shared/hooks/useContactDetailPage\";\nimport { useContactTasks } from \"../../../hooks/contacts/use-contact-tasks\";\nimport { useContactNotes } from \"../../../hooks/notes/use-contact-notes\";\nimport { ContactDetailHero } from \"./ContactDetailHero\";\nimport { ContactInfoRow } from \"./ContactInfoRow\";\nimport { ContactDetailTabs, type TabType } from \"./ContactDetailTabs\";\nimport { getDisplayName } from \"./utils\";\n\nexport interface ContactDetailPaneProps {\n  contactId: string;\n  queryKeyPrefix: string;\n  getCountries: () => Promise<{ id: number; name: string; iso?: string }[]>;\n  /** Callback to clear selection (used by mobile back button + on delete). */\n  onBack: () => void;\n}\n\nexport function ContactDetailPane({\n  contactId,\n  queryKeyPrefix,\n  getCountries,\n  onBack,\n}: ContactDetailPaneProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const {\n    contact,\n    isLoading,\n    methods,\n    countryOptions,\n    isDirty,\n    isSubmitting,\n    isDeleting,\n    onSave,\n    onDelete,\n  } = useContactDetailPage(contactId, {\n    queryKeyPrefix,\n    getCountries,\n    onDeleteSuccess: onBack,\n    onSaveSuccess: () => setEditProfileOpen(false),\n  });\n\n  const { data: tasks = [], isLoading: isLoadingTasks } =\n    useContactTasks(contactId);\n  const { data: notes = [], isLoading: isLoadingNotes } =\n    useContactNotes(contactId);\n\n  const [confirmDelete, setConfirmDelete] = useState(false);\n  const [activeTab, setActiveTab] = useState<TabType>(\"Tasks\");\n  const [editProfileOpen, setEditProfileOpen] = useState(false);\n\n  // Close the dialog before dispatching: on success the pane unmounts via\n  // onDeleteSuccess; on a non-throwing failure the dialog would otherwise\n  // dangle open with the toast already shown.\n  const handleConfirmDelete = useCallback(() => {\n    setConfirmDelete(false);\n    onDelete();\n  }, [onDelete]);\n\n  if (isLoading) {\n    return <ContactDetailSkeleton onBack={onBack} />;\n  }\n\n  if (!contact) {\n    return (\n      <div className=\"flex h-full flex-1 flex-col\">\n        <DetailTopBar\n          onBack={onBack}\n          phone={null}\n          email={null}\n          onDelete={null}\n          onEditProfile={null}\n        />\n        <div className=\"mx-auto flex max-w-md flex-col items-center px-6 py-16 text-center\">\n          <h2 className=\"text-foreground text-base font-semibold\">\n            {t(\"error_loading\")}\n          </h2>\n          <p className=\"text-muted-foreground mt-2 text-sm\">\n            {t(\"error_loading_description\")}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const fullName = getDisplayName(contact);\n\n  return (\n    <FormProvider {...methods}>\n      <div className=\"flex h-full flex-1 flex-col\">\n        <DetailTopBar\n          onBack={onBack}\n          phone={contact.phone ?? null}\n          email={contact.email ?? null}\n          onDelete={() => setConfirmDelete(true)}\n          onEditProfile={() => setEditProfileOpen(true)}\n        />\n\n        <div className=\"flex-1 overflow-y-auto\">\n          <div className=\"mx-auto w-full max-w-[900px] px-6 pt-8 pb-16 md:px-8 md:pt-10\">\n            <ContactDetailHero\n              contact={contact}\n              tasksCount={tasks.length}\n              notesCount={notes.length}\n            />\n            <ContactInfoRow\n              contact={contact}\n              onEditEmpty={() => setEditProfileOpen(true)}\n            />\n            <ContactDetailTabs\n              contactId={contactId}\n              tasks={tasks}\n              isLoadingTasks={isLoadingTasks}\n              notes={notes}\n              isLoadingNotes={isLoadingNotes}\n              activeTab={activeTab}\n              onTabChange={setActiveTab}\n            />\n          </div>\n        </div>\n\n        <Dialog\n          open={editProfileOpen}\n          onOpenChange={(open) => {\n            if (!open && isSubmitting) return;\n            setEditProfileOpen(open);\n          }}\n        >\n          <DialogContent className=\"max-h-[90vh] max-w-2xl overflow-y-auto\">\n            <DialogHeader>\n              <DialogTitle>\n                {t(\"edit_contact_name\", { name: fullName })}\n              </DialogTitle>\n            </DialogHeader>\n            <ContactDetailsForm countries={countryOptions} />\n            <DialogFooter>\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                onClick={() => setEditProfileOpen(false)}\n                disabled={isSubmitting}\n              >\n                {t(\"cancel\")}\n              </Button>\n              <Button\n                type=\"button\"\n                onClick={onSave}\n                disabled={!isDirty || isSubmitting}\n                aria-busy={isSubmitting}\n              >\n                {isSubmitting && <Spinner className=\"size-4\" />}\n                {isSubmitting ? t(\"saving\") : t(\"save_changes\")}\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n\n        <AlertDialog open={confirmDelete} onOpenChange={setConfirmDelete}>\n          <AlertDialogContent>\n            <AlertDialogHeader>\n              <AlertDialogTitle>\n                {t(\"delete_name\", { name: fullName })}\n              </AlertDialogTitle>\n              <AlertDialogDescription>\n                {t(\"delete_confirm_permanent\")}\n              </AlertDialogDescription>\n            </AlertDialogHeader>\n            <AlertDialogFooter>\n              <AlertDialogCancel disabled={isDeleting}>\n                {t(\"cancel\")}\n              </AlertDialogCancel>\n              <AlertDialogAction\n                variant=\"destructive\"\n                onClick={handleConfirmDelete}\n                disabled={isDeleting}\n              >\n                {isDeleting ? t(\"deleting\") : t(\"delete_contact\")}\n              </AlertDialogAction>\n            </AlertDialogFooter>\n          </AlertDialogContent>\n        </AlertDialog>\n      </div>\n    </FormProvider>\n  );\n}\n\ninterface DetailTopBarProps {\n  onBack: () => void;\n  phone: string | null;\n  email: string | null;\n  onDelete: (() => void) | null;\n  onEditProfile: (() => void) | null;\n}\n\nfunction DetailTopBar({\n  onBack,\n  phone,\n  email,\n  onDelete,\n  onEditProfile,\n}: DetailTopBarProps) {\n  const { t } = useContactsTranslation();\n  return (\n    <div className=\"border-border/50 bg-background/90 sticky top-0 z-10 flex items-center justify-between border-b px-4 py-3 backdrop-blur md:px-8\">\n      <div className=\"flex items-center gap-3\">\n        <button\n          type=\"button\"\n          onClick={onBack}\n          className=\"text-muted-foreground hover:bg-muted hover:text-foreground flex size-8 items-center justify-center rounded-full transition-colors md:hidden\"\n          aria-label={t(\"back_to_contacts\")}\n        >\n          <ChevronLeft className=\"size-4\" />\n        </button>\n        <span className=\"text-muted-foreground hidden text-xs font-semibold tracking-widest uppercase md:inline\">\n          {t(\"contact_label\")}\n        </span>\n      </div>\n      <div className=\"flex items-center gap-1\">\n        {onEditProfile && (\n          <button\n            type=\"button\"\n            onClick={onEditProfile}\n            className=\"text-muted-foreground hover:bg-muted hover:text-foreground flex size-8 items-center justify-center rounded-full transition-colors\"\n            aria-label={t(\"edit_profile\")}\n          >\n            <Pencil className=\"size-4\" aria-hidden=\"true\" />\n          </button>\n        )}\n        <ActionLink\n          href={phone ? `tel:${phone}` : null}\n          label={t(\"label_call\")}\n          icon={<Phone className=\"size-4\" aria-hidden=\"true\" />}\n        />\n        <ActionLink\n          href={email ? `mailto:${email}` : null}\n          label={t(\"label_email\")}\n          icon={<Mail className=\"size-4\" aria-hidden=\"true\" />}\n        />\n        {onDelete && (\n          <>\n            <div className=\"bg-border mx-1 h-5 w-px\" aria-hidden=\"true\" />\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <button\n                  type=\"button\"\n                  className=\"text-muted-foreground hover:bg-muted hover:text-foreground flex size-8 items-center justify-center rounded-full transition-colors\"\n                  aria-label={t(\"more_actions\")}\n                >\n                  <MoreHorizontal className=\"size-4\" />\n                </button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"end\">\n                <DropdownMenuItem\n                  className=\"text-destructive\"\n                  onClick={onDelete}\n                >\n                  <Trash2 className=\"size-4\" aria-hidden=\"true\" />\n                  {t(\"delete_contact\")}\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\ninterface ActionLinkProps {\n  href: string | null;\n  label: string;\n  icon: React.ReactNode;\n}\n\nfunction ActionLink({ href, label, icon }: ActionLinkProps) {\n  const baseClass =\n    \"flex size-8 items-center justify-center rounded-full transition-colors\";\n  if (!href) {\n    return (\n      <span\n        aria-label={`${label} (unavailable)`}\n        className={cn(baseClass, \"text-muted-foreground/40 cursor-default\")}\n      >\n        {icon}\n      </span>\n    );\n  }\n  return (\n    <a\n      href={href}\n      aria-label={label}\n      className={cn(\n        baseClass,\n        \"text-muted-foreground hover:bg-muted hover:text-foreground\",\n      )}\n    >\n      {icon}\n    </a>\n  );\n}\n\nfunction ContactDetailSkeleton({ onBack }: { onBack: () => void }) {\n  return (\n    <div className=\"flex h-full flex-1 flex-col\">\n      <DetailTopBar\n        onBack={onBack}\n        phone={null}\n        email={null}\n        onDelete={null}\n        onEditProfile={null}\n      />\n      <div className=\"mx-auto w-full max-w-[900px] flex-1 space-y-6 px-6 pt-8 pb-16 md:px-8 md:pt-10\">\n        <div className=\"flex items-start gap-5\">\n          <div className=\"bg-muted size-20 animate-pulse rounded-xl\" />\n          <div className=\"flex-1 space-y-3\">\n            <div className=\"bg-muted h-7 w-48 animate-pulse rounded\" />\n            <div className=\"bg-muted h-4 w-24 animate-pulse rounded\" />\n          </div>\n        </div>\n        <div className=\"bg-muted h-24 animate-pulse rounded-xl\" />\n        <div className=\"bg-muted h-64 animate-pulse rounded-xl\" />\n      </div>\n    </div>\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { Users } from \"lucide-react\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\n\nexport function ContactsEmptyState(): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  return (\n    <div className=\"hidden h-full flex-1 flex-col items-center justify-center px-8 text-center md:flex\">\n      <div className=\"bg-muted text-muted-foreground flex size-16 items-center justify-center rounded-xl\">\n        <Users className=\"size-7\" aria-hidden=\"true\" />\n      </div>\n      <h2 className=\"text-foreground mt-5 text-base font-semibold\">\n        {t(\"empty_select_contact\")}\n      </h2>\n      <p className=\"text-muted-foreground mt-1 max-w-xs text-sm\">\n        {t(\"empty_select_description\")}\n      </p>\n    </div>\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport { ContactsSidebar } from \"./ContactsSidebar\";\nimport { ContactDetailPane } from \"./ContactDetailPane\";\nimport { ContactsEmptyState } from \"./ContactsEmptyState\";\n\nexport interface RepContactsLayoutProps {\n  selectedContactId: string | null;\n  onSelect: (id: string | null) => void;\n  onAdd: () => void;\n  queryKeyPrefix: string;\n  getCountries: () => Promise<{ id: number; name: string; iso?: string }[]>;\n}\n\nexport function RepContactsLayout({\n  selectedContactId,\n  onSelect,\n  onAdd,\n  queryKeyPrefix,\n  getCountries,\n}: RepContactsLayoutProps): React.JSX.Element {\n  return (\n    <div className=\"bg-background flex h-full overflow-hidden\">\n      <aside\n        className={cn(\n          \"border-border/50 bg-background w-full shrink-0 overflow-hidden border-r md:flex md:w-[420px] md:flex-col\",\n          selectedContactId ? \"hidden\" : \"flex flex-col\",\n        )}\n      >\n        <ContactsSidebar\n          selectedContactId={selectedContactId}\n          onSelect={onSelect}\n          onAdd={onAdd}\n        />\n      </aside>\n\n      <main\n        className={cn(\n          \"bg-background relative flex-1 md:flex md:flex-col\",\n          selectedContactId ? \"flex flex-col\" : \"hidden md:flex\",\n        )}\n      >\n        {selectedContactId ? (\n          <ContactDetailPane\n            key={selectedContactId}\n            contactId={selectedContactId}\n            queryKeyPrefix={queryKeyPrefix}\n            getCountries={getCountries}\n            onBack={() => onSelect(null)}\n          />\n        ) : (\n          <ContactsEmptyState />\n        )}\n      </main>\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"@fluid-app/contacts-core/query-keys\";\nimport type { CreateContactFormData } from \"../schemas/contactFormSchema\";\n\nexport function useCreateContactMutation(\n  queryKeyPrefix = \"contacts\",\n  options?: {\n    onSuccess?: (data: { contact: { id: number } }) => void;\n    onError?: (error: unknown) => void;\n  },\n) {\n  const queryClient = useQueryClient();\n  const api = useContactsCrud();\n\n  return useMutation({\n    mutationFn: (data: CreateContactFormData) =>\n      api.createContact(data as unknown as Record<string, unknown>),\n    onSuccess: (data) => {\n      fluidToast({ title: \"Contact created successfully\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: CONTACTS_QUERY_KEYS.all(queryKeyPrefix),\n      });\n      options?.onSuccess?.(data as unknown as { contact: { id: number } });\n    },\n    onError: (error) => {\n      if (options?.onError) {\n        options.onError(error);\n      } else {\n        fluidToast({\n          title: \"Failed to create contact\",\n          type: \"error\",\n          description: parseApiErrors(error),\n        });\n      }\n    },\n  });\n}\n","import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { FormProvider } from \"react-hook-form\";\nimport { useZodForm } from \"@fluid-app/ui-primitives\";\nimport type { ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ContactCreateScreen } from \"@fluid-app/contacts-ui/screens/ContactCreateScreen\";\nimport { RepContactsLayout } from \"@fluid-app/contacts-ui/portal/components/contacts/rep-layout/RepContactsLayout\";\nimport { ContactDetailsForm } from \"@fluid-app/contacts-ui/shared/components/contacts/contactDetailsForm\";\nimport { useCreateContactMutation } from \"@fluid-app/contacts-ui/shared/hooks/useCreateContactMutation\";\nimport {\n  createContactFormSchema,\n  type CreateContactFormData,\n} from \"@fluid-app/contacts-ui/shared/schemas/contactFormSchema\";\nimport { useCountriesApi } from \"@fluid-app/store-core/countries-api-context\";\nimport { storeKeys } from \"../account/query-keys\";\n\ntype NavState =\n  | { view: \"browse\"; selectedContactId: string | null }\n  | { view: \"new\" };\n\ntype ContactsScreenProps = ComponentProps<\"div\"> & {\n  // Styling\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n\n  // Display\n  defaultViewMode?: \"list\" | \"grid\";\n\n  // Callbacks\n  onContactSelect?: (contactId: string) => void;\n  onCreateContact?: () => void;\n};\n\nconst QUERY_KEY_PREFIX = \"sdk-contacts\";\n\nfunction ContactBrowseView({\n  selectedContactId,\n  onSelect,\n  onAdd,\n}: {\n  selectedContactId: string | null;\n  onSelect: (id: string | null) => void;\n  onAdd: () => void;\n}) {\n  const countriesAdapter = useCountriesApi();\n  const getCountries = useCallback(async () => {\n    const result = await countriesAdapter.listCountries();\n    return result.countries.map((c) => ({ id: 0, name: c.name, iso: c.code }));\n  }, [countriesAdapter]);\n\n  return (\n    <RepContactsLayout\n      selectedContactId={selectedContactId}\n      onSelect={onSelect}\n      onAdd={onAdd}\n      queryKeyPrefix={QUERY_KEY_PREFIX}\n      getCountries={getCountries}\n    />\n  );\n}\n\nconst CREATE_DEFAULT_VALUES: CreateContactFormData = {\n  first_name: \"\",\n  last_name: \"\",\n  email: \"\",\n  phone: \"\",\n  status: \"new\",\n  address: \"\",\n  city: \"\",\n  state: \"\",\n  postal_code: \"\",\n  country_code: null,\n  language_code: null,\n  metadata: {},\n  affiliate: {},\n};\n\nfunction ContactCreateView({\n  onNavigate,\n  onCreateContact,\n}: {\n  onNavigate: (state: NavState) => void;\n  onCreateContact?: () => void;\n}) {\n  const formRef = useRef<HTMLFormElement>(null);\n  const countriesAdapter = useCountriesApi();\n\n  const { data: countriesResponse } = useQuery({\n    queryKey: storeKeys.countries(),\n    queryFn: () => countriesAdapter.listCountries(),\n  });\n\n  const countryOptions = useMemo(\n    () =>\n      (countriesResponse?.countries ?? [])\n        .map((c) => ({ name: c.name, value: c.code }))\n        .sort((a, b) => a.name.localeCompare(b.name)),\n    [countriesResponse],\n  );\n\n  const methods = useZodForm<CreateContactFormData>(createContactFormSchema, {\n    defaultValues: CREATE_DEFAULT_VALUES,\n  });\n\n  const mutation = useCreateContactMutation(QUERY_KEY_PREFIX, {\n    onSuccess: (data) => {\n      onCreateContact?.();\n      const newContactId = data?.contact?.id;\n      if (newContactId) {\n        onNavigate({\n          view: \"browse\",\n          selectedContactId: String(newContactId),\n        });\n      } else {\n        onNavigate({ view: \"browse\", selectedContactId: null });\n      }\n    },\n  });\n\n  const { mutate } = mutation;\n\n  const onSubmit = useMemo(\n    () =>\n      methods.handleSubmit(\n        (data) => {\n          const { affiliate, ...contactFields } = data;\n          const payload: Record<string, unknown> = {};\n\n          for (const [key, value] of Object.entries(contactFields)) {\n            if (value !== \"\" && value !== null && value !== undefined) {\n              payload[key] = value;\n            }\n          }\n\n          if (affiliate && Object.keys(affiliate).length > 0) {\n            payload.affiliate = affiliate;\n          }\n\n          mutate(payload as CreateContactFormData);\n        },\n        () => {\n          // Validation errors are shown inline by react-hook-form field controllers.\n          // handleSubmit already populates field errors before calling this callback.\n        },\n      ),\n    [methods, mutate],\n  );\n\n  const handleNavigateToList = useCallback(() => {\n    onNavigate({ view: \"browse\", selectedContactId: null });\n  }, [onNavigate]);\n\n  return (\n    <ContactCreateScreen\n      onNavigateToList={handleNavigateToList}\n      onSubmit={() => formRef.current?.requestSubmit()}\n      isPending={mutation.isPending}\n    >\n      <FormProvider {...methods}>\n        <div className=\"mx-auto max-w-7xl space-y-12 md:px-10 md:py-8\">\n          <form\n            ref={formRef}\n            onSubmit={onSubmit}\n            className=\"mx-auto space-y-6 lg:max-w-2xl\"\n          >\n            <ContactDetailsForm countries={countryOptions} />\n          </form>\n        </div>\n      </FormProvider>\n    </ContactCreateScreen>\n  );\n}\n\nexport function ContactsScreen({\n  onContactSelect,\n  onCreateContact,\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  defaultViewMode,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: ContactsScreenProps): React.JSX.Element {\n  const [nav, setNav] = useState<NavState>({\n    view: \"browse\",\n    selectedContactId: null,\n  });\n\n  const handleSelect = useCallback(\n    (id: string | null) => {\n      setNav({ view: \"browse\", selectedContactId: id });\n      if (id) onContactSelect?.(id);\n    },\n    [onContactSelect],\n  );\n\n  const handleAdd = useCallback(() => {\n    setNav({ view: \"new\" });\n  }, []);\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      {nav.view === \"browse\" && (\n        <ContactBrowseView\n          selectedContactId={nav.selectedContactId}\n          onSelect={handleSelect}\n          onAdd={handleAdd}\n        />\n      )}\n      {nav.view === \"new\" && (\n        <ContactCreateView\n          onNavigate={setNav}\n          onCreateContact={onCreateContact}\n        />\n      )}\n    </div>\n  );\n}\n\nexport const contactsScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ContactsScreen\",\n  displayName: \"Contacts Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/EmbedWidget-BjLKHqCD.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedWidget-BjLKHqCD.cjs","names":["BookmarkIcon","GraduationCap","Globe","borderWidthClasses","borderColorClasses","RotateCw","Maximize2","ExternalLink","X","getHeightField","getColorField","getBorderRadiusField","getBorderWidthField","getBorderColorField"],"sources":["../../widgets/src/contexts/RepUserContext.tsx","../../widgets/src/widgets/EmbedWidget.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useMemo,\n  type ReactNode,\n} from \"react\";\n\nexport interface RepUser {\n  name: string | null;\n  email: string | null;\n  imageUrl: string | null;\n  publicId?: string;\n}\n\nconst RepUserContext = createContext<RepUser | null>(null);\n\nexport interface RepUserProviderProps {\n  user: RepUser;\n  children: ReactNode;\n}\n\nexport function RepUserProvider({\n  user,\n  children,\n}: RepUserProviderProps): React.JSX.Element {\n  const value = useMemo(() => user, [user]);\n  return (\n    <RepUserContext.Provider value={value}>{children}</RepUserContext.Provider>\n  );\n}\n\nexport function useRepUser(): RepUser | null {\n  return useContext(RepUserContext);\n}\n","import {\n  Bell,\n  BookmarkIcon,\n  BookOpen,\n  Calendar,\n  ExternalLink,\n  Gift,\n  Globe,\n  GraduationCap,\n  Heart,\n  Maximize2,\n  RotateCw,\n  ShoppingBag,\n  Sparkles,\n  Star,\n  Trophy,\n  User,\n  Video,\n  X,\n  Zap,\n  type LucideIcon,\n} from \"lucide-react\";\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentProps,\n  type RefObject,\n} from \"react\";\nimport type React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  getBorderRadiusField,\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  ShareableItem,\n} from \"@fluid-app/portal-core/types\";\nimport {\n  getBorderWidthField,\n  getBorderColorField,\n  getColorField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\nimport { useRepUser } from \"../contexts/RepUserContext\";\n\ntype EmbedWidgetMessage = {\n  type: \"OPEN_FULL_SCREEN_WEBVIEW\";\n  url: string;\n};\n\ntype DisplayMode = \"inline\" | \"cover\";\n\ntype EmbedUrlState = {\n  normalizedUrl: string;\n  isValidUrl: boolean;\n  iframeSrc: string;\n};\n\nfunction isValidHttpUrl(urlString: string): boolean {\n  try {\n    const parsed = new URL(urlString);\n    return parsed.protocol === \"https:\" || parsed.protocol === \"http:\";\n  } catch {\n    return false;\n  }\n}\n\nfunction useEmbedUrl(url: string, publicId: string | undefined): EmbedUrlState {\n  return useMemo(() => {\n    const normalizedUrl =\n      url && (url.startsWith(\"http://\") || url.startsWith(\"https://\"))\n        ? url\n        : url\n          ? `https://${url}`\n          : \"\";\n\n    let isValidUrl = false;\n    if (normalizedUrl) {\n      try {\n        const parsed = new URL(normalizedUrl);\n        isValidUrl =\n          (parsed.protocol === \"http:\" || parsed.protocol === \"https:\") &&\n          (parsed.hostname.includes(\".\") || parsed.hostname === \"localhost\");\n      } catch {\n        // invalid URL\n      }\n    }\n\n    if (!isValidUrl || !publicId) {\n      return { normalizedUrl, isValidUrl, iframeSrc: normalizedUrl };\n    }\n\n    const urlObj = new URL(normalizedUrl);\n    urlObj.searchParams.set(\"public_id\", publicId);\n    return { normalizedUrl, isValidUrl, iframeSrc: urlObj.toString() };\n  }, [url, publicId]);\n}\n\ntype UseEmbedPostMessageBridgeProps = {\n  iframeRef: RefObject<HTMLIFrameElement | null>;\n  normalizedUrl: string;\n  isValidUrl: boolean;\n  editMode: boolean;\n};\n\nfunction useEmbedPostMessageBridge({\n  iframeRef,\n  normalizedUrl,\n  isValidUrl,\n  editMode,\n}: UseEmbedPostMessageBridgeProps): void {\n  useEffect(() => {\n    if (!isValidUrl || editMode) return;\n\n    const expectedOrigin = new URL(normalizedUrl).origin;\n\n    function handleMessage(event: MessageEvent) {\n      if (event.origin !== expectedOrigin) return;\n      if (event.source !== iframeRef.current?.contentWindow) return;\n\n      let data: unknown;\n      if (typeof event.data === \"string\") {\n        try {\n          data = JSON.parse(event.data);\n        } catch {\n          return;\n        }\n      } else {\n        data = event.data;\n      }\n\n      if (\n        typeof data === \"object\" &&\n        data !== null &&\n        \"type\" in data &&\n        (data as EmbedWidgetMessage).type === \"OPEN_FULL_SCREEN_WEBVIEW\"\n      ) {\n        const messageUrl = (data as EmbedWidgetMessage).url;\n        if (messageUrl && isValidHttpUrl(messageUrl)) {\n          window.open(messageUrl, \"_blank\", \"noopener,noreferrer\");\n        }\n      }\n    }\n\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, [iframeRef, normalizedUrl, isValidUrl, editMode]);\n}\n\nfunction useModalBodyScrollLock(isOpen: boolean): void {\n  useEffect(() => {\n    if (!isOpen) return;\n    const previousOverflow = document.body.style.overflow;\n    document.body.style.overflow = \"hidden\";\n    return () => {\n      document.body.style.overflow = previousOverflow;\n    };\n  }, [isOpen]);\n}\n\nfunction useModalEscapeClose(isOpen: boolean, onClose: () => void): void {\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") onClose();\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => window.removeEventListener(\"keydown\", handleKeyDown);\n  }, [isOpen, onClose]);\n}\n\nfunction useDialogFocusRestore(dialogRef: RefObject<HTMLElement | null>): void {\n  useEffect(() => {\n    const previouslyFocused =\n      document.activeElement instanceof HTMLElement\n        ? document.activeElement\n        : null;\n    dialogRef.current?.focus();\n    return () => {\n      previouslyFocused?.focus();\n    };\n  }, [dialogRef]);\n}\n\n// ---------- header icon registry ----------\n\nconst HEADER_ICON_MAP: Record<string, LucideIcon> = {\n  GraduationCap,\n  Video,\n  BookOpen,\n  Globe,\n  User,\n  Star,\n  Heart,\n  Trophy,\n  Sparkles,\n  Zap,\n  Gift,\n  ShoppingBag,\n  Bell,\n  Calendar,\n  Bookmark: BookmarkIcon,\n};\n\nconst HEADER_ICON_OPTIONS: Array<{ label: string; value: string }> = [\n  { label: \"Graduation Cap\", value: \"GraduationCap\" },\n  { label: \"Video\", value: \"Video\" },\n  { label: \"Book\", value: \"BookOpen\" },\n  { label: \"Globe\", value: \"Globe\" },\n  { label: \"User\", value: \"User\" },\n  { label: \"Star\", value: \"Star\" },\n  { label: \"Heart\", value: \"Heart\" },\n  { label: \"Trophy\", value: \"Trophy\" },\n  { label: \"Sparkles\", value: \"Sparkles\" },\n  { label: \"Zap / Lightning\", value: \"Zap\" },\n  { label: \"Gift\", value: \"Gift\" },\n  { label: \"Shopping Bag\", value: \"ShoppingBag\" },\n  { label: \"Bell\", value: \"Bell\" },\n  { label: \"Calendar\", value: \"Calendar\" },\n  { label: \"Bookmark\", value: \"Bookmark\" },\n];\n\nconst getHeaderIcon = (name: string | undefined): LucideIcon => {\n  if (!name) return GraduationCap;\n  return HEADER_ICON_MAP[name] ?? GraduationCap;\n};\n\ntype EmbedWidgetProps = ComponentProps<\"div\"> & {\n  url?: string;\n  title?: string;\n  height?: string;\n  fullScreen?: boolean;\n  allowFullscreen?: boolean;\n  loading?: \"eager\" | \"lazy\";\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  editMode?: boolean;\n  isSelected?: boolean;\n\n  // Cover-mode additions (all optional — inline mode ignores these)\n  displayMode?: DisplayMode;\n  coverResource?: ShareableItem;\n  coverUseCustomUrl?: boolean;\n  coverImageUrl?: string;\n  coverTitle?: string;\n  coverMeta?: string;\n  coverShowHeader?: boolean;\n  coverHeaderIcon?: string;\n  coverHeaderIconColor?: ColorOptions;\n  coverHeight?: string;\n};\n\nexport function EmbedWidget({\n  url = \"\",\n  title = \"Embedded Content\",\n  height = \"400px\",\n  fullScreen = false,\n  allowFullscreen = true,\n  loading = \"lazy\",\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  editMode = false,\n  isSelected = false,\n\n  displayMode = \"inline\",\n  coverResource,\n  coverUseCustomUrl = false,\n  coverImageUrl = \"\",\n  coverTitle = \"\",\n  coverMeta = \"\",\n  coverShowHeader = true,\n  coverHeaderIcon = \"GraduationCap\",\n  coverHeaderIconColor = \"primary\",\n  coverHeight = \"320px\",\n\n  className,\n  ...props\n}: EmbedWidgetProps): React.JSX.Element {\n  const isFullScreen = fullScreen;\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const repUser = useRepUser();\n  const publicId = repUser?.publicId;\n\n  const [modalOpen, setModalOpen] = useState(false);\n  const [coverReloadKey, setCoverReloadKey] = useState(0);\n  const [iframeReloadKey, setIframeReloadKey] = useState(0);\n\n  const closeModal = useCallback(() => setModalOpen(false), []);\n\n  const { normalizedUrl, isValidUrl, iframeSrc } = useEmbedUrl(url, publicId);\n  useEmbedPostMessageBridge({\n    iframeRef,\n    normalizedUrl,\n    isValidUrl,\n    editMode,\n  });\n  useModalBodyScrollLock(modalOpen);\n  useModalEscapeClose(modalOpen, closeModal);\n\n  // ----- Empty/invalid URL states -----\n\n  if (!url || !isValidUrl) {\n    return (\n      <div\n        className={`flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${className ?? \"\"}`}\n        {...props}\n        style={\n          isFullScreen\n            ? {\n                height:\n                  \"var(--portal-fullscreen-embed-height, calc(100dvh - 4rem))\",\n              }\n            : { height: displayMode === \"cover\" ? coverHeight : height }\n        }\n      >\n        <div className=\"flex flex-col items-center gap-2 p-6 text-center\">\n          <Globe className=\"h-12 w-12 opacity-50\" />\n          <p className=\"text-sm font-medium\">\n            Enter a URL to embed external content\n          </p>\n          <p className=\"text-xs opacity-75\">\n            Configure the URL in the properties panel\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  // ----- Cover mode -----\n\n  if (displayMode === \"cover\") {\n    const resolvedCoverImage = coverUseCustomUrl\n      ? coverImageUrl\n      : coverResource?.imageUrl || coverResource?.image_url || coverImageUrl;\n\n    const effectiveTitle = coverTitle || title;\n    const HeaderIcon = getHeaderIcon(coverHeaderIcon);\n\n    const handleOpenModal = () => {\n      if (editMode) return;\n      setModalOpen(true);\n    };\n\n    const handleReload = () => {\n      if (editMode) return;\n      setCoverReloadKey((key) => key + 1);\n    };\n\n    const handleOpenNewTab = (e: React.MouseEvent) => {\n      e.stopPropagation();\n      if (editMode) return;\n      window.open(iframeSrc, \"_blank\", \"noopener,noreferrer\");\n    };\n\n    return (\n      <>\n        <div\n          className={`relative w-full overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-background ${className ?? \"\"}`}\n          style={{\n            boxShadow:\n              \"0 1px 2px color-mix(in oklch, var(--color-foreground) 5%, transparent), 0 12px 32px -16px color-mix(in oklch, var(--color-foreground) 10%, transparent)\",\n          }}\n          {...props}\n        >\n          {/* Inset hairline ring */}\n          <div\n            aria-hidden=\"true\"\n            className={`pointer-events-none absolute inset-0 z-[1] rounded-${borderRadius}`}\n            style={{\n              boxShadow:\n                \"inset 0 0 0 1px color-mix(in oklch, var(--color-foreground) 8%, transparent)\",\n            }}\n          />\n          {coverShowHeader && (\n            <div className=\"relative z-[2] flex items-center gap-3 px-5 py-3\">\n              <span\n                aria-hidden=\"true\"\n                className={`text-${coverHeaderIconColor}-foreground flex size-7 shrink-0 items-center justify-center rounded-${borderRadius}`}\n                style={{\n                  background: `linear-gradient(135deg, color-mix(in oklch, var(--color-${coverHeaderIconColor}) 75%, white 25%) 0%, var(--color-${coverHeaderIconColor}) 100%)`,\n                  boxShadow: `\n                    inset 0 1px 0 rgba(255,255,255,0.25),\n                    inset 0 -1px 0 rgba(0,0,0,0.08),\n                    0 1px 2px color-mix(in oklch, var(--color-${coverHeaderIconColor}) 25%, transparent)\n                  `,\n                }}\n              >\n                <HeaderIcon className=\"size-3.5\" strokeWidth={2.25} />\n              </span>\n\n              <div className=\"min-w-0 flex-1\">\n                {effectiveTitle && (\n                  <h3 className=\"text-foreground truncate text-[15px] leading-tight font-semibold tracking-tight\">\n                    {effectiveTitle}\n                  </h3>\n                )}\n                {coverMeta && (\n                  <p className=\"text-foreground/40 mt-0.5 truncate text-[11px] font-medium tracking-[0.08em] uppercase\">\n                    {coverMeta}\n                  </p>\n                )}\n              </div>\n\n              <div className=\"bg-foreground/5 flex shrink-0 items-center rounded-lg p-0.5\">\n                <HeaderIconButton\n                  Icon={RotateCw}\n                  label=\"Reload\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    handleReload();\n                  }}\n                />\n                <HeaderIconButton\n                  Icon={Maximize2}\n                  label=\"Open\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    handleOpenModal();\n                  }}\n                />\n                <HeaderIconButton\n                  Icon={ExternalLink}\n                  label=\"Open in new tab\"\n                  onClick={handleOpenNewTab}\n                />\n              </div>\n            </div>\n          )}\n\n          <button\n            type=\"button\"\n            onClick={handleOpenModal}\n            disabled={editMode}\n            className={`relative block w-full overflow-hidden ${editMode ? \"cursor-default\" : \"cursor-pointer\"}`}\n            style={{ height: coverHeight }}\n            aria-label={`Open ${effectiveTitle || title}`}\n          >\n            {resolvedCoverImage ? (\n              <img\n                key={`cover-${coverReloadKey}`}\n                src={resolvedCoverImage}\n                alt={effectiveTitle || title}\n                className=\"h-full w-full object-cover\"\n              />\n            ) : (\n              <div className=\"bg-muted flex h-full w-full items-center justify-center\">\n                <Globe className=\"text-muted-foreground/40 size-16\" />\n              </div>\n            )}\n          </button>\n          {editMode && !isSelected && <div className=\"absolute inset-0 z-10\" />}\n        </div>\n\n        {modalOpen && (\n          <EmbedModal\n            key={`modal-${iframeReloadKey}`}\n            src={iframeSrc}\n            title={effectiveTitle || title}\n            allowFullscreen={allowFullscreen}\n            iframeRef={iframeRef}\n            onClose={closeModal}\n            onReload={() => setIframeReloadKey((key) => key + 1)}\n          />\n        )}\n      </>\n    );\n  }\n\n  // ----- Inline mode (original behavior) -----\n\n  return (\n    <div\n      className={`relative w-full rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className ?? \"\"}`}\n      {...props}\n      style={\n        isFullScreen\n          ? {\n              height:\n                \"var(--portal-fullscreen-embed-height, calc(100dvh - 4rem))\",\n            }\n          : undefined\n      }\n    >\n      <iframe\n        ref={iframeRef}\n        src={iframeSrc}\n        title={title}\n        width=\"100%\"\n        style={isFullScreen ? { height: \"100%\" } : { height }}\n        loading={loading}\n        allowFullScreen={allowFullscreen}\n        className={`rounded-${borderRadius} border-border border`}\n        sandbox=\"allow-scripts allow-popups\"\n      />\n      {editMode && !isSelected && <div className=\"absolute inset-0 z-10\" />}\n    </div>\n  );\n}\n\n// ----- Header icon button -----\n\ntype HeaderIconButtonProps = {\n  Icon: LucideIcon;\n  label: string;\n  onClick: (e: React.MouseEvent) => void;\n};\n\nfunction HeaderIconButton({\n  Icon,\n  label,\n  onClick,\n}: HeaderIconButtonProps): React.JSX.Element {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-label={label}\n      className=\"text-foreground/45 hover:text-foreground hover:bg-background flex size-7 items-center justify-center rounded-md transition-colors\"\n    >\n      <Icon className=\"size-3.5\" strokeWidth={2.25} />\n    </button>\n  );\n}\n\n// ----- Modal -----\n\ntype EmbedModalProps = {\n  src: string;\n  title: string;\n  allowFullscreen: boolean;\n  iframeRef: RefObject<HTMLIFrameElement | null>;\n  onClose: () => void;\n  onReload: () => void;\n};\n\nfunction EmbedModal({\n  src,\n  title,\n  allowFullscreen,\n  iframeRef,\n  onClose,\n  onReload,\n}: EmbedModalProps): React.JSX.Element {\n  const dialogRef = useRef<HTMLDivElement>(null);\n\n  useDialogFocusRestore(dialogRef);\n\n  // Portal to document.body so the fixed-position dialog isn't clipped by\n  // a transformed widget container on the live canvas (CSS transforms make\n  // descendants the containing block for `position: fixed`).\n  return createPortal(\n    <div\n      ref={dialogRef}\n      tabIndex={-1}\n      className=\"fixed inset-0 z-[100] flex items-center justify-center p-4 focus:outline-none sm:p-8\"\n      style={{\n        background: \"color-mix(in oklch, var(--color-foreground) 80%, black)\",\n      }}\n      onClick={onClose}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={title}\n    >\n      <div\n        className=\"bg-background relative flex h-full max-h-[95vh] w-full max-w-[1400px] flex-col overflow-hidden rounded-2xl shadow-2xl\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div\n          className=\"flex items-center justify-between gap-4 px-5 py-3\"\n          style={{\n            borderBottom:\n              \"1px solid color-mix(in oklch, var(--color-foreground) 8%, transparent)\",\n          }}\n        >\n          <h3 className=\"text-foreground truncate text-sm font-semibold tracking-tight\">\n            {title}\n          </h3>\n          <div className=\"flex shrink-0 items-center gap-1\">\n            <HeaderIconButton\n              Icon={RotateCw}\n              label=\"Reload\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onReload();\n              }}\n            />\n            <button\n              type=\"button\"\n              onClick={onClose}\n              aria-label=\"Close\"\n              className=\"text-foreground/60 hover:text-foreground hover:bg-foreground/5 flex size-9 shrink-0 items-center justify-center rounded-full transition-colors\"\n            >\n              <X className=\"size-5\" />\n            </button>\n          </div>\n        </div>\n        <iframe\n          ref={iframeRef}\n          src={src}\n          title={title}\n          className=\"flex-1 border-0\"\n          allowFullScreen={allowFullscreen}\n          sandbox=\"allow-scripts allow-popups\"\n        />\n      </div>\n    </div>,\n    document.body,\n  );\n}\n\n// ----- Schema -----\n\nexport const embedWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"EmbedWidget\",\n  displayName: \"Embed\",\n  fields: [\n    // Content\n    {\n      key: \"url\",\n      label: \"URL\",\n      type: \"text\",\n      description: \"The URL of the external site to embed\",\n      placeholder: \"https://example.com\",\n      defaultValue: \"\",\n      group: \"Content\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Accessibility title for the embedded content\",\n      defaultValue: \"Embedded Content\",\n      group: \"Content\",\n    },\n\n    // Display Mode\n    {\n      key: \"displayMode\",\n      label: \"Display Mode\",\n      type: \"buttonGroup\",\n      description:\n        \"Inline: iframe renders directly. Cover: shows a card that opens the embed in a full-screen modal.\",\n      defaultValue: \"inline\",\n      options: [\n        { label: \"Inline\", value: \"inline\" },\n        { label: \"Cover + Modal\", value: \"cover\" },\n      ],\n      group: \"Display Mode\",\n    },\n\n    // Cover fields — all gated behind displayMode=cover\n    {\n      key: \"coverResource\",\n      label: \"Cover Image\",\n      type: \"resource\",\n      description: \"Select the image shown before the embed opens\",\n      allowedTypes: [\"Medium\"],\n      group: \"Cover\",\n      requiresKeyValue: { key: \"displayMode\", value: \"cover\" },\n    },\n    {\n      key: \"coverUseCustomUrl\",\n      label: \"Use Custom URL\",\n      type: \"boolean\",\n      description: \"Enter a custom image URL instead of selecting media\",\n      defaultValue: false,\n      group: \"Cover\",\n      requiresKeyValue: { key: \"displayMode\", value: \"cover\" },\n    },\n    {\n      key: \"coverImageUrl\",\n      label: \"Cover Image URL\",\n      type: \"text\",\n      description: \"Direct URL to the cover image\",\n      placeholder: \"https://example.com/cover.jpg\",\n      defaultValue: \"\",\n      group: \"Cover\",\n      requiresKeyValue: [\n        { key: \"displayMode\", value: \"cover\" },\n        { key: \"coverUseCustomUrl\", value: true },\n      ],\n    },\n    getHeightField({\n      key: \"coverHeight\",\n      label: \"Cover Height\",\n      description: \"Height of the cover image area\",\n      defaultValue: \"320px\",\n      group: \"Cover\",\n      requiresKeyValue: { key: \"displayMode\", value: \"cover\" },\n    }),\n\n    // Cover header (optional)\n    {\n      key: \"coverShowHeader\",\n      label: \"Show Card Header\",\n      type: \"boolean\",\n      description: \"Show the header with icon, title, and action buttons\",\n      defaultValue: true,\n      group: \"Cover Header\",\n      requiresKeyValue: { key: \"displayMode\", value: \"cover\" },\n    },\n    {\n      key: \"coverHeaderIcon\",\n      label: \"Header Icon\",\n      type: \"select\",\n      description: \"Icon displayed in the colored badge on the left\",\n      options: HEADER_ICON_OPTIONS,\n      defaultValue: \"GraduationCap\",\n      group: \"Cover Header\",\n      requiresKeyValue: [\n        { key: \"displayMode\", value: \"cover\" },\n        { key: \"coverShowHeader\", value: true },\n      ],\n    },\n    getColorField({\n      key: \"coverHeaderIconColor\",\n      label: \"Icon Badge Color\",\n      description: \"Background color of the icon badge\",\n      defaultValue: \"primary\",\n      group: \"Cover Header\",\n      requiresKeyValue: [\n        { key: \"displayMode\", value: \"cover\" },\n        { key: \"coverShowHeader\", value: true },\n      ],\n    }),\n    {\n      key: \"coverTitle\",\n      label: \"Header Title\",\n      type: \"text\",\n      description:\n        \"Title shown in the card header and modal (falls back to the widget Title if empty). Available even when the card header is hidden so the modal still has a meaningful title.\",\n      defaultValue: \"\",\n      group: \"Cover Header\",\n      requiresKeyValue: { key: \"displayMode\", value: \"cover\" },\n    },\n    {\n      key: \"coverMeta\",\n      label: \"Meta Text\",\n      type: \"text\",\n      description:\n        \"Small uppercase meta line below the title (e.g. 'APR 16 · COACHING THE HOSTESS')\",\n      defaultValue: \"\",\n      group: \"Cover Header\",\n      requiresKeyValue: [\n        { key: \"displayMode\", value: \"cover\" },\n        { key: \"coverShowHeader\", value: true },\n      ],\n    },\n\n    // Design\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the embed container\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      group: \"Design\",\n    }),\n    {\n      key: \"fullScreen\",\n      label: \"Full Screen\",\n      type: \"boolean\",\n      description:\n        \"Inline mode: fill the available space instead of a fixed height\",\n      defaultValue: false,\n      group: \"Design\",\n      requiresKeyValue: { key: \"displayMode\", value: \"inline\" },\n    },\n    getHeightField({\n      key: \"height\",\n      label: \"Height\",\n      description: \"Height of the inline embed iframe\",\n      defaultValue: \"400px\",\n      group: \"Design\",\n      requiresKeyValue: [\n        { key: \"displayMode\", value: \"inline\" },\n        { key: \"fullScreen\", value: false },\n      ],\n    }),\n\n    // Settings\n    {\n      key: \"allowFullscreen\",\n      label: \"Allow Fullscreen\",\n      type: \"boolean\",\n      description: \"Allow the embedded content to use fullscreen mode\",\n      defaultValue: true,\n      group: \"Settings\",\n    },\n    {\n      key: \"loading\",\n      label: \"Loading\",\n      type: \"select\",\n      description: \"When to load the embedded content (inline mode only)\",\n      options: [\n        { label: \"Lazy (on scroll)\", value: \"lazy\" },\n        { label: \"Eager (immediately)\", value: \"eager\" },\n      ],\n      defaultValue: \"lazy\",\n      group: \"Settings\",\n      requiresKeyValue: { key: \"displayMode\", value: \"inline\" },\n    },\n  ],\n};\n"],"mappings":"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"}