feat(web-shell,desktop): update Qwen Code logo to the current brand mark (#14052)

The in-app logo no longer matched the QwenLM GitHub avatar and other official channels, and Desktop and Web Shell used two different old marks. Replace both with the flat blue #082DFF three-stroke mark taken from the official vector logo, and regenerate the Desktop icon set and Web Shell PNG icons from it.

Closes #14038

Co-authored-by: Qwen-Coder <[email protected]>
Co-authored-by: 易良 <[email protected]>

packages/desktop/bootstrap/qwen-code-logo.svg

@@ -1,6 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 141.38 140">
-  <path
-    fill="#6D44E8"
-    d="m140.93 85-16.35-28.33-1.93-3.34 8.66-15a3.323 3.323 0 0 0 0-3.34l-9.62-16.67c-.3-.51-.72-.93-1.22-1.22s-1.07-.45-1.67-.45H82.23l-8.66-15a3.33 3.33 0 0 0-2.89-1.67H51.43c-.59 0-1.17.16-1.66.45-.5.29-.92.71-1.22 1.22L32.19 29.98l-1.92 3.33H12.96c-.59 0-1.17.16-1.66.45-.5.29-.93.71-1.22 1.22L.45 51.66a3.323 3.323 0 0 0 0 3.34l18.28 31.67-8.66 15a3.32 3.32 0 0 0 0 3.34l9.62 16.67c.3.51.72.93 1.22 1.22s1.07.45 1.67.45h36.56l8.66 15a3.35 3.35 0 0 0 2.89 1.67h19.25a3.34 3.34 0 0 0 2.89-1.67l18.28-31.67h17.32c.6 0 1.17-.16 1.67-.45s.92-.71 1.22-1.22l9.62-16.67a3.323 3.323 0 0 0 0-3.34ZM51.44 3.33 61.07 20l-9.63 16.66h76.98l-9.62 16.66H45.67l-11.54-20zM57.21 120H22.58l9.63-16.67h19.25l-38.5-66.67h19.25l9.62 16.67L68.78 100l-11.55 20Zm61.59-33.34-9.62-16.67-38.49 66.67-9.63-16.67 9.63-16.66 26.94-46.67h23.1l17.32 30z"
-  />
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="17.5 27.7 135.6 135.6">
+  <path fill="#082DFF" d="M130.06,43.66h-33.37c0-1.42-.37-2.84-1.1-4.11l-4.47-7.74c-1.47-2.54-4.18-4.11-7.12-4.11h-8.93c-2.94,0-5.65,1.57-7.12,4.11l-13.68,23.69c-1.47,2.54-1.47,5.67,0,8.22l4.47,7.74c1.47,2.54,4.18,4.11,7.12,4.11h64.19c2.94,0,5.65-1.57,7.12-4.11l4.47-7.74c1.47-2.54,1.47-5.67,0-8.22l-4.47-7.74c-1.47-2.54-4.18-4.11-7.12-4.11Z" />
+  <path fill="#082DFF" d="M19.75,83.66l16.68,28.9c-1.23.71-2.27,1.74-3.01,3.01l-4.47,7.74c-1.47,2.54-1.47,5.67,0,8.22l4.47,7.74c1.47,2.54,4.18,4.11,7.12,4.11h27.35c2.94,0,5.65-1.57,7.12-4.11l4.47-7.74c1.47-2.54,1.47-5.67,0-8.22l-32.1-55.59c-1.47-2.54-4.18-4.11-7.12-4.11h-8.93c-2.94,0-5.65,1.57-7.12,4.11l-4.47,7.74c-1.47,2.54-1.47,5.67,0,8.22Z" />
+  <path fill="#082DFF" d="M109.55,159.19l16.68-28.9c1.23.71,2.64,1.1,4.11,1.1h8.93c2.94,0,5.65-1.57,7.12-4.11l4.47-7.74c1.47-2.54,1.47-5.67,0-8.22l-13.68-23.69c-1.47-2.54-4.18-4.11-7.12-4.11h-8.93c-2.94,0-5.65,1.57-7.12,4.11l-32.1,55.59c-1.47,2.54-1.47,5.67,0,8.22l4.47,7.74c1.47,2.54,4.18,4.11,7.12,4.11h8.93c2.94,0,5.65-1.57,7.12-4.11Z" />
 </svg>

packages/web-shell/client/components/sidebar/WebShellSidebar.brand.test.tsx

@@ -158,7 +158,7 @@ function brandLogoImage(): HTMLImageElement | null {
 
 /** The built-in inline mark — the one every unconfigured deployment sees. */
 function builtInMark(): Element | null {
-  return container.querySelector('svg[viewBox="0 0 141.38 140"]');
+  return container.querySelector('svg[viewBox="17.5 27.7 135.6 135.6"]');
 }
 
 beforeEach(() => {

packages/web-shell/client/components/sidebar/WebShellSidebar.tsx

@@ -717,16 +717,24 @@ function IconNewChat() {
  * Qwen brand mark. Same artwork as the browser-tab favicon in index.html and
  * the QwenLM GitHub avatar; inlined as an SVG rather than hot-linked because
  * the Web Shell CSP is `img-src 'self' data: blob:` (see web-shell-static.ts),
- * which blocks remote images. The purple #6D44E8 fill is legible on both the
+ * which blocks remote images. The blue #082DFF fill is legible on both the
  * light and dark sidebar backgrounds. Filled (not stroked) so it opts out of
  * the shared `.navIcon svg` stroke styling.
  */
 function IconQwenLogo() {
   return (
-    <svg viewBox="0 0 141.38 140" aria-hidden="true">
+    <svg viewBox="17.5 27.7 135.6 135.6" aria-hidden="true">
       <path
-        fill="#6D44E8"
-        d="m140.93 85-16.35-28.33-1.93-3.34 8.66-15a3.323 3.323 0 0 0 0-3.34l-9.62-16.67c-.3-.51-.72-.93-1.22-1.22s-1.07-.45-1.67-.45H82.23l-8.66-15a3.33 3.33 0 0 0-2.89-1.67H51.43c-.59 0-1.17.16-1.66.45-.5.29-.92.71-1.22 1.22L32.19 29.98l-1.92 3.33H12.96c-.59 0-1.17.16-1.66.45-.5.29-.93.71-1.22 1.22L.45 51.66a3.323 3.323 0 0 0 0 3.34l18.28 31.67-8.66 15a3.32 3.32 0 0 0 0 3.34l9.62 16.67c.3.51.72.93 1.22 1.22s1.07.45 1.67.45h36.56l8.66 15a3.35 3.35 0 0 0 2.89 1.67h19.25a3.34 3.34 0 0 0 2.89-1.67l18.28-31.67h17.32c.6 0 1.17-.16 1.67-.45s.92-.71 1.22-1.22l9.62-16.67a3.323 3.323 0 0 0 0-3.34ZM51.44 3.33 61.07 20l-9.63 16.66h76.98l-9.62 16.66H45.67l-11.54-20zM57.21 120H22.58l9.63-16.67h19.25l-38.5-66.67h19.25l9.62 16.67L68.78 100l-11.55 20Zm61.59-33.34-9.62-16.67-38.49 66.67-9.63-16.67 9.63-16.66 26.94-46.67h23.1l17.32 30z"
+        fill="#082DFF"
+        d="M130.06,43.66h-33.37c0-1.42-.37-2.84-1.1-4.11l-4.47-7.74c-1.47-2.54-4.18-4.11-7.12-4.11h-8.93c-2.94,0-5.65,1.57-7.12,4.11l-13.68,23.69c-1.47,2.54-1.47,5.67,0,8.22l4.47,7.74c1.47,2.54,4.18,4.11,7.12,4.11h64.19c2.94,0,5.65-1.57,7.12-4.11l4.47-7.74c1.47-2.54,1.47-5.67,0-8.22l-4.47-7.74c-1.47-2.54-4.18-4.11-7.12-4.11Z"
+      />
+      <path
+        fill="#082DFF"
+        d="M19.75,83.66l16.68,28.9c-1.23.71-2.27,1.74-3.01,3.01l-4.47,7.74c-1.47,2.54-1.47,5.67,0,8.22l4.47,7.74c1.47,2.54,4.18,4.11,7.12,4.11h27.35c2.94,0,5.65-1.57,7.12-4.11l4.47-7.74c1.47-2.54,1.47-5.67,0-8.22l-32.1-55.59c-1.47-2.54-4.18-4.11-7.12-4.11h-8.93c-2.94,0-5.65,1.57-7.12,4.11l-4.47,7.74c-1.47,2.54-1.47,5.67,0,8.22Z"
+      />
+      <path
+        fill="#082DFF"
+        d="M109.55,159.19l16.68-28.9c1.23.71,2.64,1.1,4.11,1.1h8.93c2.94,0,5.65-1.57,7.12-4.11l4.47-7.74c1.47-2.54,1.47-5.67,0-8.22l-13.68-23.69c-1.47-2.54-4.18-4.11-7.12-4.11h-8.93c-2.94,0-5.65,1.57-7.12,4.11l-32.1,55.59c-1.47,2.54-1.47,5.67,0,8.22l4.47,7.74c1.47,2.54,4.18,4.11,7.12,4.11h8.93c2.94,0,5.65-1.57,7.12-4.11Z"
       />
     </svg>
   );

packages/web-shell/client/index-html.test.ts

@@ -310,8 +310,8 @@ describe('built-in brand document contract', () => {
     const href = /rel="icon"[^>]*href="([^"]+)"/s.exec(html)?.[1];
 
     expect(href?.startsWith('data:image/svg+xml,')).toBe(true);
-    // The Qwen mark's purple, percent-encoded.
-    expect(href).toContain('%236D44E8');
+    // The Qwen mark's blue, percent-encoded.
+    expect(href).toContain('%23082DFF');
   });
 
   // The brand script swaps the icon link's href, so it must run after that

packages/web-shell/client/index.html

@@ -88,13 +88,13 @@
       (img-src 'self' data: blob:). The encodeURIComponent(svg) encoding
       technique mirrors packages/web-templates/src/export-html/build.mjs;
       the artwork is from packages/desktop/bootstrap/qwen-code-logo.svg
-      (the purple #6D44E8 Qwen mark, legible on both light and dark browser
+      (the blue #082DFF Qwen mark, legible on both light and dark browser
       tab bars).
     -->
     <link
       rel="icon"
       type="image/svg+xml"
-      href="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20141.38%20140%22%3E%0A%20%20%3Cpath%0A%20%20%20%20fill%3D%22%236D44E8%22%0A%20%20%20%20d%3D%22m140.93%2085-16.35-28.33-1.93-3.34%208.66-15a3.323%203.323%200%200%200%200-3.34l-9.62-16.67c-.3-.51-.72-.93-1.22-1.22s-1.07-.45-1.67-.45H82.23l-8.66-15a3.33%203.33%200%200%200-2.89-1.67H51.43c-.59%200-1.17.16-1.66.45-.5.29-.92.71-1.22%201.22L32.19%2029.98l-1.92%203.33H12.96c-.59%200-1.17.16-1.66.45-.5.29-.93.71-1.22%201.22L.45%2051.66a3.323%203.323%200%200%200%200%203.34l18.28%2031.67-8.66%2015a3.32%203.32%200%200%200%200%203.34l9.62%2016.67c.3.51.72.93%201.22%201.22s1.07.45%201.67.45h36.56l8.66%2015a3.35%203.35%200%200%200%202.89%201.67h19.25a3.34%203.34%200%200%200%202.89-1.67l18.28-31.67h17.32c.6%200%201.17-.16%201.67-.45s.92-.71%201.22-1.22l9.62-16.67a3.323%203.323%200%200%200%200-3.34ZM51.44%203.33%2061.07%2020l-9.63%2016.66h76.98l-9.62%2016.66H45.67l-11.54-20zM57.21%20120H22.58l9.63-16.67h19.25l-38.5-66.67h19.25l9.62%2016.67L68.78%20100l-11.55%2020Zm61.59-33.34-9.62-16.67-38.49%2066.67-9.63-16.67%209.63-16.66%2026.94-46.67h23.1l17.32%2030z%22%0A%20%20%2F%3E%0A%3C%2Fsvg%3E"
+      href="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%2217.5%2027.7%20135.6%20135.6%22%3E%0A%20%20%3Cpath%20fill%3D%22%23082DFF%22%20d%3D%22M130.06%2C43.66h-33.37c0-1.42-.37-2.84-1.1-4.11l-4.47-7.74c-1.47-2.54-4.18-4.11-7.12-4.11h-8.93c-2.94%2C0-5.65%2C1.57-7.12%2C4.11l-13.68%2C23.69c-1.47%2C2.54-1.47%2C5.67%2C0%2C8.22l4.47%2C7.74c1.47%2C2.54%2C4.18%2C4.11%2C7.12%2C4.11h64.19c2.94%2C0%2C5.65-1.57%2C7.12-4.11l4.47-7.74c1.47-2.54%2C1.47-5.67%2C0-8.22l-4.47-7.74c-1.47-2.54-4.18-4.11-7.12-4.11Z%22%20%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23082DFF%22%20d%3D%22M19.75%2C83.66l16.68%2C28.9c-1.23.71-2.27%2C1.74-3.01%2C3.01l-4.47%2C7.74c-1.47%2C2.54-1.47%2C5.67%2C0%2C8.22l4.47%2C7.74c1.47%2C2.54%2C4.18%2C4.11%2C7.12%2C4.11h27.35c2.94%2C0%2C5.65-1.57%2C7.12-4.11l4.47-7.74c1.47-2.54%2C1.47-5.67%2C0-8.22l-32.1-55.59c-1.47-2.54-4.18-4.11-7.12-4.11h-8.93c-2.94%2C0-5.65%2C1.57-7.12%2C4.11l-4.47%2C7.74c-1.47%2C2.54-1.47%2C5.67%2C0%2C8.22Z%22%20%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23082DFF%22%20d%3D%22M109.55%2C159.19l16.68-28.9c1.23.71%2C2.64%2C1.1%2C4.11%2C1.1h8.93c2.94%2C0%2C5.65-1.57%2C7.12-4.11l4.47-7.74c1.47-2.54%2C1.47-5.67%2C0-8.22l-13.68-23.69c-1.47-2.54-4.18-4.11-7.12-4.11h-8.93c-2.94%2C0-5.65%2C1.57-7.12%2C4.11l-32.1%2C55.59c-1.47%2C2.54-1.47%2C5.67%2C0%2C8.22l4.47%2C7.74c1.47%2C2.54%2C4.18%2C4.11%2C7.12%2C4.11h8.93c2.94%2C0%2C5.65-1.57%2C7.12-4.11Z%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"
     />
     <!--
       Apply a white-label brand (`ui.brand` in settings.json) before first paint

packages/web-shell/client/public/assets/icon.svg

@@ -1,6 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 141.38 140">
-  <path
-    fill="#6D44E8"
-    d="m140.93 85-16.35-28.33-1.93-3.34 8.66-15a3.323 3.323 0 0 0 0-3.34l-9.62-16.67c-.3-.51-.72-.93-1.22-1.22s-1.07-.45-1.67-.45H82.23l-8.66-15a3.33 3.33 0 0 0-2.89-1.67H51.43c-.59 0-1.17.16-1.66.45-.5.29-.92.71-1.22 1.22L32.19 29.98l-1.92 3.33H12.96c-.59 0-1.17.16-1.66.45-.5.29-.93.71-1.22 1.22L.45 51.66a3.323 3.323 0 0 0 0 3.34l18.28 31.67-8.66 15a3.32 3.32 0 0 0 0 3.34l9.62 16.67c.3.51.72.93 1.22 1.22s1.07.45 1.67.45h36.56l8.66 15a3.35 3.35 0 0 0 2.89 1.67h19.25a3.34 3.34 0 0 0 2.89-1.67l18.28-31.67h17.32c.6 0 1.17-.16 1.67-.45s.92-.71 1.22-1.22l9.62-16.67a3.323 3.323 0 0 0 0-3.34ZM51.44 3.33 61.07 20l-9.63 16.66h76.98l-9.62 16.66H45.67l-11.54-20zM57.21 120H22.58l9.63-16.67h19.25l-38.5-66.67h19.25l9.62 16.67L68.78 100l-11.55 20Zm61.59-33.34-9.62-16.67-38.49 66.67-9.63-16.67 9.63-16.66 26.94-46.67h23.1l17.32 30z"
-  />
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="17.5 27.7 135.6 135.6">
+  <path fill="#082DFF" d="M130.06,43.66h-33.37c0-1.42-.37-2.84-1.1-4.11l-4.47-7.74c-1.47-2.54-4.18-4.11-7.12-4.11h-8.93c-2.94,0-5.65,1.57-7.12,4.11l-13.68,23.69c-1.47,2.54-1.47,5.67,0,8.22l4.47,7.74c1.47,2.54,4.18,4.11,7.12,4.11h64.19c2.94,0,5.65-1.57,7.12-4.11l4.47-7.74c1.47-2.54,1.47-5.67,0-8.22l-4.47-7.74c-1.47-2.54-4.18-4.11-7.12-4.11Z" />
+  <path fill="#082DFF" d="M19.75,83.66l16.68,28.9c-1.23.71-2.27,1.74-3.01,3.01l-4.47,7.74c-1.47,2.54-1.47,5.67,0,8.22l4.47,7.74c1.47,2.54,4.18,4.11,7.12,4.11h27.35c2.94,0,5.65-1.57,7.12-4.11l4.47-7.74c1.47-2.54,1.47-5.67,0-8.22l-32.1-55.59c-1.47-2.54-4.18-4.11-7.12-4.11h-8.93c-2.94,0-5.65,1.57-7.12,4.11l-4.47,7.74c-1.47,2.54-1.47,5.67,0,8.22Z" />
+  <path fill="#082DFF" d="M109.55,159.19l16.68-28.9c1.23.71,2.64,1.1,4.11,1.1h8.93c2.94,0,5.65-1.57,7.12-4.11l4.47-7.74c1.47-2.54,1.47-5.67,0-8.22l-13.68-23.69c-1.47-2.54-4.18-4.11-7.12-4.11h-8.93c-2.94,0-5.65,1.57-7.12,4.11l-32.1,55.59c-1.47,2.54-1.47,5.67,0,8.22l4.47,7.74c1.47,2.54,4.18,4.11,7.12,4.11h8.93c2.94,0,5.65-1.57,7.12-4.11Z" />
 </svg>