Update deprecated Ant Design props

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

frontend/src/components/CasePlaybookRunModal.tsx

@@ -235,7 +235,7 @@ function CasePlaybookRunModal({ open, caseId, onClose, onSubmitted }: CasePlaybo
             <Alert
               type="error"
               showIcon
-              message={loadError}
+              title={loadError}
               style={{ marginBottom: 12 }}
               action={<Button size="small" icon={<ReloadOutlined />} onClick={loadDefinitions}>Retry</Button>}
             />

frontend/src/components/DataTable.tsx

@@ -850,7 +850,7 @@ export default function DataTable<RecordType extends Record<string, unknown> = R
           {actions}
           {selectedRowKeys.length > 0 && (
             <>
-              <Divider type="vertical" style={{ alignSelf: 'center' }} />
+              <Divider vertical style={{ alignSelf: 'center' }} />
               <Tooltip title="Clear selection">
                 <Button icon={<CloseOutlined />} onClick={clearSelection} />
               </Tooltip>

frontend/src/components/InlineFieldEditors.tsx

@@ -395,10 +395,9 @@ export function InlineUserEditor({ value, disabled, options = [], allowClear = t
 
   return (
     <Select
-      showSearch
+      showSearch={{ optionFilterProp: 'label' }}
       allowClear={allowClear}
       variant="borderless"
-      optionFilterProp="label"
       value={typeof value === 'string' ? value : null}
       disabled={disabled}
       options={options}

frontend/src/components/MessageComposer.tsx

@@ -111,7 +111,7 @@ export default function MessageComposer({
         })
       }}
     >
-      {mentionUsersError && <Alert type="warning" message={mentionUsersError} showIcon />}
+      {mentionUsersError && <Alert type="warning" title={mentionUsersError} showIcon />}
       <div
         style={{
           position: 'relative',

frontend/src/components/PersonalCenterModal.tsx

@@ -194,7 +194,7 @@ export default function PersonalCenterModal({ open, onClose }: PersonalCenterMod
       key: 'profile',
       label: <span><UserOutlined /> Profile</span>,
       children: (
-        <Space direction="vertical" size="middle" style={{ width: '100%' }}>
+        <Space vertical size="middle" style={{ width: '100%' }}>
           {user && (
             <div style={{ display: 'flex', alignItems: 'center', gap: 16, paddingBottom: 8 }}>
               <AvatarUpload
@@ -204,7 +204,7 @@ export default function PersonalCenterModal({ open, onClose }: PersonalCenterMod
                   if (token) setAuth(token, nextUser)
                 }}
               />
-              <Space direction="vertical" size={6}>
+              <Space vertical size={6}>
                 <Typography.Title level={4} style={{ margin: 0 }}>{user.username}</Typography.Title>
                 <Space size={6}>
                   <Tag {...comfortableTagProps} color={roleColor(user.role)}>{user.role.toUpperCase()}</Tag>
@@ -239,7 +239,7 @@ export default function PersonalCenterModal({ open, onClose }: PersonalCenterMod
       key: 'settings',
       label: <span><SettingOutlined /> Settings</span>,
       children: (
-        <Space direction="vertical" size="middle" style={{ width: '100%' }}>
+        <Space vertical size="middle" style={{ width: '100%' }}>
           <Typography.Title level={5} style={{ margin: 0 }}>Notification Preferences</Typography.Title>
           <Form form={settingsForm} layout="vertical">
             <Form.Item
@@ -279,7 +279,7 @@ export default function PersonalCenterModal({ open, onClose }: PersonalCenterMod
       key: 'api-keys',
       label: <span><ApiOutlined /> API Keys</span>,
       children: (
-        <Space direction="vertical" style={{ width: '100%' }} size="middle">
+        <Space vertical style={{ width: '100%' }} size="middle">
         <Space style={{ width: '100%', justifyContent: 'flex-end' }}>
           <Button type="primary" icon={<KeyOutlined />} onClick={() => setApiKeyModalOpen(true)} />
         </Space>
@@ -303,7 +303,7 @@ export default function PersonalCenterModal({ open, onClose }: PersonalCenterMod
         onCancel={onClose}
         footer={null}
         width={1100}
-        destroyOnClose
+        destroyOnHidden
         className="personal-modal"
       >
         <Tabs
@@ -311,7 +311,7 @@ export default function PersonalCenterModal({ open, onClose }: PersonalCenterMod
           className="personal-modal-tabs"
         />
       </Modal>
-      <Modal title="Create API Key" open={apiKeyModalOpen} onOk={createApiKey} onCancel={() => setApiKeyModalOpen(false)} destroyOnClose>
+      <Modal title="Create API Key" open={apiKeyModalOpen} onOk={createApiKey} onCancel={() => setApiKeyModalOpen(false)} destroyOnHidden>
         <Form form={apiKeyForm} layout="vertical">
           <Form.Item name="name" label="Name" rules={[{ required: true }]}><Input /></Form.Item>
           <Form.Item name="expires_at" label="Expires At"><DatePicker showTime placeholder="Leave empty to never expire" style={{ width: '100%' }} /></Form.Item>

frontend/src/components/TableFilterModal.tsx

@@ -396,8 +396,8 @@ export default function TableFilterModal({
   }
 
   const currentFilterPanel = (
-    <Space direction="vertical" size={18} style={{ width: '100%', height: '100%' }}>
-      <Space direction="vertical" style={{ width: '100%' }} size={16}>
+    <Space vertical size={18} style={{ width: '100%', height: '100%' }}>
+      <Space vertical style={{ width: '100%' }} size={16}>
         {draftAdvanced.map((condition, index) => {
           const selectedField = fields.find((field) => field.key === condition.field) || fields[0]
           if (!selectedField) return null
@@ -472,7 +472,7 @@ export default function TableFilterModal({
   const savedPanel = savedFiltersLoading ? (
     <Empty description="Loading saved filters..." />
   ) : savedFilters.length ? (
-    <Space direction="vertical" size={8} style={{ width: '100%' }}>
+    <Space vertical size={8} style={{ width: '100%' }}>
       {savedFilters.map((item) => (
         <div
           key={item.id}

frontend/src/pages/LLMProviderSettings.tsx

@@ -244,7 +244,7 @@ export default function LLMProviderSettings() {
         open={modalOpen}
         onCancel={closeModal}
         width={760}
-        destroyOnClose
+        destroyOnHidden
         footer={(
           <Space>
             <Button onClick={testFormProvider} loading={testingForm}>Test</Button>

frontend/src/pages/UserCreateModal.tsx

@@ -34,7 +34,7 @@ export default function UserCreateModal({ open, onClose, onCreated }: UserCreate
   }
 
   return (
-    <Modal title="Create User" open={open} onOk={onOk} onCancel={onClose} okText="Create" width={720} destroyOnClose>
+    <Modal title="Create User" open={open} onOk={onOk} onCancel={onClose} okText="Create" width={720} destroyOnHidden>
       <Form form={form} layout="vertical" initialValues={{ auth_type: 'local', role: 'user' }} style={{ paddingTop: 8 }}>
         <Form.Item name="username" label="Username" rules={[{ required: true }]}><Input /></Form.Item>
         <Row gutter={16}>

frontend/src/pages/UserDetailModal.tsx

@@ -88,7 +88,7 @@ export default function UserDetailModal({ userId, open, onClose, onSaved }: User
         body: { background: token.colorBgContainer },
         footer: { background: token.colorBgContainer },
       }}
-      destroyOnClose
+      destroyOnHidden
     >
       <Form form={form} layout="vertical" disabled={loading} style={{ paddingTop: 8 }}>
         <Row gutter={16}>

frontend/src/pages/UserManagement.tsx

@@ -154,8 +154,8 @@ export default function UserManagement() {
         onClose={() => setSelectedUserId(null)}
         onSaved={refresh}
       />
-      <Modal title="Copy User Login Message" open={credentials !== null} onCancel={() => setCredentials(null)} footer={null} destroyOnClose>
-        <Space direction="vertical" style={{ width: '100%' }}>
+      <Modal title="Copy User Login Message" open={credentials !== null} onCancel={() => setCredentials(null)} footer={null} destroyOnHidden>
+        <Space vertical style={{ width: '100%' }}>
           <Input.TextArea value={messageText} rows={5} readOnly />
           <Button
             type="primary"