Update README to clarify context engineering approach and improve settings UI styling and layout

Author: robertpiosik

README.md

@@ -32,9 +32,11 @@ Code Web Chat (CWC) is a free and open-source AI coding extension designed for s
 
 **With its focus on context engineering, CWC addresses pitfalls of coding agents.**
 
-We believe that automatic inclusion of files in the context window is a context-polluting approach caused by an inherent characteristics of the model—its inability to know about a file's purpose before reading it. That may make the model reason about wrong things, possibly leading to regressions. These could be overwhelmingly hard to fix with the very approach that created them.
+We believe that tool-calling based search for files is a bad, context-polluting design caused by an inherent characteristics of the model, that is, its inability to know about a file's purpose before reading it. That may make the model reason about wrong things, possibly leading to regressions. These could be overwhelmingly hard to fix with the very approach that created them.
 
-Although taking care about what the model sees sounds like a chore, the benefits are big. Simple instructions just work and the model is easy to guide with examples.
+Taking care about context window may sound time consuming, but CWC's _Prune Context_ prompt type will help you find what's needed in seconds.
+
+With the non-agentic approach simple instructions just work and the model is easy to guide with examples.
 
 Code with AI in a way that foster codebase understanding and gets you fast and accurate edits!
 

packages/ui/src/components/editor/settings/Section/Section.module.scss

@@ -43,13 +43,8 @@
   }
 
   &__group {
-    position: absolute;
-    top: 38px;
-    background-color: var(--vscode-button-background);
-    color: var(--vscode-button-foreground);
-    font-size: 12px;
-    border-radius: 999px;
-    padding: 2px 8px;
+    font-weight: 400;
+    color: var(--vscode-textLink-foreground);
   }
 
   &__title {

packages/ui/src/components/editor/settings/Section/Section.tsx

@@ -90,10 +90,12 @@ export const Section = forwardRef<HTMLDivElement, Props>((props, ref) => {
         })}
       >
         <div className={styles.header__marker} ref={marker_ref} />
-        {props.group && (
-          <div className={styles.header__group}>{props.group}</div>
-        )}
-        <div className={styles.header__title}>{props.title}</div>
+        <div className={styles.header__title}>
+          {props.group && (
+            <span className={styles.header__group}>{props.group}: </span>
+          )}
+          {props.title}
+        </div>
         <div className={styles.header__subtitle}>{props.subtitle}</div>
       </div>
       {props.children}

packages/vscode/src/views/settings/frontend/Home/sections/GeneralSection.tsx

@@ -97,7 +97,7 @@ export const GeneralSection = forwardRef<HTMLDivElement, Props>(
       <Section
         ref={ref}
         title="General"
-        subtitle="Configure your experience with CWC."
+        subtitle="Configure your experience."
         on_stuck_change={props.on_stuck_change}
       >
         <Group>