updates on the ai bot and the queries and the delivereis page

src/components/assistant/DoormileAI/AIMessage.jsx

@@ -6,8 +6,7 @@ import { LuChevronDown } from 'react-icons/lu';
 import { HStack } from '@astryxdesign/core/HStack';
 import { VStack } from '@astryxdesign/core/VStack';
 import { Text } from '@astryxdesign/core/Text';
-import { IconButton } from '@astryxdesign/core/IconButton';
-import { Button } from '@astryxdesign/core/Button';
+import { Button } from '@/components/ui/button';
 import { ChatToolCalls } from '@astryxdesign/core/Chat';
 
 import { Spark, Metric, StatGrid, StateBlock, AnswerList } from './AIParts';
@@ -138,35 +137,46 @@ const AssistantMessage = ({ message, onCopy, onSubmitForm, onCancelAction, onCho
       {['confirmCustomer', 'confirmOrder', 'confirmBulk', 'confirmAssign'].includes(message.form?.kind) && (
         <VStack className="dai-action" gap={1.5} padding={0}>
           {message.form.status === 'open' ? (
-            <HStack gap={1.5} padding={0}>
+            <div className="flex flex-wrap items-center gap-2 pt-1">
               <Button
-                label={
-                  message.form.confirmLabel
-                    ? message.form.confirmLabel
-                    : message.form.kind === 'confirmBulk'
-                    ? `Create ${message.form.draft?.rows?.length || 0} orders`
-                    : message.form.kind === 'confirmOrder'
-                    ? 'Create order'
-                    : message.form.kind === 'confirmAssign'
-                    ? 'Assign rider'
-                    : 'Submit'
-                }
-                variant="primary"
+                variant="default"
                 size="sm"
+                className="bg-slate-900 text-white hover:bg-black font-semibold text-xs px-3.5 h-8 rounded-lg shadow-xs cursor-pointer"
                 onClick={() => onSubmitForm(message, message.form.payload || message.form.draft)}
-              />
-              <Button label="Cancel" variant="secondary" size="sm" onClick={() => onCancelAction(message)} />
+              >
+                {message.form.confirmLabel
+                  ? message.form.confirmLabel
+                  : message.form.kind === 'confirmBulk'
+                  ? `Create ${message.form.draft?.rows?.length || 0} orders`
+                  : message.form.kind === 'confirmOrder'
+                  ? 'Create order'
+                  : message.form.kind === 'confirmAssign'
+                  ? 'Assign rider'
+                  : 'Submit'}
+              </Button>
+
+              <Button
+                variant="outline"
+                size="sm"
+                className="border border-slate-200 bg-white hover:bg-slate-50 text-slate-700 font-medium text-xs px-3 h-8 rounded-lg shadow-2xs cursor-pointer"
+                onClick={() => onCancelAction(message)}
+              >
+                Cancel
+              </Button>
+
               {/* A second, wider commit — used when rows were excluded by
                   default but including them is a legitimate choice. */}
               {message.form.altDraft && (
                 <Button
-                  label={message.form.altLabel || 'Include everything'}
                   variant="ghost"
                   size="sm"
+                  className="text-slate-600 hover:bg-slate-100 font-medium text-xs px-3 h-8 rounded-lg cursor-pointer"
                   onClick={() => onSubmitForm(message, message.form.altDraft)}
-                />
+                >
+                  {message.form.altLabel || 'Include everything'}
+                </Button>
               )}
-            </HStack>
+            </div>
           ) : (
             <Text className={`dai-action-note${message.form.status === 'done' ? ' dai-ok' : ''}`}>
               {message.form.status === 'done'