feat(lib): add disableDrag prop to OTab

Lets a single tab opt out of drag-to-reorder while OTabs is reorderable
(e.g. its label is being renamed inline). The grip stays visible but the
tab is no longer draggable and shows a text cursor instead of grab.

web/src/lib/navigation/Tabs/OTab.types.ts

@@ -12,6 +12,12 @@ export interface OTabProps {
   icon?: string;
   /** Prevents interaction with this tab */
   disable?: boolean;
+  /**
+   * Opt this single tab out of drag-to-reorder even while OTabs is reorderable
+   * (e.g. its label is being renamed inline). The grip stays visible but the tab
+   * is no longer draggable and shows a text cursor instead of grab.
+   */
+  disableDrag?: boolean;
   /** Tooltip shown on hover — especially useful when disable is true to explain why */
   tooltip?: string;
 }

web/src/lib/navigation/Tabs/OTab.vue

@@ -15,6 +15,7 @@ defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<OTabProps>(), {
   disable: false,
+  disableDrag: false,
 });
 
 defineSlots<OTabSlots>();
@@ -25,6 +26,8 @@ const isActive = computed<boolean>(() => context?.value.modelValue === props.nam
 const isDense = computed<boolean>(() => context?.value.dense ?? false);
 const isVertical = computed<boolean>(() => context?.value.isVertical ?? false);
 const isReorderable = computed<boolean>(() => context?.value.reorderable ?? false);
+/** Reorderable, and this tab hasn't opted out (e.g. while its label is edited). */
+const isDraggable = computed<boolean>(() => isReorderable.value && !props.disableDrag);
 /** This tab is the one being dragged → dim it. */
 const isDragging = computed<boolean>(
   () => isReorderable.value && context?.value.draggingName === props.name,
@@ -143,10 +146,11 @@ const heightClasses = computed<string>(() => {
         baseClasses,
         stateClasses,
         heightClasses,
-        isReorderable ? 'cursor-grab active:cursor-grabbing' : '',
+        isDraggable ? 'cursor-grab active:cursor-grabbing' : '',
+        isReorderable && disableDrag ? 'cursor-text' : '',
         isDragging ? 'opacity-40' : '',
       ]"
-      :draggable="isReorderable || undefined"
+      :draggable="isDraggable || undefined"
       :data-otab-name="name"
       v-bind="$attrs"
     >