fix(desktop): keep composer focus frame stable

[sunheyi6]

Summary

• Keep the composer's rounded frame visually stable before and after focus.
• Remove the extra accent focus ring from the outer composer container.
• Explicitly suppress native border, outline, and shadow chrome on the focused textarea.
• Preserve the existing quiet dark-mode boundary treatment.

Why

Focusing the message textarea introduced an additional rectangular frame and changed the outer container frame. The composer should present a single rounded boundary without nested focus boxes.

User impact

The message composer now keeps one consistent rounded frame while typing, without the extra square inner border or colored outer focus ring.

Validation

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

中文说明

变更摘要

• 输入框获得焦点前后，始终保留同一层圆角边框。
• 移除 Composer 外层额外出现的主题色聚焦光环。
• 显式去掉 textarea 聚焦时的原生边框、轮廓和阴影。
• 保留现有深色模式下克制的边界表现。

原因

消息输入框获得焦点后会出现额外的直角内框，同时外层边框也会变化。Composer 应当只显示一层稳定的圆角边界，不应出现嵌套的聚焦方框。

用户影响

输入消息时，输入框会维持一致的圆角边框，不再出现额外的直角内框或彩色外圈。

验证

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

[sunheyi6]

Closing as superseded: upstream migrated the composer card chrome to Astryx (#1728); the :focus-within\ frame swap this PR removed no longer exists in composer.css, so the issue is already resolved upstream.

[sunheyi6]

Summary

• Keep the composer's rounded frame visually stable before and after focus.
• Remove the extra accent focus ring from the outer composer container.
• Explicitly suppress native border, outline, and shadow chrome on the focused textarea.
• Preserve the existing quiet dark-mode boundary treatment.

Why

Focusing the message textarea introduced an additional rectangular frame and changed the outer container frame. The composer should present a single rounded boundary without nested focus boxes.

User impact

The message composer now keeps one consistent rounded frame while typing, without the extra square inner border or colored outer focus ring.

Validation

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

中文说明

变更摘要

• 输入框获得焦点前后，始终保留同一层圆角边框。
• 移除 Composer 外层额外出现的主题色聚焦光环。
• 显式去掉 textarea 聚焦时的原生边框、轮廓和阴影。
• 保留现有深色模式下克制的边界表现。

原因

消息输入框获得焦点后会出现额外的直角内框，同时外层边框也会变化。Composer 应当只显示一层稳定的圆角边界，不应出现嵌套的聚焦方框。

用户影响

输入消息时，输入框会维持一致的圆角边框，不再出现额外的直角内框或彩色外圈。

验证

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

[sunheyi6]

Closing as superseded: upstream migrated the composer card chrome to Astryx (#1728); the :focus-within\ frame swap this PR removed no longer exists in composer.css, so the issue is already resolved upstream.

[sunheyi6]

Summary

• Keep the composer's rounded frame visually stable before and after focus.
• Remove the extra accent focus ring from the outer composer container.
• Explicitly suppress native border, outline, and shadow chrome on the focused textarea.
• Preserve the existing quiet dark-mode boundary treatment.

Why

Focusing the message textarea introduced an additional rectangular frame and changed the outer container frame. The composer should present a single rounded boundary without nested focus boxes.

User impact

The message composer now keeps one consistent rounded frame while typing, without the extra square inner border or colored outer focus ring.

Validation

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

中文说明

变更摘要

• 输入框获得焦点前后，始终保留同一层圆角边框。
• 移除 Composer 外层额外出现的主题色聚焦光环。
• 显式去掉 textarea 聚焦时的原生边框、轮廓和阴影。
• 保留现有深色模式下克制的边界表现。

原因

消息输入框获得焦点后会出现额外的直角内框，同时外层边框也会变化。Composer 应当只显示一层稳定的圆角边界，不应出现嵌套的聚焦方框。

用户影响

输入消息时，输入框会维持一致的圆角边框，不再出现额外的直角内框或彩色外圈。

验证

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

[sunheyi6]

Closing as superseded: upstream migrated the composer card chrome to Astryx (#1728); the :focus-within\ frame swap this PR removed no longer exists in composer.css, so the issue is already resolved upstream.

[sunheyi6]

Summary

• Keep the composer's rounded frame visually stable before and after focus.
• Remove the extra accent focus ring from the outer composer container.
• Explicitly suppress native border, outline, and shadow chrome on the focused textarea.
• Preserve the existing quiet dark-mode boundary treatment.

Why

Focusing the message textarea introduced an additional rectangular frame and changed the outer container frame. The composer should present a single rounded boundary without nested focus boxes.

User impact

The message composer now keeps one consistent rounded frame while typing, without the extra square inner border or colored outer focus ring.

Validation

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

中文说明

变更摘要

• 输入框获得焦点前后，始终保留同一层圆角边框。
• 移除 Composer 外层额外出现的主题色聚焦光环。
• 显式去掉 textarea 聚焦时的原生边框、轮廓和阴影。
• 保留现有深色模式下克制的边界表现。

原因

消息输入框获得焦点后会出现额外的直角内框，同时外层边框也会变化。Composer 应当只显示一层稳定的圆角边界，不应出现嵌套的聚焦方框。

用户影响

输入消息时，输入框会维持一致的圆角边框，不再出现额外的直角内框或彩色外圈。

验证

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

[sunheyi6]

Closing as superseded: upstream migrated the composer card chrome to Astryx (#1728); the :focus-within\ frame swap this PR removed no longer exists in composer.css, so the issue is already resolved upstream.

[sunheyi6]

Summary

• Keep the composer's rounded frame visually stable before and after focus.
• Remove the extra accent focus ring from the outer composer container.
• Explicitly suppress native border, outline, and shadow chrome on the focused textarea.
• Preserve the existing quiet dark-mode boundary treatment.

Why

Focusing the message textarea introduced an additional rectangular frame and changed the outer container frame. The composer should present a single rounded boundary without nested focus boxes.

User impact

The message composer now keeps one consistent rounded frame while typing, without the extra square inner border or colored outer focus ring.

Validation

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

中文说明

变更摘要

• 输入框获得焦点前后，始终保留同一层圆角边框。
• 移除 Composer 外层额外出现的主题色聚焦光环。
• 显式去掉 textarea 聚焦时的原生边框、轮廓和阴影。
• 保留现有深色模式下克制的边界表现。

原因

消息输入框获得焦点后会出现额外的直角内框，同时外层边框也会变化。Composer 应当只显示一层稳定的圆角边界，不应出现嵌套的聚焦方框。

用户影响

输入消息时，输入框会维持一致的圆角边框，不再出现额外的直角内框或彩色外圈。

验证

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

[sunheyi6]

Closing as superseded: upstream migrated the composer card chrome to Astryx (#1728); the :focus-within\ frame swap this PR removed no longer exists in composer.css, so the issue is already resolved upstream.

[sunheyi6]

Summary

• Keep the composer's rounded frame visually stable before and after focus.
• Remove the extra accent focus ring from the outer composer container.
• Explicitly suppress native border, outline, and shadow chrome on the focused textarea.
• Preserve the existing quiet dark-mode boundary treatment.

Why

Focusing the message textarea introduced an additional rectangular frame and changed the outer container frame. The composer should present a single rounded boundary without nested focus boxes.

User impact

The message composer now keeps one consistent rounded frame while typing, without the extra square inner border or colored outer focus ring.

Validation

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

中文说明

变更摘要

• 输入框获得焦点前后，始终保留同一层圆角边框。
• 移除 Composer 外层额外出现的主题色聚焦光环。
• 显式去掉 textarea 聚焦时的原生边框、轮廓和阴影。
• 保留现有深色模式下克制的边界表现。

原因

消息输入框获得焦点后会出现额外的直角内框，同时外层边框也会变化。Composer 应当只显示一层稳定的圆角边界，不应出现嵌套的聚焦方框。

用户影响

输入消息时，输入框会维持一致的圆角边框，不再出现额外的直角内框或彩色外圈。

验证

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

[sunheyi6]

Closing as superseded: upstream migrated the composer card chrome to Astryx (#1728); the :focus-within\ frame swap this PR removed no longer exists in composer.css, so the issue is already resolved upstream.

[sunheyi6]

Summary

• Keep the composer's rounded frame visually stable before and after focus.
• Remove the extra accent focus ring from the outer composer container.
• Explicitly suppress native border, outline, and shadow chrome on the focused textarea.
• Preserve the existing quiet dark-mode boundary treatment.

Why

Focusing the message textarea introduced an additional rectangular frame and changed the outer container frame. The composer should present a single rounded boundary without nested focus boxes.

User impact

The message composer now keeps one consistent rounded frame while typing, without the extra square inner border or colored outer focus ring.

Validation

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

中文说明

变更摘要

• 输入框获得焦点前后，始终保留同一层圆角边框。
• 移除 Composer 外层额外出现的主题色聚焦光环。
• 显式去掉 textarea 聚焦时的原生边框、轮廓和阴影。
• 保留现有深色模式下克制的边界表现。

原因

消息输入框获得焦点后会出现额外的直角内框，同时外层边框也会变化。Composer 应当只显示一层稳定的圆角边界，不应出现嵌套的聚焦方框。

用户影响

输入消息时，输入框会维持一致的圆角边框，不再出现额外的直角内框或彩色外圈。

验证

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

[sunheyi6]

Closing as superseded: upstream migrated the composer card chrome to Astryx (#1728); the :focus-within\ frame swap this PR removed no longer exists in composer.css, so the issue is already resolved upstream.

[sunheyi6]

Summary

• Keep the composer's rounded frame visually stable before and after focus.
• Remove the extra accent focus ring from the outer composer container.
• Explicitly suppress native border, outline, and shadow chrome on the focused textarea.
• Preserve the existing quiet dark-mode boundary treatment.

Why

Focusing the message textarea introduced an additional rectangular frame and changed the outer container frame. The composer should present a single rounded boundary without nested focus boxes.

User impact

The message composer now keeps one consistent rounded frame while typing, without the extra square inner border or colored outer focus ring.

Validation

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

中文说明

变更摘要

• 输入框获得焦点前后，始终保留同一层圆角边框。
• 移除 Composer 外层额外出现的主题色聚焦光环。
• 显式去掉 textarea 聚焦时的原生边框、轮廓和阴影。
• 保留现有深色模式下克制的边界表现。

原因

消息输入框获得焦点后会出现额外的直角内框，同时外层边框也会变化。Composer 应当只显示一层稳定的圆角边界，不应出现嵌套的聚焦方框。

用户影响

输入消息时，输入框会维持一致的圆角边框，不再出现额外的直角内框或彩色外圈。

验证

• npm exec -- biome check apps/desktop/src/renderer/styles/composer.css
• npm --workspace @maka/desktop run build:renderer
• git diff --check

[sunheyi6]

Closing as superseded: upstream migrated the composer card chrome to Astryx (#1728); the :focus-within\ frame swap this PR removed no longer exists in composer.css, so the issue is already resolved upstream.