OpenBrowserAI · ekta183 · Nov 28, 2025 · Jan 2, 2026 · Jan 6, 2026 · Jan 19, 2026
diff --git a/branding_assets/100_percent/product_logo_16.png b/branding_assets/100_percent/product_logo_16.png
diff --git a/branding_assets/100_percent/product_logo_16_root.png b/branding_assets/100_percent/product_logo_16_root.png
diff --git a/branding_assets/100_percent/product_logo_16_white.png b/branding_assets/100_percent/product_logo_16_white.png
diff --git a/branding_assets/100_percent/product_logo_32.png b/branding_assets/100_percent/product_logo_32.png
diff --git a/branding_assets/100_percent/product_logo_32_white.png b/branding_assets/100_percent/product_logo_32_white.png
diff --git a/branding_assets/100_percent/product_logo_name_22.png b/branding_assets/100_percent/product_logo_name_22.png
diff --git a/branding_assets/100_percent/product_logo_name_22_white.png b/branding_assets/100_percent/product_logo_name_22_white.png
diff --git a/branding_assets/200_percent/product_logo_16.png b/branding_assets/200_percent/product_logo_16.png
diff --git a/branding_assets/200_percent/product_logo_16_white.png b/branding_assets/200_percent/product_logo_16_white.png
diff --git a/branding_assets/200_percent/product_logo_32.png b/branding_assets/200_percent/product_logo_32.png
diff --git a/branding_assets/200_percent/product_logo_32_white.png b/branding_assets/200_percent/product_logo_32_white.png
diff --git a/branding_assets/200_percent/product_logo_name_22.png b/branding_assets/200_percent/product_logo_name_22.png
diff --git a/branding_assets/200_percent/product_logo_name_22_white.png b/branding_assets/200_percent/product_logo_name_22_white.png
diff --git a/branding_assets/common/favicon_ntp_100.png b/branding_assets/common/favicon_ntp_100.png
diff --git a/branding_assets/common/favicon_ntp_200.png b/branding_assets/common/favicon_ntp_200.png
diff --git a/branding_assets/mac/app-temp.icns b/branding_assets/mac/app-temp.icns
diff --git a/branding_assets/mac/app.icns b/branding_assets/mac/app.icns
diff --git a/branding_assets/ntp_icons/black_logo.svg b/branding_assets/ntp_icons/black_logo.svg
diff --git a/branding_assets/ntp_icons/openbrowser_logo_black.png b/branding_assets/ntp_icons/openbrowser_logo_black.png
diff --git a/branding_assets/ntp_icons/openbrowser_logo_white.png b/branding_assets/ntp_icons/openbrowser_logo_white.png
diff --git a/branding_assets/product_logo_128.png b/branding_assets/product_logo_128.png
diff --git a/branding_assets/product_logo_16.png b/branding_assets/product_logo_16.png
diff --git a/branding_assets/product_logo_22_mono.png b/branding_assets/product_logo_22_mono.png
diff --git a/branding_assets/product_logo_24.png b/branding_assets/product_logo_24.png
diff --git a/branding_assets/product_logo_256.png b/branding_assets/product_logo_256.png
diff --git a/branding_assets/product_logo_48.png b/branding_assets/product_logo_48.png
diff --git a/branding_assets/product_logo_64.png b/branding_assets/product_logo_64.png
diff --git a/branding_assets/side_panel_icons/mini_new_tab_page.svg b/branding_assets/side_panel_icons/mini_new_tab_page.svg
diff --git a/branding_assets/svg/product_logo.svg b/branding_assets/svg/product_logo.svg
diff --git a/chromium-extension/public/options.html b/chromium-extension/public/options.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
   <head>
     <title>OpenBrowser Options</title>

diff --git a/chromium-extension/public/sidebar.html b/chromium-extension/public/sidebar.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
   <head>
     <meta charset="UTF-8" />

diff --git a/chromium-extension/src/background/index.ts b/chromium-extension/src/background/index.ts
@@ -387,24 +387,26 @@ const eventHandlers: Record<
 };
 
 // Message listener
-chrome.runtime.onMessage.addListener(
-  async function (request, sender, sendResponse) {
-    const requestId = request.requestId;
-    const type = request.type;
-    const data = request.data;
+chrome.runtime.onMessage.addListener(async function (
+  request,
+  sender,
+  sendResponse
+) {
+  const requestId = request.requestId;
+  const type = request.type;
+  const data = request.data;
 
-    if (!chatAgent) {
-      await init();
-    }
+  if (!chatAgent) {
+    await init();
+  }
 
-    const handler = eventHandlers[type];
-    if (handler) {
-      handler(requestId, data).catch((error) => {
-        printLog(`Error handling ${type}: ${error}`, "error");
-      });
-    }
+  const handler = eventHandlers[type];
+  if (handler) {
+    handler(requestId, data).catch((error) => {
+      printLog(`Error handling ${type}: ${error}`, "error");
+    });
   }
-);
+});
 
 function printLog(message: string, level?: "info" | "success" | "error") {
   chrome.runtime.sendMessage({

diff --git a/chromium-extension/src/sidebar/components/AgentExecutionCard.tsx b/chromium-extension/src/sidebar/components/AgentExecutionCard.tsx
@@ -88,7 +88,9 @@ export const AgentExecutionCard: React.FC<AgentExecutionCardProps> = ({
           label: (
             <div className="flex items-center gap-2 w-full overflow-hidden">
               <div
-                className={`flex-1 min-w-0 ${isCollapsed ? "truncate" : "whitespace-normal"}`}
+                className={`flex-1 min-w-0 ${
+                  isCollapsed ? "truncate" : "whitespace-normal"
+                }`}
               >
                 <Text strong className="text-sm text-theme-primary">
                   {agentNode.task || agentNode.name}

diff --git a/chromium-extension/src/sidebar/components/ChatInput.tsx b/chromium-extension/src/sidebar/components/ChatInput.tsx
@@ -7,7 +7,7 @@ import {
   PaperClipOutlined,
   PlusOutlined,
   HistoryOutlined,
-  SettingOutlined,
+  SettingOutlined
 } from "@ant-design/icons";
 import type { UploadedFile } from "../types";
 import { Button, Space, Image, Typography } from "antd";
@@ -90,7 +90,10 @@ export const ChatInput: React.FC<ChatInputProps> = ({
       )}
 
       {/* Floating Chat Input Box */}
-      <div className="bg-theme-input border-theme-input relative shadow-sm hover:shadow-md transition-shadow radius-8px" style={{borderWidth: '1px', borderStyle: 'solid', overflow: 'hidden'}}>
+      <div
+        className="bg-theme-input border-theme-input relative shadow-sm hover:shadow-md transition-shadow radius-8px"
+        style={{ borderWidth: "1px", borderStyle: "solid", overflow: "hidden" }}
+      >
         <input
           ref={fileInputRef}
           type="file"

diff --git a/chromium-extension/src/sidebar/components/SessionHistory.tsx b/chromium-extension/src/sidebar/components/SessionHistory.tsx
@@ -106,7 +106,7 @@ export const SessionHistory: React.FC<SessionHistoryProps> = ({
             className={`cursor-pointer transition-colors hover:bg-selected radius-8px ${
               session.id === currentSessionId ? "bg-selected" : ""
             }`}
-            style={{paddingLeft: '8px', marginLeft: '4px'}}
+            style={{ paddingLeft: "8px", marginLeft: "4px" }}
             onClick={() => handleSelectSession(session.id)}
             actions={[
               <Button
@@ -121,7 +121,12 @@ export const SessionHistory: React.FC<SessionHistoryProps> = ({
             ]}
           >
             <List.Item.Meta
-              avatar={<MessageOutlined className="fill-theme-icon" style={{marginLeft: '4px'}} />}
+              avatar={
+                <MessageOutlined
+                  className="fill-theme-icon"
+                  style={{ marginLeft: "4px" }}
+                />
+              }
               title={
                 <Text
                   strong={session.id === currentSessionId}
@@ -131,7 +136,11 @@ export const SessionHistory: React.FC<SessionHistoryProps> = ({
                 </Text>
               }
               description={
-                <Text type="secondary" className="text-xs text-theme-primary" style={{opacity: 0.7}}>
+                <Text
+                  type="secondary"
+                  className="text-xs text-theme-primary"
+                  style={{ opacity: 0.7 }}
+                >
                   {formatDate(session.updatedAt)}
                 </Text>
               }

diff --git a/chromium-extension/src/sidebar/components/ToolCallItem.tsx b/chromium-extension/src/sidebar/components/ToolCallItem.tsx
@@ -101,11 +101,17 @@ export const ToolCallItem: React.FC<ToolCallItemProps> = ({ item }) => {
                     {item.result.content.map((part, index) => {
                       if (part.type === "text") {
                         return isJsonStr(part.text) ? (
-                          <pre key={index} className="tool-json-pre text-xs text-theme-primary">
+                          <pre
+                            key={index}
+                            className="tool-json-pre text-xs text-theme-primary"
+                          >
                             {JSON.stringify(JSON.parse(part.text), null, 2)}
                           </pre>
                         ) : (
-                          <div key={index} className="text-sm text-theme-primary">
+                          <div
+                            key={index}
+                            className="text-sm text-theme-primary"
+                          >
                             <MarkdownRenderer content={part.text} />
                           </div>
                         );
@@ -116,9 +122,9 @@ export const ToolCallItem: React.FC<ToolCallItemProps> = ({ item }) => {
                             src={
                               part.data.startsWith("http")
                                 ? part.data
-                                : `data:${part.mimeType || "image/png"};base64,${
-                                    part.data
-                                  }`
+                                : `data:${
+                                    part.mimeType || "image/png"
+                                  };base64,${part.data}`
                             }
                             alt="Tool result"
                             className="max-w-full mt-2 rounded border-theme-input"

diff --git a/chromium-extension/src/sidebar/hooks/useThemeColors.ts b/chromium-extension/src/sidebar/hooks/useThemeColors.ts
@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect } from "react";
 
 interface ThemeColors {
   kColorSysBase?: string;
@@ -19,7 +19,7 @@ export function useThemeColors() {
 
   useEffect(() => {
     // Check if chrome.themeColors API is available
-    if (typeof chrome !== 'undefined' && chrome.themeColors) {
+    if (typeof chrome !== "undefined" && chrome.themeColors) {
       chrome.themeColors.get((themeColors: ThemeColors) => {
         if (themeColors) {
           setColors(themeColors);

diff --git a/chromium-extension/src/sidebar/index.tsx b/chromium-extension/src/sidebar/index.tsx
@@ -108,8 +108,8 @@ const AppRun = () => {
           level === "error"
             ? AntdMessage.error
             : level === "success"
-              ? AntdMessage.success
-              : AntdMessage.info;
+            ? AntdMessage.success
+            : AntdMessage.info;
         showMessage({
           content: msg,
           className: "toast-text-black"

diff --git a/chromium/config/patches.list b/chromium/config/patches.list
@@ -0,0 +1,26 @@
+# OpenBrowser Patches - Apply in this order
+# Lines starting with # are comments and will be ignored
+# Empty lines will be ignored
+
+# Theme and UI changes
+patches/theme/theme-color-system.patch
+patches/ui/ui-layout-changes.patch
+
+# Branding assets and styling
+patches/branding/branding-assets.patch
+patches/theme/theme-styling.patch
+
+# Settings UI changes
+patches/ui/settings_ui_changes.patch
+
+# Branding URL changes
+patches/branding/branding_url_changes.patch
+
+# Tab radius updates
+patches/ui/updated-tab-radius.patch
+
+# Theme colors API
+patches/theme_api/theme-colors-api.patch
+
+# OpenBrowser Assistant integration
+patches/openbrowser_integration/openbrowser-assistant-integration.patch