Merge pull request #1452 from PAIR-code/dev

Merge dev to main for v1.1.1

Author: bdu91

RELEASE.md

@@ -1,5 +1,52 @@
 # Learning Interpretability Tool Release Notes
 
+## Release 1.1.1
+
+This release covers various improvements for sequence salience, including new
+features in the UI module, support of more LLMs, and detailed tutorial and
+documentation on how to use the sequence salience module for prompt engineering.
+
+### New stuff
+* New features in the sequence salience UI module -
+[62f18b2](https://github.com/PAIR-code/lit/commit/62f18b2ff62bf77fa47205cffddf0d072a73c366),
+[f0417c9](https://github.com/PAIR-code/lit/commit/f0417c93da282a4699253f335c2643be5e50567f),
+[fe5a705](https://github.com/PAIR-code/lit/commit/fe5a705bfb013ac782e87351af08bc5b03204e71),
+[1ec8626](https://github.com/PAIR-code/lit/commit/1ec8626da0e2a1922fb7812913f2677b232043ef),
+[15184a1](https://github.com/PAIR-code/lit/commit/15184a18da69dacfb657c238ef8f5bac79ed7863),
+[84af141](https://github.com/PAIR-code/lit/commit/84af141c7cf8a6ddb4db6ececec787ac235ddd17),
+[27cafd8](https://github.com/PAIR-code/lit/commit/27cafd85636b3d18f40d15a01ffd5d0857ff0daa),
+[3591e61](https://github.com/PAIR-code/lit/commit/3591e614fb09264ee03ae0c73510f1d0a4b74cdf),
+[d108b59](https://github.com/PAIR-code/lit/commit/d108b596658f456f43e0b19473ab1c70c59cc065),
+[309c4f2](https://github.com/PAIR-code/lit/commit/309c4f283af559ca34570e044d77d5c4a7cce540),
+[99821d3](https://github.com/PAIR-code/lit/commit/99821d3b5505d857f919fe2455830e6c2338fd68),
+[c8ee224](https://github.com/PAIR-code/lit/commit/c8ee224a445f925a9a7d6d7dc4472436190d0174)
+
+* Support of more models (GPT2, Gemma, Llama, Mistral) on deep learning frameworks (Tensorflow, Pytorch) for Keras and Hugging Face -
+[b26256a](https://github.com/PAIR-code/lit/commit/b26256a7c339c9e0940eb7a806528da23098ed03),
+[45887d3](https://github.com/PAIR-code/lit/commit/45887d35d3880289595613224524157b19481ac0),
+[b9941ed](https://github.com/PAIR-code/lit/commit/b9941ed7aea315022426710ccd32e8e1c7ff6c04),
+[5ee7064](https://github.com/PAIR-code/lit/commit/5ee7064ec23933c41b4233061f9cc65b851fa7bb),
+[8ea325b](https://github.com/PAIR-code/lit/commit/8ea325b292b09aecbb074abc877525dcdf4f4cd0)
+
+* A tutorial to use sequence salience at [our website](https://pair-code.github.io/lit/tutorials/) and documentation updates -
+[962faaa](https://github.com/PAIR-code/lit/commit/962faaabcf209f9cf024df5cc9684d8d4e4e64d8),
+[96eff29](https://github.com/PAIR-code/lit/commit/96eff29198e69a8a9f2203d88f9027f5596f1614),
+[f731e6d](https://github.com/PAIR-code/lit/commit/f731e6dfdeeb26f959022ed5aeda71e4f1f377d0),
+[f4d7cac](https://github.com/PAIR-code/lit/commit/f4d7cacda3399d3e474420facd1a75d5b6af4824),
+[49e7736](https://github.com/PAIR-code/lit/commit/49e77369fabd820b3f213f2d846efb5e81dbeafe)
+
+### Non-breaking Changes, Bug Fixes, and Enhancements
+* Py typing fix -
+[d70e3d3](https://github.com/PAIR-code/lit/commit/d70e3d3c64671dfd5da034d3a47a34aedeef6469)
+* Improvements on the curves UI module -
+[3d61a09](https://github.com/PAIR-code/lit/commit/3d61a09b684b3d57fc23b1362091d5293d8e6d19)
+[2efe62b](https://github.com/PAIR-code/lit/commit/2efe62b77dbfddf698b0a79408c0227bd21dc959)
+* Support model-column search in LIT Data Table -
+[525bf5e](https://github.com/PAIR-code/lit/commit/525bf5e7c005fe1f931867bc1206b527544865b3)
+* Obsolete code cleanup -
+[82abec6](https://github.com/PAIR-code/lit/commit/82abec688836b8e6d136de83e56660ea055dc91d)
+
+
 ## Release 1.1
 
 This release provides the capabilities to interpret and debug the behaviors of

docs/assets/css/new.css

@@ -3,7 +3,9 @@ body {
   font-family: "Open Sans", sans-serif;
 }
 
-.mdl-layout__title a, .mdl-navigation__link, .hero-container {
+.mdl-layout__title a,
+.mdl-navigation__link,
+.hero-container {
   font-family: "Manrope";
 }
 
@@ -28,15 +30,19 @@ a:hover {
   text-decoration: underline;
 }
 
-a, a:visited, a:hover, a:active {
+a,
+a:visited,
+a:hover,
+a:active {
   color: #07a3ba;
 }
 
 .spacer {
   width: 100%;
 }
 
-.link-out, .resource-card-cta-button a {
+.link-out,
+.resource-card-cta-button a {
   font-family: "Manrope";
   font-weight: 600;
   font-size: 20px;
@@ -134,11 +140,13 @@ h5 {
   color: black;
 }
 
-.mdl-layout__title a:visited, .mdl-layout__title a:active {
+.mdl-layout__title a:visited,
+.mdl-layout__title a:active {
   color: inherit;
 }
 
-.sub-hero-container, .tutorial-hero-container {
+.sub-hero-container,
+.tutorial-hero-container {
   width: 100%;
   height:225px;
   background-size: cover;
@@ -180,7 +188,11 @@ h5 {
   margin-left: 5px;
 }
 
-.hero-container, .main-page-container, .sub-page-container, .tutorial-page-container, .footer-container {
+.hero-container,
+.main-page-container,
+.sub-page-container,
+.tutorial-page-container,
+.footer-container {
   margin: 0 auto;
   max-width:950px;
 }
@@ -209,7 +221,8 @@ h5 {
   border-radius: 8px;
 }
 
-.home-card-action, .section-action {
+.home-card-action,
+.section-action {
   font-weight: 600;
   font-size: 16px;
   line-height: 22px;
@@ -250,11 +263,15 @@ h5 {
   margin-bottom: 50px;
 }
 
-.home-card-cta-button a:link, .link-out a:link {
+.home-card-cta-button a:link,
+.link-out a:link {
   text-decoration: none;
 }
 
-.home-card-cta-button a:visited, .home-card-cta-button a:active, .link-out a:visited, .link-out a:active {
+.home-card-cta-button a:visited,
+.home-card-cta-button a:active,
+.link-out a:visited,
+.link-out a:active {
   color: #07a3ba;
 }
 
@@ -270,7 +287,9 @@ h5 {
 	overflow:hidden;
 }
 
-.video-container iframe, .video-container object, .video-container embed {
+.video-container iframe,
+.video-container object,
+.video-container embed {
 	position:absolute;
 	top:0;
 	left:0;
@@ -315,8 +334,8 @@ h5 {
   color: #3C4043;
 }
 
-
-.sub-title, .tutorial-title {
+.sub-title,
+.tutorial-title {
   color: white;
   font-size: 32px;
   line-height: 40px;
@@ -330,22 +349,27 @@ h5 {
   line-height: 28px;
 }
 
-
-.capability-element, .tutorial-link-element {
+.capability-element,
+.tutorial-link-element {
   margin-top:48px;
   border-bottom: 1px solid #A4B7C8;
 }
 
-.capability-title a, .tutorial-link-title a {
+.capability-title a,
+.tutorial-link-title a {
   text-decoration: none;
   color: inherit;
 }
 
-.capability-title a:hover, .tutorial-link-title a:hover {
+.capability-title a:hover,
+.tutorial-link-title a:hover {
   text-decoration: underline;
 }
 
-.capability-title a:visited, .tutorial-link-title a:visited, .capability-title a:active, .tutorial-link-title a:active {
+.capability-title a:visited,
+.tutorial-link-title a:visited,
+.capability-title a:active,
+.tutorial-link-title a:active {
   color: inherit;
 }
 
@@ -365,7 +389,8 @@ h5 {
   margin: 25px 0px;
 }
 
-.capability-copy, .tutorial-link-copy {
+.capability-copy,
+.tutorial-link-copy {
   margin-bottom: 15px;
 }
 
@@ -375,7 +400,8 @@ h5 {
   padding: 12px;
 }
 
-.resource-card-title, .demo-card-title {
+.resource-card-title,
+.demo-card-title {
   font-size: 22px;
   line-height: 28px;
   color: #8230cd;
@@ -391,7 +417,8 @@ h5 {
   text-decoration: underline;
 }
 
-.demo-card-title a:visited, .demo-card-title a:active {
+.demo-card-title a:visited,
+.demo-card-title a:active {
   color: inherit;
 }
 
@@ -417,7 +444,8 @@ h5 {
   margin-bottom: 25px;
 }
 
-.resource-card-copy, .demo-card-copy {
+.resource-card-copy,
+.demo-card-copy {
   font-size: 16px;
   line-height: 20px;
   letter-spacing: 0.2px;
@@ -455,19 +483,47 @@ h5 {
   display: inline-block;
 }
 
-
 .tutorial-image {
   width: 100%;
+  cursor: zoom-in;
+}
+
+.tutorial-image-popover {
+  border: 0;
+  padding: 0;
+  background: transparent;
+  pointer-events: none; /* click to close image */
+}
+
+.tutorial-image-popover .tutorial-image {
+  max-width: calc(100vw - 80px);
+  max-height: calc(100vh - 80px);
+
+  cursor: zoom-out;
+  /* block the default popover close; we'll use js instead */
+  pointer-events: all;
+  /* in case image itself has transparency */
+  background: white;
 }
 
-.tutorial-page-container p, .tutorial-page-container ul, .tutorial-page-container ol {
+.tutorial-image-popover::backdrop {
+  background: rgba(0, 0, 0, 0.60);
+}
+
+.tutorial-page-container p,
+.tutorial-page-container ul,
+.tutorial-page-container ol {
   font-family: "Open Sans";
   font-size: 18px;
   line-height: 24px;
   letter-spacing: 0.1px;
   color: #0E0F12;
 }
 
+.tutorial-page-container p > code {
+  color: #c26412;
+}
+
 .tutorial-breadcrumbs {
   margin: 72px 0 24px 0;
   font-family: "Manrope";
@@ -488,7 +544,8 @@ h5 {
   text-decoration: underline;
 }
 
-.tutorial-breadcrumbs a:active, .tutorial-breadcrumbs a:visited {
+.tutorial-breadcrumbs a:active,
+.tutorial-breadcrumbs a:visited {
   color: inherit;
 }
 
@@ -544,6 +601,18 @@ h5 {
   margin-bottom: 20px;
 }
 
+details:not([open]) .info-box-title {
+  margin-bottom: 0;
+}
+
+summary {
+  cursor: pointer;
+}
+
+summary::marker {
+  color: #0B6F7A;
+}
+
 .info-box-text,
 .info-box-text p,
 .info-box-text ul {
@@ -627,7 +696,11 @@ h5 {
     display: none;
   }
 
-  .hero-container, .main-page-container, .sub-page-container, .tutorial-page-container, .footer-container {
+  .hero-container,
+  .main-page-container,
+  .sub-page-container,
+  .tutorial-page-container,
+  .footer-container {
     margin: 0 16px;
   }
 

docs/assets/css/prism-material-light.css

@@ -5,7 +5,7 @@ pre[class*="language-"] {
 	word-spacing: normal;
 	word-break: normal;
 	word-wrap: normal;
-	color: #90a4ae;
+	color: #5f6368;
 	background: #fafafa;
 	font-family: Roboto Mono, monospace;
 	font-size: 1em;
@@ -21,6 +21,10 @@ pre[class*="language-"] {
 	hyphens: none;
 }
 
+code[class*="language-text"] {
+	text-wrap: wrap;
+}
+
 code[class*="language-"]::-moz-selection,
 pre[class*="language-"]::-moz-selection,
 code[class*="language-"] ::-moz-selection,
@@ -204,4 +208,4 @@ pre[class*="language-"] {
 
 .token.variable {
 	color: #e53935;
-}
+}