chore(stage-pages): add Minecraft integration unavailability notice with WIP bot setup instructions (#1161)

This commit is contained in:
Rin
2026-03-06 14:55:53 +08:00
committed by GitHub
parent 9f347a5d80
commit b9ef42fb85
@@ -1,9 +1,78 @@
<script setup lang="ts">
import { GamingMinecraft } from '@proj-airi/stage-ui/components'
import { Callout } from '@proj-airi/ui'
</script>
<template>
<GamingMinecraft />
<div space-y-4>
<!-- Warning Callout -->
<Callout theme="orange">
<template #label>
<div flex items-center gap-1 font-normal>
<div i-solar:danger-circle-bold-duotone text-lg />
<div text-base>
Integration Unavailable
</div>
</div>
</template>
<div text-base>
Minecraft bot integration is currently broken and will be fixed in the near future.
</div>
</Callout>
<!-- Instructions Section -->
<div bg="neutral-50 dark:neutral-900/50" rounded-lg p-4 border="~ neutral-200 dark:neutral-800">
<h3 text="base font-semibold mb-3 neutral-800 dark:neutral-200">
Experiment with the WIP Bot
</h3>
<ol list="decimal pl-4 space-y-2" text="sm neutral-600 dark:neutral-300">
<li>
<div>
<span font="medium neutral-700 dark:neutral-200">Checkout the AIRI repo</span>
<code text="xs neutral-500 dark:neutral-400" block>git clone https://github.com/moeru-ai/airi</code>
</div>
</li>
<li>
<div>
<span font="medium neutral-700 dark:neutral-200">Navigate to services/minecraft</span>
<code text="xs neutral-500 dark:neutral-400" block>cd services/minecraft</code>
</div>
</li>
<li>
<div>
<span font="medium neutral-700 dark:neutral-200">Install dependencies</span>
<code text="xs neutral-500 dark:neutral-400" block>pnpm install</code>
</div>
</li>
<li>
<div>
<span font="medium neutral-700 dark:neutral-200">Setup environment</span>
<code text="xs neutral-500 dark:neutral-400" block>cp .env .env.local</code>
<div text="xs neutral-500 dark:neutral-400" mt-1>
Fill in the required values in .env.local
</div>
</div>
</li>
<li>
<div>
<span font="medium neutral-700 dark:neutral-200">Run the bot</span>
<code text="xs neutral-500 dark:neutral-400" block>pnpm dev</code>
</div>
</li>
</ol>
<div bg="neutral-100 dark:neutral-800/50" mt-4 rounded p-3 text="xs neutral-500 dark:neutral-400">
<div flex items-start gap-2>
<div i-solar:info-circle-bold-duotone mt-0.5 flex-shrink-0 />
<div>
<strong>Please note:</strong> The bot is still in development and may not work as expected. We're actively working on improving it.
</div>
</div>
</div>
</div>
<GamingMinecraft />
</div>
</template>
<route lang="yaml">