mirror of
https://github.com/catlog22/Claude-Code-Workflow.git
synced 2026-03-02 15:23:19 +08:00
feat: Implement IDAW commands and update favicon/logo SVGs
- Added IDAW (Independent Development Autonomous Workflow) commands for batch task execution, including `/idaw:add`, `/idaw:run`, `/idaw:status`, and `/idaw:resume`. - Updated documentation for IDAW commands in both English and Chinese. - Modified favicon and logo SVGs to reflect new orbital design with dynamic colors. - Incremented package version from 7.0.6 to 7.0.9.
This commit is contained in:
@@ -1,52 +1,47 @@
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onUnmounted } from 'vue'
|
||||
|
||||
const dotColor = ref('var(--vp-c-primary)')
|
||||
|
||||
function updateDotColor() {
|
||||
if (typeof document === 'undefined') return
|
||||
|
||||
const root = document.documentElement
|
||||
const style = getComputedStyle(root)
|
||||
const primaryColor = style.getPropertyValue('--vp-c-primary').trim()
|
||||
dotColor.value = primaryColor || 'currentColor'
|
||||
}
|
||||
|
||||
let observer: MutationObserver | null = null
|
||||
|
||||
onMounted(() => {
|
||||
updateDotColor()
|
||||
|
||||
// Watch for theme changes via MutationObserver
|
||||
observer = new MutationObserver(() => {
|
||||
updateDotColor()
|
||||
})
|
||||
|
||||
observer.observe(document.documentElement, {
|
||||
attributes: true,
|
||||
attributeFilter: ['data-theme', 'class'],
|
||||
})
|
||||
})
|
||||
|
||||
onUnmounted(() => {
|
||||
observer?.disconnect()
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
viewBox="-1 -1 26 26"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
class="theme-logo"
|
||||
aria-label="Claude Code Workflow"
|
||||
>
|
||||
<!-- Three horizontal lines - use currentColor to inherit from text -->
|
||||
<line x1="3" y1="6" x2="18" y2="6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||
<line x1="3" y1="12" x2="15" y2="12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||
<line x1="3" y1="18" x2="12" y2="18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||
<!-- Status dot - follows theme primary color -->
|
||||
<circle cx="19" cy="17" r="3" :style="{ fill: dotColor }"/>
|
||||
<!-- Back orbit halves -->
|
||||
<path d="M4 12 A8 3 0 0 1 20 12" stroke-width="0.9" opacity="0.15"/>
|
||||
<path d="M16.9 19.5 A8 3 30 0 1 7.1 4.5" stroke-width="0.9" opacity="0.15"/>
|
||||
<path d="M7.1 19.5 A8 3 -30 0 1 16.9 4.5" stroke-width="0.9" opacity="0.15"/>
|
||||
<!-- Core breathing pulse -->
|
||||
<circle cx="12" cy="12" r="2" fill="currentColor" stroke="none" opacity="0.1">
|
||||
<animate attributeName="opacity" dur="4s" repeatCount="indefinite" values="0.06;0.18;0.06"/>
|
||||
</circle>
|
||||
<circle cx="12" cy="12" r="1" fill="currentColor" stroke="none" opacity="0.25">
|
||||
<animate attributeName="opacity" dur="4s" repeatCount="indefinite" values="0.15;0.4;0.15"/>
|
||||
</circle>
|
||||
<!-- Front orbit halves -->
|
||||
<path d="M20 12 A8 3 0 0 1 4 12" stroke-width="1.3" opacity="0.75"/>
|
||||
<path d="M7.1 4.5 A8 3 30 0 1 16.9 19.5" stroke-width="1.3" opacity="0.75"/>
|
||||
<path d="M16.9 4.5 A8 3 -30 0 1 7.1 19.5" stroke-width="1.3" opacity="0.75"/>
|
||||
<!-- Claude agent -->
|
||||
<g>
|
||||
<animateMotion dur="8s" repeatCount="indefinite" path="M20,12 A8,3,0,0,0,4,12 A8,3,0,0,0,20,12"/>
|
||||
<animate attributeName="opacity" dur="8s" repeatCount="indefinite" values="0.95;0.95;0.3;0.3;0.95" keyTimes="0;0.35;0.5;0.65;1"/>
|
||||
<circle r="1.5" fill="#D97757" stroke="none" opacity="0.9"/>
|
||||
</g>
|
||||
<!-- OpenAI agent -->
|
||||
<g>
|
||||
<animateMotion dur="10s" repeatCount="indefinite" begin="-3s" path="M7.1,4.5 A8,3,30,0,1,16.9,19.5 A8,3,30,0,1,7.1,4.5"/>
|
||||
<animate attributeName="opacity" dur="10s" repeatCount="indefinite" begin="-3s" values="0.95;0.95;0.3;0.3;0.95" keyTimes="0;0.35;0.5;0.65;1"/>
|
||||
<circle r="1.5" fill="#10A37F" stroke="none" opacity="0.9"/>
|
||||
</g>
|
||||
<!-- Gemini agent -->
|
||||
<g>
|
||||
<animateMotion dur="12s" repeatCount="indefinite" begin="-5s" path="M16.9,4.5 A8,3,-30,0,1,7.1,19.5 A8,3,-30,0,1,16.9,4.5"/>
|
||||
<animate attributeName="opacity" dur="12s" repeatCount="indefinite" begin="-5s" values="0.95;0.95;0.3;0.3;0.95" keyTimes="0;0.35;0.5;0.65;1"/>
|
||||
<circle r="1.5" fill="#4285F4" stroke="none" opacity="0.9"/>
|
||||
</g>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
@@ -56,9 +51,4 @@ onUnmounted(() => {
|
||||
height: 24px;
|
||||
color: var(--vp-c-text-1);
|
||||
}
|
||||
|
||||
.theme-logo circle {
|
||||
fill: var(--vp-c-primary);
|
||||
transition: fill 0.3s ease;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user