Files
temetro/.agents/skills/ai-elements/scripts/inline-citation.tsx
T
Khalid Abdi 929bec8f31 feat: AI-added records save with placeholders + "Added by AI" provenance
Stop blocking AI imports/proposals on missing non-critical fields. Records
the chat agent drafts now save with safe placeholders, auto-generated file
numbers, and a source="ai" marker that surfaces an "Added by AI" badge so a
clinician can review/edit them later.

Backend:
- add `source` (manual|ai) column to patients/appointments/prescriptions
  (migration 0014) + canonical types, services, validation schemas
- relax patient/appointment validation: empty file number allowed, demographic
  + type/provider/initials fall back to placeholders (initials derived from name)
- patients.generateFileNumber() auto-assigns an MRN when one is missing
- proposeAppointment accepts a name when no file number resolves; AI commits +
  /api/ai/import stamp source="ai"

Frontend:
- `source` on Appointment/Patient/Prescription types; AI commits send source="ai"
- reusable <AiBadge> shown on the Patients table/detail and prescriptions list

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-14 19:27:17 +03:00

98 lines
3.2 KiB
TypeScript

"use client";
import {
InlineCitation,
InlineCitationCard,
InlineCitationCardBody,
InlineCitationCardTrigger,
InlineCitationCarousel,
InlineCitationCarouselContent,
InlineCitationCarouselHeader,
InlineCitationCarouselIndex,
InlineCitationCarouselItem,
InlineCitationCarouselNext,
InlineCitationCarouselPrev,
InlineCitationSource,
InlineCitationText,
} from "@/components/ai-elements/inline-citation";
const citation = {
sources: [
{
description:
"A comprehensive study on the recent developments in natural language processing technologies and their applications.",
title: "Advances in Natural Language Processing",
url: "https://example.com/nlp-advances",
},
{
description:
"An overview of the most significant machine learning breakthroughs in the past year.",
title: "Breakthroughs in Machine Learning",
url: "https://mlnews.org/breakthroughs",
},
{
description:
"A report on how artificial intelligence is transforming healthcare and diagnostics.",
title: "AI in Healthcare: Current Trends",
url: "https://healthai.com/trends",
},
{
description:
"A discussion on the ethical considerations and challenges in the development of AI.",
title: "Ethics of Artificial Intelligence",
url: "https://aiethics.org/overview",
},
{
description:
"Insights into the technical challenges and solutions for scaling deep learning architectures.",
title: "Scaling Deep Learning Models",
url: "https://deeplearninghub.com/scaling-models",
},
{
description:
"A summary of the latest benchmarks and evaluation metrics for natural language understanding systems.",
title: "Natural Language Understanding Benchmarks",
url: "https://nlubenchmarks.com/latest",
},
],
text: "The technology continues to evolve rapidly, with new breakthroughs being announced regularly",
};
const Example = () => (
<p className="text-sm leading-relaxed">
According to recent studies, artificial intelligence has shown remarkable
progress in natural language processing.{" "}
<InlineCitation>
<InlineCitationText>{citation.text}</InlineCitationText>
<InlineCitationCard>
<InlineCitationCardTrigger
sources={citation.sources.map((source) => source.url)}
/>
<InlineCitationCardBody>
<InlineCitationCarousel>
<InlineCitationCarouselHeader>
<InlineCitationCarouselPrev />
<InlineCitationCarouselNext />
<InlineCitationCarouselIndex />
</InlineCitationCarouselHeader>
<InlineCitationCarouselContent>
{citation.sources.map((source) => (
<InlineCitationCarouselItem key={source.url}>
<InlineCitationSource
description={source.description}
title={source.title}
url={source.url}
/>
</InlineCitationCarouselItem>
))}
</InlineCitationCarouselContent>
</InlineCitationCarousel>
</InlineCitationCardBody>
</InlineCitationCard>
</InlineCitation>
.
</p>
);
export default Example;