Log Activity Form

import { LogActivityForm } from '@docyrus/ui/components/log-activity-form';
import { useDocyrusLogActivity } from '@docyrus/ui/library/hooks/use-docyrus-log-activity';
import { ContactActivityPanel, useDocyrusContactActivity } from '@docyrus/ui/components/contact-activity-panel';

function RecordActivity({ client, recordId }) {
  // One hook feeds the log form (all I/O).
  const { logActivityProps } = useDocyrusLogActivity({
    client,
    appSlug: 'base',
    dataSourceSlug: 'organization',
    recordId,
    taskRelationSlug: 'organization',   // per-tenant back-relation for task/event linking
    statusFieldSlug: 'status',
    callEventTypeName: 'Call',          // resolve the call/meeting event type by name
    meetingEventTypeName: 'Meeting'
  });

  // A sibling hook feeds the timeline. Both share the record-scoped query prefix,
  // so logging on the form auto-refreshes the panel — no manual refetch wiring.
  const { panelProps } = useDocyrusContactActivity({
    client, appSlug: 'base', dataSourceSlug: 'organization', recordId,
    taskRelationSlug: 'organization',
    sources: { audit: true, comments: true, tasks: true, statusUpdates: true }
  });

  return (
    <>
      <LogActivityForm {...logActivityProps} />
      <ContactActivityPanel {...panelProps} />
    </>
  );
}