u/Stevoisiak

Stop AI search icon from replacing regular search icon on americanbanker.com

I am trying to make filters to block the AI search bar on https://www.americanbanker.com/.

When the page initially loads, the search icon displays as a regular icon in element .Page-header-search.

https://preview.redd.it/83k0ahm96d1h1.png?width=56&format=png&auto=webp&s=5a22d5156e965cc1b0ca2fcb06eefa94e6272aa9

However, shortly after the page loads, the search element is hidden with display: none !important; and a new element for an AI search, .miso-page-header-search gets created to be shown instead.

https://preview.redd.it/t2eww4dw5d1h1.png?width=72&format=png&auto=webp&s=a12b28142f817da9059643c7c1f87dc7c8991067

I attempted to override the styles to unhide the regular search and rehide the AI search. However, this resulted in the search bar not appearing when the search icon is clicked. The display: none !important rule gets applied to both the search icon and the child search bar. which overrides the "unhiding" that normally happens when the search icon is clicked.

www.americanbanker.com##.Page-header-search:style(display: block !important)
www.americanbanker.com##.miso-page-header-search:style(display: none !important)

(For reference, I am aware an AI overview AI still appears when using the non-ai labeled search, however I have separate filters to block that. This is only focused on blocking the sparkly AI search bar on the main page)

Is there a filter rule I can apply to stop the non-AI search bar from getting overridden on americanbanker.com?

HTML

<div class="Page-header-buttons">
  <div class="Page-header-search">
    <button class="Page-header-search-button">
      <svg class="icon-magnify">
        <use xlink:href="#icon-magnify"></use>
      </svg>
      <span class="sr-only">Show Search</span> 
      <svg class="close-x">
        <use xlink:href="#close-x"></use>
      </svg>
    </button>
  </div>
  <div class="miso-page-header-search">
    <button class="miso-page-header-search-button miso-icon-button">
      <span class="sr-only">Show Search</span>
      <span class="miso-page-header-search-button__icon">
        <svg class="miso-arizent-icon miso-arizent-icon-ai-search">
          <use href="#miso-arizent-icon-ai-search"></use>
        </svg>
        <svg class="miso-arizent-icon miso-arizent-icon-close-x">
          <use href="#miso-arizent-icon-close-x"></use>
        </svg>
      </span>
    </button>
  </div>
</div>
reddit.com
u/Stevoisiak — 6 days ago

“We recommend setting up a new [passkey]”. What do you think I’m trying to do TikTok?

u/Stevoisiak — 10 days ago

Blocking TikTok videos with AI Generated content disclaimers

I want to make a filter to block or skip TikTok videos that have an AI Generated content disclaimer. (example)

https://preview.redd.it/0e4ggrc3ze0h1.png?width=438&format=png&auto=webp&s=185cde0dbd0026cae882ce48e17789ff2dd047d3

The AI tag can be found in the dom as data-e2e="aigc-tag". Hiding the video with tiktok.com##[data-e2e="feed-video"]:has([data-e2e="aigc-tag"]) doesn't work, as if an AI video comes up while swiping on the homepage, it causes a blank page for the video instead of skipping past it.

I found that XHR responses from https://www.tiktok.com/api/recommend/item_list/ had two attributes of note: aigcLabelType and moderationAigcLabelType, whichonly seem to be present for videos with AI Generated Content.

https://preview.redd.it/pz7bf1pb0f0h1.png?width=658&format=png&auto=webp&s=578f8cc0d6687b27bead5228b0508934cfcff46d

I tried using json-prune to filter out items with either of these attributes, but AI items are still appearing on my homepage. I don't have much experience with json-prune, so I may be doing something wrong.

www.tiktok.com##+js(json-prune, itemList.{-}.aigcLabelType)
www.tiktok.com##+js(json-prune, itemList.{-}.moderationAigcLabelType)

How can I hide AI generated videos from the TikTok homepage?

reddit.com
u/Stevoisiak — 11 days ago

Blocking GitHub Copilot generated commit message suggestions

I want to block the Copilot powered commit message suggestions that appear when editing a file on the GitHub website. This feature can be toggled off in account settings, but it's enabled by default, so I want to add it to my AI Blocklist.

Steps to reproduce

  • Login to GitHub
  • Go to a file page (Example)
  • Click the edit button (pencil icon)
  • Make changes
  • Click "Commit changes..."

Additional information

  • The pre-account setting to disable message generation can be found under Copilot Settings > Copilot-generated commit messages.
  • The feature can disable itself if a user goes over their free usage limit for Copilot.
  • Edge's developer tools showed an item https://github.githubassets.com/assets/packages/copilot-generate-description-panel/use-copilot-generate-panel.ts. Attempting to override it gave a message that it was a source mapped file, and asks if I want to override 94255-6d6b2680abb55a34.js instead.
  • I saw entries mentioning Copilot in Local Storage, such as COPILOT_AUTH_TOKEN, COPILOT_LAST_USED_REPOSITORY_KEY, COPILOT_PANEL_POSITION_BOTTOM, COPILOT_SAVED_USER_MESSAGE_dashboard_null, and COPILOT_SELECTED_MODEL_VERSION.

Screenshot

https://preview.redd.it/ohxmd0aenc0h1.png?width=935&format=png&auto=webp&s=c66cc5da47486dad6095296664bac7814391163f

reddit.com
u/Stevoisiak — 11 days ago

I am looking to make a filter that hides previews for AI generated images on DeviantArt's home page and search results. AI generated images, (example), have a "Created using AI tools" disclaimer in the description.

<div class="iT0l0J"><span>Created using AI tools</span></div>

Unfortunately, this AI disclaimer isn't present in the image preview element when checking the DOM on DeviantArt's homepage.

<div class="DUvEbv" aria-hidden="true" data-testid="thumb" typeof="ImageObject" vocab="https://schema.org/" style="width: 504px; height: 288px;"><img alt="Art #227" loading="lazy" property="contentUrl" srcset="{long string, left out for readability}" style="width: 504px; height: 288px; object-fit: cover; object-position: 50% 50%;"><span class="r9Jp3s" rel="schema:creator"><span class="r9Jp3s" typeof="schema:Person"><span property="schema:name" class="r9Jp3s" content="Lulubelle31"></span></span></span><span property="creditText" class="r9Jp3s">Lulubelle31 on DeviantArt</span></div>

DeviantArt has a menu option to suppress AI content, but it can't be enabled without creating an account.

https://preview.redd.it/lnwmcgi0uyzg1.png?width=530&format=png&auto=webp&s=be6c8c66423a05f31bd62b94337e97509c131d68

I've tried a few approaches for filtering AI content:

  • When checking image preview elements on the front page, I didn't see any attributes labeling an image as AI
  • I did not see the "Suppress AI Content" setting in my browser's local storage or cookies.
  • I considered making a list of users that have posted AI content and filtering by username, but DA's API can't check if an image is AI generated.
  • Checking XHR requests in the logger didn't show any information for image previews.
  • Theoretically I could load the deviation page for an image in the background to check if it has the AI disclaimer, but I don't have enough experience to know if that is possible in uBlock Origin.

Is there some way I can hide previews for AI Generated images on DeviantArt with uBlock Origin?

reddit.com
u/Stevoisiak — 13 days ago

I have a filter which uses the remove-attr() scriptlet to remove a href attribute from a hyperlink on example.com.

example.com#%#//scriptlet('remove-attr', 'href', '[href="https://iana.org/domains/example"]')

The filter works as expected when added to my user rules. However, when I make a custom filter list and import by URL with Filters > Custom > Add custom filter, the filter will only works if I have "Trusted" checked.

AdGuard's documentation says that trusted filters are required for trusted scriptlets and JavaScript rules, but am I supposed to need them for a regular scriptlet?

System:

  • Windows 11 Pro 24H2 (Build 26100.8037)
  • Google Chrome 147.0.7727.138
  • AdGuard Version 5.3.1.63
reddit.com
u/Stevoisiak — 16 days ago

Google changed its logo for teacher appreciation day where clicking the logo sends users to an AI prompt page. (They also did this during the Olympics). I want a filter which removes the AI hyperlink from the Google Logo for my AI filter list.

In uBlock Origin I can use :remove-attr(), but this doesn't work in AdGuard.

www.google.com##.k1zIA.kKvsb > a[href*="&udm=50"]:remove-attr(href)

If I hide the element instead of removing the href, it results in the entire Google logo getting hidden.

www.google.com##.k1zIA.kKvsb > a[href*="&udm=50"]

Is there some other way to remove the AI hyperlink from the Google Logo?

reddit.com
u/Stevoisiak — 16 days ago

I want to get rid of Google's AI-powered autocomplete search suggestions. They can be identified by the sparkling magnifying glass icon.

https://preview.redd.it/tohxhcjewbzg1.png?width=962&format=png&auto=webp&s=4280c577896f7d6797006dd54c4dfcaab8867f65

The option can be hidden with a filter, but the invisible AI option is still selectable via the up and down arrow keys on the keyboard.

www.google.com##[data-attrid="AutocompletePrediction"]:has(> .eIPGRd > .sbic.sb86)

Adding :remove() turns the AI suggestion into an invisible "blank" option. It isn't visible, and attempting to select it via arrow key navigation won't change the search bar text, but you need to hit the down arrow twice to select the next valid option.

www.google.com##[data-attrid="AutocompletePrediction"]:has(> .eIPGRd > .sbic.sb86):remove()

I've posted a sample of the HTML on Gist.

How can I hide Google's AI autocomplete search suggestions and make then unselectable via keyboard navigation?

reddit.com
u/Stevoisiak — 17 days ago