fix: address code review type safety feedback - replace any with typed interfaces

- Define ObjectWidgetSchema and ObjectFieldDesignerSchema interfaces
- Define ObjectWidgetNode for schema factory body nodes
- Replace (schema as any).objectName with typed schema access
- Replace node: any with SchemaNode in detail content renderers

Agent-Logs-Url: https://github.com/objectstack-ai/objectui/sessions/0c570236-7df3-4c11-b21b-0a9ee3d5968a

Co-authored-by: xuyushun441-sys <255036401+xuyushun441-sys@users.noreply.github.com>

Author: Copilot

apps/console/src/components/schema/ObjectFieldDesignerWidget.tsx

@@ -21,8 +21,13 @@ import { useMetadataService } from '../../hooks/useMetadataService';
 import { MetadataService } from '../../services/MetadataService';
 import { toFieldDefinition, type MetadataObject } from '../../utils/metadataConverters';
 
-export function ObjectFieldDesignerWidget({ schema }: { schema: SchemaNode }) {
-  const objectName = (schema as any).objectName as string;
+/** Schema props for the field designer widget. */
+interface ObjectFieldDesignerSchema extends SchemaNode {
+  objectName: string;
+}
+
+export function ObjectFieldDesignerWidget({ schema }: { schema: ObjectFieldDesignerSchema }) {
+  const objectName = schema.objectName;
   const { objects: metadataObjects, refresh } = useMetadata();
   const metadataService = useMetadataService();
 

apps/console/src/components/schema/objectDetailWidgets.tsx

@@ -26,6 +26,15 @@ import type { SchemaNode } from '@object-ui/core';
 import { useMetadata } from '../../context/MetadataProvider';
 import { toObjectDefinition, toFieldDefinition, type MetadataObject } from '../../utils/metadataConverters';
 
+// ---------------------------------------------------------------------------
+// Widget schema interface
+// ---------------------------------------------------------------------------
+
+/** Schema props for object detail widgets. All widgets receive `objectName`. */
+interface ObjectWidgetSchema extends SchemaNode {
+  objectName: string;
+}
+
 // ---------------------------------------------------------------------------
 // Shared hook: resolve object definition + fields from metadata context
 // ---------------------------------------------------------------------------
@@ -59,8 +68,8 @@ function useObjectData(objectName: string) {
 // Schema: { type: 'object-properties', objectName: 'account' }
 // ---------------------------------------------------------------------------
 
-export function ObjectPropertiesWidget({ schema }: { schema: SchemaNode }) {
-  const objectName = (schema as any).objectName as string;
+export function ObjectPropertiesWidget({ schema }: { schema: ObjectWidgetSchema }) {
+  const objectName = schema.objectName;
   const { object, fields } = useObjectData(objectName);
 
   if (!object) return null;
@@ -122,8 +131,8 @@ export function ObjectPropertiesWidget({ schema }: { schema: SchemaNode }) {
 // Schema: { type: 'object-relationships', objectName: 'account' }
 // ---------------------------------------------------------------------------
 
-export function ObjectRelationshipsWidget({ schema }: { schema: SchemaNode }) {
-  const objectName = (schema as any).objectName as string;
+export function ObjectRelationshipsWidget({ schema }: { schema: ObjectWidgetSchema }) {
+  const objectName = schema.objectName;
   const { object } = useObjectData(objectName);
 
   if (!object) return null;
@@ -165,8 +174,8 @@ export function ObjectRelationshipsWidget({ schema }: { schema: SchemaNode }) {
 // Schema: { type: 'object-keys', objectName: 'account' }
 // ---------------------------------------------------------------------------
 
-export function ObjectKeysWidget({ schema }: { schema: SchemaNode }) {
-  const objectName = (schema as any).objectName as string;
+export function ObjectKeysWidget({ schema }: { schema: ObjectWidgetSchema }) {
+  const objectName = schema.objectName;
   const { fields } = useObjectData(objectName);
 
   const keyFields = useMemo(
@@ -206,7 +215,7 @@ export function ObjectKeysWidget({ schema }: { schema: SchemaNode }) {
 // Schema: { type: 'object-data-experience', objectName: 'account' }
 // ---------------------------------------------------------------------------
 
-export function ObjectDataExperienceWidget(_props: { schema: SchemaNode }) {
+export function ObjectDataExperienceWidget(_props: { schema: ObjectWidgetSchema }) {
   return (
     <div className="rounded-lg border bg-card p-4 sm:p-6 space-y-4" data-testid="data-experience-section">
       <h2 className="text-sm font-semibold flex items-center gap-2">
@@ -239,8 +248,8 @@ export function ObjectDataExperienceWidget(_props: { schema: SchemaNode }) {
 // Schema: { type: 'object-data-preview', objectName: 'account' }
 // ---------------------------------------------------------------------------
 
-export function ObjectDataPreviewWidget({ schema }: { schema: SchemaNode }) {
-  const objectName = (schema as any).objectName as string;
+export function ObjectDataPreviewWidget({ schema }: { schema: ObjectWidgetSchema }) {
+  const objectName = schema.objectName;
   const { object } = useObjectData(objectName);
 
   return (

apps/console/src/pages/system/MetadataDetailPage.tsx

@@ -42,7 +42,7 @@ import { useMetadata } from '../../context/MetadataProvider';
 import { getMetadataTypeConfig, DEFAULT_FORM_FIELDS, type MetadataTypeConfig } from '../../config/metadataTypeRegistry';
 import { MetadataFormDialog } from '../../components/MetadataFormDialog';
 import { getIcon } from '../../utils/getIcon';
-import type { PageSchema } from '@object-ui/types';
+import type { PageSchema, SchemaNode, BaseSchema } from '@object-ui/types';
 
 // ---------------------------------------------------------------------------
 // Schema rendering error boundary (class component for React error boundary)
@@ -105,8 +105,8 @@ function SchemaDetailContent({ schema }: { schema: PageSchema }) {
 
   return (
     <div className="flex flex-col gap-6" data-testid="schema-detail-content">
-      {bodyNodes.map((node: any, idx: number) => (
-        <SchemaRenderer key={node?.id || idx} schema={node} />
+      {bodyNodes.map((node: SchemaNode, idx: number) => (
+        <SchemaRenderer key={(node as BaseSchema)?.id || idx} schema={node} />
       ))}
     </div>
   );

apps/console/src/pages/system/ObjectManagerPage.tsx

@@ -26,7 +26,7 @@ import {
 } from 'lucide-react';
 import { ObjectManager } from '@object-ui/plugin-designer';
 import { SchemaRenderer } from '@object-ui/react';
-import type { ObjectDefinition } from '@object-ui/types';
+import type { ObjectDefinition, SchemaNode, BaseSchema } from '@object-ui/types';
 import { toast } from 'sonner';
 import { useMetadata } from '../../context/MetadataProvider';
 import { useMetadataService } from '../../hooks/useMetadataService';
@@ -101,8 +101,8 @@ function ObjectSchemaDetailContent({ objectName, metadataObject }: {
 
   return (
     <div className="flex flex-col gap-6" data-testid="schema-detail-content">
-      {bodyNodes.map((node: any, idx: number) => (
-        <SchemaRenderer key={node?.id || idx} schema={node} />
+      {bodyNodes.map((node: SchemaNode, idx: number) => (
+        <SchemaRenderer key={(node as BaseSchema)?.id || idx} schema={node} />
       ))}
     </div>
   );

apps/console/src/schemas/objectDetailPageSchema.ts

@@ -13,7 +13,12 @@
  * @module schemas/objectDetailPageSchema
  */
 
-import type { PageSchema } from '@object-ui/types';
+import type { PageSchema, BaseSchema } from '@object-ui/types';
+
+/** Widget schema node with `objectName` property. */
+interface ObjectWidgetNode extends BaseSchema {
+  objectName: string;
+}
 
 /**
  * Build a PageSchema for an object detail page.
@@ -29,6 +34,15 @@ export function buildObjectDetailPageSchema(
   const label = (item?.label as string) || objectName;
   const description = (item?.description as string) || objectName;
 
+  const widgets: ObjectWidgetNode[] = [
+    { type: 'object-properties', id: `${objectName}-properties`, objectName },
+    { type: 'object-relationships', id: `${objectName}-relationships`, objectName },
+    { type: 'object-keys', id: `${objectName}-keys`, objectName },
+    { type: 'object-data-experience', id: `${objectName}-data-experience`, objectName },
+    { type: 'object-data-preview', id: `${objectName}-data-preview`, objectName },
+    { type: 'object-field-designer', id: `${objectName}-field-designer`, objectName },
+  ];
+
   return {
     type: 'page',
     name: `object-detail-${objectName}`,
@@ -37,13 +51,6 @@ export function buildObjectDetailPageSchema(
     icon: 'database',
     pageType: 'record_detail',
     object: objectName,
-    body: [
-      { type: 'object-properties', id: `${objectName}-properties`, objectName } as any,
-      { type: 'object-relationships', id: `${objectName}-relationships`, objectName } as any,
-      { type: 'object-keys', id: `${objectName}-keys`, objectName } as any,
-      { type: 'object-data-experience', id: `${objectName}-data-experience`, objectName } as any,
-      { type: 'object-data-preview', id: `${objectName}-data-preview`, objectName } as any,
-      { type: 'object-field-designer', id: `${objectName}-field-designer`, objectName } as any,
-    ],
+    body: widgets,
   };
 }