@odigos/ui-kit 0.0.287 → 0.0.289

package/.cursor/rules/frontend-workflow.mdc

@@ -0,0 +1,27 @@
+---
+description: Frontend implementation without a dedicated designer — reuse existing Odigos UI, do not block on Figma
+alwaysApply: true
+---
+
+# Odigos frontend workflow
+
+The frontend team is two developers. Alon owns technical direction and UX decisions. There is no dedicated designer and no Figma requirement before implementation.
+
+Apply this only to frontend/UI work in this design-system repo.
+
+## How to implement
+
+- Do not treat Figma as a hard dependency. Start from the product requirement plus existing screens, shared components, and similar flows.
+- Search the repo for an existing implementation before proposing a new pattern, layout, or interaction.
+- Prefer existing ui-kit components, layouts, and already-shipped Odigos screens over new visual conventions.
+- Consistency with the current product matters more than novelty. Do not invent design debt to move faster.
+- A first implementation can start from a clear product/UX spec. Visual polish comes after review and iteration.
+
+## When something is ambiguous
+
+- If the decision can be derived from an existing Odigos screen or component, follow that.
+- If it cannot, surface the UX decision explicitly and treat Alon as the design owner. Do not silently invent a new pattern.
+
+## Encoding design knowledge
+
+When a UI pattern is reused or decided, prefer capturing it in shared components, examples, or a Cursor rule over leaving it as tribal knowledge.

package/.cursor/rules/ui-feedback-tables-forms.mdc

@@ -0,0 +1,40 @@
+---
+description: Odigos feedback, tables, and forms — Badge, Note, Table, NoData, shared fields
+globs: **/*.{ts,tsx}
+alwaysApply: false
+---
+
+# Feedback, tables, and forms
+
+**Status and feedback**
+
+- Pill/status: `Badge` + `StatusType`
+- Inline or in-page banner: `Note`
+- Global toast: `ToastList` via the notification store
+- Empty: `NoData` (icon, title, subtitle, optional CTA)
+- Loading: `Loader` or table `SkeletonLoader`
+- Conditions/health: `Condition` / `Conditions` / `StatusCard`
+- There is no `Alert` or `Snackbar` component
+
+**Tables**
+
+- Use `Table` (`TableVariant.Data` or `Pretty`)
+- Loading: `isLoading`
+- Empty: `noDataProps` → `NoData`
+- Row actions: `getRowActions` / `HoverAction`
+- Wrap with `SectionCard` + `Search` like `CentralConnections` or `RulesTable`
+
+**Forms**
+
+- Fields: `Input`, `Textarea`, `Checkbox`, `Toggle`, `DropDown`, `Autocomplete`, `InputList`, `InputTable`, `FieldTitle`, `FieldMessage`
+- Catalog/YAML-driven fields: `DynamicField`
+- Drawer forms: save/cancel in `WideDrawer` footer; dirty close → `CancelModal`
+- Settings forms: save/cancel on `Island`
+- Labels/validation: `BUTTON_TEXTS`, `FORM_ALERTS`
+
+@src/components/badge/index.tsx
+@src/components/note/index.tsx
+@src/components/no-data/index.tsx
+@src/components/table/index.tsx
+@src/components/input/index.tsx
+@src/containers/toast-list/index.tsx

package/.cursor/rules/ui-implementation.mdc

@@ -0,0 +1,21 @@
+---
+description: Frontend/UI work — search existing Odigos patterns before inventing new UI
+alwaysApply: true
+---
+
+# UI implementation
+
+There is no dedicated designer. Infer the first implementation from the product requirement and existing Odigos UI. Alon owns UX decisions that cannot be derived from the product.
+
+Before creating a new UI pattern:
+
+1. Search ui-kit (`src/components`, `src/containers`, `src/snippets`) and shipped screens for a similar implementation.
+2. Prefer existing shared components over new ones.
+3. Do not invent new colors, type sizes, or visual conventions. Use `theme.v2` and existing component styles.
+4. Side-panel create/edit/detail flows use `Drawer` or `WideDrawer`, not a new page.
+5. Status uses `Badge` + `StatusType`. Inline/page feedback uses `Note`. Toasts use `ToastList`. There is no `Alert` or `Snackbar`.
+6. Tables use `Table` with `isLoading` (`SkeletonLoader`) and `noDataProps` (`NoData`).
+7. New pages follow an existing container structure (Overview, table page, Settings, or graph). Do not invent a generic List/Detail/Settings page type.
+8. If no suitable pattern exists, flag it explicitly before inventing a new one. Do not silently create design debt.
+
+Canonical examples live in Storybook container stories and `src/containers/*/story.stories.tsx`.

package/.cursor/rules/ui-pages-and-drawers.mdc

@@ -0,0 +1,34 @@
+---
+description: Odigos page layouts and drawer flows — Overview, table pages, Settings, Drawer, WideDrawer
+globs: **/*.{ts,tsx}
+alwaysApply: false
+---
+
+# Pages and drawers
+
+There are no generic `ListPage`, `DetailPage`, or `SettingsPage` abstractions. Compose from existing containers.
+
+**Page chrome:** `PageContent` → `SectionCard` (title / search / filters / actions + body). App shell is `Header` + `Navbar`. Bulk/dirty actions use bottom `Island`.
+
+**Use an existing page shape:**
+
+- Entity board: `Overview` — filters in `SectionCard`, columns, drawers, `Island`
+- Table page: `CentralConnections` or `SamplingRules` — `SectionCard` + `Table` + search + create action + `Island`
+- Settings: `Settings` — side menu + stacked `SectionCard`s + dirty `Island` + YAML `Drawer`
+- Graph: `ServiceMap` only when the page is a canvas
+
+**Detail is a drawer, not a route.** Create/edit/detail of an entity opens a drawer.
+
+- Two-column create/pick flows: `WideDrawer` (list + form, Cancel/Save or Back/Next, dirty `CancelModal`)
+- Tabbed detail: `Drawer` + `Segment` (see `EditSourceDrawer`)
+- Stepped wizard: `Drawer` + step state (see `CreateCloudConnectorDrawer`)
+- Confirm discard/delete: `CancelModal` / `DeleteModal` / `WarningModal`
+- Do not use `Modal` as a substitute for these side-panel workflows
+
+@src/components/styled.ts
+@src/components/_cards/section-card/index.tsx
+@src/components/drawer/index.tsx
+@src/snippets/wide-drawer/index.tsx
+@src/containers/overview/index.tsx
+@src/containers/central-connections/index.tsx
+@src/containers/settings/index.tsx

package/.cursor/rules/ui-visual-language.mdc

@@ -0,0 +1,27 @@
+---
+description: Odigos visual language — theme.v2 colors, type sizes, and existing radii
+globs: **/*.{ts,tsx}
+alwaysApply: false
+---
+
+# Visual language
+
+Use the styled-components theme. Do not introduce new hex colors, type sizes, or one-off visual scales.
+
+- Colors: `theme.v2.colors.{family}.{weight}` from `@/theme/palettes`.
+- Type sizes: `theme.v2.text.size` or `Typography` + `TypographySize` (`xxxs` 10 through `xxxl` 48).
+- Status color: `StatusType` + `getStatusColor`, never hardcoded status hex.
+- Fonts: `theme.font_family` — Inter, Kode Mono, IBM Plex Mono.
+- z-index: `theme.v2.zIndex` (drawer/modal `1000`, dropdown `1100`, tooltip `1200`).
+
+There is no spacing or shadow token scale. Reuse the values already used by primitives:
+
+- Gaps/padding: `2, 4, 8, 12, 16, 24, 32` via `PageContent`, `FlexRow`, `FlexColumn`, `Padding`
+- Radii already in use: inputs/buttons `6px`, `SectionCard` `16px`, drawer/modal `20px`, `Badge` pill `100px`
+
+Copy comes from `@/constants/strings` (`DISPLAY_TITLES`, `BUTTON_TEXTS`, `FORM_ALERTS`) or the domain constants next to the feature. Do not invent button labels when a shared string exists.
+
+@src/theme/palettes/index.ts
+@src/components/typography/index.tsx
+@src/functions/get-status-color/index.ts
+@src/constants/strings/index.ts

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # Changelog
 
+## [0.0.289](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.288...ui-kit-v0.0.289) (2026-08-26)
+
+
+### Features
+
+* add risk breakdown to anomaly finding drawer (PLAT-1431) ([#1243](https://github.com/odigos-io/ui-kit/issues/1243)) ([5107461](https://github.com/odigos-io/ui-kit/commit/51074612ce149425d827462f63a0df70ec97a9a7))
+* enhance no data handling in Findings and Transactions ([#1237](https://github.com/odigos-io/ui-kit/issues/1237)) ([ff4ffc2](https://github.com/odigos-io/ui-kit/commit/ff4ffc25d6e1af4d42015da8b56451280127d20f))
+* enhance transaction management with bulk promote ([#1241](https://github.com/odigos-io/ui-kit/issues/1241)) ([6c0118f](https://github.com/odigos-io/ui-kit/commit/6c0118f2f0ab961af64dc190d24a181385210f91))
+* implement bulk delete functionality for transactions (with bug fixes) ([#1242](https://github.com/odigos-io/ui-kit/issues/1242)) ([414bd30](https://github.com/odigos-io/ui-kit/commit/414bd30e08f582cc7c8cfc9b28e599c00fc42947))
+
+
+### Bug Fixes
+
+* handle optional learning field in baselines table ([#1240](https://github.com/odigos-io/ui-kit/issues/1240)) ([e52d107](https://github.com/odigos-io/ui-kit/commit/e52d1074413383ed56735cad1fa00654033146a2))
+
+## [0.0.288](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.287...ui-kit-v0.0.288) (2026-08-24)
+
+
+### Features
+
+* add auto-guardrail for transaction services ([#1232](https://github.com/odigos-io/ui-kit/issues/1232)) ([c4bf356](https://github.com/odigos-io/ui-kit/commit/c4bf356ef7c553b1943f07666e5ae4d5f488ec30))
+* Add required artifacts to show instrumentation steps on the source ([#1246](https://github.com/odigos-io/ui-kit/issues/1246)) ([9e96967](https://github.com/odigos-io/ui-kit/commit/9e9696700857ac8a9b806b8fb014ee8b2c6e4c8a))
+* add transactions as a Guardrails facet (PLAT-1441) ([#1238](https://github.com/odigos-io/ui-kit/issues/1238)) ([718cde7](https://github.com/odigos-io/ui-kit/commit/718cde7d15bd5d60b0d4ae792bdfd3bd79aeaabc))
+* implement Blast Radius for Findings of type `Violation` ([#1234](https://github.com/odigos-io/ui-kit/issues/1234)) ([6e71908](https://github.com/odigos-io/ui-kit/commit/6e71908826ca5631d210e577d60ceec8e47723af))
+
+
+### Bug Fixes
+
+* clean up unused insights findings lookback settings ([#1236](https://github.com/odigos-io/ui-kit/issues/1236)) ([367fe90](https://github.com/odigos-io/ui-kit/commit/367fe9095806c3156955fa1c1370cc3fc014133d))
+
 ## [0.0.287](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.286...ui-kit-v0.0.287) (2026-08-23)
 
 

package/lib/chunks/{helpers-CtkwQ3Wc.js → helpers-Ds7r-EIJ.js}

@@ -1,4 +1,4 @@
-import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{Fragment as n,useMemo as o,useContext as a,createContext as s}from"react";import{T as i,t as u,b as l,P as c}from"./ui-components-CjgsN17j.js";import p from"styled-components";var d;(e=>{e.Default="default",e.Action="action",e.Endpoint="endpoint",e.Scope="scope",e.Duration="duration"})(d||(d={}));const f=[d.Action,d.Endpoint,d.Scope,d.Duration],h=p.span`
+import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{Fragment as n,useMemo as o,useContext as a,createContext as s}from"react";import{T as i,t as u,b as l,P as c}from"./ui-components-Dvmqmy3G.js";import p from"styled-components";var d;(e=>{e.Default="default",e.Action="action",e.Endpoint="endpoint",e.Scope="scope",e.Duration="duration"})(d||(d={}));const f=[d.Action,d.Endpoint,d.Scope,d.Duration],h=p.span`
   font-family: ${({theme:e,$isMono:t})=>t?e.font_family.secondary:e.font_family.primary};
   font-size: ${({theme:e})=>e.v2.text.size.xxs}px;
   line-height: 20px;