diff --git a/special-pages/pages/new-tab/app/components/Icons.js b/special-pages/pages/new-tab/app/components/Icons.js
index 0ab4d3690a5..186f1bfad30 100644
--- a/special-pages/pages/new-tab/app/components/Icons.js
+++ b/special-pages/pages/new-tab/app/components/Icons.js
@@ -776,6 +776,49 @@ export function CloseSmallIcon(props) {
     );
 }
 
+/**
+ * From https://dub.duckduckgo.com/duckduckgo/Icons/blob/Main/Glyphs/16px/Close-Xsmall-16.svg.
+ * @param {import('preact').JSX.SVGAttributes<SVGSVGElement>} props
+ */
+export function CloseXsmallIcon(props) {
+    return (
+        <svg width="16" height="16" fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                fill="currentColor"
+                d="M10.433 4.683c.244-.244.64-.244.884 0s.244.64 0 .884L8.884 8l2.433 2.433c.244.244.244.64 0 .884s-.64.244-.884 0L8 8.884l-2.433 2.433c-.244.244-.64.244-.884 0s-.244-.64 0-.884L7.116 8 4.683 5.567c-.244-.244-.244-.64 0-.884s.64-.244.884 0L8 7.116z"
+            />
+        </svg>
+    );
+}
+
+/**
+ * Colour PDF document glyph, from the Duck.ai frontend (react/src/duck-chat/assets/document-pdf-color-16.svg).
+ * @param {import('preact').JSX.SVGAttributes<SVGSVGElement>} props
+ */
+export function DocumentPdfColorIcon(props) {
+    return (
+        <svg width="16" height="16" fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                fill="#fff"
+                d="M10.4736 15.4219H5.52572C3.66751 15.4219 2.16113 13.9155 2.16113 12.0573V3.94271C2.16113 2.0845 3.66751 0.578125 5.52572 0.578125H8.40174C8.84178 0.578125 9.2643 0.750541 9.57871 1.0584L13.3329 4.73438C13.6561 5.05082 13.8382 5.48408 13.8382 5.93639V12.0573C13.8382 13.9155 12.3318 15.4219 10.4736 15.4219Z"
+            />
+            <path
+                fill="#888"
+                d="M13.0054 4.69678V13C13.0054 14.1074 12.1074 15.0054 11 15.0054H5C3.89255 15.0054 2.99463 14.1074 2.99463 13V3C2.99463 1.89255 3.89255 0.994629 5 0.994629H9.30322C9.61815 0.994642 9.92038 1.12009 10.1431 1.34277L12.6572 3.85693C12.8799 4.07962 13.0054 4.38185 13.0054 4.69678ZM13.9946 4.69678C13.9946 4.1194 13.7652 3.5655 13.3569 3.15723L10.8428 0.643066C10.4345 0.234797 9.8806 0.00538445 9.30322 0.00537109H5C3.34602 0.00537109 2.00537 1.34602 2.00537 3V13C2.00537 14.654 3.34602 15.9946 5 15.9946H11C12.654 15.9946 13.9946 14.654 13.9946 13V4.69678Z"
+            />
+            <path fill="#F05F2B" d="M9.5 2.125V0.5H10L13.5 4V4.5H11.875C10.5633 4.5 9.5 3.43668 9.5 2.125Z" />
+            <path
+                fill="#CC3B0A"
+                d="M12.8057 4.00537L9.99463 1.19434L9.99463 2.125C9.99463 3.16341 10.8366 4.00537 11.875 4.00537L12.8057 4.00537ZM9.60889 0.00537107C9.99051 0.00537105 10.3566 0.156911 10.6265 0.426758L13.5732 3.37353C13.8431 3.64338 13.9946 4.00949 13.9946 4.39111C13.9946 4.7245 13.7245 4.9946 13.3911 4.99463L11.875 4.99463C10.2901 4.99463 9.00537 3.70994 9.00537 2.125L9.00537 0.608887C9.0054 0.275497 9.2755 0.00539778 9.60889 0.00537107Z"
+            />
+            <path
+                fill="#CC3B0A"
+                d="M5.15039 9.5C5.82697 9.5 6.22151 9.9448 6.22168 10.6445C6.22168 11.3395 5.82686 11.7754 5.1543 11.7754H4.58984V13H4.0752V9.5H5.15039ZM8.00293 9.5C8.84982 9.50006 9.44141 10.1701 9.44141 11.25C9.44139 12.3249 8.84981 12.9999 8.00293 13H6.9043V9.5H8.00293ZM12.0752 10.0596H10.6406V11.0352H11.8965V11.5947H10.6406V13H10.124V9.5H12.0752V10.0596ZM7.42871 12.4404H7.97363C8.57728 12.4403 8.88769 11.9949 8.8877 11.25C8.8877 10.5051 8.57729 10.0597 7.97363 10.0596H7.42871V12.4404ZM4.58984 11.2295H5.11328C5.47022 11.2294 5.67773 11.0345 5.67773 10.6445C5.67758 10.2549 5.47008 10.0596 5.11328 10.0596H4.58984V11.2295Z"
+            />
+        </svg>
+    );
+}
+
 /**
  * @param {import('preact').JSX.SVGAttributes<SVGSVGElement>} props
  */
diff --git a/special-pages/pages/new-tab/app/omnibar/components/AiChatForm.js b/special-pages/pages/new-tab/app/omnibar/components/AiChatForm.js
index 0934581e381..b77e4dff4ce 100644
--- a/special-pages/pages/new-tab/app/omnibar/components/AiChatForm.js
+++ b/special-pages/pages/new-tab/app/omnibar/components/AiChatForm.js
@@ -181,6 +181,7 @@ export function AiChatForm({
                 }
             }}
         >
+            {children}
             <textarea
                 ref={textareaRef}
                 class={styles.textarea}
@@ -215,7 +216,6 @@ export function AiChatForm({
                 }}
                 onClick={emitChange}
             />
-            {children}
             <div tabIndex={-1} class={styles.buttons}>
                 {toolbarLeft}
                 <div class={styles.rightButtons}>{toolbarRight}</div>
diff --git a/special-pages/pages/new-tab/app/omnibar/components/Tooltip.js b/special-pages/pages/new-tab/app/omnibar/components/Tooltip.js
index 3e1bf59bfd2..d46a7b078e0 100644
--- a/special-pages/pages/new-tab/app/omnibar/components/Tooltip.js
+++ b/special-pages/pages/new-tab/app/omnibar/components/Tooltip.js
@@ -19,8 +19,9 @@ const VIEWPORT_PADDING = 8;
  * @param {string} props.content
  * @param {string} [props.className]
  * @param {TooltipPosition} [props.position]
+ * @param {string} [props.ariaLabel] - names the wrapper so nested controls' labels don't leak into its accessible name.
  */
-export function Tooltip({ children, content, className, position = 'above' }) {
+export function Tooltip({ children, content, className, position = 'above', ariaLabel }) {
     const [rect, setRect] = useState(/** @type {DOMRect | null} */ (null));
     const tooltipId = useId();
     const containerRef = useRef(/** @type {HTMLDivElement|null} */ (null));
@@ -55,7 +56,7 @@ export function Tooltip({ children, content, className, position = 'above' }) {
     const hide = () => setRect(null);
 
     const handleKeyDown = (e) => {
-        if (e.key === 'Enter' || e.key === ' ') {
+        if ((e.key === 'Enter' || e.key === ' ') && e.target === e.currentTarget) {
             e.preventDefault();
             if (rect) {
                 hide();
@@ -95,6 +96,7 @@ export function Tooltip({ children, content, className, position = 'above' }) {
             class={cn(styles.container, className)}
             role="button"
             tabIndex={0}
+            aria-label={ariaLabel}
             aria-describedby={isVisible ? tooltipId : undefined}
             onMouseEnter={show}
             onMouseLeave={hide}
diff --git a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/AttachmentChip.js b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/AttachmentChip.js
new file mode 100644
index 00000000000..27b5217b5da
--- /dev/null
+++ b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/AttachmentChip.js
@@ -0,0 +1,69 @@
+import { h } from 'preact';
+import { Tooltip } from '../../Tooltip.js';
+import { ChipRemoveButton } from './ChipRemoveButton';
+import styles from './AttachmentChip.module.css';
+
+/**
+ * @typedef {'tab' | 'file' | 'image'} AttachmentKind
+ */
+
+/**
+ * The 116px square attachment card shown above the AI chat prompt. Text chips render a
+ * title, an optional metadata line and an icon + type row; image chips render a
+ * full-bleed preview instead.
+ *
+ * @param {object} props
+ * @param {AttachmentKind} props.attachmentKind - marker for tests and per-kind styling.
+ * @param {import('preact').ComponentChildren} [props.imagePreview] - full-bleed preview; when set, the text rows are not rendered.
+ * @param {import('preact').ComponentChildren} [props.icon] - leading 16px glyph in the info row.
+ * @param {string} [props.title]
+ * @param {string} [props.typeLabel] - attachment kind, e.g. "Webpage" or "PDF".
+ * @param {string} [props.metadata] - extra line, e.g. domain or file size.
+ * @param {string} [props.tooltipLabel] - hover preview; defaults to `title`.
+ * @param {() => void} props.onRemove
+ * @param {string} props.removeLabel
+ * @param {number} [props.enteringAnimationDelay] - ms; staggers the pop-in across a row.
+ */
+export function AttachmentChip({
+    attachmentKind,
+    imagePreview,
+    icon,
+    title,
+    typeLabel,
+    metadata,
+    tooltipLabel,
+    onRemove,
+    removeLabel,
+    enteringAnimationDelay = 0,
+}) {
+    const tooltip = tooltipLabel || title || '';
+    return (
+        <div class={styles.listItem} data-attachment-kind={attachmentKind}>
+            <span class={styles.enter} style={{ animationDelay: enteringAnimationDelay ? `${enteringAnimationDelay}ms` : undefined }}>
+                <Tooltip content={tooltip} position="above" className={styles.tooltipContainer} ariaLabel={tooltip}>
+                    <span class={styles.root}>
+                        {imagePreview ? (
+                            <span class={styles.imageFill}>{imagePreview}</span>
+                        ) : (
+                            <span class={styles.headerBand}>
+                                <span class={styles.title}>{title}</span>
+                            </span>
+                        )}
+                        {!imagePreview && metadata && <span class={styles.metadata}>{metadata}</span>}
+                        {!imagePreview && (
+                            <span class={styles.info}>
+                                <span class={styles.iconSlot}>
+                                    <span class={styles.icon}>{icon}</span>
+                                </span>
+                                <span class={styles.typeLabel}>{typeLabel}</span>
+                            </span>
+                        )}
+                        <span class={styles.removeSlot}>
+                            <ChipRemoveButton onRemove={onRemove} label={removeLabel} />
+                        </span>
+                    </span>
+                </Tooltip>
+            </span>
+        </div>
+    );
+}
diff --git a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/AttachmentChip.module.css b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/AttachmentChip.module.css
new file mode 100644
index 00000000000..5faa7713c0a
--- /dev/null
+++ b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/AttachmentChip.module.css
@@ -0,0 +1,209 @@
+/* A fixed 116px card that never compresses; the row scrolls instead. */
+.listItem {
+    display: flex;
+    flex: none;
+    position: relative;
+    width: 116px;
+}
+
+/* Carries the entrance animation instead of the list item, so the item keeps its
+ * real layout size while the chip pops in and can be scrolled to right away. */
+.enter {
+    display: flex;
+    flex: 1 1 auto;
+    min-width: 0;
+    animation: chipEnter 0.3s cubic-bezier(0.1, 0.77, 0.37, 1.13) backwards;
+
+    @media (prefers-reduced-motion) {
+        animation: none;
+    }
+}
+
+@keyframes chipEnter {
+    from {
+        transform: scale(0);
+    }
+}
+
+/* The Tooltip wrapper must fill the item so the card below can use width: 100%. */
+.tooltipContainer {
+    border-radius: 18px;
+    display: flex;
+    flex: 1 1 auto;
+    min-width: 0;
+}
+
+/* A 116px square with three rows (title + metadata + icon/type). The icon/type row
+ * absorbs any slack below the fixed text rows. */
+.root {
+    backdrop-filter: blur(24px);
+    background-color: var(--ds-color-theme-control-fill-primary);
+    /* Reserved so the hover/pressed border doesn't shift the contents. */
+    border: 1px solid transparent;
+    border-radius: 18px;
+    box-sizing: border-box;
+    color: var(--ds-color-theme-text-primary);
+    display: flex;
+    flex-direction: column;
+    height: 116px;
+    min-width: 0;
+    overflow: hidden;
+    position: relative;
+    width: 100%;
+}
+
+/* Hover is gated on a real pointer: on touch it sticks after a tap. */
+@media (hover: hover) {
+    .root:hover {
+        background-color: var(--ds-color-theme-control-fill-secondary);
+        border-color: var(--ds-color-theme-container-border-primary);
+        box-shadow:
+            0 0.25px 1px 0 var(--ds-color-theme-shadow-secondary),
+            0 1px 4px 0 var(--ds-color-theme-shadow-primary);
+    }
+}
+
+.root:active {
+    background-color: var(--ds-color-theme-control-fill-tertiary);
+    border-color: var(--ds-color-theme-container-border-secondary);
+    box-shadow:
+        0 0.25px 1px 0 var(--ds-color-theme-shadow-secondary),
+        0 1px 4px 0 var(--ds-color-theme-shadow-primary);
+}
+
+/* Full-bleed image chips. The preview is absolutely positioned so its own aspect
+ * ratio can't shape the card. */
+.imageFill {
+    flex: 1 1 auto;
+    overflow: hidden;
+    position: relative;
+    width: 100%;
+
+    & > * {
+        height: 100%;
+        left: 0;
+        object-fit: cover;
+        position: absolute;
+        top: 0;
+        width: 100%;
+    }
+}
+
+.headerBand {
+    box-sizing: border-box;
+    display: flex;
+    flex: none;
+    min-width: 0;
+    overflow: hidden;
+    padding: 12px 12px 2px;
+    width: 100%;
+}
+
+.title {
+    color: var(--ds-color-theme-text-primary);
+    font-size: 14px;
+    line-height: 20px;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 100%;
+}
+
+/* Title wraps to two lines, then clamps; the two-line height is reserved so cards
+ * with short and long titles stay the same height. */
+.headerBand .title {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    min-height: 40px;
+    white-space: normal;
+    overflow-wrap: anywhere;
+}
+
+/* Extra line between the title and the icon/type row: a fixed 24px band with its
+ * single 16px line centred by the vertical padding. */
+.metadata {
+    box-sizing: border-box;
+    color: var(--ds-color-theme-text-secondary);
+    flex: none;
+    font-size: 12px;
+    height: 24px;
+    line-height: 16px;
+    min-width: 0;
+    overflow: hidden;
+    padding: 4px 12px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 100%;
+}
+
+.info {
+    align-items: center;
+    box-sizing: border-box;
+    display: flex;
+    flex: 1 1 auto;
+    gap: 4px;
+    min-width: 0;
+    padding: 4px 12px 12px;
+    width: 100%;
+}
+
+.iconSlot {
+    align-items: center;
+    display: flex;
+    flex: none;
+    height: 16px;
+    justify-content: center;
+}
+
+.icon {
+    align-items: center;
+    border-radius: 2px;
+    color: var(--ds-color-theme-icons-secondary);
+    display: flex;
+    flex: none;
+    height: 16px;
+    justify-content: center;
+    overflow: hidden;
+    width: 16px;
+
+    & > img {
+        height: 16px;
+        object-fit: cover;
+        width: 16px;
+    }
+}
+
+.typeLabel {
+    color: var(--ds-color-theme-text-secondary);
+    flex: 1 1 auto;
+    font-size: 12px;
+    line-height: 20px;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+/* Inset from the corner rather than overhanging it: the card clips its overflow.
+ * Hidden until hover or focus. A pointer click always hovers the card first, so the
+ * button is visible by the time it can be clicked; Tab focus reveals it too. */
+.removeSlot {
+    display: flex;
+    opacity: 0;
+    position: absolute;
+    right: 7px;
+    top: 7px;
+    transition: opacity 0.15s ease-out;
+
+    @media (prefers-reduced-motion) {
+        transition: none;
+    }
+}
+
+.removeSlot:focus-within,
+.root:hover .removeSlot {
+    opacity: 1;
+}
diff --git a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/AttachmentChips.js b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/AttachmentChips.js
index d573b18a015..5005ed1722f 100644
--- a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/AttachmentChips.js
+++ b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/AttachmentChips.js
@@ -3,6 +3,7 @@ import { useTypedTranslationWith } from '../../../../types';
 import { TabChip } from '../tab-attachment/TabChips';
 import { FileChip } from '../file-attachment/FileChip';
 import { ImageChip } from '../image-attachment/ImageChip';
+import { useScrollToNewestChip } from './useScrollToNewestChip';
 import styles from './AttachmentChips.module.css';
 
 /**
@@ -55,11 +56,14 @@ export function AttachmentChips({ tabs, files, images, onRemoveTab, onRemoveFile
         ),
     ].sort((a, b) => a.addedAtRelative - b.addedAtRelative);
 
+    const listRef = useScrollToNewestChip(items.length);
+
     if (items.length === 0) return null;
 
     return (
-        <div class={styles.chipsArea} data-testid="omnibar-attachment-chips">
-            {items.map((item) => {
+        <div ref={listRef} class={styles.chipsArea} data-testid="omnibar-attachment-chips">
+            {items.map((item, index) => {
+                const enteringAnimationDelay = index * 50;
                 switch (item.kind) {
                     case 'tab':
                         return (
@@ -68,6 +72,7 @@ export function AttachmentChips({ tabs, files, images, onRemoveTab, onRemoveFile
                                 tab={item.tab}
                                 onRemove={() => onRemoveTab(item.tab.tabId)}
                                 removeLabel={t('omnibar_removeAttachedTabLabel', { title: item.tab.title })}
+                                enteringAnimationDelay={enteringAnimationDelay}
                             />
                         );
                     case 'file':
@@ -77,6 +82,7 @@ export function AttachmentChips({ tabs, files, images, onRemoveTab, onRemoveFile
                                 file={item.file}
                                 onRemove={() => onRemoveFile(item.originalIndex)}
                                 removeLabel={t('omnibar_removeAttachedFileLabel', { fileName: item.file.fileName })}
+                                enteringAnimationDelay={enteringAnimationDelay}
                             />
                         );
                     case 'image':
@@ -86,6 +92,7 @@ export function AttachmentChips({ tabs, files, images, onRemoveTab, onRemoveFile
                                 image={item.image}
                                 onRemove={() => onRemoveImage(item.originalIndex)}
                                 removeLabel={t('omnibar_removeImageLabel')}
+                                enteringAnimationDelay={enteringAnimationDelay}
                             />
                         );
                     default: {
diff --git a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/AttachmentChips.module.css b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/AttachmentChips.module.css
index 2b2d3c21de6..39a9b3d7eea 100644
--- a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/AttachmentChips.module.css
+++ b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/AttachmentChips.module.css
@@ -1,11 +1,17 @@
 .chipsArea {
     align-items: center;
     align-self: stretch;
+    /* Matches the field's top corners so a scrolled chip doesn't poke past them. */
+    border-radius: var(--omnibar-radius, 15px) var(--omnibar-radius, 15px) 0 0;
     display: flex;
     flex-wrap: nowrap;
-    gap: var(--sp-2);
+    gap: var(--sp-1);
     overflow-x: auto;
-    padding: var(--sp-3) var(--sp-3) var(--sp-2);
+    padding: var(--sp-3) var(--sp-3) 0;
+    /* Without this, scrollIntoView leaves a revealed chip flush against the corner. */
+    scroll-padding-inline: var(--sp-3);
+    /* A scrollbar would cross the lower half of the chips and capture clicks meant
+     * for their remove buttons. */
     scrollbar-width: none;
 }
 
diff --git a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/ChipRemoveButton.js b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/ChipRemoveButton.js
index 6baa7e1cf6b..a4f746e99b2 100644
--- a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/ChipRemoveButton.js
+++ b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/ChipRemoveButton.js
@@ -1,5 +1,5 @@
 import { h } from 'preact';
-import { CloseSmallIcon } from '../../../../components/Icons';
+import { CloseXsmallIcon } from '../../../../components/Icons';
 import styles from './ChipRemoveButton.module.css';
 
 /**
@@ -9,9 +9,8 @@ import styles from './ChipRemoveButton.module.css';
  * @param {object} props
  * @param {() => void} props.onRemove
  * @param {string} props.label
- * @param {boolean} [props.stopPropagation] - stop the click bubbling, e.g. when the chip itself is clickable.
  */
-export function ChipRemoveButton({ onRemove, label, stopPropagation }) {
+export function ChipRemoveButton({ onRemove, label }) {
     return (
         <button
             type="button"
@@ -19,11 +18,11 @@ export function ChipRemoveButton({ onRemove, label, stopPropagation }) {
             class={styles.remove}
             aria-label={label}
             onClick={(e) => {
-                if (stopPropagation) e.stopPropagation();
+                e.stopPropagation();
                 onRemove();
             }}
         >
-            <CloseSmallIcon width="12" height="12" />
+            <CloseXsmallIcon width="16" height="16" aria-hidden="true" />
         </button>
     );
 }
diff --git a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/ChipRemoveButton.module.css b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/ChipRemoveButton.module.css
index 5bcbfd6ac97..a6c186f111d 100644
--- a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/ChipRemoveButton.module.css
+++ b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/ChipRemoveButton.module.css
@@ -1,28 +1,30 @@
 .remove {
     align-items: center;
-    background: var(--ds-color-theme-text-primary);
+    background: var(--ds-color-theme-surface-tertiary);
     border: none;
     border-radius: 50%;
     box-sizing: border-box;
-    color: var(--ds-color-theme-surface-primary);
+    color: var(--ds-color-theme-text-primary);
     cursor: pointer;
     display: flex;
-    height: var(--sp-4);
+    height: 20px;
     justify-content: center;
     padding: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    transform: translate(50%, -50%);
-    width: var(--sp-4);
+    transition: transform 0.2s ease-out;
+    width: 20px;
 
-    [data-theme="dark"] & {
-        background: var(--color-gray-40);
-        outline: 2px solid var(--ds-color-theme-surface-primary);
+    & svg {
+        flex: none;
     }
 
-    &:hover {
-        opacity: 0.8;
+    &:hover,
+    &:focus-visible {
+        background: var(--ds-color-theme-surface-secondary);
+    }
+
+    &:active {
+        background: var(--ds-color-theme-accent-primary);
+        color: var(--ds-color-theme-accent-content-primary);
     }
 
     &:focus-visible {
diff --git a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/attachmentText.js b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/attachmentText.js
new file mode 100644
index 00000000000..5879ec2d72e
--- /dev/null
+++ b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/attachmentText.js
@@ -0,0 +1,57 @@
+import { parseURL } from '../../../utils.js';
+
+/**
+ * e.g. `1.4 MB`. Unlocalized, like the file-type abbreviations beside it.
+ * @param {number} bytes
+ * @returns {string}
+ */
+export function formatFileSize(bytes) {
+    if (bytes < 1024) return `${bytes} B`;
+    const units = ['KB', 'MB', 'GB'];
+    let value = bytes / 1024;
+    let unitIndex = 0;
+    while (value >= 1024 && unitIndex < units.length - 1) {
+        value /= 1024;
+        unitIndex++;
+    }
+    return `${value >= 10 ? Math.round(value) : Math.round(value * 10) / 10} ${units[unitIndex]}`;
+}
+
+/**
+ * Splits a filename into its stem and extension. Dotfiles and extensionless names
+ * return an empty extension.
+ * @param {string} filename
+ * @returns {{ stem: string, extension: string }}
+ */
+export function splitFileName(filename) {
+    const dotIndex = filename.lastIndexOf('.');
+    if (dotIndex <= 0 || dotIndex === filename.length - 1) {
+        return { stem: filename, extension: '' };
+    }
+    return { stem: filename.slice(0, dotIndex), extension: filename.slice(dotIndex) };
+}
+
+/**
+ * Decoded byte length of a base64 string, so attached files can show a size
+ * without persisting one.
+ * @param {string} data
+ * @returns {number}
+ */
+export function base64ByteLength(data) {
+    if (!data) return 0;
+    let padding = 0;
+    if (data.endsWith('==')) padding = 2;
+    else if (data.endsWith('=')) padding = 1;
+    return Math.floor((data.length * 3) / 4) - padding;
+}
+
+/**
+ * Host for display, without a leading `www.`; falls back to the raw string.
+ * @param {string} url
+ * @returns {string}
+ */
+export function getDomainForDisplay(url) {
+    const parsed = parseURL(url);
+    if (!parsed || !parsed.host) return url;
+    return parsed.host.replace(/^www\./i, '');
+}
diff --git a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/useScrollToNewestChip.js b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/useScrollToNewestChip.js
new file mode 100644
index 00000000000..45b0ea96374
--- /dev/null
+++ b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/attachments/useScrollToNewestChip.js
@@ -0,0 +1,22 @@
+import { useLayoutEffect, useRef } from 'preact/hooks';
+
+/**
+ * Scrolls the chip list to the end when a chip is added. Items are in attach order,
+ * so a newly added chip is always last. useLayoutEffect so the scroll happens before
+ * paint and the chip doesn't flash un-scrolled.
+ *
+ * @param {number} count - number of chips currently rendered
+ */
+export function useScrollToNewestChip(count) {
+    const listRef = useRef(/** @type {HTMLDivElement|null} */ (null));
+    const previousCount = useRef(0);
+    useLayoutEffect(() => {
+        const grew = count > previousCount.current;
+        previousCount.current = count;
+        const list = listRef.current;
+        if (!grew || !list) return;
+        list.lastElementChild?.scrollIntoView?.({ behavior: 'auto', inline: 'nearest', block: 'nearest' });
+        list.scrollLeft = list.scrollWidth;
+    }, [count]);
+    return listRef;
+}
diff --git a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/file-attachment/FileChip.js b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/file-attachment/FileChip.js
index d0fe7afbb9b..463cd1a69f7 100644
--- a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/file-attachment/FileChip.js
+++ b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/file-attachment/FileChip.js
@@ -10,11 +10,14 @@ import { PdfFileChip } from './PdfFileChip';
  * @param {AttachedFile} props.file
  * @param {() => void} props.onRemove
  * @param {string} props.removeLabel
+ * @param {number} [props.enteringAnimationDelay]
  */
-export function FileChip({ file, onRemove, removeLabel }) {
+export function FileChip({ file, onRemove, removeLabel, enteringAnimationDelay }) {
     switch (file.mimeType) {
         case 'application/pdf':
-            return <PdfFileChip file={file} onRemove={onRemove} removeLabel={removeLabel} />;
+            return (
+                <PdfFileChip file={file} onRemove={onRemove} removeLabel={removeLabel} enteringAnimationDelay={enteringAnimationDelay} />
+            );
         default:
             return null;
     }
diff --git a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/file-attachment/PdfFileChip.js b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/file-attachment/PdfFileChip.js
index 5e6aae60a23..37ff08ab56f 100644
--- a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/file-attachment/PdfFileChip.js
+++ b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/file-attachment/PdfFileChip.js
@@ -1,7 +1,7 @@
 import { h } from 'preact';
-import { ChipRemoveButton } from '../attachments/ChipRemoveButton';
-import { Tooltip } from '../../Tooltip.js';
-import styles from './PdfFileChip.module.css';
+import { DocumentPdfColorIcon } from '../../../../components/Icons';
+import { AttachmentChip } from '../attachments/AttachmentChip';
+import { base64ByteLength, formatFileSize, splitFileName } from '../attachments/attachmentText';
 
 /**
  * @typedef {import('./useFileAttachments').AttachedFile} AttachedFile
@@ -12,20 +12,20 @@ import styles from './PdfFileChip.module.css';
  * @param {AttachedFile} props.file
  * @param {() => void} props.onRemove
  * @param {string} props.removeLabel
+ * @param {number} [props.enteringAnimationDelay]
  */
-export function PdfFileChip({ file, onRemove, removeLabel }) {
+export function PdfFileChip({ file, onRemove, removeLabel, enteringAnimationDelay }) {
     return (
-        <Tooltip content={file.fileName} position="above">
-            <div class={styles.chipWrapper} data-attachment-kind="file">
-                <span class={styles.card} aria-hidden="true">
-                    <span class={styles.lines}>
-                        <span class={styles.line} />
-                        <span class={styles.line} />
-                    </span>
-                    <span class={styles.format}>PDF</span>
-                </span>
-                <ChipRemoveButton onRemove={onRemove} label={removeLabel} />
-            </div>
-        </Tooltip>
+        <AttachmentChip
+            attachmentKind="file"
+            icon={<DocumentPdfColorIcon width={16} height={16} aria-hidden="true" />}
+            title={splitFileName(file.fileName).stem}
+            typeLabel="PDF"
+            metadata={formatFileSize(base64ByteLength(file.data))}
+            tooltipLabel={file.fileName}
+            onRemove={onRemove}
+            removeLabel={removeLabel}
+            enteringAnimationDelay={enteringAnimationDelay}
+        />
     );
 }
diff --git a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/file-attachment/PdfFileChip.module.css b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/file-attachment/PdfFileChip.module.css
deleted file mode 100644
index adc84e5373a..00000000000
--- a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/file-attachment/PdfFileChip.module.css
+++ /dev/null
@@ -1,60 +0,0 @@
-.chipWrapper {
-    position: relative;
-}
-
-.card {
-    align-items: center;
-    background: var(--ds-color-theme-surface-tertiary, #fff);
-    border-radius: 8px;
-    box-shadow:
-        0 2px 6px rgba(0, 0, 0, 0.1),
-        0 8px 16px rgba(0, 0, 0, 0.08);
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    gap: var(--sp-1);
-    height: var(--sp-14);
-    justify-content: flex-end;
-    padding: var(--sp-1);
-    width: var(--sp-14);
-
-    [data-theme="dark"] & {
-        background: rgba(255, 255, 255, 0.08);
-        box-shadow:
-            0 0 0 1px var(--color-white-at-15),
-            0 1px 4px rgba(0, 0, 0, 0.3),
-            0 4px 8px rgba(0, 0, 0, 0.2);
-    }
-}
-
-.lines {
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-    width: 100%;
-}
-
-.line {
-    background: var(--color-black-at-6, rgba(0, 0, 0, 0.06));
-    border-radius: 4px;
-    height: 6px;
-    width: 100%;
-
-    [data-theme="dark"] & {
-        background: var(--color-white-at-15);
-    }
-}
-
-.format {
-    align-items: center;
-    background: var(--color-red-50);
-    border-radius: 4px;
-    color: #fff;
-    display: flex;
-    font-size: 13px;
-    font-weight: 700;
-    height: 27px;
-    justify-content: center;
-    letter-spacing: 1px;
-    width: 100%;
-}
diff --git a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/image-attachment/ImageAttachment.module.css b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/image-attachment/ImageAttachment.module.css
index 9839e2a3c02..94d20926ff7 100644
--- a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/image-attachment/ImageAttachment.module.css
+++ b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/image-attachment/ImageAttachment.module.css
@@ -6,19 +6,12 @@
     padding: var(--sp-3) var(--sp-3) 0;
 }
 
-.thumbnail {
-    border-radius: 8px;
-    box-shadow:
-        0 2px 6px rgba(0, 0, 0, 0.1),
-        0 8px 16px rgba(0, 0, 0, 0.08);
+/* The full-bleed preview inside a chip; the crop to the card's box happens here. */
+.chipPreview {
     display: block;
-    height: var(--sp-14);
+    height: 100%;
     object-fit: cover;
-    width: var(--sp-14);
-}
-
-.thumbnailWrapper {
-    position: relative;
+    width: 100%;
 }
 
 .imageWarning {
diff --git a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/image-attachment/ImageChip.js b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/image-attachment/ImageChip.js
index 8f2a5d5788c..0cb6aea8b79 100644
--- a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/image-attachment/ImageChip.js
+++ b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/image-attachment/ImageChip.js
@@ -1,5 +1,5 @@
 import { h } from 'preact';
-import { ChipRemoveButton } from '../attachments/ChipRemoveButton';
+import { AttachmentChip } from '../attachments/AttachmentChip';
 import styles from './ImageAttachment.module.css';
 
 /**
@@ -11,12 +11,17 @@ import styles from './ImageAttachment.module.css';
  * @param {AttachedImage} props.image
  * @param {() => void} props.onRemove
  * @param {string} props.removeLabel
+ * @param {number} [props.enteringAnimationDelay]
  */
-export function ImageChip({ image, onRemove, removeLabel }) {
+export function ImageChip({ image, onRemove, removeLabel, enteringAnimationDelay }) {
     return (
-        <div class={styles.thumbnailWrapper} data-attachment-kind="image">
-            <img src={image.dataUrl} alt="" class={styles.thumbnail} />
-            <ChipRemoveButton onRemove={onRemove} label={removeLabel} stopPropagation />
-        </div>
+        <AttachmentChip
+            attachmentKind="image"
+            imagePreview={<img src={image.dataUrl} alt="" class={styles.chipPreview} />}
+            tooltipLabel={image.fileName}
+            onRemove={onRemove}
+            removeLabel={removeLabel}
+            enteringAnimationDelay={enteringAnimationDelay}
+        />
     );
 }
diff --git a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/tab-attachment/TabChips.js b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/tab-attachment/TabChips.js
index a060ac73592..2879d1ad595 100644
--- a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/tab-attachment/TabChips.js
+++ b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/tab-attachment/TabChips.js
@@ -1,41 +1,34 @@
 import { h } from 'preact';
-import { ChipRemoveButton } from '../attachments/ChipRemoveButton';
+import { useTypedTranslationWith } from '../../../../types';
+import { AttachmentChip } from '../attachments/AttachmentChip';
+import { getDomainForDisplay } from '../attachments/attachmentText';
 import { TabFavicon } from './TabFavicon';
 import styles from './TabChips.module.css';
 
 /**
+ * @typedef {typeof import('../../../strings.json')} Strings
  * @typedef {import('../../../../../types/new-tab.js').TabMetadata} TabMetadata
  */
 
-const FAVICON_LINES = [
-    { left: 22, top: 5, width: 10 },
-    { left: 22, top: 11, width: 10 },
-    { left: 22, top: 17, width: 10 },
-    { left: 4, top: 23, width: 28 },
-    { left: 4, top: 29, width: 23 },
-];
-
 /**
  * @param {object} props
  * @param {TabMetadata} props.tab
  * @param {() => void} props.onRemove
  * @param {string} props.removeLabel
+ * @param {number} [props.enteringAnimationDelay]
  */
-export function TabChip({ tab, onRemove, removeLabel }) {
+export function TabChip({ tab, onRemove, removeLabel, enteringAnimationDelay }) {
+    const { t } = useTypedTranslationWith(/** @type {Strings} */ ({}));
     return (
-        <div class={styles.chip} data-attachment-kind="tab">
-            <span class={styles.faviconTile} aria-hidden="true">
-                {FAVICON_LINES.map((line, i) => (
-                    <span key={i} class={styles.faviconLine} style={{ left: line.left, top: line.top, width: line.width }} />
-                ))}
-                <span class={styles.faviconCorner}>
-                    <TabFavicon favicon={tab.favicon} iconSize={16} className={styles.favicon} fallbackClassName={styles.faviconFallback} />
-                </span>
-            </span>
-            <span class={styles.title} title={tab.title}>
-                {tab.title}
-            </span>
-            <ChipRemoveButton onRemove={onRemove} label={removeLabel} />
-        </div>
+        <AttachmentChip
+            attachmentKind="tab"
+            icon={<TabFavicon favicon={tab.favicon} iconSize={16} className={styles.favicon} fallbackClassName={styles.faviconFallback} />}
+            title={tab.title}
+            typeLabel={t('omnibar_attachmentTypeWebpage')}
+            metadata={getDomainForDisplay(tab.url)}
+            onRemove={onRemove}
+            removeLabel={removeLabel}
+            enteringAnimationDelay={enteringAnimationDelay}
+        />
     );
 }
diff --git a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/tab-attachment/TabChips.module.css b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/tab-attachment/TabChips.module.css
index c544dc7df0d..d5018cee05d 100644
--- a/special-pages/pages/new-tab/app/omnibar/components/chat-tools/tab-attachment/TabChips.module.css
+++ b/special-pages/pages/new-tab/app/omnibar/components/chat-tools/tab-attachment/TabChips.module.css
@@ -1,64 +1,3 @@
-.chip {
-    align-items: center;
-    background: var(--ds-color-theme-surface-secondary, var(--color-black-at-6));
-    border-radius: 8px;
-    box-shadow:
-        0 1px 4px rgba(0, 0, 0, 0.1),
-        0 4px 8px rgba(0, 0, 0, 0.08);
-    box-sizing: border-box;
-    color: var(--ds-color-theme-text-primary);
-    display: inline-flex;
-    font-size: 14px;
-    gap: 10px;
-    line-height: 20px;
-    padding: 10px 14px 10px 10px;
-    position: relative;
-    width: var(--sp-56);
-
-    [data-theme="dark"] & {
-        background: rgba(255, 255, 255, 0.08);
-        box-shadow:
-            0 0 0 1px var(--color-white-at-15),
-            0 1px 4px rgba(0, 0, 0, 0.3),
-            0 4px 8px rgba(0, 0, 0, 0.2);
-    }
-}
-
-.faviconTile {
-    background: var(--ds-color-theme-surface-primary, var(--color-black-at-6));
-    border-radius: 6px;
-    color: var(--ds-color-theme-icons-secondary);
-    flex: none;
-    height: var(--sp-9);
-    overflow: hidden;
-    position: relative;
-    width: var(--sp-9);
-}
-
-.faviconLine {
-    background: var(--color-black-at-12);
-    border-radius: 1px;
-    height: 2px;
-    position: absolute;
-
-    [data-theme="dark"] & {
-        background: var(--color-white-at-15);
-    }
-}
-
-.faviconCorner {
-    align-items: center;
-    border-radius: 2px;
-    display: flex;
-    height: 16px;
-    justify-content: center;
-    left: 4px;
-    overflow: hidden;
-    position: absolute;
-    top: 4px;
-    width: 16px;
-}
-
 .favicon {
     border-radius: 2px;
     height: 16px;
@@ -74,12 +13,3 @@
     justify-content: center;
     width: 16px;
 }
-
-.title {
-    flex: 1;
-    font-weight: 600;
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
diff --git a/special-pages/pages/new-tab/app/omnibar/strings.json b/special-pages/pages/new-tab/app/omnibar/strings.json
index 97dbe69db15..623ae23a4f9 100644
--- a/special-pages/pages/new-tab/app/omnibar/strings.json
+++ b/special-pages/pages/new-tab/app/omnibar/strings.json
@@ -279,6 +279,10 @@
     "title": "No page content available",
     "description": "Empty-state message shown in the attach dropdown and the Add Tabs dialog when there are no open tabs with attachable page content."
   },
+  "omnibar_attachmentTypeWebpage": {
+    "title": "Webpage",
+    "description": "Attachment kind label shown next to the favicon in an attached-tab chip in the AI chat input."
+  },
   "omnibar_removeAttachedTabLabel": {
     "title": "Remove {title}",
     "description": "Accessible label for the close button on an attached-tab chip. {title} is the tab title."
diff --git a/special-pages/pages/new-tab/app/omnibar/unit-tests/attachmentText.spec.js b/special-pages/pages/new-tab/app/omnibar/unit-tests/attachmentText.spec.js
new file mode 100644
index 00000000000..852f8375c96
--- /dev/null
+++ b/special-pages/pages/new-tab/app/omnibar/unit-tests/attachmentText.spec.js
@@ -0,0 +1,60 @@
+import { deepEqual, equal } from 'node:assert/strict';
+import { test } from 'node:test';
+import {
+    base64ByteLength,
+    formatFileSize,
+    getDomainForDisplay,
+    splitFileName,
+} from '../components/chat-tools/attachments/attachmentText.js';
+
+test.describe('formatFileSize', () => {
+    test('formats bytes, KB, MB and GB', () => {
+        equal(formatFileSize(0), '0 B');
+        equal(formatFileSize(1023), '1023 B');
+        equal(formatFileSize(1024), '1 KB');
+        equal(formatFileSize(1536), '1.5 KB');
+        equal(formatFileSize(1.4 * 1024 * 1024), '1.4 MB');
+        equal(formatFileSize(12.6 * 1024 * 1024), '13 MB');
+        equal(formatFileSize(3 * 1024 * 1024 * 1024), '3 GB');
+    });
+
+    test('caps the unit at GB', () => {
+        equal(formatFileSize(5000 * 1024 * 1024 * 1024), '5000 GB');
+    });
+});
+
+test.describe('splitFileName', () => {
+    test('splits stem and extension', () => {
+        deepEqual(splitFileName('q3-report.pdf'), { stem: 'q3-report', extension: '.pdf' });
+        deepEqual(splitFileName('archive.tar.gz'), { stem: 'archive.tar', extension: '.gz' });
+    });
+
+    test('returns an empty extension for dotfiles and extensionless names', () => {
+        deepEqual(splitFileName('README'), { stem: 'README', extension: '' });
+        deepEqual(splitFileName('.env'), { stem: '.env', extension: '' });
+        deepEqual(splitFileName('trailing.'), { stem: 'trailing.', extension: '' });
+    });
+});
+
+test.describe('base64ByteLength', () => {
+    test('accounts for padding', () => {
+        equal(base64ByteLength(''), 0);
+        equal(base64ByteLength(btoa('a')), 1);
+        equal(base64ByteLength(btoa('ab')), 2);
+        equal(base64ByteLength(btoa('abc')), 3);
+        equal(base64ByteLength(btoa('hello world')), 11);
+    });
+});
+
+test.describe('getDomainForDisplay', () => {
+    test('returns the host without a leading www', () => {
+        equal(getDomainForDisplay('https://www.starbucks.com/menu'), 'starbucks.com');
+        equal(getDomainForDisplay('https://developer.mozilla.org/en-US/'), 'developer.mozilla.org');
+        equal(getDomainForDisplay('example.com/path'), 'example.com');
+    });
+
+    test('falls back to the raw string when there is no host', () => {
+        equal(getDomainForDisplay('about:blank'), 'about:blank');
+        equal(getDomainForDisplay(''), '');
+    });
+});
diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js
index 4a05eebd65d..2623b4ff581 100644
--- a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js
+++ b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js
@@ -500,17 +500,19 @@ test.describe('NTP screenshots', { tag: ['@screenshots'] }, () => {
             const ntp = NewtabPage.create(page, workerInfo);
             const omnibar = new OmnibarPage(ntp);
             await ntp.reducedMotion();
-            // Raise the tab cap above the chip count so this stays a pure overflow test — 4 chips
+            // Raise the tab cap above the chip count so this stays a pure overflow test — 6 chips
             // exceed the default cap of 3 and would otherwise render the over-limit warning chrome.
             await ntp.openPage({ additional: { ...attachmentsConfig, 'omnibar.tabMaxAttached': '10' } });
             await omnibar.ready();
-            // Enough wide tab chips to exceed the field width; they stay on one row and the
-            // trailing chip is clipped at the scroll edge rather than wrapping to a new row.
+            // Enough 108px chips to exceed the 620px field; they stay on one row and the
+            // row scrolls to the newest chip rather than wrapping to a new row.
             await omnibar.attachTab('MacBook Neo - Apple');
             await omnibar.attachTab('Starbucks Coffee Company');
             await omnibar.attachTab('MacBook Pro - Apple');
             await omnibar.attachTab('Daring Fireball');
-            await expect(omnibar.tabChip()).toHaveCount(4);
+            await omnibar.attachTab('Dinosaurus');
+            await omnibar.attachTab('The Verge');
+            await expect(omnibar.tabChip()).toHaveCount(6);
             await expect(page).toHaveScreenshot('omnibar-attachment-carousel-overflow.png', { maxDiffPixels });
         });
 
diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-file-chip-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-file-chip-ntp-screenshots-dark-darwin.png
index b83f44eef2f..f8251d044a4 100644
Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-file-chip-ntp-screenshots-dark-darwin.png and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-file-chip-ntp-screenshots-dark-darwin.png differ
diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-file-chip-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-file-chip-ntp-screenshots-light-darwin.png
index bb21726d2ab..47d9a60793c 100644
Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-file-chip-ntp-screenshots-light-darwin.png and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-file-chip-ntp-screenshots-light-darwin.png differ
diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-image-chip-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-image-chip-ntp-screenshots-dark-darwin.png
index c8a57a904e2..1923cf83bd8 100644
Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-image-chip-ntp-screenshots-dark-darwin.png and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-image-chip-ntp-screenshots-dark-darwin.png differ
diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-image-chip-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-image-chip-ntp-screenshots-light-darwin.png
index 8568195dd84..192601d96dd 100644
Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-image-chip-ntp-screenshots-light-darwin.png and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-image-chip-ntp-screenshots-light-darwin.png differ
diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-mixed-chips-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-mixed-chips-ntp-screenshots-dark-darwin.png
index 35491473646..d9ed37ba6b1 100644
Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-mixed-chips-ntp-screenshots-dark-darwin.png and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-mixed-chips-ntp-screenshots-dark-darwin.png differ
diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-mixed-chips-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-mixed-chips-ntp-screenshots-light-darwin.png
index b658d042519..b4e74127f7c 100644
Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-mixed-chips-ntp-screenshots-light-darwin.png and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-mixed-chips-ntp-screenshots-light-darwin.png differ
diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-tab-chip-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-tab-chip-ntp-screenshots-dark-darwin.png
index dd8656f991d..fa1bcdd55bf 100644
Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-tab-chip-ntp-screenshots-dark-darwin.png and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-tab-chip-ntp-screenshots-dark-darwin.png differ
diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-tab-chip-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-tab-chip-ntp-screenshots-light-darwin.png
index 400e6fe9cf4..35a8fa7ca0d 100644
Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-tab-chip-ntp-screenshots-light-darwin.png and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attached-tab-chip-ntp-screenshots-light-darwin.png differ
diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attachment-carousel-overflow-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attachment-carousel-overflow-ntp-screenshots-dark-darwin.png
index 707b7e727ef..04d9c016065 100644
Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attachment-carousel-overflow-ntp-screenshots-dark-darwin.png and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attachment-carousel-overflow-ntp-screenshots-dark-darwin.png differ
diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attachment-carousel-overflow-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attachment-carousel-overflow-ntp-screenshots-light-darwin.png
index 5b5d38f7be5..2e95a5d1d27 100644
Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attachment-carousel-overflow-ntp-screenshots-light-darwin.png and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-attachment-carousel-overflow-ntp-screenshots-light-darwin.png differ
diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-screenshot-chip-ntp-screenshots-dark-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-screenshot-chip-ntp-screenshots-dark-darwin.png
index fbf77a25f78..c5388685036 100644
Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-screenshot-chip-ntp-screenshots-dark-darwin.png and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-screenshot-chip-ntp-screenshots-dark-darwin.png differ
diff --git a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-screenshot-chip-ntp-screenshots-light-darwin.png b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-screenshot-chip-ntp-screenshots-light-darwin.png
index 2b63db41ddf..5cb350654f8 100644
Binary files a/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-screenshot-chip-ntp-screenshots-light-darwin.png and b/special-pages/pages/new-tab/integration-tests/new-tab.screenshots.spec.js-snapshots/omnibar-screenshot-chip-ntp-screenshots-light-darwin.png differ
diff --git a/special-pages/pages/new-tab/public/locales/en/new-tab.json b/special-pages/pages/new-tab/public/locales/en/new-tab.json
index 4d481470ea0..605ad30ea69 100644
--- a/special-pages/pages/new-tab/public/locales/en/new-tab.json
+++ b/special-pages/pages/new-tab/public/locales/en/new-tab.json
@@ -441,6 +441,10 @@
     "title": "No page content available",
     "description": "Empty-state message shown in the attach dropdown and the Add Tabs dialog when there are no open tabs with attachable page content."
   },
+  "omnibar_attachmentTypeWebpage": {
+    "title": "Webpage",
+    "description": "Attachment kind label shown next to the favicon in an attached-tab chip in the AI chat input."
+  },
   "omnibar_removeAttachedTabLabel": {
     "title": "Remove {title}",
     "description": "Accessible label for the close button on an attached-tab chip. {title} is the tab title."