@proteos/ui 0.52.0 → 0.54.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proteos/ui",
-  "version": "0.52.0",
+  "version": "0.54.0",
   "license": "FSL-1.1-Apache-2.0",
   "description": "Proteos React component library (React Aria Components + Tailwind v4).",
   "repository": {
@@ -56,7 +56,7 @@
     "tailwind-variants": "^3.2.2",
     "tailwindcss": "^4.2.4",
     "thinking-orbs": "^0.3.1",
-    "@proteos/sdk": "0.52.0"
+    "@proteos/sdk": "0.54.0"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.4.13",

package/src/components/attribute-type-icon/attribute-type-icon.test.tsx

@@ -0,0 +1,12 @@
+import { describe, expect, it } from 'vitest'
+
+import { ATTRIBUTE_TYPE_ICONS, ATTRIBUTE_TYPES } from './attribute-type-icon'
+
+describe('ATTRIBUTE_TYPE_ICONS', () => {
+  it('maps every attribute type to an icon (a missing entry crashes the type picker at runtime)', () => {
+    for (const type of ATTRIBUTE_TYPES) {
+      expect(ATTRIBUTE_TYPE_ICONS[type], `no icon for ${type}`).toBeTypeOf('object')
+    }
+    expect(ATTRIBUTE_TYPES).toContain('contact-address')
+  })
+})

package/src/components/attribute-type-icon/attribute-type-icon.tsx

@@ -5,6 +5,7 @@ import {
   Brackets,
   Calendar,
   CircleDot,
+  Contact,
   Hash,
   Link2,
   type LucideIcon,
@@ -55,6 +56,9 @@ import { cn } from '../../lib/cn'
      currency  → Banknote    (money — amount + currency_code)
      knowledge-text → BookText (long text stored as a knowledge node)
      file      → Paperclip   (attachment — stored-file reference)
+     contact-address → Contact (one canonical reachable address — email /
+                              phone / LinkedIn — binding the record to a
+                              conversation contact)
    ========================================================================= */
 
 /**
@@ -81,6 +85,7 @@ export const AttributeType = {
   Currency: 'currency',
   KnowledgeText: 'knowledge-text',
   File: 'file',
+  ContactAddress: 'contact-address',
 } as const
 export type AttributeType = (typeof AttributeType)[keyof typeof AttributeType]
 
@@ -102,6 +107,7 @@ export const ATTRIBUTE_TYPE_ICONS: Record<AttributeType, LucideIcon> = {
   [AttributeType.Currency]: Banknote,
   [AttributeType.KnowledgeText]: BookText,
   [AttributeType.File]: Paperclip,
+  [AttributeType.ContactAddress]: Contact,
 }
 
 export function useAttributeTypeIcon(type: AttributeType): LucideIcon {

package/src/components/radio-group/radio-group.tsx

@@ -72,7 +72,11 @@ export function Radio({ children, className, ...props }: RadioProps) {
       {...props}
       className={(renderProps) =>
         cn(
-          'group inline-flex items-center gap-2.5 cursor-pointer',
+          // `relative` for the same reason as Checkbox / Switch: RAC's
+          // visually-hidden <input> is absolutely positioned and must resolve
+          // against this radio, not a far-away shell, or focusing it scrolls
+          // the clipped page.
+          'group relative inline-flex items-center gap-2.5 cursor-pointer',
           'font-sans text-[14px] text-ink-2 select-none',
           'data-[disabled]:opacity-45 data-[disabled]:cursor-not-allowed',
           typeof className === 'function' ? className(renderProps) : className,

package/src/components/record-filter/operators.test.ts

@@ -11,13 +11,31 @@ describe('operatorsForType', () => {
     }
   })
 
-  it('only allows starts_with / ends_with on strings', () => {
+  it('only allows starts_with / ends_with on string-like types', () => {
     for (const op of ['starts_with', 'ends_with'] as const) {
       const types = OPERATORS.find((o) => o.id === op)?.types ?? []
-      expect(types).toEqual(['string'])
+      expect(types).toEqual(['string', 'contact-address'])
     }
   })
 
+  it('treats contact-address like a string (one canonical value)', () => {
+    const ops = operatorsForType('contact-address').map((o) => o.id)
+    for (const expected of [
+      'eq',
+      'ne',
+      'in',
+      'not_in',
+      'contains',
+      'starts_with',
+      'ends_with',
+      'empty',
+      'not_empty',
+    ]) {
+      expect(ops).toContain(expected)
+    }
+    expect(ops).not.toContain('gt')
+  })
+
   it('allows in / not_in on strings, numbers, and enums (not datetime/boolean/array)', () => {
     for (const op of ['in', 'not_in'] as const) {
       const types = new Set(OPERATORS.find((o) => o.id === op)?.types ?? [])

package/src/components/record-filter/operators.ts

@@ -18,44 +18,126 @@ export const OPERATORS: ReadonlyArray<OperatorDescriptor> = [
     id: 'eq',
     label: 'is',
     arity: 1,
-    types: ['string', 'number', 'integer', 'currency', 'datetime', 'enum', 'boolean', 'relation', 'user', 'principal'],
+    types: [
+      'string',
+      'number',
+      'integer',
+      'currency',
+      'datetime',
+      'enum',
+      'boolean',
+      'relation',
+      'user',
+      'principal',
+      'contact-address',
+    ],
   },
   {
     id: 'ne',
     label: 'is not',
     arity: 1,
-    types: ['string', 'number', 'integer', 'currency', 'datetime', 'enum', 'boolean', 'relation', 'user', 'principal'],
+    types: [
+      'string',
+      'number',
+      'integer',
+      'currency',
+      'datetime',
+      'enum',
+      'boolean',
+      'relation',
+      'user',
+      'principal',
+      'contact-address',
+    ],
   },
   {
     id: 'in',
     label: 'is any of',
     arity: 'n',
-    types: ['string', 'number', 'integer', 'currency', 'enum', 'relation', 'user', 'principal'],
+    types: [
+      'string',
+      'number',
+      'integer',
+      'currency',
+      'enum',
+      'relation',
+      'user',
+      'principal',
+      'contact-address',
+    ],
   },
   {
     id: 'not_in',
     label: 'is none of',
     arity: 'n',
-    types: ['string', 'number', 'integer', 'currency', 'enum', 'relation', 'user', 'principal'],
+    types: [
+      'string',
+      'number',
+      'integer',
+      'currency',
+      'enum',
+      'relation',
+      'user',
+      'principal',
+      'contact-address',
+    ],
+  },
+  { id: 'contains', label: 'contains', arity: 1, types: ['string', 'array', 'contact-address'] },
+  { id: 'starts_with', label: 'starts with', arity: 1, types: ['string', 'contact-address'] },
+  { id: 'ends_with', label: 'ends with', arity: 1, types: ['string', 'contact-address'] },
+  {
+    id: 'gt',
+    label: 'is greater than',
+    arity: 1,
+    types: ['number', 'integer', 'currency', 'datetime'],
   },
-  { id: 'contains', label: 'contains', arity: 1, types: ['string', 'array'] },
-  { id: 'starts_with', label: 'starts with', arity: 1, types: ['string'] },
-  { id: 'ends_with', label: 'ends with', arity: 1, types: ['string'] },
-  { id: 'gt', label: 'is greater than', arity: 1, types: ['number', 'integer', 'currency', 'datetime'] },
   { id: 'gte', label: 'is on or after', arity: 1, types: ['datetime'] },
-  { id: 'lt', label: 'is less than', arity: 1, types: ['number', 'integer', 'currency', 'datetime'] },
+  {
+    id: 'lt',
+    label: 'is less than',
+    arity: 1,
+    types: ['number', 'integer', 'currency', 'datetime'],
+  },
   { id: 'lte', label: 'is on or before', arity: 1, types: ['datetime'] },
   {
     id: 'empty',
     label: 'is empty',
     arity: 0,
-    types: ['string', 'number', 'integer', 'currency', 'datetime', 'enum', 'boolean', 'array', 'relation', 'user', 'principal', 'file'],
+    types: [
+      'string',
+      'number',
+      'integer',
+      'currency',
+      'datetime',
+      'enum',
+      'boolean',
+      'array',
+      'relation',
+      'user',
+      'principal',
+      'file',
+      'contact-address',
+    ],
   },
   {
     id: 'not_empty',
     label: 'is not empty',
     arity: 0,
-    types: ['string', 'number', 'integer', 'currency', 'datetime', 'enum', 'boolean', 'array', 'relation', 'user', 'principal', 'file'],
+    types: [
+      'string',
+      'number',
+      'integer',
+      'currency',
+      'datetime',
+      'enum',
+      'boolean',
+      'array',
+      'relation',
+      'user',
+      'principal',
+      'file',
+      'contact-address',
+    ],
   },
 ]
 

package/src/components/switch/switch.tsx

@@ -15,7 +15,11 @@ export function Switch({ children, labelPlacement = 'end', className, ...props }
       {...props}
       className={(renderProps) =>
         cn(
-          'group inline-flex items-center gap-3 cursor-pointer select-none',
+          // `relative`: RAC's visually-hidden <input> is absolutely positioned;
+          // without a positioned label it escapes an overflow-auto ancestor and
+          // its containing block becomes the page shell, so focusing it (any
+          // press) scrolls the clipped shell and the whole tab goes blank.
+          'group relative inline-flex items-center gap-3 cursor-pointer select-none',
           'font-sans text-[14px] text-ink-2',
           labelPlacement === 'start' && 'flex-row-reverse',
           'data-[disabled]:opacity-45 data-[disabled]:cursor-not-allowed',