@gravitee/graphene-core 3.25.0 → 3.26.0-feat-educational-landing.e5cd2b7

package/USAGE_GUIDE.md

@@ -482,7 +482,7 @@ Follow these steps to apply the layout width system to an existing consumer modu
 4. **Remove ad-hoc width constraints** — delete any `max-w-*` classes on page-level wrapper divs. The design system owns content width.
 5. **Verify** — resize the browser to confirm content stays centered without clipping on narrow viewports.
 
-See `node_modules/@gravitee/graphene-core/snippets/data-table-list-page.tsx` and `creation-wizard-page.tsx` for complete examples.
+See the folder `node_modules/@gravitee/graphene-core/snippets/list-page/` and `creation-wizard-page.tsx` for complete examples.
 
 ### Page header
 
@@ -602,11 +602,137 @@ export function ApisPage() {
 - Leave the placeholder as the only name: it disappears as soon as the user types. `aria-label` says what is searched.
 - Give the field a fixed width in a shared wrapper: the page sets it with `className` where the field lives, `w-64` in a toolbar, nothing in a full-width column.
 
+### Educational landing
+
+A flagship page opens, on first use, with `EducationalLanding`: a card that asks why the entity exists ("Why create an LLM proxy?"), answers in two sentences, compares life without and with it in two tinted panels, and ends with its key capabilities. Use it when the entity is a product concept worth explaining (proxies, clusters, applications, alerts). The page renders it **instead of** the table once the list query has settled on an empty list, never while it loads, and keeps its `PageHeader` with the Add button above it. The same card can also show **on demand** above a populated list, with a dismiss button.
+
+Do not use it for the empty state of a secondary list (`DataTableEmptyState variant="first-use"`), for a search or filter with no results (`variant="no-results"`), or on the home page.
+
+The page composes the card from six parts and chooses their order; no part takes a style variant.
+
+| Part | Props | Renders |
+| --- | --- | --- |
+| `EducationalLanding` | `heading`, `description`, `onDismiss?`, `className?`, `children` | The card, as a `<section>` named by its `<h2>` heading; the answer; when `onDismiss` is set, a dismiss button that hides the card and calls it; the children stacked with a rule between two |
+| `EducationalLandingComparison` | `children`, `className?` | Two `Panel` side by side once the card's content is 44rem wide, the arrow between them; stacked below |
+| `EducationalLandingPanel` | `tone` (`'before'` \| `'after'`), `label`, `points`, `children?`, `className?` | A tinted box: the label (`<h3>`), the free content (a `Flow`), the ✗ or ✓ points |
+| `EducationalLandingFlow` | `steps` (`{ icon, label, emphasized?, multi? }[]`), `accent?` (`'primary'` \| `'highlight'`), `className?` | An ordered list of icon steps joined by arrows, stacked vertically when one row does not fit; `emphasized` boxes the entity, `multi` stacks three chips for a 1 to n step |
+| `EducationalLandingPillars` | `columns?` (2, 3 or 4, default 3), `children`, `className?` | A grid list, one column in a narrow card |
+| `EducationalLandingPillar` | `icon`, `title`, `description`, `className?` | An icon chip, a title (`<h3>`), one sentence |
+
+A `Panel` or a `Flow` alone is a valid part, and two `Comparison` in a row simply stack. The parts lay out on the card's width, not the viewport's: the card sits next to the sidebar. The canonical composition, the one the snippet reproduces:
+
+```tsx
+import {
+  Button,
+  EducationalLanding,
+  EducationalLandingComparison,
+  EducationalLandingFlow,
+  EducationalLandingPanel,
+  EducationalLandingPillar,
+  EducationalLandingPillars,
+  PageHeader,
+} from '@gravitee/graphene-core';
+import {
+  BarChart3Icon,
+  GlobeIcon,
+  MonitorIcon,
+  PlusIcon,
+  ServerIcon,
+  ShieldIcon,
+  WaypointsIcon,
+} from '@gravitee/graphene-core/icons';
+import { Link } from 'react-router-dom';
+
+export function LlmProxiesLandingPage() {
+  // Your module's permission check. Gamma modules use `useHasPermission` from `@gravitee/gamma-modules-sdk`.
+  const canCreate = true;
+
+  return (
+    <div className="flex flex-col gap-6">
+      <PageHeader
+        title="LLM Proxies"
+        description="Smart routing and governance for AI model requests"
+        actions={
+          canCreate && (
+            <Button asChild>
+              <Link to="new">
+                <PlusIcon />
+                Create LLM proxy
+              </Link>
+            </Button>
+          )
+        }
+      />
+      <EducationalLanding
+        heading="Why create an LLM proxy?"
+        description="An LLM proxy puts the AI Gateway between your applications and the model providers, so every model request goes through one place you control."
+      >
+        <EducationalLandingComparison>
+          <EducationalLandingPanel
+            tone="before"
+            label="Direct model calls"
+            points={['Each app wired to its own provider', 'Provider API keys spread across every app', 'No record of who sent which request']}
+          >
+            <EducationalLandingFlow
+              steps={[
+                { icon: MonitorIcon, label: 'App' },
+                { icon: ServerIcon, label: 'Model provider' },
+              ]}
+            />
+          </EducationalLandingPanel>
+          <EducationalLandingPanel
+            tone="after"
+            label="With an LLM proxy"
+            points={['One endpoint for every model provider', 'Provider API keys kept in the gateway', 'Every request logged with its tokens and cost']}
+          >
+            <EducationalLandingFlow
+              steps={[
+                { icon: MonitorIcon, label: 'App' },
+                { icon: GlobeIcon, label: 'LLM proxy', emphasized: true },
+                { icon: ServerIcon, label: 'Model providers' },
+              ]}
+            />
+          </EducationalLandingPanel>
+        </EducationalLandingComparison>
+        <EducationalLandingPillars>
+          <EducationalLandingPillar icon={WaypointsIcon} title="Routing" description="Pick the model for each request by cost, latency, load or semantic fit." />
+          <EducationalLandingPillar icon={BarChart3Icon} title="Cost control" description="Budgets, rate limits and spend alerts keep each application's LLM costs predictable." />
+          <EducationalLandingPillar icon={ShieldIcon} title="Resilience" description="Health-aware backends take a failing provider out of rotation until it recovers." />
+        </EducationalLandingPillars>
+      </EducationalLanding>
+    </div>
+  );
+}
+```
+
+The page decides between the landing and the table once the list query has settled, never from the previous page kept while the next one loads (`isPlaceholderData`): `settled && totalCount === 0 && !hasCriteria` renders the landing, anything else renders the table with its own loading, error and no-results states. `useEntityList` in the list page snippet returns that `settled` flag. Deciding on `isSuccess` alone shows the landing for a moment when a search with no results is cleared.
+
+**On demand.** Above a populated list, pass `onDismiss`: the card shows a dismiss button, and a click hides the card, then calls `onDismiss`. A reload, or the page rendering the card again, shows it again. To reopen it without a reload, the page keeps a `showInfo` state and a toggle in `PageHeader` `actions` (an icon button with an `aria-label` and `aria-pressed={showInfo}`), renders the landing when `showInfo` is true, and passes `onDismiss={() => { setShowInfo(false); toggleRef.current?.focus(); }}` so focus goes back to the toggle. Remembering the dismissal (localStorage) stays in the module.
+
+Copy-paste starting point: `node_modules/@gravitee/graphene-core/snippets/educational-landing/` (`npx graphene-sync-ai-rules` copies it to `.claude/graphene-snippets/` and `.cursor/rules/graphene-snippets/`), the page and the card in two files, with the on-demand variant as a commented addendum. Storybook: **Patterns/Educational Landing** renders the snippet's page, **Composed/EducationalLanding** shows the card and the layouts its parts allow.
+
+**Do not:**
+
+- Put a button or a link in the card besides the dismiss button: the Add button stays in `PageHeader`, in every state.
+- Use it as an empty state: not for a secondary list, not for a search with no results.
+- Render more than one per page, or change its heading: it is always an `<h2>` under the page's `<h1>`.
+- Tint or restyle it through `className`: no custom color, no shadow. `className` is for the page's layout.
+- Build a flow by hand, icons and arrows in a `div`: pass `steps` to `EducationalLandingFlow`.
+- Repeat a ✓ point as a pillar: the points say what changes for the user, the pillars name the capabilities behind it.
+
+**Migrating a landing from the field:**
+
+| Today | With the parts |
+| --- | --- |
+| aim `EducationalEmptyState` | `title`, `tagline`, `cta` → `PageHeader` `title`, `description`, `actions`; `why.question`, `why.answer` → `heading`, `description`; `without`, `withCatalog` → `Panel tone="before"`, `Panel tone="after"` in a `Comparison` (`bullets` → `points`, `flow` → `Flow` steps); `pillars` → `Pillars`; `FlowNode` `emphasized` → the step's `emphasized`, with `accent="highlight"` to keep the violet |
+| esm `EducationalLanding` (`LandingConfig`) | `heading`, `description` → the same props; `without`, `with` → two `Panel` in a `Comparison` (`flow` → `Flow` steps, `highlighted` → `emphasized`, `multi` unchanged); `features` → `Pillars`; `whatIs` → a block of the module's own, first child of the card; `onDismiss` unchanged, `useDismissed` stays in the module |
+| apim and platform hand-written landings | The card → `EducationalLanding`, its "Why …?" line → `heading`; tinted boxes → `Panel`; icon rows → `Flow`; feature tiles → `Pillars`; an extra diagram or comparison stays a child block of the card |
+
 ### Data table (entity list pages)
 
 Use `DataTable` for any entity list — whether the data is fetched page-by-page from an API or loaded in full on the client. The component provides sorting, filtering, pagination, column visibility, row selection, and bulk actions through a composable slot API.
 
-**To implement:** copy the snippet from `node_modules/@gravitee/graphene-core/snippets/data-table-list-page.tsx` and replace the entity type, column definitions, and fetch function with your data. See Storybook **Patterns/Data Table → ApiList** for the full interactive example.
+**To implement:** copy the folder `node_modules/@gravitee/graphene-core/snippets/list-page/` into your module, rename `Entity` and `entities` after your resource, and point `useEntityList.ts` at your API client instead of the sample `entities.service.ts`. Its `snippet.json` lists the packages it needs beyond Graphene's peers (`@tanstack/react-query`, `react-router-dom`). See Storybook **Patterns/List Page** for the page in its five states.
 
 #### When to use DataTable vs raw Table
 
@@ -656,11 +782,12 @@ Use `DataTable` for any entity list — whether the data is fetched page-by-page
 
 #### Search and filters
 
-- Search and filters live in the DataTable `toolbar` slot.
-- Search: `SearchField` in the toolbar with `className="w-64"`; it debounces 300 ms and reports the settled query, reset the page to 1 in `onValueChange`.
-- **Do NOT add a search field to a server-paginated table unless the backend endpoint supports a text search parameter** (`query`, `q`, or equivalent). Client-side search on a single page of server-paginated data is misleading — users will miss matches on other pages. If the backend does not support search, either request the backend change or omit the search field entirely.
-- Use `FacetedFilter` for multi-select categorical filters.
-- Show a "Reset" button when any filter is active.
+- Search and filters live in the DataTable `toolbar` slot, inside `<div className="flex min-w-0 flex-wrap items-center gap-2">`: DataTable's own toolbar row does not wrap, this container does. Group the filters and Reset in a nested `flex flex-wrap items-center gap-2` so that they wrap together.
+- Search: `SearchField` first, with an `aria-label` that says what is searched, a placeholder, and `className="w-64"`. It debounces 300 ms and reports the settled query: reset the page to 1 in `onValueChange`.
+- **Do NOT add a search field to a server-paginated table unless the backend endpoint supports a text search parameter** (`query`, `q`, or equivalent). Client-side search on a single page of server-paginated data is misleading: users will miss matches on other pages. If the backend does not support search, either request the backend change or omit the search field entirely.
+- Single-choice filter: a `Select` whose default option is "All ..." ("All statuses"), named by a `Label` in `sr-only`, with a minimum width (`min-w-32`) so that it does not jump as its value changes.
+- Multiple-choice filter: a `FacetedFilter`.
+- Reset: a `Button variant="ghost" size="sm"`, rendered only while a criterion is active. It clears every criterion and the page, then moves the focus to the search field (pass a `ref` to `SearchField`).
 
 #### Row navigation
 
@@ -675,6 +802,9 @@ Use **name-column-as-link**: the primary identifier column (always leftmost) is
 - **Quick-action escape hatch:** one high-discoverability action (e.g. "Deploy") may appear as an inline icon *alongside* the dropdown, but the dropdown must still exist.
 - Use `MoreVerticalIcon` (⋮) for table rows. Do not use `MoreHorizontalIcon` — the horizontal variant is for toolbars and card headers.
 - Destructive actions go last in the menu, after a `DropdownMenuSeparator`.
+- Name the ⋮ button after its row: ``aria-label={`Actions for ${entity.name}`}``.
+- A destructive action asks for confirmation in a `Dialog` before it runs, then reports the outcome in a toast (`toast` from `@gravitee/graphene-core`, shown by the app's `Toaster`). When the dialog closes, give the focus back to the ⋮ if the user cancelled. Once the entity is deleted, its row and ⋮ go: move the focus to the search field, as Reset does. See `EntityActionsMenu.tsx` and `DeleteEntityDialog.tsx` in the list page snippet.
+- Key the rows by entity (`tableOptions={{ getRowId: (entity) => entity.id }}`), so that a removed row never hands its focused ⋮ to the next entity. Not with `selectionMode="multi"` for now: `onSelectionChange` still maps the selection by row index.
 
 #### Column ordering
 
@@ -688,7 +818,9 @@ Use **name-column-as-link**: the primary identifier column (always leftmost) is
 
 **Minimum 3 data columns** (excluding actions). If an entity has fewer than 3 meaningful attributes, use a simpler component (Item list, card grid) instead of DataTable.
 
-Target **4-7 visible columns**. More than 7 → enable column visibility and hide low-priority columns by default. Do NOT show raw entity IDs as visible columns.
+Target **4-7 visible columns**. List pages show the View menu (`enableColumnVisibility`), with the name and the actions always visible (`enableHiding: false`); more than 7 → hide the low-priority columns by default. Do NOT show raw entity IDs as visible columns.
+
+`enableColumnVisibility` adds the View menu, which names each column by its `meta.label`, else by its header when that is text: give a column whose header is a component, such as a sortable `DataTableColumnHeader`, a `meta: { label: 'Created' }`, or the menu shows its id.
 
 #### Cell renderers
 
@@ -704,56 +836,61 @@ Import from `@gravitee/graphene-core`:
 
 #### Empty states
 
-Use `DataTableEmptyState` — it enforces the correct structure for both scenarios:
+A flagship list renders `EducationalLanding` instead of the first-use empty state: see [Educational landing](#educational-landing).
+
+Use `DataTableEmptyState` for both cases, and decide only once the query has settled: never conclude "empty" from the previous page kept while the next one loads (`isPlaceholderData`).
 
-**`variant="first-use"`** — collection is genuinely empty (user has never created entities)
-- Render **instead of** `DataTable` (no table chrome needed)
-- Wrap in `<div className="rounded-lg border">` for containment
-- Props: `icon`, `title`, `description`, `primaryAction`, optional `secondaryAction`, optional `children` for educational content (flow diagrams, feature pillars)
-- Decision: `totalCount === 0 && !hasActiveFilters`
+**`variant="first-use"`**: the collection is empty and no criterion is active.
+- Render it **instead of** `DataTable`, wrapped in `<div className="rounded-lg border">`.
+- In a list page: an icon, a title, one sentence, and **no button**. The header's Add button is the one creation CTA (see below).
+- `primaryAction`, `secondaryAction` and `children` exist for other surfaces. The first use of a flagship page is not one of them: it renders `EducationalLanding`, a card without a button (see [Educational landing](#educational-landing)).
+- Decision: `totalCount === 0 && !hasCriteria`.
 
-**`variant="no-results"`** — active filters/search returned zero matches
-- Render **inside** `DataTable` as the `emptyMessage` prop (keep toolbar visible)
-- Props: `icon` (use `SearchIcon`), `title`, `description`, `action` (e.g. "Clear filters")
-- Decision: `filteredCount === 0 && hasActiveFilters`
+**`variant="no-results"`**: a search or a filter matched nothing.
+- Render it **inside** `DataTable` as `emptyMessage`, so the toolbar stays.
+- `icon={<SearchIcon />}`, a title ("No APIs found"), one sentence inviting to adjust the search or the filters, and **no button**: the search field's clear button and the toolbar's Reset clear the criteria.
+- Its `action` slot exists for the rare table without a Reset in its toolbar.
+- Decision: `totalCount === 0 && hasCriteria`.
 
 ```tsx
-// Page-level decision pattern
+// Page-level decision, once the query has settled
 {isFirstUse ? (
   <div className="rounded-lg border">
-    <DataTableEmptyState variant="first-use" icon={<GlobeIcon />} title="No APIs yet" ... />
+    <DataTableEmptyState variant="first-use" icon={<GlobeIcon />} title="No APIs yet" description="..." />
   </div>
 ) : (
   <DataTable
-    emptyMessage={<DataTableEmptyState variant="no-results" icon={<SearchIcon />} ... />}
+    emptyMessage={<DataTableEmptyState variant="no-results" icon={<SearchIcon />} title="No APIs found" description="..." />}
     ...
   />
 )}
 ```
 
-See Storybook **Composed/DataTableEmptyState → Integration** for the full interactive example.
+See Storybook **Patterns/List Page** (states `empty` and `no-results`) for the full interactive example.
 
 #### Header button coordination
 
-Pages with a primary "Add Entity" button in the header follow one rule: **the header button only appears when data exists**. During first-use, the empty state owns the primary CTA.
+The Add button stays in the header in every state: one creation CTA on screen.
 
-| State | Header button | Content area |
+| State | Header | Content area |
 |---|---|---|
-| **First-use** (`totalCount === 0 && !hasFilters`) | Hidden | `DataTableEmptyState variant="first-use"` with primary CTA |
-| **Has data** (`totalCount > 0`) | Primary `+ Add Entity` | DataTable |
-| **No results** (filters active, zero matches) | Primary `+ Add Entity` | `DataTableEmptyState variant="no-results"` with "Clear filters" |
+| **First use** (`totalCount === 0`, no criterion) | Add | `DataTableEmptyState variant="first-use"` instead of the table, without a button |
+| **Data** (`totalCount > 0`) | Add | `DataTable` |
+| **No results** (a criterion active, zero matches) | Add | `DataTable` with `DataTableEmptyState variant="no-results"` inside, without a button |
 
-Both the header button and the empty state CTA trigger the same creation flow. No visual downgrade (both are primary variant buttons). No transition animation between states.
+Gate the button on the permission, never on the list's state:
 
 ```tsx
 <PageHeader
-  title="Entities"
-  description="Manage your entity catalog."
+  title="APIs"
+  description="Design, deploy and secure the APIs your gateways expose to consumers."
   actions={
-    !isFirstUse && (
-      <Button size="sm">
-        <PlusIcon />
-        Add entity
+    canCreate && (
+      <Button asChild>
+        <Link to="new">
+          <PlusIcon />
+          Add API
+        </Link>
       </Button>
     )
   }
@@ -762,9 +899,26 @@ Both the header button and the empty state CTA trigger the same creation flow. N
 
 #### Loading state
 
+- Fetch with TanStack Query and `placeholderData: keepPreviousData`, and pass `loading={isFetching}`: the first load shows skeleton rows, and later fetches keep the rows under DataTable's overlay. There is no code to write for either.
 - Pass `skeletonCount={pageSize}` to prevent layout shift.
 - `loadingDelay={200}` (default) prevents flash on fast responses.
 
+#### Error state
+
+- A destructive `Alert` above the table: a short title ("Could not load APIs") and a Retry button that calls `refetch()`, disabled while it runs.
+- Keep the last loaded page on screen under the alert, with the toolbar and the pagination, and say that it may be out of date. `keepPreviousData` holds the previous page only while the next one loads, so keep the last successful response in your list hook: the search field must never disappear while the user types.
+- When nothing has loaded yet, the alert alone, with the error message.
+
+#### List state in the URL
+
+Keep the list state in the URL with `useSearchParams` (react-router-dom), so that a reload, a shared link and the Back button restore it:
+
+- Keys: `q` for the search, one key per filter (`status`), repeated for a multiple choice (`type=internal&type=partner`), `page`, `size`, and `sort` as `field:asc` or `field:desc`.
+- Defaults are not written, and every value is read with a fallback: an unknown status, size or sort gives the default.
+- A new criterion (search, filter, sort) deletes `page` and replaces the history entry; changing the page or its size adds one.
+- Give the search back to `SearchField` exactly as it reported it, and trim it where it is used (the request).
+- A page past the last one (its last row deleted, an old link) goes to the last page.
+
 #### `serverSide` prop
 
 Set `serverSide` when data is fetched page-by-page from an API. It disables TanStack's built-in sort/filter/pagination models so you control everything via your fetch logic.

package/dist/composed/DataTable/DataTable.d.ts

@@ -1,5 +1,14 @@
-import { ColumnDef, OnChangeFn, SortingState, TableOptions } from '@tanstack/react-table';
+import { ColumnDef, OnChangeFn, RowData, SortingState, TableOptions } from '@tanstack/react-table';
 import { ReactNode } from 'react';
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        /**
+         * The column's name in the View menu (`enableColumnVisibility`), for a header that is not text,
+         * such as a sortable `DataTableColumnHeader`. Without it, the menu shows the column id.
+         */
+        label?: string;
+    }
+}
 interface DataTablePaginationConfig {
     readonly page: number;
     readonly pageSize: number;
@@ -21,6 +30,10 @@ interface DataTableProps<TData> {
     /** Called when the user clicks a sortable column header. Use to trigger a server re-fetch with the new sort params. */
     readonly onSortingChange?: OnChangeFn<SortingState>;
     readonly emptyMessage?: ReactNode;
+    /**
+     * Adds the View menu, which shows and hides the columns whose `enableHiding` is not false. It names a
+     * column by its `meta.label`, else by its header when that is text, else by its id.
+     */
     readonly enableColumnVisibility?: boolean;
     readonly enableColumnResizing?: boolean;
     /** Makes the table header sticky. Consumer should set a max-height via className. */

package/dist/composed/DataTable/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/composed/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/composed/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}

package/dist/composed/EducationalLanding/EducationalLanding.d.ts

@@ -0,0 +1,62 @@
+import { ReactNode } from 'react';
+interface EducationalLandingProps {
+    /** Why the entity exists, as a question: "Why create an LLM proxy?". Rendered as an `<h2>` that names the section. */
+    readonly heading: string;
+    /** The answer, two sentences at most, in 14px muted text. */
+    readonly description: string;
+    /**
+     * Shows a dismiss button at the top right: the card shown on demand above a populated list. A click
+     * hides the card, then calls `onDismiss`, where the page remembers the choice and moves focus to
+     * the control that reopens the card. A reload, or the page rendering the card again, shows it again.
+     */
+    readonly onDismiss?: () => void;
+    /** Merged on the root `<section>`. */
+    readonly className?: string;
+    /**
+     * The parts, stacked in the order written with a rule between two: `EducationalLandingComparison`,
+     * `EducationalLandingPanel`, `EducationalLandingFlow`, `EducationalLandingPillars`.
+     */
+    readonly children: ReactNode;
+}
+/**
+ * The educational landing of a flagship page: a card that asks why the entity exists, answers in
+ * two sentences, then shows the parts the page composes (a comparison of two tinted panels, a flow,
+ * pillars). On first use the page renders it instead of the table, under its `PageHeader`; on
+ * demand, above the table with `onDismiss`, and its dismiss button hides it.
+ *
+ * The heading is always an `<h2>`: the page's `<h1>` and its Add button stay in `PageHeader`, and
+ * the card holds no button or link besides the dismiss button. It is not an empty state: the empty
+ * state of a secondary list is `DataTableEmptyState`.
+ *
+ * @example
+ * ```tsx
+ * <div className="flex flex-col gap-6">
+ *   <PageHeader title="LLM Proxies" actions={canCreate && <Button><PlusIcon />Create LLM proxy</Button>} />
+ *   <EducationalLanding
+ *     heading="Why create an LLM proxy?"
+ *     description="An LLM proxy routes your applications' model requests through the AI Gateway."
+ *   >
+ *     <EducationalLandingComparison>
+ *       <EducationalLandingPanel tone="before" label="Direct model calls" points={withoutPoints}>
+ *         <EducationalLandingFlow steps={[{ icon: MonitorIcon, label: 'App' }, { icon: ServerIcon, label: 'Model provider' }]} />
+ *       </EducationalLandingPanel>
+ *       <EducationalLandingPanel tone="after" label="With an LLM proxy" points={withPoints}>
+ *         <EducationalLandingFlow steps={withSteps} />
+ *       </EducationalLandingPanel>
+ *     </EducationalLandingComparison>
+ *     <EducationalLandingPillars>
+ *       <EducationalLandingPillar icon={WaypointsIcon} title="Routing" description="Steer each request to the right model." />
+ *       <EducationalLandingPillar icon={BarChart3Icon} title="Cost control" description="Keep LLM spend predictable." />
+ *       <EducationalLandingPillar icon={ShieldIcon} title="Resilience" description="Fail over when a provider is down." />
+ *     </EducationalLandingPillars>
+ *   </EducationalLanding>
+ * </div>
+ * ```
+ */
+declare function EducationalLanding({ heading, description, onDismiss, className, children }: EducationalLandingProps): import("react").JSX.Element | null;
+declare namespace EducationalLanding {
+    var displayName: string;
+}
+export { EducationalLanding };
+export type { EducationalLandingProps };
+//# sourceMappingURL=EducationalLanding.d.ts.map

package/dist/composed/EducationalLanding/EducationalLanding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EducationalLanding.d.ts","sourceRoot":"","sources":["../../../src/composed/EducationalLanding/EducationalLanding.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAKxD,UAAU,uBAAuB;IAC/B,sHAAsH;IACtH,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,6DAA6D;IAC7D,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sCAAsC;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,iBAAS,kBAAkB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,uBAAuB,sCAsC5G;kBAtCQ,kBAAkB;;;AA0C3B,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,YAAY,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/composed/EducationalLanding/EducationalLandingComparison.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+/** True inside `EducationalLandingComparison`: the "after" panel then draws the arrow on its left. */
+declare const ComparisonContext: import('react').Context<boolean>;
+interface EducationalLandingComparisonProps {
+    /** Two `EducationalLandingPanel`: the "before" panel first, then the "after" one. */
+    readonly children: ReactNode;
+    readonly className?: string;
+}
+/**
+ * Life without and with the entity, side by side: two `EducationalLandingPanel` of equal width
+ * once the card's content is 44rem wide, with an arrow between them drawn by the "after" panel;
+ * stacked, without the arrow, in a narrower card. 44rem is where a three-step flow fits in each
+ * panel. The page writes the "before" panel first.
+ *
+ * @example
+ * ```tsx
+ * <EducationalLandingComparison>
+ *   <EducationalLandingPanel tone="before" label="Direct model calls" points={withoutPoints} />
+ *   <EducationalLandingPanel tone="after" label="With an LLM proxy" points={withPoints} />
+ * </EducationalLandingComparison>
+ * ```
+ */
+declare function EducationalLandingComparison({ children, className }: EducationalLandingComparisonProps): import("react").JSX.Element;
+declare namespace EducationalLandingComparison {
+    var displayName: string;
+}
+export { ComparisonContext, EducationalLandingComparison };
+export type { EducationalLandingComparisonProps };
+//# sourceMappingURL=EducationalLandingComparison.d.ts.map

package/dist/composed/EducationalLanding/EducationalLandingComparison.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EducationalLandingComparison.d.ts","sourceRoot":"","sources":["../../../src/composed/EducationalLanding/EducationalLandingComparison.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,sGAAsG;AACtG,QAAA,MAAM,iBAAiB,kCAAuB,CAAC;AAE/C,UAAU,iCAAiC;IACzC,qFAAqF;IACrF,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;GAaG;AACH,iBAAS,4BAA4B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iCAAiC,+BAc/F;kBAdQ,4BAA4B;;;AAkBrC,OAAO,EAAE,iBAAiB,EAAE,4BAA4B,EAAE,CAAC;AAC3D,YAAY,EAAE,iCAAiC,EAAE,CAAC"}

package/dist/composed/EducationalLanding/EducationalLandingFlow.d.ts

@@ -0,0 +1,42 @@
+import { LucideIcon } from '../../icons';
+interface EducationalLandingFlowStep {
+    /** A Lucide icon from `@gravitee/graphene-core/icons`, drawn in a chip over the label. */
+    readonly icon: LucideIcon;
+    /** One or two words: "App", "LLM proxy", "Model providers". */
+    readonly label: string;
+    /** Boxes the step and tints it with the accent: the entity the landing is about. One per flow. */
+    readonly emphasized?: boolean;
+    /** Three chips, one solid and two dashed: a step that stands for many of one kind (1 to n clusters). */
+    readonly multi?: boolean;
+}
+interface EducationalLandingFlowProps {
+    /** The steps, in order; an arrow joins two consecutive steps. */
+    readonly steps: readonly EducationalLandingFlowStep[];
+    /** The tint of the emphasized step: `primary` by default, `highlight` (violet) where a product uses it. */
+    readonly accent?: 'primary' | 'highlight';
+    readonly className?: string;
+}
+/**
+ * A row of icon steps joined by arrows: how a request or an event travels, without and with the
+ * entity. Rendered as an ordered list, centered; when the steps lack room for one row, they stack,
+ * arrows pointing down. Usually the content of an `EducationalLandingPanel`; also valid alone, as a
+ * direct child of `EducationalLanding`.
+ *
+ * @example
+ * ```tsx
+ * <EducationalLandingFlow
+ *   steps={[
+ *     { icon: MonitorIcon, label: 'App' },
+ *     { icon: GlobeIcon, label: 'LLM proxy', emphasized: true },
+ *     { icon: ServerIcon, label: 'Model providers' },
+ *   ]}
+ * />
+ * ```
+ */
+declare function EducationalLandingFlow({ steps, accent, className }: EducationalLandingFlowProps): import("react").JSX.Element;
+declare namespace EducationalLandingFlow {
+    var displayName: string;
+}
+export { EducationalLandingFlow };
+export type { EducationalLandingFlowProps, EducationalLandingFlowStep };
+//# sourceMappingURL=EducationalLandingFlow.d.ts.map

package/dist/composed/EducationalLanding/EducationalLandingFlow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EducationalLandingFlow.d.ts","sourceRoot":"","sources":["../../../src/composed/EducationalLanding/EducationalLandingFlow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAShF,UAAU,0BAA0B;IAClC,0FAA0F;IAC1F,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,+DAA+D;IAC/D,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,kGAAkG;IAClG,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,wGAAwG;IACxG,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,2BAA2B;IACnC,iEAAiE;IACjE,QAAQ,CAAC,KAAK,EAAE,SAAS,0BAA0B,EAAE,CAAC;IACtD,2GAA2G;IAC3G,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAwCD;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,sBAAsB,CAAC,EAAE,KAAK,EAAE,MAAkB,EAAE,SAAS,EAAE,EAAE,2BAA2B,+BAuDpG;kBAvDQ,sBAAsB;;;AA2D/B,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,YAAY,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,CAAC"}

package/dist/composed/EducationalLanding/EducationalLandingPanel.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+interface EducationalLandingPanelProps {
+    /** `before`: life without the entity, tinted red with ✗ points. `after`: life with it, tinted with the primary color and ✓ points. */
+    readonly tone: 'before' | 'after';
+    /** A short noun phrase naming the situation: "Direct model calls", "With an LLM proxy". Rendered as an `<h3>`. */
+    readonly label: string;
+    /** Three short points, one line each, listed under the content. */
+    readonly points: readonly string[];
+    /** Free content between the label and the points: an `EducationalLandingFlow` in the canonical composition. */
+    readonly children?: ReactNode;
+    /** Merged on the tinted box. */
+    readonly className?: string;
+}
+/**
+ * A tinted box that describes one situation: its label, optional content (a flow), then a ✗ or ✓
+ * list. Two of them make an `EducationalLandingComparison`; one alone, as a direct child of
+ * `EducationalLanding`, describes a single situation. Inside a comparison laid out side by side,
+ * the `after` panel draws the arrow from the panel before it.
+ *
+ * @example
+ * ```tsx
+ * <EducationalLandingPanel
+ *   tone="after"
+ *   label="With an LLM proxy"
+ *   points={['Routing across providers', 'Budgets and rate limits', 'Logs with token and cost']}
+ * >
+ *   <EducationalLandingFlow steps={withSteps} />
+ * </EducationalLandingPanel>
+ * ```
+ */
+declare function EducationalLandingPanel({ tone, label, points, children, className }: EducationalLandingPanelProps): import("react").JSX.Element;
+declare namespace EducationalLandingPanel {
+    var displayName: string;
+}
+export { EducationalLandingPanel };
+export type { EducationalLandingPanelProps };
+//# sourceMappingURL=EducationalLandingPanel.d.ts.map

package/dist/composed/EducationalLanding/EducationalLandingPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EducationalLandingPanel.d.ts","sourceRoot":"","sources":["../../../src/composed/EducationalLanding/EducationalLandingPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAO,MAAM,OAAO,CAAC;AAuB5C,UAAU,4BAA4B;IACpC,sIAAsI;IACtI,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,kHAAkH;IAClH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,mEAAmE;IACnE,QAAQ,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,+GAA+G;IAC/G,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,gCAAgC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,uBAAuB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,4BAA4B,+BA+B1G;kBA/BQ,uBAAuB;;;AAmChC,OAAO,EAAE,uBAAuB,EAAE,CAAC;AACnC,YAAY,EAAE,4BAA4B,EAAE,CAAC"}

package/dist/composed/EducationalLanding/EducationalLandingPillar.d.ts

@@ -0,0 +1,26 @@
+import { LucideIcon } from '../../icons';
+interface EducationalLandingPillarProps {
+    /** A Lucide icon from `@gravitee/graphene-core/icons`, drawn in a tinted chip next to the title. */
+    readonly icon: LucideIcon;
+    /** One or two words: "Routing", "Cost control". Rendered as an `<h3>`. */
+    readonly title: string;
+    /** One sentence on what the capability does for the user. */
+    readonly description: string;
+    readonly className?: string;
+}
+/**
+ * One key capability of the entity: an icon chip next to its title, then one sentence. A list item
+ * of `EducationalLandingPillars`; it holds no link or button.
+ *
+ * @example
+ * ```tsx
+ * <EducationalLandingPillar icon={WaypointsIcon} title="Routing" description="Steer each request to the right model." />
+ * ```
+ */
+declare function EducationalLandingPillar({ icon: Icon, title, description, className }: EducationalLandingPillarProps): import("react").JSX.Element;
+declare namespace EducationalLandingPillar {
+    var displayName: string;
+}
+export { EducationalLandingPillar };
+export type { EducationalLandingPillarProps };
+//# sourceMappingURL=EducationalLandingPillar.d.ts.map

package/dist/composed/EducationalLanding/EducationalLandingPillar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EducationalLandingPillar.d.ts","sourceRoot":"","sources":["../../../src/composed/EducationalLanding/EducationalLandingPillar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAGhE,UAAU,6BAA6B;IACrC,oGAAoG;IACpG,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,0EAA0E;IAC1E,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,6DAA6D;IAC7D,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,iBAAS,wBAAwB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,6BAA6B,+BAY7G;kBAZQ,wBAAwB;;;AAgBjC,OAAO,EAAE,wBAAwB,EAAE,CAAC;AACpC,YAAY,EAAE,6BAA6B,EAAE,CAAC"}

package/dist/composed/EducationalLanding/EducationalLandingPillars.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+interface EducationalLandingPillarsProps {
+    /**
+     * Columns in a wide card, 3 by default; one column in a narrow card, and 4 go through 2. Four
+     * pillars in 2 columns make two rows of two.
+     */
+    readonly columns?: 2 | 3 | 4;
+    /** The `EducationalLandingPillar` items. */
+    readonly children: ReactNode;
+    readonly className?: string;
+}
+/**
+ * The key capabilities of the entity, as a list laid out in a grid: usually three
+ * `EducationalLandingPillar`, last in the card.
+ *
+ * @example
+ * ```tsx
+ * <EducationalLandingPillars>
+ *   <EducationalLandingPillar icon={WaypointsIcon} title="Routing" description="Steer each request to the right model." />
+ *   <EducationalLandingPillar icon={BarChart3Icon} title="Cost control" description="Keep LLM spend predictable." />
+ *   <EducationalLandingPillar icon={ShieldIcon} title="Resilience" description="Fail over when a provider is down." />
+ * </EducationalLandingPillars>
+ * ```
+ */
+declare function EducationalLandingPillars({ columns, children, className }: EducationalLandingPillarsProps): import("react").JSX.Element;
+declare namespace EducationalLandingPillars {
+    var displayName: string;
+}
+export { EducationalLandingPillars };
+export type { EducationalLandingPillarsProps };
+//# sourceMappingURL=EducationalLandingPillars.d.ts.map

package/dist/composed/EducationalLanding/EducationalLandingPillars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EducationalLandingPillars.d.ts","sourceRoot":"","sources":["../../../src/composed/EducationalLanding/EducationalLandingPillars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,UAAU,8BAA8B;IACtC;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,4CAA4C;IAC5C,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;GAYG;AACH,iBAAS,yBAAyB,CAAC,EAAE,OAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,8BAA8B,+BAMtG;kBANQ,yBAAyB;;;AAUlC,OAAO,EAAE,yBAAyB,EAAE,CAAC;AACrC,YAAY,EAAE,8BAA8B,EAAE,CAAC"}

package/dist/composed/EducationalLanding/index.d.ts

@@ -0,0 +1,13 @@
+export { EducationalLanding } from './EducationalLanding';
+export type { EducationalLandingProps } from './EducationalLanding';
+export { EducationalLandingComparison } from './EducationalLandingComparison';
+export type { EducationalLandingComparisonProps } from './EducationalLandingComparison';
+export { EducationalLandingFlow } from './EducationalLandingFlow';
+export type { EducationalLandingFlowProps, EducationalLandingFlowStep } from './EducationalLandingFlow';
+export { EducationalLandingPanel } from './EducationalLandingPanel';
+export type { EducationalLandingPanelProps } from './EducationalLandingPanel';
+export { EducationalLandingPillar } from './EducationalLandingPillar';
+export type { EducationalLandingPillarProps } from './EducationalLandingPillar';
+export { EducationalLandingPillars } from './EducationalLandingPillars';
+export type { EducationalLandingPillarsProps } from './EducationalLandingPillars';
+//# sourceMappingURL=index.d.ts.map