Files
cfd76b8f23 Island shortcode (#2739)
* add an island shortcode

* improving island shortcode, add two new island visualisations for the multitenancy doc

* moved islands dir

* fix

* loader fix

* add interactive islands to the quantization docs

Replace the two static figures in manage-data/quantization with islands,
built the same way as the multitenancy ones:

- bit-depth: a float vector encoded at 1 / 1.5 / 2 bits per dimension next
  to the distribution of its components, with the thresholds, buckets and
  bit codes, storage bars, and hover/pin tracing from either side.
- asymmetric: binary stored vector x binary or 8-bit scalar query, with a
  scatter of estimated vs exact per-dimension contribution per panel.

The island shortcode now includes a content hash in the resource name, so
Hugo's dev server serves an edited island instead of the cached first build.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

* Islands: shared design system and brand palette (#2742)

* islands: shared design system, brand palette, shorter captions

Address the design review on #2739:

- Tenants use the brand secondaries (blue, violet, teal, Qdrant red) instead
  of success/warning/error, which read as status.
- One shared design system in islands.scss: `--qi-*` tokens (colors, border,
  radius, mono font) and `.qi-*` classes for the controls row, chip/toggle,
  status line, SVG frame and labels. Per-island CSS only styles what is
  specific to that diagram, on top of the tokens.
- Geist Mono across controls and all diagram labels.
- Cards: 1px neutral border, 6px radius, no shadows. The bit-depth segmented
  control and the promotion buttons become the same chip as the tenant chips.
- Asymmetric: negative sign is Qdrant red; bit-depth: bits are teal.
- Captions trimmed to one sentence; detail moved into the article text.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

* islands: keep the original tenant colors

Tenants go back to their previous hues in both multitenancy islands. The
shared categorical palette stays available in islands.scss for islands
that want it, but nothing forces it.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

---------

Co-authored-by: Claude Fable 5.1 <noreply@anthropic.com>

* Islands: adopt the design-system palette, tighten multitenancy reservations

Swap every island color to the Qdrant design-system palette (Color.pdf):

- Tokens: neutrals from the Neutral ramp (800/600/50/200/400, dark
  100/500/900/800/700); accent stays Amaranth 500.
- Categoricals: Neon Blue 500, Purple 500, Cyan 800 (+ Cyan 100 tint),
  Amaranth 500 — replacing the old secondary blue/violet/teal.
- Tenant hues in both multitenancy islands: Neon Blue 500, Green 700,
  Warning 800, Amaranth 500.
- bit-depth bucket ramp and its shade() endpoints follow the Neon Blue
  ramp (200 -> 400 -> 800, C_HIGH 900).

Dark mode kept --bd-pos at the light-theme step, leaving it at 1.79:1
against the dark surface; it now lightens to Neon Blue 600 (2.82:1), the
mirror of the existing light-theme override.

Both multitenancy islands also relied on the default ratio="16 / 9",
which is the fallback PNG's aspect, not the island's — reserving 70-134px
of dead height between the diagram and its caption. Set the ratios to the
islands' measured aspects (12/5 and 15/7), as the quantization islands
already do.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

* Islands: make every quantization fill a real palette colour

Both quantization diagrams encoded magnitude continuously, which put most
cells on colours that are not in the design system:

- bit-depth's shade() lerped between two palette endpoints, so a float
  cell landed on e.g. rgb(145,141,213) — a point 35% along Neon Blue
  200 -> 900, and not a palette entry.
- asymmetric's cells carried a fractional fill-opacity, which composites
  against the page background and lands off-palette the same way.

Both now step through discrete palette entries instead. bit-depth gets a
five-step Neon Blue value ramp (--bd-shade-1..5, 200/300/500/700/900,
preserving the old endpoints); asymmetric gets four-step per-sign ramps
(--aq-pos-1..4 Neon Blue, --aq-neg-1..4 Amaranth) that top out at the
brand 500 a fully saturated cell already used. Dark theme runs both the
other way so a near-zero cell stays quiet against the dark surface.

var() is not valid in an SVG presentation attribute, so the fills move to
inline style. The histogram bands lose their 0.9 opacity for the same
reason.

Verified by walking every rendered SVG node's computed fill and stroke in
both themes: no opaque paint outside the palette remains. Alpha-based
effects that are not colour choices stay: the cell hairline
(--qi-cell-stroke, neutral at 30%/18%), the scatter error whiskers (0.5)
and the promotion placeholder label (0.7).

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

* Islands: add annotated palette preview screenshots

Light and dark renders of all four islands at 1200px, each diagram
followed by a strip naming every colour it paints — role, design-system
ramp and step, and hex.

The labels are generated, not written by hand: the preview page paints
each CSS custom property onto a probe element, reads the computed colour
back, and looks the hex up in a map parsed from the design system's
own colour sheet. A chip only renders a name if the pixel matches a real
palette entry, so these double as a record that nothing off-palette
survives in either theme.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

* Remove accidental island palette preview PNGs from repo root.

---------

Co-authored-by: generall <andrey@vasnetsov.com>
Co-authored-by: Claude Fable 5.1 <noreply@anthropic.com>
Co-authored-by: qdrant-cloud-bot <111755117+qdrant-cloud-bot@users.noreply.github.com>
2026-09-13 22:42:38 +02:00
..
2026-09-13 22:42:38 +02:00
2026-09-13 22:42:38 +02:00