diff --git a/.changeset/25918-renderer-props-unknown-index.md b/.changeset/25918-renderer-props-unknown-index.md
new file mode 100644
index 00000000000..f300c0dba05
--- /dev/null
+++ b/.changeset/25918-renderer-props-unknown-index.md
@@ -0,0 +1,31 @@
+---
+'@object-ui/types': patch
+'@object-ui/components': patch
+---
+
+fix(types,components)!: a renderer's props index signature is `unknown`, not `any`, so a forwarded key must be narrowed before it is used
+
+Clause-②: yes (narrowing)
+Metadata-protocol: none
+
+<!-- adr-0087: not-required (type-surface-only ui/packages/types/src/base.ts#ComponentRendererProps) A TypeScript annotation narrowing on a published renderer-props type: no metadata key, accepted value, export or error code is removed or renamed, nothing at runtime changes, and `objectstack migrate meta` has nothing to rewrite. The affected party is a TypeScript consumer, reached by its own compiler. -->
+
+**BREAKING** type-surface narrowing, compile-time only. Nothing a renderer receives or renders at runtime changes.
+
+- **`@object-ui/types`.** `ComponentRendererProps` keeps its index signature, so every key the host forwards is still admitted, but the signature now maps to `unknown` instead of `any`.
+- **`@object-ui/components`.** The built-in renderers' own inline props annotations move the same way. The three host keys renderers read by name and pass to their root element (`data-obj-id`, `data-obj-type` and `style`, written or forwarded by `SchemaRenderer`) are declared once in a package-local type instead. The host-supplied callbacks and values a renderer reads by name (`onPageChange` on `pagination`, `onChange` / `value` on `input-otp`, `loading` on `button`, `className` on `text`, react-hook-form's `ref` on the form's built-in controls) are declared on that renderer's props.
+
+**Migration.** A renderer typed with `ComponentRendererProps` that reads a forwarded key:
+
+```ts
+// FROM — compiled, because the key was `any`
+const Pager = ({ schema, ...props }: ComponentRendererProps<PagerSchema>) =>
+  <Nav onSelect={(n) => props.onPageChange(n)} />;
+
+// TO — declare the key you read on your own props, or narrow it before use
+type PagerProps = ComponentRendererProps<PagerSchema> & { onPageChange?: (page: number) => void };
+const Pager = ({ schema, onPageChange }: PagerProps) =>
+  <Nav onSelect={(n) => onPageChange?.(n)} />;
+```
+
+What to do: nothing if your renderers never read a forwarded key off `ComponentRendererProps` without declaring it. Otherwise declare the key on your renderer's props (as above) or narrow the `unknown` value (`typeof x === 'function'`, `typeof x === 'string'`) before using it.
diff --git a/ui/packages/components/src/lib/renderer-host-props.ts b/ui/packages/components/src/lib/renderer-host-props.ts
new file mode 100644
index 00000000000..8a1ed33f06a
--- /dev/null
+++ b/ui/packages/components/src/lib/renderer-host-props.ts
@@ -0,0 +1,31 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import type { CSSProperties } from 'react';
+
+/**
+ * The host keys a renderer in this package reads BY NAME off its props and
+ * hands to its root element (#25918).
+ *
+ * A renderer's props carry an index signature to `unknown`, not `any`: a key
+ * the host forwards is still admitted, but the renderer has to narrow it
+ * before it can use it. These three are the exception that is declared rather
+ * than narrowed at every site, because they are not authoring keys a renderer
+ * interprets — `SchemaRenderer` (`@object-ui/react`) writes `data-obj-id` from
+ * the node's `id` and `data-obj-type` from its `type`, and forwards the node's
+ * `style` (`BaseSchema.style`) — and every renderer that reads them passes
+ * them straight to the DOM.
+ *
+ * Intersect it into a renderer's props annotation; ⛔ never widen the index
+ * signature back to `any` to make a by-name read compile.
+ */
+export interface RendererHostProps {
+  'data-obj-id'?: string;
+  'data-obj-type'?: string;
+  style?: CSSProperties;
+}
diff --git a/ui/packages/components/src/renderers/action/action-bar.tsx b/ui/packages/components/src/renderers/action/action-bar.tsx
index ad9d089b67d..02186c3bab6 100644
--- a/ui/packages/components/src/renderers/action/action-bar.tsx
+++ b/ui/packages/components/src/renderers/action/action-bar.tsx
@@ -57,6 +57,7 @@ import { cn } from '../../lib/utils';
 import { useIsMobile } from '../../hooks/use-mobile';
 import { ButtonGroup } from '../../custom/button-group';
 import { withEvaluatedProperties } from './static-params';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 function useActionsLabel(): string {
   // useObjectTranslation is provider-safe (never throws); no try/catch, which
@@ -94,7 +95,7 @@ function useActionsLabel(): string {
 // exported and never appears in JSX, and `Registry.register` takes
 // `ComponentRenderer<T = any> = T`.
 const ActionBarRenderer = forwardRef<HTMLDivElement, { schema: ActionBarSchema; className?: string }>(
-  ({ schema, className, ...props }: { schema: ActionBarSchema; className?: string; [key: string]: any }, ref) => {
+  ({ schema, className, ...props }: { schema: ActionBarSchema; className?: string; [key: string]: unknown } & RendererHostProps, ref) => {
     const actionsAriaLabel = useActionsLabel();
     const {
       'data-obj-id': dataObjId,
diff --git a/ui/packages/components/src/renderers/action/action-button.tsx b/ui/packages/components/src/renderers/action/action-button.tsx
index f3eee7a4703..731e263ae4b 100644
--- a/ui/packages/components/src/renderers/action/action-button.tsx
+++ b/ui/packages/components/src/renderers/action/action-button.tsx
@@ -32,6 +32,7 @@ import { hasDeclaredVisibilityGate } from './visibility-gate';
 import { useAutoTriggerOnce } from './auto-trigger';
 import { readStaticParamValues } from './static-params';
 import { DisabledReasonTrigger, describedByWithReason, useDisabledReason } from './disabled-reason';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 /** A record value: a plain object, never `null` or an array. */
 function asRecord(value: unknown): Record<string, unknown> | undefined {
@@ -97,7 +98,7 @@ function withUndoBaseline(
 // `ActionButtonProps` as the block's AUTHORED property bag (`actionType`, `label`, `variant`, …).
 // This is the React envelope that carries a node (`schema`, `context`, `disabled`, an open
 // tail) — a different layer, named as objectui#7265 named `RecordAlertRendererProps`.
-export interface ActionButtonRendererProps {
+export interface ActionButtonRendererProps extends RendererHostProps {
   schema: UIActionSchema & { type: string; className?: string; actionType?: string };
   className?: string;
   /** Override context for this specific action */
@@ -110,7 +111,7 @@ export interface ActionButtonRendererProps {
    * therefore never reaches the DOM spread — see the destructure.
    */
   disabled?: boolean;
-  [key: string]: any;
+  [key: string]: unknown;
 }
 
 // `PropsWithoutRef` would collapse `ActionButtonRendererProps` to its bare index
diff --git a/ui/packages/components/src/renderers/action/action-group.tsx b/ui/packages/components/src/renderers/action/action-group.tsx
index c9d3a8496ef..e1480fcce47 100644
--- a/ui/packages/components/src/renderers/action/action-group.tsx
+++ b/ui/packages/components/src/renderers/action/action-group.tsx
@@ -42,6 +42,7 @@ import {
   menuItemReasonAria,
   useDisabledReason,
 } from './disabled-reason';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 // No group-level `name` (objectui#11168): nothing renders, forwards or keys on
 // it, and `@objectstack/spec` refuses it on this block, so the registration
@@ -275,7 +276,7 @@ DropdownActionItem.displayName = 'DropdownActionItem';
 // host-EVALUATED enablement verdict, declared rather than left to the index
 // signature, as `ActionButtonRendererProps` declares it (objectui#9131).
 const ActionGroupRenderer = forwardRef<HTMLDivElement, { schema: ActionGroupSchema; className?: string }>(
-  ({ schema, className, ...props }: { schema: ActionGroupSchema; className?: string; disabled?: boolean; [key: string]: any }, ref) => {
+  ({ schema, className, ...props }: { schema: ActionGroupSchema; className?: string; disabled?: boolean; [key: string]: unknown } & RendererHostProps, ref) => {
     const {
       'data-obj-id': dataObjId,
       'data-obj-type': dataObjType,
diff --git a/ui/packages/components/src/renderers/action/action-icon.tsx b/ui/packages/components/src/renderers/action/action-icon.tsx
index 82fcbf45afa..9158cc1f4a7 100644
--- a/ui/packages/components/src/renderers/action/action-icon.tsx
+++ b/ui/packages/components/src/renderers/action/action-icon.tsx
@@ -28,6 +28,7 @@ import { hasDeclaredVisibilityGate } from './visibility-gate';
 import { useAutoTriggerOnce } from './auto-trigger';
 import { readStaticParamValues } from './static-params';
 import { DisabledReasonTrigger, describedByWithReason, useDisabledReason } from './disabled-reason';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 /**
  * The declared props. `schema` is `UIActionSchema` (objectui#4418) for the same
@@ -44,7 +45,7 @@ import { DisabledReasonTrigger, describedByWithReason, useDisabledReason } from
 // `ActionIconProps` as the block's AUTHORED property bag (`actionType`, `label`, `variant`, …).
 // This is the React envelope that carries a node (`schema`, `context`, `disabled`, an open
 // tail) — a different layer, named as objectui#7265 named `RecordAlertRendererProps`.
-export interface ActionIconRendererProps {
+export interface ActionIconRendererProps extends RendererHostProps {
   schema: UIActionSchema & { type: string; className?: string; actionType?: string };
   className?: string;
   context?: Record<string, any>;
@@ -54,7 +55,7 @@ export interface ActionIconRendererProps {
    * signature, consumed by name below, never re-spread onto the DOM.
    */
   disabled?: boolean;
-  [key: string]: any;
+  [key: string]: unknown;
 }
 
 // Index signature on the parameter annotation, not on the `forwardRef` type
diff --git a/ui/packages/components/src/renderers/action/action-menu.tsx b/ui/packages/components/src/renderers/action/action-menu.tsx
index 7c437e7891b..ef46ea273aa 100644
--- a/ui/packages/components/src/renderers/action/action-menu.tsx
+++ b/ui/packages/components/src/renderers/action/action-menu.tsx
@@ -35,6 +35,7 @@ import { hasDeclaredVisibilityGate } from './visibility-gate';
 import { useAutoTriggerOnce } from './auto-trigger';
 import { readActionEntryParamValues } from './static-params';
 import { DisabledReasonMenuLabel, menuItemReasonAria, useDisabledReason } from './disabled-reason';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 function useMoreActionsLabel(): string {
   // useObjectTranslation is provider-safe (never throws); no try/catch, which
@@ -207,7 +208,7 @@ ActionAutoTrigger.displayName = 'ActionAutoTrigger';
 // host-EVALUATED enablement verdict, declared rather than left to the index
 // signature, as `ActionButtonRendererProps` declares it (objectui#9131).
 const ActionMenuRenderer = forwardRef<HTMLButtonElement, { schema: ActionMenuSchema; className?: string }>(
-  ({ schema, className, ...props }: { schema: ActionMenuSchema; className?: string; disabled?: boolean; [key: string]: any }, ref) => {
+  ({ schema, className, ...props }: { schema: ActionMenuSchema; className?: string; disabled?: boolean; [key: string]: unknown } & RendererHostProps, ref) => {
     const {
       'data-obj-id': dataObjId,
       'data-obj-type': dataObjType,
diff --git a/ui/packages/components/src/renderers/basic/button-group.tsx b/ui/packages/components/src/renderers/basic/button-group.tsx
index e285ed01534..10445ba3505 100644
--- a/ui/packages/components/src/renderers/basic/button-group.tsx
+++ b/ui/packages/components/src/renderers/basic/button-group.tsx
@@ -10,9 +10,10 @@ import { ComponentRegistry } from '@object-ui/core';
 import type { ButtonGroupSchema } from '@object-ui/types';
 import { Button } from '../../ui';
 import { cn } from '../../lib/utils';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('button-group', 
-  ({ schema, ...props }: { schema: ButtonGroupSchema; [key: string]: any }) => {
+  ({ schema, ...props }: { schema: ButtonGroupSchema; [key: string]: unknown } & RendererHostProps) => {
     const { 
         'data-obj-id': dataObjId, 
         'data-obj-type': dataObjType,
diff --git a/ui/packages/components/src/renderers/basic/div.tsx b/ui/packages/components/src/renderers/basic/div.tsx
index a5587e5b79f..7d3f4143f58 100644
--- a/ui/packages/components/src/renderers/basic/div.tsx
+++ b/ui/packages/components/src/renderers/basic/div.tsx
@@ -10,6 +10,7 @@ import { ComponentRegistry } from '@object-ui/core';
 import type { DivSchema } from '@object-ui/types';
 import { renderChildren } from '../../lib/utils';
 import { forwardRef } from 'react';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 /**
  * Deprecated types already reported in this module instance — the notice is a
@@ -128,7 +129,7 @@ const DIV_DEPRECATION_NOTICE =
 // argument — mechanism note on `action:bar` (objectui#4422), pinned by
 // `__tests__/forwardref-props-annotation.guard.test.ts`.
 const DivRenderer = forwardRef<HTMLDivElement, { schema: DivSchema; className?: string }>(
-  ({ schema, className, ...props }: { schema: DivSchema; className?: string; [key: string]: any }, ref) => {
+  ({ schema, className, ...props }: { schema: DivSchema; className?: string; [key: string]: unknown } & RendererHostProps, ref) => {
     // Deprecation notice, once per module load (objectui#3965, see
     // warnDeprecatedOnce). There is no provenance exemption any more: the
     // declaration below names both authoring surfaces (objectui#10757), so a
diff --git a/ui/packages/components/src/renderers/basic/html-elements.tsx b/ui/packages/components/src/renderers/basic/html-elements.tsx
index 201a259de5e..074536ec38e 100644
--- a/ui/packages/components/src/renderers/basic/html-elements.tsx
+++ b/ui/packages/components/src/renderers/basic/html-elements.tsx
@@ -31,7 +31,7 @@ import { renderChildren } from '../../lib/utils';
 import { createElement, forwardRef, useContext } from 'react';
 import type { MouseEventHandler } from 'react';
 
-type AnyProps = { schema: any; className?: string; [key: string]: any };
+type AnyProps = { schema: any; className?: string; [key: string]: unknown };
 
 // Tags that take no children.
 const VOID_TAGS = new Set(['img', 'hr', 'br']);
diff --git a/ui/packages/components/src/renderers/basic/icon.tsx b/ui/packages/components/src/renderers/basic/icon.tsx
index 73045e3906a..5067238357e 100644
--- a/ui/packages/components/src/renderers/basic/icon.tsx
+++ b/ui/packages/components/src/renderers/basic/icon.tsx
@@ -12,6 +12,7 @@ import { SquareDashed } from 'lucide-react';
 import React, { forwardRef } from 'react';
 import { cn } from '../../lib/utils';
 import { describeIconLookup, resolveIcon } from '../action/resolve-icon';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 /**
  * The glyph rendered when the requested one does not resolve (objectui#5631).
@@ -108,7 +109,7 @@ import { describeIconLookup, resolveIcon } from '../action/resolve-icon';
 // argument — mechanism note on `action:bar` (objectui#4422), pinned by
 // `__tests__/forwardref-props-annotation.guard.test.ts`.
 const IconRenderer = forwardRef<SVGSVGElement, { schema: IconSchema; className?: string }>(
-  ({ schema, className, ...props }: { schema: IconSchema; className?: string; [key: string]: any }, ref) => {
+  ({ schema, className, ...props }: { schema: IconSchema; className?: string; [key: string]: unknown } & RendererHostProps, ref) => {
     // Extract designer-related props
     const { 
       'data-obj-id': dataObjId, 
diff --git a/ui/packages/components/src/renderers/basic/image.tsx b/ui/packages/components/src/renderers/basic/image.tsx
index 73342ac1474..9555ff27842 100644
--- a/ui/packages/components/src/renderers/basic/image.tsx
+++ b/ui/packages/components/src/renderers/basic/image.tsx
@@ -8,9 +8,10 @@
 
 import { ComponentRegistry } from '@object-ui/core';
 import type { ImageSchema } from '@object-ui/types';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('image',
-  ({ schema, className, ...props }: { schema: ImageSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: ImageSchema; className?: string; [key: string]: unknown } & RendererHostProps) => {
     // Extract designer-related props
     const { 
         'data-obj-id': dataObjId, 
diff --git a/ui/packages/components/src/renderers/basic/navigation-menu.tsx b/ui/packages/components/src/renderers/basic/navigation-menu.tsx
index 132cf3b5421..d5a01623f52 100644
--- a/ui/packages/components/src/renderers/basic/navigation-menu.tsx
+++ b/ui/packages/components/src/renderers/basic/navigation-menu.tsx
@@ -10,9 +10,10 @@ import { ComponentRegistry } from '@object-ui/core';
 import type { NavigationMenuSchema } from '@object-ui/types';
 import { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink } from '../../ui/navigation-menu';
 import { cn } from '../../lib/utils';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('navigation-menu', 
-  ({ schema, ...props }: { schema: NavigationMenuSchema; [key: string]: any }) => {
+  ({ schema, ...props }: { schema: NavigationMenuSchema; [key: string]: unknown } & RendererHostProps) => {
     const { 
         'data-obj-id': dataObjId, 
         'data-obj-type': dataObjType,
diff --git a/ui/packages/components/src/renderers/basic/pagination.tsx b/ui/packages/components/src/renderers/basic/pagination.tsx
index 31d8c165c9f..537fee17456 100644
--- a/ui/packages/components/src/renderers/basic/pagination.tsx
+++ b/ui/packages/components/src/renderers/basic/pagination.tsx
@@ -11,6 +11,7 @@ import type { PaginationSchema } from '@object-ui/types';
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../../ui/pagination';
 import { createSafeTranslation } from '@object-ui/i18n';
 import React from 'react';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 /**
  * objectui#12145 — the previous / next links' accessible names. The Shadcn
@@ -29,7 +30,7 @@ const usePaginationTranslation = createSafeTranslation(
 );
 
 ComponentRegistry.register('pagination', 
-  ({ schema, ...props }: { schema: PaginationSchema; [key: string]: any }) => {
+  ({ schema, ...props }: { schema: PaginationSchema; onPageChange?: (page: number) => void; [key: string]: unknown } & RendererHostProps) => {
     const { t } = usePaginationTranslation();
     const { 
         'data-obj-id': dataObjId, 
diff --git a/ui/packages/components/src/renderers/basic/separator.tsx b/ui/packages/components/src/renderers/basic/separator.tsx
index d5f309e8b61..ef4255ccf35 100644
--- a/ui/packages/components/src/renderers/basic/separator.tsx
+++ b/ui/packages/components/src/renderers/basic/separator.tsx
@@ -10,12 +10,13 @@ import { ComponentRegistry } from '@object-ui/core';
 import type { SeparatorSchema } from '@object-ui/types';
 import { Separator } from '../../ui';
 import { forwardRef } from 'react';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 // Index signature on the parameter annotation, not on the `forwardRef` type
 // argument — mechanism note on `action:bar` (objectui#4422), pinned by
 // `__tests__/forwardref-props-annotation.guard.test.ts`.
 const SeparatorRenderer = forwardRef<HTMLDivElement, { schema: SeparatorSchema; className?: string }>(
-  ({ schema, className, ...props }: { schema: SeparatorSchema; className?: string; [key: string]: any }, ref) => {
+  ({ schema, className, ...props }: { schema: SeparatorSchema; className?: string; [key: string]: unknown } & RendererHostProps, ref) => {
     // Extract designer-related props
     const { 
         'data-obj-id': dataObjId, 
diff --git a/ui/packages/components/src/renderers/basic/span.tsx b/ui/packages/components/src/renderers/basic/span.tsx
index 7dc9782105d..01bc53ee457 100644
--- a/ui/packages/components/src/renderers/basic/span.tsx
+++ b/ui/packages/components/src/renderers/basic/span.tsx
@@ -11,6 +11,7 @@ import { isHtmlTierNode } from '@objectstack/sdui-parser';
 import type { TextSpanSchema } from '@object-ui/types';
 import { renderChildren } from '../../lib/utils';
 import { forwardRef } from 'react';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 /**
  * Deprecated types already reported in this module instance — the notice is a
@@ -67,7 +68,7 @@ const SPAN_DEPRECATION_NOTICE =
 // argument — mechanism note on `action:bar` (objectui#4422), pinned by
 // `__tests__/forwardref-props-annotation.guard.test.ts`.
 const SpanRenderer = forwardRef<HTMLSpanElement, { schema: TextSpanSchema; className?: string }>(
-  ({ schema, className, ...props }: { schema: TextSpanSchema; className?: string; [key: string]: any }, ref) => {
+  ({ schema, className, ...props }: { schema: TextSpanSchema; className?: string; [key: string]: unknown } & RendererHostProps, ref) => {
     // Deprecation notice — JSON-authored nodes only (objectui#4000), once per
     // module load (objectui#3965, see warnDeprecatedOnce). Both rulings landed
     // for `div` first; objectui#4917 brings this renderer level with it.
diff --git a/ui/packages/components/src/renderers/basic/text.tsx b/ui/packages/components/src/renderers/basic/text.tsx
index 585c96cce25..43ff20b95b2 100644
--- a/ui/packages/components/src/renderers/basic/text.tsx
+++ b/ui/packages/components/src/renderers/basic/text.tsx
@@ -9,6 +9,7 @@
 import { ComponentRegistry, toDomProps } from '@object-ui/core';
 import type { TextSchema } from '@object-ui/types';
 import { cn } from '../../lib/utils';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 type TextVariant = NonNullable<TextSchema['variant']>;
 type TextAlign = NonNullable<TextSchema['align']>;
@@ -110,7 +111,7 @@ const ALIGN_CLASS: Record<TextAlign, string> = {
 };
 
 ComponentRegistry.register('text', 
-  ({ schema, ...props }: { schema: TextSchema; [key: string]: any }) => {
+  ({ schema, ...props }: { schema: TextSchema; className?: string; [key: string]: unknown } & RendererHostProps) => {
     // Text is a special case as it might be rendered as a fragment or span depending on usage.
     // However, to support drag and drop in designer, it MUST be wrapped in an element if props are passed.
     
diff --git a/ui/packages/components/src/renderers/complex/carousel.tsx b/ui/packages/components/src/renderers/complex/carousel.tsx
index 3b9635aea77..b3e80379aec 100644
--- a/ui/packages/components/src/renderers/complex/carousel.tsx
+++ b/ui/packages/components/src/renderers/complex/carousel.tsx
@@ -18,7 +18,7 @@ import {
 import { renderChildren } from '../../lib/utils';
 
 ComponentRegistry.register('carousel', 
-  ({ schema, className, ...props }: { schema: CarouselSchema; className?: string; [key: string]: any }) => (
+  ({ schema, className, ...props }: { schema: CarouselSchema; className?: string; [key: string]: unknown }) => (
     <Carousel 
       opts={schema.opts} 
       orientation={schema.orientation || 'horizontal'}
diff --git a/ui/packages/components/src/renderers/complex/filter-builder.tsx b/ui/packages/components/src/renderers/complex/filter-builder.tsx
index 1700d74514d..81896bd22b1 100644
--- a/ui/packages/components/src/renderers/complex/filter-builder.tsx
+++ b/ui/packages/components/src/renderers/complex/filter-builder.tsx
@@ -15,12 +15,13 @@ import { useDisplayLocale } from '@object-ui/i18n';
 // the spec's INLINE locale map — see `BaseSchema.label` (objectui#4580).
 import { resolveI18nLabel as resolveInlineI18nLabel } from '@objectstack/spec/ui';
 import { FilterBuilder } from '../../custom/filter-builder';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('filter-builder',
   // `value` is declared because it is read by name: a host that binds the node
   // (a form field) forwards the group it holds, the same authored `FilterGroup`
   // the node's own `value` is.
-  ({ schema, className, onChange, ...props }: { schema: FilterBuilderSchema; className?: string; onChange?: (event: any) => void; value?: FilterGroup; [key: string]: any }) => {
+  ({ schema, className, onChange, ...props }: { schema: FilterBuilderSchema; className?: string; onChange?: (event: any) => void; value?: FilterGroup; [key: string]: unknown } & RendererHostProps) => {
     // Read-time resolution against the display locale (objectui#4580 revised
     // Q1-A). `BaseSchema.label` accepts `string | I18nLabel`; rendering the map
     // straight into a text node THREW "Objects are not valid as a React child".
diff --git a/ui/packages/components/src/renderers/complex/resizable.tsx b/ui/packages/components/src/renderers/complex/resizable.tsx
index 4096a4f71b3..311193773c7 100644
--- a/ui/packages/components/src/renderers/complex/resizable.tsx
+++ b/ui/packages/components/src/renderers/complex/resizable.tsx
@@ -17,7 +17,7 @@ import {
 import { renderChildren } from '../../lib/utils';
 
 ComponentRegistry.register('resizable', 
-  ({ schema, className, ...props }: { schema: ResizableSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: ResizableSchema; className?: string; [key: string]: unknown }) => {
     const panels = Array.isArray(schema.panels) ? schema.panels : [];
     return (
       <ResizablePanelGroup
diff --git a/ui/packages/components/src/renderers/complex/scroll-area.tsx b/ui/packages/components/src/renderers/complex/scroll-area.tsx
index 1e91e7c53b2..7092dd9e30d 100644
--- a/ui/packages/components/src/renderers/complex/scroll-area.tsx
+++ b/ui/packages/components/src/renderers/complex/scroll-area.tsx
@@ -10,9 +10,10 @@ import { ComponentRegistry } from '@object-ui/core';
 import type { ScrollAreaSchema } from '@object-ui/types';
 import { ScrollArea, ScrollBar } from '../../ui';
 import { renderChildren } from '../../lib/utils';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('scroll-area', 
-  ({ schema, className, ...props }: { schema: ScrollAreaSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: ScrollAreaSchema; className?: string; [key: string]: unknown } & RendererHostProps) => {
     // Extract designer-related props
     const { 
         'data-obj-id': dataObjId, 
diff --git a/ui/packages/components/src/renderers/complex/table.tsx b/ui/packages/components/src/renderers/complex/table.tsx
index 39a22a8041b..129aa903939 100644
--- a/ui/packages/components/src/renderers/complex/table.tsx
+++ b/ui/packages/components/src/renderers/complex/table.tsx
@@ -28,7 +28,7 @@ import {
 
 // A simple data-driven table
 ComponentRegistry.register('table', 
-  ({ schema, className, ...props }: { schema: TableSchema; className?: string; [key: string]: any }) => (
+  ({ schema, className, ...props }: { schema: TableSchema; className?: string; [key: string]: unknown }) => (
     <Table className={className} {...props}>
       {schema.caption && <TableCaption>{schema.caption}</TableCaption>}
       <TableHeader>
diff --git a/ui/packages/components/src/renderers/data-display/alert.tsx b/ui/packages/components/src/renderers/data-display/alert.tsx
index 7d29a7b6592..5407fb19c72 100644
--- a/ui/packages/components/src/renderers/data-display/alert.tsx
+++ b/ui/packages/components/src/renderers/data-display/alert.tsx
@@ -16,7 +16,7 @@ import {
 } from '../../ui';
 
 ComponentRegistry.register('alert', 
-  ({ schema, className, ...props }: { schema: AlertSchema; className?: string; [key: string]: any }) => (
+  ({ schema, className, ...props }: { schema: AlertSchema; className?: string; [key: string]: unknown }) => (
     <Alert variant={schema.variant} className={className} {...props}>
       <AlertTitle>{schema.title}</AlertTitle>
       <AlertDescription>{schema.description || renderChildren(schema.children)}</AlertDescription>
diff --git a/ui/packages/components/src/renderers/data-display/avatar.tsx b/ui/packages/components/src/renderers/data-display/avatar.tsx
index 1a3df472ef0..eb74a7c815a 100644
--- a/ui/packages/components/src/renderers/data-display/avatar.tsx
+++ b/ui/packages/components/src/renderers/data-display/avatar.tsx
@@ -15,7 +15,7 @@ import {
 } from '../../ui';
 
 ComponentRegistry.register('avatar', 
-  ({ schema, className, ...props }: { schema: AvatarSchema; className?: string; [key: string]: any }) => (
+  ({ schema, className, ...props }: { schema: AvatarSchema; className?: string; [key: string]: unknown }) => (
     <Avatar className={className} {...props}>
       <AvatarImage src={schema.src} alt={schema.alt} />
       <AvatarFallback>{schema.fallback}</AvatarFallback>
diff --git a/ui/packages/components/src/renderers/data-display/badge.tsx b/ui/packages/components/src/renderers/data-display/badge.tsx
index ad580842d01..bc69f1738f4 100644
--- a/ui/packages/components/src/renderers/data-display/badge.tsx
+++ b/ui/packages/components/src/renderers/data-display/badge.tsx
@@ -10,9 +10,10 @@ import { ComponentRegistry } from '@object-ui/core';
 import type { BadgeSchema } from '@object-ui/types';
 import { Badge } from '../../ui';
 import { renderChildren } from '../../lib/utils';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('badge', 
-  ({ schema, ...props }: { schema: BadgeSchema; [key: string]: any }) => {
+  ({ schema, ...props }: { schema: BadgeSchema; [key: string]: unknown } & RendererHostProps) => {
     // Extract designer-related props
     const { 
         'data-obj-id': dataObjId, 
diff --git a/ui/packages/components/src/renderers/data-display/breadcrumb.tsx b/ui/packages/components/src/renderers/data-display/breadcrumb.tsx
index d035fdd2e2b..ec1ebdef230 100644
--- a/ui/packages/components/src/renderers/data-display/breadcrumb.tsx
+++ b/ui/packages/components/src/renderers/data-display/breadcrumb.tsx
@@ -22,6 +22,7 @@ import { resolveKeyedI18nLabel } from '@object-ui/react';
 // trading a no-icon failure for a WRONG-icon one, recorded as ruled out for
 // authored icon fields by objectui#5622 and #5633.
 import { resolveIcon } from '../action/resolve-icon';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 /**
  * `BreadcrumbSchema` declares FOUR authorable keys and this renderer used to
@@ -75,7 +76,7 @@ function collapseTrail(items: BreadcrumbItemType[], maxItems: unknown): Slot[] {
 }
 
 ComponentRegistry.register('breadcrumb', 
-  ({ schema, ...props }: { schema: BreadcrumbSchema; [key: string]: any }) => {
+  ({ schema, ...props }: { schema: BreadcrumbSchema; [key: string]: unknown } & RendererHostProps) => {
     const { 
         'data-obj-id': dataObjId, 
         'data-obj-type': dataObjType,
diff --git a/ui/packages/components/src/renderers/data-display/kbd.tsx b/ui/packages/components/src/renderers/data-display/kbd.tsx
index 7431e24ad52..7f019938209 100644
--- a/ui/packages/components/src/renderers/data-display/kbd.tsx
+++ b/ui/packages/components/src/renderers/data-display/kbd.tsx
@@ -9,9 +9,10 @@
 import { ComponentRegistry } from '@object-ui/core';
 import type { KbdSchema } from '@object-ui/types';
 import { cn } from '../../lib/utils';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('kbd', 
-  ({ schema, ...props }: { schema: KbdSchema; [key: string]: any }) => {
+  ({ schema, ...props }: { schema: KbdSchema; [key: string]: unknown } & RendererHostProps) => {
     const { 
         'data-obj-id': dataObjId, 
         'data-obj-type': dataObjType,
diff --git a/ui/packages/components/src/renderers/data-display/list.tsx b/ui/packages/components/src/renderers/data-display/list.tsx
index f88567b4684..9826f0b38e3 100644
--- a/ui/packages/components/src/renderers/data-display/list.tsx
+++ b/ui/packages/components/src/renderers/data-display/list.tsx
@@ -12,7 +12,7 @@ import { useDataScope } from '@object-ui/react';
 import { renderChildren, cn } from '../../lib/utils';
 
 ComponentRegistry.register('list', 
-  ({ schema, className, ...props }: { schema: ListSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: ListSchema; className?: string; [key: string]: unknown }) => {
     // Support data binding
     const boundData = useDataScope(schema.bind);
     const items = Array.isArray(boundData) ? boundData : Array.isArray(schema.items) ? schema.items : [];
diff --git a/ui/packages/components/src/renderers/data-display/tree-view.tsx b/ui/packages/components/src/renderers/data-display/tree-view.tsx
index 6f8bc7a8797..1d7e783388f 100644
--- a/ui/packages/components/src/renderers/data-display/tree-view.tsx
+++ b/ui/packages/components/src/renderers/data-display/tree-view.tsx
@@ -118,7 +118,7 @@ const TreeNodeComponent = ({
 };
 
 ComponentRegistry.register('tree-view',
-  ({ schema, className, ...props }: { schema: TreeViewSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: TreeViewSchema; className?: string; [key: string]: unknown }) => {
     const handleNodeClick = (node: TreeNode) => {
       if (schema.onNodeClick) {
         schema.onNodeClick(node);
diff --git a/ui/packages/components/src/renderers/disclosure/accordion.tsx b/ui/packages/components/src/renderers/disclosure/accordion.tsx
index 32d950cc50d..885ecad0ce4 100644
--- a/ui/packages/components/src/renderers/disclosure/accordion.tsx
+++ b/ui/packages/components/src/renderers/disclosure/accordion.tsx
@@ -17,7 +17,7 @@ import {
 import { renderChildren } from '../../lib/utils';
 
 ComponentRegistry.register('accordion', 
-  ({ schema, className, ...props }: { schema: AccordionSchema; className?: string; [key: string]: any }) => (
+  ({ schema, className, ...props }: { schema: AccordionSchema; className?: string; [key: string]: unknown }) => (
     <Accordion type={schema.accordionType || 'single'} collapsible={schema.collapsible} className={className} {...props}>
       {schema.items?.map((item, index: number) => (
         <AccordionItem key={item.value || index} value={item.value || `item-${index}`} disabled={item.disabled}>
diff --git a/ui/packages/components/src/renderers/disclosure/collapsible.tsx b/ui/packages/components/src/renderers/disclosure/collapsible.tsx
index f7e9e7a84e9..c98d2997bad 100644
--- a/ui/packages/components/src/renderers/disclosure/collapsible.tsx
+++ b/ui/packages/components/src/renderers/disclosure/collapsible.tsx
@@ -50,7 +50,7 @@ ComponentRegistry.register('collapsible',
   // so, and `zod-mirror-parity.test.ts` ledgers it), so it keeps riding this
   // spread onto the Radix root, where it fires for the UNCONTROLLED toggling
   // this exclusion restores.
-  ({ schema, className, disabled: hostDisabled, open: _open, ...props }: { schema: CollapsibleSchema; className?: string; disabled?: boolean; [key: string]: any }) => {
+  ({ schema, className, disabled: hostDisabled, open: _open, ...props }: { schema: CollapsibleSchema; className?: string; disabled?: boolean; [key: string]: unknown }) => {
     // `asChild` is CONDITIONAL, and the condition is Radix's own structural
     // precondition, not a preference (objectui#9701).
     //
diff --git a/ui/packages/components/src/renderers/disclosure/toggle-group.tsx b/ui/packages/components/src/renderers/disclosure/toggle-group.tsx
index 3674578acf5..70c992ed475 100644
--- a/ui/packages/components/src/renderers/disclosure/toggle-group.tsx
+++ b/ui/packages/components/src/renderers/disclosure/toggle-group.tsx
@@ -9,9 +9,10 @@
 import { ComponentRegistry } from '@object-ui/core';
 import type { ToggleGroupSchema } from '@object-ui/types';
 import { ToggleGroup, ToggleGroupItem } from '../../ui/toggle-group';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('toggle-group', 
-  ({ schema, ...props }: { schema: ToggleGroupSchema; [key: string]: any }) => {
+  ({ schema, ...props }: { schema: ToggleGroupSchema; [key: string]: unknown } & RendererHostProps) => {
     const { 
         'data-obj-id': dataObjId, 
         'data-obj-type': dataObjType,
diff --git a/ui/packages/components/src/renderers/feedback/empty.tsx b/ui/packages/components/src/renderers/feedback/empty.tsx
index 012f4433972..f0ad3dcf7ee 100644
--- a/ui/packages/components/src/renderers/feedback/empty.tsx
+++ b/ui/packages/components/src/renderers/feedback/empty.tsx
@@ -13,7 +13,7 @@ import { SchemaRenderer, toRenderableSchema } from '@object-ui/react';
 import { DataEmptyState } from '../../custom/view-states';
 
 ComponentRegistry.register('empty', 
-  ({ schema, ...props }: { schema: EmptySchema; [key: string]: any }) => {
+  ({ schema, ...props }: { schema: EmptySchema; [key: string]: unknown }) => {
     const { 
         'data-obj-id': dataObjId, 
         'data-obj-type': dataObjType,
diff --git a/ui/packages/components/src/renderers/feedback/loading.tsx b/ui/packages/components/src/renderers/feedback/loading.tsx
index 11bf6eb5c27..26be267d035 100644
--- a/ui/packages/components/src/renderers/feedback/loading.tsx
+++ b/ui/packages/components/src/renderers/feedback/loading.tsx
@@ -12,7 +12,7 @@ import { Spinner } from '../../custom';
 import { cn } from '../../lib/utils';
 
 ComponentRegistry.register('loading', 
-  ({ schema, className, ...props }: { schema: LoadingSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: LoadingSchema; className?: string; [key: string]: unknown }) => {
     const size = schema.size || 'md';
     const fullscreen = schema.fullscreen || false;
     
diff --git a/ui/packages/components/src/renderers/feedback/progress.tsx b/ui/packages/components/src/renderers/feedback/progress.tsx
index 0ed8bb80c53..cbb3668d293 100644
--- a/ui/packages/components/src/renderers/feedback/progress.tsx
+++ b/ui/packages/components/src/renderers/feedback/progress.tsx
@@ -11,7 +11,7 @@ import type { ProgressSchema } from '@object-ui/types';
 import { Progress } from '../../ui';
 
 ComponentRegistry.register('progress', 
-  ({ schema, className, ...props }: { schema: ProgressSchema; className?: string; [key: string]: any }) => (
+  ({ schema, className, ...props }: { schema: ProgressSchema; className?: string; [key: string]: unknown }) => (
     <Progress value={schema.value} className={className} {...props} />
   ),
   {
diff --git a/ui/packages/components/src/renderers/feedback/skeleton.tsx b/ui/packages/components/src/renderers/feedback/skeleton.tsx
index a143644db13..594aaa133c1 100644
--- a/ui/packages/components/src/renderers/feedback/skeleton.tsx
+++ b/ui/packages/components/src/renderers/feedback/skeleton.tsx
@@ -11,7 +11,7 @@ import type { SkeletonSchema } from '@object-ui/types';
 import { Skeleton } from '../../ui';
 
 ComponentRegistry.register('skeleton', 
-  ({ schema, className, ...props }: { schema: SkeletonSchema; className?: string; [key: string]: any }) => (
+  ({ schema, className, ...props }: { schema: SkeletonSchema; className?: string; [key: string]: unknown }) => (
     <Skeleton className={className} {...props} style={{ width: schema.width, height: schema.height }} />
   ),
   {
diff --git a/ui/packages/components/src/renderers/feedback/sonner.tsx b/ui/packages/components/src/renderers/feedback/sonner.tsx
index dea691b9028..60acd46472a 100644
--- a/ui/packages/components/src/renderers/feedback/sonner.tsx
+++ b/ui/packages/components/src/renderers/feedback/sonner.tsx
@@ -11,9 +11,10 @@ import type { SonnerSchema } from '@object-ui/types';
 import { toast } from 'sonner';
 import { Button } from '../../ui';
 import { toFormControlDomProps } from '../../lib/form-control-dom-props';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('sonner', 
-  ({ schema, ...props }: { schema: SonnerSchema; [key: string]: any }) => {
+  ({ schema, ...props }: { schema: SonnerSchema; [key: string]: unknown } & RendererHostProps) => {
     // `style` forwarded by name; the rest through the form-control
     // declaration (objectui#5632).
     const { style, ...buttonProps } = props;
diff --git a/ui/packages/components/src/renderers/feedback/spinner.tsx b/ui/packages/components/src/renderers/feedback/spinner.tsx
index a7559ff2674..9b82a83e0a6 100644
--- a/ui/packages/components/src/renderers/feedback/spinner.tsx
+++ b/ui/packages/components/src/renderers/feedback/spinner.tsx
@@ -10,6 +10,7 @@ import { ComponentRegistry, toDomProps } from '@object-ui/core';
 import type { SpinnerSchema } from '@object-ui/types';
 import { Loader2 } from 'lucide-react';
 import { cn } from '../../lib/utils';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 /**
  * `ui:spinner`'s host is an SVG (lucide's `Loader2`), so its DOM pass-through is
@@ -50,7 +51,7 @@ import { cn } from '../../lib/utils';
  * destroys a legitimate computed value.
  */
 ComponentRegistry.register('spinner', 
-  ({ schema, className, ...props }: { schema: SpinnerSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: SpinnerSchema; className?: string; [key: string]: unknown } & RendererHostProps) => {
     const { 
         'data-obj-id': dataObjId, 
         'data-obj-type': dataObjType,
diff --git a/ui/packages/components/src/renderers/form/button.tsx b/ui/packages/components/src/renderers/form/button.tsx
index b737e937c4d..644f4b1555c 100644
--- a/ui/packages/components/src/renderers/form/button.tsx
+++ b/ui/packages/components/src/renderers/form/button.tsx
@@ -14,6 +14,7 @@ import { forwardRef } from 'react';
 import { Loader2 } from 'lucide-react';
 import { toFormControlDomProps } from '../../lib/form-control-dom-props';
 import { resolveIcon } from '../action/resolve-icon';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 // Index signature on the parameter annotation, not on the `forwardRef` type
 // argument — mechanism note on `action:bar` (objectui#4422), pinned by
@@ -26,7 +27,7 @@ const ButtonRenderer = forwardRef<HTMLButtonElement, { schema: ButtonSchema }>(
   // `schema.disabled` keeps one carrier for one question (AGENTS.md #0.1,
   // objectui#7238; precedent `plugin-chatbot`, objectui#6169) — and taking it
   // OFF `props` is the load-bearing half, see `isDisabled` below.
-  ({ schema, disabled: hostDisabled, ...props }: { schema: ButtonSchema; disabled?: boolean; [key: string]: any }, ref) => {
+  ({ schema, disabled: hostDisabled, ...props }: { schema: ButtonSchema; disabled?: boolean; loading?: boolean; [key: string]: unknown } & RendererHostProps, ref) => {
     // Extract designer-related props
     const { 
         'data-obj-id': dataObjId, 
diff --git a/ui/packages/components/src/renderers/form/calendar.tsx b/ui/packages/components/src/renderers/form/calendar.tsx
index bb13ab0ae8a..0835785bf55 100644
--- a/ui/packages/components/src/renderers/form/calendar.tsx
+++ b/ui/packages/components/src/renderers/form/calendar.tsx
@@ -74,7 +74,7 @@ function firstSelectedDay(selection: unknown): Date | undefined {
 }
 
 ComponentRegistry.register('calendar',
-  ({ schema, className, ...props }: { schema: CalendarSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: CalendarSchema; className?: string; [key: string]: unknown }) => {
     const mode = schema.mode || 'single';
     const selected = toSelection(mode, schema.value || schema.defaultValue);
     return (
diff --git a/ui/packages/components/src/renderers/form/checkbox.tsx b/ui/packages/components/src/renderers/form/checkbox.tsx
index fb7a0064d15..2dd968adce1 100644
--- a/ui/packages/components/src/renderers/form/checkbox.tsx
+++ b/ui/packages/components/src/renderers/form/checkbox.tsx
@@ -12,8 +12,9 @@ import { Checkbox, Label } from '../../ui';
 import { cn } from '../../lib/utils';
 import { toFormControlDomProps } from '../../lib/form-control-dom-props';
 import React from 'react';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
-const CheckboxRenderer = ({ schema, className, onChange, value, disabled: hostDisabled, ...props }: { schema: CheckboxSchema; className?: string; onChange?: (val: any) => void; value?: any; disabled?: boolean; [key: string]: any }) => {
+const CheckboxRenderer = ({ schema, className, onChange, value, disabled: hostDisabled, ...props }: { schema: CheckboxSchema; className?: string; onChange?: (val: any) => void; value?: any; disabled?: boolean; [key: string]: unknown } & RendererHostProps) => {
   // `hostDisabled` is `SchemaRenderer`'s EVALUATED verdict on `disabled`,
   // not the raw authored key — which may be a predicate STRING,
   // truthy however it evaluates (objectui#7238, precedent objectui#6169).
diff --git a/ui/packages/components/src/renderers/form/combobox.tsx b/ui/packages/components/src/renderers/form/combobox.tsx
index 05407968ab8..0c062c1fb8f 100644
--- a/ui/packages/components/src/renderers/form/combobox.tsx
+++ b/ui/packages/components/src/renderers/form/combobox.tsx
@@ -11,6 +11,7 @@ import { ComponentRegistry } from '@object-ui/core';
 import type { ComboboxSchema } from '@object-ui/types';
 import { Combobox } from '../../custom';
 import { toFormControlDomProps } from '../../lib/form-control-dom-props';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 /**
  * The `combobox` NODE renderer (objectui#8140).
@@ -62,7 +63,7 @@ import { toFormControlDomProps } from '../../lib/form-control-dom-props';
  * `element:text_input`: an unassociated `<p>` is decoration a screen reader
  * moving to the control never announces.
  */
-const ComboboxRenderer = ({ schema, disabled: hostDisabled, ...props }: { schema: ComboboxSchema; disabled?: boolean; [key: string]: any }) => {
+const ComboboxRenderer = ({ schema, disabled: hostDisabled, ...props }: { schema: ComboboxSchema; disabled?: boolean; [key: string]: unknown } & RendererHostProps) => {
   // `hostDisabled` is `SchemaRenderer`'s EVALUATED verdict on `disabled`,
   // not the raw authored key — which may be a predicate STRING,
   // truthy however it evaluates (objectui#7238, precedent objectui#6169).
diff --git a/ui/packages/components/src/renderers/form/command.tsx b/ui/packages/components/src/renderers/form/command.tsx
index 944985aff1b..364e9d5cd20 100644
--- a/ui/packages/components/src/renderers/form/command.tsx
+++ b/ui/packages/components/src/renderers/form/command.tsx
@@ -21,9 +21,10 @@ import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, Command
 // trading a no-icon failure for a WRONG-icon one, recorded as ruled out for
 // authored icon fields by objectui#5622 and #5633.
 import { resolveIcon } from '../action/resolve-icon';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('command', 
-  ({ schema, ...props }: { schema: CommandSchema; [key: string]: any }) => {
+  ({ schema, ...props }: { schema: CommandSchema; [key: string]: unknown } & RendererHostProps) => {
     const { 
         'data-obj-id': dataObjId, 
         'data-obj-type': dataObjType,
diff --git a/ui/packages/components/src/renderers/form/date-picker.tsx b/ui/packages/components/src/renderers/form/date-picker.tsx
index f896cd9b9a0..f353eb3e722 100644
--- a/ui/packages/components/src/renderers/form/date-picker.tsx
+++ b/ui/packages/components/src/renderers/form/date-picker.tsx
@@ -14,6 +14,7 @@ import { format } from 'date-fns';
 import { cn } from '../../lib/utils';
 import { useDisplayDateLocale } from '../../lib/date-fns-locale';
 import { toFormControlDomProps } from '../../lib/form-control-dom-props';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 /**
  * The day the trigger labels and the calendar selects (objectui#10844).
@@ -41,7 +42,7 @@ function toPickerDay(value: Date | string | undefined): Date | string | undefine
 }
 
 ComponentRegistry.register('date-picker',
-  ({ schema, className, value, onChange, ...props }: { schema: DatePickerSchema; className?: string; value?: Date | string; onChange?: (date: Date | undefined) => void; [key: string]: any }) => {
+  ({ schema, className, value, onChange, ...props }: { schema: DatePickerSchema; className?: string; value?: Date | string; onChange?: (date: Date | undefined) => void; [key: string]: unknown } & RendererHostProps) => {
     // `schema.format` is a date-fns pattern, and it is spelled in the display
     // locale: `PPP` and the textual tokens name months and weekdays in the
     // session's language (objectui#10722).
diff --git a/ui/packages/components/src/renderers/form/file-upload.tsx b/ui/packages/components/src/renderers/form/file-upload.tsx
index 8476e35299c..b48aaf66d26 100644
--- a/ui/packages/components/src/renderers/form/file-upload.tsx
+++ b/ui/packages/components/src/renderers/form/file-upload.tsx
@@ -14,6 +14,7 @@ import { Upload, X, Rocket, CheckCircle2 } from 'lucide-react';
 import { useState, useRef, useEffect } from 'react';
 import { cn } from '../../lib/utils';
 import { toFormControlDomProps } from '../../lib/form-control-dom-props';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 const useSafeFileUploadTranslation = createSafeTranslation(
   {
@@ -23,7 +24,7 @@ const useSafeFileUploadTranslation = createSafeTranslation(
 );
 
 ComponentRegistry.register('file-upload', 
-  ({ schema, className, value, onChange, ...props }: { schema: FileUploadSchema; className?: string; value?: File[]; onChange?: (files: File[]) => void; [key: string]: any }) => {
+  ({ schema, className, value, onChange, ...props }: { schema: FileUploadSchema; className?: string; value?: File[]; onChange?: (files: File[]) => void; [key: string]: unknown } & RendererHostProps) => {
     const { t } = useSafeFileUploadTranslation();
     const [files, setFiles] = useState<File[]>(value || []);
     const [isUploading, setIsUploading] = useState(false);
diff --git a/ui/packages/components/src/renderers/form/form.tsx b/ui/packages/components/src/renderers/form/form.tsx
index 1805f353070..c719ea5f63c 100644
--- a/ui/packages/components/src/renderers/form/form.tsx
+++ b/ui/packages/components/src/renderers/form/form.tsx
@@ -8,7 +8,7 @@
 
 import { ComponentRegistry, resolveFieldRuleState, evalFieldPredicate, resolveCascadingOptions, resolveDependsOnFields, CASCADE_OPTION_WIDGET_TYPES, EXPANDABLE_FIELD_TYPES, isValueStillOffered, isMissingForRequired, isServerOwnedValue } from '@object-ui/core';
 import type { FormSchema, FormField as FormFieldConfig, FormFieldTab, FormFieldPane, FieldCondition, SelectOption } from '@object-ui/types';
-import { useForm } from 'react-hook-form';
+import { useForm, type RefCallBack } from 'react-hook-form';
 import { Form, FormField, FormItem, FormLabel, FormControl, FormMessage, FormDescription } from '../../ui/form';
 import { Button } from '../../ui/button';
 import { Input } from '../../ui/input';
@@ -44,6 +44,7 @@ import { cn } from '../../lib/utils';
 import React from 'react';
 import { SchemaRendererContext, usePredicateScope, isPermissionError, extractWriteErrorMessage, extractFieldErrors, declaredUserMessage, delegationScopeMessage } from '@object-ui/react';
 import { createSafeTranslation } from '@object-ui/i18n';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 /**
  * Whether a `section-divider` row draws anything: a heading, a blurb, or both.
@@ -1299,7 +1300,7 @@ function FullscreenTextarea({
    * nothing from that Slot, which is the whole of objectui#4824.
    */
   error?: string;
-  [key: string]: any;
+  [key: string]: unknown;
 }) {
   // The inline control's own gate. `readOnly`/`disabled` are real attributes on
   // the `<Textarea>` below, but the attribute alone is not the write path —
@@ -1496,7 +1497,7 @@ function BuiltinTextarea({
    * the call site is where the two authored spellings are reconciled.
    */
   maxLength?: number;
-  [key: string]: any;
+  [key: string]: unknown;
 }) {
   /** One id per control; see `FullscreenTextarea` for why the dialog needs a second. */
   const descriptionId = `${React.useId()}-charcount`;
@@ -1553,7 +1554,7 @@ function BuiltinTextarea({
 
 // Form renderer component - Airtable-style feature-complete form
 ComponentRegistry.register('form',
-  ({ schema, className, onAction, disabled: hostDisabled, ...props }: { schema: FormSchema; className?: string; onAction?: (action: any) => void; disabled?: boolean; [key: string]: any }) => {
+  ({ schema, className, onAction, disabled: hostDisabled, ...props }: { schema: FormSchema; className?: string; onAction?: (action: any) => void; disabled?: boolean; [key: string]: unknown } & RendererHostProps) => {
     const { t } = useSafeFormTranslation();
     // Prefix for the label ids the GROUP-labelled fields need (objectui#3961).
     // Owned here, not derived from `<FormItem>`'s own `useId()`: that id lives in
@@ -4229,7 +4230,13 @@ interface RenderFieldProps {
    * before every registered widget (which reads it off `field`).
    */
   label?: string;
-  [key: string]: any;
+  /** react-hook-form's ref binding, handed to the built-in control by name. */
+  ref?: RefCallBack;
+  /** The field's raw metadata object (`field.field`, else the field config). */
+  field?: Record<string, unknown>;
+  /** A dependent select's gate hint while its controlling field is unset (#2284). */
+  emptyHint?: string;
+  [key: string]: unknown;
 }
 
 // Native date/time inputs only open their picker when the user clicks the tiny
diff --git a/ui/packages/components/src/renderers/form/input-otp.tsx b/ui/packages/components/src/renderers/form/input-otp.tsx
index 34bcd41c22d..a60bf1310ce 100644
--- a/ui/packages/components/src/renderers/form/input-otp.tsx
+++ b/ui/packages/components/src/renderers/form/input-otp.tsx
@@ -10,9 +10,10 @@ import { ComponentRegistry } from '@object-ui/core';
 import type { InputOTPSchema } from '@object-ui/types';
 import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from '../../ui';
 import { toFormControlDomProps } from '../../lib/form-control-dom-props';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('input-otp', 
-  ({ schema, className, onChange, value, ...props }: { schema: InputOTPSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, onChange, value, ...props }: { schema: InputOTPSchema; className?: string; onChange?: (value: string) => void; value?: string; [key: string]: unknown } & RendererHostProps) => {
     // `style` forwarded by name; the rest through the form-control
     // declaration (objectui#5632).
     const { style, ...otpProps } = props;
diff --git a/ui/packages/components/src/renderers/form/input.tsx b/ui/packages/components/src/renderers/form/input.tsx
index b76c1fb6a76..d54677fd33b 100644
--- a/ui/packages/components/src/renderers/form/input.tsx
+++ b/ui/packages/components/src/renderers/form/input.tsx
@@ -12,8 +12,9 @@ import type { InputSchema } from '@object-ui/types';
 import { Input, Label } from '../../ui';
 import { cn } from '../../lib/utils';
 import { toFormControlDomProps } from '../../lib/form-control-dom-props';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
-const InputRenderer = ({ schema, className, onChange, value, disabled: hostDisabled, ...props }: { schema: InputSchema; className?: string; onChange?: (val: any) => void; value?: any; disabled?: boolean; [key: string]: any }) => {
+const InputRenderer = ({ schema, className, onChange, value, disabled: hostDisabled, ...props }: { schema: InputSchema; className?: string; onChange?: (val: any) => void; value?: any; disabled?: boolean; [key: string]: unknown } & RendererHostProps) => {
   // `disabled` is NOT read off `schema` here. `SchemaRenderer` evaluates the
   // node's `disabled` (which may be a predicate STRING), strips
   // the raw key from the props it spreads, and forwards the VERDICT as a real
diff --git a/ui/packages/components/src/renderers/form/label.tsx b/ui/packages/components/src/renderers/form/label.tsx
index f3da2ff64ed..6f10c07744c 100644
--- a/ui/packages/components/src/renderers/form/label.tsx
+++ b/ui/packages/components/src/renderers/form/label.tsx
@@ -9,9 +9,10 @@
 import { ComponentRegistry } from '@object-ui/core';
 import type { LabelSchema } from '@object-ui/types';
 import { Label } from '../../ui';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('label', 
-  ({ schema, className, ...props }: { schema: LabelSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: LabelSchema; className?: string; [key: string]: unknown } & RendererHostProps) => {
     // Extract designer-related props
     const { 
         'data-obj-id': dataObjId, 
diff --git a/ui/packages/components/src/renderers/form/radio-group.tsx b/ui/packages/components/src/renderers/form/radio-group.tsx
index b9c700be7d6..4eb24dc945b 100644
--- a/ui/packages/components/src/renderers/form/radio-group.tsx
+++ b/ui/packages/components/src/renderers/form/radio-group.tsx
@@ -12,6 +12,7 @@ import { RadioGroup, RadioGroupItem, Label } from '../../ui';
 import { cn } from '../../lib/utils';
 import { toControlValue } from './option-value';
 import { toFormControlDomProps } from '../../lib/form-control-dom-props';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 /**
  * The declared default (`packages/types/src/form.ts` — `@default 'vertical'`).
@@ -36,7 +37,7 @@ const ORIENTATION_CLASS: Record<'horizontal' | 'vertical', string | undefined> =
 };
 
 ComponentRegistry.register('radio-group', 
-  ({ schema, className, ...props }: { schema: RadioGroupSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: RadioGroupSchema; className?: string; [key: string]: unknown } & RendererHostProps) => {
     // Extract designer-related props
     const { 
         'data-obj-id': dataObjId, 
diff --git a/ui/packages/components/src/renderers/form/select.tsx b/ui/packages/components/src/renderers/form/select.tsx
index 9bde131b90e..43f52370288 100644
--- a/ui/packages/components/src/renderers/form/select.tsx
+++ b/ui/packages/components/src/renderers/form/select.tsx
@@ -19,8 +19,9 @@ import {
 import { cn } from '../../lib/utils';
 import { toControlValue, matchOptionValue } from './option-value';
 import React from 'react';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
-const SelectRenderer = ({ schema, className, onChange, value, disabled: hostDisabled, ...props }: { schema: SelectSchema; className?: string; onChange?: (val: any) => void; value?: any; disabled?: boolean; [key: string]: any }) => {
+const SelectRenderer = ({ schema, className, onChange, value, disabled: hostDisabled, ...props }: { schema: SelectSchema; className?: string; onChange?: (val: any) => void; value?: any; disabled?: boolean; [key: string]: unknown } & RendererHostProps) => {
   // `hostDisabled` is `SchemaRenderer`'s EVALUATED verdict on `disabled`,
   // not the raw authored key — which may be a predicate STRING,
   // truthy however it evaluates (objectui#7238, precedent objectui#6169).
diff --git a/ui/packages/components/src/renderers/form/slider.tsx b/ui/packages/components/src/renderers/form/slider.tsx
index 3a885ded94b..ebf7d89c0fc 100644
--- a/ui/packages/components/src/renderers/form/slider.tsx
+++ b/ui/packages/components/src/renderers/form/slider.tsx
@@ -10,9 +10,10 @@ import { ComponentRegistry } from '@object-ui/core';
 import type { SliderSchema } from '@object-ui/types';
 import { Slider } from '../../ui';
 import { toFormControlDomProps } from '../../lib/form-control-dom-props';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('slider', 
-  ({ schema, className, ...props }: { schema: SliderSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: SliderSchema; className?: string; [key: string]: unknown } & RendererHostProps) => {
     // Extract designer-related props
     const { 
         'data-obj-id': dataObjId, 
diff --git a/ui/packages/components/src/renderers/form/switch.tsx b/ui/packages/components/src/renderers/form/switch.tsx
index 044178cdf42..1f3e53e5525 100644
--- a/ui/packages/components/src/renderers/form/switch.tsx
+++ b/ui/packages/components/src/renderers/form/switch.tsx
@@ -10,9 +10,10 @@ import { ComponentRegistry } from '@object-ui/core';
 import type { SwitchSchema } from '@object-ui/types';
 import { Switch, Label } from '../../ui';
 import { toFormControlDomProps } from '../../lib/form-control-dom-props';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('switch', 
-  ({ schema, className, ...props }: { schema: SwitchSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: SwitchSchema; className?: string; [key: string]: unknown } & RendererHostProps) => {
     // Extract designer-related props
     const { 
         'data-obj-id': dataObjId, 
diff --git a/ui/packages/components/src/renderers/form/textarea.tsx b/ui/packages/components/src/renderers/form/textarea.tsx
index 2aba00b0828..971e240a9aa 100644
--- a/ui/packages/components/src/renderers/form/textarea.tsx
+++ b/ui/packages/components/src/renderers/form/textarea.tsx
@@ -12,8 +12,9 @@ import { Textarea, Label } from '../../ui';
 import { cn } from '../../lib/utils';
 import { toFormControlDomProps } from '../../lib/form-control-dom-props';
 import React from 'react';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
-const TextareaRenderer = ({ schema, className, onChange, value, disabled: hostDisabled, ...props }: { schema: TextareaSchema; className?: string; onChange?: (val: any) => void; value?: any; disabled?: boolean; [key: string]: any }) => {
+const TextareaRenderer = ({ schema, className, onChange, value, disabled: hostDisabled, ...props }: { schema: TextareaSchema; className?: string; onChange?: (val: any) => void; value?: any; disabled?: boolean; [key: string]: unknown } & RendererHostProps) => {
   // `hostDisabled` is `SchemaRenderer`'s EVALUATED verdict on `disabled`,
   // not the raw authored key — which may be a predicate STRING,
   // truthy however it evaluates (objectui#7238, precedent objectui#6169).
diff --git a/ui/packages/components/src/renderers/form/toggle.tsx b/ui/packages/components/src/renderers/form/toggle.tsx
index 467f5d4685c..dd82fa75fba 100644
--- a/ui/packages/components/src/renderers/form/toggle.tsx
+++ b/ui/packages/components/src/renderers/form/toggle.tsx
@@ -12,9 +12,10 @@ import type { ToggleSchema } from '@object-ui/types';
 import { Toggle } from '../../ui';
 import { renderChildren } from '../../lib/utils';
 import { toFormControlDomProps } from '../../lib/form-control-dom-props';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('toggle',
-  ({ schema, ...props }: { schema: ToggleSchema; [key: string]: any }) => {
+  ({ schema, ...props }: { schema: ToggleSchema; [key: string]: unknown } & RendererHostProps) => {
     // `style` is forwarded BY NAME rather than reopened in the shared list —
     // the objectui#4435 route, same as the layout renderers objectui#5574
     // converged. Everything else goes through the form-control declaration.
diff --git a/ui/packages/components/src/renderers/layout/aspect-ratio.tsx b/ui/packages/components/src/renderers/layout/aspect-ratio.tsx
index b513e6e9761..27a8be5fbf5 100644
--- a/ui/packages/components/src/renderers/layout/aspect-ratio.tsx
+++ b/ui/packages/components/src/renderers/layout/aspect-ratio.tsx
@@ -10,9 +10,10 @@ import { ComponentRegistry } from '@object-ui/core';
 import type { AspectRatioSchema } from '@object-ui/types';
 import { AspectRatio } from '../../ui/aspect-ratio';
 import { renderChildren } from '../../lib/utils';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('aspect-ratio', 
-  ({ schema, ...props }: { schema: AspectRatioSchema; [key: string]: any }) => {
+  ({ schema, ...props }: { schema: AspectRatioSchema; [key: string]: unknown } & RendererHostProps) => {
     const { 
         'data-obj-id': dataObjId, 
         'data-obj-type': dataObjType,
diff --git a/ui/packages/components/src/renderers/layout/box.tsx b/ui/packages/components/src/renderers/layout/box.tsx
index 7dcef75f59e..09390da5936 100644
--- a/ui/packages/components/src/renderers/layout/box.tsx
+++ b/ui/packages/components/src/renderers/layout/box.tsx
@@ -10,6 +10,7 @@ import { ComponentRegistry, toDomProps } from '@object-ui/core';
 import type { BoxSchema } from '@object-ui/types';
 import { renderChildren } from '../../lib/utils';
 import { forwardRef } from 'react';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 /**
  * `box` — the neutral block container (objectui#3965).
@@ -47,7 +48,7 @@ import { forwardRef } from 'react';
 // argument — mechanism note on `action:bar` (objectui#4422), pinned by
 // `__tests__/forwardref-props-annotation.guard.test.ts`.
 const BoxRenderer = forwardRef<HTMLDivElement, { schema: BoxSchema; className?: string }>(
-  ({ schema, className, ...props }: { schema: BoxSchema; className?: string; [key: string]: any }, ref) => {
+  ({ schema, className, ...props }: { schema: BoxSchema; className?: string; [key: string]: unknown } & RendererHostProps, ref) => {
     // DOM pass-through is a WHITELIST, never a list of keys to strip — the
     // objectui#3291 discipline, executed by {@link toDomProps} as on the
     // sibling `grid.tsx` / `flex.tsx` (objectui#4787 / #5574). `style` is
diff --git a/ui/packages/components/src/renderers/layout/card.tsx b/ui/packages/components/src/renderers/layout/card.tsx
index e54a96b1eca..f9f257e2052 100644
--- a/ui/packages/components/src/renderers/layout/card.tsx
+++ b/ui/packages/components/src/renderers/layout/card.tsx
@@ -18,12 +18,13 @@ import {
   CardFooter
 } from '../../ui';
 import { forwardRef } from 'react';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 // Index signature on the parameter annotation, not on the `forwardRef` type
 // argument — mechanism note on `action:bar` (objectui#4422), pinned by
 // `__tests__/forwardref-props-annotation.guard.test.ts`.
 const CardRenderer = forwardRef<HTMLDivElement, { schema: CardSchema; className?: string }>(
-  ({ schema, className, ...props }: { schema: CardSchema; className?: string; [key: string]: any }, ref) => {
+  ({ schema, className, ...props }: { schema: CardSchema; className?: string; [key: string]: unknown } & RendererHostProps, ref) => {
     // Extract designer-related props
     const { 
         'data-obj-id': dataObjId, 
diff --git a/ui/packages/components/src/renderers/layout/container.tsx b/ui/packages/components/src/renderers/layout/container.tsx
index ae8085d40b8..cebf32af301 100644
--- a/ui/packages/components/src/renderers/layout/container.tsx
+++ b/ui/packages/components/src/renderers/layout/container.tsx
@@ -11,12 +11,13 @@ import type { ContainerSchema } from '@object-ui/types';
 import { renderChildren } from '../../lib/utils';
 import { cn } from '../../lib/utils';
 import { forwardRef } from 'react';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 // Index signature on the parameter annotation, not on the `forwardRef` type
 // argument — mechanism note on `action:bar` (objectui#4422), pinned by
 // `__tests__/forwardref-props-annotation.guard.test.ts`.
 const ContainerRenderer = forwardRef<HTMLDivElement, { schema: ContainerSchema; className?: string }>(
-  ({ schema, className, ...props }: { schema: ContainerSchema; className?: string; [key: string]: any }, ref) => {
+  ({ schema, className, ...props }: { schema: ContainerSchema; className?: string; [key: string]: unknown } & RendererHostProps, ref) => {
     // `??`, not `||`: `maxWidth` declares `false` for the "no maximum width"
     // case, and `||` folded that legal value into the default — so a container
     // asking for NO constraint rendered `max-w-xl` (36rem), the exact opposite
diff --git a/ui/packages/components/src/renderers/layout/flex.tsx b/ui/packages/components/src/renderers/layout/flex.tsx
index 1304a1955ce..f6e1f7cfbdb 100644
--- a/ui/packages/components/src/renderers/layout/flex.tsx
+++ b/ui/packages/components/src/renderers/layout/flex.tsx
@@ -10,9 +10,10 @@ import { ComponentRegistry, toDomProps } from '@object-ui/core';
 import type { FlexSchema } from '@object-ui/types';
 import { renderChildren } from '../../lib/utils';
 import { cn } from '../../lib/utils';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 ComponentRegistry.register('flex', 
-  ({ schema, className, ...props }: { schema: FlexSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: FlexSchema; className?: string; [key: string]: unknown } & RendererHostProps) => {
     const direction = schema.direction || 'row';
     const justify = schema.justify || 'start';
     const align = schema.align || 'start';
diff --git a/ui/packages/components/src/renderers/layout/grid.tsx b/ui/packages/components/src/renderers/layout/grid.tsx
index 6f30eef828e..d3d2166997c 100644
--- a/ui/packages/components/src/renderers/layout/grid.tsx
+++ b/ui/packages/components/src/renderers/layout/grid.tsx
@@ -10,6 +10,7 @@ import { ComponentRegistry, toDomProps } from '@object-ui/core';
 import type { GridSchema } from '@object-ui/types';
 import { renderChildren } from '../../lib/utils';
 import { cn } from '../../lib/utils';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 // Helper maps to ensure Tailwind classes are scanned and included
 const GRID_COLS: Record<number, string> = {
@@ -87,7 +88,7 @@ const GAPS: Record<number, string> = {
 };
 
 ComponentRegistry.register('grid', 
-  ({ schema, className, ...props }: { schema: GridSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: GridSchema; className?: string; [key: string]: unknown } & RendererHostProps) => {
     // Determine columns configuration
     // Supports detailed object configuration from schema
     let baseCols = 2;
diff --git a/ui/packages/components/src/renderers/layout/page.tsx b/ui/packages/components/src/renderers/layout/page.tsx
index d372ec41550..fd0a3e297b2 100644
--- a/ui/packages/components/src/renderers/layout/page.tsx
+++ b/ui/packages/components/src/renderers/layout/page.tsx
@@ -34,6 +34,7 @@ import { cn } from '../../lib/utils';
 import { PageBlockGrid } from './page-block-grid';
 import { PageDescriptionContext } from './page-description-context';
 import { PageRegionPostureProvider, PageWidthProvider, usePageWidthStore } from './page-region-posture';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 // ---------------------------------------------------------------------------
 // Helpers
@@ -731,8 +732,8 @@ function nameHtmlTierReplacement(d: Diagnostic): Diagnostic {
 export const PageRenderer: React.FC<{
   schema: PageNodeSchema;
   className?: string;
-  [key: string]: any;
-}> = ({ schema, className, ...props }) => {
+  [key: string]: unknown;
+} & RendererHostProps> = ({ schema, className, ...props }) => {
   const pageType = schema.pageType || 'record';
   // A `kind:'html'` page compiles its source against the registry, and a
   // compile error fails the whole page. Without this the failure is permanent
diff --git a/ui/packages/components/src/renderers/layout/semantic.tsx b/ui/packages/components/src/renderers/layout/semantic.tsx
index 115e7e39d92..23e71e89c90 100644
--- a/ui/packages/components/src/renderers/layout/semantic.tsx
+++ b/ui/packages/components/src/renderers/layout/semantic.tsx
@@ -9,6 +9,7 @@
 import { ComponentRegistry } from '@object-ui/core';
 import { renderChildren } from '../../lib/utils';
 import { forwardRef } from 'react';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 const tags = ['aside', 'main', 'header', 'nav', 'footer', 'section', 'article'] as const;
 
@@ -19,7 +20,7 @@ tags.forEach(tag => {
   // seven semantic tags with no schema type of their own, so `schema` stays
   // `any`; the annotation is written like its siblings' so the guard needs no
   // per-file carve-out.
-  const Component = forwardRef<HTMLElement, { schema: any; className?: string }>(({ schema, className, ...props }: { schema: any; className?: string; [key: string]: any }, ref) => {
+  const Component = forwardRef<HTMLElement, { schema: any; className?: string }>(({ schema, className, ...props }: { schema: any; className?: string; [key: string]: unknown } & RendererHostProps, ref) => {
       // Extract designer-related props
       const { 
           'data-obj-id': dataObjId, 
diff --git a/ui/packages/components/src/renderers/layout/stack.tsx b/ui/packages/components/src/renderers/layout/stack.tsx
index 93937df36c4..ea517858dfe 100644
--- a/ui/packages/components/src/renderers/layout/stack.tsx
+++ b/ui/packages/components/src/renderers/layout/stack.tsx
@@ -11,13 +11,14 @@ import type { StackSchema } from '@object-ui/types';
 import { renderChildren } from '../../lib/utils';
 import { cn } from '../../lib/utils';
 import { forwardRef } from 'react';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 // Stack is essentially a Flex container that defaults to column direction
 // Index signature on the parameter annotation, not on the `forwardRef` type
 // argument — mechanism note on `action:bar` (objectui#4422), pinned by
 // `__tests__/forwardref-props-annotation.guard.test.ts`.
 const StackRenderer = forwardRef<HTMLDivElement, { schema: StackSchema; className?: string }>(
-  ({ schema, className, ...props }: { schema: StackSchema; className?: string; [key: string]: any }, ref) => {
+  ({ schema, className, ...props }: { schema: StackSchema; className?: string; [key: string]: unknown } & RendererHostProps, ref) => {
     // Default to column for Stack
     const direction = schema.direction || 'col';
     const justify = schema.justify || 'start';
diff --git a/ui/packages/components/src/renderers/layout/tabs.tsx b/ui/packages/components/src/renderers/layout/tabs.tsx
index 3808f959e82..02488c78b55 100644
--- a/ui/packages/components/src/renderers/layout/tabs.tsx
+++ b/ui/packages/components/src/renderers/layout/tabs.tsx
@@ -17,8 +17,9 @@ import {
 } from '../../ui';
 import { cn } from '../../lib/utils';
 import React from 'react';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
-const TabsRenderer = ({ schema, className, onChange, value, ...props }: { schema: TabsSchema; className?: string; onChange?: (val: string) => void; value?: string; [key: string]: any }) => {
+const TabsRenderer = ({ schema, className, onChange, value, ...props }: { schema: TabsSchema; className?: string; onChange?: (val: string) => void; value?: string; [key: string]: unknown } & RendererHostProps) => {
   // Extract designer-related props
   const { 
       'data-obj-id': dataObjId, 
diff --git a/ui/packages/components/src/renderers/navigation/sidebar.tsx b/ui/packages/components/src/renderers/navigation/sidebar.tsx
index 3141c810ecb..b57566e7e3e 100644
--- a/ui/packages/components/src/renderers/navigation/sidebar.tsx
+++ b/ui/packages/components/src/renderers/navigation/sidebar.tsx
@@ -76,7 +76,7 @@ function SidebarNode({
 }: {
   schema: SidebarSchema;
   collapsible?: unknown;
-  [key: string]: any;
+  [key: string]: unknown;
 }) {
   const hostSidebar = useOptionalSidebar();
   const shadcnCollapsible = toShadcnCollapsible(collapsible);
diff --git a/ui/packages/components/src/renderers/overlay/alert-dialog.tsx b/ui/packages/components/src/renderers/overlay/alert-dialog.tsx
index 09cc67e5c6e..f5f15e8253e 100644
--- a/ui/packages/components/src/renderers/overlay/alert-dialog.tsx
+++ b/ui/packages/components/src/renderers/overlay/alert-dialog.tsx
@@ -23,7 +23,7 @@ import {
 import { renderChildren, renderTriggerSlot } from '../../lib/utils';
 
 ComponentRegistry.register('alert-dialog', 
-  ({ schema, className, ...props }: { schema: AlertDialogSchema; className?: string; [key: string]: any }) => (
+  ({ schema, className, ...props }: { schema: AlertDialogSchema; className?: string; [key: string]: unknown }) => (
     <AlertDialog defaultOpen={schema.defaultOpen} {...props}>
       {renderTriggerSlot(AlertDialogTrigger, schema.trigger)}
       <AlertDialogContent className={className}>
diff --git a/ui/packages/components/src/renderers/overlay/context-menu.tsx b/ui/packages/components/src/renderers/overlay/context-menu.tsx
index b85571d8c40..fe9ebeb30dd 100644
--- a/ui/packages/components/src/renderers/overlay/context-menu.tsx
+++ b/ui/packages/components/src/renderers/overlay/context-menu.tsx
@@ -82,7 +82,7 @@ const renderContextMenuItems = (items: MenuItem[] | undefined) => {
 };
 
 ComponentRegistry.register('context-menu', 
-  ({ schema, className, ...props }: { schema: ContextMenuSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: ContextMenuSchema; className?: string; [key: string]: unknown }) => {
     // Determine classes
     const triggerClass = schema.triggerClassName || className || (schema.className as string) || "h-[120px] w-full sm:h-[150px] sm:w-[300px] border border-dashed text-sm flex items-center justify-center";
     const contentClass = schema.contentClassName;
diff --git a/ui/packages/components/src/renderers/overlay/dialog.tsx b/ui/packages/components/src/renderers/overlay/dialog.tsx
index 533055e66dc..b7a6d27927f 100644
--- a/ui/packages/components/src/renderers/overlay/dialog.tsx
+++ b/ui/packages/components/src/renderers/overlay/dialog.tsx
@@ -20,7 +20,7 @@ import {
 import { renderChildren, renderNodeSlot, renderTriggerSlot } from '../../lib/utils';
 
 ComponentRegistry.register('dialog', 
-  ({ schema, className, ...props }: { schema: DialogSchema; className?: string; [key: string]: any }) => (
+  ({ schema, className, ...props }: { schema: DialogSchema; className?: string; [key: string]: unknown }) => (
     <Dialog modal={schema.modal} defaultOpen={schema.defaultOpen} {...props}>
       {renderTriggerSlot(DialogTrigger, schema.trigger)}
       <DialogContent className={className}>
diff --git a/ui/packages/components/src/renderers/overlay/drawer.tsx b/ui/packages/components/src/renderers/overlay/drawer.tsx
index 5e8abbe1921..416f87c9020 100644
--- a/ui/packages/components/src/renderers/overlay/drawer.tsx
+++ b/ui/packages/components/src/renderers/overlay/drawer.tsx
@@ -19,7 +19,7 @@ import {
 import { renderChildren, renderTriggerSlot } from '../../lib/utils';
 
 ComponentRegistry.register('drawer', 
-  ({ schema, className, ...props }: { schema: DrawerSchema; className?: string; [key: string]: any }) => (
+  ({ schema, className, ...props }: { schema: DrawerSchema; className?: string; [key: string]: unknown }) => (
     // ⛔ Three reads retired here (objectui#11347): `shouldScaleBackground`,
     // `footer` and `showClose`. `DrawerSchema` declares none of them, the
     // installed `@objectstack/spec` has no row for `drawer`, and no catalog
diff --git a/ui/packages/components/src/renderers/overlay/dropdown-menu.tsx b/ui/packages/components/src/renderers/overlay/dropdown-menu.tsx
index 7476558664f..0290c3eda6a 100644
--- a/ui/packages/components/src/renderers/overlay/dropdown-menu.tsx
+++ b/ui/packages/components/src/renderers/overlay/dropdown-menu.tsx
@@ -88,7 +88,7 @@ const renderMenuItems = (items: MenuItem[] | undefined) => {
 // example, doc page or README authors one, so `modal={schema.modal}` rode
 // `BaseSchema`'s index signature alone and was retired.
 ComponentRegistry.register('dropdown-menu', 
-  ({ schema, className, ...props }: { schema: DropdownMenuSchema; className?: string; [key: string]: any }) => {
+  ({ schema, className, ...props }: { schema: DropdownMenuSchema; className?: string; [key: string]: unknown }) => {
     // Read-time resolution against the display locale (objectui#4580 revised
     // Q1-A). `BaseSchema.label` accepts `string | I18nLabel`; rendering the map
     // straight into a text node THREW "Objects are not valid as a React child"
diff --git a/ui/packages/components/src/renderers/overlay/hover-card.tsx b/ui/packages/components/src/renderers/overlay/hover-card.tsx
index 10219696fc9..e713a02b2da 100644
--- a/ui/packages/components/src/renderers/overlay/hover-card.tsx
+++ b/ui/packages/components/src/renderers/overlay/hover-card.tsx
@@ -16,7 +16,7 @@ import {
 import { renderChildren, renderTriggerSlot } from '../../lib/utils';
 
 ComponentRegistry.register('hover-card', 
-  ({ schema, className, ...props }: { schema: HoverCardSchema; className?: string; [key: string]: any }) => (
+  ({ schema, className, ...props }: { schema: HoverCardSchema; className?: string; [key: string]: unknown }) => (
     <HoverCard openDelay={schema.openDelayMs} closeDelay={schema.closeDelayMs} {...props}>
       {renderTriggerSlot(HoverCardTrigger, schema.trigger)}
       <HoverCardContent align={schema.align} side={schema.side} className={className}>
diff --git a/ui/packages/components/src/renderers/overlay/menubar.tsx b/ui/packages/components/src/renderers/overlay/menubar.tsx
index 9fa4384ebc9..700094775ce 100644
--- a/ui/packages/components/src/renderers/overlay/menubar.tsx
+++ b/ui/packages/components/src/renderers/overlay/menubar.tsx
@@ -20,6 +20,7 @@ import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, Menu
 // deliberately NOT used: it degrades an unknown name to the `Database` glyph,
 // trading a no-icon failure for a WRONG-icon one (objectui#5622, #5633).
 import { resolveIcon } from '../action/resolve-icon';
+import type { RendererHostProps } from '../../lib/renderer-host-props';
 
 // Draws one level of `MenuItem`s and recurses into `children`: the type is
 // recursive (`children?: MenuItem[]`) and the docs call it "drawn as a nested
@@ -65,7 +66,7 @@ const renderMenubarItems = (items: MenuItem[] | undefined) =>
   });
 
 ComponentRegistry.register('menubar', 
-  ({ schema, ...props }: { schema: MenubarSchema; [key: string]: any }) => {
+  ({ schema, ...props }: { schema: MenubarSchema; [key: string]: unknown } & RendererHostProps) => {
     const { 
         'data-obj-id': dataObjId, 
         'data-obj-type': dataObjType,
diff --git a/ui/packages/components/src/renderers/overlay/popover.tsx b/ui/packages/components/src/renderers/overlay/popover.tsx
index 9ab2ae4495f..b6397a42408 100644
--- a/ui/packages/components/src/renderers/overlay/popover.tsx
+++ b/ui/packages/components/src/renderers/overlay/popover.tsx
@@ -20,7 +20,7 @@ import { renderChildren, renderTriggerSlot } from '../../lib/utils';
 // example, doc page or README authors one, so `modal={schema.modal}` rode
 // `BaseSchema`'s index signature alone and was retired.
 ComponentRegistry.register('popover', 
-  ({ schema, className, ...props }: { schema: PopoverSchema; className?: string; [key: string]: any }) => (
+  ({ schema, className, ...props }: { schema: PopoverSchema; className?: string; [key: string]: unknown }) => (
     <Popover defaultOpen={schema.defaultOpen} {...props}>
       {renderTriggerSlot(PopoverTrigger, schema.trigger)}
       <PopoverContent align={schema.align} side={schema.side} className={className}>
diff --git a/ui/packages/components/src/renderers/overlay/sheet.tsx b/ui/packages/components/src/renderers/overlay/sheet.tsx
index b4b95baef62..be34b442348 100644
--- a/ui/packages/components/src/renderers/overlay/sheet.tsx
+++ b/ui/packages/components/src/renderers/overlay/sheet.tsx
@@ -24,7 +24,7 @@ import { renderChildren, renderNodeSlot, renderTriggerSlot } from '../../lib/uti
 // example, doc page or README authors one, so `modal={schema.modal}` rode
 // `BaseSchema`'s index signature alone and was retired.
 ComponentRegistry.register('sheet', 
-  ({ schema, className, ...props }: { schema: SheetSchema; className?: string; [key: string]: any }) => (
+  ({ schema, className, ...props }: { schema: SheetSchema; className?: string; [key: string]: unknown }) => (
     <Sheet defaultOpen={schema.defaultOpen} {...props}>
       {renderTriggerSlot(SheetTrigger, schema.trigger)}
       <SheetContent side={schema.side || 'right'} className={className}>
diff --git a/ui/packages/components/src/renderers/overlay/tooltip.tsx b/ui/packages/components/src/renderers/overlay/tooltip.tsx
index 1f9cbec8c4c..7ab1bcc598e 100644
--- a/ui/packages/components/src/renderers/overlay/tooltip.tsx
+++ b/ui/packages/components/src/renderers/overlay/tooltip.tsx
@@ -21,7 +21,7 @@ import { renderChildren, renderTriggerSlot } from '../../lib/utils';
 // Wrapping here is safer for isolated usage.
 
 ComponentRegistry.register('tooltip', 
-  ({ schema, className, ...props }: { schema: TooltipSchema; className?: string; [key: string]: any }) => (
+  ({ schema, className, ...props }: { schema: TooltipSchema; className?: string; [key: string]: unknown }) => (
     <TooltipProvider delayDuration={schema.delayDurationMs}>
       <Tooltip {...props}>
         {renderTriggerSlot(TooltipTrigger, schema.trigger)}
diff --git a/ui/packages/types/src/base.ts b/ui/packages/types/src/base.ts
index 10dd536c849..cd777254a53 100644
--- a/ui/packages/types/src/base.ts
+++ b/ui/packages/types/src/base.ts
@@ -793,7 +793,7 @@ export interface ComponentRendererProps<TSchema extends BaseSchema = BaseSchema>
   /**
    * Additional properties passed to the renderer
    */
-  [key: string]: any;
+  [key: string]: unknown;
 }
 
 /**