Skip to content

为 prompt input 添加 border-beam pulse-inner 呼吸光晕效果 - #6

Open
hifizz wants to merge 4 commits into
mainfrom
claude/prompt-input-ui-style-5lkebp
Open

为 prompt input 添加 border-beam pulse-inner 呼吸光晕效果#6
hifizz wants to merge 4 commits into
mainfrom
claude/prompt-input-ui-style-5lkebp

Conversation

@hifizz

@hifizz hifizz commented Jul 11, 2026

Copy link
Copy Markdown
Owner

https://beam.jakubantalik.com/pulse 的 UI 风格,用 border-beam 的
pulse-inner 变体包裹 composer 外壳:彩色光晕贴着输入框内侧四周弥散、
缓慢呼吸。新增 ComposerBeam 包装组件,跟随 next-themes 的明暗主题,
并做了 SSR hydration 门控;wrapper 的 overflow:hidden 会裁掉外壳投影,
故将浅色模式投影上移到 wrapper。

Co-Authored-By: Claude Fable 5 noreply@anthropic.com
Claude-Session: https://claude.ai/code/session_01DwZ3V6EaT97mtczZaqa2LJ

https://beam.jakubantalik.com/pulse 的 UI 风格,用 border-beam 的
pulse-inner 变体包裹 composer 外壳:彩色光晕贴着输入框内侧四周弥散、
缓慢呼吸。新增 ComposerBeam 包装组件,跟随 next-themes 的明暗主题,
并做了 SSR hydration 门控;wrapper 的 overflow:hidden 会裁掉外壳投影,
故将浅色模式投影上移到 wrapper。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DwZ3V6EaT97mtczZaqa2LJ
@cr-gpt

cr-gpt Bot commented Jul 11, 2026

Copy link
Copy Markdown

Seems you are using me but didn't get OPENAI_API_KEY seted in Variables/Secrets for this repo. you could follow readme for more information

@chatgpt-codex-connector

Copy link
Copy Markdown

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.

- 抽出通用 PulseBeam 组件(pulse-inner 呼吸光晕 + 主题跟随 +
  useSyncExternalStore 水合门控),ComposerBeam 改为复用它
- ThreadListSidebar(assistant-ui 侧边栏组件)面板接入光晕,
  SidebarRail 留在光晕外避免被 overflow:hidden 裁掉
- 抽出共享 useThreadChatRuntime(原 app/page.tsx 内联的
  runtime 组合),首页与 demo 页共用
- 新增 /beam-demo:floating 侧边栏 + Thread,走完整聊天 runtime
  (MiniMax 流式 + Postgres 线程持久化)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DwZ3V6EaT97mtczZaqa2LJ
@cr-gpt

cr-gpt Bot commented Jul 11, 2026

Copy link
Copy Markdown

Seems you are using me but didn't get OPENAI_API_KEY seted in Variables/Secrets for this repo. you could follow readme for more information

PulseBeam 增加 active 透传(BorderBeam 自带淡入/淡出过渡),
ComposerBeam 订阅 thread.isRunning——AI 生成中 composer 光晕
淡入流动,作为运行状态反馈;生成结束淡出。侧边栏保持常亮。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DwZ3V6EaT97mtczZaqa2LJ
@cr-gpt

cr-gpt Bot commented Jul 12, 2026

Copy link
Copy Markdown

Seems you are using me but didn't get OPENAI_API_KEY seted in Variables/Secrets for this repo. you could follow readme for more information

PulseBeam 增加 staticColors / strength 透传;ComposerBeam 改为
光晕常开,空闲时色相定格 + 强度降至 0.55(微光、仍轻微呼吸),
AI 回复中恢复全彩色相流转与全亮度,回复结束色相定格在停止时的
颜色。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DwZ3V6EaT97mtczZaqa2LJ
@cr-gpt

cr-gpt Bot commented Jul 12, 2026

Copy link
Copy Markdown

Seems you are using me but didn't get OPENAI_API_KEY seted in Variables/Secrets for this repo. you could follow readme for more information

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants