@vertesia/ui 1.4.0-dev.20260629.130134Z → 1.4.1

package/src/features/magic-pdf/AnnotatedImageSlider.tsx

@@ -1,4 +1,4 @@
-import { Button, Center, VTooltip } from '@vertesia/ui/core';
+import { Button, Center } from '@vertesia/ui/core';
 import { useUITranslation } from '@vertesia/ui/i18n';
 import clsx from 'clsx';
 import { ChevronsDown, ChevronsUp, Image, Loader2, Maximize, Minus, Plus, ScanSearch } from 'lucide-react';
@@ -255,7 +255,7 @@ export function AnnotatedImageSlider({ className, currentPage, onChange }: Annot
     return (
         <div ref={ref} className={clsx('flex flex-col items-stretch gap-y-2', className)}>
             <div className="relative flex items-center justify-center px-2 h-9">
-                <Button variant="ghost" size="xs" onClick={goPrev} alt={t('pdf.previousPage')}>
+                <Button variant="ghost" size="xs" onClick={goPrev} title={t('pdf.previousPage')}>
                     <ChevronsUp className="size-4" />
                 </Button>
                 <div className="absolute start-2 flex items-center gap-x-1">
@@ -302,7 +302,7 @@ export function AnnotatedImageSlider({ className, currentPage, onChange }: Annot
                 ))}
             </div>
             <div className="flex items-center justify-center h-9">
-                <Button variant="ghost" size="xs" onClick={goNext} alt={t('pdf.nextPage')}>
+                <Button variant="ghost" size="xs" onClick={goNext} title={t('pdf.nextPage')}>
                     <ChevronsDown className="size-4" />
                 </Button>
             </div>
@@ -320,22 +320,21 @@ interface ImageTypeButtonProps {
 function ImageTypeButton({ type, currentType, onClick, icon, tooltip }: ImageTypeButtonProps) {
     const isSelected = type === currentType;
     return (
-        <VTooltip description={tooltip} placement="bottom" size="xs">
-            <Button
-                variant="unstyled"
-                aria-label={tooltip}
-                aria-pressed={isSelected}
-                className={clsx(
-                    'p-1 rounded cursor-pointer transition-colors',
-                    isSelected
-                        ? 'text-primary bg-primary/10'
-                        : 'text-muted-foreground hover:text-foreground hover:bg-muted',
-                )}
-                onClick={onClick}
-            >
-                {icon}
-            </Button>
-        </VTooltip>
+        <Button
+            title={tooltip}
+            tooltipPlacement="bottom"
+            variant="unstyled"
+            aria-pressed={isSelected}
+            className={clsx(
+                'p-1 rounded cursor-pointer transition-colors',
+                isSelected
+                    ? 'text-primary bg-primary/10'
+                    : 'text-muted-foreground hover:text-foreground hover:bg-muted',
+            )}
+            onClick={onClick}
+        >
+            {icon}
+        </Button>
     );
 }
 
@@ -351,54 +350,51 @@ function ZoomControls({ zoom, onZoomIn, onZoomOut, onFitToView, canZoomIn, canZo
     const { t } = useUITranslation();
     return (
         <div className="flex items-center gap-x-0.5">
-            <VTooltip description={t('pdf.zoomOut')} placement="bottom" size="xs">
-                <Button
-                    variant="unstyled"
-                    aria-label={t('pdf.zoomOut')}
-                    className={clsx(
-                        'p-1 rounded cursor-pointer transition-colors',
-                        canZoomOut
-                            ? 'text-muted-foreground hover:text-foreground hover:bg-muted'
-                            : 'text-muted-foreground/40 cursor-not-allowed',
-                    )}
-                    onClick={onZoomOut}
-                    disabled={!canZoomOut}
-                >
-                    <Minus className="size-4" />
-                </Button>
-            </VTooltip>
+            <Button
+                title={t('pdf.zoomOut')}
+                tooltipPlacement="bottom"
+                variant="unstyled"
+                className={clsx(
+                    'p-1 rounded cursor-pointer transition-colors',
+                    canZoomOut
+                        ? 'text-muted-foreground hover:text-foreground hover:bg-muted'
+                        : 'text-muted-foreground/40 cursor-not-allowed',
+                )}
+                onClick={onZoomOut}
+                disabled={!canZoomOut}
+            >
+                <Minus className="size-4" />
+            </Button>
             <span className="text-xs text-muted-foreground min-w-[32px] text-center">{zoom}%</span>
-            <VTooltip description={t('pdf.zoomIn')} placement="bottom" size="xs">
-                <Button
-                    variant="unstyled"
-                    aria-label={t('pdf.zoomIn')}
-                    className={clsx(
-                        'p-1 rounded cursor-pointer transition-colors',
-                        canZoomIn
-                            ? 'text-muted-foreground hover:text-foreground hover:bg-muted'
-                            : 'text-muted-foreground/40 cursor-not-allowed',
-                    )}
-                    onClick={onZoomIn}
-                    disabled={!canZoomIn}
-                >
-                    <Plus className="size-4" />
-                </Button>
-            </VTooltip>
-            <VTooltip description={t('pdf.fitToWidth')} placement="bottom" size="xs">
-                <Button
-                    variant="unstyled"
-                    aria-label={t('pdf.fitToWidth')}
-                    className={clsx(
-                        'p-1 rounded cursor-pointer transition-colors',
-                        zoom !== DEFAULT_ZOOM
-                            ? 'text-muted-foreground hover:text-foreground hover:bg-muted'
-                            : 'text-muted-foreground/40',
-                    )}
-                    onClick={onFitToView}
-                >
-                    <Maximize className="size-4" />
-                </Button>
-            </VTooltip>
+            <Button
+                title={t('pdf.zoomIn')}
+                tooltipPlacement="bottom"
+                variant="unstyled"
+                className={clsx(
+                    'p-1 rounded cursor-pointer transition-colors',
+                    canZoomIn
+                        ? 'text-muted-foreground hover:text-foreground hover:bg-muted'
+                        : 'text-muted-foreground/40 cursor-not-allowed',
+                )}
+                onClick={onZoomIn}
+                disabled={!canZoomIn}
+            >
+                <Plus className="size-4" />
+            </Button>
+            <Button
+                title={t('pdf.fitToWidth')}
+                tooltipPlacement="bottom"
+                variant="unstyled"
+                className={clsx(
+                    'p-1 rounded cursor-pointer transition-colors',
+                    zoom !== DEFAULT_ZOOM
+                        ? 'text-muted-foreground hover:text-foreground hover:bg-muted'
+                        : 'text-muted-foreground/40',
+                )}
+                onClick={onFitToView}
+            >
+                <Maximize className="size-4" />
+            </Button>
         </div>
     );
 }

package/src/features/magic-pdf/DownloadPopover.tsx

@@ -30,7 +30,7 @@ export function DownloadPopover({ object }: DownloadPopoverProps) {
     // For markdown processor, only one download option - render simple button
     if (processorType === 'markdown') {
         return (
-            <Button variant="ghost" size="xs" onClick={() => onDownload('document.md')} alt={t('pdf.download')}>
+            <Button variant="ghost" size="xs" onClick={() => onDownload('document.md')} title={t('pdf.download')}>
                 <Download className="size-4" />
             </Button>
         );
@@ -40,7 +40,7 @@ export function DownloadPopover({ object }: DownloadPopoverProps) {
     return (
         <Popover>
             <PopoverTrigger>
-                <Button variant="ghost" size="xs" alt={t('pdf.download')}>
+                <Button variant="ghost" size="xs" title={t('pdf.download')}>
                     <Download className="size-4" />
                 </Button>
             </PopoverTrigger>

package/src/features/magic-pdf/MagicPdfView.tsx

@@ -94,7 +94,7 @@ export function MagicPdfView({ objectId, onClose }: MagicPdfViewProps) {
                 {/* Header matching the main view layout */}
                 <div className="flex h-9 items-center justify-end shrink-0 bg-sidebar px-2 border-b border-sidebar-border">
                     {onClose && (
-                        <Button variant="ghost" size="xs" onClick={onClose} alt={t('pdf.close')}>
+                        <Button variant="ghost" size="xs" onClick={onClose} title={t('pdf.close')}>
                             <X className="size-4" />
                         </Button>
                     )}
@@ -157,7 +157,7 @@ function MagicPdfViewImpl({ object, onClose }: _MagicPdfViewProps) {
                         </span>
                         <div className="flex items-center gap-x-2">
                             {!!onClose && (
-                                <Button variant="ghost" size="xs" onClick={onClose} alt={t('pdf.close')}>
+                                <Button variant="ghost" size="xs" onClick={onClose} title={t('pdf.close')}>
                                     <X className="size-4" />
                                 </Button>
                             )}
@@ -195,7 +195,7 @@ function MagicPdfViewImpl({ object, onClose }: _MagicPdfViewProps) {
                     <span className="text-xs text-muted-foreground">{t('pdf.pageOf', { pageNumber, totalPages })}</span>
                     <div className="flex items-center gap-x-2">
                         {!!onClose && (
-                            <Button variant="ghost" size="xs" onClick={onClose} alt={t('pdf.close')}>
+                            <Button variant="ghost" size="xs" onClick={onClose} title={t('pdf.close')}>
                                 <X className="size-4" />
                             </Button>
                         )}

package/src/features/oauth/McpConnectionsButton.tsx

@@ -161,7 +161,6 @@ export function McpConnectionsInlineList({
                                 size="sm"
                                 disabled
                                 className="h-6 w-32 justify-center px-2 text-xs"
-                                aria-label={t('mcpConnections.checkingStatus')}
                                 title={t('mcpConnections.checkingStatus')}
                             >
                                 <Spinner className="size-3" />
@@ -234,7 +233,6 @@ export function McpConnectionsActionMenu({
                         variant="ghost"
                         size="icon"
                         className="size-8 rounded-md text-muted hover:bg-muted"
-                        aria-label={t('mcpConnections.settings')}
                         title={t('mcpConnections.settings')}
                         disabled={loading}
                     >

package/src/features/oauth/McpConnectionsDialog.tsx

@@ -98,7 +98,6 @@ export function McpConnectionsDialog({
                                                 size="sm"
                                                 disabled
                                                 className="h-6 w-32 justify-center px-2 text-xs"
-                                                aria-label={t('mcpConnections.checkingStatus')}
                                                 title={t('mcpConnections.checkingStatus')}
                                             >
                                                 <Spinner className="size-3" />

package/src/features/oauth/RemoteMcpConnectionButton.tsx

@@ -144,7 +144,6 @@ export function RemoteMcpConnectionButton({
                     size="sm"
                     disabled
                     className={compactActionClassName}
-                    aria-label={t('mcpConnections.checkingStatus')}
                     title={t('mcpConnections.checkingStatus')}
                 >
                     <Spinner className="size-3" />

package/src/features/pdf-viewer/PdfPageSlider.tsx

@@ -308,7 +308,7 @@ export function PdfPageSlider({
     return (
         <div ref={ref} className={clsx('flex flex-col items-stretch', compact ? 'gap-y-1' : 'gap-y-2', className)}>
             <div className={clsx('relative flex items-center justify-center px-2', compact ? 'h-6' : 'h-9')}>
-                <Button variant="ghost" size="xs" onClick={goPrev} alt={t('pdf.previousPage')}>
+                <Button variant="ghost" size="xs" onClick={goPrev} title={t('pdf.previousPage')}>
                     <ChevronsUp className="size-4" />
                 </Button>
                 <div className="absolute start-2 flex items-center gap-x-1">
@@ -378,7 +378,7 @@ export function PdfPageSlider({
                 />
             </div>
             <div className={clsx('flex items-center justify-center', compact ? 'h-6' : 'h-9')}>
-                <Button variant="ghost" size="xs" onClick={goNext} alt={t('pdf.nextPage')}>
+                <Button variant="ghost" size="xs" onClick={goNext} title={t('pdf.nextPage')}>
                     <ChevronsDown className="size-4" />
                 </Button>
             </div>
@@ -454,18 +454,18 @@ function ZoomControls({ zoom, onZoomIn, onZoomOut, onFitToView, canZoomIn, canZo
     const { t } = useUITranslation();
     return (
         <div className="flex items-center gap-x-0.5">
-            <Button variant="ghost" size="xs" onClick={onZoomOut} isDisabled={!canZoomOut} alt={t('pdf.zoomOut')}>
+            <Button variant="ghost" size="xs" onClick={onZoomOut} isDisabled={!canZoomOut} title={t('pdf.zoomOut')}>
                 <Minus />
             </Button>
             <span className="text-xs text-muted-foreground min-w-[32px] text-center">{zoom}%</span>
-            <Button variant="ghost" size="xs" onClick={onZoomIn} isDisabled={!canZoomIn} alt={t('pdf.zoomIn')}>
+            <Button variant="ghost" size="xs" onClick={onZoomIn} isDisabled={!canZoomIn} title={t('pdf.zoomIn')}>
                 <Plus />
             </Button>
             <Button
                 variant="ghost"
                 size="xs"
                 onClick={onFitToView}
-                alt={t('pdf.fitToWidth')}
+                title={t('pdf.fitToWidth')}
                 className={zoom === DEFAULT_ZOOM ? 'text-muted-foreground/40' : undefined}
             >
                 <Maximize />

package/src/features/pdf-viewer/SimplePdfViewer.tsx

@@ -1,5 +1,5 @@
 import type { ContentObject } from '@vertesia/common';
-import { Button, Spinner, VTooltip } from '@vertesia/ui/core';
+import { Button, Spinner } from '@vertesia/ui/core';
 import { useUITranslation } from '@vertesia/ui/i18n';
 import { useUserSession } from '@vertesia/ui/session';
 import { Maximize2, X } from 'lucide-react';
@@ -100,7 +100,7 @@ export function SimplePdfViewer({ object, url, source, className }: SimplePdfVie
                         variant="ghost"
                         size="xs"
                         onClick={() => setIsFullscreen(false)}
-                        alt={t('pdf.closeFullscreen')}
+                        title={t('pdf.closeFullscreen')}
                     >
                         <X className="size-4" />
                     </Button>
@@ -131,16 +131,15 @@ export function SimplePdfViewer({ object, url, source, className }: SimplePdfVie
                 className={className}
                 compact
                 headerExtra={
-                    <VTooltip description={t('pdf.fullscreen')} placement="bottom" size="xs">
-                        <Button
-                            variant="unstyled"
-                            className="p-1 rounded cursor-pointer transition-colors text-muted-foreground hover:text-foreground hover:bg-muted"
-                            onClick={() => setIsFullscreen(true)}
-                            aria-label={t('pdf.fullscreen')}
-                        >
-                            <Maximize2 className="size-4" />
-                        </Button>
-                    </VTooltip>
+                    <Button
+                        title={t('pdf.fullscreen')}
+                        tooltipPlacement="bottom"
+                        variant="unstyled"
+                        className="p-1 rounded cursor-pointer transition-colors text-muted-foreground hover:text-foreground hover:bg-muted"
+                        onClick={() => setIsFullscreen(true)}
+                    >
+                        <Maximize2 className="size-4" />
+                    </Button>
                 }
             />
         </div>

package/src/features/store/objects/DocumentQuickFilter.tsx

@@ -1,4 +1,4 @@
-import { Button, CopyButton, VTooltip } from '@vertesia/ui/core';
+import { Button, CopyButton } from '@vertesia/ui/core';
 import { Filter } from 'lucide-react';
 import { createContext, type ReactNode, useContext } from 'react';
 
@@ -52,20 +52,18 @@ export function DocumentCellActions({
                 <CopyButton content={copyContent} className={ACTION_BTN_CLASS} />
             )}
             {hasValue && value !== undefined && (
-                <VTooltip description={`Filter by ${label}`} asChild size="xs">
-                    <Button
-                        variant="ghost"
-                        size="sm"
-                        aria-label={`Filter by ${label}`}
-                        className={ACTION_BTN_CLASS}
-                        onClick={(e) => {
-                            e.stopPropagation();
-                            onFilter?.(field, value);
-                        }}
-                    >
-                        <Filter className="size-3" />
-                    </Button>
-                </VTooltip>
+                <Button
+                    variant="ghost"
+                    size="sm"
+                    title={`Filter by ${label}`}
+                    className={ACTION_BTN_CLASS}
+                    onClick={(e) => {
+                        e.stopPropagation();
+                        onFilter?.(field, value);
+                    }}
+                >
+                    <Filter className="size-3" />
+                </Button>
             )}
         </>
     );

package/src/features/store/objects/DocumentSearchResults.tsx

@@ -12,7 +12,6 @@ import {
     Spinner,
     useIntersectionObserver,
     useToast,
-    VTooltip,
 } from '@vertesia/ui/core';
 import { useUITranslation } from '@vertesia/ui/i18n';
 import { useNavigate } from '@vertesia/ui/router';
@@ -442,11 +441,9 @@ function Toolsbar(props: ToolsbarProps) {
                 </div>
             )}
             <div className="flex gap-1 items-center">
-                <VTooltip description={t('store.refresh')} asChild size="xs" placement="top">
-                    <Button variant="outline" onClick={handleRefetch} aria-label={t('store.refresh')}>
-                        <RefreshCw size={16} />
-                    </Button>
-                </VTooltip>
+                <Button variant="outline" onClick={handleRefetch} title={t('store.refresh')}>
+                    <RefreshCw size={16} />
+                </Button>
                 <ContentDispositionButton onUpdate={setIsGridView} />
             </div>
         </div>

package/src/features/store/objects/components/ContentDispositionButton.tsx

@@ -33,7 +33,11 @@ export function ContentDispositionButton({ onUpdate }: Readonly<ContentDispositi
     };
 
     return (
-        <Button variant="outline" onClick={updateView} alt={isGridView ? t('misc.tableView') : t('misc.thumbnailView')}>
+        <Button
+            variant="outline"
+            onClick={updateView}
+            title={isGridView ? t('misc.tableView') : t('misc.thumbnailView')}
+        >
             {isGridView ? <TableProperties /> : <LayoutGrid />}
         </Button>
     );

package/src/features/store/objects/components/ContentOverview.tsx

@@ -247,7 +247,7 @@ function PropertiesPanel({
                         <Button
                             variant={`${viewCode ? 'ghost' : 'primary'}`}
                             size="sm"
-                            alt={t('store.previewProperties')}
+                            title={t('store.previewProperties')}
                             onClick={() => setViewCode(!viewCode)}
                         >
                             Properties
@@ -255,7 +255,7 @@ function PropertiesPanel({
                         <Button
                             variant={`${viewCode ? 'primary' : 'ghost'}`}
                             size="sm"
-                            alt={t('store.viewInJsonFormat')}
+                            title={t('store.viewInJsonFormat')}
                             onClick={() => setViewCode(!viewCode)}
                         >
                             JSON
@@ -422,7 +422,7 @@ function DataPanel({
                             <Button
                                 variant={currentPanel === PanelView.Image ? 'primary' : 'ghost'}
                                 size="sm"
-                                alt={t('store.viewImage')}
+                                title={t('store.viewImage')}
                                 onClick={() => setCurrentPanel(PanelView.Image)}
                             >
                                 Image
@@ -432,7 +432,7 @@ function DataPanel({
                             <Button
                                 variant={currentPanel === PanelView.Video ? 'primary' : 'ghost'}
                                 size="sm"
-                                alt={t('store.viewVideo')}
+                                title={t('store.viewVideo')}
                                 onClick={() => setCurrentPanel(PanelView.Video)}
                             >
                                 Video
@@ -442,7 +442,7 @@ function DataPanel({
                             <Button
                                 variant={currentPanel === PanelView.Audio ? 'primary' : 'ghost'}
                                 size="sm"
-                                alt={t('store.viewAudio')}
+                                title={t('store.viewAudio')}
                                 onClick={() => setCurrentPanel(PanelView.Audio)}
                             >
                                 Audio
@@ -452,7 +452,7 @@ function DataPanel({
                             <Button
                                 variant={currentPanel === PanelView.Transcript ? 'primary' : 'ghost'}
                                 size="sm"
-                                alt={t('store.viewTranscript')}
+                                title={t('store.viewTranscript')}
                                 onClick={() => setCurrentPanel(PanelView.Transcript)}
                             >
                                 Transcript
@@ -461,7 +461,7 @@ function DataPanel({
                         <Button
                             variant={currentPanel === PanelView.Text ? 'primary' : 'ghost'}
                             size="sm"
-                            alt={t('store.viewText')}
+                            title={t('store.viewText')}
                             onClick={() => setCurrentPanel(PanelView.Text)}
                         >
                             Text
@@ -470,7 +470,7 @@ function DataPanel({
                             <Button
                                 variant={currentPanel === PanelView.Pdf ? 'primary' : 'ghost'}
                                 size="sm"
-                                alt={t('store.viewPdf')}
+                                title={t('store.viewPdf')}
                                 onClick={() => setCurrentPanel(PanelView.Pdf)}
                             >
                                 PDF
@@ -480,7 +480,7 @@ function DataPanel({
                             <Button
                                 variant={currentPanel === PanelView.Pdf ? 'primary' : 'ghost'}
                                 size="sm"
-                                alt={t('store.viewAsPdf')}
+                                title={t('store.viewAsPdf')}
                                 onClick={() => {
                                     setCurrentPanel(PanelView.Pdf);
                                     if (!pdfRendition && !officePdfUrl && !officePdfConverting) {
@@ -687,7 +687,7 @@ function TextActions({ object, text, fullText, handleCopyContent, onToggleEdit,
                     </>
                 )}
                 {isDownloading ? (
-                    <Button variant="ghost" size="sm" disabled className="flex items-center gap-2" alt="download">
+                    <Button variant="ghost" size="sm" disabled className="flex items-center gap-2" title="download">
                         <Spinner size="sm" />
                     </Button>
                 ) : (
@@ -698,7 +698,7 @@ function TextActions({ object, text, fullText, handleCopyContent, onToggleEdit,
                                 size="sm"
                                 disabled={!text}
                                 className="flex items-center gap-2"
-                                alt="download"
+                                title="download"
                             >
                                 <Download className="size-4" />
                             </Button>

package/src/features/store/objects/components/DocumentIcon.tsx

@@ -104,7 +104,7 @@ export function DocumentIcon({
                 <Button
                     variant="ghost"
                     size="sm"
-                    title="Preivew Object"
+                    title="Preview Object"
                     onClick={(e) => {
                         e.stopPropagation();
                         previewObject?.(document.id);

package/src/features/store/objects/components/VectorSearchWidget.tsx

@@ -141,7 +141,7 @@ export function VectorSearchWidget({ onChange, isLoading, refresh, searchTypes }
             <Button
                 variant="ghost"
                 onClick={() => setShowSettings(true)}
-                alt={t('store.semanticSearchSettings')}
+                title={t('store.semanticSearchSettings')}
                 className="ms-1"
             >
                 <Settings size={18} />
@@ -194,7 +194,7 @@ export function VectorSearchWidget({ onChange, isLoading, refresh, searchTypes }
                 isLoading={isLoading}
                 onClick={fireSearch}
                 isDisabled={!isReady}
-                alt={t('store.semanticSearch')}
+                title={t('store.semanticSearch')}
             >
                 {t('store.search')}
             </Button>

package/src/features/store/objects/layout/renderers.tsx

@@ -156,7 +156,6 @@ const renderers: Record<
                 <td key={index} className="flex justify-start items-center gap-2 group/field">
                     <Button
                         variant="ghost"
-                        aria-label="Preview Object"
                         title="Preview Object"
                         onClick={(e) => {
                             e.stopPropagation();
@@ -213,7 +212,7 @@ const renderers: Record<
                     {displayValue}
                     <Button
                         variant="ghost"
-                        alt="Preview Object"
+                        title="Preview Object"
                         onClick={(e) => {
                             e.stopPropagation();
                             onClick?.(objectId);

package/src/features/store/objects/selection/SelectionActions.tsx

@@ -56,7 +56,7 @@ export function SelectionActions({
                 >
                     {(actions) =>
                         actions.length > 0 ? (
-                            <Button variant="ghost" alt="More action" size="sm">
+                            <Button variant="ghost" title="More action" size="sm">
                                 <EllipsisVertical size={16} />
                             </Button>
                         ) : null

package/src/features/store/objects/selection/actions/StartWorkflowComponent.tsx

@@ -64,7 +64,7 @@ interface StartWorkflowModalProps {
 function StartWorkflowModal({ isOpen, onClose }: StartWorkflowModalProps) {
     const { t } = useUITranslation();
     return (
-        <Modal onClose={() => onClose(undefined)} isOpen={isOpen} className="">
+        <Modal onClose={() => onClose(undefined)} isOpen={isOpen} size="lg">
             <ModalTitle>{t('store.actions.startWorkflowByRule')}</ModalTitle>
             <StartWorkflowBody onClose={onClose} />
         </Modal>
@@ -75,8 +75,8 @@ function optionLayout(option: ObjectsActionSpec) {
     return {
         label: (
             <div>
-                <div>{option.name}</div>
-                <div className="text-sm text-muted">{option.description}</div>
+                <div className="text-start">{option.name}</div>
+                <div className="text-sm text-muted text-wrap text-start">{option.description}</div>
             </div>
         ),
         reverse: true,
@@ -102,11 +102,12 @@ function StartWorkflowBody({ onClose }: StartWorkflowBodyProps) {
     };
 
     return (
-        <div>
+        <>
             <ModalBody>
                 <div className="pb-2">{t('store.actions.chooseWorkflowRule')}</div>
                 <div className="max-h-[420px] overflow-y-scroll border-border border rounded-md">
                     <SelectList
+                        className="w-full"
                         options={context.wfRules}
                         optionLayout={optionLayout}
                         onChange={onSelect}
@@ -122,6 +123,6 @@ function StartWorkflowBody({ onClose }: StartWorkflowBodyProps) {
                     Start
                 </Button>
             </ModalFooter>
-        </div>
+        </>
     );
 }

package/src/features/store/types/ContentObjectTypesTable.tsx

@@ -42,20 +42,18 @@ export function ContentObjectTypesTable({ objects, isLoading, onFilter }: Conten
                                 <span className="truncate">{obj.name}</span>
                                 <CopyButton content={obj.id} className={ACTION_BTN_CLASS} />
                                 {onFilter && (
-                                    <VTooltip description={`Filter by ${obj.name}`} asChild size="xs">
-                                        <Button
-                                            variant="ghost"
-                                            size="sm"
-                                            aria-label={`Filter by ${obj.name}`}
-                                            className={ACTION_BTN_CLASS}
-                                            onClick={(e) => {
-                                                e.stopPropagation();
-                                                onFilter('name', obj.name);
-                                            }}
-                                        >
-                                            <Filter className="size-3" />
-                                        </Button>
-                                    </VTooltip>
+                                    <Button
+                                        variant="ghost"
+                                        size="sm"
+                                        title={`Filter by ${obj.name}`}
+                                        className={ACTION_BTN_CLASS}
+                                        onClick={(e) => {
+                                            e.stopPropagation();
+                                            onFilter('name', obj.name);
+                                        }}
+                                    >
+                                        <Filter className="size-3" />
+                                    </Button>
                                 )}
                             </div>
                         </td>