抽取内联选项按钮原语

新增 PlatformInlineOptionButton，统一承接当前选项加下拉箭头的轻量按钮 chrome。

编辑器生成输入框的比例和模型按钮改为复用平台内联选项按钮。

补充原语测试和编辑器共享样式断言，并更新 TRACKING。

src/components/common/PlatformInlineOptionButton.test.tsx

@@ -0,0 +1,46 @@
+/* @vitest-environment jsdom */
+
+import { fireEvent, render, screen } from '@testing-library/react';
+import { ChevronDown } from 'lucide-react';
+import { expect, test, vi } from 'vitest';
+
+import { PlatformInlineOptionButton } from './PlatformInlineOptionButton';
+
+test('renders shared inline option button chrome', () => {
+  const onClick = vi.fn();
+  render(
+    <PlatformInlineOptionButton
+      aria-label="生成比例 1:1"
+      className="local-option"
+      trailingIcon={<ChevronDown className="h-3 w-3" />}
+      onClick={onClick}
+    >
+      1:1
+    </PlatformInlineOptionButton>,
+  );
+
+  const button = screen.getByRole('button', { name: '生成比例 1:1' });
+
+  expect(button.className).toContain('platform-inline-option-button');
+  expect(button.className).toContain('bg-transparent');
+  expect(button.className).toContain('local-option');
+  expect(button.textContent).toContain('1:1');
+
+  fireEvent.click(button);
+
+  expect(onClick).toHaveBeenCalledTimes(1);
+});
+
+test('keeps disabled state and default button type', () => {
+  render(
+    <PlatformInlineOptionButton aria-label="模型" disabled>
+      GPT Image
+    </PlatformInlineOptionButton>,
+  );
+
+  const button = screen.getByRole('button', { name: '模型' });
+
+  expect(button.getAttribute('type')).toBe('button');
+  expect(button).toHaveProperty('disabled', true);
+  expect(button.className).toContain('disabled:cursor-not-allowed');
+});

src/components/common/PlatformInlineOptionButton.tsx

@@ -0,0 +1,39 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+
+type PlatformInlineOptionButtonProps = Omit<
+  ButtonHTMLAttributes<HTMLButtonElement>,
+  'children'
+> & {
+  children: ReactNode;
+  trailingIcon?: ReactNode;
+};
+
+/**
+ * 平台内联选项按钮。
+ * 统一承接工具面板里“当前选项 + 下拉箭头”这类轻量 pill 动作。
+ */
+export function PlatformInlineOptionButton({
+  children,
+  trailingIcon,
+  className,
+  type = 'button',
+  ...buttonProps
+}: PlatformInlineOptionButtonProps) {
+  const actionClassName = [
+    'platform-inline-option-button inline-flex items-center justify-center border-0 bg-transparent text-sm font-black text-slate-700 transition-colors hover:text-slate-950 disabled:cursor-not-allowed disabled:opacity-55',
+    className,
+  ]
+    .filter(Boolean)
+    .join(' ');
+
+  return (
+    <button {...buttonProps} type={type} className={actionClassName}>
+      <span className="platform-inline-option-button__label">{children}</span>
+      {trailingIcon ? (
+        <span className="platform-inline-option-button__trailing" aria-hidden="true">
+          {trailingIcon}
+        </span>
+      ) : null}
+    </button>
+  );
+}