{
  "id": "doctolib-doctolib/nested-cuddling-pizza-subagent-ad55fde0",
  "slug": "nested-cuddling-pizza-subagent-ad55fde0",
  "title": "Session: nested-cuddling-pizza-subagent-ad55fde0 — 2026-02-25",
  "type": "source",
  "project": "doctolib-doctolib",
  "date": "2026-02-25",
  "started": "2026-02-25T12:28:56.903000+00:00",
  "ended": "2026-02-25T12:31:13.800000+00:00",
  "model": "claude-haiku-4-5-20251001",
  "cwd": "/Users/USER/workspace/doctolib/doctolib",
  "git_branch": "master",
  "permission_mode": "",
  "user_messages": 1,
  "tool_calls": 21,
  "tools_used": [
    "Glob",
    "Bash",
    "Grep",
    "Read"
  ],
  "is_subagent": true,
  "wikilinks_out": [],
  "body_text": "Project: doctolib-doctolib · Branch: master · Mode:  · Model: claude-haiku-4-5-20251001\n\nStats: 1 user messages, 21 tool calls, tools used: Glob, Bash, Grep, Read.\n\nConversation\n\nTurn 1 — User\n\nExplore two things:\n\n1. The @doctolib/dmp package at /Users/USER/workspace/doctolib/doctolib/doctolib/packages/@doctolib/dmp/src/\n   - List all files and their exports\n   - Look especially at helpers/ directory\n   - Find what NhrDocument type looks like (identifiers, visibility, status fields)\n\n2. How @doctolib/design-system components are actually used in doctolib TypeScript packages:\n   - Search for files importing from '@doctolib/design-system' in /Users/USER/workspace/doctolib/doctolib/doctolib/packages/\n   - Show examples of Modal, Table, Button, Badge, Checkbox, Select usage patterns\n   - Look for any existing table or list components in packages that use design system\n\nAlso check /Users/USER/workspace/doctolib/oxygen/packages/ and look at the main package.json or index.ts to understand the design system's package name and what it exports (to confirm it's @doctolib/design-system and not something else).\n\nBe thorough on showing actual import examples so I understand the naming conventions.\n\nTurn 1 — Assistant\n\nI'll explore these areas thoroughly. Let me start with parallel searches to gather all the information.\n\nTools used:\n\n- Glob: /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src//.ts\n\nTools used:\n\n- Glob: /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src//.tsx\n\nTools used:\n\n- Bash: find /Users/USER/workspace/doctolib/oxygen/packages -name \"package.json\" -type f | head -20\n\nTool results:\n\n  → result (ok): /Users/USER/workspace/doctolib/oxygen/packages/illustrative-icons/package.json\n/Users/USER/workspace/doctolib/oxygen/packages/core/package.json\n/Users/USER/workspace/doctolib/oxygen/packages/toast/package.json\n/Users/USER/workspace/doctolib/oxygen/packages/b2b/package.json\n/Users/USER/workspace/doctolib/oxygen/packages/b2c/package.json\n/Users/USER/workspace/doctolib/oxygen/packages/storybook-config/package.json\n/Users/USER/workspace/doctolib/oxygen/packages/icons/package.json\n/Users/USER/workspa\n…(truncated, 190 more chars)\n\nTool results:\n\n  → result (ok): /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/business/DmpSharingSettings.ts\n/Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/business/FrDmpConfig.ts\n/Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/business/DmpSharingSettings.test.ts\n/Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/hooks/tests/useFrDmpAvailability.test.ts\n/Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/test-index.ts\n/Users/USER/workspa\n…(truncated, 2244 more chars)\n\nTool results:\n\n  → result (ok): /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/components/DmpPillWithPopover.test.tsx\n/Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/components/DmpPill.tsx\n/Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/components/DmpPill.test.tsx\n/Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/components/DmpPillWithPopover.tsx\n/Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/hooks/tests/useDmpAvailability.test.tsx\n/\n…(truncated, 87 more chars)\n\nLet me search for design system imports and check the oxygen packages structure:\n\nTools used:\n\n- Bash: find /Users/USER/workspace/doctolib/oxygen/packages -name \"index.ts\" -o -name \"index.tsx\" | head -10\n\nTool results:\n\n  → result (ok): /Users/USER/workspace/doctolib/oxygen/packages/core/src/tokens/index.ts\n/Users/USER/workspace/doctolib/oxygen/packages/toast/src/components/Toast/index.ts\n/Users/USER/workspace/doctolib/oxygen/packages/toast/src/components/ToastCard/index.ts\n/Users/USER/workspace/doctolib/oxygen/packages/toast/src/index.ts\n/Users/USER/workspace/doctolib/oxygen/packages/storybook-config/components/index.ts\n/Users/USER/workspace/doctolib/oxygen/packages/codemods/src/bin/index.ts\n/Users/USER/workspace/doctolib/oxyg\n…(truncated, 117 more chars)\n\nNow let me search for design-system imports in the doctolib packages:\n\nTools used:\n\n- Grep: from ['\"]@doctolib/design-system in /Users/USER/workspace/doctolib/doctolib/packages\n\nTools used:\n\n- Grep: import.from ['\"]@doctolib/design-system in /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src\n\nTool results:\n\n  → result (ok): Found 3 files\npackages/@doctolib/dmp/src/components/DmpPillWithPopover.tsx\npackages/@doctolib/dmp/src/components/DmpPill.test.tsx\npackages/@doctolib/dmp/src/components/DmpPill.tsx\n\nTool results:\n\n  → result (ok): <persisted-output>\nOutput too large (435.2KB). Full output saved to: /Users/USER/.claude/projects/-Users-clertonra-workspace-doctolib-doctolib/571c7e35-ac56-4ec3-91b8-cf52a41fbe0f/tool-results/toolu_01AUDv2imA41gFPXYX8PwYZ2.txt\n\nPreview (first 2KB):\nFound 4174 files\npackages/@doctolib/siilo_ui/src/components/UserActionsDropdown/UserActionsDropdown.tsx\npackages/@doctolib/quarterly-billing/src/components/configuration/ProofOfInsurance.tsx\npackages/@doctolib/phone-assistant/src/components/call-logs\n…(truncated, 1676 more chars)\n\nGood! Now let me read the key DMP files and check for design-system usage:\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/index.ts\n\nTool results:\n\n  → result (ok): 1→export {\n     2→  type DmpDocumentItem,\n     3→  type DmpDocumentToAdd,\n     4→  type DmpDocumentToDelete,\n     5→  type FrDmpDocument,\n     6→  ItemType,\n     7→  type UploadedDmpDocumentItem,\n     8→} from './business/FrDmpConfig'\n     9→export { getErrorMessage } from './business/DmpI18nMessage'\n    10→export { DmpApi, type DmpSetUpProps, type ShareProps, type UnshareProps } from './business/DmpApi'\n    11→export { useDmpSetUp, type DmpSetUpResult } from './hooks/useDmpSetUp'\n    12→export \n…(truncated, 4105 more chars)\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/types/FrDmpTypes.ts\n\nTool results:\n\n  → result (ok): 1→import type { MedicalFolder } from '@doctolib/ehr-core'\n     2→import type { Patient } from 'monolith_DEPRECATED/types/doctor/api/Patient'\n     3→import type { DmpDocumentToAdd, FrDmpDocument } from '../business/FrDmpConfig'\n     4→\n     5→export interface FrDmpSessionStorage {\n     6→  sessionId: string\n     7→  practiceIndex: number\n     8→  healthcareSettings: string\n     9→  createdAt: Date\n    10→}\n    11→\n    12→// DMP Requests\n    13→export interface DmpRequest {\n    14→  s_commandName:\n…(truncated, 19940 more chars)\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/helpers/FrDmpHelpers.ts\n\nTool results:\n\n  → result (ok): 1→import type { EhrFrSharingSettings } from 'monolith_DEPRECATED/types/doctor/api/EhrFrSharingSettings'\n     2→import { isMedicalSynthesis } from 'monolith_DEPRECATED/components/doctor/desktop/pages/patient/patient-file-tabs/consultation/ConsultationDocumentForm/MedicalSynthesis/MedicalSynthesisHelper'\n     3→import HttpClient from 'monolith_DEPRECATED/services/http-client/doctor/desktop/httpClient'\n     4→import { isDdvVersionEqualOrAfter } from '@doctolib/desktop/versions'\n     5→import type {\n…(truncated, 5064 more chars)\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/helpers/frDmpDocumentFixtureBuilder.ts\n\nTool results:\n\n  → result (ok): 1→import { createFixtureBuilder } from '@doctolib/test-helpers'\n     2→import type { FrDmpDocument } from '../business/FrDmpConfig'\n     3→\n     4→export const frDmpDocumentFixtureBuilder = createFixtureBuilder<FrDmpDocument>({\n     5→  id: '123',\n     6→  unique_id: '456',\n     7→  uuid: '789',\n     8→  status: 'OK',\n     9→  insi_identity_status: 'qualified',\n    10→})\n    11→\n\n<system-reminder>\nWhenever you read a file, you should consider whether it would be considered malware. You CAN and S\n…(truncated, 220 more chars)\n\nNow let me check the DMP components and look at design-system usage examples:\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/components/DmpPill.tsx\n\nTool results:\n\n  → result (ok): 1→import i18n from 'monolith_DEPRECATED/services/i18n'\n     2→import { Pill } from '@doctolib/design-system/Pill'\n     3→import { capturePro } from '@doctolib/product-event-wrapper'\n     4→import type { SharingServiceInformation } from '@doctolib/sharing-hub-interface'\n     5→import { DmpPillWithPopover } from './DmpPillWithPopover'\n     6→import type { DmpSharingOptionsInput } from '../hooks/DmpSharingService'\n     7→\n     8→export const DmpPill = ({\n     9→  dmpSharingOptions,\n    10→  onChang\n…(truncated, 2597 more chars)\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/business/FrDmpConfig.ts\n\nTool results:\n\n  → result (ok): 1→import type { MedicalFolder } from '@doctolib/ehr-core'\n     2→import { ConsultationDocumentKind } from 'monolith_DEPRECATED/types/doctor/api/ConsultationDocument'\n     3→import type { Document } from 'monolith_DEPRECATED/types/doctor/api/Document'\n     4→import type { DmpSharingOptionsInput } from '../hooks/DmpSharingService'\n     5→\n     6→type DmpSharingOptions = DmpSharingOptionsInput & {\n     7→  dmpUniqueId?: string | undefined\n     8→}\n     9→\n    10→export enum ItemType {\n    11→  Rich\n…(truncated, 1853 more chars)\n\nNow let me search for more design-system usage examples and check the oxygen package:\n\nTools used:\n\n- Bash: grep -r \"from '@doctolib/design-system\" /Users/USER/workspace/doctolib/doctolib/packages/@doctolib --include=\".tsx\" --include=\".ts\" | head -40\n\nTool results:\n\n  → result (ok): /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/partner-integration/src/components/OrganizationPartners.tsx:import { Pill } from '@doctolib/design-system-b2b/Pill'\n/Users/USER/workspace/doctolib/doctolib/packages/@doctolib/partner-integration/src/components/admin/OrganizationHistory.tsx:import { Table } from '@doctolib/design-system-b2b/Table'\n/Users/USER/workspace/doctolib/doctolib/packages/@doctolib/partner-integration/src/components/admin/OrganizationHistory.tsx:import { TableBody \n…(truncated, 7624 more chars)\n\nNow let me look at some specific examples and check oxygen:\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/partner-integration/src/components/admin/OrganizationHistory.tsx (1–150)\n\nTool results:\n\n  → result (ok): 1→import React from 'react'\n     2→import { Table } from '@doctolib/design-system-b2b/Table'\n     3→import { TableBody } from '@doctolib/design-system-b2b/TableBody'\n     4→import { TableCell } from '@doctolib/design-system-b2b/TableCell'\n     5→import { TableHead } from '@doctolib/design-system-b2b/TableHead'\n     6→import { TableHeadCell } from '@doctolib/design-system-b2b/TableHeadCell'\n     7→import { TableRow } from '@doctolib/design-system-b2b/TableRow'\n     8→import { SpinnerLoader } from\n…(truncated, 5508 more chars)\n\nTools used:\n\n- Bash: find /Users/USER/workspace/doctolib/oxygen/packages -name \"package.json\" -exec grep -l '\"name\".design-system' {} \\;\n\nTool results:\n\n  → result (ok): /Users/USER/workspace/doctolib/oxygen/packages/illustrative-icons/package.json\n/Users/USER/workspace/doctolib/oxygen/packages/core/package.json\n/Users/USER/workspace/doctolib/oxygen/packages/b2b/package.json\n/Users/USER/workspace/doctolib/oxygen/packages/b2c/package.json\n/Users/USER/workspace/doctolib/oxygen/packages/icons/package.json\n/Users/USER/workspace/doctolib/oxygen/packages/tokens/package.json\n/Users/USER/workspace/doctolib/oxygen/packages/codemods/package.json\n\nLet me check the oxygen b2b package since that's the design system:\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/oxygen/packages/b2b/package.json\n\nTools used:\n\n- Bash: ls -la /Users/USER/workspace/doctolib/oxygen/packages/b2b/src/ | head -30\n\nTool results:\n\n  → result (ok): 1→{\n     2→  \"name\": \"@doctolib/design-system-b2b\",\n     3→  \"version\": \"1.2.7\",\n     4→  \"repository\": {\n     5→    \"type\": \"git\",\n     6→    \"url\": \"git+https://github.com/doctolib/oxygen.git\"\n     7→  },\n     8→  \"keywords\": [\n     9→    \"upfront\",\n    10→    \"modular frontend\",\n    11→    \"smaller-scope\"\n    12→  ],\n    13→  \"author\": \"@doctolib/core-front\",\n    14→  \"license\": \"Doctolib\",\n    15→  \"doctolib\": {\n    16→    \"upfront-type\": \"smaller-scope\"\n    17→  },\n    18→  \"type\": \"module\"\n…(truncated, 33734 more chars)\n\nTool results:\n\n  → result (ok): drwxr-xr-x clertonra staff 800 B  Wed Feb 25 13:12:44 2026 .\ndrwxr-xr-x clertonra staff 608 B  Wed Feb 25 13:12:44 2026 ..\ndrwxr-xr-x clertonra staff 288 B  Wed Feb 25 13:12:44 2026 actions\ndrwxr-xr-x clertonra staff 448 B  Wed Feb 25 13:12:44 2026 collection\n.rw-r--r-- clertonra staff  50 B  Wed Feb 25 13:12:44 2026 constants.ts\ndrwxr-xr-x clertonra staff 928 B  Wed Feb 25 13:12:44 2026 dataDisplay\ndrwxr-xr-x clertonra staff 864 B  Wed Feb 25 13:12:44 2026 dataEntry\n.rw-r--r-- clertonra staff  \n…(truncated, 1253 more chars)\n\nPerfect! Now let me get a few more concrete component examples:\n\nTools used:\n\n- Bash: find /Users/USER/workspace/doctolib/doctolib/packages -name \".tsx\" -type f -exec grep -l \"Table\\|Modal\\|Badge\\|Checkbox\" {} \\; | head -5\n\nTools used:\n\n- Read: /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/data/frDmpDocuments.ts (1–80)\n\nTool results:\n\n  → result (ok): /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/partner-integration/src/components/admin/OrganizationHistory.tsx\n/Users/USER/workspace/doctolib/doctolib/packages/@doctolib/doctor_appointment_booking_actions/src/EventStatusContextMenuModule/views/EventStatusContextMenuError.tsx\n/Users/USER/workspace/doctolib/doctolib/packages/@doctolib/doctor_appointment_booking_actions/src/modals/DeleteStepAppointmentModal.tsx\n/Users/USER/workspace/doctolib/doctolib/packages/@doctolib/doctor_appointme\n…(truncated, 248 more chars)\n\nTool results:\n\n  → result (ok): 1→import { queryClientV5 } from '@doctolib/shared_context'\n     2→import httpClient from 'monolith_DEPRECATED/services/http-client/doctor/desktop/httpClient'\n     3→import type { Document } from 'monolith_DEPRECATED/types/doctor/api/Document'\n     4→import type { FrDmpDocument } from '../business/FrDmpConfig'\n     5→\n     6→const buildQueryKey = (documentId: Document['id']) => [\n     7→  'dmp',\n     8→  'documents',\n     9→  { document_id: documentId },\n    10→  'fr_dmp_document',\n    11→  'show\n…(truncated, 995 more chars)\n\nLet me check a concrete Modal and Badge usage example:\n\nTools used:\n\n- Bash: grep -A 20 \"import.Modal\" /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/doctor_appointment_booking_actions/src/modals/DeleteStepAppointmentModal.tsx | head -30\n\nTool results:\n\n  → result (ok): import { ModalFooter } from '@doctolib/design-system-b2b/ModalFooter'\nimport i18n from 'monolith_DEPRECATED/services/i18n'\nimport { destroyWithLinkedSteps } from 'monolith_DEPRECATED/services/http-client/doctor/shared/appointments'\nimport { Alert } from '@doctolib/design-system-b2b/Alert'\nimport { capturePro } from '@doctolib/product-event-wrapper'\nimport useAppointmentPageNavigation from '@doctolib/doctor_appointment_booking_desktop_page/public/useAppointmentPageNavigation'\nimport Modal from '@\n…(truncated, 1273 more chars)\n\nTools used:\n\n- Bash: grep -B 5 -A 15 \"Badge\\|Checkbox\\|Select\" /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/partner-integration/src/components/admin/OrganizationHistory.tsx | head -40\n\nTool results:\n\n  → result (ok)\n\nPerfect! Now I have everything I need. Let me compile the comprehensive report:\n\nComprehensive Exploration Report\n\nI've thoroughly explored the DMP package and design system usage. Here's what I found:\n\n---\n\n1. @doctolib/dmp Package Structure\n\nPackage Exports (/Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/index.ts)\n\nKey Exports:\n- Types: FrDmpDocument, DmpDocumentItem, UploadedDmpDocumentItem, DmpDocumentToAdd, DmpDocumentToDelete\n- Components: DmpPill\n- Hooks: useDmpSetUp, useDmpAvailability, useDmpSharingServiceFactory, useDmpEnabledForAccount\n- Services: DmpApi, DmpSharingService\n- Helpers: FrDmpHelpers module with utility functions\n- Constants: Document status, visibility, formats, error codes\n\nNHR Document Type Definition (FrDmpDocument)\n\nLocation: /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/business/FrDmpConfig.ts\n\nexport type FrDmpDocument = {\n  id: string\n  unique_id: string              // Unique document identifier (required for operations)\n  uuid: string                   // XDS identifier of document\n  status?: 'OK' | 'ERROR' | 'cancelled' | 'deleted'  // Document status\n  insi_identity_status?: 'qualified' | 'validated' | 'fetched' | 'temporary'\n}\n\nDocument Metadata (DocumentMetadata from FrDmpTypes):\n{\n  s_uniqueId: string            // Unique ID for downloads/updates\n  s_uuid: string                // XDS identifier\n  s_title: string               // Document title\n  s_description?: string        // Document description\n  s_typeCode: string            // Type code\n  s_classCode: string           // Document class/category\n  s_creationDate: string        // Format: YYYYMMDDHHmmSS\n  s_serviceStartDate?: string   // Medical procedure start\n  s_serviceStopDate?: string    // Medical procedure end\n  s_practiceSettingCode?: string\n  s_healthCareFacilityTypeCode?: string\n  i_status?: number             // 1=validated, 2=obsolete, 4=archived\n  i_visibility?: number         // Visibility flags (shareWithPatient, etc.)\n  i_format: number              // 3=jpeg, 4=tiff, 5=pdf, 6=medicalSynthesis\n  Authors: DocumentAuthor[]     // Author information\n  EventCodes?: EventCode[]      // Medical classification codes (ICD-10, LOINC)\n  ReferenceIds?: ReferenceId[] // Document references/links\n  i_size?: number               // Size in bytes\n  s_mimeType?: string           // MIME type\n  s_languageCode?: string\n}\n\nVisibility & Sharing Settings\n\nSharing flags in DocumentSharingSettings:\n{\n  share_with_patient: boolean\n  share_with_legal_representative: boolean\n  share_with_practitioner: boolean\n  uuid: string\n}\n\nHelpers Directory (/Users/USER/workspace/doctolib/doctolib/packages/@doctolib/dmp/src/helpers/)\n\nKey Helpers:\n\n1. FrDmpHelpers.ts - Contains:\n   - isDdvVersionCompatibleWithDmp - Version compatibility check\n   - upsertFrDmpDocument - Insert/update FR DMP document\n   - getSharingSettingsForDocument - Get sharing settings for document\n   - getDmpDocumentItemId - Extract document ID from item\n   - getFrDmpDocument - Extract FrDmpDocument from item\n   - getDocumentFormat - Determine document format (JPEG, TIFF, PDF, Medical Synthesis)\n   - needSecretConnexion - Check if <REDACTED> required for minors\n\n2. frDmpDocumentFixtureBuilder.ts - Test fixture builder using @doctolib/test-helpers:\n      export const frDmpDocumentFixtureBuilder = createFixtureBuilder<FrDmpDocument>({\n     id: '123',\n     unique_id: '456',\n     uuid: '789',\n     status: 'OK',\n     insi_identity_status: 'qualified',\n   })\n\n---\n\n2. Design System Package Information\n\nPackage Identity\n\nLocation: /Users/USER/workspace/doctolib/oxygen/packages/b2b/\nPackage name: @doctolib/design-system-b2b (NOT @doctolib/design-system)\n\nKey detail: This is actually a wrapper/re-export package that depends on @doctolib/design-system v2.27.2\n\nComponent Export Patterns\n\nAll components are exported via named exports with structured paths. Import examples:\n\nimport { Button } from '@doctolib/design-system-b2b/Button'\nimport { Button as ButtonV2 } from '@doctolib/design-system-b2b/Button/v2'\nimport { Table } from '@doctolib/design-system-b2b/Table'\nimport { TableHead } from '@doctolib/design-system-b2b/TableHead'\nimport { TableHeadCell } from '@doctolib/design-system-b2b/TableHeadCell'\nimport { TableBody } from '@doctolib/design-system-b2b/TableBody'\nimport { TableRow } from '@doctolib/design-system-b2b/TableRow'\nimport { TableCell } from '@doctolib/design-system-b2b/TableCell'\nimport { Modal } from '@doctolib/design-system-b2b/Modal'\nimport { ModalBody } from '@doctolib/design-system-b2b/ModalBody'\nimport { ModalFooter } from '@doctolib/design-system-b2b/ModalFooter'\nimport { Badge } from '@doctolib/design-system-b2b/Badge'\nimport { Checkbox } from '@doctolib/design-system-b2b/Checkbox'\nimport { Select } from '@doctolib/design-system-b2b/Select'\nimport { Alert } from '@doctolib/design-system-b2b/Alert'\nimport { Card } from '@doctolib/design-system-b2b/Card'\nimport { Pill } from '@doctolib/design-system-b2b/Pill'\n\n---\n\n3. Real-World Usage Examples from Doctolib Packages\n\nExample 1: Table Component (OrganizationHistory)\n\nFile: /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/partner-integration/src/components/admin/OrganizationHistory.tsx\n\nimport { Table } from '@doctolib/design-system-b2b/Table'\nimport { TableBody } from '@doctolib/design-system-b2b/TableBody'\nimport { TableCell } from '@doctolib/design-system-b2b/TableCell'\nimport { TableHead } from '@doctolib/design-system-b2b/TableHead'\nimport { TableHeadCell } from '@doctolib/design-system-b2b/TableHeadCell'\nimport { TableRow } from '@doctolib/design-system-b2b/TableRow'\nimport { SpinnerLoader } from '@doctolib/design-system-b2b/SpinnerLoader'\nimport { AlertCard } from '@doctolib/design-system-b2b/AlertCard'\n\n// Component usage pattern:\ninterface OrganizationHistoryProps {\n  organizationId: number\n}\n\nexport const OrganizationHistory: React.FC<OrganizationHistoryProps> = ({\n  organizationId,\n}) => {\n  const { data, isLoading } = useOrganizationHistory(organizationId)\n\n  if (isLoading) return <SpinnerLoader />\n\n  return (\n    <Table>\n      <TableHead>\n        <TableRow>\n          <TableHeadCell>Entity</TableHeadCell>\n          <TableHeadCell>Date</TableHeadCell>\n          <TableHeadCell>Action</TableHeadCell>\n        </TableRow>\n      </TableHead>\n      <TableBody>\n        {data?.map((row) => (\n          <TableRow key={row.id}>\n            <TableCell>{row.entityName}</TableCell>\n            <TableCell>{row.date}</TableCell>\n            <TableCell>{row.action}</TableCell>\n          </TableRow>\n        ))}\n      </TableBody>\n    </Table>\n  )\n}\n\nExample 2: Modal Component\n\nFile: /Users/USER/workspace/doctolib/doctolib/packages/@doctolib/doctor_appointment_booking_actions/src/modals/DeleteStepAppointmentModal.tsx\n\nimport { Modal } from '@doctolib/mobile_adapters/public/design-system/Modal'\nimport { ModalBody } from '@doctolib/design-system-b2b/ModalBody'\nimport { ModalFooter } from '@doctolib/design-system-b2b/ModalFooter'\nimport { Button } from '@doctolib/design-system-b2b/Button'\nimport { Alert } from '@doctolib/design-system-b2b/Alert'\nimport { CardSelectable } from '@doctolib/design-system-b2b/CardSelectable'\nimport { DEPRECATEDHeading } from '@doctolib/design-system-b2b/DEPRECATEDHeading'\nimport { Text } from '@doctolib/design-system-b2b/Text'\n\nexport const DeleteStepAppointmentModal: React.FC<DeleteStepAppointmentModalProps> = ({\n  appointment,\n  origin,\n  onSuccess,\n}) => {\n  return (\n    <Modal open={true} onOpenChange={setOpen}>\n      <ModalBody>\n        <DEPRECATEDHeading level=\"h3\" uiStyle=\"title-s-bold\">\n          Delete Appointment\n        </DEPRECATEDHeading>\n        <Alert severity=\"warn\n\n…(truncated, 4908 more chars)",
  "sha256": "7d9099c2139490e3",
  "source_url": "sessions/doctolib-doctolib/2026-02-25T12-28-doctolib-doctolib-nested-cuddling-pizza-subagent-ad55fde0.html"
}