@abraca/nuxt 0.2.0 → 1.5.0

package/dist/runtime/components/renderers/table/cells/ATableCellSelect.vue.d.ts

@@ -0,0 +1,18 @@
+import type { TableColumnDef } from '../../../../composables/useChildTree.js';
+type __VLS_Props = {
+    value: unknown;
+    editing: boolean;
+    column: TableColumnDef;
+    metaType: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+    startEdit: () => any;
+    stopEdit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    onStartEdit?: (() => any) | undefined;
+    onStopEdit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/table/cells/ATableCellSlider.d.vue.ts

@@ -0,0 +1,16 @@
+import type { TableColumnDef } from '../../../../composables/useChildTree.js';
+type __VLS_Props = {
+    value: unknown;
+    column: TableColumnDef;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+    startEdit: () => any;
+    stopEdit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    onStartEdit?: (() => any) | undefined;
+    onStopEdit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/table/cells/ATableCellSlider.vue

@@ -0,0 +1,35 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  value: { type: null, required: true },
+  column: { type: Object, required: true }
+});
+defineEmits(["update:modelValue", "startEdit", "stopEdit"]);
+const numValue = computed(() => Number(props.value) || 0);
+const min = computed(() => props.column.sliderMin ?? 0);
+const max = computed(() => props.column.sliderMax ?? 100);
+const percent = computed(() => {
+  const range = max.value - min.value;
+  if (range <= 0) return 0;
+  return Math.round((numValue.value - min.value) / range * 100);
+});
+</script>
+
+<template>
+  <div
+    class="min-h-5 flex items-center gap-2"
+    @click.stop
+    @mousedown.stop
+    @touchstart.stop
+  >
+    <div class="flex-1 h-1.5 rounded-full bg-(--ui-bg-elevated) overflow-hidden">
+      <div
+        class="h-full rounded-full bg-(--ui-primary) transition-all"
+        :style="{ width: `${percent}%` }"
+      />
+    </div>
+    <span class="text-xs text-(--ui-text-muted) tabular-nums shrink-0 w-7 text-right">
+      {{ numValue }}{{ max === 100 ? "%" : "" }}
+    </span>
+  </div>
+</template>

package/dist/runtime/components/renderers/table/cells/ATableCellSlider.vue.d.ts

@@ -0,0 +1,16 @@
+import type { TableColumnDef } from '../../../../composables/useChildTree.js';
+type __VLS_Props = {
+    value: unknown;
+    column: TableColumnDef;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+    startEdit: () => any;
+    stopEdit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    onStartEdit?: (() => any) | undefined;
+    onStopEdit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/table/cells/ATableCellTags.d.vue.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    value: unknown;
+    editing: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+    startEdit: () => any;
+    stopEdit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    onStartEdit?: (() => any) | undefined;
+    onStopEdit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/table/cells/ATableCellTags.vue

@@ -0,0 +1,92 @@
+<script setup>
+import { computed, ref, watch, nextTick } from "vue";
+const props = defineProps({
+  value: { type: null, required: true },
+  editing: { type: Boolean, required: true }
+});
+const emit = defineEmits(["update:modelValue", "startEdit", "stopEdit"]);
+const tags = computed(() => {
+  if (Array.isArray(props.value)) return props.value;
+  if (typeof props.value === "string" && props.value) return props.value.split(",").map((s) => s.trim()).filter(Boolean);
+  return [];
+});
+const editValue = ref("");
+const inputRef = ref(null);
+watch(() => props.editing, (v) => {
+  if (v) {
+    editValue.value = "";
+    nextTick(() => inputRef.value?.focus());
+  }
+});
+function addTag() {
+  const tag = editValue.value.trim();
+  if (!tag) return;
+  const updated = [...tags.value, tag];
+  emit("update:modelValue", updated);
+  editValue.value = "";
+}
+function removeTag(tag) {
+  emit("update:modelValue", tags.value.filter((t) => t !== tag));
+}
+function onKeydown(e) {
+  if (e.key === "Enter") {
+    e.preventDefault();
+    addTag();
+  } else if (e.key === "Backspace" && editValue.value === "" && tags.value.length) {
+    emit("update:modelValue", tags.value.slice(0, -1));
+  } else if (e.key === "Escape") {
+    emit("stopEdit");
+  }
+}
+</script>
+
+<template>
+  <div
+    class="min-h-5"
+    @click="emit('startEdit')"
+  >
+    <div
+      v-if="editing"
+      class="flex flex-wrap items-center gap-0.5"
+      @click.stop
+    >
+      <UBadge
+        v-for="tag in tags"
+        :key="tag"
+        size="sm"
+        variant="subtle"
+        color="neutral"
+        class="cursor-pointer"
+        @click="removeTag(tag)"
+      >
+        {{ tag }}
+        <UIcon
+          name="i-lucide-x"
+          class="size-2.5 ml-0.5"
+        />
+      </UBadge>
+      <input
+        ref="inputRef"
+        v-model="editValue"
+        class="bg-transparent outline-none text-sm flex-1 min-w-16"
+        placeholder="Add tag..."
+        @keydown="onKeydown"
+        @blur="emit('stopEdit')"
+      >
+    </div>
+    <div
+      v-else
+      class="flex flex-wrap gap-0.5"
+    >
+      <UBadge
+        v-for="tag in tags"
+        :key="tag"
+        size="sm"
+        variant="subtle"
+        color="neutral"
+      >
+        {{ tag }}
+      </UBadge>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/renderers/table/cells/ATableCellTags.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    value: unknown;
+    editing: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+    startEdit: () => any;
+    stopEdit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    onStartEdit?: (() => any) | undefined;
+    onStopEdit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/table/cells/ATableCellText.d.vue.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    value: unknown;
+    editing: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+    startEdit: () => any;
+    stopEdit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    onStartEdit?: (() => any) | undefined;
+    onStopEdit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/table/cells/ATableCellText.vue

@@ -0,0 +1,44 @@
+<script setup>
+import { ref, watch, nextTick } from "vue";
+const props = defineProps({
+  value: { type: null, required: true },
+  editing: { type: Boolean, required: true }
+});
+const emit = defineEmits(["update:modelValue", "startEdit", "stopEdit"]);
+const inputRef = ref();
+const editValue = ref(String(props.value ?? ""));
+watch(() => props.editing, (v) => {
+  if (v) {
+    editValue.value = String(props.value ?? "");
+    nextTick(() => inputRef.value?.focus());
+  }
+});
+function commit() {
+  emit("update:modelValue", editValue.value);
+  emit("stopEdit");
+}
+</script>
+
+<template>
+  <div
+    class="min-h-5"
+    @click="emit('startEdit')"
+  >
+    <input
+      v-if="editing"
+      ref="inputRef"
+      v-model="editValue"
+      class="w-full bg-transparent outline-none text-sm"
+      @blur="commit"
+      @keydown.enter="commit"
+      @keydown.escape="emit('stopEdit')"
+      @click.stop
+    >
+    <span
+      v-else
+      class="block text-sm text-(--ui-text) truncate"
+    >
+      {{ value != null && value !== "" ? String(value) : "" }}
+    </span>
+  </div>
+</template>

package/dist/runtime/components/renderers/table/cells/ATableCellText.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    value: unknown;
+    editing: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+    startEdit: () => any;
+    stopEdit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    onStartEdit?: (() => any) | undefined;
+    onStopEdit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/table/cells/ATableCellToggle.d.vue.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    value: unknown;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+    startEdit: () => any;
+    stopEdit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    onStartEdit?: (() => any) | undefined;
+    onStopEdit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/table/cells/ATableCellToggle.vue

@@ -0,0 +1,31 @@
+<script setup>
+import { computed, nextTick } from "vue";
+const props = defineProps({
+  value: { type: null, required: true }
+});
+const emit = defineEmits(["update:modelValue", "startEdit", "stopEdit"]);
+const checked = computed(() => Boolean(props.value));
+function toggle() {
+  emit("startEdit");
+  emit("update:modelValue", !checked.value);
+  nextTick(() => emit("stopEdit"));
+}
+</script>
+
+<template>
+  <div
+    class="min-h-5 flex items-center"
+    @click.stop="toggle()"
+  >
+    <button
+      class="shrink-0 size-4 rounded border flex items-center justify-center transition-colors"
+      :class="checked ? 'bg-(--ui-primary) border-(--ui-primary)' : 'border-(--ui-border) hover:border-(--ui-primary)'"
+    >
+      <UIcon
+        v-if="checked"
+        name="i-lucide-check"
+        class="size-2.5 text-white"
+      />
+    </button>
+  </div>
+</template>

package/dist/runtime/components/renderers/table/cells/ATableCellToggle.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    value: unknown;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+    startEdit: () => any;
+    stopEdit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    onStartEdit?: (() => any) | undefined;
+    onStopEdit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/table/cells/ATableCellUrl.d.vue.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    value: unknown;
+    editing: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+    startEdit: () => any;
+    stopEdit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    onStartEdit?: (() => any) | undefined;
+    onStopEdit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/table/cells/ATableCellUrl.vue

@@ -0,0 +1,63 @@
+<script setup>
+import { ref, watch, nextTick, computed } from "vue";
+const props = defineProps({
+  value: { type: null, required: true },
+  editing: { type: Boolean, required: true }
+});
+const emit = defineEmits(["update:modelValue", "startEdit", "stopEdit"]);
+const inputRef = ref();
+const editValue = ref("");
+watch(() => props.editing, (v) => {
+  if (v) {
+    editValue.value = String(props.value ?? "");
+    nextTick(() => inputRef.value?.focus());
+  }
+});
+function commit() {
+  emit("update:modelValue", editValue.value.trim() || void 0);
+  emit("stopEdit");
+}
+const displayUrl = computed(() => {
+  if (!props.value || typeof props.value !== "string") return "";
+  try {
+    const u = new URL(props.value);
+    return u.hostname + (u.pathname !== "/" ? u.pathname : "");
+  } catch {
+    return String(props.value);
+  }
+});
+</script>
+
+<template>
+  <div
+    class="min-h-5"
+    @click="emit('startEdit')"
+  >
+    <input
+      v-if="editing"
+      ref="inputRef"
+      v-model="editValue"
+      type="url"
+      class="w-full bg-transparent outline-none text-sm"
+      placeholder="https://..."
+      @blur="commit"
+      @keydown.enter="commit"
+      @keydown.escape="emit('stopEdit')"
+      @click.stop
+    >
+    <a
+      v-else-if="displayUrl"
+      :href="String(value)"
+      target="_blank"
+      rel="noopener noreferrer"
+      class="text-sm text-(--ui-primary) hover:underline truncate flex items-center gap-1"
+      @click.stop
+    >
+      <UIcon
+        name="i-lucide-external-link"
+        class="size-3 shrink-0"
+      />
+      <span class="truncate">{{ displayUrl }}</span>
+    </a>
+  </div>
+</template>

package/dist/runtime/components/renderers/table/cells/ATableCellUrl.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    value: unknown;
+    editing: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+    startEdit: () => any;
+    stopEdit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    onStartEdit?: (() => any) | undefined;
+    onStopEdit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/timeline/ATimelineAxis.d.vue.ts

@@ -0,0 +1,9 @@
+import type { AxisLabel } from '../../../composables/useTimelineView.js';
+type __VLS_Props = {
+    labels: AxisLabel[];
+    todayOffset: number;
+    containerWidth: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/timeline/ATimelineAxis.vue

@@ -0,0 +1,53 @@
+<script setup>
+defineProps({
+  labels: { type: Array, required: true },
+  todayOffset: { type: Number, required: true },
+  containerWidth: { type: Number, required: true }
+});
+</script>
+
+<template>
+  <div class="h-10 relative border-b border-(--ui-border) sticky top-0 bg-(--ui-bg) z-10">
+    <!-- Coarse labels (top row) -->
+    <div
+      v-for="(lbl, i) in labels.filter((l) => l.tier === 'coarse')"
+      :key="'c-' + i"
+      class="absolute top-0 text-[10px] font-medium text-(--ui-text-muted) whitespace-nowrap px-1 leading-[18px]"
+      :style="{ left: `${lbl.offset}px` }"
+    >
+      {{ lbl.label }}
+    </div>
+
+    <!-- Fine labels (bottom row) -->
+    <div
+      v-for="(lbl, i) in labels.filter((l) => l.tier === 'fine')"
+      :key="'f-' + i"
+      class="absolute top-[18px] text-[10px] text-(--ui-text-dimmed) whitespace-nowrap px-1 leading-[20px]"
+      :style="{ left: `${lbl.offset}px` }"
+    >
+      {{ lbl.label }}
+    </div>
+
+    <!-- Fine tick marks -->
+    <div
+      v-for="(lbl, i) in labels.filter((l) => l.tier === 'fine')"
+      :key="'t-' + i"
+      class="absolute bottom-0 w-px h-1.5 bg-(--ui-border)"
+      :style="{ left: `${lbl.offset}px` }"
+    />
+
+    <!-- Coarse tick marks -->
+    <div
+      v-for="(lbl, i) in labels.filter((l) => l.tier === 'coarse')"
+      :key="'tc-' + i"
+      class="absolute top-0 bottom-0 w-px bg-(--ui-border)/50"
+      :style="{ left: `${lbl.offset}px` }"
+    />
+
+    <!-- Today line -->
+    <div
+      class="absolute top-0 bottom-0 w-0.5 bg-(--ui-primary) opacity-60 z-10"
+      :style="{ left: `${todayOffset}px` }"
+    />
+  </div>
+</template>

package/dist/runtime/components/renderers/timeline/ATimelineAxis.vue.d.ts

@@ -0,0 +1,9 @@
+import type { AxisLabel } from '../../../composables/useTimelineView.js';
+type __VLS_Props = {
+    labels: AxisLabel[];
+    todayOffset: number;
+    containerWidth: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/timeline/ATimelineBar.d.vue.ts

@@ -0,0 +1,26 @@
+import type { TreeEntry } from '../../../composables/useChildTree.js';
+type __VLS_Props = {
+    entry: TreeEntry;
+    left: number;
+    width: number;
+    color: string;
+    isTask?: boolean;
+    isDragging?: boolean;
+    focusers?: Array<{
+        name: string;
+        color: string;
+    }>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (id: string, label: string) => any;
+    "pointer-enter": (id: string) => any;
+    "pointer-leave": () => any;
+    "pointer-down": (e: PointerEvent, id: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((id: string, label: string) => any) | undefined;
+    "onPointer-enter"?: ((id: string) => any) | undefined;
+    "onPointer-leave"?: (() => any) | undefined;
+    "onPointer-down"?: ((e: PointerEvent, id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/timeline/ATimelineBar.vue

@@ -0,0 +1,59 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  entry: { type: Object, required: true },
+  left: { type: Number, required: true },
+  width: { type: Number, required: true },
+  color: { type: String, required: true },
+  isTask: { type: Boolean, required: false },
+  isDragging: { type: Boolean, required: false },
+  focusers: { type: Array, required: false }
+});
+const emit = defineEmits(["pointer-down", "pointer-enter", "pointer-leave", "click"]);
+const focusBorder = computed(() => {
+  if (!props.focusers?.length) return {};
+  return {
+    outline: `2px solid ${props.focusers[0].color}`,
+    outlineOffset: "1px"
+  };
+});
+</script>
+
+<template>
+  <div
+    class="absolute flex items-center px-2 rounded text-white text-[10px] sm:text-[11px] font-medium select-none transition-opacity cursor-grab"
+    :class="[
+  isDragging ? 'opacity-50 cursor-grabbing' : 'hover:brightness-110',
+  isTask ? 'top-1.5 h-6' : 'top-2 h-6'
+]"
+    :style="{
+  left: `${left}px`,
+  width: `${Math.max(width, 4)}px`,
+  background: color,
+  ...focusBorder
+}"
+    style="touch-action: none"
+    @pointerdown="emit('pointer-down', $event, entry.id)"
+    @pointerenter="emit('pointer-enter', entry.id)"
+    @pointerleave="emit('pointer-leave')"
+    @click.stop="emit('click', entry.id, entry.label)"
+  >
+    <!-- Remote hover badge -->
+    <span
+      v-if="focusers?.length"
+      class="absolute -top-3 left-1 text-[10px] px-1 rounded text-white leading-tight z-10 pointer-events-none"
+      :style="{ backgroundColor: focusers[0].color }"
+    >
+      {{ focusers[0].name }}
+    </span>
+
+    <span class="truncate">{{ entry.label }}</span>
+
+    <!-- Progress indicator -->
+    <div
+      v-if="entry.meta?.taskProgress && Number(entry.meta.taskProgress) > 0"
+      class="absolute bottom-0 left-0 h-0.5 rounded-b bg-white/30"
+      :style="{ width: `${Number(entry.meta.taskProgress)}%` }"
+    />
+  </div>
+</template>

package/dist/runtime/components/renderers/timeline/ATimelineBar.vue.d.ts

@@ -0,0 +1,26 @@
+import type { TreeEntry } from '../../../composables/useChildTree.js';
+type __VLS_Props = {
+    entry: TreeEntry;
+    left: number;
+    width: number;
+    color: string;
+    isTask?: boolean;
+    isDragging?: boolean;
+    focusers?: Array<{
+        name: string;
+        color: string;
+    }>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (id: string, label: string) => any;
+    "pointer-enter": (id: string) => any;
+    "pointer-leave": () => any;
+    "pointer-down": (e: PointerEvent, id: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((id: string, label: string) => any) | undefined;
+    "onPointer-enter"?: ((id: string) => any) | undefined;
+    "onPointer-leave"?: (() => any) | undefined;
+    "onPointer-down"?: ((e: PointerEvent, id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;