@antelopejs/dms-ai 0.9.0 → 0.9.1

package/frontend-vue/app/chat/components/FullAutoBanner.vue

@@ -1,76 +0,0 @@
-<script setup lang="ts">
-import { computed } from "vue";
-import { useChatI18n } from "../composables/useChatI18n";
-import type { FullAutoState } from "../types/protocol";
-import { formatClock } from "../utils/format";
-
-interface Props {
-	fullAuto: FullAutoState;
-	nowMs: number;
-}
-
-interface Emits {
-	turnOff: [];
-}
-
-const props = defineProps<Props>();
-const emit = defineEmits<Emits>();
-const { t } = useChatI18n();
-
-const scope = computed<string>(() => {
-	const { duration, untilMs } = props.fullAuto;
-	if (duration === "30m" && untilMs !== undefined)
-		return t("dms_ai.panel.full_auto.banner_until", {
-			time: formatClock(Math.max(0, untilMs - props.nowMs)),
-		});
-	return t(`dms_ai.panel.full_auto.banner_${duration}`);
-});
-</script>
-
-<template>
-	<div class="cb-banner-auto" role="status">
-		<UIcon name="i-ph-lightning" class="cb-banner-auto__icon" />
-		<span class="cb-banner-auto__text">
-			<b>{{ t("dms_ai.common.mode.auto") }}</b>
-			· {{ scope }}
-		</span>
-		<UButton
-			size="xs"
-			color="neutral"
-			variant="outline"
-			:label="t('dms_ai.panel.full_auto.turn_off')"
-			@click="emit('turnOff')"
-		/>
-	</div>
-</template>
-
-<style scoped>
-.cb-banner-auto {
-	display: flex;
-	flex: none;
-	align-items: center;
-	gap: 8px;
-	padding: 8px 10px 8px 14px;
-	border-bottom: 1px solid var(--dms-error-line);
-	background: var(--dms-error-tint);
-	font-size: 12.5px;
-	color: var(--ui-text-toned);
-}
-
-.cb-banner-auto__icon {
-	width: 15px;
-	height: 15px;
-	flex: none;
-	color: var(--ui-error);
-}
-
-.cb-banner-auto__text {
-	flex: 1;
-	min-width: 0;
-}
-
-.cb-banner-auto__text b {
-	font-weight: 600;
-	color: var(--ui-text-highlighted);
-}
-</style>

package/frontend-vue/app/chat/components/FullAutoDialog.vue

@@ -1,103 +0,0 @@
-<script setup lang="ts">
-import { computed, ref } from "vue";
-import { useChatI18n } from "../composables/useChatI18n";
-import type { FullAutoDuration } from "../types/protocol";
-
-interface Emits {
-	confirm: [duration: FullAutoDuration];
-}
-
-const emit = defineEmits<Emits>();
-const open = defineModel<boolean>("open", { required: true });
-const { t } = useChatI18n();
-
-const DURATIONS: readonly FullAutoDuration[] = ["turn", "30m", "chat"];
-
-const duration = ref<FullAutoDuration>("turn");
-const items = computed(() =>
-	DURATIONS.map((value) => ({
-		value,
-		label: t(`dms_ai.panel.full_auto.duration_${value}`),
-	})),
-);
-
-function confirm(): void {
-	emit("confirm", duration.value);
-	open.value = false;
-}
-</script>
-
-<template>
-	<UModal v-model:open="open" :title="t('dms_ai.panel.full_auto.title')">
-		<template #body>
-			<div class="full-auto">
-				<div class="full-auto__intro">
-					<DmsIconWell icon="i-ph-lightning" tone="error" size="lg" />
-					<p class="full-auto__text">
-						{{ t("dms_ai.panel.full_auto.description") }}
-					</p>
-				</div>
-				<span class="full-auto__label">
-					{{ t("dms_ai.panel.full_auto.turn_off_after") }}
-				</span>
-				<DmsSegmented
-					v-model="duration"
-					:items="items"
-					size="md"
-					block
-					:aria-label="t('dms_ai.panel.full_auto.turn_off_after')"
-				/>
-			</div>
-		</template>
-		<template #footer>
-			<div class="full-auto__foot">
-				<UButton
-					color="neutral"
-					variant="outline"
-					:label="t('dms_ai.common.cancel')"
-					@click="open = false"
-				/>
-				<UButton
-					color="error"
-					icon="i-ph-lightning"
-					class="full-auto__confirm"
-					:label="t('dms_ai.panel.full_auto.confirm')"
-					@click="confirm"
-				/>
-			</div>
-		</template>
-	</UModal>
-</template>
-
-<style scoped>
-.full-auto {
-	display: grid;
-	gap: 10px;
-}
-
-.full-auto__intro {
-	display: flex;
-	align-items: flex-start;
-	gap: 12px;
-}
-
-.full-auto__text {
-	margin: 0;
-	font-size: 13px;
-	line-height: 1.5;
-	color: var(--ui-text-muted);
-}
-
-.full-auto__label {
-	font-size: 12.5px;
-	font-weight: 600;
-	color: var(--ui-text-highlighted);
-}
-
-.full-auto__foot {
-	display: flex;
-	justify-content: flex-end;
-	gap: 8px;
-	width: 100%;
-}
-</style>